:root {

   --font: "Instrument Sans", sans-serif;
   --font2: "Instrument Sans", sans-serif;
   --font3: "Lora", serif;
   ;

   --pri: #f05927;
   --sec: #f68c21;
   --third: #183B56;


   --text-color: #161629;
   --text-muted: #8d9eb5;
   --para-color: #646464;

   --border-color: #efefef;

   --white: #fff;
   --off-white: #f4f4f4;

   --black: #212529;
   --bs-success-rgb: 3, 181, 98;
   --bs-danger-rgb: 219, 33, 35;

   --dots-dark: radial-gradient(rgba(203, 255, 84, 0.1) 1.4px,
       transparent 1.4px);
 }


 body {
   background: var(--white);

   font-family: var(--font2);

   color: var(--para-color);

   font-size: 14px;

   margin: 0;

   padding: 0;

   font-weight: 400;

   line-height: 1.5;

   min-height: 100vh;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
   font-family: var(--font);
 }

 img {
   max-width: 100%;

   width: auto;

   height: auto;
 }

 p {
   color: var(--para-color);

   font-size: 15px;

   font-weight: 400;

   margin-bottom: 10px;

   font-family: var(--font2);

   line-height: 1.7;
 }

 a {
   display: block;

   text-decoration: none;
 }

 p a {
   display: inline;

   color: var(--text-muted);
 }

 p a:hover {
   color: var(--pri);
 }

 hr {
   border-color: transparent;

   background: linear-gradient(90deg,
       rgba(0, 0, 0, 0.3) 0%,

       rgba(0, 0, 0, 0.3) 50%,

       rgba(0, 0, 0, 0.3) 100%);

   height: 1.4px;
 }

 .bg2 {
   background: var(--off-white) !important;
 }

 .bg3 {
   background-color: var(--third) !important;
 }

 .bg-black {
   background-color: var(--black);
 }

 .head-sec {
   text-align: center;

   max-width: 950px;

   margin: 0 auto 35px;
 }

 .head-sec.text-start {
   max-width: 100%;
 }

 .head-sec .sub-tt {
   color: var(--pri);
   border-radius: 50px;
   display: inline-block;
   font-weight: 600;
   font-size: 14px;
   margin-bottom: 5px;
   position: relative;
   text-transform: uppercase;
   display: none;
 }


 .bg2 .sub-tt {
   color: var(--pri);
 }

 .head-sec .tt {
   font-family: var(--font3);

   color: var(--text-color);

   font-weight: 500;

   font-size: 35px;

   line-height: 1.2;

   margin-bottom: 5px;

   position: relative;
 }

 .head-sec p {
   color: var(--para-color);

   font-weight: 400;

   margin-bottom: 0;
 }

 .head-sec.text-white .sub-tt {
   color: var(--pri);
 }



 .head-sec.text-white .tt,
 .head-sec.text-white p {
   color: white;
 }

 .form-group {
   position: relative;

   margin-bottom: 15px;
 }

 .form-control {
   font-weight: 400;

   border-radius: 7px;

   font-size: 15px;

   padding: 8px 12px;

   color: var(--para-color);

   font-family: var(--font2);

   border-color: transparent;

   height: 42px;

   align-content: center;

   border-color: #e3e3e3;
 }

 .form-control::placeholder {
   opacity: 0.8;
 }

 textarea.form-control {
   min-height: 100px;

   resize: none;

   align-content: start;
 }

 .form-control:focus {
   border-color: #e3e3e3;

   box-shadow: none;
 }

 input:-webkit-autofill {
   filter: none !important;
 }

 input:-webkit-autofill,
 input:-webkit-autofill:hover,
 input:-webkit-autofill:focus,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
   -webkit-text-fill-color: currentColor !important;

   /* text color */

   transition: background-color 5000s ease-in-out 0s;

   caret-color: currentColor;

   color: inherit !important;

   background-color: inherit !important;
 }

 .logo {
   max-width: 165px;

   width: auto;

   height: auto;
 }

 header {
   position: fixed;
   background: linear-gradient(0deg,
       rgba(17, 22, 31, 0) 0%,
       rgba(0, 0, 0, 0.9) 100%);
   backdrop-filter: blur(2px);
   top: 0;
   left: 0;
   width: 100%;
   z-index: 9999;
   transition: all .2s ease-in-out;
 }

 header .menubar {
   background-color: transparent;
 }

 header.is-scrolled {
   background: var(--white);
   box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.16);
 }






 .navigation ul {
   list-style: none;

   margin: 0;

   padding: 0;
 }

 .menu-list a {
   display: flex;

   align-items: center;

   justify-content: space-between;

   gap: 2px;

   line-height: 1.2;

   position: relative;
 }

 .kr-dropdown-icon {
   display: inline-flex;

   align-items: center;

   justify-content: center;

   width: 18px;

   height: 18px;

   flex: 0 0 auto;

   transform-origin: center;

   transition: transform 0.2s ease;

   padding: 0;

   border: 0;

   background: transparent;

   color: currentColor;

   cursor: pointer;
 }

 .kr-dropdown-icon svg {
   width: 14px;

   height: 14px;

   pointer-events: none;
 }

 /* ################### main ###################### */

 main,
 main img {
   overflow: hidden;

   display: block;

   width: 100%;

   position: relative;
 }

 .carousel-control-next,
 .carousel-control-prev {
   line-height: 0;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   display: flex;
   align-items: center;
   justify-content: center;
   width: 35px;
   height: 35px;
   padding: 0;
   cursor: pointer;
   outline: 0;
   background-color: rgba(255, 255, 255, 0.28);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   border-radius: 50%;
   z-index: 10;
   opacity: 0.85;
   transition: all 0.25s ease;
 }

 .carousel-control-prev {
   left: 16px;
 }

 .carousel-control-next {
   right: 16px;
 }

 .carousel-control-next-icon,
 .carousel-control-prev-icon {
   height: 18px;
   width: 18px;
   filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.4));
 }

 .carousel-control-next:hover,
 .carousel-control-prev:hover {
   background-color: rgba(255, 255, 255, 0.55);
   opacity: 1;
 }

 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 14px;
   left: 0;
   z-index: 10;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 0;
   margin-left: 15%;
   list-style: none;
   gap: 6px;
 }

 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 7px;
   height: 7px;
   padding: 0;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 0;
   border-radius: 50%;
   opacity: 0.45;
   transition: opacity 0.3s ease, transform 0.3s ease;
 }

 .carousel-indicators .active {
   opacity: 1;
   transform: scale(1.25);
 }

 .swiper_wrap {
   position: relative;
 }

 .swiper-button-next,
 .swiper-button-prev {
   border: 1px solid #eeebff;

   background-color: #f4f2ff;
   box-shadow: 0px 2px 20px rgba(0, 0, 0, 0, 2);
 }

 .swiper-button-next:after,
 .swiper-button-prev:after {
   font-size: 14px;

   font-weight: 600;

   color: currentColor;
 }

 .swiper-button-next {
   right: 10px;
 }

 .swiper-button-prev {
   left: 10px;
 }

 .kiomio-sec {
   padding: 60px 0;

   overflow: hidden;

   position: relative;

   z-index: 1;
 }

 .kiomio-sec.before::before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   width: 100%;
   background-image: var(--dots-dark);
   background-position: center;
   background-size: 20px 20px;
   background-repeat: repeat;
   z-index: -1;
 }

 .bg-sec {
   background-color: var(--off-white) !important;
 }



 .odometer.odometer-auto-theme,
 .odometer.odometer-theme-default {
   font-family: var(--font);

   line-height: 40px;
 }

 .swiper-pagination {
   position: static;
 }

 .swiper-pagination-bullet {
   transition: 0.2s ease;

   background-color: var(--text-color);
 }

 .swiper-pagination-bullet-active {
   background-color: var(--pri);

   width: 18px;

   border-radius: 4px;
 }

 .bg-liner .swiper-pagination-bullet {
   background-color: white;

   opacity: 0.3;
 }

 .bg-liner .swiper-pagination-bullet-active {
   background-color: var(--off-white);

   opacity: 1;
 }


 .map {
   width: 100%;
   padding: 15px;
   background-color: var(--white);
   border-radius: 12px;
   display: block;
   margin-top: 15px;
 }


 .content-sec table {
   margin-bottom: 15px;

   width: 100%;

   text-align: center;
 }

 .content-sec table strong,
 .content-sec table b {
   font-weight: 600;
 }

 tbody,
 td,
 th,
 thead,
 tr {
   border-color: #d8d8d8;

   border-style: solid;

   border-width: 1px;

   padding: 5px 6px;

   font-size: 14px;
 }

 th {
   color: var(--text-color);
 }

 .swiper-wrap {
   position: relative;
 }

 .clientSlider .swiper-wrapper {
   transition-timing-function: linear;
 }



 .iti {
   width: 100%;
 }

 .iti--allow-dropdown .iti__flag-container,
 .iti--separate-dial-code .iti__flag-container {
   height: 42px;
 }

 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag,
 .iti--separate-dial-code .iti__selected-flag {
   background-color: transparent;
 }

 .g-recaptcha {
   transform: scale(0.8);

   transform-origin: 0 0;
 }

 .whatapp_btn {
   background: #01e675;

   width: 40px;

   height: 40px;

   color: var(--white);

   position: fixed;

   right: 20px;

   bottom: 130px;

   cursor: pointer;

   z-index: 9;

   border-radius: 100%;

   display: flex;

   align-items: center;

   justify-content: center;

   transition: 0.2s ease-in-out;

   box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, 0.15);

   border: 0;
 }

 .whatapp_btn svg {
   width: 19px;

   height: 19px;
 }

 .whatapp_btn:hover {
   transform: scale(1.1);
 }

 .whatapp_btn:focus,
 .whatapp_btn:hover {
   background: #01e675;

   color: var(--white);
 }

 .error {
   font-size: 14px;

   color: red;
 }

 .modal-header {
   padding: 12px 15px;
   border-radius: 0;

   border: 0;

   /* background: var(--off-white); */
 }

 .modal-header.modal-header2 {
   background: var(--liner);

   background-color: var(--pri);

   color: white;

   padding-block: 12px;
 }

 .modal-header.modal-header2 .main-tt {
   color: white;
 }

 .modal-content {
   border-radius: 10px;

   overflow: hidden;

   border: 0;

   background: white;
 }

 .modal-header.modal-header2 .btn-close {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
 }

 @media (min-width: 576px) {
   .modal-sm {
     max-width: 300px;
   }
 }

 .modal-body {
   padding: 10px 25px 20px;

   /* background: var(--off-white); */
 }

 .modal-content .main-tt {
   text-align: center;

   font-size: 18px;

   font-weight: 600;

   color: var(--text-color);

   font-family: var(--font);

   margin-bottom: 15px;
 }

 .btn-close {
   float: right;
   background-color: var(--white);
   border-radius: 50%;
   padding: 10px !important;
   box-shadow: none;
   opacity: 1;
 }

 .btn-close:hover,
 .btn-close:focus {
   box-shadow: none;
 }

 .pop-img {
   aspect-ratio: 1 / 1;
 }

 .pop-img img {
   aspect-ratio: 1 / 1;

   object-fit: contain;

   object-position: center;

   width: 100%;

   border-radius: 4px;

   overflow: hidden;
 }

 .content-sec h1,
 .content-sec h2,
 .content-sec h3,
 .content-sec h4,
 .content-sec h5,
 .content-sec h6,
 .content-sec .tt {
   text-transform: capitalize;

   font-size: 25px;

   font-weight: 500;

   color: var(--text-color);

   text-align: left;

   margin-bottom: 7px;

   line-height: 1.3;
 }

 .content-sec h2,
 .content-sec h3,
 .content-sec h4,
 .content-sec h5,
 .content-sec h6 {
   font-size: 20px;
 }

 .content-sec .tt {
   font-size: 24px;
 }

 .content-sec h4,
 .content-sec h5,
 .content-sec h6 {
   font-size: 18px;
 }

 .content-sec ul,
 .content-sec ol {
   padding-left: 20px;

   margin: 0;

   margin-bottom: 10px;
 }

 .content-sec p,
 .content-sec li {
   font-size: 15px;

   line-height: 1.6;

   color: var(--para-color);

   text-align: justify;

   font-family: var(--font2);

   font-weight: 400;
 }

 .content-sec p a {
   color: var(--pri);
 }

 .content-sec li {
   margin-bottom: 3px;

   position: relative;
 }

 .content-sec li a {
   display: inline;

   color: var(--text-color);
 }

 .content-sec ul {
   padding-left: 0;
 }

 .content-sec ul li {
   padding-left: 20px;

   display: flow-root;
 }

 .content-sec ul li::before {
   content: "➤";

   position: absolute;

   left: 0px;

   color: var(--pri);

   font-size: 15px;

   top: 1px;
 }

 .content-sec ul li a {
   display: inline;

   color: var(--text-color);
 }

 .content-sec table {
   width: -webkit-fill-available;

   margin-bottom: 20px;

   overflow: hidden;
 }

 .content-sec table p {
   margin-bottom: 0;

   color: var(--para-color);

   font-size: 14px;
 }

 .content-sec table tr:nth-child(even) {
   background-color: #f8f8f8;

   color: var(--para-color);
 }

 .content-sec table tr:nth-child(odd) {
   background-color: var(--white);

   color: var(--para-color);
 }

 .content-sec table th {
   background-color: var(--sec);
   color: var(--white);
   font-weight: 500;
 }

 footer {
   padding: 25px 0 0;
   position: relative;
   z-index: 1;
   background-color: var(--third);
 }

 .ft-bx {
   position: relative;
   z-index: 1;
 }

 .ft-bx .logo {
   max-width: 185px;
 }


 .ft-bx .con-bx {
   display: flex;

   align-items: start;

   margin-bottom: 10px;

   gap: 10px;
 }

 .ft-bx .con-bx .ic-bx svg {
   min-width: 17px;

   width: 17px;

   height: 17px;

   color: var(--pri);
 }

 .ft-bx .con-bx a,
 .ft-bx .con-bx p {
   font-weight: 400;

   font-size: 14px;

   line-height: 1.8;

   color: var(--white);

   margin-bottom: 0px;
 }

 .ft-bx .con-bx a:hover {
   color: var(--pri);

   opacity: 1;
 }

 .ft-bx .ft-tt {
   font-family: var(--font);

   font-weight: 600;

   font-size: 20px;

   color: var(--pri);

   text-transform: capitalize;

   margin-bottom: 10px;

   position: relative;
   padding-left: 10px;
   border-left: 4px solid var(--pri);
 }

 .ft-bx p {
   color: var(--white);

   line-height: 1.8;

   font-size: 14px;

   font-weight: 400;

   margin-bottom: 20px;
 }

 .ft-bx ul {
   padding: 0;

   list-style: none;

   margin: 0;
 }

 .ft-bx ul li a {
   font-size: 14px;

   color: var(--white);

   padding: 3px 0;

   transition: 0.1s;

   display: inline-block;

   font-weight: 400;
 }

 .ft-bx ul li a:hover {
   color: var(--pri);

   opacity: 1;
 }

 .ft-bx .social li:first-child {
   display: block !important;
   width: 100%;

   span {
     color: var(--white);
     border-left: 4px solid var(--pri);
     padding-left: 7px;
     font-size: 17px;
   }

   margin-bottom: 0px;
 }

 .ft-bx .social li {
   margin: 0;
 }

 .ft-bx .social {
   justify-content: start;
 }

 .ft-bx .social li:not(:first-child):not(:last-child)::after {
   content: none;
 }

 .ft-bx .social li a span {
   display: none;
 }


 .copyright {
   padding: 9px 0;
   background-color: var(--pri);
   margin-top: 30px;

   border-top: 1px solid rgba(0, 0, 0, 0.12);
 }

 .copyright svg {
   color: var(--pri);
 }

 .copyright p {
   color: var(--white);

   margin-bottom: 0;

   font-weight: 500;

   font-size: 13px;
 }

 .copyright p a {
   color: var(--white);

   display: inline;

   font-weight: 500;
 }

 footer .content-sec h1,
 footer .content-sec h2,
 footer .content-sec h3,
 footer .content-sec .tt {
   color: var(--white);

   font-size: 18px;

   text-transform: capitalize;
 }

 footer .content-sec p,
 footer .content-sec ul li {
   color: var(--off-white);

   font-weight: 300;

   font-size: 14px;

   line-height: 1.7;
 }

 .expend-content-sec2 {
   max-height: 260px;

   overflow: clip;
 }

 .expend-content-sec2.expanded {
   overflow-y: auto;

   padding-right: 10px;
 }

 .expend-content-sec2.expanded::-webkit-scrollbar {
   width: 5px;
 }

 .expend-content-sec2.expanded::-webkit-scrollbar-thumb {
   background-color: rgba(0, 0, 0, 0.2);

   border-radius: 5px;
 }

 .read-toggle {
   display: inline-block;

   color: currentColor;

   cursor: pointer;

   font-weight: 600;

   margin-top: 10px;

   user-select: none;

   font-size: 0.9em;
 }

 .read-toggle:hover {
   opacity: 0.8;
 }





 .counter-bx {
   text-align: center;
 }

 .counter-bx .tt {
   color: var(--pri);

   font-weight: 500;

   font-size: 33px;
 }

 .counter-bx p {
   margin-bottom: 0;

   color: var(--para-color);
 }

 .rating {
   display: flex;

   gap: 0;

   user-select: none;
 }

 .rating .star {
   width: 30px;

   height: 30px;

   cursor: pointer;

   position: relative;

   display: inline-block;
 }

 .rating .star i {
   position: absolute;

   inset: 0;

   font-style: normal;
 }

 .rating .star i::before {
   content: "★";

   position: absolute;

   inset: 0;

   color: #d9d9d9;

   font-size: 30px;

   line-height: 30px;
 }

 .rating .star i::after {
   content: "★";

   position: absolute;

   inset: 0;

   color: #ffc107;

   font-size: 30px;

   line-height: 30px;

   width: 0%;

   overflow: hidden;
 }

 .faq-accordion {
   counter-reset: faq-number;
 }

 .faq-accordion .row {
   --bs-gutter-y: 18px;
 }

 .faq-accordion .accordion-item {
   counter-increment: faq-number;
   margin-bottom: 18px;
   overflow: hidden;
   background-color: var(--white);
   border: 1px solid var(--border-color);
   border-radius: 12px;
   transition:
     border-color 0.3s ease,
     box-shadow 0.3s ease,
     transform 0.3s ease;
 }

 .faq-accordion .accordion-item:last-child {
   margin-bottom: 0;
 }

 .faq-accordion .accordion-item:hover {
   transform: translateY(-2px);
 }

 .faq-accordion .accordion-button::after {
   content: "";
   position: absolute;
   right: 18px;
   top: 50%;
   width: 34px;
   height: 34px;
   margin: 0;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   transform: translateY(-50%);
   border: 1px solid var(--border-color);
   border-radius: 50%;
   background-color: transparent;
   background-image: none;
   transition:
     background-color 0.3s ease,
     border-color 0.3s ease,
     color 0.3s ease,
     transform 0.3s ease;

   /* Chevron Down SVG */
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.29289Z' fill='black'/%3E%3C/svg%3E");

   mask-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.29289 8.29289C4.68342 7.90237 5.31658 7.90237 5.70711 8.29289L12 14.5858L18.2929 8.29289C18.6834 7.90237 19.3166 7.90237 19.7071 8.29289C20.0976 8.68342 20.0976 9.31658 19.7071 9.70711L12.7071 16.7071C12.3166 17.0976 11.6834 17.0976 11.2929 16.7071L4.29289 9.70711C3.90237 9.31658 3.90237 8.68342 4.29289 8.68342 4.29289 8.29289Z' fill='black'/%3E%3C/svg%3E");

   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;

   -webkit-mask-size: 16px 16px;
   mask-size: 16px 16px;

   -webkit-mask-position: center;
   mask-position: center;

   background-color: var(--text-color);
 }

 /* Open / Active */
 .faq-accordion .accordion-button:not(.collapsed)::after {
   transform: translateY(-50%) rotate(180deg);
   border-color: var(--white);
   background-color: var(--white);
 }

 .faq-accordion .accordion-item:has(.accordion-button:not(.collapsed)) {
   border-color: var(--sec);
 }

 .faq-accordion .accordion-button {
   padding: 14px 64px 14px 20px;
   border: 0;
   background-color: var(--white);
   color: var(--text-color);
   font-size: 16px;
   font-weight: 600;
   line-height: 1.35;
 }



 .faq-accordion .accordion-button:not(.collapsed) {
   border: 0;
   background-color: var(--pri);
   color: var(--white);
 }

 .faq-accordion .accordion-button:not(.collapsed)::before {
   background-color: var(--pri);
   color: var(--white);
 }

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

 .faq-accordion .accordion-body {
   padding: 10px 22px 15px 20px;
   border-top: 1px solid rgba(74, 124, 89, 0.12);
   background-color: var(--white);
   color: var(--para-color);
   font-size: 15px;
   line-height: 1.75;
 }

 .float-name {
   font-size: 105px;

   line-height: 1;

   text-wrap: nowrap;

   font-weight: 600;

   text-transform: uppercase;

   color: var(--white);

   opacity: 0.2;

   text-align: center;

   margin-top: 20px;

   pointer-events: none;

   user-select: none;
 }

 .prSlider .swiper-button-next,
 .prSlider .swiper-button-prev {
   width: 25px;

   height: 25px;

   background-color: rgba(0, 0, 0, 0.3);

   color: var(--white);

   line-height: 1;

   opacity: 0.8;

   border-radius: 100%;
 }

 .prSlider .swiper-button-next:after,
 .prSlider .swiper-button-prev:after {
   font-size: 11px;

   font-weight: 700;
 }

 .prSlider .swiper-button-prev {
   left: 10px;
 }

 .prSlider .swiper-button-next {
   right: 10px;
 }

 .prSlider .swiper-button-next:hover,
 .prSlider .swiper-button-prev:hover {
   /* opacity: 1; */

   background-color: var(--sec);
 }

 .prSlider .swiper-slide img {
   /* border: 1px solid #dbe5f0; */

   aspect-ratio: 1 / 1;

   object-fit: contain;

   object-position: center;

   width: 100%;

   height: 100%;

   background-color: #f9f9f9;

   display: block;
 }

 .prThumbsSlider .swiper-slide {
   border: 1px solid #dbe5f0;

   border-radius: 5px;

   overflow: hidden;
 }

 .prThumbsSlider .swiper-slide img {
   overflow: hidden;

   position: relative;

   cursor: pointer;

   width: 100%;

   height: 100%;

   aspect-ratio: 1 / 1;

   object-fit: cover;

   object-position: center;

   background-color: #f5f5f5;

   overflow: hidden;
 }

 .prThumbsSlider .swiper-slide {
   opacity: 1;
 }

 .prThumbsSlider .swiper-slide-thumb-active {
   border: 1px solid var(--pri);
 }

 #catalogueListModal .bx {
   display: flex;

   align-items: center;

   gap: 4px;

   padding: 5px 10px;

   background-color: var(--off-white);

   border: 1px solid rgba(0, 0, 0, 0.15);

   border-radius: 4px;
 }

 #catalogueListModal .bx svg {
   height: 20px;

   width: 20px;

   color: var(--pri);
 }

 #catalogueListModal .bx .download svg {
   color: var(--para-color);
 }

 #catalogueListModal .bx .tt {
   color: var(--black);

   font-size: 14px;

   font-weight: 500;
 }

 #catalogueListModal .modal-header .btn-close {
   position: absolute;

   top: 10%;

   right: 3%;
 }

 .bg-black {
   background-color: var(--black);
 }

 /* .quality-sec .container .box .row .col:first-child .bx .img-bx,
.quality-sec .container .box .row .col:first-child .bx .content-bx {
    padding-top: 0;
} */

 /* Bootstrap gutter remove */

 /* Exact middle vertical line */

 /* Odd row image: left side */

 /* Odd row content: right side */

 /* Even row image: right side */

 /* Even row content: left side */

 /* Number */

 /* Title */

 /* Even row title line from right */

 /* Remove extra top and bottom space */

 /* 
.exp-img {
  max-height: 400px;
  overflow: hidden;
  width: 100%;
  border-radius: 12px;
  margin-top: 30px;
  position: relative;
   
}

.exp-img::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: #2125298c;
 
}

.exp-img img{
  height: 100%;
  width: 100%;
  object-fit: cover;
   
}

.exp-img .head-sec{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,  -50%);
}

.exp-img .head-sec .tt{
  -webkit-text-stroke: 2px var(--white);   
    color: var(--pri);  
} */

 /* -------------------Alok CSS----------------------- */

 /* .home .hero-section .tt span{
  color:#0ed297;
} */




 .content-sec a {
   display: inline;
 }

 .tds-offcanvas {
   width: min(900px, 100vw) !important;
 }

 .tds-offcanvas .offcanvas-header {
   gap: 15px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }

 .tds-offcanvas .offcanvas-title {
   margin-right: auto;
   font-size: 20px;
 }

 .tds-open-pdf {
   color: var(--pri);
   font-weight: 600;
 }

 .tds-pdf-frame {
   display: block;
   width: 100%;
   height: calc(100vh - 66px);
   border: 0;
 }

 .tds-pdf-error {
   padding: 30px;
   text-align: center;
 }

 /* -----------------------Wolvarine----------- */

 #carouselExampleCaptions,
 #carouselExampleCaptions img {
   aspect-ratio: 1920 / 900;
   overflow: hidden;
   display: block;
   width: 100%;
   position: relative;
   object-fit: cover;
 }

 .carousel-item {
   position: relative;
   height: 100%;
   width: 100%;
   overflow: hidden;
 }

 .home-banner .overlays {
   position: absolute;
   top: 52%;
   transform: translateY(-50%);
   left: 7%;
   max-width: 650px;
   z-index: 9;
 }

 .home-banner .overlays .sub-tt {
   color: var(--white);
   letter-spacing: 1px;
 }

 .banner-explore-btn-wrap {
   display: none;
 }



 .btn-icon-sq {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 24px;
   height: 24px;
   border-radius: 4px;
   background: rgba(255, 255, 255, 0.2);
   margin-left: 6px;
   vertical-align: middle;
 }





 .home-banner .overlays .title {
   font-size: 41px;
   font-weight: 600;
   font-family: var(--font3);
   margin-bottom: 10px;
   line-height: 1.1;
 }

 .home-banner .overlays .title span {
   color: var(--pri);
 }

 @keyframes slideUpFade {
   from {
     opacity: 0;
     transform: translateY(30px);
   }

   to {
     opacity: 1;
     transform: translateY(0);
   }
 }

 .carousel-item .overlays>* {
   /* opacity: 0; */
 }

 .carousel-item.active .sub-tt,
 .home-banner .overlays .sub-tt {
   /* static or subtle appearance */
 }

 .carousel-item.active .title,
 .home-banner .overlays .title {
   /* static or subtle appearance */
 }

 .carousel-item.active .overlays p,
 .home-banner .overlays p {
   font-size: 16px;
   line-height: 1.4;
 }

 .carousel-item.active .overlays .d-flex,
 .home-banner .overlays .d-flex {
   /* static */
 }

 .w-btn {
   padding: 10px 15px;
   border-radius: 50px;
   color: white;
   border: 1px solid #00c966;
   display: inline-flex;
   justify-content: center;
   gap: 5px;
   align-items: center;
   font-size: 14px;
   font-weight: 500;
   font-family: var(--font);
   text-transform: capitalize;
   white-space: nowrap;
   background-color: #00c966;
   outline: none;
   transition: 0.2s ease-in-out;
   line-height: 1;
 }

 .w-btn:hover {
   border-color: #00c966;
   background-color: #00b95d;
 }

 /* .matrix-bx .counter-bx .tt {
  font-size: 25px;
  color: var(--sec);
  position: relative;
}

.matrix-bx .counter-bx .tt .sm-tt {
  font-size: 20px;
  color: var(--pri);
}

.matrix-bx .counter-bx p {
  margin: 0;
  line-height: 1.2;
  font-size: 14px;
}

.matrix-bx {
  max-width: 920px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 3px 5px rgba(40, 40, 40, 0.11);
  background-color: var(--white);
  margin: auto;
  position: relative;
  position: absolute;
  z-index: 999;
  bottom: 62px;
  left: 91px;
  display: none;
}

.matrix-bx .counter-bx {
  padding: 10px;
  text-align: start;
  background-color: var(--off-white);
  height: 100%;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.1);
} */









 .we-do-img-bx .overlays {
   position: absolute;
   top: 75px;
   left: -90px;
   background-color: var(--white);
   padding: 5px 10px;
   border-radius: 6px;
   border-left: 4px solid var(--pri);
   border-right: 4px solid var(--pri);
   transform: rotate(-90deg);
 }

 .we-do-img-bx .overlays .counter-bx {
   display: flex;
   align-items: center;
   gap: 6px;
 }

 .we-do-img-bx {
   border: 10px solid var(--white);
   border-radius: 12px;

   box-shadow: 0px 4px 24px rgba(0, 0, 0, 0.15);
 }

 .we-do-img-bx .overlays .counter-bx .tt {
   font-size: 23px;
   /* color: var(--white);   */
 }

 .we-do-img-bx .overlays .counter-bx p {
   font-size: 16px;
   font-weight: 700;
   color: var(--third);
 }

 .img-overlays {
   width: 200px;
   aspect-ratio: 1/1;
   position: absolute;
   bottom: 10px;
   left: -55px;
   border-radius: 12px;
   border: 6px solid var(--white);
 }

 .img-overlays img {
   height: 100%;
   width: 100%;
   border-radius: 12px;
   object-fit: cover;
 }


 .badge {
   display: inline-block;
   padding: 6px 11px;
   background-color: var(--pri);
   color: var(--white);
   border-radius: 3px;
   font-weight: 300;
   font-size: 13px;
 }



 .texti-bx .img {
   width: 50px;
   height: 50px;
   border-radius: 100%;
   margin-bottom: 7px;
   background-color: white;
   align-content: center;
   text-align: center;
   font-family: var(--font);
   font-weight: 600;
   text-transform: uppercase;
   color: var(--pri);
   font-size: 24px;
 }

 .texti-bx .name {
   color: var(--white);
   margin-bottom: 8px;
   font-weight: 600;
   display: flex;
   gap: 6px;
 }

 .texti-bx .name span {
   display: block;
   color: var(--pri);
   font-size: 0.95em;
   font-weight: 400;
 }

 .texti-bx p {
   color: rgba(255, 255, 255, 0.8);
   margin-bottom: 0;
   line-height: 1.5;
 }

 .texti-bx .star-rating {
   display: flex;
   gap: 3px;
   position: absolute;
   top: 30px;
   right: 20px;
 }

 .texti-bx .star-rating svg {
   width: 16px;
   height: 16px;
 }

 .rating {
   display: flex;
   gap: 0;
   user-select: none;
 }

 .rating .star {
   width: 30px;
   height: 30px;
   cursor: pointer;
   position: relative;
   display: inline-block;
 }

 .rating .star i {
   position: absolute;
   inset: 0;
   font-style: normal;
 }

 .rating .star i::before {
   content: "★";
   position: absolute;
   inset: 0;
   color: #d9d9d9;
   font-size: 30px;
   line-height: 30px;
 }

 .rating .star i::after {
   content: "★";
   position: absolute;
   inset: 0;
   color: #ffc107;
   font-size: 30px;
   line-height: 30px;
   width: 0%;
   overflow: hidden;
 }








 /* ---------------Alok Css---------------------------- */

 .home-banner .main-btn:hover {
   color: var(--white);
   border-color: var(--white);
 }

 .main-btn {
   padding: 5px;
   padding-left: 14px;
   color: var(--pri);
   border: 1px solid var(--black);
   background-color: var(--black);
   display: inline-flex;
   gap: 7px;
   align-items: center;
   justify-content: center;
   font-size: 15px;
   font-weight: 500;
   font-family: var(--font);
   white-space: nowrap;
   outline: none;
   transition: 0.2s ease-in-out;
   justify-content: center;
   line-height: 1;
   border-radius: 6px;
 }

 .main-btn span {
   width: 34px;
   height: 34px;
   background-color: var(--pri);
   border-radius: 6px;
   color: var(--black);
   transition: 0.2s ease-in-out;
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .main-btn:hover span {
   /* color: var(--white); */
 }

 .main-btn.sm {
   font-size: 13px;
 }

 .main-btn.sm span {
   width: 30px;
   height: 30px;
 }

 .main-btn:hover {
   background: transparent;
   color: var(--pri);
   border-color: var(--pri);
 }

 .main-btn2 {
   color: var(--white);
   background-color: var(--pri);
   border-color: var(--pri);
 }

 .main-btn.main-btn2 span {
   background-color: var(--white);
   color: var(--pri);
 }

 .main-btn2:hover {
   background-color: transparent;
   border-color: var(--pri);
   color: var(--pri);
 }

 .main-btn.main-btn2:hover span {
   background-color: var(--pri);
   color: var(--black);
 }

 .home-banner::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: rgba(0, 0, 0, 0.32);
   pointer-events: none;
 }

 .home-banner {
   position: relative;
   overflow: hidden;
 }

 .pricing {
   display: flex;
   align-items: center;
   gap: 12px;
   flex-wrap: wrap;
   position: relative;
   margin-top: 30px;
   margin-bottom: 15px;
 }

 .pricing .price {
   background-image: linear-gradient(90deg, var(--pri), var(--sec));
   color: #0000;
   -webkit-background-clip: text;
   background-clip: text;
   font-size: 35px;
   font-weight: 700;
   font-family: var(--font3);
   line-height: 1;
   display: inline-flex;
   align-items: baseline;
 }

 .pricing .price span {
   font-size: 40px;
   font-weight: 500;
 }

 .banner-discount-badge {
   display: inline-flex;
       align-items: center;
       gap: 5px;
       background: #16a34a;
       color: #ffffff;
       font-size: 10px;
       font-weight: 700;
       font-family: var(--font);
       letter-spacing: 0.6px;
       text-transform: uppercase;
       padding: 3px 8px;
       padding-top: 5px;
       border-radius: 9990px;
       line-height: 1.2;
       margin-bottom: 5px;
       white-space: nowrap;
 }

 .banner-discount-badge svg {
   flex-shrink: 0;
 }

 .pricing .price-starting {
   font-weight: 400;
   font-size: 12.5px;
   letter-spacing: 0.5px;
   color: rgba(255, 255, 255, 0.85);
   text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
   position: absolute;
   top: -12px;
   text-transform: uppercase;
   width: max-content;
 }


 .tour-package {
   background: var(--white, #ffffff);
   overflow: hidden;
   border-radius: 12px;
   cursor: pointer;
   border: 1px solid #e5e7eb;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04);
   transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.3s ease;
   display: flex;
   flex-direction: column;
   height: 100%;
 }


 .tour-package .img-bx {
   width: 100%;
   aspect-ratio: 16/10;
   overflow: hidden;
   position: relative;
   background: #f1f5f9;
 }

 .tour-package .img-bx img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   display: block;
   transition: transform 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
 }

 .tour-package:hover .img-bx img {
   transform: scale(1.06);
 }

 /* Completely remove dark gradient overlays on the photo */
 .tour-package .img-bx::after {
   display: none !important;
 }

 /* Badge: Day & Night (Floating subtle frosted pill) */
 ._day_night {
   position: absolute;
   top: 10px;
   right: 10px;
   width: auto;
   z-index: 2;
   display: block;
 }

 ._day_night ul {
   background: rgba(255, 255, 255, 0.94);
   backdrop-filter: blur(6px);
   -webkit-backdrop-filter: blur(6px);
   border: 1px solid rgba(255, 255, 255, 0.9);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12);
   border-radius: 20px;
   margin: 0;
   padding: 3px 10px;
   display: flex;
   align-items: center;
   gap: 7px;
   list-style: none;
 }

 ._day_night ul li {
   display: flex;
   align-items: center;
   color: #1e293b;
   font-size: 11.5px;
   font-weight: 600;
   letter-spacing: 0.2px;
 }

 ._day_night ul li:nth-child(1) {
   padding-right: 7px;
   border-right: 1px solid #cbd5e1;
 }

 ._day_night ul li svg {
   color: #f59e0b;
   stroke: currentColor;
   margin-right: 3px;
   width: 13px;
   height: 13px;
   display: inline-block;
   vertical-align: middle;
 }

 /* Badge: Discount */
 .dss {

   color: #16a34a;
   font-size: 11.5px;
   font-weight: 600;
   display: inline-block;
   letter-spacing: 0.3px;
 }

 /* Header Section inside Content Box (Location + Rating + Full Title) */
 .tour-package .name-info-ovrlays {
   position: static;
   padding: 0;
   width: 100%;
   display: flex;
   flex-direction: column;
   gap: 8px;
 }

 .tour-package .name-info-inner {
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 10px;
   flex-wrap: wrap;
 }

 /* Location badge inside name-info-inner */
 .tour-package .info-bx {
   margin-bottom: 0;
   display: inline-flex;
   align-items: center;
   z-index: 1;
 }

 .tour-package .toure-info {
   display: inline-flex;
   align-items: center;
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .tour-package .info-bx ul {
   position: relative;
   padding-left: 16px;
   margin: 0;
   list-style: none;
 }

 .tour-package .info-bx ul::before {
   content: "";
   position: absolute;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
   width: 13px;
   height: 13px;
   background-color: var(--pri, #f16625);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
 }

 .tour-package .toure-info li {
   color: #475569;
   line-height: 1.2;
   font-weight: 600;
   font-size: 14px;
   letter-spacing: 0.2px;
   width: max-content;
 }

 /* Star rating inside name-info-inner */
 .tour-package .p_rw {
   display: inline-flex;
   align-items: center;
   gap: 2.5px;
 }

 .tour-package .p_rw .fa-star,
 .tour-package .p_rw .fa-star-half-o {
   color: #f59e0b;
   font-size: 13.5px;
 }

 .tour-package .p_rw .fa-star-o,
 .tour-package .p_rw .fa-star.empty,
 .tour-package .p_rw .fa-star.inactive {
   color: #cbd5e1;
   font-size: 13.5px;
 }

 .tour-package .p_rw .rating-text {
   font-size: 13.5px;
   color: #64748b;
   font-weight: 500;
   margin-left: 4px;
 }

 /* Package title: prominent, full-width, clean typography */
 .tour-package .tt {
   font-size: 20px;
   font-weight: 700;
   color: #0f172a;
   margin: 0;
   line-height: 1.35;
   font-family: inherit;
   transition: color 0.2s ease;
   display: -webkit-box;
   -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
   overflow: hidden;
 }

 .tour-package:hover .tt {
   color: var(--pri, #f16625);
 }

 /* Card Content Box */
 .tour-package .content-bx {
   padding: 16px 18px 14px;
   position: relative;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   background: #ffffff;
 }

 /* Pricing Row */
 .pkg-pricing-row {
   margin-top: 12px;
   padding: 12px 18px 14px;
   display: flex;
   justify-content: space-between;
   align-items: end;
   position: relative;
 }

 .pkg-pricing-row::before {
   content: "";
   width: 100%;
   height: 1px;
   background-image: repeating-linear-gradient(to right, #d7dae0 0, #d7dae0 10px, transparent 10px, transparent 15px);
   position: absolute;
   left: 0;
   top: 0;
   z-index: 1;
   pointer-events: none;
 }

 .pkg-price-col {
   display: flex;
   align-items: baseline;
   gap: 0px;
   flex-direction: column;
 }

 .pkg-prices {
   display: flex;
   align-items: baseline;
   gap: 8px;
   flex-wrap: wrap;
 }


 .fa-rupee {
   font-size: 18px;
   font-weight: 600;
 }

 .lpp {
   color: var(--pri, #f16625);
   font-size: 22px;
   font-weight: 700;
   line-height: 1.2;
   display: inline-flex;
   align-items: baseline;
   gap: 2px;
 }

 .lpp .fa-rupee {
   font-size: 18px;
   margin-right: 1px;
   font-weight: 700;
   position: static;
 }

 .dpp {
   font-size: 15px;
   color: var(--para-color);
   font-weight: 500;
   text-decoration: line-through;
   line-height: 1.2;
   display: inline-flex;
   align-items: baseline;
   gap: 1px;
 }

 .dpp .fa-rupee {
   font-size: 14px;
   font-weight: 400;
   position: static;
   margin-right: 1px;
 }

 .pkg-price-note {
   display: block;
   font-size: 11px;
   color: #64748b;
   font-weight: 500;
   line-height: 1.2;
   margin-top: 2px;
 }

 .destination-list {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 3px 10px;
   list-style: none;
   padding: 0;
   margin: 8px 0 0 0;
 }

 .destination-list li {
   font-size: 14px;
   color: #4b5563;
   font-weight: 500;
   line-height: 1.3;
   transition: all 0.2s ease;
   position: relative;
   padding-left: 15px;

 }


 .destination-list li::after {
   content: "";
   display: block;
   height: 12px;
   width: 12px;
   background-color: var(--pri);
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   left: 0;

   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");

   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M5 12l14 0'/%3E%3Cpath d='M15 16l4 -4'/%3E%3Cpath d='M15 8l4 4'/%3E%3C/svg%3E");

   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;

   -webkit-mask-size: contain;
   mask-size: contain;

   -webkit-mask-position: center;
   mask-position: center;
 }

 .destination-list li:first-child::after {
   content: none;
 }

 .destination-list li:first-child {
   padding-left: 0;
 }

 .destination-list li:hover {
   color: var(--pri, #e9712a);
   border-color: var(--pri, #e9712a);
   background: #fff;
 }

 .pkg-perks {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
   list-style: none;
   padding: 0;
   margin: 0;
   margin-top: 10px;
 }

 .pkg-perks li {
   display: inline-flex;
   align-items: center;
   gap: 4px;
   font-size: 12px;
   color: var(--text-color);
   font-weight: 500;
   line-height: 1.3;
 }

 .pkg-perks li i {
   display: inline-flex;
   align-items: center;
   justify-content: center;
 }

 .pkg-perks li i:before {
   content: "";
   display: inline-block;
   width: 14px;
   height: 14px;
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2316a34a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath stroke='none' d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 12a9 9 0 1 0 18 0a9 9 0 1 0 -18 0'/%3E%3Cpath d='M9 12l2 2l4 -4'/%3E%3C/svg%3E");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
 }

 .info-bx {
   margin-bottom: 0;
   display: flex;
   gap: 15px;
   z-index: 2;
 }

 /* Amenities (Inclusions) */
 .tavle-bx {
   /* padding: 7px; */
   position: relative;
   width: 100%;
   border-top: 0;
   /* background-color: var(--off-white); */
 }

 .tour-package .img-bx-inner {
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .tour-package .img-bx-inner img {
   width: 20px;
   height: 20px;
   object-fit: contain;
 }

 .tour-package .img-bx-inner.disabled {
   opacity: 0.4;
   cursor: not-allowed;
 }

 .i_title {
   font-size: 11px;
   margin-top: 3px;
   font-weight: 600;
 }

 /* Legacy tour-package2 */

 .tourPackageSlider .swiper-pagination {
   margin-top: 18px;
 }

 .tourPackageSlider-next.swiper-button-disabled,
 .tourPackageSlider-prev.swiper-button-disabled {
   opacity: 0.45;
   pointer-events: none;
 }

 .cta-btn {
   position: relative;
   overflow: hidden;
   background: linear-gradient(90deg, brown, var(--pri));
   border: none;
   color: var(--white);
   padding: 8px 10px;
   font-size: 15px;
   border-radius: 6px;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   gap: 6px;
 }

 .cta-btn::after {
   content: "";
   pointer-events: none;
   background: linear-gradient(90deg, #0000, #fff6, #0000);
   width: 30%;
   animation: 5s ease-in-out infinite btn-shine;
   position: absolute;
   top: 0;
   bottom: 0;
   left: -65%;
   transform: translate(0) skew(-18deg);
 }


 @keyframes btn-shine {
   0% {
     transform: translate(0) skew(-18deg);
   }

   26%,
   100% {
     transform: translate(667%) skew(-18deg);
   }
 }

 .toure-info {
   display: flex;
   flex-direction: column;
   list-style: none;
   gap: 1.5px;
   margin: 0;
   padding: 0;
 }

 .info-bx ul {
   position: relative;
   padding-left: 18px;
 }


 .info-bx ul::before {
   content: "";
   position: absolute;
   left: 0;
   top: 0px;
   width: 14px;
   height: 14px;
   background-color: var(--pri);
   -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
   mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6'/%3E%3C/svg%3E");
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: contain;
   mask-size: contain;
 }



 .toure-info li {
   color: var(--white);
   line-height: 1;
   font-weight: 600;
   font-size: 14px;
   width: max-content;
 }



 .overlays2 {
   position: absolute;

   width: min(570px, 32vw);
   inset: auto max(16px, calc((100vw - 1150px) / 2)) auto auto;
   z-index: 1000;
   display: flex;
   align-items: center;
   justify-content: center;
   padding: 0;
   background: transparent;
   opacity: 1;
   visibility: visible;
   pointer-events: auto;
   transform: translateY(-50%);
   top: 52%;
   right: 7%;
 }



 .overlays2.is-visible {
   opacity: 1;
 }

 .overlays2 .demo-wrap {
   position: relative;
   width: 100%;
   max-height: none;
   overflow: visible;
   transform: none;
 }

 .overlays2 .demo-wrap {
   scrollbar-width: none;
   /* Firefox */
   -ms-overflow-style: none;
   /* IE/Edge */
 }

 .overlays2 .demo-wrap::-webkit-scrollbar {
   width: 0;
   height: 0;
 }

 .overlays2.is-visible .demo-wrap {
   transform: none;
 }

 .overlays2 .popup-close {
   display: none;
 }




 .form {
   position: relative;
   max-width: 650px;
   margin: 0 auto;
   background: white;
   padding: 20px;
   z-index: 2;
   border-radius: 10px;
   box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
 }


 .modal {
   z-index: 100001 !important;
 }

 .modal-backdrop {
   z-index: 100000 !important;
 }

 .cta-btn2 {
   border-radius: 6px;
   width: 100%;
 }



 .img-trans {
   background-color: transparent;
   background-image: url("https://www.vascotravels.com/images/opt/blog-best-time-seasons-480.webp");
   z-index: 1;
   aspect-ratio: 16/8.5;
   display: flex;
   align-items: center;
 }


 .img-trans::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
   height: 100%;
   background: #00000070;
   pointer-events: none;
   z-index: -1;
 }

 .img-trans .tt,
 .img-trans p {
   color: var(--white);
 }

 .r-bx .tt {
   font-size: 17px;
   color: var(--text-color);
   font-weight: 400;
   font-family: var(--font3);
   text-transform: uppercase;
 }

 ul.hold-days {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   flex-wrap: wrap;
   gap: 5px;
   margin-top: 15px;
 }


 ul.hold-days li {
   font-size: 16px;
   font-weight: 400;
   padding: 4px 7px;
   padding-bottom: 6px;
   border: 1px solid rgba(0, 0, 0, 0.08);
   background-color: var(--white);
   border-radius: 4px;
   width: calc(50% - 2.5px);
 }





 .destination-bx .img-bx {
   aspect-ratio: 16/11.3;
   width: 100%;
   overflow: hidden;
 }

 .destination-bx .gallery-img-bx {
   display: block;
   position: relative;
   color: inherit;
 }

 .destination-bx::after {
   content: "";
   position: absolute;
   inset: 0;
   z-index: 1;
   background: linear-gradient(to top,
       rgba(0, 0, 0, 0.82) 0%,
       rgba(0, 0, 0, 0.52) 38%,
       rgba(0, 0, 0, 0.08) 78%,
       transparent 100%);
   pointer-events: none;
 }

 .destination-bx .img-bx img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1);
 }

 .destination-bx:hover img {
   transform: scale(1.1);
 }

 .destination-bx {
   position: relative;
   overflow: hidden;
   border-radius: 12px;
   z-index: 1;

 }


 .destination-bx .overlays {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   z-index: 2;
   pointer-events: none;
 }

 .destination-bx .badge {
   background-color: var(--black);
   color: var(--white);
   position: absolute;
   top: 10px;
   right: 10px;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 11px;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 4px;
   font-weight: 600;
   z-index: 3;
   box-shadow: 0px 0px 1px rgba(255, 255, 255, 0.5);
   border: 1px solid rgba(255, 255, 255, 0.2);
 }

 .destination-bx .overlays .tt {
   color: var(--white);
   font-size: 26px;
   font-weight: 600;
   font-family: var(--font3);
   margin-bottom: 7px;
 }

 .destination-bx .overlays .cont-bx {
   padding-inline: 25px;
   padding-bottom: 30px;
 }

 .destination-bx .overlays p {
   margin: 0;
   color: var(--white);
   line-height: 1.3;
 }


 .col-6>.destination-bx .cont-bx {
   padding-inline: 14px;
   padding-bottom: 20px;
 }

 .col-6>.destination-bx .cont-bx p {
   font-size: 14px;
 }

 .destination-bx.destination-bx2::after {
   background: rgb(0 0 0 / 58%);
 }

 .bg-black {
   background: #212529 !important;
 }


 .texti-bx {
   padding: 25px;
   position: relative;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   background-color: #fff;
   border-radius: 12px;
 }

 .texti-bx .img {
   width: 43px;
   height: 43px;
   border-radius: 100%;
   margin-bottom: 7px;
   background-color: var(--black);
   align-content: center;
   text-align: center;
   font-family: var(--font);
   font-weight: 600;
   text-transform: uppercase;
   color: var(--pri);
   font-size: 19px;
 }

 .texti-bx .name {
   color: var(--text-color);
   margin-bottom: 8px;
   font-weight: 600;
   display: flex;
   gap: 6px;
 }

 .texti-bx .name span {
   display: block;
   color: var(--pri);
   font-size: 0.95em;
   font-weight: 400;
 }

 .texti-bx p {
   color: rgba(0, 0, 0, 0.8);
   margin-bottom: 0;
   line-height: 1.5;
   flex-grow: 1;
 }

 .texti-bx .star-rating {
   display: flex;
   gap: 3px;
   position: absolute;
   top: 30px;
   right: 20px;
 }

 .texti-bx .star-rating svg {
   width: 16px;
   height: 16px;
 }

 .rating {
   display: flex;
   gap: 0;
   user-select: none;
 }

 .rating .star {
   width: 30px;
   height: 30px;
   cursor: pointer;
   position: relative;
   display: inline-block;
 }

 .rating .star i {
   position: absolute;
   inset: 0;
   font-style: normal;
 }

 .rating .star i::before {
   content: "★";
   position: absolute;
   inset: 0;
   color: #d9d9d9;
   font-size: 30px;
   line-height: 30px;
 }

 .rating .star i::after {
   content: "★";
   position: absolute;
   inset: 0;
   color: #ffc107;
   font-size: 30px;
   line-height: 30px;
   width: var(--w, 0%);
   overflow: hidden;
 }


 .jsmarquee-slider .swiper-wrapper,
 .jsmarquee-slider2 .swiper-wrapper {
   transition-timing-function: linear !important;
 }


 .all-swiper-wrapper {
   position: relative;
 }

 .all-swiper-wrapper .swiper-wrapper {
   display: flex;
   align-items: stretch;
 }

 .all-swiper-wrapper .swiper-slide {
   height: auto !important;
   display: flex;
 }

 .all-swiper-wrapper .texti-bx {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
 }



 .all-swiper-wrapper::before {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   width: 120px;
   background: linear-gradient(to right, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0));
   pointer-events: none;
   z-index: 2;
 }

 .all-swiper-wrapper::after {
   content: "";
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   width: 120px;
   background: linear-gradient(to left, rgba(33, 37, 41, 1), rgba(33, 37, 41, 0));
   pointer-events: none;
   z-index: 2;
 }


 .revire-bx {
   background-color: #fff;
 }

 .revire-bx .icon-bx svg {
   height: 32px;
   width: 32px;
 }

 .review-bxs {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-wrap: wrap;
   gap: 15px;

 }


 .review-bxs .revire-bx {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   border-radius: 5px;
   padding: 12px 15px;
   gap: 5px;
   transition: all .2s ease-in-out;
   box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2)
 }

 .review-bxs .revire-bx:nth-child(2) {
   background-color: #9fe0bf;
 }

 .review-bxs .revire-bx:nth-child(3) {
   background-color: #819fc5;
 }

 .review-bxs .revire-bx:nth-child(3) .icon-bx svg {
   color: var(--text-color);
 }

 .review-bxs .revire-bx:hover {
   transform: translateY(-5px);
 }

 .review-bxs .revire-bx .tt {
   font-weight: 600;
   display: flex;
   align-items: center;
   gap: 3px;

 }

 .review-bxs .revire-bx .tt svg {
   stroke-width: 2;
 }


 .bg-greadient2 {
   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Ccircle cx='11' cy='11' r='1.2' fill='%230f3a5f' fill-opacity='0.14'/%3E%3C/svg%3E");
   background-size: 22px 22px;
   background-repeat: repeat;
   background-attachment: fixed;

 }


 .activity-swiper-wrapper {
   position: relative;
 }

 .activitySwiper .swiper-wrapper {
   display: flex;
   align-items: stretch;
 }

 .activitySwiper .swiper-slide {
   height: auto !important;
   display: flex;
   flex-direction: column;
   position: relative;
   padding-top: 28px;
 }

 .activity-bx {
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   background: var(--white);
   border-radius: 14px;
   border: 1px solid rgba(24, 59, 86, 0.08);
   box-shadow: 0 4px 18px rgba(0, 0, 0, 0.04);
   overflow: hidden;
   position: relative;
   transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;

 }



 .activity-bx .img-bx {
   aspect-ratio: 1/.9;
   width: 100%;
   overflow: hidden;
   position: relative;
   flex-shrink: 0;
 }

 .activity-bx .img-bx img {
   height: 100%;
   width: 100%;
   object-fit: cover;
   transition: transform 0.5s ease;
 }

 .activity-bx:hover .img-bx img {
   transform: scale(1.06);
 }

 .activity-bx .img-bx .overlays {
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   text-align: center;
   color: var(--pri);
   font-size: 18px;
   font-weight: 600;
   padding-bottom: 2px;
   z-index: 3;
 }

 .activity-bx .img-bx .overlays::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   width: 35%;
   height: 1.5px;
   background: linear-gradient(90deg, transparent, var(--pri), transparent);
   pointer-events: none;
   transition: width 0.3s ease;
 }

 .activity-bx:hover .img-bx .overlays::after {
   width: 50%;
 }

 .activity-bx .img-bx::after {
   content: "";
   position: absolute;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 40%;
   background: linear-gradient(to top,
       rgba(244, 244, 244, 1) 0%,
       rgba(244, 244, 244, 0.98) 20%,
       rgba(244, 244, 244, 0.85) 40%,
       rgba(244, 244, 244, 0.6) 60%,
       rgba(244, 244, 244, 0.3) 80%,
       rgba(244, 244, 244, 0) 100%);
   pointer-events: none;
   z-index: 1;
 }

 .activity-bx .cont-bx {
   background-color: var(--off-white);
   padding: 16px 14px;
   padding-top: 10px;
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
 }

 .activity-bx .cont-bx p {
   text-align: center;
   margin: 0;
   line-height: 1.5;
   font-size: 13.5px;
   font-weight: 500;
   color: var(--para-color);
 }

 .activity-swiper-wrapper .swiper-button-next,
 .activity-swiper-wrapper .swiper-button-prev {
   color: #21252a;
   background: #fff;
   width: 40px;
   height: 40px;
   border-radius: 50%;
   box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
   border: 1px solid var(--border-color);
   top: 50%;
   transform: translateY(-50%);
   transition: all 0.3s ease;
 }

 .activity-swiper-wrapper .swiper-button-next:hover,
 .activity-swiper-wrapper .swiper-button-prev:hover {
   background: var(--pri);
   color: var(--white);
   border-color: var(--pri);
 }

 .activity-swiper-wrapper .swiper-button-next::after,
 .activity-swiper-wrapper .swiper-button-prev::after {
   font-size: 15px;
 }

 .activity-swiper-wrapper .swiper-pagination-bullet {
   transition: all 0.3s ease;
 }

 .activity-swiper-wrapper .swiper-pagination-bullet-active {
   background: var(--pri);
   width: 22px;
   border-radius: 4px;
 }

 .activity-swiper-wrapper .swiper-pagination {
   margin-top: 20px;
 }


 .mod-para {
   text-align: center;
   font-size: 12px;
   margin: 0;
   margin-top: 5px;
   line-height: 1.3;
 }

 .bottm-sticky-btns {
   display: none;
 }



 .main-top-bx {
   max-width: 980px;
   margin: 0 auto;
   overflow: hidden;
 }






 .main-top-bx .head-sec .sub-tt {
   margin-bottom: 6px;
 }

 .main-top-bx .head-sec .tt {
   margin-bottom: 6px;
 }

 .main-top-bx .head-sec p {
   margin: 0;
   font-size: 16px;
   line-height: 1.5;
 }


 /* =========================================
   CAPABILITY ROW
========================================= */

 .banner-bottom-bx>.row {
   margin: 0;
 }


 /* =========================================
   CAPABILITY ITEM
========================================= */

 .capi-bx {
   /* min-height: 135px; */
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;

   text-align: center;

   position: relative;
 }


 /* vertical gradient divider */

 .capi-bx::after {
   content: "";
   position: absolute;

   right: 0;
   top: 50%;
   transform: translateY(-50%);

   width: 1px;
   height: 100%;

   background: linear-gradient(180deg,
       transparent 0%,
       #f2a03c8c 30%,
       #e2664a80 50%,
       #f2a03c8c 70%,
       transparent 100%);
 }


 /* =========================================
   ICON
========================================= */

 .capi-bx .icon-bx {
   width: 50px;
   height: 50px;

   margin-bottom: 10px;

   display: flex;
   align-items: center;
   justify-content: center;

   border: none;
   border-radius: 14px;

   background-color: #eac978;
   color: #1d4e5f;

   flex-shrink: 0;
   display: none;
 }

 .capi-bx .icon-bx svg {
   width: 26px;
   height: 26px;
   stroke-width: 2px;
 }


 /* =========================================
   NUMBER
========================================= */

 .capi-bx .tt {
   margin-bottom: 3px;

   font-size: 34px;
   line-height: 1;

   color: var(--third);
   font-family: var(--font3);
   font-weight: 600;
 }


 /* =========================================
   DESCRIPTION
========================================= */

 .capi-bx p {
   margin: 0;

   color: #4b5563;

   font-size: 15px;
   line-height: 1.35;
   font-weight: 600;

   text-align: center;
 }


 /* =========================================
   DIFFERENT ICON COLORS
========================================= */

 .row .col:nth-child(4n + 1) .capi-bx .icon-bx {
   background-color: #eac978;
   color: #1d4e5f;
 }

 .row .col:nth-child(4n + 2) .capi-bx .icon-bx {
   background-color: #a9d6ba;
   color: #1d4e5f;
 }

 .row .col:nth-child(4n + 3) .capi-bx .icon-bx {
   background-color: #c3c2ea;
   color: #1d4e5f;
 }

 .row .col:nth-child(4n + 4) .capi-bx .icon-bx {
   background-color: #f3b79c;
   color: #1d4e5f;
 }


 /* =========================================
   SOCIAL SECTION
========================================= */

 .bottom-social {
   width: 100%;
 }

 .social {
   display: flex;
   align-items: center;
   justify-content: center;

   gap: 14px;

   list-style: none;
   padding: 15px 25px;
   padding-bottom: 0;
   margin: 0;
   margin-top: 35px;

   flex-wrap: wrap;

   border-top: 1px solid transparent;

   border-image: linear-gradient(90deg,
       transparent,
       #f2a03c8c 30%,
       #e2664a80 50%,
       #f2a03c8c 70%,
       transparent) 1;
 }


 /* =========================================
   SOCIAL ITEMS
========================================= */

 .social li {
   position: relative;
   margin-right: 20px;

   display: flex;
   align-items: center;
 }


 /* FIND US ON */

 .social li:first-child {
   margin-right: 8px;
 }

 .social li:first-child span {
   font-size: 13px;
   font-weight: 600;
   color: #4b5563;

   text-transform: uppercase;
   white-space: nowrap;
 }


 /* SOCIAL LINK */

 .social li>div,
 .social li a {
   display: flex;
   align-items: center;

   gap: 5px;

   text-decoration: none;
 }

 .social li>div .icon-bx,
 .social li a .icon-bx {
   width: 32px;
   height: 32px;

   display: flex;
   align-items: center;
   justify-content: center;

   flex-shrink: 0;
 }

 .social li a .icon-bx svg {
   width: 32px;
   height: 32px;
 }

 .social li a span {
   color: #6b7280;

   font-size: 14px;
   line-height: 1;

   font-weight: 500;

   text-transform: capitalize;
 }




 .social li:not(:first-child):not(:last-child)::after {
   content: "";

   position: absolute;

   width: 7px;
   height: 7px;

   right: -16px;
   top: 50%;

   background-color: var(--pri);

   transform: translateY(-50%) rotate(45deg);
 }




 @media (min-width: 992px) {

   .banner-bottom-bx>.row>.col:last-child .capi-bx::after {
     display: none;
   }

 }


 /* =========================================
   TABLET - 3 COLUMNS
========================================= */

 @media (min-width: 768px) and (max-width: 991px) {

   /* 3rd column in each row has no divider */
   .banner-bottom-bx>.row>.col:nth-child(3n) .capi-bx::after {
     display: none;
   }

   /* last row single item adjustment */
   .banner-bottom-bx>.row>.col:last-child .capi-bx::after {
     display: none;
   }

 }




 @media (max-width: 767px) {



   .banner-bottom-bx .head-sec {
     margin-bottom: 22px;
   }

   .main-top-bx .head-sec .tt {
     font-size: 28px;
     line-height: 1.15;
   }

   .main-top-bx .head-sec p {
     font-size: 14px;
   }

   .capi-bx {
     min-height: 110px;
   }

   /* 2nd column has no divider */
   .banner-bottom-bx>.row>.col:nth-child(2n) .capi-bx::after {
     display: none;
   }

   .capi-bx .icon-bx {
     width: 46px;
     height: 46px;
     border-radius: 12px;
   }

   .capi-bx .icon-bx svg {
     width: 24px;
     height: 24px;
   }

   .capi-bx .tt {
     font-size: 27px;
   }

   .capi-bx p {
     font-size: 13px;
   }

   .social {
     gap: 10px 14px;
     padding: 12px 12px;
   }

 }


 /* =========================================
   SMALL MOBILE
========================================= */

 @media (max-width: 480px) {

   .banner-bottom-bx {
     padding-left: 10px;
     padding-right: 10px;
   }

   .main-top-bx .head-sec .tt {
     font-size: 23px;
   }

   .main-top-bx .head-sec p {
     font-size: 14px;
   }

   .capi-bx {
     min-height: 80px;
   }

   .capi-bx p {
     font-size: 13px;
   }

   .social {
     gap: 7px 12px;
   }

   .social li {
     margin-right: 16px;
   }

   .social li a span {
     font-size: 15px;
   }

   .social li a .icon-bx,
   .social li a .icon-bx svg {
     width: 25px;
     height: 25px;
   }



 }


 .section-wave {


   width: 100%;
   height: 90px;

   z-index: 3;
   line-height: 0;

   pointer-events: none;
 }

 .section-wave svg {
   display: block;
   width: 100%;
   height: 100%;
   transform: rotate(180deg);
 }

 .section-wave path {
   fill: #212529;
 }

 .section-wave2 svg {
   transform: rotate(0);
 }

 .kiomio-sec2 {
   padding: 25px 0;
 }


 .bg-pri-soft {
   background-color: #fde6dc;
 }


 .icon-overlays {
   background: var(--white);
   height: 52px;
   width: 52px;
   display: flex;
   align-items: center;
   justify-content: center;
   box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.12);
   border: 3px solid var(--white);
   border-radius: 50%;
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   top: -1px;
   z-index: 5;
   overflow: hidden;
   transition: transform 0.35s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.35s ease;
 }

 .icon-overlays img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 50%;
   display: block;
   transition: transform 0.4s ease;
 }


 .icon-overlays svg {
   height: 22px;
   width: 22px;
   color: var(--third);
   transition: transform 0.3s ease;
 }



 @media (max-width: 575.98px) {
   .icon-overlays {
     height: 46px;
     width: 46px;
   }
 }


 .activitySwiper .swiper-wrapper .swiper-slide:nth-child(3n + 2) .icon-overlays {
   background: #9fe0bf;
 }

 /* 3rd, 6th, 9th, 12th... */
 .activitySwiper .swiper-wrapper .swiper-slide:nth-child(3n + 3) .icon-overlays {
   background: #e8bfd0;
 }


 .section-wave3 svg {
   transform: rotate(0deg);
 }

 .section-wave3 path {
   fill: var(--third);
 }


 .section-wave4 svg {
   transform: rotate(0deg);
 }

 .section-wave4 path {
   fill: var(--white);
 }


 .section-wave5 svg {
   transform: rotate(0deg);
 }

 .section-wave5 path {
   fill: var(--off-white);
 }

 .section-wave6 svg {
   transform: rotate(0deg);
 }

 .section-wave6 path {
   fill: var(--third);
 }

 .section-wave7 svg {
   transform: rotate(0deg);
 }

 .section-wave7 path {
   fill: var(--third);
 }

 .section-wave8 svg {
   transform: rotate(0deg);
 }

 .section-wave8 path {
   fill: var(--off-white);
 }

 .bg-third {
   position: relative;
   background-color: var(--third);

 }


 .main-enq {
   padding: 25px;
   border-radius: 10px;
   background-color: rgba(255, 255, 255, 0.15);
   border: 1px solid rgba(255, 255, 255, 0.15);
 }

 .enq-bx {
   width: 100%;
   border: 1px solid rgba(255, 255, 255, 0.1);
   border-radius: 4px;
   display: flex;
   align-items: center;
   justify-content: start;
   gap: 7px;
   padding: 7px;
 }


 .enq-bx .tt {
   color: var(--white);
   font-size: 14px;
   font-weight: 500;
 }

 .enq-bx .icon-bx {
   height: 35px;
   width: 35px;
   background-color: rgba(255, 255, 255, 0.3);
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 4px;
   flex-shrink: 0;
 }


 .enq-bx .icon-bx svg {
   height: 21px;
   width: 21px;
   color: var(--white);
   stroke-width: 2;
 }


 .enq-bxs {
   padding-bottom: 25px;
   border-bottom: 1px solid transparent;
   border-image: linear-gradient(90deg, transparent, #f2a03c8c 30%, #e2664a80 50%, #f2a03c8c 70%, transparent) 1;
   margin-bottom: 13px;
 }


 .main-enq .sm-tt {
   font-size: 18px;
   font-weight: 500;
   color: var(--white);
   padding-left: 10px;
   border-left: 3px solid var(--pri);
   margin-bottom: 10px;
 }

 .process-bx .icon-bx {
   height: 35px;
   width: 35px;
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: center;
   border: 1px solid rgba(255, 255, 255, 0.44);
   border-radius: 50%;
   color: var(--white);
   position: relative;
   z-index: 2;
   background-color: var(--third);
 }


 .process-bx .icon-bx svg {
   height: 19px;
   width: 19px;
 }


 .process-bx .tt {
   color: var(--white);
   font-weight: 400;
   font-size: 16px;
 }

 .process-bx .tt span {
   color: var(--pri);
   padding-right: 5px;
   font-weight: 600;
 }

 .process-bx p {
   color: rgba(255, 255, 255, 0.8);
   margin: 0;
   line-height: 1.3;
   font-size: 13.5px;
 }


 .process-bx {
   display: flex;
   align-items: start;
   gap: 10px;
 }


 .main-process-bx {
   display: flex;
   flex-direction: column;
   align-items: start;
   gap: 15px;
   margin-top: 10px;
   position: relative;
 }

 .main-process-bx::after {
   content: "";
   position: absolute;
   height: 90%;
   width: 1px;
   border-left: 1px dotted rgba(255, 255, 255, 0.6);
   top: 0;
   left: 17.5px;
   z-index: 1;
 }

 .main-enq .head-sec .tt {
   font-size: 30px;
 }

 .main-enq {
   position: relative;
   overflow: hidden;
   z-index: 0;
 }

 .main-enq::before {
   content: "";
   position: absolute;
   bottom: -140px;
   right: -140px;
   width: 380px;
   height: 380px;
   background-image: repeating-radial-gradient(circle,
       rgba(255, 255, 255, 0.07) 0px,
       rgba(255, 255, 255, 0.07) 1px,
       transparent 1px,
       transparent 26px);
   border-radius: 50%;
   z-index: -1;
   pointer-events: none;
   animation: slowSpin 60s linear infinite;
 }

 @keyframes slowSpin {
   from {
     transform: rotate(0deg);
   }

   to {
     transform: rotate(360deg);
   }
 }

 .main-enq>* {
   position: relative;
   z-index: 1;
 }




 .read-toggle-wrap {
   display: inline-flex;
   gap: 12px;

 }

 .read-toggle {
   cursor: pointer;
   font-weight: 600;
 }

 .left-content-bx {
   max-width: 500px;
   float: right;
   margin-left: 25px;
   margin-bottom: 20px;
 }


 .ft-bx ul.social {
   border: none;
   gap: 11px;
 }

 .ft-bx ul.social .icon-bx {
   height: 39px;
   width: 40px;
   border-radius: 4px;
   background-color: var(--white);
 }

 .w-btn {
   background-color: #2cdd6b !important;
   border-color: #2cdd6b !important;
   color: var(--white);
   background-image: unset !important;
 }

 .w-btn span {
   color: #2cdd6b;
   background-color: var(--white);
 }

 .btn-bx {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 10px;
 }

 .footer-top {
   padding-bottom: 30px;
   border-bottom: 1px solid transparent;
   border-image: linear-gradient(90deg, transparent, #f2a03c8c 30%, #e2664a80 50%, #f2a03c8c 70%, transparent) 1;
   margin-bottom: 40px;
 }


 .home-banner .content-sec ul li {
   color: var(--white);
   font-size: 15px;
   animation: slideUpFade 0.5s ease forwards;
   margin-bottom: 1px;
 }

 .home-banner .content-sec ul {
   margin-top: 17px;
 }


 .demo-card .cta-btn {
   padding: 8px 16px;
 }

 ul.enq-list {
   margin: 0;
   padding: 0;
   list-style: none;
   display: flex;
   align-items: center;
   gap: 17px;
   margin-top: 10px;
 }


 ul.enq-list li {
   display: flex;
   gap: 5px;
   font-weight: 300;
   color: rgba(255, 255, 255, 0.76);
   font-size: 12px;
 }

 ul.enq-list li svg {
   height: 13px;
   width: 13px;

   stroke-width: 2;
 }

 ul.enq-list li:nth-child(1) svg {
   color: #f2a03c;
 }

 ul.enq-list li:nth-child(2) svg {
   color: #66c0a8;
 }

 ul.enq-list li:nth-child(3) svg {
   color: #a9cfe0;
 }


 /* ===================================================
   Reviews Rating Card & Traveller Gallery Swiper
=================================================== */

 .reviews-summary-card {
   background: #ffffff;
   border-radius: 16px;
   padding: 24px 28px;
   color: #1a1a1a;
   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
 }

 .reviews-heading {
   font-size: 22px;
   font-weight: 700;
   color: #111827;
   letter-spacing: -0.3px;
 }

 .reviews-badge-circle {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
 }

 .reviews-stars-arc {
   display: flex;
   gap: 3px;
   color: #00aa6c;
   font-size: 22px;
   line-height: 1;
   margin-bottom: 6px;
 }

 .reviews-score-num {
   font-size: 52px;
   font-weight: 800;
   color: #00aa6c;
   line-height: 1;
   letter-spacing: -1px;
 }

 .reviews-country-link {
   color: #00aa6c;
   font-size: 14px;
   font-weight: 600;
   text-decoration: underline;
   text-underline-offset: 3px;
   transition: opacity 0.2s ease;
 }

 .reviews-country-link:hover {
   color: #008755;
   text-decoration: underline;
 }

 .border-end-md {
   border-right: 1px solid #e5e7eb;
 }

 @media (max-width: 767.98px) {
   .border-end-md {
     border-right: none;
     border-bottom: 1px solid #e5e7eb;
     padding-bottom: 20px;
   }
 }

 .reviews-bars-list {
   display: flex;
   flex-direction: column;
   gap: 10px;
   max-width: 580px;
 }

 .reviews-bar-row {
   display: flex;
   align-items: center;
   gap: 14px;
   font-size: 14px;
 }

 .reviews-bar-row .star-label {
   width: 32px;
   display: flex;
   align-items: center;
   gap: 4px;
   font-weight: 600;
   color: #374151;
 }

 .reviews-bar-row .star-sym {
   color: #f59e0b;
   font-size: 13px;
 }

 .reviews-bar-row .bar-track {
   flex: 1;
   height: 8px;
   background-color: #e5e7eb;
   border-radius: 999px;
   overflow: hidden;
   position: relative;
 }

 .reviews-bar-row .bar-fill {
   height: 100%;
   background-color: #f57212;
   border-radius: 999px;
   transition: width 1s ease-in-out;
 }

 .reviews-bar-row .bar-count {
   width: 48px;
   text-align: right;
   font-size: 13.5px;
   font-weight: 600;
   color: #6b7280;
 }

 /* Gallery Section */
 .gall-bx {
   margin-top: 50px;
   overflow: hidden;
 }

 .gallery-nav-btn {
   width: 44px;
   height: 44px;
   border-radius: 50%;
   background: rgba(255, 255, 255, 0.12);
   border: 1px solid rgba(255, 255, 255, 0.22);
   color: #ffffff;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   cursor: pointer;
   transition: all 0.25s ease;
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
 }

 .gallery-nav-btn:hover {
   background: #ffffff;
   color: #111827;
   transform: translateY(-2px);
   box-shadow: 0 6px 18px rgba(0, 0, 0, 0.35);
 }

 .gallery-nav-btn.swiper-button-disabled {
   opacity: 0.35;
   cursor: not-allowed;
   transform: none;
 }

 /* Swiper Container */
 .travellerGallerySwiper {
   width: 100%;
   height: 420px;
   overflow: visible;
   padding: 4px 0 14px 0;
 }

 .travellerGallerySwiper .swiper-slide {
   height: 100%;
 }

 /* Slide Widths */
 .gallery-slide-featured {
   width: 580px;
 }

 .gallery-slide-dual {
   width: 275px;
   display: flex;
   flex-direction: column;
   gap: 12px;
 }

 /* Gallery Card Links */
 .gallery-card {
   position: relative;
   display: block;
   width: 100%;
   height: 100%;
   border-radius: 16px;
   overflow: hidden;
   background-color: #1a1e24;
   cursor: pointer;
   text-decoration: none;
 }

 .gallery-card.dual-card {
   flex: 1;
   height: calc(50% - 6px);
   border-radius: 14px;
 }

 .gallery-main-img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   transition: transform 0.65s cubic-bezier(0.2, 0.8, 0.2, 1);
   display: block;
 }

 .gallery-card:hover .gallery-main-img {
   transform: scale(1.06);
 }

 /* Vignette Overlay on Featured */
 .gallery-overlay {
   position: absolute;
   inset: 0;
   background: linear-gradient(180deg, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.75) 100%);
   pointer-events: none;
 }

 /* View All (51) Badge */
 .gallery-badge-viewall {
   position: absolute;
   bottom: 18px;
   left: 18px;
   background: rgba(15, 23, 42, 0.65);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   border: 1px solid rgba(255, 255, 255, 0.3);
   color: #ffffff;
   border-radius: 8px;
   padding: 8px 16px;
   font-size: 13.5px;
   font-weight: 600;
   display: inline-flex;
   align-items: center;
   gap: 8px;
   cursor: pointer;
   z-index: 2;
   transition: all 0.3s ease;
   box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
 }

 .gallery-card:hover .gallery-badge-viewall {
   background: rgba(0, 0, 0, 0.88);
   border-color: rgba(255, 255, 255, 0.6);
   transform: translateY(-2px);
 }

 .gallery-slide-caption {
   position: absolute;
   bottom: 16px;
   left: 16px;
   z-index: 2;
 }

 .caption-pill {
   background: rgba(15, 23, 42, 0.7);
   backdrop-filter: blur(8px);
   -webkit-backdrop-filter: blur(8px);
   color: #ffffff;
   border: 1px solid rgba(255, 255, 255, 0.25);
   border-radius: 6px;
   padding: 6px 12px;
   font-size: 12.5px;
   font-weight: 500;
 }

 /* Hover Icon on Dual Cards */
 .gallery-hover-icon {
   position: absolute;
   inset: 0;
   background: rgba(0, 0, 0, 0.35);
   display: flex;
   align-items: center;
   justify-content: center;
   opacity: 0;
   transition: opacity 0.3s ease;
   color: #ffffff;
 }

 .gallery-card:hover .gallery-hover-icon {
   opacity: 1;
 }

 .gallery-hover-icon svg {
   background: rgba(0, 0, 0, 0.65);
   border-radius: 50%;
   padding: 7px;
   width: 36px;
   height: 36px;
   border: 1px solid rgba(255, 255, 255, 0.4);
   transform: scale(0.85);
   transition: transform 0.25s ease;
 }

 .gallery-card:hover .gallery-hover-icon svg {
   transform: scale(1);
 }

 /* Responsiveness */
 @media (max-width: 991.98px) {
   .travellerGallerySwiper {
     height: 340px;
   }

   .gallery-slide-featured {
     width: 460px;
   }

   .gallery-slide-dual {
     width: 230px;
   }
 }

 @media (max-width: 767.98px) {
   .travellerGallerySwiper {
     height: 290px;
   }

   .gallery-slide-featured {
     width: 82vw;
     max-width: 320px;
   }

   .gallery-slide-dual {
     width: 52vw;
     max-width: 200px;
     gap: 8px;
   }

   .gallery-card.dual-card {
     height: calc(50% - 4px);
     border-radius: 10px;
   }

   .gallery-card {
     border-radius: 12px;
   }

   .gallery-badge-viewall {
     bottom: 12px;
     left: 12px;
     padding: 6px 12px;
     font-size: 12px;
   }
 }



 section {
   scroll-margin-top: 99px;
 }


 .bottm-sticky-btns {
   display: none;
 }

  

 .nl-narrow {
   display: none !important;
 }


 .home-banner .main-btn {
   background-color: transparent;
   background-image: linear-gradient(118deg, #f79421 17%, #f06726 54%, #dc2d4d 95%);
 }


 .why-us-swiper .swiper-wrapper {
   display: flex;
   align-items: stretch;
 }

 .why-us-swiper .swiper-slide {
   height: auto !important;
   display: flex;
 }

 .why-us-bx {
   border: 1px solid var(--border-color);
   border-radius: 15px;
   padding: 16px;
   background-color: var(--off-white);
   width: 100%;
   height: 100%;
   display: flex;
   flex-direction: column;
   transition: 0.3s ease-in-out;
 }

 .why-us-bx:hover {
   background-color: white;
   box-shadow: 0 16px 56px rgb(0 45 82 / 13%);
   border-color: transparent;
 }

 .why-us-bx .icon-bx {
   width: 40px;
   height: 40px;
   border-radius: 8px;
   align-content: center;
   text-align: center;
   color: white;
   margin-bottom: 6px;
   display: flex;
   align-items: center;
   justify-content: start;
 }

 .why-us-bx .icon-bx svg {
   width: 26px;
   height: 26px;
 }

 .why-us-bx .icon-bx img {
   width: 26px;
   height: 26px;
 }

 .why-us-bx .icon-bx img {
   height: 25px;
   width: 25px;
 }

 .why-us-bx .tt {
   font-size: 19px;
   font-weight: 600;
   margin-bottom: 5px;
   color: var(--text-color);
 }

 .why-us-bx p {
   margin-bottom: 0;
   font-size: 15px;
   line-height: 1.5;
   flex-grow: 1;
 }

 .why-us-swiper .swiper-button-next,
 .why-us-swiper .swiper-button-prev {
   width: 34px;
   height: 34px;
   background: #fff;
   border: 1px solid #e5e5e5;
   border-radius: 50%;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
   top: 45%;
 }

 .why-us-swiper .swiper-button-next:after,
 .why-us-swiper .swiper-button-prev:after {
   font-size: 10px;
   color: #333;
   font-weight: 700;
 }

 .why-us-swiper .swiper-button-next,
 .why-us-swiper .swiper-button-prev {
   display: flex;
 }


 @media (min-width: 992px) {

   .why-us-swiper .swiper-button-next,
   .why-us-swiper .swiper-button-prev {
     display: none !important;
   }
 }

 .destination-bx2 p {
   font-size: 13px;
 }

 .destination-bx2 .overlays .cont-bx {
   padding-bottom: 18px;
 }

 .con-bx .img-bx {
   aspect-ratio: 16/9;
   background-color: var(--white);
   border-radius: 4px;
   overflow: hidden;
   height: 37px;
   padding: 3px;
 }

 .con-bx .img-bx img {
   height: 100%;
   object-fit: contain;
   width: 100%;
   display: block;
   border-radius: 4px;
 }

 .form-heading {
   font-size: 23px;
   text-align: start;
   font-weight: 600;
   line-height: 1.1;
 }



 .swiper-button-next.swiper-button-disabled,
 .swiper-button-prev.swiper-button-disabled {
   opacity: 0 !important;
 }

 

/* Itinerary Badges */
.itinerary-heading {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.itinerary-heading .itin-badge {
  background: #ebf5ee;
  color: #1e7e34;
  border: 1px solid #c3e6cb;
  font-size: 11.5px;
  font-weight: 700;
  padding: 2px 10px;
  border-radius: 12px;
  text-transform: uppercase;
  letter-spacing: 0.3px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.itinerary-heading .itin-badge img {
  width: 12px;
  height: 12px;
}