@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
/* ======================= */
:root{
    --blue  :var(--color1);
    --white :#FFFFFF; 
    --pink  :var(--color2);
    --dark-yellow   :var(--color3);
    --light-yellow  :var(--color3);
    --green :#278A02;
    --black :var(--color1);
    --dark-grey :var(--color1);
    --light-grey: color-mix(in srgb, var(--color1) 92%, #000);
    --grey  :#DCDCDC;
    /* ------------------------- */
    --montserrat-family : 'Montserrat', sans-serif;
    --source-family: "Source Sans 3", sans-serif;
    --fw-300 : 300;
    --fw-400 : 400;
    --fw-500 : 500;
    --fw-600 : 600;
    --fw-700 : 700;
    --fw-800 : 800;
    --font-11 : 11px;
    --font-12 : 12px;
    --font-13 : 13px;
    --font-14 : 14px;
    --font-16 : 16px;
    --font-18 : 18px;
    --font-22 : 22px;
    --font-26 : 26px;
    --font-28 : 28px;
    --font-32 : 32px;
    --font-36 : 36px;
    --font-42 : 42px;
    --font-52 : 52px;
    --btn-color : var(--color1);
    --box-shadow : #A9A9A9;
    --white : #FFFFFF;
}
/* ========================= */
body
    /* font-family: var(--montserrat-family); */
    font-family: var(--source-family);
    font-size:var(--font-14);
    font-weight:var(--fw-600);
}
.__heading_1{
    font-size:var(--font-36);
}
.__heading_2{
    font-size:var(--font-32);
}
.__heading_3{
    font-size:var(--font-28);
}
.__heading_4{
    font-size:var(--font-26);
}
.__heading_5{
    font-size:var(--font-22);
}
.__heading_6{
    font-size:var(--font-16);
}
.__bg_primary{
    background-color: var(--blue)!important;
}
.__fw-500{
    font-weight: var(--fw-500)!important;
}
.__fw-600{
    font-weight: var(--fw-600)!important;
}
/* -------------------------- */
.__icon{
    color:var(--pink);
}
.__signup-btn{
    font-weight:var(--fw-600);
    font-size:var(--font-14);
    background-color : transparent;
    color : var(--white);
    border-color: var(--white);
    border-radius:4px;
    padding:8px 15px;
}
.__signup-btn:hover{
    background-color:var(--pink);
    border-color:var(--pink);
}
.cursor__pointer{
    cursor: pointer;
}
.more_info:hover{
    background-color: #ccc;
    transition:ease-in;
}
/* ======= TOP NAVBAR SECTION ========= */
.__top-nav{
    background-color:var(--grey);
    font-weight: var(--fw-500);
}
.__top-nav .dropdown-menu .dropdown-item{
    font-size:var(--font-12);
    font-weight: var(--fw-600);
}
.__top-nav a{
    text-decoration:none;
    color:var(--black)
}
/* ======== NAVBAR SECTION ======= */
.__navbar{
    background-color:color-mix(in srgb, var(--color1) 92%, #000);
    padding:12px 0;
}
.__logo{
    max-width:252px;
}
.__navbar .__nav-item{
    width:100%;
    display:flex;
    justify-content: end;
    align-items: center;
}
.__navbar .__nav-item .nav-link{
    color:var(--white);
    text-transform: capitalize;
    font-weight: 500;
}
/* ======HERO SECTION ==== */
.__hero-section{
    background-image: url('../../images/hero-banner-img.png');
    max-width:100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.__hero-section .hero__overlay{
    width:100%;
    background-color: color-mix(in srgb, var(--color1) 53%, transparent);
}
.__hero-section h3{
    font-size:var(--font-52);
    font-weight: var(--fw-600);
    color:var(--white);
    padding-right:5.5rem;
}
.__hero-section p{
    font-size: var(--font-26);
    font-weight: var(--fw-500);
    color:var(--white);
    padding-right:7.5rem;
}
.__login-container{
    background-color:color-mix(in srgb, var(--color1) 49%, transparent);
    border-radius: 24px;
    padding:22px 38px;
    color: var(--white);
    border:1px solid var(--grey)
}
.__login-container h5{
    font-size: var(--font-18);
    font-weight: var(--fw-600);
}
.__login-container h6{
    font-size: var(--font-12);
    font-weight: var(--fw-500);
}
.__login-container .__form .form-group{
    margin:0 0 15px;
}
.__login-container .__form .form-group:last-child{
    margin-bottom:0;
}
.__login-container .__form label{
    font-weight: var(--fw-500);
    text-transform: uppercase;
    margin:0 0 2px;
    font-size: var(--font-12);
}
.__login-container .__form .__form-input{
    width: 100%;
    outline: none;
    height: 44px;
    padding: 4px 60px;
    font-weight: 400;
    border-radius: 4px;
    border: 1px solid #fff;
    background-color: #b1afaf91;
    color:#fff;
}
.__login-container .__form .__form-input::placeholder{
    color:#fff;
}
.__input-sec{
    position:relative;
}
.__input-sec div{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left:14px;
    border-right:1px solid var(--box-shadow);
    padding-right:8px;
}
.__input-sec .fa-eye{
    position: absolute;
    right:20px;
    top:50%;
    transform: translateY(-50%);
    cursor: pointer;
}
.__input-sec img{
    width:22px;
}
.__login-container .__form .__btn,
.__login-container .form .__btn,
.__btn{
    width: 100%;
    outline: none;
    background-color: var(--pink);
    color: var(--white);
    padding: 10px 0;
    text-transform: uppercase;
    font-weight: var(--fw-500);
    font-size: var(--font-14);
    border-radius: 4px;
}
.__btn{
    width:auto;
    padding:10px 18px;
    font-size: var(--font-14);
    border-radius:4px;
}
.select_hotel_btn{
    font-size:var(--font-12);
    padding:8px 12px!important;
}
.__btn:hover{
    background-color: var(--pink);
    color:var(--white)
}
.__signup-line{
    font-size:var(--font-14);
    font-weight: var(--fw-500);
}
.__signup-line a{
    font-weight: var(--fw-500);
    color:var(--white);
    text-decoration:none;
}
.animated_icon{
    margin:50px 0 0;
}
.animated_icon ul{
    list-style-type: none;
    display: flex;
    margin:0 0 20px;
    padding:0;
    align-items: center;
    gap:2rem;
}
.animated_icon ul li{
    border:1px solid var(--white);
    width:52px;
    height:52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius:14px;
    background-color:#00000057;
}
.animated_icon ul li img{
    width:32px;
}
.animated_icon ul li.small{
    width:45px;
    height:45px;
}
.animated_icon ul li.small img{
    width:22px;
}
.coming_soon_heading{
    text-align: center;
    margin-bottom:6rem;
    font-weight: var(--fw-600);
}
.icon_animation{
    animation-name: grow;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.icon_animation_delay{
    animation-name: grow_2;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}
@keyframes grow {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
}
@keyframes grow_2 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
}
/*  */
.unique__features{
    padding:3rem 0;
    background-color: var(--dark-grey);
    color: var(--white);
}
.unique__features .heading{
    text-align: center;
    font-size: var(--font-32);
    margin:0 0 32px;
    color: var(--pink);
}
.unique__features .content_box_sec{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:50px;
}
.unique__features .content_box_sec .content_box{
    background-color: var(--white);
    padding: 15px 15px 15px 50px;
    color: var(--black);
    font-weight: var(--fw-600);
    min-height: 80px;
    width: 240px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: var(--font-18);
    position: relative;
}
.unique__features .content_box_sec .content_box .icon{
    position: absolute;
    width: 58px;
    height: 58px;
    background-color: var(--white);
    border-radius: 50px;
    padding: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    left:-30px;
}
.unique__features .content_box_sec .content_box .icon img{
    width:100%;
    left:0;
}
/*  */

/* ============ CONNECT THE WORLD =========== */
.__connect-the-world .__heading-sec{
    padding:0 8rem;
}
.__connect-the-world .__heading_2,
.__connect-the-world .__heading_4{
    padding:12px 0;
    margin-top:1.8rem;
    font-weight: var(--fw-700);
    font-size:var(--font-28);
    color: var(--blue);
    text-align: center;
    margin-bottom:0;
}
.__connect-the-world .__heading_4{
    padding:0 0 12px;
    margin:0 0 1.5rem;
    font-size:var(--font-22);
    font-weight: var(--fw-500);
    color:var(--black)
}
.__content-sec .__content-box{
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    padding:1.2rem;
    border-radius:12px;
    text-align:center;
    min-height: 200px;
    margin-bottom:30px;
}
.__content-sec .__content-box .__top-content{
    color:var(--pink);
    font-weight: var(--fw-700);
    font-size:var(--font-32);
}
.__content-sec .__content-box .__middle-content{
    font-size:var(--font-22);
    margin:5px 0;
}
.__content-sec .__content-box .__bottom-content{
    font-weight: var(--fw-500);
    font-size:var(--font-16);
}
.__content-sec  .__content-box-2 .__middle-content{
    text-align:left!important;
    font-size: var(--font-18);
    margin-top:1.8rem;
    font-weight: var(--fw-700);
}
.__content-sec .__brand-section{
    border:1px solid var(--grey);
    border-radius:4px;
}
.__content-sec .__brand-section img{
    max-width: 170px;
}
/* ============ // END CONNECT THE WORLD =========== */

/* ============ // PARTNER SECTION =========== */
.__partners-section{
    box-shadow: 0 5px 10px 0 var(--grey);
}
.__partners-section .__content-sec h5{
    font-weight: var(--fw-700);
    margin:0 0 2rem;
    font-size: var(--font-22);
}
.__partners-section .__content-sec{
    display: flex;
    justify-content: space-between;
}
.__partners-section .__c_box{
    border-right:1px solid #a6a6a6;
    width: 100%;
    min-height: 130px;
    padding-top:1.2rem;
}
.__partners-section .__c_box:last-child{
    border:none;
    padding-left:4rem;
}
.__partners-section .__c_box .__img{
    display: flex;
    align-items: flex-end;
}
.__partners-section .__c_box .__img img{
    max-width:130px;
    margin: 0 10px 0 0;
}
/* ============ // END PARTNER SECTION =========== */


/* ============ // ACCOMMODATION PROMOTIONS SECTION =========== */
/* .promotion_section > .promotion_slider > div{
    position:relative
} */
.promotion_section > .promotion_slider > div img{
    height:280px;
    object-fit:cover;
    border-radius:2px;
    border:1px solid #ccc;
}
.promotion_section > .promotion_slider > div .content_sec {
    position: absolute;
    top:0;
    right:0;
    width:50%;
    height:100%;
    background:#00000092;
    border-radius:30px 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:#fff;
    text-align: center;
}
.promotion_section > .promotion_slider > div .content_sec div:first-child{
    font-size:18px;
    margin:0 0 10px;
}
.promotion_section > .promotion_slider > div .content_sec div:nth-child(2){
    font-size:20px;
    line-height: 24px;
    margin:0 0 15px;
}
.promotion_section > .promotion_slider > div .content_sec button{
    outline:none;
    border:1px solid #ccc;
    background-color:#fff;
    border-radius:8px;
    font-weight: 700;
    color:var(--pink);
    margin:0 0 10px;
    font-size:18px;
}
.promotion_section > .promotion_slider > div .content_sec p{
    font-size:11px;
    font-weight: 400;
}
/* ============ // END ACCOMMODATION PROMOTIONS SECTION =========== */



/* ============  FOOTER SECTION =========== */
.__footer-container{
    background-color: var(--dark-grey);
    padding:2rem 0 0;
}
.__footer-container .__top-footer{
    border-bottom:1px solid var(--white);
}
.__footer-container .__top-footer .__c_box{
    border-right:1px solid var(--grey);
    min-height:230px;
    margin-right:10px;
}
.__footer-container .__menu{
    list-style: none;
}
.__footer-container .__menu li{
    line-height:30px;
}
.__footer-container .__menu li a{
    color:var(--white);
    text-transform: capitalize;
    text-decoration: none;
    font-weight: var(--fw-500);
}
.__footer-container .__menu li a:hover{
    color: var(--pink);
    transition:0.2s ease-in-out;
}
.__footer-container .__menu li button{
    background-color: var(--pink);
    margin-top:10px;
    border: 2px solid var(--white);
    padding:5px 15px;
    border-radius: 4px;
    color: var(--white);
    font-weight: var(--fw-500);
}
.__footer-container .__ft-content{
    color: var(--white);
    border-right:none!important;
}
.__footer-container .__ft-content h4{
    color:var(--pink);
    margin:0 0 15px;
}
.__footer-container .__ft-content p{
    font-weight: var(--fw-400);
    font-size:var(--font-16);
}
.__footer-container .__social-icon{
    list-style: none;
    padding:0;
    display: flex;
    gap:15px;
}
.__footer-container .__social-icon img{
    width:24px;
}
.__footer-container .__newsletter .__n-sec{
    border:1px solid var(--white);
    max-width: 270px;
    border-radius:50px;
    overflow: hidden;
}
.__footer-container .__newsletter .__n-sec input{
    outline:none;
    border:none;
    height:40px;
    padding:0 24px;
    background: transparent;
    color: var(--white);
    font-weight: var(--fw-500);
    font-size: var(--font-12);
}
.__footer-container .__newsletter .__n-sec button{
    border-radius:50px;
    height:34px;
    padding:0 13px;
    border:none;
    background-color: var(--pink);
    color: var(--white);
    text-transform: uppercase;
    font-weight: var(--fw-600);
}
.__footer-container .__footer-bottom ul{
    padding:10px 0;
    margin:0;
    list-style: none;
    display: flex;
    font-size:var(--font-12);
    font-weight:var(--fw-400);
    align-items: center;
    justify-content: center;
    gap:15px;
}
.__footer-container .__footer-bottom ul li{
    border-right: 1px solid var(--white);
    padding-right:15px;
}
.__footer-container .__footer-bottom ul li:last-child{
    border-right:none;
}
.__footer-container .__footer-bottom ul li a{
    text-decoration: none;
    color:var(--white);
}
/* ============ // END FOOTER SECTION =========== */

/* =============== VERIFY OTP PAGE =============== */
.__verify-otp h3{
    font-size:var(--font-32);
    color:var(--black);
    margin:0 0 32px;
    padding:0;
}
.__verify-otp h5{
    text-align:center;
}
.__verify-otp h6{
    text-align:center;
    font-size: var(--font-18);
    color:#727171;
}
.__verify-otp .__otp-inputs{
    display:flex;
    justify-content: space-between;
    margin:40px 0 50px;
}
.__verify-otp .__otp-inputs input{
    max-width:60px;
    height:30px;
    outline:none;
    padding:10px;
    border:none;
    border-bottom: 2px solid #727171;
    text-align:center;
    font-size:1.1rem;
    font-weight: var(--fw-600);
}
/* =============== // END VERIFY OTP PAGE ======== */
.__profile-btn{
    border:1px solid var(--white);
    padding:6px 12px;
    border-radius:4px;
}
a.__profile-btn::after{
    color: var(--pink);
}
.__profile-btn img{
    width:16px;
}
.__user{
    background-color: var(--dark-grey);
    border: 1px solid var(--white);
}
.__user li{
    padding-bottom:14px;
    font-size:var(--font-14);
    font-weight: var(--fw-600);
    color: var(--white);
}
.__user li a.__apply-now-btn{
    text-decoration: none;
    color:var(--pink);
    margin-left:5px;
    font-weight: var(--fw-500)!important;
    text-transform: capitalize;
}
.__user li a{
    text-decoration: none;
    color: var(--white);
    font-weight: 400;
    text-transform: uppercase;
    font-size: var(--font-12);
}
.__user li a img{
    width:20px;
}
.__user li:last-child{
    padding-bottom:0;
}
.__user.dropdown-menu[data-bs-popper]{
    right:0!important;
    left:auto;
    min-width: 260px;
    padding:15px 10px;
    text-transform: capitalize;
}
.__user .__profile-pic{
    width:50px;
}
.__user .__agent-name{
    font-size:var(--font-12);
    margin-left:10px;
    font-weight: var(--fw-600);
    color: var(--black);
}
.__user .__user-info{
    display:flex;
    align-items: center;
    background-color:var(--grey); 
    padding:10px;
    border: 1px solid var(--white);
    border-radius:4px;
}
.__user li a.__logout-btn{
    width:100%;
    border-color: var(--pink);
    background-color: var(--pink);
    color: var(--white);
    text-transform: uppercase;
    font-weight: var(--fw-600);
    font-size:var(--font-13);
    padding:12px;
}
.__account-balance li:first-child{
    border-bottom:1px solid var(--black);
}
.__account-balance li span{
    color:var(--green);
}
.bank__details{
    padding:6px 10px;
    background-color: var(--white);
}
.bank__details img{
    /* width:24px; */
    padding-right:0!important;
}
a.bank__details::after{
    content:'';
    display:none;
}
.accordion-button:not(.collapsed){
    background-color: var(--black);
    color: var(--white);
}
/*  */
.modify_search_infomation{
    border:1px solid var(--white);
    padding:15px;
    border-radius:8px;
    padding:15px 15px;
    margin:15px 0 0;
    display: none;
    gap:12px;
    position: relative;
}
.modify_search_infomation .content_box{
    background-color: var(--white);
    color: var(--black);
    display: flex;
    flex-direction: column;
    padding:8px 15px;
    border-radius: 4px;
    width:100%;
    font-weight: var(--fw-500);
}
.modify_search_infomation .content_box input{
    border:none;
    outline:none;
    font-weight: var(--fw-700);
    font-size:var(--font-14);
    width: 100%;
}
.modify_search_infomation .checkin_checkout{
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap:15px;
    /* min-width:310px; */
}
.modify_search_infomation .checkin_checkout .travel_nights{
    width: 95px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--pink);
    border-radius:50px;
}
.modify_search_infomation .modify_close_btn{
    position:absolute;
    right:10px;
    top:-20px;
    cursor: pointer;
}
/* ========= AGENT DASHBOARD ========= */
.__sidebar-menu{
    box-shadow: 3px 0 8px 0 var(--box-shadow);
    /* padding:5px 0 30px 15px; */
    padding:30px 20px;
    border-radius:8px;
    height:auto;
    background-color: var(--dark-grey);
}
.__sidebar-menu .__dashboard-btn{
    width:100%;
    background-color: var(--white);
    border:1px solid var(--white);
    color:var(--black);
    border-radius:50px 0 0 50px;
    margin:20px 0 32px 0;
    text-transform: capitalize;
    font-weight: var(--fw-600);
    padding:10px 22px;
    font-size:var(--font-22);
    text-align:left;
    /* box-shadow: 1px 3px 5px 0 #555; */
}
.__sidebar-menu .__dashboard-btn img{
    max-width:40px;
}
.__sidebar-menu .__btn-img{
    background-color: var(--black);
    width:38px;
    height:38px;
    padding:10px;
    border-radius:50px;
    display: flex;
    align-items: center;
}

.__sidebar-menu .__search-area{
    position: relative;
    margin:0;
    border:1px solid var(--black);
    border-radius:4px;
    overflow: hidden;
}
.__sidebar-menu .__search-area input{
    width:100%;
    border:none;
    outline:none;
    height:45px;
    padding:0 0 0 60px;
    font-weight: var(--fw-500);
    cursor: pointer;
}
.__sidebar-menu .__user-search-icon{
    position:absolute;
    top:50%;
    transform: translateY(-50%);
    left:15px;
    border-right:1px solid var(--black);
    padding-right:15px;
}

.__sidebar-menu .__btn-img img{
    width:100%;
}
.__sidebar-menu .__menu-list{
    text-transform: capitalize;
    line-height: 36px;
    font-weight:var(--fw-500);
    font-size:var(--font-16);
    list-style: none;
}
.__sidebar-menu .__menu-list li{
    padding-left:15px;
    position: relative;
}
.__sidebar-menu .__menu-list li::after{
    content: '';
    position: absolute;
    background-image: url(../images/dot.png);
    height: 16px;
    width: 16px;
    top: 50%;
    transform: translateY(-50%);
    left: -10px;
}
.__sidebar-menu .__menu-list a{
    text-decoration:none;
    color:var(--black)
}
.__sidebar-menu .__menu-list a.active{
    color:var(--blue);
    font-weight: var(--fw-500);
}
.__sidebar-menu .__menu-list a.__apply-now{
    color:var(--green);
    font-weight: var(--fw-600);
}
.accordion-button:focus{
    box-shadow:none;
}
.accordion-item:first-of-type .accordion-button,
.accordion-button:not(.collapsed),
[type=button]:not(:disabled), [type=reset]:not(:disabled), 
[type=submit]:not(:disabled), button:not(:disabled)
{
    padding: 12px 22px;
    font-weight: var(--fw-500);
}
.accordion-body{
    padding: 15px 30px;
}
.__account-manager-btn::after{
    content:none;
    padding:0;
    margin:0;
    width:0;
}
.__personal-info{
    border-bottom: 1px solid var(--grey);
    padding: 0 0 12px;
    margin: 0 0 10px;
    display: flex;
    align-items: center;
    gap: 12px;
}
.__name-designation{
    background-color: var(--blue);
    color:var(--white);
    padding:12px 18px;
    border-radius:0 50px 50px 50px;
}
.__personal-info p{
    margin:3px;
}
.__personal-info p:nth-child(1){
    font-size:16px;
}
.__account-info{
    font-size:var(--font-12);
    position: relative;
}
.__account-info label{
    width:115px;
    font-weight: var(--fw-700);
}
.__account-info span{
    font-weight: var(--fw-500);
}
.__top-navigator .__heading{
    text-transform: capitalize;
    font-size:var(--font-22);
}
.__top-navigator .__search{
    display:flex;
    border:1px solid var(--grey);
    padding:0;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 var(--box-shadow);
    position: relative;
}
.__top-navigator .__search input{
    outline:none;
    border:none;
    padding:10px 20px;
}
.__top-navigator .__search button{
    border: 1px solid var(--btn-color);
    background-color: var(--blue);
    color: var(--white);
    border-radius: 12px;
    text-transform: capitalize;
    height: 36px;
    padding: 2px 10px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
}
.__credit-card{
    /* background:linear-gradient(#F27F27, #794014); */
    border:1px solid var(--black);
}
.__booking-card{
    background:linear-gradient(#4CDE95, #266F4B);
    border:1px solid var(--pink);
}
.__credit-card,
.__booking-card{
    width:100%;
    border-radius:12px;
    padding:15px 0;
    font-weight: var(--fw-500);
    font-size:var(--font-16);
    box-shadow: 0 0 5px 2px #999797;;
}
.__credit-card .__balance,
.__booking-card .__balance{
    padding:0 20px;
}
.__credit-card img,
.__booking-card img{
    max-width: 35px;
}
.__credit-card .__card-strip,
.__booking-card .__card-strip{
    background-color: var(--black);
    color: var(--white);
    font-weight: var(--fw-500);
    padding:5px 20px;
    margin:10px 0 30px 0;
    font-size:var(--font-22)
}
.__credit-card .__card-strip{
    margin-left: -1px;
    margin-right: -1px;
}
.__booking-card .__card-strip{
    background-color: transparent!important;
    color: var(--white);
}
/* ========= // END AGENT DASHBOARD ========= */

/* =========  CALENDAR DASHBOARD ========= */
.__calendar-container{
    margin:30px 0 0;
    padding:15px 20px;
    box-shadow: 0 0 5px 0 var(--box-shadow);
    border-radius:12px;
}
.__calendar-container .__calendar-heading{
    font-size:var(--font-22);
}
.__login-details .__heading,
.__password-change .__heading{
    padding:7px 14px 7px 45px;
    border:1px solid var(--blue);
    border-radius:4px;
    position:relative;
    font-size:14px;
}
.__login-details .__heading p,
.__password-change .__heading p{
    border-left: 1px solid #000;
    padding-left: 10px;
}
.__login-details .__heading p,
.__password-change .__heading p{
    margin:0;
}
.__login-details .__heading img,
.__password-change .__heading img{
    position:absolute;
    left:15px;
    top:50%;
    transform:translateY(-50%);
    width:17px;
}
.__table{
    font-size: var(--font-13);
    font-weight: var(--fw-500);
}
/* ========= // END AGENT DASHBOARD ========= */

/* ============== FORM =================== */
.__main-heading{
    display:flex;
    background-color:var(--black);
    align-items: center;
    color:#FFF;
    padding:10px 24px 10px 18px;
    border-radius:50px 5px 5px 50px;
    gap:15px;
    box-shadow: 0 0 8px 0 var(--black);
}
.__main-heading .__img{
    width:40px;
    height:40px;
    padding:8px;
    align-items:center;
    display:flex;
    background-color: var(--white);
    border-radius:50px;
    border:1px solid var(--pink);
}
.__main-heading .__img img{
    width:100%;
}
.__main-heading p{
    margin:0;
    font-size:var(--font-18);
    font-weight: var(--fw-500);
}

.__form-container{
    margin:15px 0 0;
}
.__form-container .__form{
    box-shadow: 0 0 5px 0 var(--box-shadow); 
    padding:12px 15px;
    border-radius:4px;
}
.__form-container .__form .__form-group label{
    font-size:var(--font-12);
    font-weight:var(--fw-700);
    margin:0 0 5px;
    color:var(--black)
}
.__form-container .__form .__form-group .__form-control{
    width:100%;
    height:45px;
    padding:5px 15px;
    outline:none;
    border:1px solid var(--blue);
    border-radius:8px;
    font-weight: var(--fw-600);
    box-shadow: 0 0 8px 0 var(--box-shadow);
    font-size:var(--font-12);
    color: #555;
}
.__form-container .__form .__form-group textarea.__form-control{
    height:50px;
}
.__form-container .__form .__form-group .__form-gourp-with-icon{
    position:relative;
}
.__form-container .__form .__form-group .__form-control-with-icon{
    padding:0 0 0 45px;
}
.__form-container .__form .__form-group img{
    position:absolute;
    width:20px;
    left:15px;
    top:50%;
    transform: translateY(-50%);
}

.__form-container .__form button{
    background-color: var(--blue);
    color:var(--white);
    font-size: var(--font-13);
    font-weight: var(--fw-700);
}
.__password-note{
    margin:12px 0 0;
}
.__password-note div{
    font-weight: var(--fw-700);
    margin:0 0 8px;
}
.__password-note ul{
    margin:0;
    padding:0;
    font-size: var(--font-13);
    list-style: none;
}
.__password-note ul li{
    line-height: 22px;
    position:relative;
    padding:0 0 0 18px;
    font-weight: var(--fw-500);
}
.__password-note ul li::before{
    content: '';
    position: absolute;
    background: url(../images/green-circle.png);
    height: 11px;
    width: 11px;
    background-repeat: no-repeat;
    left:0;
    top:50%;
    transform: translateY(-50%);
    background-size: cover;
}
.__change-profile-password div{
    font-size:var(--font-18);
}
.__company-terms-condition{
    padding:0;
    margin:0;
    list-style: none;
    position:relative;
}
.__company-terms-condition li{
    padding-left:25px;
    font-size:var(--font-14);
    font-weight: var(--fw-500);
    position: relative;
    margin:0 0 18px;
}
.__company-terms-condition li::before{
    content:'';
    position:absolute;
    left:0;
    top:5px;
    background-image: url('../images/green-circle.png');
    height: 10px;
    width: 10px;
    background-size: cover;
}
/* ============== // END FORM ============ */
.__search-result-table th{
    font-size: var(--font-12);
    font-weight: var(--fw-600);
}
.__search-result-table td{
    font-weight: var(--fw-500);
    font-size:var(--font-12)
}

/* =============== CUSTOMER SERVICE FORM ================ */
.__customer-statement-form{
    display:flex;
    justify-content: space-between;
}
.__group-box{
    width:100%;
}
.__customer-statement-form .__group-box input, 
.__customer-statement-form .__group-box select{
    width:100%;
    outline:none;
    height:50px;
    border:2px solid var(--btn-color);
    padding:0 15px;
    font-weight: var(--fw-600);
}
.__customer-statement-form .__group-box input{
    padding-left:50px;
}
.__customer-statement-form .__group-box:nth-child(1) select{
    border-right:0;
    border-radius:4px 0 0 4px;
}
.__customer-statement-form .__group-box:nth-child(3) input{
    border-left:0;
    border-radius:0 4px 4px 0;
}
.__customer-statement-form .__group-box div{
    position:relative;
}
.__customer-statement-form .__group-box label{
    margin:0 0 3px;
}
.__customer-statement-form .__group-box div .__img{
    position:absolute;
    width:22px;
    top:50%;
    transform: translateY(-50%);
    left:15px;
}
.__customer-statement-form .__group-box div .__img img{
    width:100%;
}
/* =============== // END CUSTOMER SERVICE FORM ================ */

/* =============== ABOUT PAGE ======================= */
/* .__about-hero{
    background-image: url('../images/about-hero.png');
} */
.__about-hero .__heading{
    font-size:3.5rem;
    text-transform: uppercase;
    padding:2rem 8rem;
}
.__about-sec{
    border-top:1px solid #ededed;
    background-image: url('../images/bg_img_1.png');
    width:100%;
    background-size: cover;
    background-position:center;
    padding:50px 0;
}

.__about-sec .content__box{
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    padding: 1.2rem;
    border-radius: 12px;
    text-align: center;
    min-height: 200px;
    display: flex;
    align-items: center;
}

.__about-sec .our_verticle_sec{
    position: relative;
}
.__about-sec .our_verticle_sec .out_verticle_strip{
    position: absolute;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.5);
    border-radius: 12px;
    text-align: center;
    font-size: var(--font-22);
    padding:15px 30px;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    text-transform: uppercase;
    font-weight: var(--fw-700);
    color: var(--blue);
}

.__about-sec .__heading_2{
    text-transform: uppercase;
}
.__about-sec .__heading_4{
    font-weight: var(--fw-600);
}
.__about-sec p{
    font-size: var(--font-18);
    font-weight: var(--fw-500);
}
.__about-sec .__img-sec .__image-1{
    text-align: right;
}
.__about-sec .__img-sec .__image-1 img{
    max-width:398px;
}
.__about-sec .__img-sec .__image-2{
    margin-top:-130px;
}
.__rewarded-sec{
    background-image: url('../images/award-bg.png');
    background-repeat: no-repeat;
    padding:4.5rem 0;
}
.__rewarded-sec .__heading_2{
    color:var(--white);
    text-transform: uppercase;
}
.__rewarded-sec img{
    max-width:220px;
}
.__team-box .__content{
    text-align: center;
}
.__team-box .__content h2{
    font-size: var(--font-22);
    font-weight: var(--fw-700);
    text-transform: uppercase;
}
.__team-box .__content h4{
    font-size:var(--font-16);
    font-weight: var(--fw-600);
}
.__team-box .__social{
    padding:0 90px;
    display: flex;
    justify-content: space-between;
}
.__team-box .__social a{
    display: flex;
    justify-content: center;
    align-items: center;
    width:35px;
    height:35px;
    border-radius:50px;
    border:1px solid #9e9c9c;
    padding:5px;
}
.__gallery-img{
    width:100%;
}

.most__trusted__section{
    background-color: #FFEAEA;
    padding:50px 0;
    margin:30px 0;
}
.most__trusted__section .main_text{
    font-size:var(--font-36);
    color: var(--pink);
    font-weight: var(--fw-700);
}
.most__trusted__section .main_text span{
    color:var(--black)
}
.most__trusted__section p{
    margin:0;
    font-size:var(--font-22)
}
.most__trusted__section .country_icon{
    width: 70px;
    cursor: pointer;
}
.most__trusted__section .country_name{
    margin:10px 0 0;
}
.most__trusted__section .country_icon:hover,
.our_service_sec .service_herarchy ul li button:hover{
    transform: scale(1.2);
    transition: 0.2s ease-in-out;
}
.about__content .about__content__heading{
    font-size:var(--font-32);
    font-weight: var(--fw-800);
    color:var(--pink)
}
.about__content p{
    color:var(--black);
    font-size: var(--font-14);
    line-height: 26px;
}
.our_service_sec{
    background-image: url('../images/about/our_service_bg.png');
    padding:50px 0;
    background-size: cover;
    background-position: center;
}
.our_service_sec{
    color:#fff;
}

.our_service_sec .servie_left div:nth-child(1){
    color: var(--pink);
    font-size:var(--font-28);
    font-weight: var(--fw-700);
    margin:0 0 10px;
}
.our_service_sec .servie_left div:nth-child(2)
{
    line-height: 24px;
}
.our_service_sec .service_herarchy{
    position: relative
}
.our_service_sec .service_herarchy::before{
    content:'';
    border-left:2px solid #fff;
    position: absolute;
    height:80px;
    transform: rotate(90deg) translateY(-50%);
    top:40%;
    left:41px;
}
.our_service_sec .service_herarchy::after{
    content:'';
    background-color:#fff;
    width:8px;
    height:8px;
    position:absolute;
    top:52.1%;
    transform: translateY(-50%);
    border-radius:50px;
    left:37px;
}
.our_service_sec .service_herarchy ul{
    list-style-type: none;
    margin:0 0 0 130px;
    position: relative;
}
.our_service_sec .service_herarchy ul li button{
    background-color: #fff;
    color:var(--black);
    font-weight: var(--fw-700);
    border-radius:4px;
    outline:none;
    border:none;
    font-size:var(--font-14);
}

.our_service_sec .service_herarchy ul li{
    margin-bottom:50px;
    position: relative;
}

.our_service_sec .service_herarchy ul::before{
    content: '';
    border-left:2px solid #fff;
    height:87%;
    position: absolute;
    margin-left:-40px;
    top:50%;
    transform: translateY(-50%);
}
.our_service_sec .service_herarchy ul li::before{
    content: '';
    border-left:2px solid #fff;
    height:100%;
    position: absolute;
    transform: rotate(-90deg);
    left:-18px;
}
.__connect-the-world .__team-box{
    border:1px solid #ccc;
    text-align: center;
    padding:20px 0;
}
.__connect-the-world .__team-box .__img img{
    width:190px;
    height:190px;
}
/* =============== // END ABOUT PAGE ================ */


/* ==============REACH US PAGE ============== */
.__reach_us_hero_sec{
    background-image: url('../images/reach-us/Untitled-1.png');
    padding:60px 0;
    width:100%;
    background-size: cover;
    background-position: center;
    color:#fff;
}
.__reach_us_hero_sec .heading{
    font-size:var(--font-18);
    text-transform: uppercase;
}
.__reach_us_hero_sec .pargraph{
    font-size:var(--font-16);
    font-weight: var(--fw-300);
    text-transform: none;
}
.contact_details .heading{
    border:1px solid #999;
    display: flex;
    align-items: center;
    padding:15px;
    gap:8px;
    font-size:16px;
}
.contact_details .form label{
    font-size:13px;
}
.contact_details .form .form_control{
    border-radius:2px;
    height:45px;
    font-size:13px;
    color:#000;
    border-color: #d2d2d2;
}
.contact_details .form .textarea:focus,
.contact_details .form .form_control:focus{
    box-shadow: none;
    border-color:#000;
}
.contact_details .form .textarea{
    border-radius:2px;
    font-size:13px;
    color:#000;
    border-color: #d2d2d2;
}
.contact_details .form button {
    border: 1px solid var(--pink);
    background-color: var(--pink);
    color: var(--white);
    text-transform: uppercase;
    padding: 8px 22px;
    margin-top: 14px;
    font-size: 14px;
    border-radius: 4px;
}
.contact_details .form button:hover{
    opacity: 0.7;
}
.contact_details .content_box{
    border:1px solid #999;
    padding:30px;
    border-top:none;
    height:100vh;
}
.contact_details .twenty_four_seven{
    border: 1px solid #999;
    padding:15px 15px 15px 45px;
    border-radius:8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-direction: column;
    font-size: 16px;
    margin:15px 0 0;
}
.contact_details .twenty_four_seven .circle{
    width: 60px;
    height: 60px;
    border: 1px solid #999;
    border-radius: 100px;
    position: absolute;
    left: -30px;
    background: #fff;
    padding:12px;
}
.contact_details .twenty_four_seven .circle img{
    width:100%;
}
.contact_details .basic_info{
    margin:50px 0 0;
}
.contact_details .basic_info .first-child{
    font-weight: 700;
    font-size:16px;
    margin:0 0 20px;
}
.contact_details .basic_info ul{
    margin:6px 0 0;
    padding:0;
    list-style: none;
}
.contact_details .basic_info ul li{
    margin:0 0 10px 20px;
    font-weight: 400;
    line-height: 24px;
    position:relative;
}
.contact_details .basic_info ul li img{
    position:absolute;
    width:14px;
    left:-19px;
    top:6px;
}
.connect_with_us{
    margin:50px 0;
    padding:50px 0;
    background-color:#ffeaea;
}
.connect_with_us .heading{
    font-size:26px;
    text-align: center;
    margin:0 0 20px;
}
.connect_with_us .contant_section{
    display: flex;
    width:100%;
    align-items: center;
}
.connect_with_us .contant_section div{
    width:100%;
}
.connect_with_us .contant_section img{
    width:100%;
}
/* ============== END REACH US PAGE ============== */


/* =============== SEARCH HOTEL SECTION ============= */
.hotel_search_sec{
    background-color: color-mix(in srgb, var(--color1) 90%, transparent);
    padding:7rem 3rem 1rem;
    border: 1px solid var(--white);
    border-radius: 12px;
    color:var(--white);
    backdrop-filter: invert(80%);
    position: relative;
    margin:5rem 0 3rem;
}
.hotel_search_sec .form_head{
    position: absolute;
    top:-75px;
    text-align: center;
    background-color: color-mix(in srgb, var(--color1) 90%, transparent);
    padding:20px 95px;
    border: 1px solid var(--white);
    border-radius: 12px;
    left:50%;
    transform: translateX(-50%);
    width:65%;
}
.hotel_search_sec .form_head .heading{
    font-size: var(--font-22);
    margin:0 0 15px;
    font-weight: var(--fw-400);
    border-bottom:1px solid var(--white);
}
.hotel_search_sec .form_head .images{
    display: flex;
    align-items: center;
    justify-content: center;
    gap:45px;
}
.hotel_search_sec .form_head .images div{
    width:48px;
    height:48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--white);
    border-radius:8px;
}
.hotel_search_sec .form_head .images div img{
    width:24px;
    filter: grayscale(var(--pink));
}
.hotel_search_sec .input_container{
    display:flex;
    gap:20px;
}
.form .form_group{
    width:100%;
}
.form .form_group label{
    font-size: var(--font-14);
    margin:0 0 2px;
    font-weight: var(--fw-400);
}
.form .form_group .input_sec{
    border: 1px solid var(--white);
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 8px;
    background-color: #ffffff4d;
}
.form .form_group .input_sec div{
    position: absolute;
    border-right: 1px solid var(--white);
    height: 52px;
    display: flex;
    align-items: center;
    padding: 13px;
}
.form .form_group .input_sec div img{
    width:22px;
}
.form .form_group .input_sec .form_input,
.form .form_group .input_sec .form_input_2,
.form .form_group .input_sec .form_select{
    width:100%;
    border:none;
    outline: none;
    height:52px;
    margin-left:60px;
    font-weight: 400;
    background-color: transparent;
    color: var(--white);
    font-size:var(--font-14);
    border-radius:0;
}
.form .form_group .input_sec .form_input::placeholder{
    color: var(--white);
}
.form .form_group .input_sec .form_input_2{
    margin:0;
    padding-left:12px;
    border-left:1px solid var(--white)
}
.form .form_group .input_sec .form_select option,
.form .form_group .input_sec .form_select option{
    color:var(--black);
    margin:0!important;
}
.form .form_group .input_sec .form_select:focus{
    box-shadow: none;
}
/*  */
.select2-container .select2-selection--single{
    height:58px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 58px;
    padding-left:0;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height:58px;
    right:15px;
}
.select2-container--default .select2-selection--single{
    border:none;
    border-radius:20px;
}

.__hotel-search-sec .__form-container .__form-group div img{
    margin:0 20px;
    width:30px;
}
.__hotel-search-sec .__category .__form-group{
    color:var(--white);
}
.__hotel-search-sec .__category .__form-group label{
    margin:0 0 8px;
}
.__hotel-search-sec .__category .__form-group div{
    display:flex;
    gap:5px;
    align-items: center;
}
.__hotel-search-sec .__category .__form-group img{
    width:20px;
    margin-left:5px;
}
.__hotel-search-sec .__category .__form-group input[type=checkbox]{
    height:20px;
    width:20px;
    clip-path: circle(60% at 50% 50%)
}
.__hotel-search-sec .__search-btn button{
    background-color: var(--pink);
    border-radius:4px;
    color:var(--white);
    font-weight:var(--fw-600);
    text-transform: uppercase;
    padding:12px 28px;
}
.__hotel-search{
    background:none;
    box-shadow: none;
    padding:10px 0;
}
.__hotel-search .__form-container .__form-group div{
    border:1px solid var(--blue);
}
.__hotel-search .__form-container .__form-group div input{
    border-color:var(--blue)
}
.__hotel-search .__form-container .__form-group label{
    color:var(--black);
    margin-left:10px;
}
.__hotel-search .__form-container .__form-group div{
    border-radius:8px;
}
.__hotel-search .__form-container .__form-group div input, 
.__hotel-search .__form-container .__form-group div select{
    height:50px
}
.__map-section{
    box-shadow: 0 0 8px var(--box-shadow);
    margin:0 0 20px;
    border-radius:12px;
}
/*  */
.modify_search_sec{
    background-image: url('../images/hotel_search_image.png');
    padding:18px 0;
    color: var(--white);
    font-weight: var(--fw-400);
    background-position: center;
    background-size: cover;
}
.modify_search_sec .modify_content_sec{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.modify_search_sec .modify_content_sec .modify_content{
    display: flex;
}
.modify_search_sec .modify_content_sec .modify_content div{
    display: flex;
    flex-direction: column;
}
.modify_search_sec .modify_content_sec .modify_content div label{
    font-weight: var(--fw-500);
    margin:0 0 5px;
}
.modify_search_sec .modify_content_sec .modify_content div input{
    max-width:90px;
    color:var(--white);
    background-color: transparent;
    outline: none;
    border:none;
    border-right:1px solid var(--white);
    margin-right: 22px;
}
.border_none{
    border:none!important;
}
.modify_search_sec .modify_btn button{
    background-color: var(--pink);
    color: var(--white);
    padding:8px 12px;
    font-size: var(--font-14);
    border:1px solid var(--white)
}
/*  */
.__sidebar-filter{
    border-right:1px solid #c3bfbf;
}
.__sidebar-filter .__img{
    width:30px;
    height:30px;
    background-color: var(--pink);
    border-radius: 50px;
    display:flex;
    align-items: center;
    justify-content: center;
    padding:5px;
}
.__sidebar-filter .__img img{
    max-width:100%;
}
.__sidebar-filter .__text{
    font-size:var(--font-14);
    font-weight: var(--fw-600);
}
.__sidebar-filter .__filter-heading{
    background-color:var(--black);
    font-size:var(--font-14);
    padding:8px 10px;
    margin:0 10px 15px 0;
    border-radius:4px;
    color: var(--white);
}
.__sidebar-filter .__filters{
    margin:0 0 30px;
}
.__sidebar-filter .__filters div{
    display:flex;
    gap:8px;
    margin:0 0 15px;
}
.__sidebar-filter .__filters div label{
    font-weight: var(--fw-500);
    font-size: var(--font-14);
    margin:0;
}
.__sidebar-filter .__filters div input[type=range]{
    width:100%;
    height:3px;
}
.__sidebar-filter .__filters div .__rounded-checkbox{
    width: 18px;
    height: 18px;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 2px solid var(--pink);
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}
.__sidebar-filter .__filters div .__rounded-checkbox:checked {
    background-color: var(--pink);
}
.__sidebar-filter .__filters div .__star{
    width:15px;
}
.__sidebar-filter .__filters.__bedrooms{
    display:flex;
    gap:15px;
    margin:0 0 0 8px;
    flex-wrap: wrap;
}
.__sidebar-filter .__filters.__bedrooms div{
    border:1px solid var(--grey);
    padding:5px 15px;
    background-color: var(--white);
    border-radius:4px;
    cursor: pointer;
}
.__hotel-content{
    display: flex;
    box-shadow: 0 0 8px 0 var(--box-shadow);
    border-radius: 12px;
    margin: 0 0 15px;
    overflow: hidden;
    padding: 20px 20px 0px;
}
.__short-property{
    display:flex;
    align-items: start;
    justify-content: space-between;
    margin:0 0 18px;
}
.__short-property .__property_count div:nth-child(2){
    font-weight: var(--fw-500);
    font-size:var(--font-16);
    margin:5px 0 0;
}
.__short-property .__short select{
    width:100%;
    height:45px;
    border-radius:8px;
    padding:0 12px;
    outline:none;
    font-weight:var(--fw-600);
}

.__hotel-content .__img .__like-btn{
    position:absolute;
    width:30px;
    height:30px;
    top:15px;
    right:15px;
    background-color: var(--white);
    z-index: 1;
    border-radius:50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.__hotel-content .__img .__like-btn img{
    width:22px;
    height:19px;
}
.__hotel-content .__img img{
    height: 125px;
    width: 175px;
    margin: 0 10px 0 0;
    border-radius: 4px;
    object-fit: cover;
}
.hotel__price{
    text-align: center;
    width:50%;
}
.hotel__price .__price{
    font-weight: var(--fw-600);
    font-size: var(--font-18);
}
.__hotel-content .__img .offer__label{
    position: absolute;
    background: #c51a1a;
    top: 14px;
    left: 0;
    z-index: 9;
    padding: 7px 10px;
    color: #fff;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
}

.room__selection__dropdown__container{
    position: absolute !important;
    width: 80%;
    padding: 10px 20px 15px;
    left: 54%;
    transform: translateX(-50%);
    z-index: 9;
    border: 1px solid #ccc;
    box-shadow: 0 3px 5px 0px #c7c2c2;
    display: flex !important;
    flex-direction: column !important;
    justify-content: start !important;
    align-items: stretch!important;
    border-radius:10px!important;
    visibility: hidden;
    opacity: 0;
}
.room__selection__dropdown__container.active{
    visibility: visible;
    opacity: 1;
}
.room__selection__dropdown{
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    width:100%;
}
.room__selection__dropdown .add__more__rooms button{
    padding:0;
    height:35px;
    width: 35px;
    outline:none;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--pink);
    border:1px solid var(--pink);
    color:var(--white);
}
.room__selection__dropdown .add__more__rooms button:first-child{
    border-radius:4px 0 0 4px;
}
.room__selection__dropdown .add__more__rooms button:last-child{
    border-radius:0 4px 4px 0;
}
.room__selection__dropdown .add__more__rooms #room__value{
    border-bottom: 1px solid;
    border-top: 1px solid;
    border-color:var(--pink);
    height:35px;
    margin:0;
    padding:10px;
    width:50px;
    text-align: center;
}
.room__selection__dropdown__container .__form-group{
    display: block!important;
    margin:0!important;
}
.room__selection__dropdown__container .__form-group label{
    color:var(--black)!important;
    font-size: 11px;
    font-weight: 700;
}
.room__selection__dropdown__container .dropdown{
    border: 1px solid var(--blue)!important;
    height:35px!important;
    border-radius:4px;
}
.room__selection__dropdown .add__more__rooms{
    flex-direction:row!important;
}
.room__selection__dropdown__container .child__age{
    margin-top:5px;
    justify-content: flex-start!important;
    gap: 15px;
}
.room__selection__dropdown__container .hotel__room__with__child{
    align-items: start!important;
    justify-content: flex-start!important;
    flex-direction: column!important;
    border-bottom: 1px solid #ccc;
    border-radius: 0 !important;
    padding: 5px 0 10px;
}

.room__selection__dropdown__container .hotel__room__with__child:last-child{
    border:none;
}
.room__selection__dropdown__container .close__btn{
    width:25px;
    height:25px;
    background-color: #ccc!important;
    display:flex!important;
    align-items: center!important;
    justify-content: center!important;
    cursor: pointer;
    color: #ff0000;
    position: absolute!important;
    right: 0px;
    z-index: 9;
    top: 0px;
}

/* START OWL */
.owl-nav{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width:100%;
    display: flex;
    justify-content: space-between;
}
.owl-nav button{
    background-color:var(--black)!important;
    width:40px;
    height:40px;
    border-radius:50px;
    opacity:0.8;
}
.owl-nav button span{
    color:var(--white);
}
/* END OWL */
.__hotel-content .__content{
    padding:10px;
    position: relative;
    width:100%
}
.__hotel-content .__content .__heading{
    font-size:var(--font-18);
    font-weight: var(--fw-700);
    text-decoration:none;
    color: var(--black);
}
.__hotel-content .__content .__city{
    padding:3px 0 8px;
    font-weight: var(--fw-500);
}
.__hotel-content .__content .__inclusion{
    font-weight: var(--fw-500);
    font-size:var(--font-12);
}
.__hotel-content .__content .__tagline{
    padding:7px 0 2px;
    font-weight: var(--fw-700);
}
.__hotel-content .__content .__short-desc{
    font-weight: var(--fw-500);
}
.__hotel-content .__content .__price-sec{
    display:flex;
    margin:15px 0 0;
    align-items: start;
    justify-content: space-between;
}
.__hotel-content .__content .__price-sec .__icon{
    width:28px;
    height:28px;
    background-color: #D80CC7;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
.__hotel-content .__content .__price-sec .__discount{
    background-color: #ff0000;
    padding:2px 10px;
    margin:0 0 2px;
    color: var(--white);
    font-size:var(--font-11);
    border-radius:4px;
}
.__hotel-content .__content .__price-sec .__price{
    font-weight: var(--fw-700);
    font-size:var(--font-18);
    display: flex;
    align-items: center;
    gap:2px;
}
.__hotel-content .__content .__guest-review{
    display:flex;
    align-items: start;
    justify-content: space-between;
}
.__hotel-content .__content .__guest-review .__review{
    display:flex;
    gap:10px;
    align-items: flex-start;
}
.__hotel-content .__content .__guest-review .__average{
    background-color: var(--green);
    padding:3px 10px;
    border-radius:4px;
    color:var(--white);
    font-size:var(--font-12);
    margin-top:5px;
}
.__hotel-content .__content .__guest-review .__total-count div:nth-child(2){
    font-weight: var(--fw-500);
    font-size:var(--font-12)
}
.__hotel-content .__content .__guest-review .__taxes{
    font-weight: var(--fw-500);
    display: flex;
    flex-direction: column;
    align-items: end;
}
.__hotel-content .__content .__guest-review .__taxes .__btn{
    font-size: var(--font-12);
    padding:10px 10px;
    border-radius:50px;
    margin:5px 0 0;
    text-transform: capitalize;
    width: 124px;
}
.hotel__room{
    color:var(--pink)!important;
}
/*=============== Sightseeing Section ========== */
.sidebar__accordian li{
    line-height: 28px;
}
.sidebar__accordian li a{
    text-decoration:none;
    font-size:13px;
    color:#222;
}

.container__main .main__heading{
    font-size:24px;
    font-weight: 600;
    margin:0 0 15px;
}
.container__strip{
    display:flex;
    align-items: center;
    gap:18px;
    margin:0 0 10px;
}
.container__strip div{
    position: relative;
}
.container__strip div::after{
    content: '';
    background-image: url('../images/line.png') ;
    position:absolute;
    right:-10px;
    top:50%;
    transform: translateY(-50%);
    height:20px;
    width:2px;
}
.container__strip div:last-child:after{
    content: '';
    background: none;
}
.image__gallery .more__images{
    display:flex;
    align-items: center;
    justify-content: space-between;
    gap:15px;
}
.image__gallery .more__images img{
    height:130px;
    width:100%;
}
.show__more__images{
    position: relative;
}
.show__more__images .overlay__section{
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    background-color: #00000098;
    padding:10px;
    border-radius:4px;
    font-size:12px;
    color:#fff;
}
.strip__transfer__time{
    margin:30px 0;
    display:flex;
    align-items: center;
    justify-content: space-between;
    border-top:1px solid;
    border-bottom:1px solid;
    border-color: #b2b2b2;
    padding:10px 0;
}
.strip__transfer__time div{
    display: flex;
    align-items: center;
    gap:10px;
}
.package__box{
    box-shadow:0 0 5px #ccc;
    margin:10px 0;
}
.package__box .__destination{
    font-weight: 500;
    margin: 0 0 5px;
}
.package__box .__content img{
    width: inherit;
}
.package__box .__content{
    padding:10px 15px;
}
.package__box .__content .__price,
.right__sidebar .__content .__price{
    font-weight: 700;
    font-size:18px;
}
.package__box .__content .__price span{
    color:#888;
    font-size:14px;
}
.promoted__experience .owl-carousel .owl-nav.disabled{
    display:flex!important;
}
.right__sidebar{
    border-radius: 4px;
    box-shadow:0 0 5px #ccc;
    padding:15px;
    position: relative;
}
.right__sidebar .offer__label{
    position: absolute;
    background: #c51a1a;
    top: 18px;
    left: 0;
    z-index: 9;
    padding: 7px 15px;
    color: #fff;
    border-radius: 0 4px 4px 0;
    font-size: 12px;
}
.right__sidebar .__content .__price p{
    font-size:12px;
    font-weight: 600;
}
.check__availability__form div{
    display: flex;
    gap:15px;
    justify-content: space-between;
}
.check__availability__form > div:first-child select{
    padding-left:40px;
}
.check__availability__form input[type=text],
.check__availability__form select{
    width:100%;
    outline: none;
    height:42px;
    border:1px solid #ccc;
    padding:10px 0 10px 15px;
    border-radius:4px;
    font-weight:600;
    color:#333;
}
.check__availability__form input[type=text]{
    padding-left:50px;
}
.check__availability__form > div > div{
    position:relative
}
.check__availability__form > div > div img{
    position: absolute;
    width:20px;
    top:50%;
    left:15px;
    transform: translateY(-50%);
}
.check__availability__form button{
    width:100%;
    margin:20px 0 0;
    border-radius:4px;
    border:none;
    background-color: var(--blue);
    color: var(--white);
}
.cancellation_policy{
    margin:15px 0 0;
    position:relative;
    padding:0 0 0 32px;
    font-size:16px;
}
.cancellation_policy img{
    position: absolute;
    left:0;
    top:3px;
}
.cancellation_policy span{
    font-weight: 800;
    text-decoration: underline;
}
.sightseeing__inclusion{
    position: relative;
    list-style: none;
    margin:0;
    padding:0;
}
.sightseeing__inclusion li{
    padding-left: 30px;
    margin:0 0 18px;
}
.sightseeing__inclusion li::before{
    content: '';
    background-image: url('../images/check.png');
    width:20px;
    position: absolute;
    height:20px;
    left:0;
}
.sightseeing__inclusion li:last-child{
    margin:0;
}
.basic_form .form-group div{
    position: relative;
}
.basic_form .form-group div img{
    position: absolute;
    right:10px;
    top:50%;
    transform: translateY(-50%);
}
.basic_form .form-group div input[type=text]{
    width:100%;
    outline:none;
    height:50px;
    border:1px solid #ccc;
    padding:15px 50px 15px 15px;
    border-radius:4px;
    font-weight: 600;
}
.basic_form .form-group label{
    margin: 0 0 5px;
}

.timeline__section{
    position:relative;
    margin:15px 0 20px 50px;
}

.timeline__section ul{
    margin:0;
    padding:0;
    list-style: none;
}
.timeline__section ul li{
    margin-bottom:32px;
    position: relative;
}
.timeline__section ul li .__heading{
    font-size:18px;
    font-weight: 700;
    margin:0 0 5px;
}
.timeline__section ul li .__heading-bottom{
    font-weight: 700;
    margin:10px 0 0;
}
.timeline__section::before{
    content: '';
    position: absolute;
    height:100%;
    width:2px;
    background:var(--blue);
    left:-30px;
    top:8px;
}
.timeline__section li::after{
    content: '';
    position: absolute;
    width: 35px;
    height: 36px;
    top: -5px;
    background: var(--blue);
    border: 2px solid var(--blue);
    left: -47px;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../images/location-pin.png);
    background-repeat: no-repeat;
    background-position: center;
}
/*=============== Sightseeing Section ========== */

/* PACKAGE DETAILS PAGE */
.__package-details{
    box-shadow: 0 0 8px var(--box-shadow);
    padding:15px 0;
    border-radius:0 0 12px 12px;
}
.__package-details .__top-sec{
    padding: 0 15px;
    display:flex;
    align-items:center;
    justify-content: space-between;
    margin: 0 0 15px;
}
.__package-details .__top-sec a{
    text-decoration: none;
}
.__package-details .__gallery{
    display:flex;
    gap:6px;
}
.__package-details .__gallery .__images-left img{
    width:100%;
    height:100%;
}
.__package-details  .__images-right,
.__package-details  .__images-left{
    width:100%;
    display:flex;
    flex-direction: column;
    gap:5px;
}
.__package-details  .__images-right .__images-top,
.__package-details  .__images-right .__images-bottom{
    display:flex;
    gap:5px;
    justify-content: space-between;
}
.__package-details  .__images-right .__images-top img,
.__package-details  .__images-right .__images-bottom img{
    width:49.5%;
    height:100%;
}
.__package-details .__menubar{
    background-color: var(--grey);
    padding:12px 15px;
    display:flex;
    justify-content: space-between;
    align-items: center;
}
.__package-details .__menubar ul{
    display:flex;
    margin:0;
    padding:0;
    list-style: none;
}
.__package-details .__menubar ul li a{
    text-decoration: none;
    margin:0 30px 0 0;
    color:var(--black)
}
.__package-details .__menubar ul li a.active{
    color:#265cd5;
}
.__package-details .__menubar button{
    font-size:var(--font-12);
    text-transform: inherit;
    border-radius:50px;
}
.__package-details .__basic-info{
    padding:30px 30px 0;
}
.__package-details .__basic-info .__heading{
    font-weight: var(--fw-700);
    font-size:var(--font-22);
}
.__package-details .__basic-info .__star-rating img{
    width:13px;
}
.__package-details .__basic-info p{
    font-weight: var(--fw-500);
    margin:5px 0 15px;
    font-size:var(--font-16)
}
.__package-details .__basic-info .__trust img{
    width:30px;
}
.__package-details .__basic-info .__trust span{
    font-weight: var(--fw-500);
}
.__package-details .__basic-info .__rating-sec div{
    display:flex;
    align-items: center;
    gap:5px;
}
.__package-details .__basic-info .__rating-sec .__rating{
    background-color: var(--green);
    color:var(--white);
    padding:5px 15px;
    font-size:var(--font-12);
    border-radius:8px;
}
.__package-details .__basic-info .__rating-sec  a{
    text-decoration: none;
    font-size:var(--font-12);
}
.__package-details .__basic-info .__inclusion .__incl{
    font-weight: var(--fw-500);
    display: flex;
    gap: 150px;
    margin:0 0 20px;
}
.__package-details .__basic-info .__inclusion .__incl img{
    width:18px;
}
.__package-details .__basic-info .__inclusion .__incl div{
    display: flex;
    align-items: center;
    gap: 8px;
    width: 120px;
}

.__related-hotel-sec .__related-hotel  .__heading,
.__also-like-sec .__heading{
    font-size:var(--font-22);
    font-weight: var(--fw-700);
}
.__related-hotel .__hotels{
    display: flex;
    gap:30px;
    margin:15px 0 0;
}
.__related-hotel .__hotels .__hotel{
    position:relative;
    box-shadow: 0 0 8px var(--box-shadow);
    border-radius:8px;
    overflow: hidden;
}
.__related-hotel .__hotels .__hotel .__pkg-info{
    padding:10px 15px;
}
.__related-hotel .__hotels .__hotel .__img img{
    width:100%;
}
.__related-hotel .__hotels .__hotel .__policy-sec .__heading,
.__related-hotel .__hotels .__hotel .__basic-info .__heading,
.__related-hotel .__hotels .__hotel .__extra .__heading{
    font-size:var(--font-16);
}
.__related-hotel .__hotels .__hotel .__policy-sec .__rating,
.__related-hotel .__hotels .__hotel .__basic-info .__rating{
    font-weight: var(--fw-500);
    padding:2px 0;
    font-size: var(--font-13);
}
.__related-hotel .__hotels .__hotel .__inclusion .__incl{
    margin:8px 0;
    display: flex;
    align-items: center;
    gap:6px;
}
.__related-hotel .__hotels .__hotel .__inclusion .__incl span{
    font-weight: var(--fw-500);
    font-size:var(--font-13)
}
.__related-hotel .__hotels .__hotel .__inclusion .__incl img{
    width:18px;
}
.__related-hotel .__hotels .__hotel .__inclusion a{
    text-decoration: none;
    font-size:var(--font-12);
    display: flex;
    align-items: center;
    gap:5px;
    border-bottom:1px solid #ccc;
    padding:0 0 10px;
    margin:5px 0 10px;
}
.__related-hotel .__hotels .__hotel .__policy-sec .__rounded-checkbox,
.__related-hotel .__hotels .__hotel .__extra .__rounded-checkbox{
    display: flex;
    gap:6px;
    font-weight: var(--fw-500);
    padding:5px 0;
    justify-content: space-between;
}
.__related-hotel .__hotels .__hotel .__policy-sec .__rounded-checkbox div:first-child,
.__related-hotel .__hotels .__hotel .__extra .__rounded-checkbox div:first-child{
    display:flex;
    align-items: center;
    justify-content: start;
    gap:5px;
}
.__related-hotel .__hotels .__hotel .__policy-sec{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 15px;
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec{
    display:flex;
    align-items: end;
    justify-content: space-between;
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec .__discount{
    background-color: #ff0000;
    width:70px;
    text-align: center;
    font-size:var(--font-12);
    color:var(--white);
    border-radius:4px;
    font-weight: var(--fw-500);
    padding:2px 0;
    margin:5px 0;
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec .__price{
    font-weight: var(--fw-700);
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec .__total{
    font-weight: var(--fw-500);
    font-size: var(--font-13);
    margin: 0 0 5px;
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec .__inclusive-tax{
    font-weight: var(--fw-500);
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec .__timer{
    margin:0 0 5px;
    color:#ff0000;
    font-weight: var(--fw-500);
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec a{
    text-decoration: none;
    font-size: var(--font-13);
    margin:2px 0;
}
.__related-hotel .__hotels .__hotel .__extra .__price-sec button{
    border-radius:50px;
    padding:10px 20px;
    text-transform: capitalize;
}
.__also-like-sec{
    position: relative;
}
.__also-like-sec .__hotel-slider .__hotel .__img img{
    width:100%;
}
.__also-like-sec .__hotel-slider .__hotel .__heading{
    font-size:var(--font-16);
}
.__also-like-sec .__hotel-slider .__hotel{
    box-shadow: 0 0 8px 0 var(--box-shadow);
    overflow: hidden;
    border-radius: 8px;
    margin:0 0 5px;
}
.__also-like-sec .__hotel-slider .__hotel .__content{
    padding:10px 15px;
}
.__also-like-sec .__hotel-slider .__hotel .__city{
    font-weight: var(--fw-500);
    padding:5px 0;
}
.__also-like-sec .__hotel-slider .__hotel .__incl{
    font-weight: var(--fw-500);
    display: flex;
    gap:5px;
}
.__also-like-sec .__hotel-slider .__hotel .__refundable{
    display:flex;
    align-items: center;
    justify-content: start;
    margin:5px 0 5px -5px;
    font-weight: var(--fw-500);
    gap:4px;
}
.__also-like-sec .__hotel-slider .__hotel .__refundable img{
    width:auto;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec{
    font-weight: var(--fw-500);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__review-sec{
    display: flex;
    align-items: center;
    gap:10px;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__review-sec .__review{
    display: flex;
    flex-direction: column;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__review-sec .__rating{
    background-color: var(--green);
    padding:2px 10px;
    font-size: var(--font-12);
    color: var(--white);
    border-radius:4px;
}
.__also-like-sec .__hotel-slider .__hotel .__content .__incl  img{
    width:auto;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__review-sec .__review span:first-child{
    font-weight: var(--fw-700);
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__price{
    text-align: right;
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__price .__amount{
    font-weight: var(--fw-700);
}
.__also-like-sec .__hotel-slider .__hotel .__bottom-sec .__price .__total{
    font-size: var(--font-13);
}
/* =============== // END SEARCH HOTEL SECTION ============= */
/* ==================== ABOUT AREA SECTION ================== */
.__area-section .__heading{
    font-size:var(--font-22);
    font-weight: var(--fw-700);
    margin:15px 0;
}
.__area-section .__map-section{
    box-shadow: 0 0 8px 0 var(--box-shadow);
    padding:15px;
}
.__area-section .__map-section p{
    margin: 0 0 2px;
    font-weight: var(--fw-500);
}
.__area-section .__map-section .__conent-sec{
    display: flex;
    justify-content: space-between;
}
.__area-section .__map-section .__content{
    display: flex;
    gap:10px;
    margin: 20px 0 0;
}
.__area-section .__map-section .__content .__text .__heading{
    font-size: var(--font-16);
    margin:0 0 5px;
}
.__area-section .__map-section .__content .__text p{
    margin:0 0 7px 15px;
    position:relative;
}
.__area-section .__map-section .__content .__text img{
    width:15px;
    position: absolute;
    left:-22px;
    margin:4px 0 0;
}
/* ==================== // END ABOUT AREA SECTION ============ */

/* ============ DATERANGE PICKER CALENDAR ================= */
.daterangepicker .calendar-table th, 
.daterangepicker .calendar-table td{
    font-family: var(--montserrat-family);
    font-size: var(--font-12);
}
/* ============ // END DATERANGE PICKER CALENDAR ================= */
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active{
    font-weight: var(--fw-600);
}