* {
    box-sizing: border-box;
    padding: 0 ;
    margin: 0 ;
}
body{
    font-family: "Momo Trust Sans", sans-serif; 
     background-color: #f2b70817;
}


/* header-section */
.header {
    width: 100%;
    transition: all 0.3s ease;
    z-index: 1000;
    background-color: #f2b70817;
}
.fixed-header {
    position: absolute;
    top:0px;
    left: 0;
    box-shadow: none;
    border-bottom: 1px solid #dec38c7a;
    background: #182f26;
}
.jdst{
    color: #dec39b;
}
.hse5w {
    opacity: 0.9;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 700px;
}
.header-top{
    width: 100%;
    /* background-color: white; */
    /* border-radius: 50px; */
    overflow: hidden;
}
.top-menu{
    ul{
        gap: 20px ;
        li{
            list-style: none ;
            color: #161920;
            font-size: 15px ;
            font-weight: 500 ;
            a{
                text-decoration: none ;
                color: #161920;
                display: flex;
                justify-content: start;
                align-items: center;
                gap: 5px ;
                transition: 0.5s ;
                &:hover{
                    color: #1751a5 ;
                }
              img{
                transition: 0.5s ;
                filter: brightness(0.2);
              }
            }
        }
    }
}
.top-menu ul li a:hover img{
    filter: brightness(1);
}
.call{
    font-size: 10px ;
    color:  #303030 ;
}
.tfn-section{
    display: flex ;
    justify-content: flex-start ;
    align-items: center ;
    gap: 10px ;
   span{
        width: 40px ;
        height: 40px ;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50% ;
        border: 1px solid #1751a5;
        animation: call_icon ;
        animation-duration: 1s ;
        animation-iteration-count: infinite ;
        i{
            font-size: 20px ;
            color: #1751a5 ;
        }
    }
}
@keyframes call_icon{
    10% {
    transform: rotate(10deg);
}
20% {
    transform: rotate(-10deg);
}
30% {
    transform: rotate(10deg);
}
31% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(0deg);
}
60% {
    transform: rotate(0deg);
}
79% {
    transform: rotate(0deg);
}
80% {
    transform: rotate(-10deg);
}
90% {
    transform: rotate(10deg);
}
100% {
    transform: rotate(-10deg);
}
}
.tfn-number{
    font-size: 20px ;
    font-weight: 600 ;
    color: #1751a5 ;
    text-decoration: none ;
}

img.he5sr {
    width: 325px;
    opacity: 0.9;
}
 /* banner-section-start */

 .banner-inner{
    background: linear-gradient(to right, rgb(0 0 0 / 64%), rgb(0 0 0 / 32%)), url(../images/golden.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    width: 100% ;
    height: 100vh ;    
 }
 .depart-main{
    background-color: #ffffff;
    padding:10px 10px 10px 10px ;
    border-radius: 10px 0 0 10px;
    height: 88px ;
 }
  .return-main{
    background-color: #ffffff;
    padding:10px 10px 10px 25px ;
    border-radius:0;
     height: 88px ;
    border-left: 1px solid rgb(197, 196, 196) ;
 }
.from{
    font-size: 12px ;
    color: #303030;
}
.departure{
    font-size: 24px ;
    font-weight: 600 ;
    span{
        font-size: 15px !important;
        font-weight: 400 !important;
    }
}
.search-origin{
    font-size: 11px ;
}
.banner-heading{
    h1{
        font-size: 45px ;
        color: white ;
        font-weight: 600 ;
        font-family: 'Raleway', sans-serif;
    }
}

.calendar-main{
     height: 88px ;
    background-color: #ffffff;
    padding:10px 10px 10px 10px ;
    border-left: 1px solid rgb(197, 196, 196) ;
}

.dep-day{
    font-size: 10px ;
}
.search-main{
     height: 88px ;
    background-color: #ffffff;
    border-radius: 0 10px 10px 0;
    border-left: 1px solid rgb(197, 196, 196) ;
}
.search-main button{
    width: 100% ;
    height: 100% ;
    font-size: 24px ;
    font-weight: 600 ;
    color: #ffffff ;
    background-color: #1751a5 ;
    border: none ;
    border-radius: 0 10px 10px 0 ;
}
.exchange-icon{
    position: absolute;
    top: 50% ;
    left: 50% ;
    transform: translate(-50%, -50%);
    span{
        width: 40px ;
        height: 40px ;
        border-radius: 50% ;
        background-color: #1751a5;
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
        display: flex;
        justify-content: center ;
        align-items: center;
    }
}
.social-media{
    text-align: center;
    ul{
        display: flex ;
        flex-direction: column ;
        justify-content: flex-start ;
        align-items: center;
        gap: 10px ;
        li{
            list-style: none ;
            a{
                width: 30px ;
                height: 30px ;
                display: flex;
                justify-content: center ;
                align-items: center ;
                text-decoration: none ;
                background-color: white ;
                border-radius: 50% ;
                color: black ;
                transition: 0.5s ;
                &:hover{
                    background-color: #1751a5;
                    color: #ffffff ;
                }
            }
        }
    }
}
.social-media{
    position: relative;
}
.social-media:after{
    content: '';
    position: absolute;
    top: -40%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2px ;
    height: 100px ;
    background-color: #1751a5;
}
.social-media:before{
    content: '';
    position: absolute;
    bottom: -50%;
    left: 48%;
    transform: translate(50%, 35%);
    width: 2px;
    height: 100px;
    background-color: #1751a5;
}
.searchdep{
    top: 88px ;
    left: 10px ;
    z-index: 10;
    background-color: #ffffff;
    width: 300px ;
    border: 1px solid rgb(197, 196, 196) ;
    border-bottom:none ;
}
.search-sec{
    width: 100% ;
    height: 40px ;
    padding: 10px ;
    i{
        color: rgb(92, 91, 91);
        margin-right: 5px ;
    }
    input{
        width: 100% ;
        height: 100% ;
        padding: 10px 5px ;
        border: none ;
        &:focus{
            outline: none ;
        }
    }
}
.top-city{
    background-color: #3cb3722f;
    padding: 5px 10px ;
    p{
     font-size: 14px ;
     font-weight: 600 ;
    }
}
.dep-name-inner{
    padding: 10px ;
    gap: 10px ;
    border-bottom: 1px solid rgb(197, 196, 196) ;
    .airport-city-name{
        font-size: 16px ;
        color:#161920;
        font-weight: 600 ;
    }
    .airport-name{
        font-size: 10px ;
    }
}
.traveller-sec{
    background-color: #ffffff;
    width: 300px ;
    top: 88px ;
    left: 0 ;
    border-radius: 10px ;
    padding: 10px 0;
    border: 1px solid rgb(197, 196, 196) ;
}
.plus-minus{
    display: flex;
    justify-content: flex-start ;
    align-items: center;
    gap: 10px ;
    margin: 10px 0;
    button{
        width: 25px ;
        height: 25px ;
        display: flex;
        justify-content: center ;
        align-items: center ;
        background-color: #f2f2f2;
        color: #565555 ;
        font-size: 20px ;
        border-radius: 5px ;
        cursor: pointer;
        transition: 0.5s ;
        border: none ;
        &:hover{
            background-color: #d5d1d1;
        }
    }
}
.adult-main{
    h5{
        color: #303030;
        font-size: 17px;
        font-weight: 600;
        margin-bottom: 6px;
        line-height: 10px ;
        span{
            font-size: 10px ;
            color:#888787 ;
        }
    }
}
.seat-class{
    button{
        margin-bottom: 0 !important;
        border: none;
        border-radius: 7px;
        color: #303030;
        font-size: 12px;
        font-weight: 500;
        height: 54px;
        padding: 10px ;
        margin-bottom: 13px;
        width: 100%;
        transition: 0.5s ;
        &:hover{
            border: 1px solid #1751a5;
        }
    }
     button:focus{
        color: #ffffff;
        background-color: #1751a5;
    }
}
.submit-btn{
    width: 100% ;
    button{
        border: none ;
        width: 100% ;
        height: 40px ;
        border-radius: 8px ;
        display: flex;
        justify-content: center ;
        align-items: center;
        color: #1751a5;
        font-weight: 500 ;
        transition: 0.5s ;
        &:hover{
            border: 1px solid #1751a5;
        }
        &:focus{
            color: #ffffff;
            background-color: #1751a5;
        }
    }
}


/* usp-section-start */

.usp-inner{
   
    margin: 20px 0;
}
.usp-main{
    padding: 15px;
    background-color: rgba(128, 128, 128, 0.13);
    border-radius: 10px;
    /* box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; */
}

.usp-heading{
  span{
    width: 50px;
    height: 50px;
    background: #ff3f2d;
    border-radius:10px ;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    padding: 10px ;
    img{
      width: 100% ;
    }
  }
}
.usp-heading .deals{
    font-size: 17px ;
    font-weight: 600 ;
    margin-bottom: 0 ;
    width: calc(100% - 30px);
}
.explore{
    font-size: 15px ;
}

/* popular-destination-section-start */
.destination-main{
    padding:40px 0;
}
.dest-lef-txt{
    display:flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    h2{
        font-size: 30px ;
        font-weight: 600 ;
    }
    .Lorem{
        font-size: 15px ;
    }
}
.slide-img1{
    width: 100% ;
    overflow: hidden;
    border-radius: 10px ;
     position: relative;
    &::after{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(0deg, #000000, transparent 50%);
    border-radius: 13px;
}
}
.city-name{
    width: 90% ;
    left: 0 ;
    right: 0;
    margin: auto;
    bottom: 20px ;
    background-color: #ffffffda;
    color: black ;
    padding: 5px ;
    border-radius: 10px ;
    h2{
        font-size: 20px ;
        line-height: 25px ;
    }
    p{
        font-size: 14px ;
    }
}

.slide-main .owl-nav{
    button{
        width: 40px ;
        height: 40px ;
        border-radius: 50% ;
        transition: 0.5s ;
        background-color: #ffffff !important;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px ;
        img{
            width: 10px ;
        }
        &:hover{
            background-color: #1751a5 !important;
        }
        &:hover img{
            filter: invert(1);
        }
    }
}

.slide1 .item {
    text-align: center;
    color: white;
    border-radius: 8px;
  }

  .slide1 .owl-nav button {
    position: absolute;
    top: 45%;
    background: #000;
    color: #fff;
    padding: 5px 15px;
  }

  .owl-nav .owl-prev { left: -20px; }
  .owl-nav .owl-next { right: -20px; }



/* deals-section-start */
.deals-inner{
    border: 1px solid #555f6d94;
    border-radius:8px 35px;
}
.deals-top{
    padding: 10px ;
}
.dep-mid-line{
    width: 100px;
    margin: 2px 0;
    height: 1px;
    border-top: 1px dashed #555f6d94;
    display: flex;
    align-items: center;
    justify-content: center;
    span{
       width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #555f6d;
    }
}

.dep-sec{
    gap: 20px ;
}
.deals-img{
    .front{
        font-size: 10px ;
    }
}
.depart{
    text-align: left ;
    .dep-time{
        font-size: 16px ;
        font-weight:600 ;
        line-height: 20px ;
    }
}
.mid-line-main{
    p{
        font-size: 12px ;
    }
}
.dep-date{
    font-size: 12px ;
}

.deals-btm{
    padding: 10px ;
    border-top: 1px solid #555f6d94;
    button{
        padding: 5px 10px ;
        border: none ;
        border-radius: 5px ;
        background-color: #1751a5;
        color: #ffffff;
        font-size: 15px ;
    }
}
.dep-name{
    font-size: 14px ;
}
.top-deals{
    font-size: 30px ;
    font-weight: 600 ;
}

 

/* slider2-sec */

.slide2 .item{
    border-radius: 10px ;
    position: relative;
    /* box-shadow: 0px -10px rgb(165, 164, 164), 0px -20px rgb(212, 211, 211); */
    &:before{
        width: calc(100% - 24px);
        height: 10px;
        border-radius: 10px 10px 0 0;
        background-color: #dcdcdc;
        content: '';
        top: -10px;
        left: 12px;
        position: absolute;
    }
    &:after{
        width: calc(100% - 48px);
        height: 10px;
        border-radius: 10px 10px 0 0;
        background-color: #efecec;
        content: '';
        top:-20px ;
        left: 24px;
        position: absolute;
    }
}
.slide2 .owl-stage-outer{
    padding-top:20px;
}
.slide-img{
    border-radius: 10px ;
    overflow: hidden;
    height: 350px ;
    img{
        object-fit: cover;
        height: 100% ;
        width: 100% ;
    }
}

.slide2 .owl-nav button {
    position: absolute;
    top: 45%;
    background: #000;
    color: #fff;
    padding: 5px 15px;
  }

  .owl-nav .owl-prev { left: -20px; }
  .owl-nav .owl-next { right: -20px; }

  .slide2 .owl-nav{
    button{
        width: 40px ;
        height: 40px ;
        border-radius: 50% ;
        transition: 0.5s ;
        background-color: #ffffff !important;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px ;
        img{
            width: 10px ;
        }
        &:hover{
            background-color: #1751a5 !important;
        }
        &:hover img{
            filter: invert(1);
        }
    }
}
.lorem-txt{
    font-size: 14px ;
}
.tourist-places{
    padding: 40px 0;
}
.choose-head{
    font-size: 20px ;
    color: black ;
    /* span{
        width: 12px ;
        height: 12px ;
        border-radius: 50% ;
        display: inline-block ;
        margin-right: 5px ;
        border: 2px solid #1751a5;
    } */
}
.choose-para{
    font-size: 15px  ;
}

.news-heading{
    font-size: 30px ;
    color: black ;
    font-weight: 600 ;
}

.newsletter-main{
    padding: 30px 0;
    
}
.footer-main{
    background-color: rgba(128, 128, 128, 0.068) ;
}
.newsletter-sec{
    display: flex ;
    flex-direction: column ;
    justify-content: center ;
    align-items: flex-start ;
    p{
        font-size: 15px ;
    }
}
.subscribeinputmain{
   
    input{
        width: 100% ;
        padding: 10px 20px ;
        border-radius: 30px ;
        border: none ;
        background-color: #ffffff !important;
        box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
        &:focus{
            outline: none ;
        }
    }
}
.subscribe-btn{
    position: absolute ;
    top: 0 ;
    right: -1px  ;
    padding: 10px 20px ;
    border-radius: 30px ;
    background-color: #b08747;
    color: white ;
    border: none ;
}
.footer-btm-sec{
    padding: 30px 0;
    background-color: rgb(24 47 38);
    color: white;
}
.footer-media {
    ul {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        li{
            list-style: none ;
            a{
                width: 30px;
                height: 30px;
                display: flex;
                justify-content: center;
                align-items: center;
                text-decoration: none;
                background-color: white;
                border-radius: 50%;
                color: black;
                transition: 0.5s;
                box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
                i{
                    transition: 0.5s ;
                }
                &:hover{
                    background-color: #1751a5 ;
                    i{
                        color: white ;
                    }
                }
            }
        }
        
    }
}
.media-heading{
    font-size: 20px ;
    font-weight: 600 ;
    color: #b08747 ;
}
.subscribe-main{
    width: 100% ;
    height: 100% ;
}
.footer-list{
        li{
            margin-bottom: 7px ;
            list-style: none ;
            a{
            font-size: 15px ;
            color: white ;
            font-weight: 400 ;
                text-decoration: none ;
            }
        }
}
.sdets{
    width: 33.33%;
}
.footer-address{
    p{
        font-size:15px;
        color: #b08747 ;
        font-weight: 400 ;
        &:last-child{
            color: white;
        }
    }
}
.deal-top-inner{
    gap: 10px ;
}
.logo-main{
    width: 165px ;
    img{
        width: 100% ;
    }
}
.footer-logo{
    width: 165px ;
    display: inline-block;
    img{
        width: 100% ;
    }
}
.copyright-inner{
    background-color:#101f19 ;
    padding: 20px;
}
.copyright-txt{
    p{
        color: #ffffff ;
        font-size: 15px ;
        font-weight: 400 ;
    }
}
 .choose-sec-img{
    img{
        filter: drop-shadow(0px 3px 10px rgba(119, 119, 119, 0.479));
    }
 }
 .affordable{
    font-size: 25px ;
}
.slide-txt{
    padding: 10px ;
    z-index: 1 ;
    p{
        font-size: 20px ;
        font-weight: 600 ;
        color: white ;
    }
    span{
        i{
            color: #ffffff;
            font-size: 20px ;
        }
    }
}

.disclaimer-inner{
    padding-top: 20px ;
    border-top: 1px solid rgba(128, 128, 128, 0.315) ;
}
.affordable-flight{
    background-color: #497ac90a;
}








@media screen and (max-width:768px) {
    
    .header-top{
        padding: 0 ;
    }
    .logo-main{
        width: 100px ;
        img{
            width: 100% ;
        }
    }
    .tfn-section{
        display: none !important;
    }
    .choose-sec-img{
        img{
            width: 100% ;
        }
    }
    .bars{
        width: 25px ;
        img{
            width: 100% ;
        }
    }
  
    .banner-inner{
        padding-top: 30px ;
        height: 100%;
        padding-bottom: 19px;
        &:after {
            bottom: -1px;
            display: none ;
        }
    }
    .tourist-places {
    padding: 30px 0;
}
    .social-media{
        display: none ;
    }
 
    .top-menu{
        position: fixed  ;
        top: 0 ;
        left: 0 ;
        width: 0% ;
        height: 100vh;
        background-color: white ;
        z-index: 2;
        padding-top: 30px ;
        overflow: hidden;
        transition: 0.5s ;
        ul{
            width: 100% ;
            justify-content: flex-start !important;
            align-items: flex-start !important;
            flex-direction: column ;
            gap: 0px ;
           li{
            padding: 10px 20px ;
            width: 100% ;
            border-bottom: 1px solid rgba(128, 128, 128, 0.171);
           }
        }
    }
    .bars.active .top-menu{
        display: block !important;
    }
    /* .usp-main{
        border-top: 1px solid #1751a5;
    } */
     .usp-heading{
        align-items: flex-start !important;
     }
    .usp-heading .deals{
        font-size: 14px ;
    }
    .explore{
        font-size: 12px 
    }
    .Lorem{
        font-size: 12px ;
    }
    .dest-lef-txt{
        justify-content: flex-start !important;
        align-items: flex-start !important;
        h2{
            font-size: 20px ;
        }
    }
    .banner-heading {
        padding-top: 20px ;
    h1 {
        font-size: 20px;
    }
}
.city-name {
    h2 {
        font-size: 17px;
    }
}
.city-name {
    p {
        font-size: 12px;
    }
}
.top-deals {
    font-size: 20px;
}
.depart {
    .dep-time {
        font-size: 14px;
    }
}
.dep-name {
    font-size: 12px;
}
.choose-head {
    font-size: 17px;
}
.deals-btm{
    button{
        font-size: 12px !important;
    }
}
.subscribeinputmain{
    width: 100% ;
}
.news-heading {
    font-size: 20px;
}
.newsletter-sec{
    p{
        font-size: 12px ;
    }
}
.subscribe-btn{
    padding: 10px 15px;
}
.choose-para {
    font-size: 12px;
}
.media-heading{
    font-size: 18px ;
}
.sdets {
    width: 50%;
}
.footer-list {
    li {
        margin-bottom: 10px;
        a{
            font-size: 12px ;
        }
    }
}
.footer-address {
    p {
        font-size: 12px;
    }
}

/* .sticky-header{
    top: 16px ;
} */
.header-inner{
    padding: 10px 0;
}
.owl-nav .owl-prev {
    left: -10px;
}
.owl-nav .owl-next {
    right: -10px;
}
.top-menu.show{
    width: 100% ;
}
.cross{
    position: absolute ;
    top: 10px ;
    right: 10px ;
    span{
    width: 20px ;
    height: 20px ;
    display: flex ;
    justify-content: center ;
    align-items: center ; 
    border: 1px solid black ;
    border-radius: 5px ;
    }
}
.dep-mid-line{
    width: 60px ;
}
.footer-btm-sec{
    padding-bottom: 0 ;
}
.copyright-txt {
    p {
        font-size: 13px;
    }
}
.affordable{
    font-size: 18px ;
}
.destination-main{
    padding: 0 ;
}
}
.usp-heading{
    font-size: 40px ;
    font-family: 'Raleway', sans-serif;
}
.usptoptxt{
    font-size: 15px ;
    font-weight: 500 ;
}
.usp-section-main{
    color: white ;
    padding: 40px 0;
    background-color:#182F26;
}
.usp-txt-content{
    padding: 20px ;
    min-height: 200px ;
    border-radius: 10px ;
    background: linear-gradient(45deg, #182f264d, #182f26b8), url(../images/business/card-back.png);
    border: 1px solid #254337;
    height: 100%;
    
}
.usp-img{
    border-radius: 10px ;
    background-color: #2e4755 ;
    border: 1px solid #4b5563 ;
    width: 100% ;
    overflow:hidden ;
    min-height: 200px ;
    height: 100%;
    img{
        width: 100% ;
        height: 100% ;
        object-fit: cover ;
    }  
}
.payheading{
    font-size: 30px ;
    color: black ;
    font-family: 'Raleway', sans-serif;
}
.paymain{
    background-color: #f7efe1 ;
    border-radius: 10px ;
    padding: 20px ;
     
}
.booking{
    font-size: 15px ;
    font-weight: 400 ;
    color: #000000;
}
.viewoption{
    font-size: 15px ;
    font-weight: 500 ;
    color: black ;
    text-decoration: underline;
    text-underline-offset: 10px ;
    text-decoration-color: #b08747 ;
    &:hover{
        text-decoration-color: #ffffff ;
    }
}
.paygroup{
   width: 100% ;
   position: relative;
   img{
    width: 100% ;
    position: relative ;
    top: 0px ;
    right: 0 ;
   } 
}
.usp-txt{
    h4{
     font-size: 25px ;
     color: #b08747 ;
     font-family: 'Raleway', sans-serif;
    }
    p{
        font-size: 16px ;
    }
}


@media screen and (max-width:768px ) {
.usp-txt {
    h4 {
        font-size: 18px;
    }
    p{
        font-size: 12px ;
    }
}    
.usp-heading {
    font-size: 22px;
}
.usptoptxt {
    font-size: 12px;
}
.paygroup {
    img{
        position: inherit ;
        top: 0 ; 
    }

}
.payheading {
    font-size: 18px;
}
.booking{
    font-size: 12px ;
}
.viewoption{
    font-size: 12px ;
}
}

/* Section2 Starts */
.heead {
    font-size: 40px;
    font-family: 'Raleway', sans-serif;
}

.parra {
    font-size: 19px;
    /* max-width: 820px; */
    font-family: 'Raleway', sans-serif;
}

.cards {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.cardd {
    position: relative;
    width: 32%;
    height: 249px;
    border-radius: 20px;
    overflow: hidden;
}

.cardd img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s ease;
    transform-origin: center center;
}

.overlay {
    background: linear-gradient(180deg, #0000 50%, #00000080 72.5%, #000000e6);
    border-radius: 0;
    bottom: 0;
    content: "";
    height: 249px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.card-text {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: white;
    text-align: left;
}

.card-text h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff;
}

.card-text p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.9;
}

.cardd:hover img {
    transform: scale(1.1);
}


/* Section3 Starts */
.cafar {
    background-color: #f2b70817;
}

.leftt {
    .heaad {
        font-size: 40px;
        font-family: 'Raleway', sans-serif;
    }

    .paara {
        font-size: 19px;
        font-family: 'Raleway', sans-serif;
    }

    .leff-btn {
        background-color: #b08747;
        border: 1.5px solid #b08747;
        color: #ffffff;
        border-radius: 25px;
        padding: 10px 30px;
        font-size: 19px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .leff-btn:hover {
        background-color: #a0793b;
        transition: transform 1s ease;
    }
}

.cartts {
    display: flex;
    gap: 30px;
    justify-content: end;
    flex-wrap: wrap;
}

.cardf {
    background-color: white;
    border-radius: 15px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    width: 44%;
}

.cardf img {
    width: 100%;
    height: 247px;
    object-fit: cover;
}

.card-cont {
    padding: 15px;
}

.card-cont h4 {
    font-size: 14px;
    color: #b08747;
}

.card-cont h3 {
    color: #0a0a0a;
    margin-bottom: 8px;
    font-size: 20px;
}

.card-cont p {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .cardd {
        width: 100%;
        height: 200px;
    }

    .cardf {
        width: 100%;
    }

}

.maii {
    font-size: 45px;
    font-weight: 400;
    font-family: 'Raleway', sans-serif;
    span {
        font-weight: 600;
        color: #b08747;
        border-bottom: 1px solid #b08747;
        font-family: 'Raleway', sans-serif;
    }

}

.smpaa {
    color: #555;
    font-size: 16px;
    line-height: 1.5;
}

.cardsss {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 35px;
}

.cardds {
    position: relative;
    width: 32%;
    height: 249px;
    border-radius: 20px;
    overflow: hidden;
}

.cardds img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 1s ease;
    transform-origin: center center;
}

.overlaay {
    background: linear-gradient(180deg, #0000 50%, #00000080 72.5%, #000000e6);
    border-radius: 0;
    bottom: 0;
    content: "";
    height: 249px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}

.card-top {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: white;
    top-align: left;
}

.card-top h3 {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    color: #ffffff ;
}

.card-top p {
    margin: 5px 0 0;
    font-size: 14px;
    opacity: 0.9;
}

.cardds:hover img {
    transform: scale(1.1);
}

.card-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: white;
    background: linear-gradient(transparent 40%, rgba(0, 0, 0, 0.8));
    padding: 15px;
    box-sizing: border-box;
}

.trip-type {
    position: absolute;
    bottom: 203px;
    background: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding: 6px 10px;
    border-radius: 8px;
    font-size: 13px;
}

.destination-info h3 {
    margin: 0 0 5px;
    font-size: 20px;
    font-weight: 600;
}

.destination-info p {
    margin: 0;
    font-size: 14px;
    color: #f1f1f1;
}

.destination-info strong {
    color: #fff;
}

.nav-pills .nav-link {
    border: none;
    border-radius: 0;
    color: #6c757d;
    font-weight: 500;
    position: relative;
    margin-right: 10px;
    background: none;
    padding: 0;
    padding-bottom: 5px;
    margin-right: 30px;
}

.nav-pills .nav-link.active {
    padding: 0;
    color: #000;
    font-weight: 600;
    background: none;
    padding-bottom: 5px;
}

.nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 3px;
    background-color: #243746;
    border-radius: 2px;
}
.leff-btn2 {
    background-color: #b08747;
    border: 1.5px solid #b08747;
    color: #ffffff;
    border-radius: 25px;
    padding: 8px 16px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.leff-btn2:hover {
    background-color: #a0793b;
    transition: transform 1s ease;
}
@media only screen and (max-width: 768px) {
    .cardds {
    width: 87%;
    height: 200px;
}
}

.stopover{

    .row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
    }
    
    .text-col button {
      background: transparent;
      border: 2px solid #b08747;
      color: #b08747;
      font-weight: 600;
      padding: 10px 30px;
      font-size: 19px;
      font-weight: 600;
      border-radius: 25px;
      cursor: pointer;
      transition: 0.3s;
    }
    
    .text-col button:hover {
      background: #b08747;
      color: white;
    }
    
    .image-col {
      position: relative;
      width: 600px;
    }
    
    .image-col img {
      width: 100%;
      border-radius: 20px;
      object-fit: cover;
    }
    
    .info-row {
      display: flex;
      gap: 20px;
      position: absolute;
      bottom: -40px;
      left: -40px;
    }
    
    .info-col {
        position: relative;
      background: white;
      border-radius: 12px;
      padding: 15px 20px;
      box-shadow: 0 5px 20px rgba(0,0,0,0.1);
      width: 215px;
      height: 125px;
      transition: transform 0.3s;
      h3{
            color: #0a0a0a;
            margin-bottom: 8px;
            font-size: 20px;
            position: relative;
      }
      p{
            color: #555;
            font-size: 16px;
            line-height: 1.5;
            position: relative;
      }
    }
    .info-col::before{
        background: linear-gradient(45deg, white, transparent), url(../images/pattern.png);
        background-position: 100% 0;
        background-repeat: no-repeat;
        background-size: contain;
        bottom: 0;
        content: "";
        left: 0;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 0;
        border-radius: 12px;
    }
    .info-col:hover {
      transform: translateY(-5px);
    }
    
    @media (max-width: 768px) {
         .info-row{
            display: block;
            bottom: -270px;
            left: 32px;
         }
         .info-col {
            width: 300px;
            height: 95px;
            margin-bottom: 20px;
        }
    }
            }



.jkht{
    background-image: url(../images/business/lastback.png) ;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}
.shdgt{
    filter: brightness(0) invert(1);
    width: 100px;
}
.disclaimer-txt{
    font-size: 11px ;
}
.hfrgr{
    input{
        accent-color: #182f26;
        &::placeholder{
            color: white;   
        }
    }
}
.sted34 img {
    background: #182f26;
}
.hgr5{
    width: 33.4%;
    border: 1px solid #9f9f9f;
    border-radius: 0;
    border-right: none
}
.form-control:focus{
    background-color: #ffffff00 ;
}
#mainheader {
    background: #182f26 !important;
    border-bottom: 1px solid #dec38c7a;
}
.form-floating > .form-control,
.form-floating > .form-select {
    height: 40px;            /* Change height */
    min-height: 40px;
    padding-top: 0.7rem;     /* Adjust label position */
    padding-bottom: 0.3rem;
}

.form-floating > label {
    padding: 0.4rem 0.75rem;
    font-size: 14px;
}
.mjuhb{
                background-color: rgb(244, 244, 244);
            height: 100%;
            font-size: 12px !important;
            border: none !important;
            border-radius: 0 !important;
}
.jjjhk{
    left: -12px;
    background: rgb(244, 244, 244);
    box-shadow: none;
    border-radius: 0 0 5px 5px;
    padding: 15px;
    z-index: 99;
    border-top: 1px solid #d5cfcfa3;
    display: none;
    width: 100%;

}
#travelerNumber{
    font-weight: 700;
}

                .afef {
                    color: #d7b871;
                    text-decoration: none;
                    text-shadow: 1px 1px 1px #000000;
                }
                
                .afef:hover {
                    color: #d7b871;
                    text-decoration: underline;
                }
.mjuhb{
    img{
    width: 11px ;
    height: 11px;
    }
}
@media (max-width: 768px) {
#mainheader {
    background: #182f26;
    border-bottom: 1px solid #dec38c7a;
}
.jdst {
   font-size: 15px;
}
.hgr5 {
    width: 100%;
}
.cardsss{
    margin-bottom: 0 ;
    flex-wrap: unset;
    overflow-x: scroll;
    scrollbar-width: none; /* Firefox */
}
.maii {
    font-size: 25px;
}
.heead {
    font-size: 22px;
}
.leftt {
    .heaad {
        font-size: 25px;
    }
}
.smpaa{
    margin-bottom: 0;
    color: #555;
    font-size: 10px;
    margin-top: 10px;
}
.overlay {
    height: 100%;
}
.cards{
    margin-bottom: 0;
}
.zdtz3{
    border-bottom: none;
}
       }
       .calendar-toggle {
        position: relative;
      
    }
    
    .switch {
        position: absolute;
        height: 48px;
        width: 270px;
        max-width: 270px;
        border-radius: 37px;
        background-color: #fef9e9;
        border: 1px solid #e0e0e0;
        right: 220px;
    }
    
    .switch-label {
        position: relative;
        z-index: 2;
        float: left;
        width: 50%;
        font-family: 'Lato', sans-serif;
        font-size: 15px;
        font-weight: bold;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: 1px;
        text-align: center;
        text-align: center;
        cursor: pointer;
        color: #182f26;
        margin: 0;
        line-height: 45px;
    }
    
    .switch-label:active {
        font-weight: bold;
        letter-spacing: 1px;
        text-align: center;
    }
    
    .switch-input {
        display: none;
    }
    
    .switch-input:checked + .switch-label {
        font-weight: bold;
        color: #ffffff;
        transition: 0.15s ease-out;
        transition-property: color, text-shadow;
    }
    
    .switch-input:checked + .switch-label-on ~ .switch-selection {
        left: 131px;
    }
    
    .switch-selection {
        position: absolute;
        z-index: 1;
        top: 2px;
        left: 3px;
        display: block;
        width: 50%;
        height: 41px;
        border-radius: 45px;
        transition: left 0.15s ease-out;
        background: #182f26;
    }
    @media (max-width: 768px) {
        .switch {
            position: relative;
            right: unset;
            margin-bottom: 18px;
            width: 100%;
            max-width: 100%;
        }
        .switch-input:checked + .switch-label-on ~ .switch-selection {
            left: 161px;
        }
        .parra {
            font-size: 15px;
            font-weight: 400;
            margin-top: 10px;
            max-width: 100%;
        }
    }
    .ue4w{
        border-top-left-radius: 20px;
    }
    .ue4w1{
        border-bottom-left-radius: 20px;
    }
    .ue4w2{
        border-top-right-radius: 20px;
        border-right: 1px solid #9f9f9f;
    }
    .ue4w3{
        border-bottom-right-radius: 20px;
        border-right: 1px solid #9f9f9f;
    }
    .trip-toggle {
        display: flex;
        position: relative;
        background: #495b5487;
        border-radius: 38px;
        overflow: hidden;
        width: fit-content;
        margin: 10px 0;
        width: 33%;
        justify-content: center;
        margin: 0 auto 13px;
        color: white;
        border: 1px solid #9f9f9f;
    }
      
      .trip-toggle input {
        display: none;
      }
      
      .trip-toggle label {
        padding: 10px 20px;
        cursor: pointer;
        font-weight: 500;
        color: #ffffff;
        z-index: 2;
        text-align: center;
        flex: 1;
        transition: color 0.3s ease;
    }
      
    
    .trip-slider {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        bottom: 0;
        left: 0;
        width: 50%;
        background: #d7b871;
        border-radius: 40px;
        transition: all 0.3s ease;
        z-index: 1;
        height: 35px;
    }
      
      #tab1:checked ~ .trip-slider { left: 0.33%; }
      #tab2:checked ~ .trip-slider { left: 49.333%; }
      
      #tab1:checked + label,
      #tab2:checked + label,
      #tab3:checked + label {
        color: #182f2d;
      }
    .how-it-works-v2 .section__title {
        font-size: 30px;
        font-weight: 600;
        text-align: center;
        font-family: 'Raleway', sans-serif;
    }
    .how-it-works-v2 .section__subtitle {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .44px;
        line-height: 1.5;
        margin-bottom: 56px;
        color: rgba(0, 0, 0, .64);
        text-align: center;
    }

    .how-it-works-v2__steps {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
        list-style: none;
        margin: 0;
        padding-left: 0;
        row-gap: 12px;
    }
    .how-it-works-v2__steps {
        -moz-column-gap: 48px;
        column-gap: 48px;
        grid-template-columns: 1fr 1fr 1fr;
    }
    .how-it-works-v2__steps-content {
        padding-left: var(--offset);
        position: relative;
    }
    .how-it-works-v2__steps-content:before {
        color: #cc9577;
        content: attr(data-count);
        font-size: 24px;
        font-weight: 700;
        left: 0;
        letter-spacing: 4.8px;
        line-height: 32px;
        position: absolute;
        text-transform: uppercase;
        top: -2px;
    }
    .how-it-works-v2__steps-content:before {
        font-size: 34px;
        font-weight: 700;
        letter-spacing: .24px;
        line-height: 40px;
    }
        .how-it-works-v2__steps-title {
            font-size: 16px;
            font-weight: 700;
            letter-spacing: 1.5px;
            line-height: 20px;
            text-transform: uppercase;
            margin-bottom: 8px;
            color: rgba(0, 0, 0, .88);
            font-family: 'Raleway', sans-serif;
        }
        .how-it-works-v2__steps-text {
            font-size: 14px;
            font-weight: 500;
            letter-spacing: .44px;
            line-height: 1.5;
            color: rgba(0, 0, 0, .64);
            --offset: 44px;
        }   
        .how-it-works-v2__steps-content {
            padding-left:  44px;;
            position: relative;
        }
  
.how-it-works-v2__steps-item:after {
    left: 30px;
    background-color: rgba(0, 0, 0, .12);
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 44px;
    position: absolute;
    width: 250px;

}
    .how-it-works-v2__steps-item:after {
        height: 100%;
        left: -24px;
        width: 1px;
    }
    .how-it-works-v2__steps-item {
        position: relative;
        &:first-child:after {
            display: none;
        }
    }
    .contact-us-v2__title {
        font-size: 35px;
    margin-bottom: 19px;
    font-family: 'Raleway', sans-serif;
    }
    .contact-us-v2__main {
        display: flex;
        gap: 40px;
        padding-bottom: 56px;
    }
    .contact-us-v2__description {
        color: rgba(0, 0, 0, .64);
        font-size: 14px;
        font-weight: 500;
        letter-spacing: .2px;
        line-height: 20px;
        margin-bottom: 24px;
        text-align: center;
    }
    .contact-us-v2__description {
        margin-bottom: 0;
        text-align: left;
        width: 33.33333%;
    }
    .contact-us-v2__form {
        display: flex;
        gap: 40px;
        width: calc(66.66666% + 40px);
    }
    .contact-us-v2__form-col {
        margin-top: 0;
        width: calc(50% - 20px);
    }
    .contact-us-v2 .request-form__field, .request-form .request-form__field, .ui-form-v2 .request-form__field {
        position: relative;
        width: 100%;
    }
    .ui-text-input {
        position: relative;
    }
    .contact-us-v2 .ui-text-input__box, .request-form .ui-text-input__box, .ui-form-v2 .ui-text-input__box {
        border: 1px solid rgba(0, 0, 0, .12);
        border-radius: 0;
        height: 48px;
        padding: 12px 12px 12px 16px;
        width: 100%;
    }
    .contact-us-v2 .request-form__field-label, .request-form .request-form__field-label, .ui-form-v2 .request-form__field-label {
        background-color: #fff;
        color: rgba(0, 0, 0, .88);
        display: flex;
        font-size: 12px;
        font-weight: 500;
        left: 12px;
        letter-spacing: .2px;
        line-height: 14px;
        padding: 0 4px;
        position: absolute;
        top: -6px;
        z-index: 2;
    }
    .phone-input {
        position: relative;
    }
    .form-item {
        cursor: pointer;
        margin: 0 0 16px;
    }
    .contact-us-v2__form .ui-text-input--textarea .ui-text-input__box {
        height: 120px;
    }
    .contact-us-v2 .request-form__field, .request-form .request-form__field, .ui-form-v2 .request-form__field {
        position: relative;
        width: 100%;
    }
    .contact-us-v2__form .request-form__field:nth-child(n+2) {
        margin-top: 24px;
    }
    .contact-us-v2__form-submit {
        background-color: #f7f2ee;
        border-radius: 0;
        color: #cc9577;
        font-size: 14px;
        font-weight: 700;
        height: 48px;
        letter-spacing: 1.25px;
        line-height: 16px;
        margin-top: 18px;
        text-transform: uppercase;
        transition: background-color .15s ease, color .15s  ease;
            width: 100%;
            border: none;
    }
    .contact-us-v2__form-submit:focus, .contact-us-v2__form-submit:hover {
        color: #fff;
    }
    
    .ui-button:focus, .ui-button:hover {
        background-color: #b8876e;
        background-color:  #b8876e;
        color: #fff;
       
    }
    .contact-us-v2__consent {
        color: rgba(0, 0, 0, .48);
        font-size: 10px;
        font-weight: 600;
        letter-spacing: .4px;
        line-height: 1.2;
        margin-top: 16px;
        text-align: center;
    }
    .contact-us-v2__info {
        border-top: 0;
        display: grid;
        grid-template-columns: 33.33333% 33.33333% 33.33333%;
        grid-template-columns: 1fr 1fr 1fr;
        grid-gap: 40px;
        margin-top: 0;
    }
    .contact-us-v2__info-item {
        border-top: 1px solid rgba(0, 0, 0, .12);
        margin-bottom: 0;
        padding-top: 24px;
        text-align: left;
    }
    .contact-us-v2__info-title {
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 1.5px;
        line-height: 20px;
        margin-bottom: 16px;
        text-transform: uppercase;
        color: #cc9577;
    }
    .contact-us-v2__info-item button {
        background-color: transparent;
        border: 0;
        /* color: #cc9577; */
        padding: 0;
        text-align: left;
        pointer-events: none;
    }
    
    .contact-us-v2__info-item a, .contact-us-v2__info-item button {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .44px;
        line-height: 1.5;
    }
    .contact-us-v2__info-item a {
        color: rgba(0, 0, 0, .88);
    }
    .contact-us-v2__info-item a, .contact-us-v2__info-item button {
        font-size: 16px;
        font-weight: 500;
        letter-spacing: .44px;
        line-height: 1.5;
    }

    .slidetoptxt{
       img{
                width: 25px !important;
            }
        .fromtxt{
            font-size: 12px ;
            color: #b4b4b4;
        }
        .washing{
            font-size: 16px ;
            font-weight: 600 ;
            color: #fff;
        }
        .code{
            font-size: 14px ;
            font-weight: 400 ;
            color: #b4b4b4 ;
        }
    }
    .slide1{
        .item{
            background-color: #182f26 ;
            border-radius: 30px ;
            overflow: hidden;
        }
    }
    .slidetxt{
        padding: 10px ;
    }
    .slidemidtxt{
       p{
         font-size: 14px ;
        font-weight: 400 ;
        color: #dcdcdc ;
        padding: 10px;
       }
    }
    .slidemidmain{
        padding: 10px 0;
        margin: 20px 0;
        border-top: 2px dashed #285068;
        border-bottom: 2px dashed #285068;
    }
    .tbcsec{
        background: #d7b871;
        display: flex ;
        justify-content: space-between ;
        align-items: center ;
        padding: 5px 10px;
        border-radius: 5px ;
        p{
            margin-bottom: 0 ;
            color: #182f26 ;
            font-size: 15px ;
            font-weight: 600 ;
            
        }
    }
    .customerfare{
        font-size: 12px ;
        font-weight: 400 ;
        color: #6d9ab5 ;
        margin: 10px 0;
    }
    .slider-inner{
        padding: 50px ;
        background-color: rgb(11 27 36);
        border-radius: 30px ;
    }
    .slide1 .owl-nav{
        position: absolute ;
        top: 50% ;
        width: 100% ;
        z-index: 10 ;
        transform: translateY(-50%);
        display: flex ;
        justify-content: space-between ;
        align-items: center ;
    }
    .owl-nav button{
        width: 40px ;
        height: 40px ;
        border-radius: 50% ;
        background-color: #d7b871 !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .owl-nav .owl-prev{
        position: absolute ;
        left: -70px !important;
    }
      .owl-nav .owl-next{
        position: absolute ;
        right: -70px !important;
    }
    .owl-prev img,
.owl-next img {
  transition: filter 0.3s ease;
}
.smarttext{
    text-align: center;
    margin-bottom: 40px ;
}
.smart{
    font-size: 15px ;
    color: #d7b871 ;
    margin-bottom: 0 ;
}
.save{
    font-size: 31px;
    font-weight: 500;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
}
.uncover{
    font-size: 18px ;
    font-weight: 500 ;
     color: #ffffff ;
}

    @media screen and (max-width:768px) {
        .slider-inner{
            padding: 20px 0px ;
        }
        .slidetoptxt {
            .washing {
                font-size: 12px;
            }
        }
         .slidemidtxt{
       p{
         font-size: 12px ;
         padding: 5px ;
       }
    }
    .tbcsec {
    p {
        font-size: 12px;
    }
    }
   .smart {
    font-size: 12px;
   }
   .save {
    font-size: 16px;
    }
    .uncover {
       font-size: 11px;
    }
    
}
.srj5{
    padding: 0px 100px;
}

.sampletxt{
    text-align:  center ;
   p{
    font-size: 14px ;
    color: #a0a0a0 ;
   }
}
.dealbtn{
    background-color: #d7b871;
    padding: 10px 50px ;
    border-radius: 30px ;
    font-weight: 600 ;
    border: none ;
    color: #182f26 ;
    transition: 0.5s ;
    margin-top: 10px ;
    display: inline-block ;
    &:hover{
        color:#ffffff ;
        background-color: #182f26;
    }
}



/* book-with-us-sec */
.book-sec-main{
    padding:50px 0;
}
.reason{
    font-size: 14px ;
    font-weight: 600 ;
    text-transform: uppercase;
    color: rgba(0, 0, 0, .64);
}
.iconimg{
    min-width: 96px ;
    max-width: 96px ;
    height: 96px ;
    border-radius: 50% ;
    background-color: #FFFFFF ;
    display: flex ;
    justify-content: center ;
    align-items: center ;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
    img{
        min-width: 40px ;
        max-width: 45px ;
    }
    i{
        color: #182f26 ;
        font-size: 30px ;
    }
}

.exclusive{
    font-size: 18px ;
    color: #333333 ;
}
.accordion-button{
    color:rgba(0, 0, 0, 0.795);
    font-weight: 700 ;
    padding: 30px 10px;
}
.accordion-button:focus{
    box-shadow: none ;
}
.accordion-button:not(.collapsed){
    background-color: white !important;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .2px;
    line-height: 1.25;
    color: rgba(0, 0, 0, 0.795) !important;
}
.accordion-button::after{
    color: #d7b871 !important;
}
.question-main{
    background-color: white ;
    padding: 50px 0;
}
.accordion-item{
    border-top: none;
    border-left: none;
    border-right: none;
    width: 48%;
    margin: 10px;
  
}
.accordion-item:nth-child(6){
    border-bottom: none;
}
.accordion-item:last-child{
    border-bottom: none;
}
.contact-us-v2{
    border-top: 1px solid rgba(0, 0, 0, .12);
}
.how-it-works-v2{
    padding: 50px 0;
}
@media screen and (max-width:768px) {
    .trip-toggle label {
        font-size: 12px !important;
    }
    .trip-toggle{
        width: 100% ;
    }
    .hfrgr{
        padding: 0;
    }
    .ewrtf{
        border: 1px solid #9f9f9f !important;
        border-radius: 12px;
        margin-bottom: 9px;
    }
    .hse5w {
        position: inherit;
        transform: unset;
        width: 100%;
        margin-top: 22px;
    }
   
    .sted34,.hgers3{
        top: 50%;
    }
    .how-it-works-v2{
        padding: 0;
    }
    .how-it-works-v2 .section__subtitle {
        font-size: 12px;
        margin-bottom: 10px;
    }
    .how-it-works-v2 .section__title {
        font-size: 24px;
    }
    .how-it-works-v2__steps {
        grid-template-columns: 1fr;
        grid-row-gap: 12px;
    }
    .how-it-works-v2__steps-text {
        font-size: 12px;
    }
    .how-it-works-v2__steps-title {
        margin-bottom: 3px;
    }
    .how-it-works-v2__steps-item:after {
        height: 1px;
        left: 50%;
        width: 100%;
        transform: translateX(-50%);
        top: -12px;
    }
    .how-it-works-v2__steps-item {
        margin-top: 10px;
    }
    .srj5{
        padding: 0 20px;
    }
    
.iconimg {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    img {
        min-width: 24px;
        max-width: 24px;
    }
}
.book-sec-main {
    padding: 34px 0;
}
.sted34 {
    width: 30px;
    height: 30px;
}
.shdgt {
    width: 65px;
}
.accordion-button {
    font-weight: 500;
    padding: 15px 10px;
}
h2.section__title {
    font-size: 21px;
}
.reason {
    font-size: 12px;
}
.owl-nav .owl-prev {
    left: -34px !important;
}
.owl-nav .owl-next {
    position: absolute;
    right: -34px !important;
}
.sampletxt {
    p {
        font-size: 10px;
    }
}
.contact-us-v2__description {
    width: 100%;
}
.contact-us-v2__main {
    display: block;
}
.contact-us-v2__form-col {
    margin-top: 28px;
    width: 100%;
}
.contact-us-v2__form {
    display: block;
    width: 100%;
}
.contact-us-v2__info {
    display: block;
}
.contact-us-v2__info-item {
    margin-bottom: 12px;
}
}

/* -----MULTICITY PAGE STYLE STARTS---- */
.db-imgg {
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(/resources/images/main-banner.jpg) right center / cover no-repeat;
    height: 100%;
    padding: 50px 0 50px 0;
    display: flex;
}

.calendar-icon {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}
.d-contet {

    h3 {
        font-family: 'Raleway', sans-serif;
        font-size: 50px;
        font-weight: 500;
    }

    .rgeww {
        line-height: 25px;
        font-size: 14px;
        max-width: 470px;
    }

    h4 {
        font-size: 16px;
        font-weight: 600;
    }

    .frde {
        p {
            font-size: 14px;
        }
    }
}

.flight-card {
    background: #fff;
    border-radius: 5px;

    .text-mut {
        color: rgb(175, 175, 175);
        line-height: 16px;
        font-size: 10px;

        a {
            color: #182f26;
        }

        a:hover {

            text-decoration: none;
        }
    }

    h4 {
        font-weight: 600;
        font-size: 23px;

        span {
            color: #d7b871;
            font-size: 20px;
        }
    }

    .dfefe {
        select {
            background-color: rgb(244, 244, 244);
            padding: 12px !important;
            font-size: 12px !important;
            border: none !important;
            border-radius: 0 !important;
        }

        .form-select:focus {
            box-shadow: none !important;
        }
    }

    .dwdw {
        font-size: 17px;
    }

    .gvfthh {
        .rimary {
            padding-top: 10px;
            padding-bottom: 10px;
            border: 3px solid #d7b871;
            color: #d7b871;
            background-color: transparent;
            cursor: pointer;
            border-radius: 6px;
            font-size: 14px;
            font-weight: 700;
        }

        .rimary:hover {
            border: 3px solid #d7b871;
            color: #ffffff;
            background-color: #d7b871;
        }

        .nger {
            padding-top: 10px;
            padding-bottom: 10px;
            cursor: pointer;
            color: #fff;
            border: 3px solid #182f26;
            border-radius: 6px;
            background-color: #182f26;
            font-size: 14px;
            font-weight: 700;
        }

        .nger:hover {
            border: 3px solid #d7b871;
            color: #d7b871;
        }
    }

    .frtre {
        border: 1px solid #ced4da;
    }

    input {
        border-radius: 0;
    }

    .bordyu {
        border: none !important;
    }

}

.or-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;

    span {
        font-size: 18px;
    }
}

.or-wrapper hr {
    flex: 1;
    border-top: 1px solid rgb(108 108 108);
}

.form-select:focus {
    box-shadow: none !important;
    border-color: #d7b871 !important;
}

.form-control:focus {
    box-shadow: none !important;
    border-color: #d7b871 !important;
}

.flight-number {
    color: rgb(130 128 128);
    position: absolute;
    top: 17px;
    left: -14px;
}

.flight-numr {
    position: absolute;
    top: 17px;
    right: -16px;

    img {
        width: 10px;
        height: 10px;
    }
}

.asttsa {
    border: 1px solid #d7b871;
    color: #454545;
    width: 22px;
    font-weight: 500;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 18px;
    border-radius: 50%;
    margin-right: 4px;
    cursor: pointer;
}

@media screen and (max-width:768px) {
    .d-contet {
        h3 {
            font-size: 31px;
        }

        .rgeww {
            line-height: 23px;
            font-size: 12px;
            max-width: 100%;
        }

        h4 {
            font-size: 14px;
        }

        .frde {
            p {
                font-size: 12px;
            }
        }
    }

    .db-imgg {
        padding: 50px 0 0px 0;

    }

    .mob-pad {
        padding: 0;
    }

    .flight-card {
        border-radius: 0;

        h4 {
            font-size: 17px;

            span {
                font-size: 16px;
            }
        }
    }

    .flight-card {
        .gvfthh {
            .rimary {
                padding-top: 8px;
                padding-bottom: 8px;
                font-size: 11px;
            }

            .nger {
                padding-top: 8px;
                padding-bottom: 8px;
                font-size: 11px;
            }
        }
    }

    .dfefe {
        p {
            font-size: 11px;
        }
    }

    .jjjhk {
        left: 19px;
    }
    .accordion-item{
        width: 100%;
        margin: 0px;
    }
    .accordion-item:nth-child(6){
        border-bottom: 1px solid #dee2e6 !important;
    }
    
}

/* -----MULTICITY PAGE STYLE ENDS---- */