body{
                                        font-family:'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
                                                color:#000000;
                                                font-size:14px;
                                                                    font-weight:340;
                            }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #3554d1;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #3554d1 !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #3554d1;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #3554d1 !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #3554d1;
        }
        /*-----------end main color------------*/
    
            h1{
            font-family: &#039;Inter&#039;, system-ui, -apple-system, BlinkMacSystemFont, &#039;Segoe UI&#039;, Roboto, sans-serif, sans-serif
        }
                h2{
            font-family: &#039;Inter&#039;, system-ui, -apple-system, BlinkMacSystemFont, &#039;Segoe UI&#039;, Roboto, sans-serif, sans-serif
        }
                h3{
            font-family: &#039;Inter&#039;, system-ui, -apple-system, BlinkMacSystemFont, &#039;Segoe UI&#039;, Roboto, sans-serif, sans-serif
        }
    
    .grecaptcha-badge {
    visibility: hidden !important;
}


.preloader__title {
    display: none;
}

.preloader__wrap {
    border-radius: 4px;
    background-color: var(--color-dark-3);
    width: 50px;
    height: 50px;
}

.preloader__wrap .preloader__icon {
    max-width: 40%;
}

/* width */
::-webkit-scrollbar {
  width: 4px;
  border-radius: 4px;
}

/* Track */
::-webkit-scrollbar-track {
  background: var(--color-light-2); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888888;
  border-radius: 24px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

.header_2.is-sticky {
    display: none;
}

.header.-dashboard.is-sticky {
    background-color: #fff !important;
}

.header.-dashboard {
    position: fixed;
}

.blog-breadcrumb .container {
    margin: 0 185px;
}

.sidebar.-dashboard i {
    font-size: 18px;
    padding-bottom: 5px;
}

.modal {
    --bs-modal-width: 650px;
    --bs-modal-padding: 1rem 2rem;
}

.modal-title {
    padding: 0 1rem;
}

.form-group i, .form-group-item i {
    padding: 8px 10px;
    font-weight: 300;
    font-style: normal;
}

#hotel-rooms h3,
.g-rules h3,
section.masthead.-type-2,
section.layout-pt-lg.layout-pb-lg.bg-dark-3{
    margin: 0;
}

.hotel_rooms_form .form-search-rooms 
.form-search-row .searchMenu-guests 
.input .has-value {
    margin: 0 10px;
    width: 30px;
}

.hotel_rooms_form .form-search-rooms 
.form-search-row>div .arrow {
    top: 45%;
}

.hotel_room_book_status.sticky {
    width: 75.1%;
    margin: 0 -1px;
    box-shadow: none !important;
}

.container .g-rules,
.container .border-top-light {
    margin: 0 45px;
}

.bravo-reviews {
    margin: 0 50px;
}

section,
.bravo-booking-page,
.footer.-type-1.normal {
    margin: 0 185px;
}

.bravo-booking-page .container {
    padding-right: 0;
    padding-left: 0;
}

.footer {
    background-color: var(--color-light-2) !important;
}

.footer .footer_one {
    padding: 30px 50px !important;
}

.footer_one .row {
    --bs-gutter-x: 0;
}

.footer .footer_middle_area {
    margin: 0 50px;
}

.masthead__content h1 {
    line-height: 1.2;
}

.masthead.-type-2 .masthead__content {
    margin: 0 55px;
}

.sectionTitle.-md .sectionTitle__title {
    font-size: var(--text-26) !important;
    color: #101010;
}

.bg-dark-1 {
    background-color: var(--color-dark-3) !important;
}

.hotelsCard.-type-1 .hotelsCard__title span {
    background-image: linear-gradient(transparent 24px, black 30px);
}

.is-in-view .justify-center.items-end {
    justify-content: start !important;
}

.tabs.-bookmark-2 .tabs__button.is-tab-el-active {
    display: none;
}

.pagination.-dots .pagination__item.is-active, .button.-outline-blue-1:hover, .form-checkbox:hover input ~ .form-checkbox__mark, .pricing-tabs .tab-btns:before, .tabs.-underline-2 .tabs__controls .tabs__button::after {
    background-color: var(--color-yellow-3);
}

.roomGrid__header {
    background-color: var(--color-light-2);
    color: var(--color-dark-1)
}

.mailchimp {
    background-color: #13357b !important;
    padding-left: 45px;
    padding-right: 45px;
}

[data-anim^='slide-'].is-in-view, [data-anim-child^='slide-'].is-in-view {
    text-align: left;
    justify-content: left !important;
}

.bravo-gotrip-list-hotel {
    padding-top: 0 !important;
}

.ajax-search-result .row .col-12 {
    border: 1px solid #e7e7e7;
    border-radius: 8px;
    margin: 10px 0 0 0;
    transition: ease-in .1s;
}

.ajax-search-result .row .col-12:hover {
    transform: scale(.99);
}

.booking-history-manager .align-items-center {
    align-items: flex-start !important;
    padding-bottom: 20px;
}

.modal-body .booking-history-manager .form-group{
    padding-bottom: 20px;
}

.booking-history-manager .text-right {
    text-align: left !important;
    width: 45%;
}

@media (max-width: 575px) {
    .header_2.is-sticky {
        display: block;
    }
    
    .y-gap-30 > * {
        padding-bottom: 30px;
    }

    .masthead.-type-2 .masthead__content {
        margin: 0 10px;
    }
    
    .blog-breadcrumb .container {
        margin: 0 10px;
    }
    
    section,
    .bravo-booking-page {
        margin: 0 10px;
    }
    
    .bravo-booking-page .container {
        padding-right: var(--bs-gutter-x, 15px);
        padding-left: var(--bs-gutter-x, 15px);
    }
    
    .layout-pb-md {
        padding-bottom: 80px;
    }
    
    .container .g-rules, .container .border-top-light {
        margin: 0 10px;
    }
    
    .bravo-more-book-mobile .container {
        padding: 0 25px;
    }
    
    .footer.-type-1.normal {
        margin: 0 10px;
    }
    
    .mailchimp {
        padding-left: 0;
        padding-right: 0;
    }
    
    .footer .footer_one {
        padding: 30px 5px !important;
    }
    
    .footer .footer_middle_area {
        margin: 0 5px;
    }

}
    
