@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

@font-face {
  font-family: 'switzerregular';
  src: url('../fonts/switzer-regular-webfont.woff2') format('woff2'),
       url('../fonts/switzer-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'switzermedium';
  src: url('../fonts/switzer-medium-webfont.woff2') format('woff2'),
       url('../fonts/switzer-medium-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'switzersemibold';
  src: url('../fonts/switzer-semibold-webfont.woff2') format('woff2'),
       url('../fonts/switzer-semibold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'switzerbold';
  src: url('../fonts/switzer-bold-webfont.woff2') format('woff2'),
       url('../fonts/switzer-bold-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

:root {
  --switzer-400-font: 'switzerregular', serif;
  --switzer-500-font: 'switzermedium', serif;
  --switzer-600-font: 'switzersemibold', serif;
  --switzer-700-font: 'switzerbold', serif;
  --playfair-font: "Playfair Display", system-ui;
  --color-grey: #222;
  --color-white: #FFF;
  --color-black: #000;
  --color-brown: #6E4A31;
  --color-gold: #DCA433;
  --color-text: #475467;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0 !important;
    list-style: none;
  }
  
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, button {
      margin: 0;
      padding: 0;
      border: 0;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      vertical-align: middle;
      border-radius: 0;
     
    }
  dl, ol, ul {
      margin-top: 0;
      margin-bottom: 1rem;
    }
  
  html, body {
      font-family: var(--switzer-400-font);
      margin: 0;
      font-size: 14px;
      color: #222;
      background: #fff;
      letter-spacing: 0.01em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: antialiased;
      font-smoothing: antialiased;
    }

  body {
      font-family: var(--switzer-400-font);
      margin: 0;
      font-size: 14px;
      color: #222;
      background: #fff;
      letter-spacing: 0.01em;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: antialiased;
      font-smoothing: antialiased;      
    }

/* start of header styles */

header{
  width: 100%;
  height: 137px;
  border-top: 31px solid #F3EDE9;
}

.navbar-custom {
  padding: 12px 0px;
  position: relative;
  z-index: 3;
  height: 106px;
}

.navbar-nav {
  display: flex;
  align-items: center;
  gap: 30px;
}

.navbar-brand{
  position: absolute;
  left: 50%;
  width: 272px;
  height: 183px;
  top: -31px;
  z-index: 5;
  transform: translateX(-50%);
  padding: 0px;
  border-radius: 50%;
  background: #FFF;
  margin: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-link{
  color: var(--color-brown);
  font-family: var(--switzer-500-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  transition: .3s all ease-in;
}

.navbar-nav .nav-link:hover{
  color: var(--color-gold);
  text-decoration: underline;
}

.navbar-nav .nav-link.active{
  color: var(--color-gold);
  text-decoration: underline;
}

.login-btn{
  display: flex;
  height: 41px;
  padding: 8px 20px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--color-brown);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: var(--color-brown);
  font-family: var(--switzer-500-font);
  font-size: 16px;
  line-height: 24px;
  background: #fff;
  transition: .3s all ease-in;
}

.login-btn:hover{
  background: var(--color-brown);
  color: var(--color-white);
  border: 1px solid var(--color-brown);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
}

.line-bg{
  width: 100%;
  height: 50px;
  background: url(../img/line-bg-img.svg);
  background-position: 50% 50%;
  background-size: cover;
  position: relative;
  top: 8px;
  z-index: 2;
  background-repeat: repeat-x;
}

.line-shape{
  width: 100%;
  height: 50px;
  position: relative;
  top: 8px;
  z-index: 2;
}

.left-line-bar{
  height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.40);
  position: absolute;
  left: 0px;
  bottom: 49px;
  width: calc(50% - 123px);
}

.middle-shape{
  width: 270px;
  height: 50px;
  position: absolute;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  background: url(../img/line-shape-web.svg) no-repeat;
  background-size: contain;
  background-position: 50% 50%;
}

.right-line-bar{
  width: calc(50% - 123px);
  height: 50px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.40);
  position: absolute;
  right: 0px;
  bottom: 49px;
}

.navbar-expand-lg .navbar-nav .dropdown-menu{
  border-radius: 4px;
  border: 0.8px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  padding: 0px;
}

.navbar-custom .dropdown-toggle::after{
  border: none;
  background: url(../img/chevron-down.svg) no-repeat;
  width: 20px;
  height: 20px;
  margin: 0px 0px 0px 3px;
  background-position: 0px 5px;
  vertical-align: baseline;
}

.navbar-expand-lg .navbar-nav .dropdown-menu li:last-child .dropdown-item{
  border-bottom: none;
}

.navbar-custom .dropdown-item{
  color: var(--color-brown);
  font-family: var(--switzer-400-font);
  font-size: 15px;
  line-height: normal;
  padding: 12px 12px;
  border-bottom: 1px solid rgba(110, 74, 49, 0.40);
  background: var(--color-white);
  transition: .3s all ease-in;
}

.navbar-custom .dropdown-item:hover,.navbar-custom .dropdown-item.active{
  color: var(--color-gold);
  background: var(--color-white);
}

/* end of header styles */

/* start of slider styles */

.slider-wrapper{
  width: 100%;
  position: relative;
  height: 777px;
  background: linear-gradient(to bottom right, rgba(0, 0, 0, 0.00) 0%,
   rgba(0, 0, 0, 0.30) 50%) bottom right / 50% 50% no-repeat, 
   linear-gradient(to bottom left, rgba(0, 0, 0, 0.00) 0%, 
   rgba(0, 0, 0, 0.30) 50%) bottom left / 50% 50% no-repeat, 
   linear-gradient(to top left, rgba(0, 0, 0, 0.00) 0%, 
   rgba(0, 0, 0, 0.30) 50%) top left / 50% 50% no-repeat, 
   linear-gradient(to top right, rgba(0, 0, 0, 0.00) 0%, 
   rgba(0, 0, 0, 0.30) 50%) top right / 50% 50% no-repeat;
}

.slider-wrapper .carousel-item img{
  width: 100%;
}

.carousel-description{
  width: 797px;
  display: flex;
  position: absolute;
  left: 50%;
  bottom: 140px;
  transform: translateX(-50%);
  flex-direction: column;
  align-items: center;
}

.carousel-description h4{
  color: var(--color-white);
  font-size: 64px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -1.28px;
  font-family: var(--playfair-font);
  text-align: center;
  margin-bottom: 40px;
}

.carousel-description a{
  padding: 12px 12px 12px 16px;
  gap: 4px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.40);
  background: rgba(0, 0, 0, 0.20);
  backdrop-filter: blur(11.5px);
  color: var(--color-white);
  font-family: var(--switzer-400-font);
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-flex;
}

.carousel-indicators{
  bottom: 40px;
}

.carousel-indicators [data-bs-target]{
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.75);
  border: none;
}

.carousel-indicators [data-bs-target].active{
  width: 42px;
  height: 8px;
  background: #fff;
}

/* end of slider styles */

/* start of about club styles */

.about-club{
  width: 100%;
  padding: 80px 0px 96px 0px;
}

.about-club h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 80px;
}

.about-club-text h3{
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.about-club-text p{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 32px;
}

.about-club-text a{
  display: inline-flex;
  padding: 12px 12px 12px 16px;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #6E4A31;
  text-decoration: none;
  color: var(--color-brown);
  font-family: var(--switzer-400-font);
  font-size: 16px;
  text-transform: uppercase;
  transition: .3s all ease-in;
}

.about-club-text a:hover{
  color: var(--color-white);
  border-color: var(--color-brown);
  background: var(--color-brown);
}

.about-club-text a:hover svg path{
  transition: .3s all ease-in;
}

.about-club-text a:hover svg path{
  fill: var(--color-white);
}

.about-club-img-wrap{
  padding-left: 50px;
}

.about-club-img-wrap .row{
  margin-left: -6px;
  margin-right: -6px;
}

.about-club-img-wrap .row .col-lg-6{
  padding-left: 6px;
  padding-right: 6px;
}

.about-club-img-wrap .row .col-lg-12{
  padding-left: 6px;
  padding-right: 6px;
  margin-top: 12px;
}

.about-club-img{
  display: flex;
  padding: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  border: 2px solid #F3EDE9;
  background: var(--color-white);
}

.about-club-img img{
  width: 100%;
}

/* end of about club styles */

/* start of events notice info style */

.events-notice-info{
  padding: 80px 0px 96px 0px;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0.70) 100%), 
  url('../img/eve-not-bg.png') lightgray 0px -83.375px / 100% 119.21% no-repeat;
}

.events-notice-info .row{
  margin-left: -20px;
  margin-right: -20px;
}

.events-notice-info .row .col-lg-6{
  padding-left: 20px;
  padding-right: 20px;
}

.events-notice-bg{
  display: flex;
  height: 480px;
  padding: 16px;
  flex-direction: column;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
}

.events-notice-bg h5{
  display: flex;
  padding: 16px 0px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 20px;
  border-radius: 8px 8px 0px 0px;
  background: #6E4A31;
  backdrop-filter: blur(2px);
  color: var(--color-white);
  font-family: var(--playfair-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.calendar-container{
  width: 100%;
  height: 373px;
  border-radius: 0px 0px 8px 8px;
  border: 1px solid #FFF;
  background: #F3EDE9;
  padding: 20px;
}

.has-event a {
  background-color: #fff !important; /* Yellow background for event dates */
  color: #222 !important; /* Black text for better visibility */
  border-radius: 20px;
  position: relative;
}

.has-event a::after{
  content: '';
  width: 6px;
  height: 6px;
  background: var(--color-gold);
  border-radius: 50%;
  position: absolute;
  left: 50%;
  bottom: 5px;
  transform: translateX(-3px);
}

.calendar-container .ui-widget.ui-widget-content{
  width: 100%;
  padding: 0px;
  border-radius: 0px 0px 8px 8px;
  border: none;
  background: #F3EDE9;
}

.calendar-container .ui-widget-header{
  padding: 4px 0px;
  border: none;
  background: none;
  border-radius: 0px;
}

.calendar-container .ui-datepicker th{
  text-align: center;
  font-family: var(--switzer-500-font);
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  padding: 10px 5px;
}

.calendar-container .ui-datepicker .ui-datepicker-title select{
  border: none;
  background: none;
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 14px;
  font-weight: 600;
}

.calendar-container .ui-datepicker .ui-datepicker-title{
  border: none;
  background: none;
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 24px;
  font-weight: 600;
  line-height: 36px;
  margin: -12px 0px 0px 0px;
}

.calendar-container .ui-datepicker-unselectable .ui-state-disabled {
  background: #F5F5F5 !important;
  color: #999999 !important;
}

.calendar-container .ui-datepicker-other-month {
  opacity: 0.5; /* Make them slightly transparent */
}

.calendar-container .ui-datepicker td a{
  border: none;
  background: none;
  color: #222 !important;
  font-family: var(--switzer-500-font);
  font-size: 16px;
  padding: 10px 8px 10px 8px;
  text-align: center;
  width: 40px;
  height: 40px;
  line-height: 20px;
  margin: 0px 18px;
}

.calendar-container .ui-datepicker .ui-datepicker-prev, 
.calendar-container .ui-datepicker .ui-datepicker-next{
  background: none;
  border: 1px solid transparent;
  border-radius: 0px;
  cursor: pointer;
}

.calendar-container .ui-datepicker .ui-datepicker-prev-hover,
.calendar-container .ui-datepicker .ui-datepicker-next-hover{
  background: none;
  border: 1px solid #ccc;
  border-radius: 6px;
}

.calendar-container .ui-datepicker .ui-datepicker-prev-hover{
  left: 2px;
  top:2px;
}

.calendar-container .ui-datepicker .ui-datepicker-next-hover{
  right: 2px;
  top: 2px;
}

.notices-content{
  display: flex;
  padding: 12px 16px;
  flex-direction: column;
  gap: 10px;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  background: rgba(236, 206, 185, 0.50);
}

.notices-content ul{
  padding: 0px;
  margin: 0px;
}

.notices-content ul li{
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 16px;
  border-radius: 12px;
  background: var(--color-white);
  margin-bottom: 12px;
  position: relative;
}

.notices-content ul li span{
  display: flex;
  width: 56px;
  padding: 4px 4px 4px 4px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: var(--color-gold);
  gap: 3px;
}

.notices-content ul li span b{
  color: var(--color-white);
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 28px;
  font-weight: 500;
  line-height: 100%;
  margin-top: -9px;
}

.notices-content ul li span small{
  color: var(--color-white);
  font-family: var(--switzer-500-font);
  font-size: 14px;
  line-height: 100%;
}

.notices-content ul li p{
  font-family: var(--switzer-400-font);
  font-size: 18px;
  line-height: 20px;
  width: calc(100% - 54px);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  display: -webkit-box;
}

.notices-content .view-all{
  display: flex;
  align-items: center;
  justify-content: center;
}

.notices-content .view-all a{
  display: flex;
  padding: 12px 12px 12px 16px;
  align-items: center;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid #6E4A31;
  background: #F3EDE9;
  text-decoration: none;
  color: var(--color-brown);
  font-family: var(--switzer-400-font);
  font-size: 16px;
  line-height: normal;
  text-transform: uppercase;
  transition: .3s all ease-in;
}

.notices-content .view-all a:hover svg path{
  transition: .3s all ease-in;
}

.notices-content .view-all a:hover{
  background: var(--color-brown);
  color: var(--color-white);
}

.notices-content .view-all a:hover svg path{
  fill: var(--color-white);
}

/* end of events notice info style */

/* start of explore hrc chamber styles */

.explore-hrc-chamber{
  padding: 80px 0px 56px 0px;
  width: 100%;
}

.explore-hrc-chamber h5{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
  margin-bottom: 40px;
}

.chamber-card{
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  margin-bottom: 40px;
  box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.1);
}

.chamber-card-info{
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  height: 550px;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.chamber-card-info:hover .text-content{
  height: 100%;
}

.chamber-card-info:hover .text-content p{
  display: block;
  opacity: 1;
}

.chamber-card-info:hover .text-content h6{
  overflow: visible;
  display: block;
}

.chamber-card-info .img-wrap{
  width: 100%;
  height: 100%;
  border-radius: 0px 0px 16px 16px;
  overflow: hidden;
}

.chamber-card-info .img-wrap img{
  width: 100%;
  border-radius: 12px;
  height: 100%;
  transition: .3s all ease-in;
  transform: scale3d(1, 1, 1);
}

.chamber-card-info:hover .img-wrap img{
  transform: scale3d(1.2, 1.2, 1.2);
}

.chamber-card-info .text-content{
  display: flex;
  height: 70px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.65);
  backdrop-filter: blur(4.5px);
  position: absolute;
  width: 100%;
  left: 0px;
  bottom: 0px;
  overflow: hidden;
  transition: .3s height ease-in;
}

.chamber-card-info .text-content h6{
  overflow: hidden;
  color: var(--color-white);
  text-align: center;
  text-overflow: ellipsis;
  font-family: var(--playfair-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  align-self: stretch;
}

.chamber-card-info .text-content p{
  color: var(--color-white);
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 16px;
  line-height: 30px;
  width: 328px;
  display: none;
  opacity: 0;
  margin-top: 16px;
}

/* end of explore hrc chamber styles */

/* start of gallery container styles */

.gallery-container{
  padding: 80px 0px 96px 0px;
  background: #F3EDE9;
  width: 100%;
}

.gallery-heading h5{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
  margin-bottom: 20px;
}

.gallery-heading p{
  color: var(--color-text);
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 60px;
}

.gallery-container .row{
  margin-left: -8px;
  margin-right: -8px;
}

.gallery-container .row .col-lg-6{
  padding-left: 8px;
  padding-right: 8px;
}

.gallery-img{
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  margin-bottom: 16px;
}

.gallery-img img{
  width: 100%;
}

.explore-gallery{
  margin-top: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.explore-gallery a{
  display: inline-flex;
  padding: 12px 12px 12px 16px;
  align-items: flex-start;
  gap: 4px;
  border-radius: 12px;
  border: 1px solid var(--color-brown);
  text-decoration: none;
  color: var(--color-brown);
  font-family: var(--switzer-400-font);
  font-size: 16px;
  text-transform: uppercase;
  transition: .3s ease-in all;
}

.explore-gallery a:hover{
  background: var(--color-brown);
  color: var(--color-white);
  border-color: var(--color-brown);
}

.explore-gallery a svg path{
  transition: .3s ease-in all;
}

.explore-gallery a:hover svg path{
  fill: var(--color-white);
}

/* end of gallery container styles */

/* start of subscription container style */

.subscription-container{
  padding: 60px 0px;
  width: 100%;
  border-top: 1px solid rgba(110, 74, 49, 0.40);
}

.subscription-text h5{
  font-family: var(--playfair-font);
  font-size: 30px;
  font-weight: 700;
  line-height: 38px;
  margin-bottom: 16px;
}

.subscription-text p{
  color: #1D2939;
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
}

.subscription-form{
  display: flex;
  width: 100%;
  gap: 16px;
  height: 100%;
  align-items: center;
  justify-content: flex-end;
}

.subscription-input{
  display: flex;
  width: 302px;
}

.subscription-input input{
  width: 100%;
  border-radius: 8px;
  border: 1px solid #6E4A31;
  background: #F3EDE9;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  padding: 10px 14px;
}

.subscribe-btn{
  display: inline-flex;
  padding: 10px 24px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  border: 1px solid #6E4A31;
  background: #6E4A31;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  color: #F3EDE9;
  font-family: var(--switzer-500-font);
  font-size: 16px;
  line-height: 24px;
}

/* end of subscription container style */

/* start of footer styles */

footer{
  padding: 40px 0px 48px 0px;
  width: 100%;
  background: var(--color-brown);
}

.footer-logo-address p{
  margin-top: 32px;
  color: #EAECF0;
  font-family: var(--switzer-400-font);
  font-size: 14px;
  line-height: 20px;
}

footer .footer-links-wrapper{
  padding-left: 150px;
}

.footer-links-container{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.footer-links h6{
  color: #EAECF0;
  font-family: var(--switzer-500-font);
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 8px;
}

.footer-links ul{
  margin: 0px;
  padding: 0px;
}

.footer-links ul li{
  margin-bottom: 8px;
}

.footer-links ul li a{
  color: #EAECF0;
  font-family: var(--switzer-400-font);
  font-size: 14px;
  line-height: 24px;
  text-decoration: none;
  transition: .3s color ease-in;
}

.footer-links ul li a:hover{
  color: #fbb82f;
}

.copyrights-social-wrapper{
  border-top: 1px solid rgba(255, 255, 255, 0.20);
  padding-top: 32px;
  margin-top: 16px;
}

.copyrights-info span{
  color: #F3EDE9;
  font-family: var(--switzer-400-font);
  font-size: 16px;
  line-height: 24px;
}

.social-links{
  display: flex;
  justify-content: flex-end;
  padding: 0px;
}

.social-links ul{
  display: flex;
  align-items: center;
  gap: 24px;
  margin: 0px;
}

/* end of footer styles */

/* start of heritage page styles */

.banner-wrapper{
  width: 100%;
  height: 600px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.heritage-banner{
  background: url(../img/heritage-banner-img.png) no-repeat;
  background-position: 50% 100%;
}

.heritage-text-info{
  padding-left: 50px;
  display: flex;
  align-items: center;
}

.sp-2{
  margin-bottom: 12px;
}

.heritage-text-info .about-club-text{
  width: 580px;
}

.heritage-text-info .about-club-text h3{
  letter-spacing: -0.8px;
  white-space: nowrap;
}

.heritage-text-info .about-club-text p{
  margin-bottom: 0px;
}

.heritage-text-row{
  margin-top: 80px;
}

/* end of heritage page styles */

/* start of managing committee styles */

.managing-committee-banner{
  background: url(../img/managing-committee-banner-img.png) no-repeat;
  background-position: 50% 50%;
}

.managing-committe-info{
  padding: 80px 0px 36px 0px;
}

.managing-committe-info h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 80px;
}

.managing-committe-heading{
  margin-bottom: 60px;
}

.managing-committe-heading h3{
  font-family: var(--playfair-font);
  font-size: 40px;
  line-height: 120%;
  font-weight: 400;
  margin-bottom: 16px;
}

.managing-committe-heading h6{
  font-family: var(--switzer-400-font);
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 24px;
}

.managing-committe-heading p{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
}

.managing-committe-info .row .col-lg-6{
  margin-bottom: 60px;
}

.managing-committe-card h4{
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 24px;
}

.managing-committe-card p{
  font-family: var(--switzer-400-font);
  font-size: 24px;
  line-height: 30px;
}

/* end of managing committee styles */

/* start of membership categories styles */

.membership-categories-banner{
  background: url(../img/membership-categories-banner-img.png) no-repeat;
  background-position: 50% 50%;
}

.membership-categories-info{
  width: 100%;
  padding: 80px 0px 56px 0px;
}

.membership-categories-row{
  margin-left: -30px;
  margin-right: -30px;
}

.membership-categories-row .col-lg-6{
  padding-left: 30px;
  padding-right: 30px;
}

.membership-categories-info h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 80px;
}

.membership-categories-card{
  margin-bottom: 40px;
}

.membership-categories-card h4{
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.membership-categories-card p{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 24px;
}

.membership-categories-content ul{
  margin: 0px 0px 0px 16px;
}

.membership-categories-content ul li{
  list-style: disc;
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 180%;
  margin-bottom: 8px;
}

/* end of membershipcategories styles */

/* start of photo gallery container styles */

.photo-gallery-container{
  width: 100%;
  background: #F3EDE9;
  padding: 80px 0px 72px 0px;
}

.photo-gallery-heading{
  margin-bottom: 60px;
}

.photo-gallery-heading h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
  margin-bottom: 20px;
}

.photo-gallery-heading p{
  color: var(--color-text);
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
}

.photo-gallery-content{
  margin-left: -8px;
  margin-right: -8px;
}

.photo-gallery-content .col-lg-4{
  padding-left: 8px;
  padding-right: 8px;
}

.photo-gallery-card{
  display: flex;
  padding: 16px;
  align-items: center;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.1);
  margin-bottom: 24px;
}

.photo-gallery-card img{
  width: 100%;
}

/* end of photo gallery container styles */

/* start of sports container styles */

.sports-banner{
  background: url(../img/sports-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.sports-container h5{
  margin-bottom: 24px;
}

.sports-container span{
  color: var(--color-text);
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 150%;
  display: block;
  margin-bottom: 40px;
}

.sports-container .chamber-card-info{
  height: 500px;
}

.full-block-link{
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
}

/* end of sports container styles */

/* start of sports details container styles */

.billards-banner{
  background: url(../img/billards-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.sports-details-container{
  width: 100%;
  padding: 80px 0px 56px 0px;
}

.back-link{
  color: var(--color-brown);
  font-family: var(--switzer-400-font);
  font-size: 16px;
  text-transform: uppercase;
  text-decoration: none;
  line-height: normal;
  transition: .3s all ease-in;
}

.back-link:hover{
  color: var(--color-gold);
}

.back-link svg path{
  transition: .3s all ease-in;
}

.back-link:hover svg path{
  fill: var(--color-gold);
}

.sports-heading{
  margin: 40px 0px;
}

.sports-heading h2{
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.sports-heading p{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}

.sports-image-card{
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  margin-bottom: 40px;
  box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.1);
}

.sports-image-card img{
  width: 100%;
}

.sports-details-images{
  margin-left: -20px;
  margin-right: -20px;
}

.sports-details-images .col-lg-6{
  padding-left: 20px;
  padding-right: 20px;
}

.sports-details-images .col-lg-12{
  padding-left: 20px;
  padding-right: 20px;
}

.tennis-banner{
  background: url(../img/tennis-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.cricket-banner{
  background: url(../img/cricket-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.basketball-banner{
  background: url(../img/basketball-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.table-tennis-banner{
  background: url(../img/table-tennis-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.squash-banner{
  background: url(../img/squash-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.badminton-banner{
  background: url(../img/badminton-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.card-rooms-banner{
  background: url(../img/card-rooms-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.paddle-pick-ball-banner{
  background: url(../img/paddle-pick-ball-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.gymnasium-banner{
  background: url(../img/gymnasium-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.swimming-banner{
  background: url(../img/swimming-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.children-lawn-banner{
  background: url(../img/children-lawn-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of sports details container styles */

/* start of services container styles */

.services-banner{
  background: url(../img/services-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.container-center{
  justify-content: center;
}

.childrens-library-banner{
  background: url(../img/childrens-library-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.ladies-beauty-parlour-banner{
  background: url(../img/ladies-beauty-parlour-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.main-library-banner{
  background: url(../img/main-library-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.laundry-banner{
  background: url(../img/laundry-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.club-shop-banner{
  background: url(../img/club-shop-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.mens-dressing-room-banner{
  background: url(../img/mens-dressing-room-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of services container styles */

/* start of banquets container styles */

.banquets-banner{
  background: url(../img/banquets-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.banquets-banner .banner-shape img{
  width: 100%;
}

.banquet-hall-banner{
  background: url(../img/banquet-hall-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.pre-banquet-space-banner{
  background: url(../img/pre-banquet-space-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.open-party-lawn-banner{
  background: url(../img/open-party-lawn-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of banquets container styles */

/* start of accommodation container styles */

.accommodation-banner{
  background: url(../img/accommodation-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.suit-rooms-banner{
  background: url(../img/suit-rooms-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.room-amenities-banner{
  background: url(../img/room-amenities-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.fivefour-premium-rooms-banner{
  background: url(../img/54-premium-rooms-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of accommodation container styles */

/* start of restaurants container styles */

.restaurants-banner{
  background: url(../img/restaurants-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.dining-hall-banner{
  background: url(../img/dining-hall-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.food-court-banner{
  background: url(../img/food-court-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.lounge-banner{
  background: url(../img/lounge-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.lawn-one-banner{
  background: url(../img/lawn-one-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.lawn-two-banner{
  background: url(../img/lawn-two-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.private-dining-room-banner{
  background: url(../img/private-dining-room-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.coffee-shop-banner{
  background: url(../img/coffee-shop-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of restaurants container styles */

/* start of bars container styles */

.bars-banner{
  background: url(../img/bars-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.bar-banner{
  background: url(../img/bar-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.ac-bar-banner{
  background: url(../img/ac-bar-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.open-bar-banner{
  background: url(../img/open-bar-counter-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

/* end of bars container styles */

/* start of events container styles */

.events-banner{
  background: url(../img/events-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.events-details-banner{
  background: url(../img/events-details-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.events-container{
  width: 100%;
  padding: 80px 0px 96px 0px;
}

.events-container .row{
  margin-left: -20px;
  margin-right: -20px;
}

.events-container .row .col-lg-6{
  padding-left: 20px;
  padding-right: 20px;
}

.events-container h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
  margin-bottom: 40px;
}

.events-card{
  border-radius: 16px;
  border: 2px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  padding: 16px;
  box-shadow: 0px 12px 12px rgba(0, 0, 0, 0.1);
  position: relative;
}

.events-card img{
  width: 100%;
}

.events-info{
  border-radius: 0px 0px 8px 8px;
  background: #F5E7DC;
  backdrop-filter: blur(2px);
  padding: 16px 24px 0px 24px;
}

.events-info h6{
  color: var(--color-brown);
  text-align: center;
  font-family: var(--switzer-600-font);
  font-size: 32px;
  line-height: 120%;
  margin-bottom: 16px;
}

.events-info ul{
  margin: 0px;
  display: flex;
  flex-direction: column;
  margin-bottom: 0px;
}

.events-info ul li{
  width: 100%;
  display: flex;
  margin-bottom: 16px;
}

.events-info ul li strong{
  color: var(--color-brown);
  font-family: var(--switzer-500-font);
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  width: 50%;
}

.events-info ul li span{
  color: var(--color-brown);
  text-align: right;
  font-family: var(--switzer-400-font);
  font-size: 32px;
  line-height: 120%;
  width: 50%;
}

.events-heading{
  margin: 40px 0px 24px 0px;
}

.events-heading p{
  margin-bottom: 16px;
}

/* end of events container styles */

/* start of careers container styles */

.careers-banner{
  background: url(../img/careers-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.careers-container{
  padding: 80px 0px 56px 0px;
}

.careers-container h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 16px;
}

.careers-container p{
  color: var(--color-text);
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 150%;
  margin-bottom: 80px;
}

.careers-content h3{
  font-family: var(--playfair-font);
  font-size: 40px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.careers-content ul{
  margin-bottom: 40px;
}

.careers-content ul li{
  list-style: disc;
  margin: 0px 0px 0px 16px;
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 150%;
}

.careers-content ul li a{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.careers-content h4{
  font-family: var(--playfair-font);
  font-size: 28px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.careers-content h5{
  color: var(--color-text);
  font-family: var(--switzer-500-font);
  font-size: 24px;
  line-height: 150%;
  margin-bottom: 40px;
}

/* end of careers container styles */

/* start of contactus styles */

.contactus-banner{
  background: url(../img/contactus-banner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.contact-container{
  padding: 80px 0px 96px 0px;
}

.contact-container h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  margin-bottom: 80px;
}

.contact-content h3{
  font-family: var(--playfair-font);
  font-size: 40px;
  line-height: 120%;
  margin-bottom: 24px;
  font-weight: 400;
}

.contact-content h6{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  line-height: 30px;
  margin-bottom: 60px;
}

.contact-card{
  display: flex;
  padding: 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  border-radius: 24px;
  border: 1px solid rgba(110, 74, 49, 0.22);
  background: var(--color-white);
}

.contact-card ul{
  margin: 0px;
}

.contact-card ul li .icon-wrap{
  width: 100%;
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 16px;
}

.contact-card ul li p{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 32px;
  line-height: 42px;
  margin-bottom: 40px;
  margin-left: 36px;
}

.contact-card ul li .icon-wrap span{
  color: var(--color-gold);
  font-family: var(--playfair-font);
  font-size: 24px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.48px;
}

.contact-card ul li p a{
  color: var(--color-text);
  font-family: var(--switzer-400-font);
  font-size: 32px;
  line-height: 42px;
  text-decoration: none;
}

.map-container{
  width: 100%;
  border-radius: 16px;
  border-radius: 24px;
  border: 1px solid rgba(0, 0, 0, 0.10);
  background: var(--color-white);
  overflow: hidden;
}

.map-container img{
  width: 100%;
}

/* end of contactus styles */

/* start of notices container styles */

.notices-banner{
  background: url(../img/notices-baner-img.png) no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.notices-container{
  padding: 80px 0px 96px 0px;
  width: 100%;
  background: #F3EDE9;
}

.notices-container h2{
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
  margin-bottom: 40px;
}

.notices-card{
  width: 100%;
  padding: 12px 16px 0px 16px;
  background: var(--color-white);
  border-radius: 16px;
  border: 1px solid rgba(110, 74, 49, 0.40);
}

.notices-card ul{
  margin: 0px;
}

.notices-card ul li{
  display: flex;
  padding: 8px;
  align-items: center;
  gap: 16px;
  margin-bottom: 16px;
  position: relative;
}

.notices-card ul li .date-info{
  display: flex;
  width: 56px;
  padding: 2px 4px 8px 4px;
  flex-direction: column;
  align-items: center;
  border-radius: 8px;
  background: var(--color-gold);
  justify-content: center;
  gap: 6px;
}

.notices-card ul li .date-info span{
  color: var(--color-white);
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 28px;
  font-weight: 500;
  line-height: 23px;
}

.notices-card ul li .date-info strong{
  color: var(--color-white);
  font-family: var(--switzer-500-font);
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  text-transform: uppercase;
}

.notices-card ul li p{
  text-align: center;
  font-family: var(--switzer-400-font);
  font-size: 18px;
  line-height: 20px;
}

.notices-details-container{
  width: 100%;
  padding: 80px 0px 96px 0px;
  background: #F3EDE9;
}

.notices-details-heading{
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

.notices-details-heading h2{
  width: calc(100% - 175px);
  text-align: center;
  font-family: var(--playfair-font);
  font-size: 56px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -1.12px;
}

.notices-details-card{
  display: flex;
  padding: 20px 20px 0px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 20px;
  border-radius: 12px;
  background: var(--color-white);
}

.notices-details-info{
  gap: 16px;
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(110, 74, 49, 0.40);
  padding-bottom: 12px;
}

.notices-details-info .text-content{
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.notices-details-info .text-content p{
  font-family: var(--switzer-400-font);
  font-size: 24px;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 8px;
}

.notices-details-info .text-content span{
  color: rgba(34, 34, 34, 0.80);
  font-family: var(--switzer-400-font);
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}

.notices-details-content p{
  color: rgba(34, 34, 34, 0.60);
  font-family: var(--switzer-400-font);
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  margin-bottom: 20px;
}

.notices-details-content .img-wrap{
  padding-left: 20px;
}

.notices-details-content .img-wrap img{
  width: 100%;
}

/* end of notices container styles */