@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bpmf+Iansui&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

@font-face {
    font-family: 'AmsterdamOne';
    src: url('../amsterdam-one/AmsterdamOne-eZ12l.ttf');}



:root {
    --primary: #093499;
    --primary-dark: #D11470;
    --primary-light: #fdc1d8;
    --primary-gradiant: ;
    --secondry: #82BB84;
    --secondry-dark: #619f63;
    --secondry-light: #b9e9bb;
    --second-primary-light: #c1d0ed;
    --light-green: #45c73e;
    --dark-green: #21831b;
    --color-black: #000;
    --color-white: #fff;
    --light-gray: #c6c6c6;
    --text-gray: #828282;
    --bg-light: #f7f7f7;
    --gray: #e0e0e0;
    --how-bg-1: #f7f7f7;
    --how-bg-2: #efefef;
    --how-bg-3: #e8e8e8;
    --how-bg-4: #e1e1e1;
    --how-bg-5: #dadada;
    --font-main: "Poppins", sans-serif;
    --font-sub: "Poppins", sans-serif;
    --font-sec: "AmsterdamOne", sans-serif;
}



* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


body,
p,
span,
li,
td,
th {
    font-family: var(--font-sub);
    font-weight: 400;
    color: var(--color-black);


}

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

}

button,
a {
    font-family: var(--font-main) !important;
    font-weight: 500;
}

body {
    line-height: 1.7 !important;
}


.navbar-brand h2{
    font-family: var(--font-sec);
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
}

.header {
    position: absolute;
    top: 0;
    z-index: 99999;
    width: 100%;
}

.top-header {
    background: rgba(255, 255, 255, 0.14);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

/* .header nav {
    background: rgb(255 255 255 / 24%);
    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
} */

.nav-logo img {
    width: 80px;
}
.nav-logo h2{
    /* color: var(--primary); */
        color: #ef9b1e;
    font-size: 22px;
    padding: 10px 0;
    font-weight: 500;
}

.top-header-left ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.top-header-left ul li a {
    font-size: 18px;
    color: #fff;
}

.navbar-menu-list li a {
    color: var(--color-white);
    font-size: 16px;
    font-weight: 500;
}

.navbar-menu-list li a:hover {
    color: var(--primary);
}

.navbar-menu-list li {
    margin-left: 15px;
}

.top-header-right ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: flex-end;
    align-items: center;

}

.top-header-right ul li {
    margin-left: 15px;
}

.top-header-right ul li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    color: #f6f6f6;
    font-size: 15px;
}

.top-header-right ul li a i {
    color: var(--primary);
}

.home-baner-section {
    height: 100vh;
    width: 100%;
    position: relative;
    /* z-index: 55; */
}
.baner-main-carousel img,.baner-img img{
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

.home-baner-section video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-baner-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #00000056;
    z-index: 2;
}


.baner-main-img {
    height: 100vh;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}



.baner-caption-card {
    justify-content: center;
    align-items: center;
    gap: 12px;
    padding: 20px;
}

.baner-caption-card h1 {
    font-size: 60px;
    color: var(--color-white);
    line-height: 70px;
    font-weight: 500;
    text-align: center;
    font-family: var(--font-sec);

}

.baner-caption-card p {
    font-size: 20px;
    color: var(--color-white);
}

.baner-caption-card h3 {
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
    font-family: var(--font-sub);
    text-align: center;
}

.baner-animate-box {
    display: flex;
    justify-content: center;
    align-items: center;
}

.baner-animate-box h3 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--font-main);
    margin: 0;
    color: var(--color-white);
}

.slider-animation {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.section-padding {
    padding: 30px 0;
}

.baner-main-carousel .owl-nav {
    position: absolute;
    right: 0;
    top: 40%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    flex-direction: column;
   
    padding-bottom: 50px;
    padding-right: 50px;
    gap: 15px;
}

.baner-main-carousel .owl-nav button {

    width: 60px !important;
    height: 60px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50% !important;
    border: 1px solid #fff !important;
    color: #fff !important;
    position: relative;
    z-index: 50000;
}

.baner-main-carousel .owl-nav button span {
    font-size: 35px !important;
    color: var(--color-white) !important;
    padding-bottom: 5px;
}

.baner-main-carousel .owl-nav button:hover {
    background: rgb(255 255 255 / 24%) !important;
    backdrop-filter: blur(7px) !important;
    -webkit-backdrop-filter: blur(7px) !important;
    transition: 0.5s;
}

.scroll-bottom {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
    position: relative;
    z-index: 50;

}

.scroll-bottom a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-decoration: none;
    color: var(--color-white);
    font-size: 20px;
    gap: 10px;

}

.scroll-bottom a p {
    margin: 0;
    font-size: 15px;
    color: var(--color-white);
}

.section-padding {
    padding: 60px 0;
}

.book-section {
    background-color: #373736;
}

.book-section h2 {
    text-align: center;
    font-size: 40px;
    color: var(--color-white);
    margin-bottom: 25px;
}

.book-section form {
    background: rgba(255, 255, 255, 0.54);
    border-radius: 10px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 25px;
}

.book-section label {
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.book-section input {
    height: 50px;
    border-radius: 12px;
    font-size: 15px;
}

.book-section button {
    width: 100%;
    height: 50px;
    margin-top: 25px;
    border-radius: 40px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--color-white);
    font-size: 15px;
    transition: 0.5s;
}

.book-section button:hover {
    background-color: transparent;
    color: var(--color-black);
    border-color: var(--color-black);
}

.section-title {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.section-title h2 {
    font-size: 30px;
    font-weight: 500;
    margin: 0;
    text-align: center;
    margin-bottom: 10px;
}

.section-title p {
    font-size: 17px;
    margin: 0;
    text-align: center;
}



.benefits-widget-second {
    width: 100%;
    /* padding: 5px; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
}

.benefits-widget-second span {
    min-width: 80px;
    min-height: 80px;
    background-color: var(--primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color: var(--color-white);
    font-weight: 600;
    position: relative;
}

.benefits-widget-second span::before {
    width: 2px;
    height: 20px;
    content: '';
    background-color: var(--primary);
    position: absolute;
    top: 100%;
    left: 50%;
}

.benefits-widget-second-info {
    padding: 20px;
    background-color: #fff3cd;
    margin-top: 20px;
    border-radius: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.benefits-widget-second-info h4 {
    text-align: center;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    color: var(--black);
    margin: 0;
    margin-bottom: 12px;
}

.benefits-widget-second-info p {
    font-size: 15px;
    text-align: center;
    line-height: 23px;
    hyphens: auto;
    /* word-break: break-all; */
    margin: 0;
    color: var(--black);
}

.bg-dark-cs{
    background-color: #2c2a2a;
    padding-bottom: 150px;
}
.bg-dark-cs .section-title h2,.bg-dark-cs .section-title p{
    color: var(--color-white);
}

.brands-img{
    width: 100%;
    height: 200px;
    /* background-color: #fff; */
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border-radius: 15px;
    /* box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; */
}
.brands-img img{
    /* height: 80px !important; */
    width: 190px !important;
}

.testimonial-carousel .item{
    padding: 10px;
}

.grx-testimonial-container {
  position: relative;
 
 padding: 40px;
 background-color: #fff;
 border-radius: 20px;
  transition: all 0.4s ease;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}


.grx-testimonial-quote-mark {
  position: absolute;
  top: 20px;
  left: 40px;
  font-size: 120px;
  color: rgba(191, 156, 95, 0.714);
  line-height: 1;
}

.grx-testimonial-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #1a1a1a;
  position: relative;
  z-index: 1;
}

.grx-testimonial-text {
  font-size: 15px;
  line-height: 1.9;
  color: #444;
  margin-bottom: 40px;
  position: relative;
  z-index: 1;
}

.grx-testimonial-author {
  display: flex;
  align-items: center;
  gap: 15px;
}

.grx-author-line {
  width: 50px;
  height: 2px;
  background: linear-gradient(to right, #c8aa6e, #b89555);
}

.grx-author-name {
  font-size: 15px;
  font-weight: 600;
  color: #111;
  letter-spacing: 1px;
}
.bg-light-cs{
    background-color: #f2f2f2;
}

.testimonial-sec .container-fluid{
    margin: 0;
    padding: 0;
}
.testimonial-left{
    background-color: #000000;
    height:550px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    position: relative;
}
.testimonial-left img{
    position: absolute;
    right:-100px;
    top: -100px;
    width:95%;
    height: 105%;
    object-fit: cover;
}
.testimonial-right h2{
     font-size: 30px;
    font-weight: 500;
    margin:25px 0;
}





.carousel-btn2 .owl-nav {
    width: 100%;

    display: flex;
    justify-content: space-between;
    align-items: center;
}


.carousel-btn2 .owl-nav button {
    width: 45px;
    height: 45px;
    font-size: 35px !important;
    background-color: var(--primary) !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    border-radius: 50%;

}

.carousel-btn2 .owl-nav button span {
    padding-bottom: 2px !important;
    color: #fff;
}


.carousel-btn2 .owl-nav button.owl-next {
    position: absolute;
    top: 38%;
    right: -5px;

}

.carousel-btn2 .owl-nav button.owl-prev {
    position: absolute;
    top: 38%;
    left: -5px;

}

.contact-bg{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:  linear-gradient(0deg,rgba(0, 0, 0, 0.289) 0%, rgba(0, 0, 0, 0.284) 100%),url(../img/banner/5.jpg);
}

.contact-bg form{
 background: rgba(255, 255, 255, 0.664);
    border-radius: 15px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px;
}



.form-field-cs label {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    font-family: var(--font-main);
}

.form-field-cs input,.form-field-cs select {
    height: 50px;
    border-radius:10px;
    font-size: 15px;
    border: 1px solid #222222a0;
    background-color: transparent !important;
}
.form-field-cs input:focus,.form-field-cs select:focus{
    border: 1px dashed #222222a0;
}
/* .form-field-cs input::placeholder, .form-field-cs textarea::placeholder{
    font-size: 12px !important;
} */
.form-field-cs input{
    padding-right: 5px !important;
}
.country-phone{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.country-phone select{
    background-color: #f1f1f1 !important;
    border-right: 0;
    border-radius: 10px;
    padding-left: 10px;
    outline: none !important;
}
.country-phone input{
    border-radius: 10px ;
}

.contact-bg form button {
    width: 200px;
    height: 50px;
    margin-top: 25px;
    border-radius: 40px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--color-white);
    font-size: 15px;
    transition: 0.5s;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.contact-bg form button:hover{
    background-color: #07205b;
    color: var(--color-white);
}

.flex-field{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}
.flex-field .form-field-cs{
    width: 32%;
}
.form-field-cs textarea{
    height: 100px;
   border-radius: 15px;
    font-size: 15px;
    border: 1px solid #222222a0;
    background-color: transparent !important;
}
.form-field-cs textarea:focus{
     border: 1px dashed #222222a0;
}
.contact-bg h3{
    font-size: 50px;
    font-weight: 600;
    color: var(--color-white);
}

.accordion-faq .accordion-item{
    border: 1px solid #ccc !important;
    margin-bottom: 15px;
    border-radius: 15px !important;
    overflow: hidden;
}
.accordion-faq .accordion-button{
    font-size: 17px;
    font-weight: 600;
    box-shadow: none !important;
    padding: 20px ;
}

.accordion-faq .accordion-button:not(.collapsed) {
   background-color: var(--primary);
   color: var(--color-white);
}
.faq-inner p{
    font-size: 16px;
    margin: 0;
}



.footer {
    /* background-color: var(--color-black); */
    background-color: #020f2e;
    padding: 15px 10px;
    padding-bottom: 10px;

}

.footer-widget {
    padding: 10px;
}

.footer-widget h3 {
    font-weight: 600;
    font-size: 23px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #222;
    text-align: center;
}

.footer-widget ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding-top: 15px;
}

.footer-widget ul li {
    margin: 10px 0;
}

.footer-widget ul li a {
    text-decoration: none;
    color: var(--color-white);
    font-family: var(--font-family);
    transition: 0.5s;
    font-size: 20px;
}

.footer-widget ul li a:hover {
    color: var(--primary);
}

/* .icon-links h3{
     text-align: end;
   } */
.icon-links ul {
    justify-content: center;

}

.copyright {
    padding: 10px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    padding-top: 20px;
}

.copyright p {
    margin: 0;
    color: var(--text-gray);
    font-family: var(--font-family);
    font-size: 15px;
    text-align: center;
}

.footer-contact-btn {
    width: 150px;
    height: 40px;
    background-color: var(--primary);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: 40px;
    text-shadow: none;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 0.5s;
    cursor: pointer;
    text-decoration: none;
    margin: 20px auto;
}

.footer-contact-btn:hover {
    border-radius: 40px;
}

.footer-logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-logo img {
    width:110px;
}
.footer-address ul{
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 10px 0;
    gap: 30px;
}
.footer-address ul li{
   
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.footer-address ul li i{
    color: var(--primary);
}
.footer-address ul li a{
    color: var(--gray);
    font-size: 15px;
    text-decoration: none;
    display: flex
;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.footer-address ul li a:hover{
    color: var(--primary);
}
.footer-address-top{
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}
.footer-address-top p{
    text-align: center;
    color: var(--gray);
    margin: 0;
    margin-top: 10px;
}
.footer-address-top p a{
     color: var(--gray);
     text-decoration: none;
}
.footer-address-top p a:hover{
    color: var(--primary);
}


.section-top-baner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.section-top-baner h3 {
    font-size: 35px;
    text-align: center;
    line-height: 50px;
    margin: 0;
    text-transform: capitalize;
    font-weight: 500;
}

.section-top-baner p {
    margin: 0;
    text-align: center;
    color: #434343;
    margin-top: 10px;
}

.pages-baner-bg {
    background-color: #f1f1f1;
}

.cms-container h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
}

.cms-container p {
    font-size: 16px;
    color: #222222;
}

.cms-container ul li {
    font-size: 16px;
    color: #222222;
}

.cms-container {
    padding: 25px;
    box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
    border-radius: 15px;
    margin-bottom: 20px;
}
.cms-container h2{
    margin: 15px 0;
    
}
.cms-container h6{
    color: var(--primary);
    margin: 12px 0;
}
.header-secondry{
    position: static;
}
.header-secondry nav{
    padding-bottom: 12px !important;
}
.header-secondry .navbar-menu-list li a{
    color: #000;
}
.header-secondry .navbar-menu-list li a.nav-top-btn{
    color: #fff !important;
}
.header-secondry .navbar-menu-list li a.nav-top-whatsapp{
    color: #fff !important;
}
.header-secondry .navbar-menu-list li a:hover{
    color: var(--primary);
}

.story-right h3{
    font-size: 40px;
    font-weight: 500;
    color: #000;
}
.story-right h3 span{
    color: var(--primary);
    font-family: var(--font-sec);
    font-size: 25px;
    font-weight: 600;
}
.story-right p{
    font-size: 16px;
    text-align: justify;
    margin-bottom: 12px;
}
.story-img{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
.story-img img.img1{
    width: 70%;
    height: 320px;
    object-fit: cover;
    border-radius: 20px;
}
.story-img img.img2{
       width: 44%;
    height:250px;
    object-fit: cover;
    border-radius: 20px;
    position: absolute;
    border: 6px solid #fff;
    left: 43%;


}

.benefits-third-widget{
    background-color: var(--how-bg-3);
    padding: 40px;
    border-radius: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    padding-top: 0px;
    height: 100%;
}
.benefits-third-widget h3{
    font-size: 20px;
    font-weight: 600;
    margin-top: 10px;
    text-align: center;
}
.benefits-third-widget p{
    margin: 0;
    text-align: center;
    font-size: 16px;
}
.benefits-third-widget img{
    width: 70px;
    margin-top: -50px;
}
.img-height{
    height:50px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-mt-top{
    margin-bottom: 60px;
}
.brand-section{
    padding-bottom: 140px;
}
.brands-carousel .item{
    padding: 2px;
}

.card-field{
    width: 100%;
}
.card-details-container{
    border: 1px solid #cccc;
    border-radius: 20px;
    overflow: hidden;
}
.card-details-container h3{
    padding: 20px;
    background-color: var(--color-black);
    color: var(--color-white);
    font-size: 20px;
}
.card-details-container form{
    padding: 20px;
}



.card-field label {
    font-size: 14px;
    font-weight: 300;
    color: #000;
    font-family: var(--font-main);
}

.card-field input,.card-field select {
    height: 50px;
    border-radius:15px;
    font-size: 15px;
    border: 1px solid #222222a0;
    background-color: transparent !important;
}
.card-field input:focus,.card-field select:focus{
    border: 1px dashed #222222a0;
}
.card-details-container form button {
    width: 100%;
    height: 50px;
    margin-top: 25px;
    border-radius: 40px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--color-white);
    font-size: 15px;
    transition: 0.5s;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.card-details-container form button:hover{
    background-color: #ca7d0a;
    color: var(--color-white);
}

.card-field textarea{
    height:50px;
   border-radius: 15px;
    font-size: 15px;
    border: 1px solid #222222a0;
    background-color: transparent !important;
}
.card-field textarea:focus{
     border: 1px dashed #222222a0;
}
.card-title{
    margin-top: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    font-size: 18px;
}

.card-field-flex{
   border: 1px solid #222222a0;
   height:50px;
   border-radius: 15px;
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   overflow: hidden;
}

.card-field-flex input{
    border-radius: 0;
    border: 0;
    border-right: 1px solid #222222a0;
}

.card-field-flex input:focus{
     border: 0;
    border-right: 1px solid #222222a0;
}
.card-field-flex input:last-child{
    border-right: 0;
}
.card-field-flex input{
    width: 30%;
}
.card-field-flex input:first-child{
    width: 70%;
    padding-left: 40px;
}

.card-field-flex i{
    position: absolute;
    left: 10px;
    font-size: 18px;
    color: #000;
    opacity: 0.6;
}




.pay-img img{
    width: 400px;
    display: flex;
    margin: 10px auto;
}

.secure-img img{
    width: 140px;
    display: flex;
    margin: 0px auto;
    margin-top: 10px;
}
.pay-baner h3{
    font-family: var(--font-sec);
    font-size: 30px;
    margin-bottom: 30px;
}
.pay-baner h6{
    font-size: 20px;
    margin: 0;
}
.pay-baner p{
    margin: 0;
    font-size: 15px;
    margin-top: 7px;
}
button.nav-toggle-close-c {
    color: var(--primary) !important;
}


.checkmark {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #4bb71b;
  stroke-miterlimit: 10;
  box-shadow: inset 0px 0px 0px #4bb71b;
  animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
  position:relative;
  top: 5px;
  right: 5px;
 margin: 0 auto;
}
.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #4bb71b;
  fill: #fff;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;

}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
      stroke-dashoffset: 0;
  }
}

@keyframes scale {
  0%, 100% {
      transform: none;
  }

  50% {
      transform: scale3d(1.1, 1.1, 1);
  }
}

@keyframes fill {
  100% {
      box-shadow: inset 0px 0px 0px 30px #4bb71b;
  }
}
.modal-not h3{
text-align: center;
font-size: 18px;
margin-top: 30px;
font-weight: 600;

}

.card-p p{
    text-align: center;
    font-size: 14px;
    margin: 0;
    margin-top: 12px;
    color: #4e4e4e;
}
.card-bottom-cs p{
    text-align: center;
    font-size: 13px;
    margin: 0;
    margin-top: 7px;
    color: #4e4e4e;
    max-width:95%;
    margin-left: auto;
    margin-right: auto;
}

a.nav-top-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 20px;
    background: linear-gradient(135deg, #093499, #2563eb);
    color: #fff !important;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    border-radius: 7px;
    border: none;
    box-shadow: 0 8px 20px rgba(30, 79, 239, 0.35);
    transition: all 0.3s ease;
}

a.nav-top-btn:hover {
    background: linear-gradient(135deg, #2563eb, #093499);
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(30, 72, 239, 0.45);
    color: #fff !important;
}

a.nav-top-btn:active {
    transform: translateY(0);
    box-shadow: 0 6px 16px rgba(239, 155, 30, 0.3);
}
a.nav-top-btn:hover{
    color: #fff !important;
}


a.nav-top-whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, #21e067 0%, #21e067 100%);
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none;
    font-size: 24px !important;
    box-shadow: 2 8px 20px rgba(37, 211, 102, 0.35);
    transition: all 0.3s ease;
}

a.nav-top-whatsapp:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 12px 28px rgba(37, 211, 102, 0.45);
    color: #fff !important;
}

a.nav-top-whatsapp:active {
    transform: scale(0.96);
}

a.nav-top-whatsapp i {
    line-height: 1;
}


.nav-dropdown {
    position: relative;
}

.nav-dropdown > .nav-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.nav-dropdown .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 290px;
    background: #fff;
    list-style: none;
    padding: 10px 0;
    margin: 0;
    border-radius: 10px;
    box-shadow: 0 15px 35px rgba(0,0,0,.12);
    border-top: 3px solid #093499;
    opacity: 0;
    visibility: hidden;
    transform: translateY(12px);
    transition: all .3s ease;
    z-index: 999;
}

.nav-dropdown:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.nav-dropdown .submenu li {
    margin: 0;
}

.nav-dropdown .submenu a {
    display: block;
    padding: 12px 20px;
    color: #333;
    text-decoration: none;
    font-size: 15px;
    transition: all .25s ease;
}

.nav-dropdown .submenu a:hover {
   background: #0d6efd1a;
    color: #093499;
    padding-left: 28px;
}

.nav-dropdown .fa-chevron-down {
    font-size: 12px;
    transition: transform .3s ease;
}

.nav-dropdown:hover .fa-chevron-down {
    transform: rotate(180deg);
}

.page-baner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 45vh;
    display: flex;
    justify-content:center ;
    align-items: center;
    padding-top: 80px;
}

 .page-baner h1{
    text-align: center;
    color: var(--color-white);
    font-size: 40px;
    margin: 0;
    margin-bottom: 20px;
 }
 .page-baner-2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 23vh;
    display: flex;
    justify-content:center ;
    align-items: center;
    padding-top: 80px;
    background-color: #f7f7f7;
}
 .page-baner-2 h1{
    text-align: center;
    color: var(--color-black);
    font-size: 30px;
    margin: 0;
    margin-bottom: 20px;
 }


 .banner-filter {
    margin: 0 auto;
    padding: 18px;
    border-radius: 22px;

    /* Glass Effect */
    background: rgb(255, 255, 255);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);

    border: 1px solid rgba(255,255,255,.25);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.filter-label {
    display: block;
    color: #000;
    font-size: 14px;
    margin-bottom: 2px;
    font-family: var(--font-main);
}

.banner-filter .form-control,
.banner-filter .form-select {
    height: 45px;
    border-radius: 12px;
    border: 1px solid rgb(147, 145, 145);
    background-color: rgba(241, 241, 241, 0.693);
    color: #000;
    box-shadow: none;
    font-family: var(--font-main);
    font-size: 14px;
}

.banner-filter .form-control::placeholder {
    color: rgba(54, 53, 53, 0.75);
}

.banner-filter .form-control:focus,
.banner-filter .form-select:focus {
    border-color: #ef9b1e;
    box-shadow: 0 0 0 .2rem rgba(239,155,30,.25);
    background-color: rgba(255,255,255,.22);
    color: #fff;
}

.banner-filter .form-select option {
    color: #333;
}

.banner-filter form{
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 10px;
}
.banner-filter form .row{
    width: 100%;
}

.filter-btn {
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;

    color: #fff;
    font-size: 20px;

    background: linear-gradient(135deg, #ef9b1e 0%, #f7b733 100%);
    box-shadow: 0 10px 25px rgba(239, 155, 30, 0.35);

    transition: all 0.3s ease;
}

.filter-btn:hover {
    background: linear-gradient(135deg, #e38f10 0%, #ef9b1e 100%);
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(239, 155, 30, 0.45);
}

.filter-btn:active {
    transform: scale(0.95);
}

.filter-btn:focus {
    outline: none;
    box-shadow: 0 0 0 4px rgba(239, 155, 30, 0.25);
}

.filter-btn i {
    transition: transform .3s ease;
}

.filter-btn:hover i {
    transform: scale(1.15);
}


.luxury-card{
    background:#fff;
    border-radius:22px;
    overflow:hidden;
    position:relative;
    transition:.35s;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.luxury-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.luxury-image{
    position:relative;
}

.luxury-image img{
    width:100%;
    height:250px;
    object-fit:cover;
}

.luxury-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(to top,
        rgba(0,0,0,.65),
        rgba(0,0,0,0));
}

.partner-tag{
    position:absolute;
    top:18px;
    left:18px;
    z-index:2;
    background:#ef9b1e;
    color:#fff;
    padding:8px 16px;
    border-radius:30px;
    font-size:13px;
    font-weight:600;
}

.luxury-content{
    margin:-45px 20px 20px;
    position:relative;
    z-index:5;
    background:#fff;
    border-radius:18px;
    padding:22px;
   box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.luxury-content h3{
    font-size:20px;
    font-weight: 600;
    margin-bottom:10px;
}

.info-item{
    display:flex;
    align-items:center;
    gap:10px;
    padding:10px 0;
    color:#555;
    border-bottom:1px solid #f3f3f3;
    font-family: var(--font-main);
    font-size: 13px;
}

.info-item:last-of-type{
    border-bottom:none;
}

.info-item i{
    width:29px;
    height:29px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#fff7eb;
    color:#ef9b1e;
}

.card-btns{
    display:flex;
    gap:12px;
    margin-top:22px;
}

.card-btns a{
    flex:1;
    text-align:center;
    padding:8px 12px;
    border-radius:10px;
    text-decoration:none;
    font-weight:400;
    font-size: 14px;
    transition:.3s;
}

.btn-book{
    background:#ef9b1e;
    color:#fff;
}

.btn-book:hover{
    background:#d98508;
    color:#fff;
}

.btn-deals{
    background:#fff;
    border:1px solid #ef9b1e;
    color:#ef9b1e;
}

.btn-deals:hover{
    background:#ef9b1e;
    color:#fff;
}


.luxury-request-section{
    background:#faf8f4;
    overflow:hidden;
}

.section-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 18px;
    border-radius:30px;
    background:#fff3df;
    color:#ef9b1e;
    font-weight:600;
}

.section-title{
    font-size:48px;
    font-weight:700;
    color:#222;
    line-height:1.2;
}

.section-subtitle{
    color:#ef9b1e;
    font-weight:600;
    margin-top:10px;
}

.title-divider{
    width:90px;
    height:4px;
    background:#ef9b1e;
    border-radius:20px;
    margin:25px 0;
}

.section-text{
    color:#2a2a2a;
    line-height:1.9;
    margin-bottom:8px;
    font-size:15.5px;
    padding-left: 20px;
}

.cta-buttons{
    display:flex;
    gap:10px;
    margin-top:15px;
    flex-wrap:wrap;
    padding-left: 20px;
}

.btn-learn,
.btn-hotels{
    padding:9px 20px;
    border-radius:12px;
    text-decoration:none;
    font-weight:600;
    transition:.35s;
    font-size: 14px;
}

.btn-learn{
    background:linear-gradient(135deg,#ef9b1e,#f7b733);
    color:#fff;
}

.btn-learn:hover{
    color:#fff;
    transform:translateY(-3px);
    box-shadow:0 12px 25px rgba(239,155,30,.35);
}

.btn-hotels{
    border:1px solid #ef9b1e;
    color:#ef9b1e;
    background:#fff;
}

.btn-hotels:hover{
    background:#ef9b1e;
    color:#fff;
}

.luxury-image-box{
    position:relative;
}

.luxury-image-box img{
    width:100%;
    border-radius:24px;
    display:block;
    /* box-shadow:0 20px 50px rgba(0,0,0,.12); */
}

.floating-card{
    position:absolute;
    bottom:25px;
    left:-35px;
    background:#fff;
    border-radius:18px;
    padding:18px 22px;
    display:flex;
    align-items:center;
    gap:18px;
    box-shadow:0 18px 40px rgba(0,0,0,.12);
}

.floating-card i{
    width:55px;
    height:55px;
    border-radius:50%;
    background:#fff3df;
    color:#ef9b1e;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
}

.floating-card h6{
    margin:0;
    font-weight:700;
}

.floating-card span{
    color:#777;
    font-size:14px;
}
.partners-top-btns{
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:10px;
    width: fit-content;
    margin-bottom: 15px;
    border: 1px solid #ccc;
    margin-left: 20px;
}
.partners-top-btns a{
    font-size: 14px;
    color: #000;
    padding: 4px 15px;
    border-radius: 40px;
    text-decoration: none;

}
.partners-top-btns a:last-child{
    background-color: transparent;
    border: 1px solid var(--color-black);
    color: var(--color-black);
}

.section-title-cs span{
    font-size: 17px;
    color: var(--primary);
    margin-bottom: 10px;
}


.benefit-card{
    background:#fff;
    border-radius:12px;
    padding:23px;
    border:1px solid #ececec;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    transition:.35s;
    height:100%;
    position:relative;
    overflow:hidden;
    border: 1px solid var(--primary);
}
/* 
.benefit-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:#ef9b1e;
} */

.benefit-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.benefit-icon{
    width:60px;
    height:60px;
    border-radius:18px;
    background:linear-gradient(135deg,#ef9b1e,#f7b733);
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:28px;
    margin-bottom:12px;
}

.benefit-content h4{
    font-size:18px;
    font-weight:600;
    margin-bottom:10px;
    color:#222;
    text-transform: capitalize;
}

.benefit-content p{
    color:#343434;
    font-size: 14.5px;
    line-height:1.8;
    margin:0;
}

.comparison-table{
    border-radius:18px;
    overflow:hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.comparison-table table{
    margin:0;
}

.comparison-table thead th{
    background:#f2f2f2;
    color:#222;
    border:none;
    padding:15px 15px;
    font-size:15px;
    font-weight:600;
}

.comparison-table tbody th,
.comparison-table tbody td{
    padding:22px 20px;
    vertical-align:middle;
    border-color:#ececec;
    font-size:15px;
}

.comparison-table tbody th{
    width:24%;
    color:#222;
    font-weight:600;
}

.qx-column{
    background:#fff7eb;
    display: flex;
    align-items: center;
}

thead .qx-column{
    background:#ef9b1e !important;
    color:#fff !important;
}

.comparison-table tbody tr:hover{
    background:#fafafa;
}

.comparison-table tbody tr:hover .qx-column{
    background:#fff1d6;
}

.comparison-table i.text-warning{
    color:#ef9b1e !important;
}

.comparison-table .fa-check-circle{
    color:#28a745;
}

.comparison-table .fa-times-circle{
    color:#dc3545;
}

.hotel-cta-horizontal{
    display:flex;
    align-items:center;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
   
    border:1px solid #acacac;
    transition:.35s;
    height:100%;
}

.hotel-cta-horizontal:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);
}

.hotel-cta-img{
    flex:0 0 42%;
    height:260px;
    overflow:hidden;
}

.hotel-cta-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:.6s;
}

.hotel-cta-horizontal:hover .hotel-cta-img img{
    transform:scale(1.08);
}

.hotel-cta-content{
    flex:1;
    padding:15px;
}

.hotel-badge{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:8px 16px;
    border-radius:30px;
    background:#fff5e6;
    color:#ef9b1e;
    font-size:13px;
    font-weight:600;
    margin-bottom:18px;
}

.hotel-cta-content h3{
    font-size:23px;
    font-weight:600;
    color:#222;
    margin-bottom:15px;
}

.hotel-cta-content p{
    color:#666;
    line-height:1.8;
    margin-bottom:18px;
    font-size: 15px;
}

.hotel-link{
    display:inline-flex;
    align-items:center;
    gap:10px;
    color:#ef9b1e;
    text-decoration:none;
    font-weight:500;
    transition:.3s;
    font-size: 14px;
}

.hotel-link i{
    transition:.3s;
}

.hotel-link:hover{
    color:#d88708;
}

.hotel-link:hover i{
    transform:translateX(6px);
}


.booking-timeline{
    position:relative;
    margin:auto;
}

.booking-timeline::before{
    content:"";
    position:absolute;
    left:34px;
    top:0;
    bottom:0;
    width:3px;
    background:#ef9b1e;
    opacity:.25;
}

.timeline-item{
    display:flex;
    gap:25px;
    margin-bottom:40px;
    position:relative;
}

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

.timeline-icon{
    width:70px;
    height:70px;
    min-width:70px;
    border-radius:50%;
    background:linear-gradient(135deg,#ef9b1e,#f7b733);
    color:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:24px;
    box-shadow:0 12px 25px rgba(239,155,30,.35);
    position:relative;
    z-index:2;
}

.timeline-content{
    flex:1;
    background:#fff;
    border-radius:18px;
    padding:30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border:1px solid #eee;
    transition:.3s;
}

.timeline-content:hover{
    transform:translateY(-5px);
}

.step-number{
    display:inline-block;
    background:#fff4e3;
    color:#ef9b1e;
    padding:6px 15px;
    border-radius:30px;
    font-size:12px;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:15px;
}

.timeline-content h4{
    font-size:20px;
    font-weight:600;
    margin-bottom:10px;
    color:#222;
}

.timeline-content p{
    color:#666;
    line-height:1.8;
    margin:0;
    font-size: 15px;
}

@media(max-width:768px){

.booking-timeline::before{
    left:30px;
}

.timeline-item{
    gap:18px;
}

.timeline-icon{
    width:60px;
    height:60px;
    min-width:60px;
    font-size:20px;
}

.timeline-content{
    padding:22px;
}

.timeline-content h4{
    font-size:22px;
}

}

.luxury-faq .accordion-item{
    border:none;
    border-radius:18px !important;
    overflow:hidden;
    margin-bottom:18px;
    border: 1px solid #ccc !important;
}

.luxury-faq .accordion-button{
    background:#fff;
    padding:15px 20px;
    font-size:16px;
    font-weight:600;
    color:#222;
    box-shadow:none;
}

.luxury-faq .accordion-button:not(.collapsed){
    background:#ef9b1e;
    color:#fff;
}

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

.luxury-faq .accordion-body{
    padding:20px 20px;
    color:#4a4a4a;
    line-height:1.9;
    background:#fff;
    font-family: var(--font-main);
    font-size: 15px;
}

.luxury-faq .accordion-button::after{
    width:38px;
    height:38px;
    border-radius:50%;
    background-color:#fff4e5;
    background-position:center;
    background-size:14px;
}

.luxury-faq .accordion-button:not(.collapsed)::after{
    background-color:#fff;
}

@media(max-width:768px){

.faq-section h2{
    font-size:30px;
}

.luxury-faq .accordion-button{
    font-size:16px;
    padding:18px 20px;
}

.luxury-faq .accordion-body{
    padding:20px;
}

}


.sub-left{
    position:sticky;
    top:60px;
    padding-right:40px;
}

.sub-left h3{
    font-size:35px;
    font-weight:500;
    color:var(--primary);
    margin-bottom:20px;
    line-height:1.2;
}

.sub-left p{
    font-size:15px;
    color:#000;
    line-height:1.8;
    margin:0;
}

/* Form Card */

.sub-right{
    background:#fff;
    border-radius:20px;
    padding:30px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border:1px solid #ececec;
}

/* Labels */

.form-group label{
    display:block;
    font-size:15px;
    color:#222;
    margin-bottom:2px;
    font-family: var(--font-main);
    font-weight: 500;
}

.form-group label span{
    color:#ef9b1e;
}

/* Inputs */

.custom-control{
    height:50px;
    border-radius:12px !important;
    border:1px solid #ddd;
    background:#fff;
    padding:0 18px;
    font-size:14px !important;
    color:#444;
    transition:.3s;
    box-shadow:none;
    font-family: var(--font-main);
    background-color: #f7f7f7 !important;
    box-shadow: none !important;
}

.form-select.custom-control{
    cursor:pointer;
}

textarea.custom-control{
    height:140px;
    padding:18px;
    resize:none;
}

/* Focus */

.custom-control:focus{
    border: 1px dashed #ef9b1e !important;
}

/* Placeholder */

.custom-control::placeholder{
    color:#999;
}

/* Button */

.submit-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    padding:10px 25px;
    border:none;
    border-radius:12px;
    background:linear-gradient(135deg,#ef9b1e,#f7b733);
    color:#fff;
    font-size:15px;
    font-weight:500;
    transition:.35s;
}

.submit-btn:hover{
    color:#fff;
    transform:translateY(-3px);
    border-radius: 40px;
}

/* Remove Bootstrap Focus */

.form-control:focus,
.form-select:focus{
    box-shadow:none;
    border-color:#ef9b1e;
}

.section-book-online{
    background-color: #f7f7f7;
}
.section-book-online{
    position:relative;
    overflow:hidden;
    /* padding:100px 0; */
    background:#ebf3fd;
}
.faq-page{
    background:#ebf3fd;
}

/* Decorative Shapes */

.section-book-online::before{
    content:"";
    position:absolute;
    width:500px;
    height:500px;
    background:#0d6efd12;
    border-radius:50%;
    top:-220px;
    left:-180px;
}

.section-book-online::after{
    content:"";
    position:absolute;
    width:350px;
    height:350px;
    background:#0d6efd12;
    border-radius:50%;
    bottom:-180px;
    right:-120px;
}

/* Floating dots */

.section-book-online .container{
    position:relative;
    z-index:2;
}

.section-book-online .container::before{
    content:"";
    position:absolute;
    right:-30px;
    top:30px;
    width:130px;
    height:130px;
    background-image:radial-gradient(var(--primary) 2px, transparent 2px);
    background-size:18px 18px;
    opacity:.4;
}

/* Left Side */

.section-book-online h3{
    font-size:45px;
    font-weight:500;
    color:var(--color-black);
    line-height:1.2;
}

.section-book-online h3 span{
    color:var(--primary);
}

.section-book-online h3::after{
    content:"";
    width:90px;
    height:5px;
    background:var(--primary);
    display:block;
    margin-top:18px;
    border-radius:30px;
}

/* Form Card */

.section-book-online form{
    background:#fff;
    padding:25px;
    border-radius:20px;
    box-shadow:
    0 25px 60px rgba(0,0,0,.08);
    border:1px solid rgba(239,155,30,.15);
    position:relative;
}

/* Top Accent */
/* 
.section-book-online form::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:8px;
    background:linear-gradient(90deg,var(--primary),#ffca6b);
    border-radius:30px 30px 0 0;
} */

/* Fields */
/* 
.form-field-cs{
    margin-bottom:18px;
} */

.form-field-cs label{
    font-weight:500;
    font-size: 13px;
}

/* Input with icon */

.input-box{
    position:relative;
}

.input-box i{
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:var(--primary);
    font-size:16px;
    z-index:5;
}

.input-box textarea+i{
    top:25px;
}

.input-box input,
.input-box select,
.input-box textarea{
    padding-left:48px;
    font-family: var(--font-main);
}

.form-field-cs input,
.form-field-cs select,
.form-field-cs textarea{
    font-family: var(--font-main);
    font-size: 14px;
}

.form-control,
.form-select{
    height:58px;
    border-radius:14px;
    border:1px solid #ececec;
    background:#fafafa;
    transition:.3s;
}

textarea.form-control{
    min-height:150px;
    padding-top:16px;
}

.form-control:focus,
.form-select:focus{
    border-color:var(--primary);
    box-shadow:0 0 0 4px rgba(239,155,30,.15);
    background:white;
}

/* Button */

.section-book-online button{
    width:250px;
    height:45px;
    border:none;
    border-radius:40px;
    background:var(--primary);
    color:white;
    font-size:16px;
    letter-spacing:.5px;
    transition:.35s;
    position:relative;
    overflow:hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.section-book-online button::before{
    content:"";
    position:absolute;
    width:40px;
    height:120%;
    background:rgba(255,255,255,.35);
    left:-60px;
    top:-10%;
    transform:skew(-20deg);
    transition:.6s;
}

.section-book-online button:hover::before{
    left:120%;
}

.section-book-online button:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(30, 54, 239, 0.35);
    border-radius: 40px;
}

/* Guest */

.flex-field{
    display:flex;
    gap:15px;
    align-items:flex-end;
    flex-wrap:wrap;
}

.flex-field>.form-field-cs{
    flex:1;
}

.flex-field>.form-field-cs:first-child{
    flex:.8;
}

.bg-light-primary{
    background-color: #f8efe0;
}

.hotels-widget {
    background: #fcf2ea;
    border-radius: 18px;
    padding:15px;
}

.hotels-widget h3 {
    margin: 0;
    font-size:20px;
    font-weight: 600;
    color: #5c4033;
}

.info-item-second {
    margin-top: 10px;
    color: #7b6b5d;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
    font-family: var(--font-sub);
}

.info-item-second i {
    color: var(--primary);
}

.card-btns-second {
    display: flex;
    gap: 5px;
    margin-top: 20px;
}

.card-btns-second a {
    text-decoration: none;
    background: #ab620f;
    color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 12.5px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    transition: all .3s ease;
}

.card-btns-second a:hover {
    background: var(--primary);
    transform: translateY(-2px);
    border-radius: 40px;
}
/* 
.book-btn-cs {
    background: var(--primary) !important;
}

.book-btn-cs:hover {
    background: #4a3228 !important;
} */


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

.hotel-filter-section {
    position: relative;
    padding: 20px 0;
    background: #ebf3fd;
    overflow: hidden;
}

/* Soft decorative glow */
.hotel-filter-section::before {
    content: "";
    position: absolute;
    width: 350px;
    height: 350px;
    top: -180px;
    left: -150px;
       background: #0d6efd12;
    border-radius: 50%;
    pointer-events: none;
}


.hotel-filter-section::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    right: -150px;
    bottom: -150px;
        background: #0d6efd12;
    border-radius: 50%;
    pointer-events: none;
}

.hotel-filter-section h1{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    line-height: 45px;
    margin-bottom: 5px;
    
}
.hotel-filter-section h1 span{
    font-weight: 500;
    color: var(--primary);
}
.hotel-filter-section p{
    text-align: center;
    font-size: 15px;
}
.filter-card {
    position: relative;
    z-index: 2;

    padding: 18px;

    background: rgba(255, 255, 255, 0.96);

    border: 1px solid rgba(239, 155, 30, 0.15);

    border-radius: 18px;

    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;

    transition: all 0.3s ease;
}
.filter-card form{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}


/* Top accent line */
.filter-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 40px;
    right: 40px;

    height: 3px;

       background: linear-gradient(90deg, transparent, var(--primary), #0d6efd, var(--primary), transparent);

    border-radius: 0 0 10px 10px;
}



.filter-card .row {
    row-gap: 12px;
    width: 100%;
}


.filter-label {
    display: block;

    margin-bottom: 2px;

    color: #292929;

    font-size: 14px;
    font-family: var(--font-sub);
}



.filter-card .form-control,
.filter-card .form-select {

    width: 100%;
    height: 48px;

    padding: 0 16px;

    color: #222;

    font-size: 14px;
    font-weight: 500;

    background-color: #fff;

    border: 1px solid #eee5d8;
    border-radius: 10px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.025);

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease,
        transform 0.3s ease;
        font-family: var(--font-main);
}


/* Placeholder */
.filter-card .form-control::placeholder {
    color: #222;
    font-weight: 400;
}


/* Hover */
.filter-card .form-control:hover,
.filter-card .form-select:hover {
    border-color: rgba(239, 155, 30, 0.45);
}


/* Focus */
.filter-card .form-control:focus,
.filter-card .form-select:focus {

    color: #292929;

    background-color: #fff;

    border-color: var(--primary);

    outline: none;

    box-shadow:
        0 0 0 3px rgba(239, 155, 30, 0.12),
        0 8px 20px rgba(239, 155, 30, 0.08);
}



.filter-card .form-select {
    cursor: pointer;
}



.filter-btn {

    position: relative;

    display: inline-flex;

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

    width: 55px;
    height: 52px;

    margin-top: 28px;

    padding: 0;

    color: #fff;

    background: var(--primary);

    border: none;
    border-radius: 10px;

    cursor: pointer;

    overflow: hidden;

   box-shadow: 0 8px 20px #0d6efd4d;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}


/* Button shine */
.filter-btn::before {

    content: "";

    position: absolute;

    top: 0;
    left: -120%;

    width: 80%;
    height: 100%;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.35),
        transparent
    );

    transform: skewX(-20deg);

    transition: left 0.6s ease;
}


.filter-btn:hover::before {
    left: 140%;
}


/* Button hover */
.filter-btn:hover {

    background: var(--primary);

    transform: translateY(-3px);

    box-shadow:
        0 12px 28px rgba(239, 155, 30, 0.35);
}


/* Button active */
.filter-btn:active {
    transform: translateY(-1px);
}


/* Icon */
.filter-btn i {
    position: relative;
    z-index: 2;

    font-size: 16px;

    transition: transform 0.3s ease;
}


.filter-btn:hover i {
    transform: scale(1.12);
}



.filter-field {
    position: relative;
}

.filter-field > i {
    position: absolute;

    top: 50%;
    left: 15px;

    color: var(--primary);

    font-size: 14px;

    transform: translateY(-50%);

    pointer-events: none;
}

.filter-field .form-control.has-icon {
    padding-left: 42px;
}


.hotels-widget-cs {
    background: #fff;
    padding: 20px 22px;
    border-radius: 12px;
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
    border: 1px solid #eee;
    font-family: Arial, sans-serif;
}

.hotels-widget-cs h3 {
    margin: 0 0 10px;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.info-item-second-cs {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 18px;
    font-size: 13px;
    color: #666;
}

.info-item-second-cs i {
    color: #0f3875;
    font-size: 15px;
}

.card-btns-second-cs {
    display: flex;
    align-items: center;
    gap: 8px;
    /* flex-wrap: wrap; */
}

.card-btns-second-cs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border-radius: 5px;
    background: #f5f5f5;
    color: #555;
    text-decoration: none;
    font-size: 13px;
    font-weight: 500;
    transition: all 0.3s ease;
    width: 31.5%;
    white-space: nowrap;
}

.card-btns-second-cs a:hover {
    background: #eee;
    color: #222;
}

.card-btns-second-cs .book-btn-cs {
    margin-left: auto;
    /* padding: 9px 18px; */
    background: var(--primary);
    color: #fff;
    font-weight: 600;
}

.card-btns-second-cs .book-btn-cs:hover {
    background: #011b58;
    color: #fff;
}
.mobile-btns-top{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    margin-left:auto;
}
.mobile-btns-top a{
    display: none;
}


.header {
   
    width: 100%;
    background: transparent;
    transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

.header.scrolled {
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
     position: sticky;
    top: 0;
    z-index: 9999;
}
.header.scrolled .navbar-menu-list li a{
    color: #000;
}
.header nav{
    padding: 0 !important;
}
.navbar-toggler i{
    color: var(--primary ) !important;
}

.gr-contact {
  background-color: #fff;
  padding: 32px 28px;
  border-radius: 20px;
  width: 100%;
  box-sizing: border-box;
  color: #ffffff;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}

.gr-contact__heading {
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 1.5px;
  color: var(--primary);
  margin: 0 0 24px 0;
  text-transform: uppercase;
}

.gr-contact__email {
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--primary);
  text-decoration: none;
  font-size: 16px;
  margin-bottom: 28px;
  transition: opacity 0.2s ease;
}

.gr-contact__email:hover {
  opacity: 0.8;
  color: #222;
}

.gr-contact__buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  
  gap: 5px;
}

.gr-contact__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 14px 20px;
  border-radius: 50px;
  text-decoration: none;
  font-weight: 600;
  font-size: 16px;
  color: var(--primary);
  box-sizing: border-box;
  transition: transform 0.15s ease, filter 0.15s ease;
}

.gr-contact__btn:hover {
  filter: brightness(1.05);
  transform: translateY(-1px);
}

.gr-contact__btn--whatsapp {
  background-color: #25d366;
  color: #fff;
}

.gr-contact__btn--imessage {
  background-color: #093499;
  color: #ffffff;
}
.gr-contact__btn span{
    color: #fff;
}


.contact-left {
    padding: 35px;
    background: #fff;
    border-radius: 22px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    position: relative;
}

.contact-left h3 {
    margin: 0 0 30px;
    font-size: 22px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #222;
}

.contact-info {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.contact-icon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ddd;
    border-radius: 50%;
    font-size: 18px;
    color: #333;
    background: #fff;
}

.contact-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.contact-content span {
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #777;
}

.contact-content a {
    color: #222;
    font-size: 16px;
    text-decoration: none;
    transition: 0.3s ease;
}

.contact-content a:hover {
    color: var(--primary);
}

.ts-wrapper {
    width: 100%;
        height: 50px;
    border-radius: 10px !important;
    border: 1px solid #222222a0 !important;
    background-color: transparent !important;
}

.ts-control {
    height: 40px !important;
    padding: 10px !important;
    border: 0px solid #dee2e6 !important;
    border-radius: 5px !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 15px !important;
    outline: 0 !important;
    font-family: var(--font-main) !important;

}

.ts-control .item {
    color: #000;
}

.ts-dropdown {
    background: #fff !important;
    border: 1px solid #dee2e6 !important;
    border-radius: 5px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12) !important;
    z-index: 99999 !important;
    font-family: var(--font-main) !important;
}

.ts-dropdown .option {
    padding: 12px 15px !important;
    font-size: 15px;
    cursor: pointer;
}

.ts-dropdown .active {
    background: #f5f5f5 !important;
    color: #212529 !important;
}

.country-phone .ts-wrapper {
    width: 150px !important;
    padding: 5px !important;
    border-radius:  10px !important;
}

.country-phone .ts-dropdown{
    min-width: 180px;
}

.hotel-partners-bg{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 65vh;
}

.hotel-partners-content,.hotel-partners-img{
    height: 100%;
    width: 50%;
}
.hotel-partners-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.hotel-partners-content{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #011b58;
}
.hotel-partners-content::before{
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    width: 50%;
    height: 100%;
   background: linear-gradient(to right, #011b58 0%, transparent 100%);
}
.inner-container{
    max-width: 600px;
    margin-left: 10%;
    width: 100%;
}
.inner-container h5{
    font-size: 14px;
    font-weight: 400;
    color: #fff;
}
.inner-container h6{
    font-size: 20px;
    padding: 15px 35px;
    text-align: center;
    background-color: #ffffff52;
    width: fit-content;
    border-radius: 10px;
    border: 1px solid #cccccca8;
    color: #fff;
}
.inner-container span{
    color: #fff;
}
.inner-container h6 small{
    font-size: 17px;
}


.bnr-badge-card {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background-color: #f7f7f739;
  border: 1px solid rgba(255, 255, 255, 0.25);
  border-radius: 12px;
  padding: 18px 28px;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  user-select: none;
  margin: 5px 0;
}

.bnr-badge-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 2px;
  line-height: 1;
  text-transform: uppercase;
}

.bnr-badge-subtitle {
  font-family: 'Playfair Display', serif;
  font-style: italic;
  font-size: 34px;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 2px;
  margin-bottom: 2px;
}

.bnr-badge-footer {
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1;
}

.bnr-badge-by {
  font-family: 'Montserrat', sans-serif;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
  opacity: 0.8;
}

.bnr-badge-brand {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 3px;
}

.inner-container h2{
    font-size: 45px;
    color: #fff;
    margin: 12px 0;
}

.inner-container p{
    margin: 0;
    font-size: 18px;
    color: #f2f2f2;
}

.partner-brand-section{
    background-color: #f2f2f2;
    padding: 30px 0;
}
.partner-brand-section-inner{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
}
.partner-brand-section-inner p{
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #4e4e4e;
    white-space: nowrap;
    margin-right: 15px;
}
.partner-brand-section-inner ul{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 10px;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    list-style: none;
}
.partner-brand-section-inner ul li{
    font-size: 13px;
    color: #4e4e4e;
}
.partners-about-left{
    padding-right: 55px;
    position: sticky;
    top: 100px;
}

.partners-about-left h6{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--primary);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.partners-about-left h6 span{
    width: 50px;
    height: 2px;
    background-color: var(--primary);
}
.partners-about-left h2{
    font-size: 33px;
    margin-bottom: 20px;
}
.partners-about-left p{
    font-size: 15px;
    line-height: 28px;
     color: #4e4e4e;
}
.partners-prefered-right{
    background-color:#fff8ef ;
    padding: 15px;
    border: 1px solid #ecd8bd;
    border-radius: 13px;
    margin-bottom: 10px;
}
.partners-prefered-right h6{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--primary);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.partners-prefered-right h6 span{
    width: 50px;
    height: 2px;
    background-color: var(--primary);
}
.partners-prefered-right ul{
     padding: 0;
    margin: 0;
    list-style: none;
}
.partners-prefered-right ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
      font-size: 14px;
    color: #444444;
    margin-bottom: 10px;
    border-bottom: 1px solid #ecd8bd ;
    padding-bottom: 10px;
}
.partners-prefered-right p{
    font-size: 13px;
    margin: 0;
    font-style: italic;
     color: #444444;
}

.partners-cost-right{
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 12px;
}
.partners-cost-right h5{
     font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color-black);
}
.partners-cost-right p{
     font-size: 14px;
    line-height: 28px;
     color: #3a3a3a;
     margin: 0;
}

.partners-cost-right ul{
     padding: 0;
    margin: 0;
    list-style: none;
}
.partners-cost-right ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
      font-size: 14px;
    color: #444444;
    margin-bottom: 10px;
    border-bottom: 1px solid #ecd8bd ;
    padding-bottom: 10px;
}
.partners-form-section{
    background-color: #4d2a01;
    padding: 50px 0;
     background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image:  linear-gradient(0deg,rgba(0, 0, 0, 0.289) 0%, rgba(0, 0, 0, 0.284) 100%),url(../img/banner/5.jpg);
}

.partners-form-left h6{
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--color-white);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.partners-form-left h6 span{
    width: 50px;
    height: 2px;
    background-color: var(--color-white);
}
.partners-form-left h2{
    font-size: 50px;
    color: var(--bg-light);
    text-align: center;
}
.partners-form-left p{
    font-size: 16px;
    color: var(--bg-light);
}
.partners-form-left ul{
    margin: 0;

}
.partners-form-left ul li{
    font-size: 15px;
    margin-bottom: 15px;
    color: var(--bg-light);
}

.partners-form-main {
    background: rgba(255, 255, 255, 0.578);
    border-radius: 15px;
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 30px;
}
.partners-form-main label{
    color: #010101;
}
.partners-form-main input,.partners-form-main select, .partners-form-main textarea{
    color: #010101;
    /* border: 1px solid #cccccc8c; */
}



.partners-form-main form button {
    width: 200px;
    height: 50px;
    margin-top: 25px;
    border-radius: 40px;
    background-color: var(--primary);
    border: 1px solid var(--primary);
    color: var(--color-white);
    font-size: 15px;
    transition: 0.5s;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.partners-form-main form button:hover{
    background-color: #011b58;
    color: var(--color-white);
}
.partners-form-main form p{
    font-size: 14px;
    text-align: center;
    margin: 0;
    margin-top: 10px;

}

@media screen and (min-width:1600px) {
.inner-container{
    max-width: 600px;
    margin-left:25%;
    width: 100%;
}    
}

.column-start{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.column-start .gr-contact{
    box-shadow: 0 25px 60px rgba(0, 0, 0, .08);
    position: relative;
}



h3.h3-booknow{
    font-size:45px;
    font-weight:500;
    color:var(--color-white);
    line-height:1.2;
}

h3.h3-booknow span{
    color:var(--primary);
}

h3.h3-booknow::after{
    content:"";
    width:90px;
    height:5px;
    background:var(--primary);
    display:block;
    margin-top:18px;
    border-radius:30px;
}