@font-face{font-family:'didot_htf-b24-bold';src:url("../webfonts/didot_htfb24_bold-webfont.woff") format('woff'), url("../webfonts/didot_htfb24_bold-webfont.woff2") format('woff2');font-weight:normal;font-style:normal;}

body { font-family: 'Lato', sans-serif; overflow-x: hidden; color: #717272; letter-spacing: 3px; }
img { max-width: 100% }
h1,h2,h3,h4,h5,h6,p,ul,li { margin: 0px; padding: 0px; list-style: none }
a:link,a:visited,a:hover,a:active,a:focus,button,img,.intro-video a div.overlay, .glry-item a .overlay {
text-decoration: none;
outline: none;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s }
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
margin: 0 }
h1,h2,h3 { font-family:'didot_htf-b24-bold' !important; }

.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999;
background: #eef0fd;
background-image: url(../img/logo.png);
background-image: url(../img/logo.png), linear-gradient(#fcfcfe, #eef0fd);
background-repeat: no-repeat;
background-position: center center; }

.grecaptcha-badge {
  opacity: 0;
  visibility: hidden;
}

#backToTop { display: inline-block; text-decoration: none; letter-spacing: 0px; background-color: var(--primary); border: 2px solid #fff; width: 40px; height: 40px; text-align: center; border-radius: 100px; position: fixed; bottom: 135px; right: 30px; transition: background-color .3s, opacity .5s, visibility .5s; opacity: 0; visibility: hidden; z-index: 1000; }
#backToTop::after { content: "\f077"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 1em; line-height: 36px; color: #fff }
#backToTop:hover { cursor: pointer; background-color: #648038; }
#backToTop:active { background-color: #648038; }
#backToTop.show { opacity: 1; visibility: visible; }

.quick-connect { display: block; position: fixed; bottom: 0; width: 100%; z-index: 100; }
.quick-connect a { width: 50%; float: left; text-align: center; font-size: 14px; font-weight: 600; text-decoration: none; padding: 7px 0 5px; color: #fff; box-sizing: border-box; }
.quick-connect a i { box-sizing: border-box; padding-top: 3.5px; width: 24px; height: 24px; border-radius: 50%; }
.quick-connect a.qc-one { background: #2f3191; }
.quick-connect a.qc-one:hover { background: #1e2556; }
.quick-connect a.qc-two { background: #4e50a9; }
.quick-connect a.qc-two:hover { background: #1e2556; }

.whatsApp-icon { width: 45px; height: 45px; background-color: #25d366; color: #fff !important; font-size: 28px; letter-spacing: 0px; box-shadow: 1px 2px 3px #999999a1; border-radius: 100px; display: flex; align-items: center; justify-content: center; position: fixed; right: 28px; bottom: 85px; z-index: 120; }

.img-popup-close { position: absolute; right: -5px; top: -5px; background-color: var(--primary); color: white; border: none; outline: none; width: 30px; height: 30px; border-radius: 100px; border: 2px solid #fff; display: flex; align-items: center; justify-content: center; }

.btn-theme { background-color: var(--primary); color: #fff; border-color: var(--primary); font-size: 14px; letter-spacing: 3px; }
.btn-theme:hover { background-color: #fff; border-color: var(--primary); color: var(--primary); }
.btn-theme-secondary { background-color: #648038; border-color: #648038; }
.btn-theme-secondary:hover { border-color: #648038; color: #648038; }

.head-bar { background-color: #e2e1de; width: 100%; }
.sticky { position: fixed; top: 0; left: 0; z-index: 100; box-shadow: 0 1px 6px 0 rgb(32 33 36 / 28%); animation: slide-down 0.7s; }
.sticky .logo img { width: 80px; }
.head-bar .col-12 { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; }
.head-bar .logo { margin: 5px 0px; }
.alert-theme { text-align: center; margin-bottom: 0px; font-size: 11px; border-radius: 0; border: none; color: #fff; background-color: var(--primary); }
.alert-theme .btn-close { color: #fff; }
#mainBanner .carousel-control-next-icon, #mainBanner .carousel-control-prev-icon { width: 50px; height: 50px; border-radius: 100px; background-size: 60% 60%; border: 2px solid #fff; }
@media (min-width:1600px) {
  #mainBanner .carousel-control-next-icon, #mainBanner .carousel-control-prev-icon { width: 90px; height: 90px; }
}
@media (max-width:767px) {
  #mainBanner .carousel-control-prev, #mainBanner .carousel-control-next {
    width: 50%;
    height: 35px;
    top: auto;
    bottom: 20px;
  }
  #mainBanner .carousel-control-prev {
    justify-content: flex-end;
    padding-right: 10px;
  }
  #mainBanner .carousel-control-next {
    justify-content: flex-start;
    padding-left: 10px;
  }
}

@keyframes slide-down {
  0% {
      -moz-transform: translateY(-100%);
      -webkit-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
  }
  100% {
      -moz-transform: translateY(0);
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      -ms-transform: translateY(0);
      transform: translateY(0);
  }
}

@-webkit-keyframes zoom {
    from {
      -webkit-transform: scale(1, 1);
    }
    to {
      -webkit-transform: scale(1.1, 1.1);
    }
  }
  
  @keyframes zoom {
    from {
      transform: scale(1, 1);
    }
    to {
      transform: scale(1.1, 1.1);
    }
  }
  
.carousel-inner .carousel-item img {
  height: calc(100vh - 150px);
  object-fit: cover;
  -webkit-animation: zoom 20s;
  animation: zoom 20s;
}
@media screen and (max-width: 900px) and (min-width: 768px) {
  .carousel-inner .carousel-item img {
    height: auto;
  }
}

.intro-sec { padding: 120px 0px 45px 0px; position: relative; overflow: hidden; }
.intro-sec h1 { color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.intro-sec h2 { color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.intro-sec p { font-size: 18px; margin: 3rem 0; }
.intro-video { padding: 3px; background-color: white;
-webkit-box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 15%);
-moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 30px 0px rgb(0 0 0 / 15%);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; }
.intro-video a { position: relative; }
.intro-video a div.overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.intro-video .slick-prev, .intro-video .slick-next { width: 50px; height: 50px; background: var(--primary); border: 1px solid #fff; z-index: 1; }
.intro-video .slick-prev { left: -60px; }
.intro-video .slick-next { right: -60px; }
@media (max-width:767px) {
  .intro-video a picture img {
    height: 250px;
    object-fit: cover;
  }
}

.exp-sec { padding-bottom: 120px; }
.exp-sec h2 { position: relative; color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.exp-sec h2::before { width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 50%; content: ""; }
.exp-sec h2 span { background-color: #fff; position: relative; padding: 0px 20px; }
.exp-sec h3 { font-size: 2.5rem; margin-bottom: 1rem; color: #648038; }
.exp-sec p { font-size: 18px; margin: 3rem 0; }
.exp-sec .exp-sldr .slick-slide { margin: 0px 40px; }
.exp-sldr .slick-prev, .exp-sldr .slick-next { width: 50px; height: 50px; background: #fff; border: 1px solid #cbcad2; z-index: 1; display: flex; align-items: center; justify-content: center; }
.exp-sldr .slick-prev { left: 20%; padding-left: 10px; }
.exp-sldr .slick-next { right: 20%; padding-right: 10px; }
.exp-sldr .slick-prev::before, .exp-sldr .slick-next::before { content: ""; width: 25px; height: 25px; border: 2px solid #cbcad2; display: block; transform: rotate(45deg); }
.exp-sldr .slick-prev::before { border-top: none;border-right: #cbcad2; }
.exp-sldr .slick-next::before { border-bottom: none; border-left: #cbcad2; }
.exp-sldr .exp-sldr-item { position: relative; }
.exp-sldr .exp-sldr-item h4 { position: absolute; right: 0; bottom: 0; background-color: rgba(0,0,0,0.5); color: #fff; width: 100%; font-weight: 300; text-transform: uppercase; font-size: 1.3rem; text-align: center; padding: 10px 0px; }

.celeb-sec { padding-bottom: 120px; }
.celeb-sec .celeb-wrap { border: 1px solid #648038; padding: 40px; position: relative; display: flex; align-items: center; height: 400px; }
.celeb-sec .celeb-wrap h2 { font-size: 3.5rem; color: var(--primary); margin-bottom: 1rem; }
.celeb-sec .celeb-wrap p { margin-bottom: 2rem; }
.celeb-sec .celeb-vid-wrap { position: absolute; top: 50%; right: -23%; -webkit-transform: translate(0%, -50%);
-ms-transform: translate(0%, -50%);
transform: translate(0%, -50%); }
.celeb-video a { position: relative; }
.celeb-video a div.overlay { color: #fff; font-size: 20px; position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.celeb-video a div.overlay i { background-color: var(--primary); border: 2px solid #fff; border-radius: 100px; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; letter-spacing: 0px; }
.celeb-video a div.overlay:hover { color: var(--primary); }
.celeb-video a div.overlay:hover i { background-color: #fff; border-color: var(--primary); }
.celeb-video .slick-prev, .celeb-video .slick-next { width: 40px; height: 40px; background: #fff; border: 1px solid #cbcad2; z-index: 1; display: flex; align-items: center; justify-content: center; }
.celeb-video .slick-prev { left: -30px; padding-left: 10px; }
.celeb-video .slick-next { right: -30px; padding-right: 10px; }
.celeb-video .slick-prev::before, .celeb-video .slick-next::before { content: ""; width: 20px; height: 20px; border: 2px solid #cbcad2; display: block; transform: rotate(45deg); }
.celeb-video .slick-prev::before { border-top: none;border-right: #cbcad2; }
.celeb-video .slick-next::before { border-bottom: none; border-left: #cbcad2; }
.celeb-video a p { position: absolute; bottom: 0; left: 0; margin-bottom: 0 !important; padding: 15px; color: #fff; background-color: rgba(0,0,0,0.5); width: 100%; }

.reach-sec { padding-bottom: 120px; text-align: center; }
.reach-sec h2 { position: relative; color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.reach-sec h2::before { width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 50%; content: ""; }
.reach-sec h2 span { background-color: #fff; position: relative; padding: 0px 20px; }
.reach-sec img.brdr-ptrn { margin-bottom: 3rem; }
.reach-sec .reach-item { width: 100%; border: 1px solid #648038; position: relative; padding-top: 70px; padding-bottom: 40px; margin-bottom: 2rem; }
.reach-sec .reach-item > i { width: 100px; height: 100px; display: flex; align-items: center; justify-content: center; border-radius: 100px; border: 1px solid #648038; color: #648038; background-color: #fff; font-size: 2.5rem; position: absolute; left: 50%; top: -50px; -webkit-transform: translate(-50%, 0%);
-ms-transform: translate(-50%, 0%);
transform: translate(-50%, 0%); }
.reach-sec .reach-item > i img { max-width: 80%; }
.reach-sec .reach-item h3 { color: #648038; font-size: 2.5rem; margin-bottom: 1.5rem; }
.reach-sec .reach-item ul { display: flex; flex-wrap: wrap; justify-content: center; }
.reach-sec .reach-item ul li { margin-right: 20px; font-weight: 500; }
.reach-sec .reach-item ul li:last-child { margin-right: 0px; }
.reach-sec .reach-item ul li i { font-size: 15px; color: #648038; }
.reach-sec .route-item p { margin-bottom: 1rem; }
.reach-sec .route-item h3 { margin-bottom: 1.5rem; }

.stay-sec { padding-bottom: 120px; text-align: center; }
.stay-sec h2 { position: relative; color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.stay-sec h2::before { width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 50%; content: ""; }
.stay-sec h2 span { background-color: #fff; position: relative; padding: 0px 20px; }
.stay-sec .title-wrap { text-align: center; }
.stay-sec .title-wrap img { margin-bottom: 3rem; }
.stay-sec .title-wrap h3 { margin-bottom: 1rem; }
.stay-sec .title-wrap p { margin-bottom: 3rem; }
.stay-sec .stay-wrap .col-md-4 { padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.stay-sec .stay-wrap .col-md-4:nth-child(1) { order: 2; flex-direction: column-reverse; }
.stay-sec .stay-wrap .col-md-4:nth-child(2) { order: 1; }
.stay-sec .stay-wrap .col-md-4:nth-child(3) { order: 3; }
.stay-sec .stay-wrap .col-md-4:nth-child(4) { order: 5; flex-direction: column-reverse; }
.stay-sec .stay-wrap .col-md-4:nth-child(5) { order: 4; }
.stay-sec .stay-wrap .col-md-4:nth-child(6) { order: 6; }
.stay-sec .stay-wrap .col-md-4 img { width: 100%; }
.stay-sec .stay-data { display: flex; align-items: center; justify-content: center; flex-direction: column; min-height: 440px; padding: 0px 30px; width: 100%; position: relative;}
.stay-sec .stay-data h3 { margin-bottom: 1rem; }
@media screen and (max-width: 1400px) and (min-width: 992px) {
  .stay-sec .stay-data { min-height: 380px; }
}

.glry-sec { padding-bottom: 120px; }
.glry-sec h2 { position: relative; color: var(--primary); font-size: 3.5rem; margin-bottom: 1rem; }
.glry-sec h2::before { width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 50%; content: ""; }
.glry-sec h2 span { background-color: #fff; position: relative; padding: 0px 20px; }
.glry-sec img.brdr-ptrn { margin-bottom: 2rem; }
.glry-sec .glry-sldr { margin-bottom: 2rem; }
.glry-sldr .slick-slide { margin: 0px 40px; }
.glry-sldr  .slick-slide img { width: 100%; }
.glry-sldr .slick-prev, .glry-sldr .slick-next { width: 50px; height: 50px; background: #fff; border: 1px solid #cbcad2; z-index: 1; display: flex; align-items: center; justify-content: center; }
.glry-sldr .slick-prev { left: 20%; padding-left: 10px; }
.glry-sldr .slick-next { right: 20%; padding-right: 10px; }
.glry-sldr .slick-prev::before, .glry-sldr .slick-next::before { content: ""; width: 25px; height: 25px; border: 2px solid #cbcad2; display: block; transform: rotate(45deg); }
.glry-sldr .slick-prev::before { border-top: none;border-right: #cbcad2; }
.glry-sldr .slick-next::before { border-bottom: none; border-left: #cbcad2; }

footer { background-color: var(--primary); padding-top: 40px; color: #cbcad2; }
footer h2 { border-bottom: 1px solid #555498; padding-bottom: 1rem; margin-bottom: 1rem; font-size: 32px; }
.footer-above { border-bottom: 1px solid #555498; text-align: center; padding-bottom: 40px; margin-bottom: 40px; }
.footer-above .logo-wrap { display: flex; align-items: center; justify-content: center; }
.footer-above .logo-wrap picture { margin-right: 20px; }
.footer-above .logo-wrap picture:last-child { margin-right: 0px; }
.footer-above .col-md-6 img:first-child { margin-right: 20px; }
.footer-above p { color: #fff; font-size: 28px; margin-top: 1rem; }
.footer-middle img { margin-bottom: 1.5rem; }
.footer-middle p a { display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 100px; color: var(--primary); background-color: #fff; margin-right: 10px; letter-spacing: 0px; }
.footer-middle p a:hover { background-color: #648038; color: #fff; }
.footer-middle .qck-lnk { border-top: 1px solid #555498; margin-top: 20px; padding-top: 20px; }
.footer-middle .qck-lnk li { margin-bottom: 10px; }
.footer-middle .qck-lnk li a { color: #cbcad2; }
.footer-middle .qck-lnk li a:hover { color: #b8f15c; }
.footer-middle .tel-link { display: flex; flex-wrap: wrap; }
.footer-middle .tel-link li a { color: #cbcad2; }
.footer-below { background-color: #648038; padding: 7px 0px; font-size: 14px; margin-top: 40px; }
.footer-below .col-12 { display: flex; align-items: center;justify-content: space-between; }

.page-title { height: 500px; display: flex; align-items: center; background-repeat: no-repeat; background-position: center center; background-size: cover; position: relative; color: #fff; }
.page-title .col-12 { text-align: center; }
.page-title h1 { text-transform: uppercase; display: inline-block; border: 2px solid #fff; padding: 20px;background-color: rgba(0, 0, 0, 0.446); }
.page-path { background-color: var(--primary); padding: 5px 0px; }
.page-path ul li { display: inline-block; font-size: 14px; color: #648038; }
.page-path ul li a { color: #fff; }
.page-path ul li a:hover { color: #648038; }
.page-path ul li::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #fff; display: inline-block; margin: 0px 5px; }
.page-path ul li:last-child::after { display: none; }
.page-wrap { padding: 5rem 0px; min-height: 400px; }
.sub-img-scroll { margin-bottom: 5rem; }

.glry-item { background-color: white; margin-bottom: 20px; padding: 5px;
-webkit-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
-moz-box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1);
box-shadow: 0px 2px 10px 0px rgba(50, 50, 50, 0.1); }
.glry-item img { width: 100% }
.glry-item a { position: relative; display: block; }
.glry-item a .overlay { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-color: rgba(23, 28, 143, 0.8); opacity: 0; color: #fff; }
.glry-item a .overlay span { position: absolute; top: 50%; left: 50%; font-size: 50px;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.glry-item a:hover .overlay { opacity: 1; }

.page-wld-plnt .row:first-child { margin-bottom: 5rem; }
.page-wld-plnt h2 { color: var(--primary); font-size: 2.5rem; margin-bottom: 2rem; }
.page-wld-plnt h3 { color: var(--primary); font-size: 2.5rem; margin-bottom: 2rem; }

.page-location h2 { color: var(--primary); font-size: 2.5rem; margin-bottom: 2rem; }

.page-wstrn-ghts h2 { color: var(--primary); font-size: 3rem; margin-bottom: 2rem; }
.page-wstrn-ghts img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.page-wstrn-ghts hr { margin: 5rem 0; }
@media (max-width:767px) {
  .page-wstrn-ghts hr { margin: 20px 0; }
}

.page-reach { background: none; padding-bottom: 0px; padding-top: 3rem !important; }
.page-reach .reach-item > i { color: var(--primary); background-color: #fff; border: 1px solid #648038; }
.route-map { margin-top: 2rem; }
.route-map h3 { position: relative; color: var(--primary); font-size: 2.5rem; margin-bottom: 3rem; }
.route-map h3::before { width: 100%; height: 1px; background-color: #ccc; position: absolute; left: 0; top: 50%; content: ""; }
.route-map h3 span { background-color: #fff; position: relative; padding: 0px 20px; }
.route-map ul { display: inline-table; }
.route-map ul li { display: inline-block; vertical-align: middle; }
.route-map ul li a { height: 40px; padding-left: 30px; font-size: 14px; display: flex; align-items: center; justify-content: center; background: #c3c7bb; position: relative; margin: 0 10px 0 0; color: #648038; cursor: default; }
.route-map ul li a:after { content: ""; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #c3c7bb; position: absolute; right: -20px; top: 0; z-index: 1; }
.route-map ul li a:before { content: ""; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff; position: absolute; left: 0; top: 0; }
.route-map ul li a i { margin-right: 5px; }
.route-map ul li a img { max-width: 40px; }
.route-map ul li:first-child a { padding-left: 20px; color: var(--primary); background-color: #cacbea; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.route-map ul li:first-child a:after { border-left-color: #cacbea; }
.route-map ul li:first-child a:before { display: none; }
.route-map ul li:last-child a { background: none; padding-left: 16px; }
.route-map ul li:last-child a:after { display: none; }
@media screen and (max-width: 1400px) and (min-width: 992px) {
  .route-map ul li a {
    font-size: 13px;
    padding-left: 28px;
  }
}

.page-stay h2 { color: var(--primary); font-size: 3rem; margin-bottom: 2rem; }
.page-stay .row:first-child { margin-bottom: 5rem; }
.page-stay .col-md-5 img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.page-stay .col-md-5 .glry-item { padding: 0px; margin-bottom: 0px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.page-stay .col-md-5 .glry-item .overlay { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
@media (max-width:768px) {
  .page-stay .row:first-child { margin-bottom: 2rem; }
}

.page-activity .card { margin-bottom: 1.5rem; }
.page-activity .card .glry-item { margin-bottom: 0px; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; }
.page-activity h2 { color: var(--primary); font-size: 3rem; margin-bottom: 2rem; }
.page-activity img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.page-activity hr { margin: 5rem 0; }
@media (max-width:767px) {
  .page-activity hr { margin: 20px 0; }
}

.page-exprnc h2 { color: var(--primary); font-size: 3rem; margin-bottom: 2rem; }
.page-exprnc .col-md-5 img { border-top-left-radius: 40px; border-bottom-right-radius: 40px; }
.page-exprnc hr { margin: 5rem 0; }
@media (max-width:767px) {
  .page-exprnc hr { margin: 20px 0; }
}

.page-gallery h2 { color: var(--primary); font-size: 1.5rem; margin-bottom: 0; }
.page-gallery .card { width: 100%; margin-bottom: 2rem; }
.page-gallery .celeb-video a { display: block; }
.page-gallery .celeb-video { margin-bottom: 2rem; }

.page-contact h2 { color: var(--primary); }
.page-contact .card { margin-top: .5rem; margin-bottom: 1rem; width: 100%; }
.page-contact .card span { position: absolute; top: -15px; background-color: #fff; color: #648038; border-radius: 4px; font-size: 14px; padding: 3px 10px; font-weight: bold; }
.page-contact .card ul li a { color: #717272; } 
@media (max-width:767px) {
  .page-contact .card span { position: relative; top: 0; padding: 0; }
}

.page-reserv h2 { color: var(--primary); margin-bottom: 1rem; }
.page-reserv ul { margin-bottom: 5rem; border: 1px solid rgba(0,0,0,.125); border-radius: 4px; }
.page-reserv ul li { padding: .5rem 1rem; border-bottom: 1px solid rgba(0,0,0,.125); }
.page-reserv ul li::before { display: inline-block; width: 10px; height: 10px; background-color: #adafd6; border-radius: 100px; content: ""; margin: 0 10px 0 0; }
@media (max-width:767px) {
  .page-reserv ul { margin-bottom: 1rem; }
}

/* ================= PAGE POLICY CONTENT STYLING ================= */

.page-policy {
  line-height: 1.8;
  font-size: 16px;
  color: #444;
}

/* Headings */
.page-policy h1 {
  color: var(--primary);
  margin-bottom: 1rem;
  text-align: center;
  font-weight: 600;
   font-size: 3.5rem;
}

.page-policy h2 {
  color: #648038;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
  font-weight: 600;
}

.page-policy h3 {
  color: #648038;
  margin-bottom: 1rem;
  margin-top: 1.2rem;
  font-weight: 500;
}

.page-policy h4,
.page-policy h5,
.page-policy h6 {
  color: #333;
  margin-bottom: 0.8rem;
  margin-top: 1rem;
}

/* Paragraph */
.page-policy p {
  margin-bottom: 1rem;
}

/* Lists */
.page-policy ul,
.page-policy ol {
  margin-bottom: 1rem;
  padding-left: 1.5rem;
}

.page-policy li {
  margin-bottom: 0.5rem;
  line-height: 1.7;
}

/* Links */
.page-policy a {
  color: var(--primary);
  text-decoration: none;
  font-weight: 500;
}

.page-policy a:hover {
  text-decoration: underline;
}

/* Images */
.page-policy img {
  max-width: 100%;
  height: auto;
  margin: 1rem 0;
  border-radius: 6px;
}

/* Tables (if rich text adds table) */
.page-policy table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1rem;
}

.page-policy table th,
.page-policy table td {
  border: 1px solid #ddd;
  padding: 8px;
}

.page-policy table th {
  background: #f5f5f5;
}

/* Blockquote */
.page-policy blockquote {
  border-left: 4px solid var(--primary);
  padding-left: 1rem;
  color: #666;
  margin: 1rem 0;
  font-style: italic;
}


.news-list { position: relative; width: 100%; margin-bottom: 20px; }
.news-list .card-title a { font-family: 'Didot-HTF-M06-Medium-Ital', sans-serif !important; color: var(--primary); font-size: 1.5rem; margin-bottom: 1rem; }
.news-list .card-body { display: flex; flex-direction: column; align-items: flex-start;}
.news-list .card-body .card-text { flex-grow: 1; color: #555555; margin-bottom: 10px; }
.news-list .card-footer { background: none; border: none; width: 100%; padding: 0px; margin: 0px; }
/* Same height for image + video */
#mainBanner .banner-media {
    height: calc(100vh - 150px);
    object-fit: cover;
}

/* Zoom animation only for images */
#mainBanner img.banner-media {
    animation: zoom 20s ease-in-out;
}

/* Mobile adjustment */
@media (max-width: 767px) {
    #mainBanner .banner-media {
        height: calc(100vh - 80px);
    }
}
.page-news h2 { color: var(--primary); margin: 1rem 0; }
.page-news img { margin-bottom: 1rem; width: 100%; }
.page-news .col-md-8 ul { padding-left: 16px; }
.page-news .col-md-8 ul li { list-style-type: disc; }
.page-news .col-md-4 ul li { border-bottom:  1px solid rgba(0,0,0,.125); padding-bottom: 1rem; margin-bottom: 1rem; }
.page-news .col-md-4 ul li a { color: #648038; }
.page-news .col-md-4 ul li a:hover { color: var(--primary); }


 /* align */

 .center{
  display: flex!important;
  
  justify-content: center !important;
}
 
.gt{
  color: #b8f15c;
}
/* socialmedia */

.fb{
  color: white!important;
  background-color: rgb(81, 81, 241) !important;
}
.insta{
 
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ff356b+0,f16f5c+34,f6290c+40,e2b626+100 */
background: #ff356b; /* Old browsers */
background: -moz-linear-gradient(top,  #ff356b 0%, #f16f5c 34%, #f6290c 40%, #e2b626 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff356b 0%,#f16f5c 34%,#f6290c 40%,#e2b626 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff356b 0%,#f16f5c 34%,#f6290c 40%,#e2b626 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff356b', endColorstr='#e2b626',GradientType=0 ); /* IE6-9 */
color: white!important;

}

.ytb{
  background-color: red!important;
  color: white!important;
}
.pagination{
  display: flex;
  justify-content: center;
  margin-top: 30px;
}
.page-link{
  color: var(--primary);
}
.page-item.active .page-link{
  background-color: var(--primary);
  border-color: var(--primary);
}

.reach-item img{
  padding: 12px;
}
.copyright p{
  font-size: 14px;
}

.booking-page-bg {
  background-image: url(../img/intro-bg.png);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: cover;
}
.page-booking h2 {
  color: var(--primary);
  font-size: 3.5rem;
  margin-bottom: 1rem;
}
.page-booking .form-card {
  box-shadow: 0px 25px 35px 0px rgb(34 34 34 / 11%);
}
.page-booking .form-card .card-header, .page-booking .form-card .card-footer {
  padding: 1.3rem;
  background-color: #fff;
}
.page-booking .form-card .form-control:disabled, .page-booking .form-card .form-control[readonly] {
  background-color: #fff;
}
.page-booking .form-card .form-control, .page-booking .form-card .form-select {
  color:#6c757d;
}
@media (min-width:992px) {
  .page-booking .form-card .card-body {
    padding: 1.5rem;
  }
}

.sticky-side-btn {
  position: fixed;
  top: 50%;
  right: -86px;
  z-index: 100;
  transform: rotate(-90deg);
  padding: 10px 20px 35px;
  height: 0px;
  background-color: var(--primary);
  color: #fff !important;
  font-size: 14px;
  animation-duration: 1750ms ;
  animation-fill-mode: both ;
  animation-iteration-count: infinite ;
  animation-name: button-shadow-throb ;
  animation-timing-function: linear ;
}
@keyframes button-shadow-throb {
  0% {
    box-shadow:
    inset 0px 0px 15px 15px rgba(100,128,56,0.0),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0)
    ;
  }
  15% {
    box-shadow:
    inset 0px 0px 15px 15px rgba(100,128,56,0.0),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0)
    ;
  }
  30% {
    box-shadow:
    inset 0px 0px 0px 15px rgba(100,128,56,0.2),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0)
    ;
  }
  45% {
    box-shadow:
    inset 0px 0px 0px 10px rgba(100,128,56,0.4),
    inset 0px 0px 0px 15px rgba(100,128,56,0.2),
    inset 0px 0px 15px 15px rgba(100,128,56,0.0)
    ;
  }
  60% {
    box-shadow:
    inset 0px 0px 0px 5px rgba(100,128,56,0.8), 
    inset 0px 0px 0px 10px rgba(100,128,56,0.4),
    inset 0px 0px 0px 15px rgba(100,128,56,0.2)
    ;
  }
  75% {
    box-shadow:
    inset 0px 0px 0px 0px rgba(100,128,56,0.8),
    inset 0px 0px 0px 5px rgba(100,128,56,0.8), 
    inset 0px 0px 0px 10px rgba(100,128,56,0.4)
    ;
  }
  90% {
    box-shadow:
    inset 0px 0px 0px 0px rgba(100,128,56,0.8),
    inset 0px 0px 0px 0px rgba(100,128,56,0.8),
    inset 0px 0px 0px 5px rgba(100,128,56,0.8)  
    ;
  }
  100% {
    box-shadow:
    inset 0px 0px 0px 0px rgba(100,128,56,0.8), 
    inset 0px 0px 0px 0px rgba(100,128,56,0.8), 
    inset 0px 0px 0px 0px rgba(100,128,56,0.8)  
    ;
  }
}

/*.........................................Responsive style.........................................*/

@media only screen and (max-width: 1440px) {
  .page-wld-plnt h2, .page-wld-plnt h3 { font-size: 2rem; }
}

@media only screen and (min-width: 992px) {
  #imageModal .modal-dialog { max-width: 600px; }
  .page-wrap .container-fluid { padding: 0 5rem; }
}

@media only screen and (max-width: 992px) {
    /* .head-bar { background: none; } */
    .sticky { background: #e2e1de; height: 70px; }
    .head-bar .logo { z-index: 10; }
    .head-bar .logo img { max-width: 70px; }
    .head-bar .col-12 { padding: 0; justify-content: space-between; }
    .head-bar .btn-theme { z-index: 10; }
    .head-bar .btn-theme-secondary { display: none; }
}

@media screen and (max-width: 992px) and (min-width: 768px) {}

@media only screen and (min-width: 768px) {
    .quick-connect { display: none; }
    .btn-theme {
      min-width: 146px;}
}

@media only screen and (max-width: 768px) {
  .carousel-inner .carousel-item > img { height: 63vh; }
  .page-wld-plnt .row:first-child { margin-bottom: 2rem; }
  .sub-img-scroll { margin-bottom: 20px; }
}

@media only screen and (max-width: 767px) {
    .intro-sec h2 {font-size: 40px;}
  p{
    font-size: 17px;
  }
  .text-end img{
    margin-top:50px;
    margin-bottom: 50px;
  }
  .slick-slider{
    margin-top: 20px;
  }
  .stay-wrap .slick-prev {
    left: 13px !important;
    top: 39%!important;
}
.stay-wrap .slick-next {
  right: 13px !important;
  top: 39%!important;
}
  .stay-wrap .slick-arrow {
    width: 40px;
    height: 40px;
    border: 1px solid #fff!important;
    background: #efeded!important;
    top: 100%;
}
.slick-prev:before, .slick-next:before {
  /* font-family: 'slick'; */
  font-size: 18px;
  line-height: 1;
  opacity: .75;
  color: #000000!important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.margin-top{
  margin-top: 0px;
}
.margin-bottom{
  margin-bottom: 50px;
}
.sub-img-scroll{
  margin-bottom: 50px;
}
.alert-theme{
  line-height: 20px;
}
.slick-slide img {
    height: 335px;
    object-fit: cover;
    display: block;
}
    #backToTop { right: 15px; bottom: 78px; }
    .whatsApp-icon { right: 13px; bottom: 125px; }

    #mainBanner .carousel-control-next-icon, #mainBanner .carousel-control-prev-icon { width: 30px; height: 30px; }

    .intro-sec { padding: 20px 0px; } 
    .intro-sec h1 { font-size: 40px; margin-bottom: 1rem; }
    .intro-sec p { font-size: 17px; margin: 1.5rem 0;line-height: 35px; }
    .intro-video { padding: 8px;margin-top: 50px; }
    .intro-video a div.overlay img { width: 50px; }
    .intro-video .slick-prev, .intro-video .slick-next { width: 30px; height: 30px; }
    .intro-video .slick-prev { left: -5px; }
    .intro-video .slick-next { right: -5px; }

    .exp-sec { padding: 20px 0px }
    .exp-sec h2 { font-size: 40px; }
    .exp-sec h2::before { display: none; }
    .exp-sec h3 { font-size: 1.5rem; }
    .exp-sec p { font-size: 17px; margin: 1.5rem 0; line-height:35px; }
    .exp-sec .exp-sldr .slick-slide { margin: 0px 15px; }
    .exp-sldr .slick-prev, .exp-sldr .slick-next { width: 30px; height: 30px; }
    .exp-sldr .slick-prev::before, .exp-sldr .slick-next::before { width: 15px; height: 15px; }
    .exp-sldr .slick-prev { left: 0px; }
    .exp-sldr .slick-next { right: 0px; }
    .exp-sldr .exp-sldr-item h4 { font-size: 14px; }
    .page-activity img {margin-top: 50px;}
    .page-wstrn-ghts img {margin-top: 40px;}
    .page-exprnc .col-md-5 img {margin-top:40px;}
    .celeb-sec { padding: 20px 0px; }
    .celeb-sec .celeb-wrap { display: block; height: auto; padding: 20px; }
    .celeb-sec .celeb-wrap h2 { font-size: 2rem; }
    .celeb-sec .celeb-wrap p { margin-bottom: 1rem; line-height: 35px;}
    .celeb-sec .celeb-vid-wrap { position: relative; margin-top: 1rem; right: 0; top: 0; -webkit-transform: none;
      -ms-transform: none;
      transform: none; }
    .celeb-video a p { font-size: 12px; padding: 5px 10px; }
    .celeb-video a div.overlay i { width: 50px; height: 50px; font-size: 14px; }
    .celeb-video .slick-prev, .celeb-video .slick-next { width: 30px; height: 30px; }
    .celeb-video .slick-prev::before, .celeb-video .slick-next::before { width: 15px; height: 15px; }
    .celeb-video .slick-prev { left: -20px; }
    .celeb-video .slick-next { right: -20px; }

    .reach-sec { padding: 20px 0px; }
    .reach-sec h2 { font-size:40px; }
    .reach-sec h2::before { display: none; }
    .reach-sec img.brdr-ptrn { margin-bottom: 4rem; }
    .reach-sec .reach-item { margin-bottom: 3.5rem; padding-top: 60px; padding-bottom: 30px; }
    .reach-sec .reach-item > i { font-size: 24px; width: 70px; height: 70px; top: -35px; }
    .reach-sec .reach-item h3 { font-size: 1.5rem; }
    .reach-sec .reach-item ul li { margin-bottom: 10px; }

    .stay-sec { padding: 20px 0px; }
    .stay-sec h2 { font-size:40px; }
    .stay-sec h2::before { display: none; }
    .stay-sec img.brdr-ptrn { margin-bottom: 2rem; }
    .stay-sec .stay-wrap .col-md-4 { padding: 0px 15px; }
    .stay-sec .stay-wrap .col-md-4:nth-child(1), .stay-sec .stay-wrap .col-md-4:nth-child(4) { flex-direction: column; }
    .stay-sec .stay-data { min-height: auto; padding: 30px 0px 0px 0px; }
    .stay-data p{line-height: 35px;}

    .glry-sec { padding: 20px 0px; }
    .glry-sec h2 { font-size:40px; margin-bottom: 1rem; }
    .glry-sec h2::before { display: none; }
    .glry-sldr .slick-slide { margin: 0px 15px; }
    .glry-sldr .slick-prev, .glry-sldr .slick-next { width: 30px; height: 30px; }
    .glry-sldr .slick-prev::before, .glry-sldr .slick-next::before { width: 15px; height: 15px; }
    .glry-sldr .slick-prev { left: 0px; }
    .glry-sldr .slick-next { right: 0px; }

    .footer-above .logo-wrap img { max-width: 85px; }
    .footer-above p { font-size: 18px; }
    .footer-below { font-size: 12px; margin-top: 20px; padding-bottom: 40px; }
    .footer-below .col-12 { flex-direction: column; text-align: center; }

    .page-title { height: 379px; align-items: flex-end; }
    .page-title h1 { margin-bottom: 144px;font-size:14px;}
    .page-path ul li { font-size: 12px; }
    .page-wrap { padding: 20px 0px; padding-top: 50px;padding-bottom: 50px;line-height:35px;}

    .page-wld-plnt h2, .page-wld-plnt h3 { margin-bottom: 1rem; }
    .page-wld-plnt p { margin-bottom: 1rem;margin-top:20px; }

    .page-wstrn-ghts h2 { font-size:40px; margin-bottom: 1rem; }
    .page-wstrn-ghts p { margin-bottom: 1rem; }

    .page-reach { padding: 20px 15px; }
    .route-map h3 { font-size: 1.5rem; }
    .route-map ul li { margin-bottom: 10px; }
    .route-map ul li:last-child { margin-bottom: 0px; }
    .glry-item{margin-bottom: 40px;margin-top: 27px;}
    .page-stay h2 { font-size: 40px; margin-bottom:40px; }
    .page-stay p { margin-bottom:40px; }
    .page-reserv h2 {
     
      margin-bottom: 40px;
      margin-top: 40px;
  }
  .page-contact h2 {
    color: var(--primary);
    margin-bottom: 30px;
}
    .page-exprnc h2 { font-size:40px; margin-bottom: 1rem; }
    .page-exprnc p { margin-bottom: 1rem; }

    .page-gallery .card iframe { height: 200px; }
}
/* rk editz */
.footer-middle p{font-size: 15px;

}
.stay-wrap .slick-arrow{
  width: 50px;
  height: 50px;
  border: 1px solid #000;
  background: #000;
  top: 100%;
}
.stay-wrap .slick-prev{
  left: 0;
}
.stay-wrap  .slick-next{
  right: 0;
}
h2{font-size: 36px;}
.form-control{
  letter-spacing: 3px;
}
.page-not-found{
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
}
.page-not-found .not-found{
  max-width: 400px;
  height: auto;
  margin: auto;
  text-align: center;
  padding: 15px;
}
.page-not-found .not-found h1{
  color: var(--primary);
  font-size: 5rem;
  line-height: 1;
  margin-bottom: 20px;
}
.page-not-found .not-found h2{
  font-size: 2.5rem;
  line-height: 1;
  margin-bottom: 20px;
  color: #648038;
}
.page-not-found .not-found p{
  font-size: 18px;
  color: #717272;
  line-height: 1.2;
}
.page-not-found .not-found a {
  display: block;
}
.page-not-found .not-found p a {
  font-size: 18px;
  line-height: 1.2;
  color: var(--primary);
  text-decoration: underline;
  display: inline-block;
}

/* ===============================
   Sticky Social Container
=================================*/
.sticky-social {
    position: fixed;
    right: 0;
    top: 35%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    z-index: 9999;
}

/* ===============================
   Toggle Arrow Button
=================================*/
.toggle-btn {
    background: #000;
    color: #fff;
   padding: 4px 5px 8px 6px;
   cursor: pointer;
    border-radius: 8px 0 0 8px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.4s ease;
}

/* Smooth arrow rotation */
#toggleIcon {
    display: inline-block;
    transition: transform 0.4s ease;
}


.collapsed .toggle-btn{right: 0;
  position: absolute;}

.sticky-social.collapsed #toggleIcon {
    transform: rotate(180deg);
}

/* ===============================
   Social Panel
=================================*/
.social-panel {
    display: flex;
    flex-direction: column;
    border-radius: 12px 0 0 12px;
    overflow: hidden;
    transition: transform 0.4s ease;
    transform: translateX(0);
    min-width: 45px; /* keeps width stable */
}

/* Slide animation */
.sticky-social.collapsed .social-panel {
    transform: translateX(calc(100% + 60px));
}


/* ===============================
   Vertical Website Button
=================================*/
.vertical-btn {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    padding: 20px 10px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 1px;
}

/* ===============================
   Icon Buttons
=================================*/
.icon-btn {
    padding: 15px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    transition: 0.3s ease;
}

.icon-btn:hover {
    opacity: 0.85;
}

/* Button Colors */
.call { background: #28a745; }
.email { background: #007bff; }
.whatsapp { background: #25D366; }

/* ===============================
   Optional: Quick Links List Style
   (If using UL inside panel)
=================================*/
.sticky-links {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sticky-links li {
    border-bottom: 1px solid rgba(255,255,255,0.2);
}

.sticky-links li:last-child {
    border-bottom: none;
}

.sticky-links a {
    display: block;
    padding: 12px 15px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    transition: 0.3s;
}

.sticky-links a:hover {
    background: rgba(0,0,0,0.2);
}


/* ===============================
   Board Section
=================================*/
.board-of-directors {
    background: #f9f9f9;
}

/* Section Title */
.board-of-directors h2 {
    font-size: 32px;
    letter-spacing: 1px;
}

/* ===============================
   Founder Section
=================================*/
.headersection img {
    border-radius: 50%;
    border: 5px solid #eee;
}

.headersection p {
    font-size: 15px;
    line-height: 1.7;
    color: #555;
}

/* ===============================
   Cards
=================================*/
.board-of-directors .card {
    border-radius: 12px;
    transition: all 0.3s ease;
}

.board-of-directors .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.board-of-directors .card img {
    border-radius: 50%;
    border: 4px solid #f1f1f1;
}

.board-of-directors .card-title {
    font-size: 16px;
    letter-spacing: 0.5px;
}

.board-of-directors .card-text {
    font-size: 14px;
    line-height: 1.6;
    color: #555;
}

/* ===============================
   Responsive Improvements
=================================*/
@media (max-width: 768px) {
    .headersection img {
        width: 160px !important;
    }

    .board-of-directors h2 {
        font-size: 24px;
    }
}


@media(max-width: 767px){
  .page-not-found .not-found h1{
    font-size: 3rem;
  }
  .page-not-found .not-found h2{
    font-size: 2rem;
  }
}

/* THEERTHA*/
/* ===============================
   PAGE HEADER
=================================*/
.main-bread-crumb .page-title {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 130px 0;
}

.main-bread-crumb .page-title::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.6);
}

.main-bread-crumb .page-title .container {
    position: relative;
    z-index: 2;
}

.main-bread-crumb .page-title h1 {
    font-size: 42px;
    font-weight: 700;
}

/* ===============================
   BREADCRUMB
=================================*/
.main-bread-crumb .breadcrumb-custom {
    list-style: none;
    padding: 18px 0;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    font-size: 14px;
}

.main-bread-crumb .breadcrumb-custom li::after {
    content: "/";
    margin-left: 8px;
    color: #999;
}

.main-bread-crumb .breadcrumb-custom li:last-child::after {
    display: none;
}

.main-bread-crumb .breadcrumb-custom a {
    text-decoration: none;
    color: #555;
}

.main-bread-crumb .breadcrumb-custom a:hover {
    color: #0d6efd;
}

/* ===============================
   BLOG WRAPPER
=================================*/
.blog-wrapper  .blog-wrapper {
    background: #f8f9fa;
}

.blog-wrapper  .blog-article {
    background: #fff;
    padding: 40px 0px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}


.blog-wrapper  .blog-title
{
    color: var(--primary);

}
/* ===============================
   META INFO
=================================*/
.blog-wrapper  .blog-meta {
    font-size: 14px;
    color: #777;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.blog-wrapper  .blog-meta .badge {
    font-size: 12px;
    padding: 6px 10px;
    background:#386d42;
}


/* ===============================
   QUOTE
=================================*/
.blog-wrapper  .blog-quote {
    background: #fafbff;
    border-left: 5px solid #386d42;
    padding: 25px;
    margin: 30px 0;
    border-radius: 10px;
    font-style: italic;
    color: #444;
}

/* ===============================
   CONTENT STYLING
=================================*/
.blog-wrapper  .rich-text {
    font-size: 17px;
    line-height: 1.9;
    color: #444;
}

.blog-wrapper  .rich-text h2 {
    margin-top: 35px;
    margin-bottom: 15px;
    font-weight: 600;
}

.blog-wrapper  .rich-text h3 {
    margin-top: 35px;
    margin-bottom: 15px;
}

.blog-wrapper  .rich-text p {
    margin-bottom: 18px;
}

.blog-wrapper  .rich-text img {
    max-width: 100%;
    border-radius: 12px;
    margin: 25px 0;
}
.blog-wrapper .rich-text ul {
    list-style: none; 
    padding-left: 0;
    margin-bottom: 20px;
}

.blog-wrapper .rich-text ul li {
    position: relative;
    padding-left: 30px; 
    margin-bottom: 12px;
    font-size: 16px;
    color: #444;
}

/* Use Font Awesome leaf */
.blog-wrapper .rich-text ul li::before {
    content: "\f06c"; /* Font Awesome leaf unicode */
    font-family: "Font Awesome 5 Free"; 
    font-weight: 900; /* solid style */
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    color: #386d42; /* your green */
    line-height: 1.2;
}

/* ===============================
   SHARE
=================================*/
.blog-wrapper  .blog-share {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 40px;
}

.blog-wrapper  .blog-share span {
    font-weight: 600;
    margin-right: 15px;
}

.blog-wrapper  .blog-share a {
    margin-right: 15px;
    font-size: 18px;
    text-decoration: none;
}

.blog-wrapper  .blog-share .facebook { color: #1877f2; }
.blog-wrapper  .blog-share .twitter { color: #1da1f2; }
.blog-wrapper  .blog-share .whatsapp { background:#fff; color:#25d366;}

.blog-wrapper .blog-share .instagram { 
    color: #C13584; /* Instagram main color */
}
/* ===============================
   SIDEBAR
=================================*/
.blog-wrapper  .sidebar {
    position: sticky;
    top: 100px;
}

.blog-wrapper  .sidebar-card {
    background: #fff;
    padding: 25px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    margin-bottom: 25px;
}

.blog-wrapper  .latest-item {
    display: flex;
    gap: 12px;
    margin-bottom: 18px;
}

.blog-wrapper  .latest-item img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    border-radius: 10px;
}

.blog-wrapper  .latest-item a {
    font-weight: 600;
    text-decoration: none;
    color: #222;
}

.blog-wrapper  .latest-item a:hover {
    color: #0d6efd;
}

.blog-wrapper  .subscribe-box {
    background: #0d6efd;
    color: #fff;
    padding: 30px;
    text-align: center;
}

.blog-wrapper  .subscribe-box h6 {
    font-weight: 700;
}

.blog-wrapper  .subscribe-box .btn {
    margin-top: 10px;
}
.blog-wrapper  .subscribe-box {
    background: linear-gradient(135deg, #0d6efd, #084298);
    color: #fff;
    padding: 30px;
    border-radius: 14px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.15);
}

.blog-wrapper  .subscribe-box h5 {
    font-weight: 700;
}

.blog-wrapper .subscribe-box .btn {
    border-radius: 8px;
}

.blog-wrapper .subscribe-box hr {
    margin: 20px 0;
}

 .blog-title
 {
  color: var(--primary);
  margin-bottom: 18px;
  font-family: 'didot_htf-b24-bold' !important;
    }


.intro-section
{
    color: var(--primary);
  font-size: 3.5rem;
}

    /* FAQ Section */
.faq-section {
    background: #f7f9f9;
}

.faq-section .faq-title {
    font-size: 2.5rem;
    font-weight: 700;
    color: #171c8f;
}

.faq-section .faq-subtitle {
    font-size: 1rem;
    color: #6c757d;
}

/* Room Title */


/* Accordion */
.faq-section .custom-accordion .custom-accordion-item {
    border: 1px solid #ccc;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-section .custom-accordion-button {
    background: #fff; /* theme secondary */
    color: #717272; /* primary dark */
    font-weight: 500;
    font-size: 1.3rem;
    padding: 1rem 1.25rem;
    border-radius: 0;
    box-shadow: none !important;
}

.faq-section .custom-accordion-button:focus {
    box-shadow: none;
    border: none;
}

.faq-section .custom-accordion-button:not(.collapsed) {
    background: #171c8f;
    color: #fff;
}

/* Accordion Body */
.faq-section .custom-accordion-body {
    background: #f9f9f9;
    color: #333;
    font-size: 0.95rem;
    padding: 1rem 1.25rem;
    line-height: 1.6;
}

/* Hover & Transition */
.faq-section .custom-accordion-button:hover {
    background: #171c8f;
    color: #fff;
    transition: all 0.3s ease;
}

    /* Related Pages Buttons */
.related-pages h3 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #171c8f;
}

.related-pages .btn-outline-primary {
    border: 2px solid #717272;
    color: #717272;
    font-weight: 500;
    transition: all 0.3s ease;
}

.related-pages .btn-outline-primary:hover {
    background: #171c8f;
    color: #fff;
    border-color: #171c8f;
    transform: translateY(-2px);
}
.related-categories h3
{
    color:#171c8f;
    
}
    .related-categories .related-link {
    display: inline-block;
    padding: 12px 28px;
    border: 2px solid #717272; /* theme color */
    border-radius: 50px;
    text-decoration: none;
    color: #717272;
    font-weight: 600;
    transition: all 0.3s ease;
    background-color: #fff;
}

.related-categories .related-link:hover {
    background-color: #171c8f;
    color: #fff;
    transform: translateY(-3px);
}
.cta-section .btn-primary {
    background-color: #171c8f; /* theme color */
    border-color: #171c8f;
    transition: all 0.3s ease;
}

.cta-section .btn-primary:hover {
    background-color: #171c8f; /* highlight color */
    color: #154040;
    transform: translateY(-2px);
}

.cta-section .overlay {
    transition: background 0.3s ease;
}

.cta-section:hover .overlay {
    background-color: rgba(0,0,0,0.3);
}