@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/LeagueSpartan-Medium.eot');
    src: url('../fonts/LeagueSpartan-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-Medium.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-Medium.woff') format('woff'),
        url('../fonts/LeagueSpartan-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/LeagueSpartan-Light.eot');
    src: url('../fonts/LeagueSpartan-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-Light.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-Light.woff') format('woff'),
        url('../fonts/LeagueSpartan-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/LeagueSpartan-SemiBold.eot');
    src: url('../fonts/LeagueSpartan-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-SemiBold.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-SemiBold.woff') format('woff'),
        url('../fonts/LeagueSpartan-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/LeagueSpartan-Regular.eot');
    src: url('../fonts/LeagueSpartan-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-Regular.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-Regular.woff') format('woff'),
        url('../fonts/LeagueSpartan-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'League Spartan';
    src: url('../fonts/LeagueSpartan-Bold.eot');
    src: url('../fonts/LeagueSpartan-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/LeagueSpartan-Bold.woff2') format('woff2'),
        url('../fonts/LeagueSpartan-Bold.woff') format('woff'),
        url('../fonts/LeagueSpartan-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


:root{
    --color-Gray: #676F7E;
    --color-Black: #000;
    --color-White: #fff;
    --f-size-14: 14px;
    --f-size-18: 18px;
    --f-size-20: 20px;
    --f-size-22: 22px;
    --f-size-24: 24px;
    --f-size-34: 34px;
    --f-size-36: 36px;
    --f-size-62: 62px;

}
body {
    font-family: 'League Spartan';
    font-size: var(--f-size-18);
    font-weight: normal;
    line-height: 1.3;
    color: var(--color-Gray);
}
[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate {transition-delay: .8s;}
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s; }
[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate { transition-delay: 1s; }
[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; }
[data-aos][data-aos][data-aos-delay='3100'].aos-animate, body[data-aos-delay='3100'] [data-aos].aos-animate { transition-delay: 3.1s; }
[data-aos][data-aos][data-aos-delay='3200'].aos-animate, body[data-aos-delay='3200'] [data-aos].aos-animate { transition-delay: 3.2s; }
[data-aos][data-aos][data-aos-delay='3300'].aos-animate, body[data-aos-delay='3300'] [data-aos].aos-animate { transition-delay: 3.3s; }
[data-aos][data-aos][data-aos-delay='3400'].aos-animate, body[data-aos-delay='3400'] [data-aos].aos-animate { transition-delay: 3.4s; }
[data-aos][data-aos][data-aos-delay='3500'].aos-animate, body[data-aos-delay='3500'] [data-aos].aos-animate { transition-delay: 3.5s; }
[data-aos][data-aos][data-aos-delay='4000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s; }
[data-aos=fade-up] { transform: translateY(50px);}

.f-W-B {font-weight: bold !important;}
.f-W-SB {font-weight: 600 !important;}
.f-W-M {font-weight: 500 !important;}
.f-W-N, .font-normal {font-weight: normal !important;}
.f-W-L {font-weight: 300 !important;}
a {text-decoration: none;}
strong, b {font-weight: bold;}
img, video, iframe { max-width:100%; }
.btn { box-shadow:none !important; }
.line-H-1 { line-height:1 !important; }
.line-H-1_1 { line-height:1.1 !important; }
.line-H-1_2 { line-height:1.2 !important; }
.line-H-1_3 { line-height:1.3 !important; }
.line-H-1_4 { line-height:1.4 !important; }
.line-H-1_5 { line-height:1.5 !important; }
.line-H-1_6 { line-height:1.6 !important; }
.line-H-1_7 { line-height:1.7 !important; }
.f-sz-14 {font-size: var(--f-size-14) !important;}
.f-sz-16 {font-size: var(--f-size-16) !important;}
.f-sz-18 {font-size: var(--f-size-18) !important;}
.f-sz-22 {font-size: var(--f-size-22) !important;}
.f-sz-24 {font-size: var(--f-size-24) !important;}
.f-sz-34 {font-size: var(--f-size-34) !important;}
.f-sz-36 {font-size: var(--f-size-36) !important;}
.f-sz-62 {font-size: var(--f-size-62) !important;}

p, ul { margin-bottom:.781vw; }
h1, h2, h3, h4, h5, h6 {margin-bottom:.781vw;font-weight: 600;}
h6 {font-size:16px;}
h5 {font-size:18px;}
h4 {font-size: 20px;}
h3 {font-size:25px;}
h2 {font-size: 30px;}
h1 {font-size: 35px;}
.mb__5 {margin-bottom: .26vw !important;}
.mb__10 {margin-bottom: .521vw !important;}
.mb__15 {margin-bottom: .781vw !important;}
.mb__20 {margin-bottom: 1.042vw !important;}
.mb__30 {margin-bottom: 1.563vw !important;}
.mb__40 {margin-bottom: 2.083vw !important;}
.mb__50 {margin-bottom: 2.604vw !important;}
.z-1 {z-index: 1 !important}
.z-2 {z-index: 2 !important}
.z-3 {z-index: 3 !important}
.z-4 {z-index: 4 !important}
.z-5 {z-index: 5 !important}
.z-6 {z-index: 6 !important}
.last-p>p:last-child { margin-bottom: 0; }
.object-cover {object-fit: cover;}
.cursor-pointer { cursor: pointer; }
.text-truncate-1 {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;}
.text-truncate-2 {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.text-truncate-3 {display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.resize-none {resize: none !important;}
.text-gray{color: var(--color-Gray);}
.font-grandstander{font-family: 'Grandstander';}

.slide-overlay-wrap { position: relative; overflow: hidden; }
.slideOver { position: absolute; top: 0; width: 100%; height: 100%; z-index: 5; background-color: #89929b; }
.slideOver.slide-dark-1 { background-color: #c4c4c4; }
.slideOver.slide-dark-2 { background-color: #e0e0e0; }
.slideOver[data-aos='slide-right'] { right: -100%; }
.slideOver[data-aos='slide-left'] { left: -100%; }

.cstSiteLogo{display: flex; align-items: center;}
.cstSiteLogo .headLogo-1{width: 160px;}
.cstSiteLogo .headLogo-2{width: 60px; padding-left: 20px; margin-left: 20px; border-left: 1px solid #DAD9D9;}
.cstHeader{padding: 20px 0; border-bottom: 1px solid #eaeaea; position: sticky; top: 0; background-color: #ffffff; z-index: 999; transition: all .3s;}
.pgScroll_Header .cstHeader{padding: 10px 0; }
.cstNavbar .navbar-nav{display:flex; gap: 20px; margin: auto;}
.cstNavbar .navbar-nav .nav-item .nav-link{padding: 0; font-size: var(--f-size-18); color: #000; box-shadow: none !important;
    outline: none !important;
    background: #ffffff !important;}
.headright-Wrp{display: flex; gap: 20px;}
.calltbn{display: flex; align-items: center; gap: 5px; color: #000 !important; border: none;}
.cstBtn{font-size: var(--f-size-18); padding: 12px 25px; border-radius: 5px; transition: all .3s; background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%); color: #ffffff !important; border: none; display: flex; align-items: center; justify-content: center; gap: 15px; display: inline-flex;}
.cstBtn.btn2{background:rgba(255, 255, 255, 0.3); color: #ffffff !important;}
.cstBtn.btnWhite{background:rgba(255, 255, 255, 1); color: #000000 !important;}
.cstBtn.btnGray{background:#F6F7F8; color: #000000 !important;}
.cstBtn.minW{min-width: 170px;}
.cstBtn .btnArrow{transition: all .3s;}
.cstBtn .btnTxt{margin-top: 5px; display: block;}
.cstBtn:hover .btnArrow{transform: translate(5px);}
.cstBtn.btnSm{padding: 5px 15px;}
.headDropdown .dropdown-toggle::after{border: none; content: '\f107'; font-size: var(--f-size-14); font-family: 'Font Awesome 6 Free'; font-weight: 900; line-height: 1; float: right; margin-top: 3px;}
.headDropdown .dropdown-menu{border: none; padding: 0;border: none; border-radius: 0; min-width: 200px;}
.headDropdown .dropdown-menu .dropdown-item{padding: 12px 22px 10px 22px; line-height: 1;  color: #000000;}
.headDropdown .dropdown-menu .dropdown-item:hover{background-color: #DAD9D9 !important;}

.btnWrp{display: flex; gap: 12px;}
.marqueeLine { overflow: hidden; white-space: nowrap; position: relative; width: 100%; background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%); padding: 15px 0; color: #ffffff; }
.marqueeLine .marqueeWrp { display: flex; justify-content: end; animation: marquee 25s linear infinite; padding: 0; margin: 0; }
.marqueeLineItem { display: flex; gap: 8px; align-items: center; font-size: var(--f-size-18); white-space: nowrap; min-width: fit-content;}
.marqueeLineItem .marqueeImg { width: 30px; }
.herosection{min-height: 545px; display: flex; flex-direction: column; justify-content: center; position: relative;}
.herosection::before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1;}
.heroBanner{position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0;}
.heroBanner img, .heroBanner video{width: 100%; height: 100%; object-fit: cover;}
@keyframes marquee { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } }

.secWrp{padding: 75px 0;}
.secWrp.pt-75{padding-top:65px;}
.secWrp.pb-45{padding-bottom:45px;}
.bgGray{background-color: #F6F7F8;}
.cstCard{background-color: #ffffff; transition: all .3s ;  display: block; position: relative; border-radius: 18px; border: 1px solid #D9D9D9;}
.cstCard .cardContent{padding: 20px 25px; background-color: #ffffff;  border-radius: 0  0 18px 18px;}
.cstCard .cardImg{border-radius:18px 18px 0  0 ; overflow: hidden;}
.cstCard .cardContent .cardTitle{font-size: var(--f-size-24); color: #000; font-weight: 400; }
.cstCard .cardContent .btntopWrp{margin-top:30px;}
.cstCard::after{content: ''; position: absolute; transition: all .3s; top: 0; height: 100%; width: 100%;background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%); z-index: 0; transform: translateY(0); border-radius: 18px;}
.cstCard:hover{box-shadow: 2px 14px 14px rgba(0, 0, 0, 0.15);}
.cstCard:hover::after{transform: translateY(5px);}
.cstslider .slick-list{padding-bottom: 30px;}
.cstslider .slickItem{margin-left: 12px; margin-right: 12px;}
.cstslider .slick-arrow{width: 50px; height: 50px; background-color: #ffffff; border-radius: 100%; z-index: 10; color: #000; transition: all .3s;}
.cstslider .slick-arrow:hover{box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.cstslider .slick-arrow.slick-prev{left: -15px;}
.cstslider .slick-arrow.slick-next{right: -15px;}
.cstslider .slick-arrow.slick-prev:before, .cstslider .slick-arrow.slick-next:before{color: #000 !important; opacity: 1; font-family:"gogravity-hatta"; font-weight: 900;}
.cstslider .slick-arrow.slick-prev:before{content: '\e90a';}
.cstslider .slick-arrow.slick-next:before{content: '\e90b';}
.locationSec{padding: 50px 0; background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%);}
.bx_Outline{ background: linear-gradient(180deg, #009FFF 0%, #EC2F4B 100%); padding: 1px; border-radius: 18px; height:100%;}
.feedbackBx{ background-color: #ffffff; padding: 30px 25px; border-radius: 18px; transition: all .3s; height:100%; display: flex; flex-direction: column;}
.feedbackBx .ratingStar{color: #EAB308; font-size: var(--f-size-14);}
.feedbackBx:hover{ box-shadow: 10px 14px 14px rgba(0, 0, 0, 0.15);}
.whyChoosebx .whyChooseIcon{max-width: 50px;}
.footerWrap{ background-color: #22252A; padding-top: 65px; padding-bottom: 55px; color: #9CA3AF; }
.footerWrap .ftrLogo{max-width: 180px; margin-bottom: 20px;}
.footerWrap .socialWrp{display: flex; gap: 18px;}
.footerWrap .ftrTitle{margin-bottom: 25px;}
.footerWrap .socialWrp .socialIcon{color: #9CA3AF;}
.footerWrap .ftr_widget li{ margin-bottom: 15px;}
.footerWrap .ftr_widget li a{color: #9CA3AF;}
.footerWrap .contactInfo .ftr-conInfo{display: flex; gap: 10px; margin-bottom: 25px;}
.footerWrap .ftrCopyright{display: flex; justify-content:space-between; padding-top: 25px; margin-top: 30px; border-top:1px solid #3E4247;}
.clr-CadetGrey{color: #9CA3AF;}
.footerWrap .ftr-infoLinks{display: flex; gap: 35px;}

.innerPg-Head{position: relative; min-height: 365px; display: flex; flex-direction: column; justify-content: center;}
.innerPg-banner{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.heroContent{padding:35px 0;}
.innerPg-banner img{width: 100%; height: 100%; object-fit: cover;}
.innerPg-Head::before{content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.7) 100%); z-index: 1;}
.infoBx{padding: 30px; background-color: #ffffff; border: 1px solid #D9D9D9; border-radius: 18px;}
.activityInfo .actIcon{width: 44px;}
.activity-Features{display: flex; flex-direction: column; row-gap: 18px;}
.activity-Features .feature_Item{position: relative; padding-left: 30px;}
.activity-Features .feature_Item::before{content: ''; background-image: url(../images/check-icon.svg); width: 19px; height: 19px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background-size: contain;}
.activity-Features .feature_Item.greenCheck::before{content: ''; background-image: url(../images/green-check-icon.svg);}
.video_iframe iframe{height: 330px;}
.bookInfo{padding-top: 20px; border-top:1px solid #F0F0F0;}

.philosophyCard { background-color: #ffffff; padding: 30px 25px; border-radius: 18px; transition: all .3s; }
.philosophyCard:hover { box-shadow: 10px 14px 14px rgba(0, 0, 0, 0.15); }
.philosophyCard .philosophyIcon { max-width: 64px;}
.exp_video_iframe{width: 100%; height: 460px;}
.exp_video_iframe iframe{width: 100%; height: 100%;}

.gallery-Filter .filter-tabs{display: flex; gap: 16px; justify-content: center; margin-bottom: 70px; overflow: auto;}
.gallery-Filter .filter-tabs::-webkit-scrollbar {
    display: none;
}
.gallery-Filter .filter-tabs .tab-btn{background: #FFFFFF; text-wrap: nowrap; font-size: var(--f-size-18); border: none; padding:12px 30px 8px 30px; border-radius: 5px; line-height: 1;}
.gallery-Filter .filter-tabs .tab-btn.active{background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%); color: #FFFFFF;}
.galleryGrid{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.gallery-item{display: none;}
.gallery-item.show{display: block;}
.playButton{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; color: #ffffff; font-size: 45px; }
.videoModal .modal-content{border-radius: 18px;}
.videoModal .btn-close{background-image: none; color: #ffffff; position: absolute; top: -25px; right: 0; font-size: var(--f-size-34); opacity: 1; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center; line-height: 1; padding: 0; box-shadow: none;}
.videoModal .modalVideo{height: 449px; border-radius: 18px; overflow: hidden;}
.latestNews{background-color: #ffffff; border-radius: 18px; overflow: hidden; border: 1px solid #D9D9D9;}
.row-gap-35{row-gap: 35px;}
.shareAdv{background: linear-gradient(90deg, #009FFF 0%, #EC2F4B 100%); padding: 25px 0; text-align: center; color: #ffffff;}

.listGroup li{margin-bottom: 10px;}
.listGroup li:last-child{margin-bottom: 0px;}
.loc_ReachInfo{background-color: rgba(249, 122, 31, 0.1); padding: 18px; border-radius: 10px;}
.loc_ReachInfo.bgBlue{background-color: rgba(43, 173, 238, 0.1)}
.routeOptionWrp{padding-left: 18px; border-left: 4px solid #F97A1F;}
.routeOptionWrp.blueLine{border-color: #2BADEE;}
.mapWrp{max-width: 850px; width: 100%; height: 400px;}
.mapWrp iframe{width: 100%; height: 100%;}

.cstAccordion{display: flex; flex-direction: column; row-gap: 30px;}
.cstAccordion .accordion-item{border-radius: 10px !important; overflow: hidden; border: none;}
.cstAccordion .accordion-item .accordion-button{background-color: #ffffff !important; color: #000000; font-size: var(--f-size-18); box-shadow: none; padding:20px 25px 15px 25px;}
.cstAccordion .accordion-item .accordion-body{ padding:0 25px 20px 25px; color: var(--color-Gray);}
.cstAccordion .accordion-item .accordion-button::after {
    width: 15px !important;
    height: 15px !important;
    /* object-fit: contain; */
    background-size: contain !important;
}

.contactMap{min-height: 300px;}
.attractions_Card{background-color: #ffffff; border-radius:18px; overflow: hidden;}
.attractions_Card .attra_Content{padding: 15px;}
.attractions_Card .cardLab{padding:9px 12px 7px 12px; color: #000000; font-size: var(--f-size-14); line-height: 1; background-color: #F5F5F5; border-radius: 20px;}

.visit_HattaBx{background-color: #ffffff; padding: 20px; text-align: center; max-width: 900px; border-radius: 18px;}
.bx_logos{max-width: 235px;}
.visitBtn{border: 1px solid #EBEBEB !important; color: #000000 !important; padding:14px 20px 10px 20px; border-radius: 10px;}

.organizationsBx{background-color: #ffffff; border-radius: 18px; padding: 30px;}
.organizationsBx .organizLogo{max-width: 220px; margin: auto; margin-bottom: 5px;}
.organizationsBx .organizLogo img{width: 100%;}
.iconSize{max-width: 50px;}

.lineSep{padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #E5E5E5;}
.outlineBtn{border: 1px solid #D9D9D9 !important; border-radius: 6px; color: #000000 !important; padding: 8px 15px 5px 15px;}
.termsConBx{background-color: #ffffff; border-radius: 18px; padding: 25px;}
.newsDetail-img{border-radius: 12px; overflow: auto;}

.newsContent h3{color: #000000;}
.newsContent ul li { margin-bottom: 10px;}
.newsContent ul li::marker {
  content: "- ";
}

.cstActivity {
    max-width: 140px;
    width: 100%;
}
.ageHeight {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.mrg-r-10{margin-right:10px;}
.mrg-r-5{margin-right:5px;}
.clrGray{color: var(--color-Gray);}
.footerWrap .contactInfo .ftr-conInfo .cb-icon{margin-top:2px; display: block;}
/********************** responsive *********************/ 
@media (min-width:992px){
    .container-vw {max-width:87%;padding-right: .781vw;padding-left: .781vw;}
     .cstNavbar .navbar-nav .nav-item .dropdown-menu {display: none !important;}
    .cstNavbar .navbar-nav .nav-item:hover .dropdown-menu {display: block !important;}
}

@media (min-width:768px) {

}

@media (max-width:1400px){
   :root{
        --f-size-14: 14px;
        --f-size-18: 16px;
        --f-size-20: 18px;
        --f-size-22: 20px;
        --f-size-24: 22px;
        --f-size-34: 28px;
        --f-size-36: 30px;
        --f-size-62: 50px;
    }
    
.cstSiteLogo .headLogo-1 {width: 140px;}
.cstSiteLogo .headLogo-2 { width: 50px; padding-left: 15px; margin-left: 15px; }
.cstHeader {padding: 15px 0;}
.marqueeLine{padding: 12px 0;}
.marqueeLineItem .marqueeImg { width: 25px; }
.cstBtn.minW {min-width: 150px;}
.cstBtn{padding: 10px 20px;}
.secWrp { padding: 65px 0; }
.cstCard .cardContent {padding: 15px 20px;}
.cstslider .slick-arrow {width: 40px; height: 40px;}
.cstslider .slick-arrow.slick-prev:before, .cstslider .slick-arrow.slick-next:before {font-size: 15px;}
.cstslider .slick-arrow.slick-prev {left: -10px;}
.cstslider .slick-arrow.slick-next {right: -10px;}
}

@media (max-width:1199px){
   :root{
        --f-size-14: 13px;
        --f-size-18: 15px;
        --f-size-20: 17px;
        --f-size-22: 19px;
        --f-size-24: 20px;
        --f-size-34: 26px;
        --f-size-36: 28px;
        --f-size-62: 45px;
    }
    .herosection {min-height: 400px;}
    .cstCard .cardContent .btntopWrp {margin-top: 15px;}
    .feedbackBx {padding: 20px 20px;}
    .secWrp {padding: 55px 0;}
    .secWrp.pb-45 {padding-bottom: 35px;}
    .whyChoosebx .whyChooseIcon { max-width: 35px;}
    .locationSec{padding: 40px 0;}
    .footerWrap { padding-top: 45px; padding-bottom: 25px;}
    .cstslider .slickItem { margin-left: 10px; margin-right: 10px; }
    .philosophyCard {padding: 20px;}
    .philosophyCard .philosophyIcon { max-width: 50px;}
    .gallery-Filter .filter-tabs { margin-bottom:40px;}
    .mapWrp{height: 300px;}
}

@media (max-width:991px){

    :root{
         --f-size-14: 14px;
        --f-size-18: 16px;
        --f-size-20: 17px;
        --f-size-22: 18px;
        --f-size-24: 18px;
        --f-size-34: 23px;
        --f-size-36: 25px;
        --f-size-62: 45px;
    }
    
    p, ul {margin-bottom:15px;}
    h1, h2, h3, h4, h5, h6 {margin-bottom:15px; }
    h6 {font-size:14px;}
    h5 {font-size: 17px;}
    h4 {font-size: 20px;}
    h3 {font-size: 23px;}
    h2 {font-size: 26px;}
    h1 {font-size: 29px;}
    .mb__5 {margin-bottom: 4px !important;}
    .mb__10 {margin-bottom: 7px !important;}
    .mb__15 {margin-bottom: 10px !important;}
    .mb__20 {margin-bottom: 15px !important;}
    .mb__30 {margin-bottom: 24px !important;}
    .mb__40 {margin-bottom: 30px !important;}
    .mb__50 {margin-bottom: 35px !important;}

    .pgScroll_Header .cstHeader {padding: 15px 0;}
    .navbar-toggler{float:right;border:none;padding-right:0;padding: 0;}
    .navbar-toggler:active,.navbar-toggler:focus{outline:0;box-shadow: none}
    .navbar-toggler-icon{width:24px;height:17px;background-image:none;position:relative;border-bottom:1px solid #000000;transition:.3s linear}
    .navbar-toggler-icon:after,.navbar-toggler-icon:before{width:24px;position:absolute;height:1px;background-color:#000000;top:0;left:0;content:'';z-index:2;transition:.3s linear}
    .navbar-toggler-icon:after{top:8px}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:after{transform:rotate(45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon:before{transform:translateY(8px) rotate(-45deg)}
    .navbar-toggler[aria-expanded=true] .navbar-toggler-icon{border-color:transparent}
    .cstNavbar{position: fixed; top: 73px; left: -100%; width: 300px; min-height: 100vh; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.15) 2.4px 2.4px 3.2px; padding: 25px; transition: all .3s;}
    .cstNavbar.show{left: 0;}
    .cstNavbar .navbar-nav .nav-item .nav-link{font-size: 18px;}
    .headDropdown .dropdown-menu {border: none; padding: 0; padding-top: 8px;}

    .cstslider .slick-dotted.slick-slider {margin-bottom: 0px !important;}
    .cstslider .slick-list {padding-bottom: 15px;}
    .cstslider .slick-dots li { width: auto; height: auto; }
    .cstslider .slick-dots li button { width:7px; height:7px; background-color: #009FFF; padding: 0px; border-radius: 100%; opacity: .5; }
    .cstslider .slick-dots li.slick-active button{opacity: 1;}
    .cstslider .slick-dots li button:before { display: none; }
    .secWrp.pt-75 {padding-top: 45px;}
    .secWrp {padding: 45px 0;}
    .secWrp.pb-45 {padding-bottom: 25px; }
    .footerWrap .ftrLogo {max-width: 150px; margin-bottom: 15px;}
    .btnWrp { flex-wrap: wrap;}
    .cstCard:hover { box-shadow: 1px 8px 8px rgba(0, 0, 0, 0.15);}

    .exp_video_iframe{ height: 350px;}
    .gallery-Filter .filter-tabs {gap: 12px;}
    .gallery-Filter .filter-tabs .tab-btn {padding: 12px 20px 8px 20px;}
    .playButton {font-size:30px;}
    .videoModal .modalVideo { height: 280px;}
    .galleryGrid {gap: 15px;}
    .row-gap-35 { row-gap: 25px; }
    .philosophyCard .philosophyIcon { max-width: 45px;}
    .iconSize{max-width: 40px;}

} 

@media (max-width:767px){
     .cstNavbar{position: fixed; top: 57px; }
    .cstHeader {padding: 10px 0;}
     .pgScroll_Header .cstHeader {padding: 10px 0;}
    .cstSiteLogo .headLogo-1 {width: 120px;}
    .cstSiteLogo .headLogo-2 {width: 40px; padding-left: 10px; margin-left: 10px;}
    .footerWrap .ftrCopyright {flex-wrap: wrap; justify-content: center; row-gap: 15px; padding-top: 20px; margin-top: 10px;}
    .footerWrap .ftrTitle {margin-bottom: 20px;}
    .footerWrap .contactInfo .ftr-conInfo {margin-bottom: 20px;}
    .herosection {min-height: calc(100dvh - 103px);}

    .activityInfoWrp{flex-wrap: wrap; justify-content: center !important;}
    .activityInfoWrp .activityInfo {width: 33%;}
    .activity-Features .feature_Item::before { width: 18px; height: 18px; }
    .activity-Features .feature_Item{padding-left: 26px;}
    .activityInfo .actIcon { width: 34px; }
    .infoBx { padding: 20px;}
    .galleryGrid {grid-template-columns: repeat(3, 1fr);}
    .cstAccordion{row-gap: 20px;}
}

@media (max-width:575px){
    .exp_video_iframe{ height: 200px;}
    .gallery-Filter .filter-tabs {justify-content: start;}
    .galleryGrid {grid-template-columns: repeat(2, 1fr);}
    .playButton { font-size: 45px; }
    .forMobile_btns { position: fixed; bottom: 0;display: flex; left: 0;width: 100%;}
    .forMobile_btns .cstBtn { width: 50%; border-radius: 0;}
}