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

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

@font-face {
  font-family: 'montbook';
  src: url('../fonts/mont-book/mont-book.woff2') format('woff2'),
       url('../fonts/mont-book/mont-book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'montlight_italic';
  src: url('../fonts/mont-lightitalic/mont-lightitalic.woff2') format('woff2'),
       url('../fonts/mont-lightitalic/mont-lightitalic.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}


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

}

*{margin: 0;padding: 0;box-sizing: border-box;}
body{font-family: 'montregular';color: #434343;}
a{color: inherit;text-decoration: none;}
img{display: block;max-width: 100%;}
button, a{cursor: pointer;}
li{list-style: none;}
.blue-color{color: #2C659D}
.green-color{color: #0084A5}
input:focus, select:focus{outline: 0;}

.container{/**width: 1640px**/width: 85%;margin: 0 auto;position: relative;}
.m-container{/**width: 1400px;**/width: 73%;margin: 0 auto;position: relative;}
.s-container{/**width: 1200px;**/width: 63%;margin: 0 auto;position: relative;}
.heading02{color: #1D5B98;font-size: 60px;font-family: 'montsemibold';line-height: 1.3;margin-bottom: 40px;}
.heading03{color: #434343;font-size: 30px;font-family: 'montbold';line-height: 1.2;}
p, li{font-size: 20px;font-family: 'montbook';line-height: 1.5;margin-bottom: 25px;}
strong{font-family: 'montbold';}
.section{padding: 75px 0;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}
.text-center{text-align: center;}
.btn{font-family: 'montsemibold';font-size: 24px;line-height: 1.3;color: #fff;padding: 10px 35px;background-color: #00B6E5;display: inline-block;margin-top: 15px;border:solid 1px #00B6E5;transition: background-color 300ms linear;}
.btn:hover{background-color: #fff;color: #00B6E5}
.tab-header{width: 78%;margin: 0 auto;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 19px;}
.tab-header button{background-color: transparent;border: solid 1px #00B6E5;font-size: 24px;line-height: 1.3;padding: 8px;text-align: center;color: #434343;transition: background-color 300ms linear;font-family: 'montbook';}
.tab-header button.active, .tab-header button:hover{background-color: #1D5B98;color: #fff}
.tab-container{margin-top: 65px;}
.tab-box{opacity: 0;visibility: hidden;height: 0;overflow: hidden;}
.tab-box.active{opacity: 1;visibility: visible;height: auto;}
input::-webkit-input-placeholder {color: inherit;}
input::-moz-placeholder {color: inherit;}
input:-ms-input-placeholder {color: inherit;}
input:-moz-placeholder {color: inherit;}

.main{margin: 0 auto;max-width: 1920px;width: 100%;position: relative;overflow: hidden;}

.header{position: absolute;left: 0;right: 0;margin: 0 auto;max-width: 1920px;width: 100%;z-index: 99;}
.main-logo{width: 12%;margin: 25px auto 0;display: block;}
nav{text-align: center;padding-top: 16px;}
nav .menu-logo{display: none;}
nav ul{display: inline-block;vertical-align: middle;}
nav ul li{display: inline-block;margin: 0 33px}
nav ul li a{font-size: 24px;font-family: 'montbook';line-height: 1.3;color: #fff}
.right-box{display: inline-block;vertical-align: middle;margin-left: 37px;}
.menu-btn{display: none;}
.call-back-btn{border: none;background-color: rgba(255,255,255,0.8);color: #1D5B98;line-height: 1.3;font-size: 24px; padding: 6px 30px;border-radius: 25px;font-family: 'montbook';}

.overlay{position: fixed;left: 0;right: 0;top: 0;bottom: 0;z-index: 99;background-color: rgba(29,91,152, 0.5);display: none;}
.enq-popup{width: 600px;background-color: #1D5B98;padding: 60px;font-size: 24px;font-family: 'montbook';color: #fff;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);border: solid 12px #fff;z-index: 999;display: none;}
.enq-popup span{display: block;width: 38%;margin: 0 auto}
.enq-popup p{font-size: 24px;font-family: 'montbook';line-height: 32px;}
.input-box{margin-top: 40px;}
.enq-popup input, .enq-popup select{width: 100%;border: none;border-bottom: solid 2px #FFFFFF;padding-bottom: 15.5px;background-color: transparent;color: #fff;font-size: 24px;font-family: 'montbook';line-height: 32px;}
.enq-popup select option{color: #000;font-size: 16px;}
.enq-popup .btn{width: 51%;border: none;margin:0 auto;display: block;margin-top: 90px;}
.country-input-box{border-bottom: solid 2px #FFFFFF;}
.country-input-box input{border: none;padding-left: 10px;}
#country-code{display: none;}
.country-input-box{display: grid;grid-template-columns: 105px auto;grid-column-gap: 10px;}
.country-code p{display: grid;grid-template-columns: 24px auto;grid-gap: 10px;margin-bottom: 0;align-items: center;font-size: 22px;}
.selected-country{position: relative;cursor: pointer;}
.selected-country:after{content: '';position: absolute;width: 6px;height: 6px;border-right: solid 2px #fff;border-bottom: solid 2px #fff;transform: rotate(45deg); right: 0}
#country-code{position: absolute;width: 110px;background-color: #f5f5f5;padding: 12px}
#country-code li{display: grid;grid-template-columns: 20px auto;grid-column-gap: 10px;align-items: center;color: #434343;margin-bottom: 5px;font-weight: 600;font-size: 16px;}
.close-popup{position: absolute;right: 10px;top: 20px;background-color: transparent;border: none;width: 23px;height: 20px;cursor: pointer;}
.close-popup:before, .close-popup:after{content: '';position: absolute;width: 100%;height: 4px;background-color: #fff;top: 7px;right: 0;}
.close-popup:before{transform: rotate(45deg);}
.close-popup:after{transform: rotate(-45deg);}


.header.active nav{background-color: #1D5B98;padding: 12px 7.5%;position: fixed;top: 0;left: 0;right: 0;display: flex;justify-content: space-between;align-items: center;}
.header.active .menu-logo{display: inline-block;width: 183px;vertical-align: middle;}

.sticky-box{position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 99;}
.sticky-box a{background-color: #00B6E5;display: block;width: 48px;height: 45px;display: flex;align-items: center;justify-content: center;border-top-left-radius: 8px;border-bottom-left-radius: 8px;margin: 10px 0}
.sticky-box a img{width: max-content}

.banner-section img{width: 100%;}
.live-section{margin-top: -14%;background-image: url('../img/banner_mask.png');background-repeat: no-repeat;background-size: cover;background-position: top center;position: relative;padding-top: 12%;}
.live-section .container{padding: 0 40px;display: grid;grid-template-columns: 48% 43%;grid-gap: 9%;align-items: flex-end;color: #fff}
.circle-box{margin-bottom: -22%;position: relative;}
.circle-box img{width: 100%;}
.circle-img-box{position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.circle-img-box img{position: absolute;}
.circle-box img.circle01{top: 46%;width: 11%;left: -4%;}
.circle-box img.circle02{top: 19.5%;left: 12.5%;width: 10.5%;}
.circle-box img.circle03{right: 12%;top: 19%;width: 11%;}
.circle-box img.circle04{right: -9%;width: 16%;top: 46%;}
.live-section .container .heading02{font-size: 30px;line-height: 1.4;font-family: 'montbold';margin-bottom: 30px;color: #00B6E5;}
.live-section .text-box{padding-bottom: 75px;}
.live-section .btn{margin-top: 40px;}
.circle-img-box img{transition: ease 1s all;opacity: 0;visibility: hidden;transform: translateY(100px);}
.circle-img-box img.show{opacity: 1;visibility: visible;transform: translateY(0);}

.kolling-section{padding-top: 132px;}
.kolling-section .m-container{display: grid;grid-template-columns: 47% 53%;align-items: flex-end;}
.kolling-section .video-box{padding-left: 34px;position: relative;}
.kolling-section .video-box:after{content: '';position: absolute;width: 58%;height: 90%;border: solid 3px #00B6E5;bottom: -9%;right: -6%;z-index: -9;}
.video-box a{display: block;position: relative;}
.video-box img{width: 100%;}
.video-box .play-btn{display: block;width: 20%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.play-btn svg{width: 100%;}
.video-box:hover path{fill: #1D5B98;}

.gallery-container{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 20px;}
.gallery-container img{display: block;width: 100%;}
.gallery-box{position: relative;}
.gallery-box span{position: absolute;bottom: 0;left: 0;right: 0;padding: 12px 5px;font-size: 20px;background-color: rgba(29, 91, 152, .8);color: #fff;text-align: center;font-weight: 600;}
.gallery-box img{filter: grayscale(1);}
.gallery-box:hover img{filter: grayscale(0);}
.first-box, .last-box{background-color: #1D5B98;padding: 33px 40px 50px 40px;display: flex;flex-direction: column;justify-content: space-between;align-items: flex-start;}
.first-box .heading02, .last-box .heading02{color: #fff}
.first-box li{margin-bottom: 17px;}
.first-box li a{color: #fff;font-family: 'montsemibold';opacity: .4;}
.first-box li.active a{opacity: 1;}
.first-box li:last-child{margin-bottom: 0;}
.last-box .heading02{font-size: 57px;line-height: 1.05;margin-bottom: 15px;}
.last-box p{color: #fff;font-family: 'montsemibold';}
.gallery-box .gal-tab-box{display: none;}
.gallery-box .gal-tab-box.active{display: block;}

.spotlight-section{background-color: #F1F1F1;padding-top: 121.50px;position: relative;}
.spotlight-section .heading02{position: relative;padding-left: 2%;display: inline-block;}
.spotlight-section .heading02:before{content: '';position: absolute;background-image: url("../img/invert_comma_icon.svg");background-repeat: no-repeat;width: 25%;height: 183%;bottom: 0;left: 0;}
.spotlight-container .spotlight-slide{display: grid !important;grid-template-columns: 51% auto;grid-gap: 100px;align-items: center;padding: 30px;padding-bottom: .7%;}
.spotlight-container .slick-list{margin: 0 -30px}
.spotlight-section:after{content: '';position: absolute;/**width: 1640px;**/width: 85%;left: 0;right: 0;top: 0;margin: 0 auto;background-image: url("../img/dotted_icons.svg");background-repeat: no-repeat;padding-bottom: 9%;background-size: 12%;background-position: top right;}
.spotlight-section .heading03 + p{margin-top: 10px}
.spotlight-container .video-box{position: relative;}
.spotlight-container .video-box a{box-shadow: 0 0 24px 5px rgba(0, 0, 0, 0.2);position: relative;z-index: 9;}
/* .spotlight-container .video-box:after{content: '';position: absolute;width: 24%;right: -8%;bottom: -13%;background-image: url("../img/dotted_icons.svg");background-repeat: no-repeat;padding-bottom: 22%;} */
.spotlight-container .slick-arrow{display: none !important;}
.slider-arrow{display: flex;gap: 30px}
.slider-arrow button{background-color: transparent;border: none;padding: 0;}
.slider-arrow button:hover path, .slider-arrow button:hover line{stroke: #707070}

.culb-top-row{background-image: url("../img/club_bg.jpg");background-repeat: no-repeat;background-size: cover; padding: 30px 0;text-align: center;}
.club-section .heading02, .club-section .heading03, .club-section p{color: #fff}
.club-section .heading02{margin-bottom: 5px;}
.club-section p{margin-top: 25px;margin-bottom: 0;}
.club-section em{color: #B8B8B8;font-family: 'montlight_italic';font-size: 16px;line-height: 25px;}
.club-img-container{display: grid;grid-template-columns: repeat(4, 1fr);}
.club-img-container img{transition: transform 300ms linear;}
.club-img-container a:hover img{transform: scale(1.2);}

.plan-section{position: relative;}
.plan-section:after{content:"";position: absolute;width: 9%;height: 22%;background-image: url("../img/dotted_blue_icons.svg");background-repeat: no-repeat;background-size: cover;right: 0;top: 50%;transform: translateY(-50%);}
.plan-slider figure{margin: 0 22px}
.plan-slider .slick-list{padding: 20px 0}
.plan-slider figure .img-box{box-shadow: 0 0 16px 4px rgba(0, 0, 0, 0.1);}
.plan-slider figure img{width: 100%;display: block;}
.plan-slider figure figcaption{font-size: 20px;line-height: 27px;letter-spacing: 1px;margin-top: 16px;text-align: center;}
.plan-section .tab-box{text-align: center;}
.plan-section .btn{background-color: #1D5B98;padding: 10px 85px;margin-top: 40px;}
.no-plan-slider{text-align: center;}
.no-plan-slider .img-box{display: inline-block;width: 65%;}
.no-plan-slider .img-box img{margin-left: auto;margin-right: auto;width: 50%;}


.location-section{background-color: #F1F1F1;}
.location-section .m-container{display: grid;grid-template-columns: 63% auto;grid-gap: 87px;align-items: center;}
.location-section  .heading02{line-height: 1.2;margin-bottom: 30px;}
.location-section ul{padding-left: 25px;}
.location-section li{margin-bottom: 12px;list-style: disc;}

.footer{background-color: #1D5B98;color: #fff;padding-bottom: 30px;}
.footer .m-container{display: flex;justify-content: space-between;}
.ft-logo-box{width: 15%;}
.footer strong{margin-bottom: 15px;display: block;}
.footer p, .footer li{margin-bottom: 20px;}
.footer .social-icons a{display: inline-block;margin-right: 10px;width: 9%;}
.copy-right{margin-top: 50px;}
.copy-right p{margin-bottom: 0 !important;}
  .plan-section .slick-arrow{position: absolute;top: 50%;background-color: transparent;font-size: 0;color: transparent;width: 20px;height: 20px;border: none;border-bottom: solid 3px #1D5B98;z-index: 99;}
  .plan-section .slick-prev{border-left: solid 3px #1D5B98;left: 5px;transform: translateY(-50%) rotate(45deg);}
  .plan-section .slick-next{border-right: solid 3px #1D5B98;right: 5px;transform: translateY(-50%) rotate(-45deg);}

.content {
  height: 100vh;
  max-width: 1000px;
  margin: 0 auto;
  align-items: center;
  justify-content: center;
  display: flex;
}

.wrapper-1 {
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.wrapper-2 {
  padding: 30px;
  text-align: center;
}

h1 {
  font-family: 'Kaushan Script', cursive;
  /* font-family: "Montserrat",'museo500', sans-serif; */
  font-size: 4em;
  letter-spacing: 3px;
  color:#1D5B98;
  margin: 0;
  margin-bottom: 20px;
}

.wrapper-2 p {
  margin: 0;
  font-size: 1.3em;
  color: #000;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 1px;
}

.go-home {
  color: #fff;
  background: #2D465D;
  border: none;
  padding: 10px 50px;
  margin: 30px 0;
  border-radius: 30px;
  text-transform: capitalize;
  box-shadow: 0 10px 16px 1px rgba(174, 199, 251, 1);
  display: inline-block;
  text-decoration: none;
  font-family: 'Source Sans Pro', sans-serif;
}

.footer-like {
  margin-top: auto;
  background: #D7E6FE;
  padding: 6px;
  text-align: center;
}

.footer-like p {
  margin: 0;
  padding: 4px;
  color: #5892FF;
  font-family: 'Source Sans Pro', sans-serif;
  letter-spacing: 1px;
}

.footer-like p a {
  text-decoration: none;
  color:#1D5B98;
  font-weight: 600;
}

@media (max-width:1023px) {
  .content{height: 80vh;}
}

@media (min-width:360px) {
  h1 {
      font-size: 3em;
  }

  .go-home {
      margin-bottom: 20px;
  }
}

@media (min-width:600px) {
  .wrapper-1 {
      height: initial;
      max-width: 620px;
      margin: 0 auto;
      margin-top: 50px;
      box-shadow: 4px 8px 40px 8px rgba(88, 146, 255, 0.2);
  }
}

@media screen and (max-width:767px) {
  .wrapper-1{justify-content: center;}
}


@media screen and (max-width: 1700px){
  /* .container, .spotlight-section:after{max-width: 90%;} */
  /* .m-container{max-width: 90%;}
  .s-container{max-width: 90%;} */
  .header.active .menu-logo{width: 160px;}
  p, li{margin-bottom: 20px;font-size: 18px;}
  .heading02{font-size: 48px;margin-bottom: 28px;}
  .heading03{font-size: 28px;}
  .btn{font-size: 20px;padding: 8px 32px;}
  nav ul li a, .call-back-btn, .tab-header button{font-size: 22px;}
  .main-logo{margin: 18px auto 0;}
  .call-back-btn{padding: 4px 28px;}
  .last-box .heading02{font-size: 44px;}
  .live-section .container .heading02{font-size: 28px;margin-bottom: 24px;}
  .first-box, .last-box{padding: 30px 36px 40px 36px}
  .gallery-container{grid-gap: 16px;}
  .gallery-section .btn{padding: 8px 27px;}
  .spotlight-container .spotlight-slide{grid-gap: 80px;}
  .location-section .m-container{grid-gap: 76px}
  .location-section .heading02{margin-bottom: 24px;}
}

@media screen and (max-width: 1500px){
  .container, .spotlight-section:after{width: 90%;}
  .m-container{width: 78%;}
  .s-container{width: 68%;}
  nav ul li{margin: 0 28px}
  .header.active nav{padding: 0 5%}
  nav ul li a, .call-back-btn, .tab-header button{font-size: 18px;}
  .call-back-btn {padding: 3px 24px;}
  .header.active .menu-logo{width: 100px;}
  .header.active nav{padding-top: 10px;padding-bottom: 10px;}
  .sticky-box a{width: 44px;height: 42px;}
  p, li {margin-bottom: 18px;font-size: 16px;}
  .btn {font-size: 18px;padding: 8px 32px;}
  .section {padding: 50px 0;}
  .heading02 {font-size: 40px;margin-bottom: 20px;}
  .heading03 {font-size: 24px;}
  .live-section .container{padding: 0;}
  .last-box .heading02 {font-size: 40px;}
  .kolling-section {padding-top: 100px;}
  .live-section .container .heading02 {font-size: 24px;margin-bottom: 20px;}
  .live-section .btn {margin-top: 28px;}
  .live-section .text-box {padding-bottom: 50px;}
  .gallery-section .btn{font-size: 16px;}
  .gallery-box span{padding: 10px 5px;font-size: 16px;}
  .first-box, .last-box {padding: 30px;}
  .spotlight-container .spotlight-slide{grid-gap: 60px}
  .club-section p {margin-top: 20px;}
  .tab-container {margin-top: 45px;}
  .plan-slider figure figcaption{font-size: 16px;}
  .location-section .m-container{grid-gap: 48px}
  .location-section li{margin-bottom: 8px;}
  .location-section .heading02{margin-bottom: 20px;}
  .tab-header button{font-size: 16px;padding: 6px}
  .spotlight-container .spotlight-slide{padding: 24px}
  .spotlight-container .slick-list {margin: 0 -24px;}
  .spotlight-section:after{background-size: 11%;}
  .spotlight-container .video-box a{box-shadow: 0 0 14px 4px rgba(0, 0, 0, 0.2);}
  .footer p, .footer li {margin-bottom: 14px;font-size: 15px;}
  .footer .social-icons a{width: 11%;}
  .copy-right{margin-top: 40px;}
  .input-box {margin-top: 24px;}
  .enq-popup{width: 400px;padding: 36px}
  .enq-popup input, .enq-popup select{font-size: 16px;padding-bottom: 5px;}
  .enq-popup p{font-size: 18px;}
  .enq-popup .btn{margin-top: 48px;}
  .enq-popup span{width: 32%;}
  
}

@media screen and (max-width: 1279px){
  .sticky-box a {width: 40px;height: 38px;}
  .sticky-box a img{width: 56%}
  nav ul li{margin: 0 24px}
  nav ul li a, .call-back-btn, .tab-header button {font-size: 16px;}
  p, li {margin-bottom: 15px;font-size: 15px;}
  .live-section{margin-top: -15%;padding-top: 14%;}
  .live-section .btn {margin-top: 20px;}
  .btn {font-size: 16px;padding: 8px 24px;}
  .heading02{font-size: 32px;margin-bottom: 16px;}
  .heading03 {font-size: 22px;}
  .gallery-container {grid-gap: 12px;}
  .gallery-box span {padding: 8px 5px;font-size: 15px;}
  .first-box, .last-box {padding: 20px;}
  .last-box .heading02{margin-bottom: 10px;font-size: 32px;}
  .gallery-section .btn{font-size: 14px;padding: 8px 18px;}
  .spotlight-container .spotlight-slide{grid-gap: 40px}

  .location-section .m-container{grid-gap: 26px;grid-template-columns: 60% auto;}
  .slider-arrow{margin-top: -24px;position: relative;z-index: 9;}
  .footer p, .footer li{font-size: 13px;}
  .footer strong{margin-bottom: 10px;}
  .copy-right {margin-top: 24px;}
}


@media screen and (max-width: 1023px){
  .container, .spotlight-section:after, .m-container, .s-container{width: 90%;}
  .header.active .menu-logo{width: 80px}
  .header.active .right-box{margin-left: 0;}
  .header.active nav ul li{margin: 0 8px}
  nav ul li{margin: 0 18px;}
  nav ul li a, .call-back-btn, p, li, .tab-header button {font-size: 14px;}
  .btn{font-size: 14px;padding: 8px 20px;margin-top: 4px}
  .heading02 {font-size: 28px;margin-bottom: 12px;}
  .heading03 {font-size: 20px;}
  .live-section .container{grid-template-columns: 1fr;grid-gap: 0;}
  .live-section{margin-top: -27%;}
  .live-section .text-box{padding-bottom: 0;}
  .circle-box{grid-row: 2 / 2;width: 60%;margin: 0 auto -11% auto;}
  .kolling-section {padding-top: 75px;}
  .gallery-container {grid-gap: 8px;}
  .gallery-box span {padding: 7px 5px;font-size: 13px;}
  .first-box li {margin-bottom: 8px;}
  .first-box, .last-box {padding: 12px;}
  .last-box .heading02 {margin-bottom: 10px;font-size: 24px;}
  .gallery-section .btn {font-size: 12px;padding: 8px 10px;}
  .last-box p{font-size: 12px;}
  .spotlight-container .spotlight-slide {grid-gap: 28px;}
  .slider-arrow button{width: 40px}
  .slider-arrow button svg{width: 100%;}
  .slider-arrow{gap: 20px}
  .tab-container {margin-top: 24px;}
  .tab-header button{font-size: 14px;}
  .plan-slider figure {margin: 0 12px;}
  .plan-slider figure figcaption {font-size: 15px;}
  .location-section .m-container {grid-gap: 20px;grid-template-columns: 56% auto;}
}


@media screen and (max-width: 767px){
  .enq-popup span{width: 98px}
  .header{padding: 0 5%;display: flex;justify-content: space-between;align-items: center;z-index: 999;}
  nav{padding-top: 0;}
  .header.active nav{padding-top: 5px;padding-bottom: 5px;}
  .header.active .menu-logo {width: 64px;}
  .main-logo{margin: 0;width: 70px}
  nav ul li a, .call-back-btn, p, li, .tab-header button{font-size: 13px;}
  .section {padding: 36px 0;}
  p, li{margin-bottom: 10px;}
  .heading02{font-size: 24px;}
  .call-back-btn{font-size: 12px;padding: 3px 16px;}
  .btn {font-size: 13px;padding: 6px 18px;}
  .right-box{margin-left: 0;display: inline-flex;align-items: center;gap: 20px;}
  .menu-btn{display: inline-block;width: 25px;height: 16px;position: relative;background: transparent;border: none;}
  nav ul li{margin: 0;display: block;text-align: left;}
  nav ul li a{font-size: 16px;display: block;padding: 16px 0;}
  .menu-list{position: fixed;right: 0;background-color: #1d5b98;top: 0;bottom: 0;width: 90%;padding: 24px;padding-top: 48px;transition: ease 1s all;transform: translateX(100%);visibility: hidden;}
  .menu-list.active{transform: translateX(0%);visibility: visible;}
  .main.active{filter: blur(5px);}
  .ecom-box .menu-btn{margin-left: 24px;}
  .menu-btn:before,  .menu-btn:after{content: "";position: absolute;width: 100%;height: 2px;background-color: #fff;left: 0;transition: ease .5s all;}
  .menu-btn:before{top: 0;}
  .menu-btn:after{bottom: 0;}
  .menu-btn span{display: block;width: 100%;height: 2px;background-color: #fff;}
  .menu-btn.active span{display: none;}
  .menu-btn.active:before{transform: rotate(45deg);transform-origin: center left;top: -3px;}
  .menu-btn.active:after{transform: rotate(-45deg);transform-origin: center left;}

  .live-section{margin-top: 0;background-color: #1d5b98;padding-top: 36px}
  .live-section .container .heading02 {font-size: 22px;margin-bottom: 10px;}
  .circle-box{width: 90%;margin-top: 20px;margin-bottom: -18%;}
  .kolling-section .m-container{grid-template-columns: 1fr;}

  .kolling-section .video-box{padding-left: 0;margin-top: 24px;width: 95%;}
  .kolling-section .video-box:after{bottom: -8%;right: -5%;}
  .gallery-container, .club-img-container{grid-template-columns: repeat(2, 1fr);}
  .tab-header{grid-gap: 4px}

  .spotlight-container .spotlight-slide, .location-section .m-container{grid-template-columns: 1fr;}
  .spotlight-section .heading02:before{background-size: cover;width: 20%;height: 160%;}
  .spotlight-container .spotlight-slide{padding: 16px;}
  .spotlight-container .slick-list {margin: 0 -16px;}
  .plan-section:after{content: none;}

  .tab-header{width: 100%;}
  .tab-header button {font-size: 13px;padding: 5px 3px;}
  .tab-container {margin-top: 8px;}
  .plan-slider .slick-list{padding-bottom: 0;}
  .location-section .heading02 {margin-bottom: 12px;}
  .footer .m-container{display: block;}
  .ft-logo-box {width: 100px;}
  .ft-box {margin-top: 24px;}
  .footer ul{display: grid;grid-template-columns: 1fr 1fr;grid-column-gap: 20px;}
  .footer ul li{margin-bottom: 10px;}

  .enq-popup {width: 90%;padding: 24px;border: solid 8px #fff}
  .enq-popup input, .enq-popup select{font-size: 14px;padding-bottom: 3px;line-height: 20px;}
  .enq-popup p {font-size: 16px;line-height: 1;margin-top: 5px}
  .input-box {margin-top: 16px;}
  .enq-popup .btn {margin-top: 32px;}
  .country-code p{margin-top: 0;}
  .country-input-box{grid-template-columns: 90px auto;}



}


@media screen and (max-width: 479px){
  .gallery-section .btn {font-size: 11px;padding: 6px 6px;}
}