:root { --main-color: #f3572a; }

    a,
    .bravo-news .btn-readmore,
    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li:hover > a,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-icon,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .render,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .field-detination #dropdown-destination .form-control,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-apply-price-range,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .btn-more-item,
    .input-number-group i,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-icon,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .field-detination #dropdown-destination .form-control,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .render,
    .hotel_rooms_form .form-search-rooms .form-search-row>div .form-group .render,
    .bravo_wrap .bravo_form .form-content .render,
    a:hover {
        color: #f3572a;
    }
    .bravo-pagination ul li.active a, .bravo-pagination ul li.active span
    {
        color:#f3572a!important;
    }
    .bravo-news .widget_category ul li span,
    .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .g-button-submit button,
    .bravo_wrap .bravo_search_tour .bravo_filter .filter-title:before,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child,
    .bravo-news .header .cate ul li,
    .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .g-button-submit button,
    .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc,
    .bravo_wrap .bravo_detail_space .bravo_content .g-attributes h3:after,
    .bravo_wrap .bravo_form .g-button-submit button,
    .btn.btn-primary,
    .bravo_wrap .bravo_form .g-button-submit button:active,
    .btn.btn-primary:active,
    .bravo_wrap .bravo_detail_space .bravo-list-hotel-related-widget .heading:after,
    .btn-primary:not(:disabled):not(.disabled):active
    {
        background: #f3572a;
        border-color: #f3572a;

    }

    .bravo-pagination ul li.active a, .bravo-pagination ul li.active span
    {
        border-color:#f3572a!important;
    }
    .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before,
    .bravo-reviews .review-form .form-wrapper,
    .bravo_wrap .bravo_detail_tour .bravo_content .bravo_tour_book
    {
        border-top-color:#f3572a;
    }

    .bravo_wrap .bravo_footer .main-footer .nav-footer .context .contact{
        border-left-color:#f3572a;
    }
    .hotel_rooms_form .form-search-rooms{
        border-bottom-color:#f3572a;
    }

    .bravo_wrap .bravo_form .field-icon,
    .bravo_wrap .bravo_form .smart-search .parent_text,
    .bravo_wrap .bravo_form .smart-search:after,
    .bravo_wrap .bravo_form .dropdown-toggle:after,
    .bravo_wrap .page-template-content .bravo-list-space .item-loop .service-review .rate,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-more-item,
    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .left .text-rating,
    .bravo-reviews .review-box .review-box-score .review-score,
    .bravo-reviews .review-box .review-box-score .review-score-base span,
    .bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .left .text-rating
    {
        color: #f3572a;
    }

    .bravo_wrap .bravo_form .smart-search .parent_text::-webkit-input-placeholder{

        color: #f3572a;
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

        color: #f3572a;
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-ms-input-placeholder{

        color: #f3572a;
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::-moz-placeholder{

        color: #f3572a;
    }
    .bravo_wrap .bravo_form .smart-search .parent_text::placeholder{

        color: #f3572a;
    }


    .bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .service-review .rate,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .btn-apply-price-range{

        color: #f3572a;
    }
    .bravo_wrap .page-template-content .bravo-list-locations.style_2 .list-item .destination-item:hover .title,
    .bravo_wrap .page-template-content .bravo-list-space .item-loop .sale_info,
    .bravo_wrap .bravo_search_space .bravo-list-item .list-item .item-loop .sale_info,
    .bravo_wrap .bravo_search_space .bravo_filter .filter-title:before,
    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score,
    .bravo-reviews .review-form .btn,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child
    {
        background: #f3572a;
    }
    .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before, .bravo_wrap .bravo_search_space .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before {
        border-top-color: #f3572a;
    }

    .bravo_wrap .bravo_detail_space .bravo_content .g-overview ul li:before {
        border: 1px solid #f3572a;
    }

    .bravo_wrap .bravo_detail_space .bravo-list-space-related .item-loop .sale_info {
        background-color: #f3572a;
    }

    .bravo_wrap .bravo_detail_space .bravo_content .g-header .review-score .head .score::after {
        border-bottom: 25px solid #f3572a;
    }

    .bravo_wrap .bravo_detail_space .bravo_content .bravo_space_book {
        border-top: 5px solid #f3572a;
    }

    body .daterangepicker.loading:after {
        color: #f3572a;
    }

    body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date {
        border-right: solid 2px #f3572a;
    }
    body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date {
        border-left: solid 2px #f3572a;
    }
    .bravo_wrap .bravo_detail_space .bravo-list-space-related .item-loop .service-review .rate {
        color: #f3572a;
    }

    .has-search-map .bravo-filter-price .irs--flat .irs-bar,
    .has-search-map .bravo-filter-price .irs--flat .irs-handle>i:first-child,
    .has-search-map .bravo-filter-price .irs--flat .irs-from, .has-search-map .bravo-filter-price .irs--flat .irs-to, .has-search-map .bravo-filter-price .irs--flat .irs-single {
        background-color: #f3572a;
    }

    .has-search-map .bravo-filter-price .irs--flat .irs-from:before, .has-search-map .bravo-filter-price .irs--flat .irs-to:before, .has-search-map .bravo-filter-price .irs--flat .irs-single:before {
        border-top-color: #f3572a;
    }

    .bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score {
        background: #f3572a;
    }
    .bravo_wrap .bravo_detail_tour .bravo_content .g-header .review-score .head .score::after {
        border-bottom: 25px solid #f3572a;
    }

    .bravo_wrap .bravo_detail_tour .bravo_content .g-overview ul li:before {
        border: 1px solid #f3572a;
    }

    .bravo_wrap .bravo_detail_location .bravo_content .g-location-module .location-module-nav li a.active {
        border-bottom: 1px solid #f3572a;
        color: #f3572a;
    }

    .bravo_wrap .bravo_detail_location .bravo_content .g-location-module .item-loop .sale_info {
        background-color: #f3572a;
    }
    .bravo_wrap .page-template-content .bravo-featured-item.style2 .number-circle {
        border: 2px solid #f3572a;
        color: #f3572a;
    }
    .bravo_wrap .page-template-content .bravo-featured-item.style3 .featured-item:hover {
        border-color: #f3572a;
    }

    .booking-success-notice .booking-info-detail {
        border-left: 3px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_tour .bravo_single_book,
    .bravo_wrap .bravo_detail_space .bravo_single_book {
        border-top: 5px solid#f3572a;
    }
    .bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a.active {
        background-color: #f3572a;
        border-color: #f3572a;
    }

    .bravo_wrap .bravo_detail_location .bravo_content .g-location-module .item-loop .service-review .rate,
    .bravo_wrap .bravo_detail_location .bravo_content .g-trip-ideas .trip-idea .trip-idea-category,
    .bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a:hover,
    .bravo_wrap .bravo_detail_tour .bravo_content .g-attributes .list-attributes .item i.icon-default,
    .bravo_wrap .bravo_detail_space .bravo_content .g-attributes .list-attributes .item i.icon-default,
    .bravo_wrap .page-template-content .bravo-list-hotel .item-loop .service-review .rate,
    .bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .caption .title-address .title a:hover,
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .service-review .rate,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-apply-price-range {
        color: #f3572a;
    }

    .bravo_wrap .bravo_detail_tour .bravo-list-tour-related .item-tour .featured ,
    .bravo_wrap .bravo_search_tour .bravo-list-item .list-item .item-tour .featured,
    .bravo_wrap .page-template-content .bravo-list-tour .item-tour .featured,
    .bravo_wrap .bravo_search_hotel .bravo_filter .filter-title:before {
        background: #f3572a;
    }
    .bravo_wrap .page-template-content .bravo-list-tour.box_shadow .list-item .item .header-thumb .tour-book-now,
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop .sale_info,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child {
        background-color: #f3572a;
    }
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before,
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before {
        border-top-color: #f3572a;
    }

    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score,
    .bravo_wrap .bravo_search_hotel .bravo_content .g-header .review-score .head .score {
        background: #f3572a;
    }

    .bravo_wrap .bravo_search_hotel .bravo_content .g-overview ul li:before {
        border: 1px solid #f3572a;
    }
    .bravo_wrap .bravo_search_hotel .bravo_filter .g-filter-item .item-content .btn-more-item,
    .bravo_wrap .bravo_search_hotel .bravo_content .g-header .review-score .head .left .text-rating,
    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .left .text-rating,
    .bravo_wrap .bravo_detail_hotel  .btn-show-all,
    .bravo_wrap .bravo_detail_hotel  .bravo-list-hotel-related .item-loop .service-review .rate,
    .bravo_wrap .bravo_form .select-guests-dropdown .dropdown-item-row .count-display{
        color: #f3572a;
    }

    .bravo_wrap .bravo_search_hotel .bravo-list-item .list-item .item-loop-list .service-review-pc .head .score::after {
        border-bottom: 15px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score:after {
        border-bottom: 25px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .score {
        background: #f3572a;
    }

    .bravo_wrap .bravo_detail_hotel .bravo-list-hotel-related-widget .heading:after {
        background: #f3572a;
    }
    .bravo_wrap .bravo_detail_hotel .bravo_content .g-attributes h3:after {
        background: #f3572a;
    }
    .bravo_wrap .bravo_detail_hotel .bravo_content .g-header .review-score .head .left .text-rating {
        color: #f3572a;
    }
    .bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display {
        color: #f3572a;
    }

    .bravo_wrap .bravo-checkbox input[type=checkbox]:checked+.checkmark:after {
        border: solid #f3572a;
        border-width: 0 2px 2px 0;
    }
    .bravo_wrap .bravo_form .input-search .form-control::-webkit-input-placeholder {
        color: #f3572a;
    }
    .bravo_wrap .bravo_form .input-search .form-control:-ms-input-placeholder {
        color: #f3572a;
    }
    .brav_wrap .bravo_form .input-search .form-control::placeholder {
        color: #f3572a;
    }

    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .btn-apply-price-range{
        color: #f3572a;
    }
    .bravo_wrap .bravo_search_event .bravo_filter .filter-title:before,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child
    {
        background: #f3572a;
    }

    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from:before,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to:before,
    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single:before {
        border-top-color: #f3572a;
    }

    .bravo_wrap .bravo_search_event .bravo_filter .g-filter-item .item-content .btn-more-item {
        color: #f3572a;
    }

    .bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .score:after {
        border-bottom: 25px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .score {
        background: #f3572a;
    }
    .bravo_wrap .bravo_detail_event .bravo_content .g-header .review-score .head .left .text-rating {
        color: #f3572a;
    }
    .bravo_wrap .bravo_single_book .nav-enquiry .enquiry-item.active span {
        border-bottom: solid 1px #f3572a !important;
        color: #f3572a !important;
    }
    .bravo_wrap .bravo_detail_event .bravo_content .g-overview ul li:before {
        border: 1px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_event .bravo_content .g-attributes .list-attributes .item i.icon-default {
        color: #f3572a;
    }
    .bravo_wrap .bravo_detail_event .bravo_single_book {
        border-top: 5px solid #f3572a;
    }

    .bravo_wrap .bravo_detail_hotel .bravo_single_book {
        border-top: 5px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_car  .bravo_single_book {
        border-top: 5px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .score:after {
        border-bottom: 25px solid #f3572a;
    }
    .bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .score {
        background: #f3572a;
    }
    .bravo_wrap .bravo_detail_car .bravo_content .g-header .review-score .head .left .text-rating {
        color: #f3572a;
    }

    body{
                                        font-family:Tajawal;
                                                                                                            font-weight:500;
                            }

    @import url('https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@400..700&display=swap');

:root {
    --main-color:#f3572a;
    
    --bg-color:#ffffff !important;
    --primary-color:#F26C1E;
    
    --font-color:#1b1a19;

}

.bravo-menu-mobile  ul:has(a[href="#register"]) > li:first-child {
    display: none;
}



.button-wrap svg{
        fill:var(--main-color);
    width: 40px;
    height: 40px;
    stroke: var(--main-color);
    stroke-width: 0.456;
    
    
}





.services-banner__items {
    grid-template-columns: repeat(2, 1fr);
}
  .aj-intl {
    --brand: #DF5229;
    --brand-dark: #b83f1b;
    --brand-light: #fdeee8;
    --ink: #1f2430;
    --muted: #6b7280;
    --bg-soft: #faf7f5;
    color: var(--ink);
    font-family: 'Cairo', sans-serif;
    direction: rtl;
    text-align: right;
  }
  .aj-intl .text-brand { color: var(--brand) !important; }
  .aj-intl .btn-brand {
    background: var(--brand); border-color: var(--brand); color: #fff;
    font-weight: 700; padding: .7rem 1.75rem; border-radius: 50rem; transition: all .2s;
  }
  .aj-intl .btn-brand:hover { background: var(--brand-dark); border-color: var(--brand-dark); color: #fff; transform: translateY(-2px); }
  .aj-intl .btn-whatsapp { background: #25D366; border-color: #25D366; color: #fff; font-weight: 700; border-radius: 50rem; padding: .75rem 1.75rem; }
  .aj-intl .btn-whatsapp:hover { background: #1ebe5a; color: #fff; }
 
  /* Page header */
  .aj-intl .aj-page-header { background: var(--bg-soft); border-bottom: 4px solid var(--brand); padding: 3rem 0; }
  .aj-intl .breadcrumb { font-size: .9rem; margin-bottom: 1rem; }
  .aj-intl .breadcrumb a { color: var(--muted); text-decoration: none; }
  .aj-intl .breadcrumb a:hover { color: var(--brand); }
  .aj-intl .breadcrumb-item.active { color: var(--brand); font-weight: 600; }
  .aj-intl .aj-page-header h1 { font-weight: 800; font-size: clamp(1.7rem, 4vw, 2.5rem); line-height: 1.4; }
  .aj-intl .aj-page-header p { color: var(--muted); max-width: 720px; margin-bottom: 1.5rem; }
 
  /* Sections */
  .aj-intl .aj-section { padding: 5rem 0; }
  .aj-intl .section-tag {
    color: var(--main-color);
    font-weight: 700; padding: .3rem 1rem; border-radius: 50rem; font-size: .9rem; margin-bottom: .75rem;
  }
  .aj-intl .section-title { font-weight: 800; font-size: clamp(1.6rem, 3.5vw, 2.3rem); }
 
  .aj-intl .icon-circle img{
    width: 64px; height: 64px; border-radius: 50%; display: grid; place-items: center;
    font-size: 1.8rem; background: var(--brand-light); color: var(--brand); margin-bottom: 1.25rem;
  }
 
  /* Audience */
  .aj-intl .audience-card {
    border-radius: 1.25rem; padding: 2.25rem 2rem; height: 100%; background: #fff;
    box-shadow: 0 8px 30px rgba(0,0,0,.07); border-top: 5px solid var(--brand); transition: transform .25s;
  }
  .aj-intl .audience-card:hover { transform: translateY(-6px); }
 
  /* Features */
  .aj-intl .features { background: var(--bg-soft); }
  .aj-intl .feature {
    background: #fff; border-radius: 1rem; padding: 1.75rem; height: 100%;
    border: 1px solid #f0e6e1; transition: all .25s;
  }
  .aj-intl .feature:hover { border-color: var(--brand); box-shadow: 0 10px 28px rgba(223,82,41,.15); }
  .aj-intl .feature h3 { font-size: 1.15rem; font-weight: 700; margin-bottom: .5rem; }
  .aj-intl .feature p { color: var(--muted); margin: 0; font-size: .97rem; }
  .aj-intl .feature .icon-circle { width: 54px; height: 54px; font-size: 1.5rem; margin-bottom: 1rem; }
 
  /* Steps */
  .aj-intl .step { text-align: center; position: relative; padding: 0 .5rem; }
  .aj-intl .step-num {
    width: 70px; height: 70px; border-radius: 50%; margin: 0 auto 1rem;
    background: var(--brand); color: #fff; font-size: 1.6rem; font-weight: 800;
    display: grid; place-items: center; box-shadow: 0 0 0 8px var(--brand-light);
  }
  .aj-intl .step h4 { font-weight: 700; font-size: 1.1rem; }
  .aj-intl .step p { color: var(--muted); font-size: .95rem; }
  @media (min-width: 992px) {
    .aj-intl .step:not(:last-child)::after {
      content: ""; position: absolute; top: 35px; left: -50%; width: 100%;
      border-top: 2px dashed #e8c7ba; z-index: 0;
    }
    .aj-intl .step-num { position: relative; z-index: 1; }
  }


.bravo_header .content {
min-height:100px !important;
    
    
}
.video-embed {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 12px;
  overflow: hidden;
}
.video-embed iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {
    display:none;
}

.item-bg {
  position: relative;
}
.item-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(20, 18, 16, 0.92) 0%, rgba(20, 18, 16, 0.72) 45%, rgba(20, 18, 16, 0.45) 100%);
  pointer-events: none;
  z-index: 1;
}
 /* أنيميشن الهيرو عند فتح الصفحة */
  @keyframes heroInRight {
    from { opacity: 0; transform: translateX(60px); }
    to   { opacity: 1; transform: none; }
  }
  @keyframes heroInUp {
    from { opacity: 0; transform: translateY(50px); }
    to   { opacity: 1; transform: none; }
  }

  .hero-text .hero-badge,
  .hero-text .hero-title span,
  .hero-text .hero-desc,
  .hero-text .hero-features li {
    opacity: 0;
    animation: heroInRight .8s ease forwards;
  }
  .hero-text .hero-badge            { animation-delay: .1s; }
  .hero-text .hero-title span:nth-child(1) { animation-delay: .25s; display: block; }
  .hero-text .hero-title span:nth-child(2) { animation-delay: .4s; }
  .hero-text .hero-title span:nth-child(3) { animation-delay: .55s; }
  .hero-text .hero-desc             { animation-delay: .7s; }
  .hero-text .hero-features li:nth-child(1) { animation-delay: .85s; }
  .hero-text .hero-features li:nth-child(2) { animation-delay: .95s; }
  .hero-text .hero-features li:nth-child(3) { animation-delay: 1.05s; }

  /* الفورم يطلع من تحت بعد النص */
  .g-form-control {
    opacity: 0;
    animation: heroInUp .9s ease .5s forwards;
  }

  @media (prefers-reduced-motion: reduce) {
    .hero-text .hero-badge,
    .hero-text .hero-title span,
    .hero-text .hero-desc,
    .hero-text .hero-features li,
    .g-form-control { opacity: 1; animation: none; }
  }


 /* الحالة المخفية بتتفعّل بس لو الـ JS اشتغل، فلو فشل يفضل المحتوى ظاهر */
  .js-reveal .reveal {
    opacity: 0;
    transform: translateY(40px);
    transition: opacity .8s ease, transform .8s ease;
    transition-delay: var(--reveal-delay, 0s);
    will-change: opacity, transform;
  }
  .js-reveal .reveal.is-visible {
    opacity: 1;
    transform: none;
  }

  /* اختياري: اتجاهات تانية */
  .js-reveal .reveal.from-right { transform: translateX(60px); }
  .js-reveal .reveal.from-left  { transform: translateX(-60px); }
  .js-reveal .reveal.zoom       { transform: scale(.94); }
  .js-reveal .reveal.is-visible { transform: none; }

  /* لمن يكون المستخدم مفعّل تقليل الحركة */
  @media (prefers-reduced-motion: reduce) {
    .js-reveal .reveal {
      opacity: 1 !important;
      transform: none !important;
      transition: none !important;
    }
  }
.about-us {
    --ink: #151515;
    --muted: #5f5f5f;
    --accent: #b8420f;
    --pill-bg: #fdebe3;
    --border: #e9e4dc;
    background: #faf7f2;
  }
.about-us .container {
    margin: 0 auto;
    padding: 0 28px;
    display: flex;
    align-items: flex-start;
    gap: 56px;
  }
 
  /* ---------- الجانب الرئيسي (العنوان + الفقرة الأولى) ---------- */
  .about-us .about-intro {
    flex: 0 0 40%;
    min-width: 0;
    position: sticky;
    top: 40px;
  }
  .about-us .about-tag {
    display: inline-block;
    background: var(--pill-bg);
    color: var(--accent);
    font-size: 14px;
    font-weight: 600;
    padding: 6px 16px;
    border-radius: 999px;
    margin-bottom: 18px;
  }
  .about-us .about-title {
    margin: 0 0 24px;
    font-family: 'Rakkas', 'Readex Pro', sans-serif;
    font-size: 48px;
    font-weight: 400;
    line-height: 1.2;
    color: var(--ink);
  }
  .about-us .about-lead {
    margin: 0;
    padding-right: 20px;
    border-right: 4px solid var(--accent);
    font-size: 19px;
    line-height: 2;
    color: var(--ink);
  }
 
  /* ---------- الكروت ---------- */
  .about-us .about-cards {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  .about-us .about-card {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 24px;
    padding: 26px 28px;
    transition: transform .25s ease, box-shadow .25s ease;
  }
  .about-us .about-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(0,0,0,.08);
  }
  .about-us .about-num {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--pill-bg);
    color: var(--accent);
    border-radius: 50%;
    font-family: 'Rakkas', sans-serif;
    font-size: 22px;
  }
  .about-us .about-card h3 {
    margin: 0 0 8px;
    font-size: 18px;
    font-weight: 700;
    color: var(--ink);
  }
  .about-us .about-card p {
    margin: 0;
    font-size: 15.5px;
    line-height: 1.95;
    color: var(--muted);
  }
 
  /* ---------- تابلت / موبايل ---------- */
  @media (max-width: 991px) {
    .about-us { padding: 50px 0; }
    .about-us .container { flex-direction: column; gap: 32px; }
    .about-us .about-intro { flex: none; position: static; }
    .about-us .about-title { font-size: 38px; }
    .bravo-news .bravo_banner {
        background-size: contain!important;
         background-color: transparent!important;
         background-position: top!important;
}
    
    
    .services-banner__img {
        min-height:auto !important;
    }
  }
  @media (max-width: 640px) {
    .about-us .container { padding: 0 16px; }
    .about-us .about-lead { font-size: 17px; }
    .about-us .about-card { padding: 20px; gap: 14px; }
    .about-us .about-num { flex-basis: 40px; width: 40px; height: 40px; font-size: 18px; }
  }

.main-footer .col-md-6:not(.col-md-6.copy-right) {
    align-items: center;
    display: flex;
    justify-content: center;
}
.main-footer .col-lg-6:has(.footer-info){
width: 100%;
    max-width: 100%;
    margin-top: 40px;
    border-block-width: 1px;
    border-block-style: solid;
    border-block-color: rgba(234, 238, 243, 0.09);
    padding: 16px;
    flex: 0 0 100% !important;
}


.main-footer .col-lg-6:has(.footer-info)   .nav-footer {
width:100%!important;
}
.footer-info {
    border-top: 1px solid rgb(234, 227, 219);
    border-bottom: 1px solid rgb(234, 227, 219);
    padding-block: 10px;
}
  .footer-info .fi-font,
  .footer-info a,
  .footer-info span,
  .footer-info p,
  .footer-info h4 { font-family: 'IBM Plex Sans Arabic', sans-serif; }

  /* ===== السجل والشهادات ===== */
  .fi-notice {
    border: 1px dashed #d8cfc4;
    border-radius: 14px;
    padding: 16px 14px;
    font-size: 12px;
    color: #8a7a6a;
    text-align: center;
    min-width: 150px;
  }
  .fi-legal p {
    margin: 0 0 6px;
    font-size: 14px;
    color: #6b625a;
  }
  .fi-legal p strong { color: #1a1613; font-weight: 600; }
  .fi-cert {
    font-weight: 500;
    font-size: 14px;
    color: #a8330f;
    text-decoration: none;
  }
  .fi-cert:hover { text-decoration: underline; color: #a8330f; }

  /* ===== السوشيال ===== */
  .fi-title {
    font-weight: 600;
    font-size: 14px;
    color: #1a1613;
    margin-bottom: 12px;
  }
  .fi-social { display: flex; flex-wrap: wrap; 
  justify-content:end ;
  
  }
  .fi-social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin: 0 0 10px 10px;
    background: #fff;
    border: 1px solid #e6ded3;
    border-radius: 999px;
    font-weight: 600;
    font-size: 14px;
    color: #1a1613;
    text-decoration: none;
    transition: background .2s ease, color .2s ease, border-color .2s ease;
  }
  .fi-social a:hover {
    background: #b8431a;
    border-color: #b8431a;
    color: #fff;
  }

  /* ===== طرق الدفع ===== */
  .fi-pay { display: flex; flex-wrap: wrap; }
  .fi-pay-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 46px;
    min-width:60px;
    margin: 0 0 10px 10px;
    background: #fff;
    border: 1px solid #e6ded3;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #1a1613;
  }
  .fi-pay-item img {
    max-width: 50px;
    object-fit: contain;
    display: block;
    max-height:100%;
  }

  @media (max-width: 575px) {
    .fi-notice { min-width: 0; width: 100%; margin-bottom: 14px; }
    
     .fi-social { display: flex; flex-wrap: wrap; 
  justify-content:start;
  
  }
  }











.bravo_wrap .page-template-content .bravo-client-feedback .owl-nav .owl-next, .bravo_wrap .page-template-content .bravo-client-feedback .owl-nav .owl-prev{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--main-color);
    color:#fff !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}
/* ========== السكشن ========== */
.bravo-list-news {
  --ink: #151515;
  --muted: #6b6b6b;
  --accent: #b8420f;
  --pill-bg: #fdebe3;
  --border: #e9e4dc;
  background: #faf7f2;
  padding: 40px 0 60px;
  direction: rtl;
}

/* ---------- عنوان السكشن (من غير HTML) ---------- */
.bravo-list-news .container::before {
  content: "مدونة الأجور";
  display: block;
  margin-bottom: 10px;
  font-size: 40px !important;
    font-weight: 700;
    color: #111111 !important;
    font-family: "Reem Kufi", sans-serif !important;
  
}
.bravo-list-news .list-item::before {
  content: "أدلة ونصائح للمعتمرين والزوار والمسافرين";
  display: block;
  margin-bottom: 36px;
  font-size: 16px;
  color: var(--muted);
}

/* ---------- الشبكة ---------- */
.bravo-list-news .list-item .row {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin: 0;
}
.bravo-list-news .list-item .row::before,
.bravo-list-news .list-item .row::after { display: none; }
.bravo-list-news .list-item .row > div {
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
  float: none;
  flex: 1 1 0;                          /* 3 كروت بنفس العرض */
  min-width: 0;
  box-sizing: border-box;
  display: flex;                        /* عشان الكروت تتساوى في الطول */
}
@media (min-width: 992px) {
  .bravo-list-news .list-item .row { flex-wrap: nowrap; }   /* التلاتة جنب بعض دايمًا */
}
.bravo-list-news .list-item .row > div > .item-news { width: 100%; }

/* ---------- الكارت ---------- */
.bravo-list-news .item-news {
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 24px;
  box-shadow: none;
  overflow: hidden;
  transition: transform .25s ease, box-shadow .25s ease;
}
.bravo-list-news .item-news:hover {
  transform: translateY(-4px);
  box-shadow: 0 14px 30px rgba(0,0,0,.08);
}

.bravo-list-news .thumb-image {
  aspect-ratio: 2 / 1;
  overflow: hidden;
  background: #eee;
}
.bravo-list-news .thumb-image a { display: block; height: 100%; }
.bravo-list-news .thumb-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .4s ease;
}
.bravo-list-news .item-news:hover .thumb-image img { transform: scale(1.04); }

.bravo-list-news .caption {
  display: flex;
  flex-direction: column;
  flex: 1;
  padding: 22px 30px 26px;
}

/* ---------- التصنيف + وقت القراءة (بدل التاريخ) ---------- */
.bravo-list-news .item-date {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 14px;
  font-size: 13px;
  color: var(--muted);
}
.bravo-list-news .item-date ul { display: none; }   /* إخفاء التاريخ */

.bravo-list-news .item-date::before {               /* الـ pill */
  background: var(--pill-bg);
  color: var(--accent);
  font-weight: 600;
  padding: 5px 14px;
  border-radius: 999px;
}
.bravo-list-news .item-date::after { color: var(--muted); }   /* وقت القراءة */

/* غيّر النصوص دي زي ما تحب لكل كارت */
.bravo-list-news .list-item .row > div:nth-child(1) .item-date::before { content: "عن الشركة"; }
.bravo-list-news .list-item .row > div:nth-child(1) .item-date::after  { content: "3 دقائق قراءة"; }
.bravo-list-news .list-item .row > div:nth-child(2) .item-date::before { content: "الأسطول"; }
.bravo-list-news .list-item .row > div:nth-child(2) .item-date::after  { content: "4 دقائق قراءة"; }
.bravo-list-news .list-item .row > div:nth-child(3) .item-date::before { content: "الخدمات"; }
.bravo-list-news .list-item .row > div:nth-child(3) .item-date::after  { content: "5 دقائق قراءة"; }

/* ---------- العنوان والوصف ---------- */
.bravo-list-news .item-title {
  margin: 0 0 12px;
  font-size: 21px;
  font-weight: 700;
  line-height: 1.55;
}
.bravo-list-news .item-title a { 
    color: rgb(27, 26, 25) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    
    
}





.bravo-list-news .item-title a:hover { color: var(--accent); }

.bravo-list-news .item-desc {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.9;
  color: var(--muted);
}
/* لو الوصف فاضي (زي الكارت التالت) */
.bravo-list-news .item-desc:empty::before,
.bravo-list-news .item-desc:blank::before {
  content: "تعرّف على خدمات النقل المتاحة للحجاج والمعتمرين وكيف تحجز رحلتك بسهولة.";
}

/* ---------- رابط "اقرأ المقال ←" بدل الزرار ---------- */
.bravo-list-news .btn-readmore {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  font-size: 0 !important;          /* يخفي "قراءة المزيد" */
  line-height: 1;
  text-decoration: none;
}
.bravo-list-news .btn-readmore::after {
  content: "اقرأ المقال ←";
  font-size: 15px;
  font-weight: 600;
  color: var(--accent);
  background:none !important;
}
.bravo-list-news .btn-readmore:hover::after { text-decoration: underline; }

/* ---------- تابلت / موبايل ---------- */
@media (max-width: 991px) {
  .bravo-list-news .list-item .row > div { flex: 0 0 calc((100% - 26px) / 2); }   /* كارتين */
}
@media (max-width: 640px) {
  .bravo-list-news .container { padding: 0 16px; }
  .bravo-list-news .container::before { font-size: 34px; }
  .bravo-list-news .list-item .row > div { flex: 0 0 100%; }                      /* كارت واحد */
  .bravo-list-news .caption { padding: 20px 22px 24px; }
}














/* ===== السكشن ===== */
.bravo-faq-lists {
  direction: rtl;
  background: #faf6f1 !important;      /* بيكتب فوق الـ inline style */
  padding: 56px 0 72px;
}
.bravo-faq-lists .container { max-width: 1040px; }

/* ===== العنوان ===== */
.bravo-faq-lists .news-title {
  width: 100%;
  text-align: center;
  font-family: 'Lalezar', sans-serif;
  font-weight: 400;
  font-size: clamp(28px, 3.2vw, 40px);
  color: #1a1613;
  margin-bottom: 36px;
}

/* ===== الكارت ===== */
.bravo-faq-lists .faq-item {
  background: #fff;
  border: 1px solid #efe9e1!important;
  border-radius: 18px;
  padding: 22px 26px;
  margin-bottom: 14px;
  transition: box-shadow .2s ease;
}
.bravo-faq-lists .faq-item:hover {
  box-shadow: 0 8px 22px rgba(196, 69, 28, .07);
}

/* ===== السؤال: السهم على اليمين قبل النص ===== */
.bravo-faq-lists .faq-question {
  justify-content: flex-start !important;
  cursor: pointer;
}
.bravo-faq-lists .faq-question h3 {
  margin: 0;
  font-weight: 700!important;
  font-size: 17px!important;
  color: #1a1613!important;
}
.bravo-faq-lists .faq-svg-dropdown {
  order: -1;                           /* يخليه أول عنصر (يمين) */
  margin-left: 12px;
  display: inline-flex;
}
.bravo-faq-lists .faq-svg-dropdown svg { display: none; }   /* نخفي الشيفرون القديم */

/* المثلث: مقفول = ◀ */
.bravo-faq-lists .faq-svg-dropdown::before {
  content: "";
  border-style: solid;
  border-width: 6px 9px 6px 0;         /* مثلث بيشاور شمال */
  border-color: transparent #1a1613 transparent transparent;
  transition: transform .2s ease;
}
/* مفتوح = ▼ */
.bravo-faq-lists .faq-item:has(.faq-answer:not(.d-none)) .faq-svg-dropdown::before {
  border-width: 9px 6px 0 6px;
  border-color: #1a1613 transparent transparent transparent;
}

/* ===== الإجابة ===== */
.bravo-faq-lists .faq-answer {
  margin-top: 14px;
}
.bravo-faq-lists .faq-answer p {
  margin: 0;
}
.bravo-faq-lists .faq-answer p span {
  background: transparent !important;
  color: rgb(92, 90, 88)!important;
    font-size: 15px;
    line-height: 1.8;
}

/* موبايل */
@media (max-width: 575px) {
  .bravo-faq-lists { padding: 40px 0 48px; }
  .bravo-faq-lists .faq-item { padding: 18px 18px; }
  .bravo-faq-lists .faq-question h3 { font-size: 15px; }
}



 .portal-section {
    background: #1a1816;
    padding: 80px 0;
    color: #fff;
  }
  .portal-tag {
    display: block;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    color: var(--main-color);
    margin-bottom: 12px;
  }
  .portal-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 3.2vw, 42px);
    line-height: 1.3;
    color: #fff;
    margin-bottom: 16px;
  }
  .portal-desc {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    line-height: 2;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 28px;
  }
  .btn-portal {
    display: inline-block;
    padding: 13px 26px;
    border-radius: 10px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    transition: opacity .2s ease, background .2s ease;
  }
  .btn-portal-solid {
    background: var(--main-color);
    color: #1a1613;
    border: 1px solid var(--main-color);
    margin-left: 10px;
  }
  .btn-portal-solid:hover { opacity: .9; color: #1a1613; text-decoration: none; }
  .btn-portal-outline {
    background: transparent;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .25);
  }
  .btn-portal-outline:hover {
    background: rgba(255, 255, 255, .08);
    color: #fff;
    text-decoration: none;
  }
  .portal-card {
    background: #252321;
    border: 1px solid rgba(255, 255, 255, .10);
    border-radius: 16px;
    padding: 20px 22px;
    height: 100%;
    text-align: right;
  }
  .portal-card h4 {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: 19px;
    color: #fff;
    margin-bottom: 8px;
  }
  .portal-card p {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 13px;
    line-height: 1.9;
    color: rgba(255, 255, 255, .6);
    margin-bottom: 0;
  }




.container:has(.audience-section),
.container:has(.services-section),
.container:has(.intl-banner),
.container:has(.video-section),
.container:has(.fleet-section),
.container:has(.about-section),
.container:has(.portal-section),
.container:has(.sucess-partner),
.container:has(.about-us),
.container:has(.aj-section),
.container:has(.features) {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}
  .about-us {
      background:#FAF6F1;
  }
  



.bravo_wrap .page-template-content .bravo-form-search-all    {
    min-height:100vh;
    padding-block:0 !important;
    display:flex;
    align-items:center;
    
    
    
    
    background-image: 
    linear-gradient(
        270deg,
        rgba(20, 18, 16, 0.92) 0%,
        rgba(20, 18, 16, 0.72) 45%,
        rgba(20, 18, 16, 0.45) 100%
    ),
    url("https://alojor.sa/uploads/0000/2/2026/10/01/3.webp")!important;

background-size: cover;
background-position: center;
    
    
}



.style-two .col-lg-12 {
    width:100% !important;
    max-width:100% !important;
    
    flex-direction: row;
    display: flex;
}


.g-form-control {
    margin-top:0 !important;
    
    width: 60%;
}


.hero-title {

font-size:50px !important;
}





.main-header .header-logo .logo-text{

margin-top:0 !important;
}




















  .stats-section {
    background: #fff;
    border-bottom: 1px solid #efe9e1;
    padding: 48px 0 40px;
  }
  .stat-number {

font-size: 44px;
    font-weight: 700;
    color: var(--main-color);
    line-height: 1.1;
  }
  .stat-label {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    color: #6b625a;
    margin-top: 8px;
  }

  .audience-section {
    background: #faf6f1;
    padding: 72px 0 0 ;
  }
  .audience-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(30px, 3.5vw, 44px);
    color: #1a1613;
    margin-bottom: 12px;
  }
  .audience-sub {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 18px;
    color: #6b625a;
    margin-bottom: 48px;
  }
  .audience-card {
    background: #fff;
    border: 1px solid #efe9e1;
    border-radius: 24px;
    padding: 32px;
    height: 100%;
    text-align: right;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .audience-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(196, 69, 28, .10);
  }
  .audience-num {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #fbe9e0;
    color: var(--main-color);
    font-family: 'Lalezar', sans-serif;
    font-size: 24px;
  }
  .audience-card h3 {

font-weight: 600;
    font-size: 20px;
    color: var(--font-color);
    margin-bottom: 12px;

  }
  .audience-card p {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 15px;
    line-height: 1.9;
    color: #6b625a;
    margin-bottom: 18px;
  }
  .audience-card a , a:not([href]){
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 500!important;
    font-size: 15px!important;
    color: var(--main-color)!important;
    text-decoration: none;
    
cursor: pointer;
  }
  .audience-card a:hover { text-decoration: underline;}
 
  
  
  .services-section {
    background: #faf6f1;
    padding: 56px 0 72px;
  }
  .services-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(30px, 3.5vw, 44px);
    color: #1a1613;
    margin-bottom: 12px;
  }
  .services-sub {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    line-height: 1.9;
    color: #6b625a;
    max-width: 720px;
    margin-bottom: 40px;
  }
  .service-card {
    background: #fff;
    border: 1px solid #efe9e1;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: right;
    transition: transform .2s ease, box-shadow .2s ease;
  }
  .service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(196, 69, 28, .10);
  }
  .service-card img {
    width: 100%;
    height: 160px;
    object-fit: cover;
    display: block;
    background: #e9e2d8;
  }
  .service-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    text-align:start;
  }
  .service-tag {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 12px;
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 6px;
  }
  .service-card h3 {
  
  font-weight: 600;
    font-size: 20px;
    color: var(--font-color);
    margin-bottom: 12px;
  }
  .service-card p {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    line-height: 1.9;
    color: #6b625a;
    margin-bottom: 14px;
  }
  .service-card a {
    margin-top: auto;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color);
    text-decoration: none;
  }
  .service-card a:hover { text-decoration: underline; }
  
 
  
    @media (max-width: 991px) {
     .style-two .col-lg-12 {
         flex-direction:column;
         margin-block: 50px;
         gap:15px;
     }
     
     
     .g-form-control {
    margin-block: 30px !important;
    width: 100%;
}
    }
    
       .custom-font , .bravo-faq-lists  h2 {
              font-size: 38px !important;
    margin: 0px 0px 8px;
    color:rgb(27, 26, 25) !important;
    font-weight:600 !important;
       }
    
    .bravo-faq-lists  h2 {
        text-align:center !important;
    }
     .custom-font , .hero-title span{
    font-family:"Reem Kufi", sans-serif!important;
}

.container .container {
    padding: 15px !important;
}



/* ========== بانر السفر البري الدولي ========== */
  .intl-banner {
    position: relative;
    padding: 90px 0;
background: #1a1613 url('/uploads/0000/2/2026/10/01/whatsapp-image-2026-09-27-at-33741-pm.webp') center / cover no-repeat; /* حط رابط صورة الخلفية */    color: #fff;
  }
  .intl-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(20, 15, 12, .55);
  }
  .intl-banner .container { position: relative; z-index: 1; }
  .intl-tag {
    display: block;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    color: var(--main-color);
    margin-bottom: 14px;
  }
  .intl-title {
    font-weight:700;
    color: #fff!important;
    margin-bottom: 18px;
    font-size: 40px;
    line-height: 1.35;
    margin: 0px 0px 16px;
  }
  .intl-desc {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    line-height: 2;
    color: #e3dcd4;

    margin-bottom: 0;
  }
  .intl-box {
    background: rgba(255, 255, 255, .06);
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 18px;
    padding: 24px;
    height: 100%;
    text-align: right;
    backdrop-filter: blur(4px);
  }
  .intl-box h3 {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: 21px;
    color: #fff;
    margin-bottom: 8px;
  }
  .intl-box p {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    line-height: 1.9;
    color: rgba(255, 255, 255, .85);
    margin-bottom: 16px;
  }
  .btn-intl {
    display: block;
    width: 100%;
    padding: 11px 16px;
    border-radius: 10px;
    text-align: center;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 600;
    font-size: 15px;
    text-decoration: none;
    transition: opacity .2s ease, background .2s ease;
  }
  .btn-intl-solid { background: var(--main-color); color: #1a1613; border: 1px solid var(--main-color); }
  .btn-intl-solid:hover { opacity: .9; color: #1a1613; text-decoration: none; }
  .btn-intl-outline { background: transparent; color: #fff; border: 1px solid var(--main-color); }
  .btn-intl-outline:hover { background: var(--main-color); color: #1a1613; text-decoration: none; }

  /* ========== سكشن نوصلك أينما كانت وجهتك ========== */
  .coverage-section {
    background: #fff;
    padding: 64px 0 72px;
  }
  .coverage-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 3.2vw, 40px);
    color: #1a1613;
    margin-bottom: 10px;
  }
  .coverage-sub {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    color: #6b625a;
    margin-bottom: 36px;
  }
  .coverage-card {
    background: #faf6f1;
    border: 1px solid #efe9e1;
    border-radius: 14px;
    padding: 18px;
    height: 100%;
    text-align: right;
  }
  .coverage-card h4 {
      font-weight: 700;
    font-size: 17px;
    color: rgb(27, 26, 25);
    margin-bottom: 8px;
  }
  .coverage-card p {
 color: rgb(92, 90, 88);
    font-size: 14px;
    line-height: 1.6;
  }
  @media (min-width: 992px) {
    .coverage-col { flex: 0 0 16.6667%; max-width: 16.6667%; } /* 6 كروت في الصف */
  }
  
  
  
  
   .fleet-section {
    background: #faf6f1;
    padding: 56px 0 72px;
  }
  .fleet-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 3.2vw, 40px);
    color: #1a1613;
    margin-bottom: 10px;
  }
  .fleet-sub {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    color: #6b625a;
    margin-bottom: 32px;
  }

  /* معرض الصور */
  .fleet-gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 20px;
    background: #e9e2d8;
  }
  .fleet-main { height: 434px; }
  .fleet-thumb { height: 210px; }

  /* كروت أنواع الحافلات */
  .bus-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border: 1px solid #efe9e1;
    border-radius: 14px;
    padding: 16px 18px;
    height: 100%;
    text-align: right;
    transition: box-shadow .2s ease, transform .2s ease;
  }
  .bus-type:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(196, 69, 28, .10);
  }
  .bus-type h4 {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 600;
    font-size: 16px;
    color: #1a1613;
    margin-bottom: 4px;
  }
  .bus-type span {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 13px;
    color: #6b625a;
  }
  .bus-type a {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color);
    text-decoration: none;
    white-space: nowrap;
  }
  .bus-type a:hover { text-decoration: underline; }

  @media (max-width: 991px) {
    .fleet-main { height: 280px; }
    .fleet-thumb { height: 160px; }
  }
  
  
  
  
  
  
  .video-section {
    background: #1a1816;
    padding: 80px 0;
    color: #fff;
  }
  .video-tag {
    display: block;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    color: var(--main-color);
    margin-bottom: 12px;
  }
  .video-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 3.2vw, 40px);
    line-height: 1.3;
    color: #fff!important;
    margin-bottom: 16px;
  }
  .video-desc {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    line-height: 2;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 0;
  }
  .video-thumb {
    position: relative;
    display: block;
    border-radius: 22px;
    overflow: hidden;
    height: 380px;
    background: #2a2623;
  }
  .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    filter: brightness(.7);
    transition: filter .2s ease, transform .4s ease;
  }
  .video-thumb:hover img { filter: brightness(.85); transform: scale(1.03); }
  .video-play {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 88px;
    height: 88px;
    margin: -44px 0 0 -44px;
    border-radius: 50%;
    background: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .35);
    transition: transform .2s ease;
  }
  .video-thumb:hover .video-play { transform: scale(1.08); }
  .video-play::before {
    content: "";
    margin-left: 5px;
    border-style: solid;
    border-width: 11px 0 11px 18px;
    border-color: transparent transparent transparent #1a1816;
  }
  @media (max-width: 991px) {
    .video-section { padding: 56px 0; }
    .video-thumb { height: 260px; }
  }
  
  
  
  
  
  
    /* ========== من نحن + فريق العمل ========== */
  .about-section {
    background: #faf6f1;
    padding: 56px 0 72px;
    border-bottom: 1px solid #efe9e1;
  }
  .about-tag {
    display: block;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 12px;
    color: var(--main-color);
    margin-bottom: 8px;
  }
  .about-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(26px, 3vw, 38px);
    line-height: 1.3;
    color: #1a1613;
    margin-bottom: 0;
  }
  .about-desc {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 14px;
    line-height: 2;
    color: #4a423b;
    margin-bottom: 0;
  }
  .team-title {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 600;
    font-size: 18px;
    color: #1a1613;
    margin: 36px 0 18px;
  }
  .team-card {
    background: #fff;
    border: 1px solid #efe9e1;
    border-radius: 18px;
    overflow: hidden;
    height: 100%;
    text-align: right;
  }
  .team-card img {
    width: 100%;
    height: 140px;
    object-fit: cover;
    display: block;
    background: #efe6dd;
  }
  .team-info { padding: 14px 18px 16px; }
  .team-info h4 {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 600;
    font-size: 14px;
    color: #1a1613;
    margin-bottom: 4px;
  }
  .team-info span {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 12px;
    color: var(--main-color);
  }

  /* ========== جولات المزارات الدينية ========== */
  .tours-section {
    background: #fff;
    padding: 56px 0 64px;
  }
  .tours-img {
    width: 100%;
    height: 380px;
    object-fit: cover;
    display: block;
    border-radius: 20px;
    background: #e9e2d8;
  }
  .tours-title {
    font-family: 'Lalezar', sans-serif;
    font-weight: 400;
    font-size: clamp(26px, 3vw, 36px);
    color: #1a1613;
    margin-bottom: 6px;
  }
  .tours-sub {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 17px;
    color: #6b625a;
    margin-bottom: 22px;
  }
  .tours-city {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 600;
    font-size: 19px;
    color: var(--main-color);
    margin-bottom: 12px;
  }
  .tours-list {
    list-style: disc;
    padding-right: 18px;
    padding-left: 0;
    margin: 0 0 20px;
  }
  .tours-list li {
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1a1613;
    margin-bottom: 10px;
  }
  .btn-tours {
    display: inline-block;
    background: var(--main-color);
    color: #fff;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 16px;
    border-radius: 10px;
    text-decoration: none;
    transition: opacity .2s ease;
    
    font-weight: 700;
    padding: 15px 26px;
    border-radius: 12px;
  }
  .btn-tours:hover { opacity: .9; color: #fff; text-decoration: none; }

.sucess-partner {
    background: #faf6f1;
}








.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
    display: none;
}

.bravo_wrap .bravo-faq-lists .faq-item p {
    color: #eee !important;
}
.bravo_wrap .bravo-faq-lists .faq-item p span {
    background-color:transparent!important;
}
.feature-card {
      border: 1px solid #e0e0e0;
      border-radius: 12px;
      padding: 30px 20px;
      text-align: center;
      transition: transform 0.3s, box-shadow 0.3s;
      background-color: #fff;
    }

    .feature-card:hover {
      transform: translateY(-5px);
      box-shadow: 0 8px 20px rgba(0,0,0,0.1);
    }

    .feature-icon {
      font-size: 36px;
      color: #ff4d5a; /* Red/pink color like your screenshot */
      margin-bottom: 15px;
    }

    .feature-title {
      font-weight: 600;
      font-size: 1.2rem;
      margin-bottom: 10px;
    }

    .feature-text {
      color: #555;
      font-size: 0.95rem;
    }


.faq-item {
    padding: 10px !important;
    box-shadow: none;
    border: none !important;
    margin: 7px 0;
    border: 1px solid rgb(234, 227, 219);
    border-radius: 14px;
    padding: 18px 22px;
}

.faq-answer {
    background-color:transparant;
}
.bravo_wrap .bravo_form {
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}







@font-face {
    font-family: Pingar Lt;
    src: url(https://cdn.prod.website-files.com/66010dd5a72e48aee6e117f2/6616bb698b945d83ae87a280_PingAR%20LT-Regular.woff2)format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}


@font-face {
    font-family: Pingar Lt;
    src: url(https://cdn.prod.website-files.com/66010dd5a72e48aee6e117f2/6616bb6a3c6692b9ae126559_PingAR%20LT-Medium.woff2)format("woff2");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    src: url(https://cdn.prod.website-files.com/66010dd5a72e48aee6e117f2/6616bb6aa081fbccb8913767_PingAR%20LT-Heavy.woff2)format("woff2");
    font-weight: 800;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Pingar Lt;
    src: url(https://cdn.prod.website-files.com/66010dd5a72e48aee6e117f2/6616bb691d19d27676368938_PingAR%20LT-Black.woff2)format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Pingar Lt;
    src: url(https://cdn.prod.website-files.com/66010dd5a72e48aee6e117f2/6616bb6a5d3a9bb024d9ee82_PingAR%20LT-Bold.woff2)format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}



@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');


.bravo-menu {
    display:block !important;
}



.bravo_wrap .bravo_footer .main-footer .nav-footer .title:before {
    display:none !important;
}
.post-header {
    height:auto !important;
}
.col-md-6:has(.footer-copy-right )  , .col-lg-6:has(.footer-copy-right) {
    width:100% !important;
    max-width:100% !important;
    flex:none !important;
}


body.frontend-page.header-normal.is-rtl, .bravo_wrap .page-template-content .bravo-form-search-all label, p.MsoNormal span, .content-safwa, .news-title, h2, h1, h3, h4, div, p, a, input::placeholder, span {
    font-family:"IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif !important;
}


.divider-x{
    border-bottom: 2px solid #fff;
    
    margin: 0 10px;
    width: 50px!important;
}

.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a, .bravo_wrap .bravo_footer .copy-right p{
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: center !important;
    color:#4a4643!important;
    font-size:15px;
}

  .context:has( .footer-copy-right) {
     width:100% !important;
 }
 .contact-item {
      display: flex;
      align-items: center;
      margin-bottom: 20px;
      font-size: 1rem;
    }
    .contact-item i {
      font-size: 1.3rem;
      margin-left: 10px;
      color: #fff;
    }
 
    .contact-item a {
      color: #fff;
      text-decoration: none;
    }
    .contact-title {
      font-weight:500 !important;
      font-size:17px;
    min-width: 100px;
    text-align: start;
    }
    .divider {
      border-left: 2px solid #fff;
      height: 25px;
      margin: 0 10px;
    }

.footer-center a {
        padding: 10px;
    display: flex;
    gap: 8px;
}
.footer-copy-right{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 15px;
}

.footer-left img,
.footer-right img {
  margin: 0 5px;
  vertical-align: middle;
  width:50px;
  border-radius:5px;
  height:37px;
  background-color:#fff;
}

.footer-center a {
  color: white;
  text-decoration: none;
  font-weight: bold;
}

.footer-right span , .footer-center i {
  font-size: 23px
}







.ftco-animate a {
    background:none !important;
}




.bravo_wrap .page-template-content .bravo-call-to-action.style_3 {
    margin-block:0 !important;
}
.nav-booking {
    min-width: 135px !important;
    height: 50px;
}


body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
    color: var(--text-color--text-primary);

}


body.frontend-page.header-normal.is-rtl, .bravo_wrap .page-template-content .bravo-form-search-all label, p.MsoNormal span, .content-safwa, .news-title, h2, h1, h3, h4, div, p, a, input::placeholder, span {

    
    
}


body.site_enable_multi_lang *:not(i):not(svg):not([class*="fa"]):not([class*="icon"]):not([class*="ion"]){
    font-family: "Pingar Lt", sans-serif !important;
}


.bravo-news .bravo_banner {
    height:400px !important;
}
.bravo-news .bravo_banner h1 {
    display:none !important;
}

.main-footer .row {
    align-items:start !important;
}

.features-section {
  padding: 40px 0;
}
.feature-box   .des {
    padding-inline:24px;
}

.featuresث-section .container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.feature-box {
  text-align: start;

  display:flex;
  align-items:center;
}


.feature-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.feature-box p {
  font-size: 16px;
  color: #D9D9E3 !important;
}


#customers-testimonials .item {
background: rgb(250, 247, 243)!important;
    border: 1px solid rgb(239, 232, 224);
    border-radius: 20px;
    box-shadow:none !important;
}

.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .title{
    color: #1b1a19 !important;
    font-size: 18px;
    font-weight: 700;
    
}

.bravo_wrap .bravo_form .field-icon {
    margin-top:0 !important;
}

.Exhibition-logo {
    box-shadow:none !important;
}

.button-wrap.position-absolute svg {
    
    fill:var(--primary-color);
}

.tab-pane.fade.show.active h5 {
     fill:var(--primary-color) !important;
}
 .g-field-search i {
       color:#111111 !important;

 }
 
 
 .otp_div .form-control {
     
     padding:0 10px !important;
}

.otp_div.w-100 {
    
    justify-content:center !important;
    
}
.form.bravo-form-register .alert-success {
  left:auto !important;
    

}


.tab-pane.fade.show.active h5 {
font-size: 16px;
color: var(--primary-color);
}
.form.bravo-form-register .alert {
margin-bottom:10px !important;


}
.row.content-3   {
    display:none;
}




@media (max-width:991px){
    
.empty-section {
    display:none;
}

    .advantages-section .row  , .bravo-faq-lists  .row {
        gap:10px;
    }
    .form-control.otp-input.m-2.text-center {
        width: 40px !important;
        height: 40px !important;
    }
    .logo-section img {
  width:200px!importanti;
  height: auto;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.our-destination .row {
    gap: 16px;
        flex-direction: column-reverse;
}

.copy-right .col-md-12 {
    display: flex;
    align-items: center;
    color: #ffffff !important;
    flex-direction: column-reverse;
    gap:8px !important;
}
    
    .feature-box {
  
    margin-bottom: 30px;
}
    



    .bravo_wrap .bravo_form .smart-search .bravo-autocomplete {
        left: 0;
        right: 0!important;
    }
    
    
    .features-section .container {
        gap:7px!important;

}
}



.booking-success-notice .notice-success {
text-align:start !important;
}

.bravo-login-form-page .form-group .input-icon {
right:auto !important;
    left:10px !important;
}
.bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display input, .bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input {
 margin-inline:15px;
}

.dashboard-report-card .card-media {
    left:0 !important;
    right:auto !important;
}
.main-sidebar .main-menu > li.active > a, .main-sidebar .main-menu > li.active:hover > a {
    background-color: #EDF1F7!important;
    color:#243187!important;
  
}
.enable_multi_lang.site_enable_multi_lang .lang-content-box {
    background-color:#fff !important;

}
#num-booking-agent-range , #num-booking-user-range , #num-booking-vendor-range , #num-booking-car-range {
  background-color: var(--panel-color) !important;
  border-radius: 5px;
}
.filter-btn {
    padding-inline-end: 20px !important;
    padding-inline-start: 0 !important;
}

pre {
    display:none ;
}
.main-content {
 
    margin-top: 95px;
}
.alert-success svg {
    margin-inline: 10px;
}
.dashboard-report-card .card-media i {
    font-size: 30px !important;
}
.dashboard-report-card.card{
    background-color:var(--panel-color)!important;
}
.daterangepicker.rtl.auto-apply  {
    right:auto !important;
}
.dashboard-report-card .card-content{
    color:var(--table-font)!important;
}
.flag-icon  {
    margin-line:4px;
    border:none !important;
}
.dashboard-report-card .card-content .card-amount {
    color:var(--li-color) !important;
}

.main-sidebar .main-menu > li.active > a, .main-sidebar .main-menu > li.active:hover > a {
    background-color: #EDF1F7!important;
    color:#243187!important;
border-left:5px solid #FF5B1E !important;
}
.main-sidebar .main-menu > li:hover > a {
  background: none !important;
  color: #007BFF;
  


}
.show-ranges.opensleft.show-calendar{
right:50% !important;
}
  
 
  .dropdown-menu  .dropdown-item:hover {
      background-color:#EDF1F7 !important;
      color:#000 !important;
  }
  .bravo-login-form-page .form-group .input-icon {
    left:10px !important;
    right:auto !important;
}
.markAllAsRead  {
    font-size:13px;
}
.col-3 .panel {
    text-align:start;
}
.panel {
background-color:var(--panel-color) !important;
}
.bravo_wrap .page-template-content .bravo-offer .item  {
    height:290px!important;
}
.bravo_wrap .page-template-content .bravo-offer .item:hover a.btn-default {
    opacity:1;
    bottom:90px !important;
}


.page-template-content .bravo-offer .item .img-cover {

    background-size: contain !important;
    background-repeat: no-repeat !important;
    
}
.bravo_wrap .page-template-content .bravo-offer .item .item-title
{
   font-size:20px!important;
    
    padding:16px !important;
}


.bravo_wrap .page-template-content .bravo-offer .item {
    
    margin-bottom:30px !important;
}
.faq-item {
    padding:20px !important;
}
.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .desc {
    font-size: 14px;
    color: #464646;
    margin-bottom: 0;
        font-size: 16px!important;
line-height:30px;
}
.layer {
top: 85% !important;
    
    
}




/* CSS */
.bravo_footer   .main-footer {
    background-color:var(--bg-color) !important;
  color: #ffffff !important;
  padding: 30px 20px;

}

.nav-footer h4 {
  margin-bottom: 20px;
  font-size: 20px;
  padding-bottom: 10px;
}


.nav-footer a:hover {
  color: #f0c040;
}

.footer-logo {
  margin-bottom: 15px;
}

.footer-description {
  font-size: 15px;
  color: #ccc;
}

.vat {
  margin-top: 10px;
  font-size: 13px;
  color: #aaa;
}

.footer-links {
  list-style: none;
  padding: 0;
}

.footer-links li {
  margin-bottom: 10px;
}

.social-icons a {
  font-size: 30px !important;
  margin-left: 10px;
  color: #ccc;
  transition: color 0.3s;
}

.social-icons a:hover {
  color: #f0c040;
}


.bravo_wrap .bravo_footer .main-footer .nav-footer .title {
    padding: 20px 0;
    margin-bottom: 0px;
    position: relative;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 4px;
    color: rgb(27, 26, 25);
}


.main-footer   .nav-footer:has(img) .title {
    
    display:none !important;
}

.bravo-video-popup  , .banner .img-fluid , .bravo-video-popup  img, .bravo_gallery  .btn-group {
    width:100%!important;
}

.bravo_gallery   .layer {
    display:none !important;


}

.bravo_wrap .bravo_footer .main-footer .nav-footer .title {
    
    border:none !important;
}
.bravo_wrap .bravo_footer .main-footer .nav-footer .title:before {
    background:linear-gradient(90deg, rgba(255, 255, 255, 0) 13.5%, rgba(255, 255, 255, 0.2) 70.5%);
}

.blog-content {
    
padding-block:64px!important;
}

.blog-content p  , .blog-content li {
font-size:18px !important;
margin-bottom: 8px;

}


.footer-logo {
    
margin-bottom:0 !important;
}

.nav-footer li:hover a {
    color:#ffffff !important;
}

.icofont-travelling {
    top: 50px !important;
}

  .service-card {
            text-align: center;
         
        }

  

        .service-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 10px;
        }

        .service-separator {
            width: 40px;
            height: 3px;
            background-color: #d6a848;
            margin: 0 auto 10px auto;
        }

        .service-list {
            color: #1c1c1c !important;
            line-height: 2;
            font-size:16px;
        }
        
        
        .section-title {
      font-size: 24px;
       color: #ac8c47;
      margin-top: 30px;
      margin-bottom: 15px;
      text-align: right;
    }

    .section-text {
      font-size: 18px;
      color: #333;
      text-align: right;
      margin-bottom: 20px;
    }

    .section-list {
      font-size: 18px;
      color: #333;
      padding-right: 20px;
      list-style-type: square;
      text-align: right;
      margin-bottom: 30px;
    }

    .section-box {
      background-color: #f9f9f9;
      padding: 30px;
      border-radius: 15px;
      box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    }
    
    
    
     .bravo_wrap .page-template-content .bravo-offer .item a.btn-default{
display:none !important;
    }
    
    
    
     .why-us-title {
      text-align: center;
      margin-bottom: 40px;
      font-size: 2rem;
    }
    .why-us-title span {
      color: #f4b400; /* Gold color for "US" */
    }
    .why-card {
      background-color: #fff;
      padding: 25px;
      border-radius: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      text-align: left;
      height: 100%;
    }
    .why-card h5 {
      font-weight: bold;
      margin-top: 15px;
    }
    .why-icon {
      width: 50px;
      height: 50px;
      object-fit: contain;
    }
    
    
    .bravo_wrap .bravo_search_car .bravo-list-item .list-item .item-loop .thumb-image  .p-3 {
        position:relative !important;
        z-index:999999!important;
    }
    
    a.download-btn {
        background: #ffffff;
    color: #AC8C47 !important;
    padding: 18px;
    width: fit-content;
    border-radius: 10px;
    font-weight: 700 !important;
    font-size:16px !important;

    }
    
    .footer-links li:hover     a.download-btn {


                  background: #ffffff;
    color: #AC8C47 !important;
        }
        
        
     
.demo-section {
background: linear-gradient(135deg, #6e5522, #AC8C47);
    border-radius: 20px;
    padding: 40px;
    color: #ffffff;
    margin: 64px auto ;
    position:relative !important;
}
.demo-section img {
    mix-blend-mode: multiply;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
}

.demo-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  position: relative;
  z-index:999999;
}

.demo-content .text {
  flex: 1;
  min-width: 300px;
}

.demo-content h2 {
  font-size: 30px!important;
  margin-bottom: 15px;
  font-weight: 700!important;
}

.demo-content p {
  font-size: 16px;
  line-height: 1.8;
  margin: 0;
}

.btn-demo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
 background: #ffffff;
    color: #AC8C47;
    padding: 12px 25px;
    border-radius: 8px;
    font-weight: 700 !important;
    font-size: 18px;
    text-decoration: none;
    white-space: nowrap;
    transition: all 0.3s ease-in-out;out;
}

.btn-demo:hover {
  background: #f0f0f0;
}

.btn-demo .arrow {
  font-size: 20px;
}


.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .tab-content{
    width:100% !important;
    display:block !important;
}


.logo-section {
  text-align: center;
  padding: 30px;
  background: #F7F7F7;
  margin-bottom: 50px;
}

.logo-section img {
  width:380px;
  height: auto;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.container:has(.logo-section){
    
max-width:100% !important;
    
margin:0!important;
padding:0!important;
}




.bravo-news .widget_category ul li span, .bravo_wrap .bravo_search_tour .bravo_form_search .bravo_form .g-button-submit button, .bravo_wrap .bravo_search_tour .bravo_filter .filter-title:before, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-bar, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-from, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-to, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-single, .bravo_wrap .bravo_search_tour .bravo_filter .g-filter-item .item-content .bravo-filter-price .irs--flat .irs-handle>i:first-child, .bravo-news .header .cate ul li, .bravo_wrap .page-template-content .bravo-form-search-tour .bravo_form_search_tour .g-button-submit button, .bravo_wrap .page-template-content .bravo-list-locations .list-item .destination-item .image .content .desc, .bravo_wrap .bravo_detail_space .bravo_content .g-attributes h3:after, .bravo_wrap .bravo_form .g-button-submit button, .btn.btn-primary, .bravo_wrap .bravo_form .g-button-submit button:active, .btn.btn-primary:active, .bravo_wrap .bravo_detail_space .bravo-list-hotel-related-widget .heading:after, .btn-primary:not(:disabled):not(.disabled):active{
    
    background-color:var(--main-color) !important;
    
    
    
    
    
}
.btn-readmore{
        background-color:var(--main-color) !important;

}


.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-more a {
    padding:0 !important;
    display:flex;
}

.bravo_wrap .page-template-content .bravo-list-news .item-news .caption {
    
    padding:10px !important;
}


.bac .item {
    
    cursor:pointer;
}




.copy-right .col-md-12 {
    display: flex
;
    justify-content: space-between;
    align-items: center;
    color: #ffffff !important;
}


    
 .wait-message.wait-message-dropoff ,.wait-message-pickup{
    display:none !important
 }
 
 
 
.loading-spinner {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    animation: spin 1s linear infinite;
    position: absolute;
    right: 50%;
    top: 50%

}

   .item-news .thumb-image img{
        
        padding-top:0 !important;
        
        
    }
    
    
    .bravo-list-news .item-news {
    height: 455px !important;
}
@media (max-width: 991px) {
    .bravo-form-search-all   {
        align-items:center !important;
    }
    .nav-footer {
    width: 100% !important;
    justify-content: start;
}


.bravo-menu {
    display: none !important;
}
    .drop-pickup-container .button-wrap {
        position: absolute;
        right: 30px;
        left: auto !important;
        top: 50%;
        transform: translatex(-50%);
        margin-top: 0 !important;
        z-index: 99999 !important;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, .12);
    }
    
    
.loading-spinner {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    animation: spin 1s linear infinite;
    position: absolute;
    right: 50%;
    top: 30%;

}
.bravo_wrap .page-template-content .bravo-offer .item {
    height: 240px !important;
}
    
 .logo-section img {
    width: 250px!important;
}
    
}

.header-logo.flex-shrink-0 img {
    
    height:auto !important;
width:110px!important;
}


.main-sidebar {
    
    top:80px !important;
    

}

.main-header {
    height:80px !important;
    
    

}
body.dark-theme {
    
    background-color:var(--body-color) !important;

}


body.dark-theme .panel-body {
    
    background-color: var(--panel-color) !important;


}
.main-footer .nav-footer:has(.location-img) .title {
display:block !important
    
}


.main-footer .col-md-6:not(.col-md-6.copy-right) {
  align-items:center;
  display: flex;
  justify-content:center;

}
.footer-right {
    display:flex;
    align-items:center;
}

.copy-right a {
    
    
    color:var(----li-color)!important;
}

.bravo-news .article .post-header {
    
max-height:650px!important;
}


.bravo_wrap .bravo_search_car .bravo-list-item .list-item .item-loop .thumb-image a img {

max-width:70% !important;
width:70% !important;
}

.swiper-slide.swiper-slide-active:not(:has(img)) {
    /* Your styles here */
display:none !important;
    
}



.bravo_header .content {
    height: 100px !important;
    
    
}







.choose-section {
  text-align: center;
  padding-block:20px;
  background-color: #fff;
}

.choose-section .section-title , .bravo-list-news .title {
 color:#171717 !important;
 font-size: 1.875rem !important;
    line-height: 2.25rem !important;
}

.choose-section .section-subtitle {
  color: var(--primary-color);
  font-size: 18px;
  margin-bottom: 50px;
}

.choose-section .features {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  
}


.choose-section .icon-box {
  width: 90px;
  height: 90px;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px;
  transition: 0.3s ease;
}

.choose-section .icon-box  img  {
    width:50px;
}



.choose-section .feature-box h4 {
  font-size: 18px;
  font-weight: 600;
  text-align:center;
}



.destination-section {
  background-color: var(--bg-color);
  padding: 80px 0 ;
  color: #fff;
position:relative;
  
}

.destination-content {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 60px;
}

.destination-text {
  text-align: right;
}

.destination-text h3 {
  font-size: 36px;
  color: #fff;
  margin: 0;
}

.destination-text h2 {
  font-size:128px!important;
  color: var(--primary-color);
  font-weight: 700;
  margin: 0;
  font-family:Aref Ruqaa,ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important;
}

.destination-boxes {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
}

.destination-box {
  width: 260px;
  height: 220px;
  border: 1px solid var(--primary-color);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  transition: 0.3s ease;
  background-color: transparent;
}

.destination-box img {
  width: 90px;
  margin-bottom: 20px;
  filter: brightness(0) saturate(100%) invert(71%) sepia(39%) saturate(409%) hue-rotate(358deg) brightness(90%) contrast(85%);
}

.destination-box h4 {
  font-size: 20px;
  color: #fff;
  margin: 0;
  font-weight: 600;
}

.destination-box:hover {
  background-color: var(--primary-color);
}

.destination-box:hover h4 {
  color: #10293f;
}

.destination-box:hover img {
  filter: brightness(0) saturate(100%) invert(10%) sepia(12%) saturate(1902%) hue-rotate(169deg) brightness(95%) contrast(93%);
}





.container:has(.destination-section)   , .container:has(.service-locations)
.container:has(.location-section)
{    max-width:100% !important;
    padding:0;
}

.choose-section .feature-box{
    flex-direction:column;
}



.bravo_wrap .bravo_header {
    background: transparent !important;
}



.frontend-page.header-transparent .bravo_wrap .bravo_header {
    top:0 !important;
}


.bravo_header .content {
    background-color:transparent !important;
}





.bravo_wrap .bravo_header {
    
    box-shadow:none !important;
}




@media (max-width:991px){


.bravo_footer .main-footer {
padding-inline:0 !important;

}
  .bravo-form-search-all {
    background-size: contain !important;

background-position: right !important;  

}

.bravo-list-news .item-news {
    height:auto !important;
}
  
  
  
  .g-form-control{
      margin-top:0 !important;
  }
  
  
  
  .layer-section{
 display:none !important;
  }
  
  
}

.layer-section{
    position: absolute;
    top: 0;
    left: 0;
}






.frontend-page.header-transparent .bravo_wrap .bravo_header .content  .bravo-menu>ul>li>a  , .frontend-page.header-transparent .bravo_wrap .bravo_header .content .bravo-menu>ul>li>a{
    
    
    color:#eee ;
    font-weight:600 !important;
    font-size:16px !important;
}


.bravo-contact-block .row {
    
    flex-direction:row-reverse;
}




.bravo_wrap .bravo-contact-block .contact-info .info-content {
    position: relative!important;
    margin-top:0 !important;
    
    margin-left: 0;
    background: transparent;
    padding: 0;
}


.bravo_wrap .bravo-contact-block .contact-info .info-content h3 {
    font-size: 20px;
    color: #171717;
    margin: 0;
    line-height: 36px;
}

.contact-header h2 {
    display:none !important;
}





@media (max-width: 1023px) {
    .bravo_wrap .bravo-contact-block .contact-info .info-bg {
        display: block;
    }
}


.info-bg iframe {
    width:100% !important;
}


.offset-lg-2:has(.contact-info ){
    margin-left:0 !important;
    min-width: 58%;
}







.advantages-section img {
    margin-bottom:15px;
}




a.copy-right-link {
    background: transparent!important;
    
    font-size:15px !important;
}

#app  .copy-right {
    display:block !important;
}


#app  .main-footer .row {
    align-items:center !important;
}


.shadow-effect {
  display: flex;
  flex-direction: column;
  background:transparent !important;


}


.shadow-effect .title {
  order: 0;
}

.shadow-effect .sub_title {
  order: 1;
}

.shadow-effect .desc.opinion-text {
  order: 2;
}


.shadow-effect  .sub_title:has(.icon-container) {
  order: 4;
  
  
  margin-block: 10px !important;
}



.fa.fa-calendar {
  pointer-events: none;
}


#customers-testimonials .item-custom {
    min-height: 264px !important;
}

.fs-3.rate {
    display:none;
}


.icon-container i {
    color:var(--main-color) !important;
    font-size: 18px!important;
    padding: 0 !important;
}




.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .title, #customers-testimonials .item-custom {
    text-align: start;
}
#customers-testimonials .item-custom {
    min-height: 264px !important;
}


.ftco-footer-social {
    display: flex !important
;
    flex-direction: row;
    justify-content: space-between;
}






.bravo_wrap .bravo_footer .main-footer .nav-footer .context ul li a span {
    margin-inline: 8px !important;
}

.ftco-footer-social a {
    border-radius: 50%;
    position: relative;
    display: flex
;
    align-items: center;
    justify-content: center;ve;
}
.ftco-animate span:before {
      font-size: 22px;
}



.contact-us-info i {
        margin-inline: 8px !important;

}


.bravo_wrap .bravo_footer .copy-right {
    border-top: 1px solid #eaeef317;
    padding-block: 16px;
    background:transparent !important;
}



.swiper {
  width: 100%;
  position: relative;
  overflow:hidden !important;
}

.swiper-slide {
  display: flex;
  justify-content: center;
}

.swiper-button-next,
.swiper-button-prev {
  color: #000;
}

.swiper-pagination-bullet {
  background: #000;
}



/* مهم جداً: نخلي السلايدات inline داخل السلايدر */
.swiper-wrapper {
  display: flex !important;
  flex-wrap: nowrap !important;
}


.swiper-backface-hidden .swiper-slide {
    padding:0 !important;
}

/* تصحيح المحاذاة */
.swiper-slide > .item {
  width: 100%;
  height: 100%;
}


.bravo_footer  img[alt="qr"] {
  width: 150px;
  max-width: 100%;
  height: auto;
}



.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .sub_title {
    margin-bottom: 25px;
    font-style: normal!important;
    font-size: 14px;
    color: #171717;
}



.bravo_wrap .page-template-content .bravo-list-news .item-news .thumb-image {
        height:250px !important;
}


.bravo_wrap .page-template-content .bravo-list-news .item-news .thumb-image  img {

    height:100% !important;


}

.bravo_wrap .page-template-content .bravo-form-search-all label {
    
    font-size:15px !important;
}

.bravo-list-news .title {
    text-align:center;
}


.bravo_wrap .bravo_header .content .header-right .topbar-items li.signup-item {
    background-color:var(--main-color);
    padding: 10px 15px;
    border-radius: 4px;
    color: #ffffff !important;
}
.bravo_wrap .bravo_header .content .header-right .topbar-items li.signup-item a{
        color: #ffffff !important;
        font-size: 16px !important;

}

.bravo_wrap .bravo_header .content .bravo-menu ul li a {
    font-size: 15px!important;
    font-weight: 600 !important;
}








.bravo_wrap:has(.contact-info) i.fa.fa-bars , .bravo_wrap:has(.blog-content) .bravo_header i.fa.fa-bars {
        color:#ffffff !important;

}
.bravo_wrap .page-template-content .bravo-offer.bac .item .img-cover{
    width:90%!important;
}


.bravo_wrap .page-template-content .bravo-offer .item:hover .img-cover {
    transform: scale(1);
}






.swiper-button-prev  , .swiper-button-next {
       background-color:#ffffff !important;
    width:30px !important;
    height:30px!important;
    border-radius:50%;
}


.swiper-pagination-bullet-active {
    background-color:var(--main-color) !important;
}


.bravo_wrap .bravo_header .bravo-menu-mobile  .fa-angle-left {
    display:none;
}



.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>a  , .bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a:hover {
     border-bottom: none !important;
}





/* استثناء روابط login */
.bravo_wrap:has(.contact-info) .bravo_header .content li.dropdown .dropdown-menu a.is_login,
.bravo_wrap:has(.blog-content) .bravo_header .content li.dropdown .dropdown-menu a.is_login {
  color: #171717 !important;
}

/* استثناء روابط .menu-hr */
.bravo_wrap:has(.contact-info) .bravo_header .content li.menu-hr a,
.bravo_wrap:has(.blog-content) .bravo_header .content li.menu-hr a {
  color: #171717 !important;
}


.header-right a {
    font-size: 16px !important;
    font-weight: 500 !important;
}


.contact-info .info-bg iframe {
  border-radius: 12px; /* حواف ناعمة */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); /* ظل خفيف */
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.contact-info .info-bg iframe:hover {
  transform: scale(1.02); /* تكبير بسيط عند المرور */
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.25);
}

.advantages-about-page {
    text-align:start !important;
}


.our-destination .col-lg-6 {
        text-align:start !important;
        display: flex;
    align-items: start;
    flex-direction: column;
    justify-content: end;

}
.our-destination  .row {
        align-items: center;

}

.our-destination .col-lg-6 img {
    width:100% !important;

}


@media (max-width: 700px) {
    .main-sgwa-wrapper-container {
  
    }
    
    
    .bravo_wrap .page-template-content .bravo-offer .item .img-cover {
        left:auto!important;
}
}


.multi-lang .dropdown-menu li {
    text-align: start;
}


.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul.multi-lang>li .dropdown-menu li a:before{
    display:none;
}


.bravo-menu-mobile .flag-icon {
    display:none !important;
}


.ftco-animate  a span {
    display:flex;
    align-items:center;
    justify-content:center;
}


.bravo_wrap .bravo_header .content .header-right ul.dropdown-menu::after{

z-index:-1 !important;
}





#app td,
#app thead:not(.thead-dark) tr,
#app thead:not(.thead-dark) tr th {
    background-color: inherit !important;
}



.daterangepicker td.active, .daterangepicker td.active:hover {
    color: #000 !important;
    background: #eee !important;
}

.bravo-list-item {
    width:100% !important;
}




.bravo_wrap .page-template-content .bravo-offer .item .img-cover {
    
    
}


.bravo_wrap .page-template-content .bravo-offer .item {
    box-shadow: none;
}




@media (min-width: 768px) {
    
       .bravo-faq-lists .row {
           gap:10px !important;
       }
    .bravo-faq-lists .col-md-12{

  
        max-width: 70% !important;
        margin:auto !important;
    }
    
    .bravo_wrap .page-template-content .bravo-form-search-all {
        min-height:100vh!important;
    }
}


.faq-item {
 margin:0 !important;
 
}


.title.news-title {
    text-align: center !important;
    width: 100%;
}



.steps-section {
  background-color: #ffffff;
}

.image-box {
  border-radius: 16px;
  overflow: hidden;
}

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

.step-item {
  display: flex;
  gap: 16px;
  margin-bottom: 28px;
}

.step-number {
  min-width: 36px;
  height: 36px;
background-color: var(--main-color);  
  
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
}

.step-item h5 {
  margin-bottom: 6px;
  font-weight: 600;
}

.step-item p {
  margin: 0;
  color: #6c757d;
  font-size: 14px;
  line-height: 1.6;
}


.bac .layer {
    background-color:transparent !important;
    text-align:center;
}



@media (max-width: 500px) {
    .bravo_wrap .page-template-content .bravo-form-search-all {
        min-height: 80vh!important;
    }
}

.Certificate img {
    
    width:100% !important;
    height:auto !important;
}


.bravo_wrap .bravo_header .content .header-right .dropdown-menu li a {
    color:#000 !important;
}


.bravo-logo img {
    height:auto !important;
    width:140px !important;
}


  .root {
      font-family: 'Cairo', sans-serif;
      direction: rtl;
      background: #F7F4EE;
      border-radius: 20px;
      padding: 4rem 2.5rem;
      position: relative;
      overflow: hidden;
      width: 100%;
      margin:100px 0;
    }
 
    .deco-circle {
      position: absolute;
      border-radius: 50%;
      pointer-events: none;
    }
    .dc1 {
      width: 320px; height: 320px;
      border: 60px solid #C4960A18;
      top: -120px; left: -100px;
    }
    .dc2 {
      width: 180px; height: 180px;
      border: 40px solid #C4960A10;
      bottom: -60px; right: -50px;
    }
 
    .top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-bottom: 3rem;
      flex-wrap: wrap;
      gap: 1rem;
    }
 
    .top-text h2 {
      font-size: 44px;
      font-weight: 900;
      color: #111;
      margin: 0 0 0.3rem;
      line-height: 1;
    }
 
    .top-text h2 span { color: #C4960A; }
 
    .top-text p {
      font-size: 14px;
      color: #999;
      margin: 0;
    }
 
    .top-stat {
      text-align: center;
      background: #111;
      border-radius: 16px;
      padding: 1.25rem 2rem;
      color: #fff;
    }
 
    .top-stat .num {
      font-size: 36px;
      font-weight: 900;
      color: #F5C842;
      line-height: 1;
    }
 
    .top-stat .lbl {
      font-size: 12px;
      color: rgba(255,255,255,0.5);
      margin-top: 4px;
    }
 
    .feats {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
 
    .fcard {
      background: #fff;
      border-radius: 18px;
      padding: 1.75rem;
      display: flex;
      gap: 1.1rem;
      align-items: flex-start;
      border: 1.5px solid transparent;
      transition: border-color 0.25s, transform 0.25s;
      position: relative;
      overflow: hidden;
    }
 
    .fcard::before {
      content: '';
      position: absolute;
      top: 0; right: 0;
      width: 60px; height: 60px;
      background: radial-gradient(circle at top right, #C4960A14, transparent 70%);
      border-radius: 0 18px 0 0;
    }
 
    .fcard:hover {
      border-color: #E8C84A;
      transform: translateY(-3px);
    }
 
    .fcard-icon {
        width: 60px; min-width: 60px; height: 60px;
      border-radius: 14px;
      display: flex; align-items: center; justify-content: center;
    
        background: #FFF3CD; 
    }
 .fcard-icon  img  {
     
 width:50px !important;
}
 
 
 
 
 
    .fcard-icon i { font-size: 24px; }
    .ic1 i, .ic2 i, .ic4 i { color: #C4960A; }
    .ic3 i { color: #F5C842; }
 
    .fcard-body { flex: 1; }
 
    .fcard-body h3 {
      font-size: 16px;
      font-weight: 700;
      color: #111;
      margin: 0 0 0.35rem;
    }
 
    .fcard-body p {
      font-size: 13px;
      color: #999;
      line-height: 1.7;
      margin: 0;
    }
 
    .fcard-num {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 1.5px;
      color: #E8C84A;
      margin-bottom: 0.4rem;
    }
 
    .bottom-strip {
      margin-top: 1.75rem;
      background: var(--main-color);
      border-radius: 14px;
      padding: 1.25rem 2rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 1rem;
    }
 
    .bottom-strip p {
      font-size: 15px;
      font-weight: 700;
      color: #fff;
      margin: 0;
    }
 
    .strip-btn {
      background: #fff;
      color: #C4960A;
      font-family: 'Cairo', sans-serif;
      font-size: 13px;
      font-weight: 700;
      border: none;
      border-radius: 100px;
      padding: 9px 22px;
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: transform 0.2s;
    }
 
    .strip-btn:hover { transform: translateY(-1px); }
    .strip-btn i { font-size: 14px; }
 
    @keyframes up {
      from { opacity: 0; transform: translateY(18px); }
      to   { opacity: 1; transform: translateY(0); }
    }
 
    .top          { animation: up 0.4s ease 0s    both; }
    .fcard:nth-child(1) { animation: up 0.4s ease 0.10s both; }
    .fcard:nth-child(2) { animation: up 0.4s ease 0.17s both; }
    .fcard:nth-child(3) { animation: up 0.4s ease 0.24s both; }
    .fcard:nth-child(4) { animation: up 0.4s ease 0.31s both; }
    .bottom-strip { animation: up 0.4s ease 0.38s both; }
 
    @media (max-width: 765px) {
      .feats { grid-template-columns: 1fr; }
      .top-text h2 { font-size: 32px; }
    }
    
    
    
    .hxda-dot.active  , .hxda-progress {
        background:var(--main-color);
    }
    
    
    
    
    .icons-otherCompany div img {
        width:160px!important;
        border:none !important;
    
    }
    .news-title , .title.news-title {
    font-size: 40px !important;
    font-weight: 700;
    color: #111111!important;
    text-align: center!important;
    font-family: "Reem Kufi", sans-serif !important;
    display:flex;
    justify-content:center;
}



@media (max-width: 768px) {
    .header-bg-img {
        position: relative !important;
        object-fit: contain !important;
    }
    
    
    .bravo_wrap .page-template-content .bravo-form-search-all {
        flex-direction: column;

    }
    
    
    .container.style-one {
        max-width:100% !important;
    }
    
    
    .root {
        padding-inline:10px !important;
        margin:0px;
}
}


@media (min-width: 768px) {
    
}


.bravo_wrap .bravo_header {
    background: var(--bg-color)!important;
    border-bottom: 3px solid #d97a2b; /* برتقالي نحاسي */
    
    
}

.hxda-slide__overlay {
    background:none !important;
}

.bravo_wrap .page-template-content .bravo-offer .item .img-cover {
background-size: contain !important;

}


.icons-otherCompany div  a {
    height:100% !important;
}


.btn.btn-primary 
{
    color:#fff ;
    border:none !important;
    
    
}

.bravo_wrap .bravo_search_car .bravo_banner {
    display:none !important;
}
.bravo_search_car h1 {
    margin-block:10px;
}


.bravo_header .content .bravo-menu>ul>li>a, .frontend-page.header-transparent .bravo_wrap .bravo_header .content .bravo-menu>ul>li>a   , .bravo_wrap .bravo_header .content .header-right .topbar-it {
    color: var(--font-color) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    
}


.bravo_wrap .bravo_header .content .header-right .topbar-items li >a {
    color: var(--font-color) !important;
    font-size: 16px!important;
    font-weight: 500!important;
}



.nav-footer p, .nav-footer a  , .nav-footer li {
  color:rgb(74, 70, 67) !important;
  font-size:15px !important;
  line-height: 1.8;
  text-decoration: none;
  font-weight:400 !important;
}

.nav-footer li {
    margin-bottom:6px;
}


.features-section {
  padding: 40px 0;
}
.feature-box   .des {
    padding-inline:24px;
}

.features-section .container {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 30px;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
}

.feature-box {
  text-align: start;
  max-width: 33.33%;
  flex: 1;
  
  display:flex;
  align-items:center;
}


.feature-box h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  color:#ffffff !important;
}

.feature-box p {
  font-size: 18px;
  color: #D9D9E3 !important;
}


.container:has(.advantages-section) {
background: linear-gradient(135deg, #4c2266 0%, #d97a2b 55%, #d97a2b 100%);    
    
max-width:100% !important;
width:100% !important;
padding:0;
    
!important;



.service-locations {
    background: #f7f8fc;
    position: relative;
    overflow: hidden;
}

/* =========================
   Heading
========================= */

.section-heading {
    position: relative;
}

.section-subtitle {
    display: inline-block;
    color: #f5b91a;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.section-heading h2 {
    color: #080e30;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 12px;
}

.heading-line {
    width: 55px;
    height: 3px;
    margin: 0 auto 12px;
    background: linear-gradient(
        90deg,
        #4b3b8f,
        #f5b91a
    );
    border-radius: 10px;
}

.section-heading p {
    color: #777;
    margin: 0;
    font-size: 15px;
}


/* =========================
   Map
========================= */

.map-wrapper {
    min-height: 450px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-glow {
    position: absolute;
    width: 320px;
    height: 320px;
    background: rgba(75, 59, 143, 0.08);
    border-radius: 50%;
    filter: blur(20px);
}

.saudi-map {
    width: 100%;
    max-width: 100%;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 15px 25px rgba(8, 14, 48, 0.12));
}


/* =========================
   Location Pins
========================= */

.location-pin {
    position: absolute;
    z-index: 5;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #080e30;
    font-size: 13px;
    font-weight: 700;
}

.location-pin span {
    width: 14px;
    height: 14px;
    display: block;
    background: #4b3b8f;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow:
        0 0 0 4px rgba(75, 59, 143, 0.15),
        0 5px 12px rgba(8, 14, 48, 0.15);
}

.pin-riyadh {
    top: 32%;
    right: 34%;
}

.pin-jeddah {
    top: 57%;
    left: 27%;
}

.pin-makkah {
    top: 51%;
    left: 34%;
}

.pin-madinah {
    top: 39%;
    left: 36%;
}

.pin-taif {
    top: 54%;
    right: 31%;
}


/* =========================
   Content
========================= */

.locations-content {
    padding: 20px 20px 20px 50px;
}

.content-label {
    color: #4b3b8f;
    font-size: 14px;
    font-weight: 700;
    display: block;
    margin-bottom: 10px;
}

.locations-content h3 {
    color: #080e30;
    font-size: 31px;
    font-weight: 800;
    margin-bottom: 18px;
    line-height: 1.5;
}

.locations-content h3 span {
    color: #4b3b8f;
}

.description {
    color: #6c6c78;
    font-size: 15px;
    line-height: 2;
    max-width: 550px;
    margin-bottom: 25px;
}


/* =========================
   Cities
========================= */

.cities-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}

.city-item {
    display: flex;
    align-items: center;
    gap: 12px;
    background: #fff;
    padding: 13px;
    border-radius: 12px;
    border: 1px solid #eeeef4;
    transition: 0.3s ease;
}

.city-item:hover {
    transform: translateY(-3px);
    border-color: rgba(75, 59, 143, 0.25);
    box-shadow: 0 8px 20px rgba(8, 14, 48, 0.08);
}

.city-icon {
    width: 40px;
    height: 40px;
    min-width: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #f5b91a;
    background: rgba(75, 59, 143, 0.08);
}

.city-item strong {
    display: block;
    color: #080e30;
    font-size: 14px;
    margin-bottom: 3px;
}

.city-item span {
    display: block;
    color: #888;
    font-size: 11px;
}


/* =========================
   All Kingdom
========================= */

.all-kingdom {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    margin-top: 20px;
    padding: 11px 18px;
    background: var(--main-color);
    color: #fff;
    border-radius: 30px;
    font-size: 13px;
}

.all-kingdom i {
    color: #f5b91a;
}


/* =========================
   Responsive
========================= */

@media (max-width: 991px) {

    .map-wrapper {
        min-height: 380px;
    }

    .locations-content {
        padding: 10px;
        text-align: center;
    }

    .description {
        margin-left: auto;
        margin-right: auto;
    }

    .cities-list {
        text-align: right;
    }

    .all-kingdom {
        margin-right: auto;
        margin-left: auto;
    }
}


@media (max-width: 575px) {

    .section-heading h2 {
        font-size: 25px;
    }

    .locations-content h3 {
        font-size: 25px;
    }

    .cities-list {
        grid-template-columns: 1fr;
    }

    .map-wrapper {
        min-height: 300px;
    }

    .saudi-map {
        width: 90%;
    }

    .location-pin small {
        display: none;
    }

    .location-pin span {
        width: 11px;
        height: 11px;
    }
}



.stats-section {
    padding: 25px 0;
    background: #f7f8fc;
}

.stats-box {
    background: #d97a2b;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(8, 14, 48, 0.12);
}

.stat-item {
    min-height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    position: relative;
    padding: 20px;
}

/* الفاصل بين العناصر */
.stat-item::after {
    content: "";
    position: absolute;
    left: 0;
    top: 25%;
    width: 1px;
    height: 50%;
    background: rgba(255, 255, 255, 0.25);
}

.col-lg-3:last-child .stat-item::after {
    display: none;
}

/* الأيقونة */
.stat-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    font-size: 38px;
}

/* الرقم */
.stat-number {
    color: #f5b91a;
    font-size: 32px;
    font-weight: 800;
    line-height: 1;
    margin-bottom: 10px;
}

/* العنوان */
.stat-title {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}


/* Hover */
.stat-item {
    transition: 0.3s ease;
}

.stat-item:hover {
    transform: translateY(-3px);
}

.stat-item:hover .stat-icon {
    color: #f5b91a;
}


/* =========================
   Tablet
========================= */

@media (max-width: 991px) {
.feature-box {
    text-align: start;
    max-width: 100% !important;
    flex: none;
    display: flex;
    width: 100%;
    justify-content:start;
    padding-inline:10px;
}
    .stat-item {
        min-height: 110px;
    }

    .stat-number {
        font-size: 27px;
    }

    .stat-title {
        font-size: 14px;
    }

    .stat-icon {
        font-size: 32px;
    }

    /* الفاصل الرأسي */
    .col-lg-3:nth-child(2) .stat-item::after {
        display: none;
    }

    /* فواصل الصف الثاني */
    .col-lg-3:nth-child(3) .stat-item::before,
    .col-lg-3:nth-child(4) .stat-item::before {
        content: "";
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 1px;
        background: rgba(255, 255, 255, 0.25);
    }
}


/* =========================
   Mobile
========================= */

@media (max-width: 575px) {

    .stats-section {
        padding: 15px 10px;
    }

    .stats-box {
        border-radius: 12px;
    }

    .stat-item {
        min-height: 100px;
        gap: 10px;
        padding: 15px 8px;
        flex-direction: column;
        text-align: center;
    }

    .stat-icon {
        font-size: 27px;
        width: auto;
        height: auto;
    }

    .stat-number {
        font-size: 23px;
        margin-bottom: 5px;
    }

    .stat-title {
        font-size: 12px;
    }

    .stat-item::after {
        display: none;
    }

    .col-6:nth-child(odd) .stat-item::after {
        display: block;
        top: 20%;
        height: 60%;
        left: 0;
    }
}

.stat-content {
    text-align:center;
}






/* ==============================
   About Intro
================================ */

.about-intro {
    padding: 80px 0;
    background: #ffffff;
    overflow: hidden;
}

.about-content {
    padding-left: 30px;
}

.about-title {
    color: #080e30;
    font-size: 36px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 12px;
}

.about-line {
    width: 55px;
    height: 3px;
    background: #f5b91a;
    border-radius: 20px;
    margin-bottom: 25px;
}

.about-content p {
    color: #626575;
    font-size: 15px;
    line-height: 2.1;
    margin-bottom: 14px;
}


/* ==============================
   Image
================================ */

.about-image-wrapper {
    position: relative;
    width: 100%;
    max-width: 560px;
    margin-right: auto;
}

.about-image {
    width: 100%;
    height: 390px;
    object-fit: cover;
    display: block;

    border-radius: 24px;

    box-shadow:
        0 20px 45px rgba(8, 14, 48, 0.15);
}


/* ==============================
   Main Location Card
================================ */

.main-location-card {
    position: absolute;
    right: -25px;
    bottom: -25px;

    width: 230px;
    min-height: 90px;

    padding: 15px 18px;

    background: #080e30;
    border-radius: 16px;

    display: flex;
    align-items: center;
    gap: 14px;

    box-shadow:
        0 15px 35px rgba(8, 14, 48, 0.25);

    border: 1px solid rgba(245, 185, 26, 0.15);
}


/* الأيقونة */

.location-icon {
    width: 50px;
    height: 50px;

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

    color: #f5b91a;

    font-size: 34px;

    flex-shrink: 0;
}


/* النص */

.location-text {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color:#ffffff;
}

.location-text span {
    color: #ffffff;
    font-size: 13px;
    font-weight: 500;
}

.location-text strong {
    color: #f5b91a;
    font-size: 18px;
    font-weight: 800;
}


/* ==============================
   Decorative Circle
================================ */

.about-image-wrapper::before {
    content: "";
    position: absolute;

    width: 100px;
    height: 100px;

    border: 1px solid rgba(245, 185, 26, 0.45);
    border-radius: 50%;

    right: -45px;
    top: -35px;

    z-index: -1;
}


/* ==============================
   Responsive
================================ */

@media (max-width: 991px) {

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control {
    margin-bottom: 0px !important;
}
    .about-intro {
        padding: 60px 0;
    }

    .about-content {
        padding-left: 0;
        text-align: center;
    }

    .about-line {
        margin-left: auto;
        margin-right: auto;
    }

    .about-image-wrapper {
        margin: 20px auto 30px;
    }

    .main-location-card {
        right: 20px;
        bottom: -20px;
    }
}


@media (max-width: 575px) {

    .about-intro {
        padding: 45px 0;
    }

    .about-title {
        font-size: 27px;
    }

    .about-content p {
        font-size: 14px;
        line-height: 1.9;
    }

    .about-image {
        height: 280px;
        border-radius: 18px;
    }

    .main-location-card {
        width: 205px;
        min-height: 75px;

        right: 12px;
        bottom: -18px;

        padding: 10px 13px;
    }

    .location-icon {
        width: 40px;
        height: 40px;
        font-size: 28px;
    }

    .location-text strong {
        font-size: 16px;
    }

    .location-text span {
        font-size: 11px;
    }
}

 .main-footer, .bravo_footer, .bravo_wrap .bravo_footer  {
    background: linear-gradient(135deg,#4b3b8f 0%,#d97a2b 100%);
}




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

.location-section {
    position: relative;
    background: #f8f9fc;
    overflow: hidden;
}


/* ==========================================
   Heading
========================================== */

.location-heading {
    position: relative;
    z-index: 2;
    margin-bottom: 48px;
}

.location-title-small {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 22px;
    margin-bottom: 8px;
}

.location-title-small span {
    width: 65px;
    height: 2px;
    background: #e5b33d;
    display: block;
}

.location-title-small strong {
    color: #d8a93b;
    font-size: 27px;
    font-weight: 800;
}

.location-heading h2 {
    color: #08133d;
    font-size: 48px;
    line-height: 1.3;
    font-weight: 900;
    margin: 0 0 15px;
}

.location-heading > p {
    color: #646b7c;
    font-size: 18px;
    line-height: 1.9;
    margin: 0 auto;
    max-width: 720px;
}


/* ==========================================
   Main Box
========================================== */

.location-main {
    position: relative;
    z-index: 3;

    border-radius: 22px;
    overflow: hidden;

    background: #fff;

    box-shadow:
        0 25px 60px rgba(8, 19, 61, 0.13);
}


/* ==========================================
   Information Side
========================================== */

.location-info {
    position: relative;
    height: 100%;
    min-height: 650px;

    padding: 40px 55px;

    background:
        linear-gradient(
            145deg,
            #d97a2b 0%,
            #4b3b8f 100%
        );
    overflow: hidden;
}


/* Decorative circle */

.info-decoration {
    position: absolute;

    width: 230px;
    height: 230px;

    border: 1px solid rgba(230, 179, 61, 0.25);

    border-radius: 50%;

    top: -120px;
    left: -80px;
}


/* Bottom bus decoration */

.location-info::after {
    content: "\f207";

    font-family: "Font Awesome 6 Free";
    font-weight: 900;

    position: absolute;

    bottom: -25px;
    left: 20px;

    font-size: 120px;

    color: rgba(255, 255, 255, 0.035);

    transform: scaleX(-1);
}


/* ==========================================
   Main Location Icon
========================================== */

.location-main-icon {
    width: 82px;
    height: 82px;

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

    background: linear-gradient(
        145deg,
        #f4ca68,
        #e5aa28
    );

    color: #08133d;

    border-radius: 50%;

    font-size: 36px;

    margin-bottom: 22px;

    position: relative;
    z-index: 2;

    box-shadow:
        0 10px 25px rgba(229, 170, 40, 0.20);
}


/* ==========================================
   Information Text
========================================== */

.location-small-title {
    color: #e9b83d;

    font-size: 18px;
    font-weight: 700;

    margin-bottom: 5px;

    position: relative;
    z-index: 2;
}

.location-info h3 {
    color: #fff;

    font-size: 38px;
    font-weight: 900;

    line-height: 1.4;

    margin: 0 0 15px;

    position: relative;
    z-index: 2;
}

.location-info h3 span {
    color: #e9b83d;
}

.location-description {
    color: rgba(255,255,255,.76);

    font-size: 16px;
    line-height: 2;

    margin: 0 0 25px;

    position: relative;
    z-index: 2;
}


/* ==========================================
   Details
========================================== */

.location-detail {
    display: flex;
    align-items: center;

    gap: 15px;

    padding: 17px 0;

    border-bottom: 1px solid rgba(255,255,255,.17);

    position: relative;
    z-index: 2;
}

.location-detail:last-of-type {
    border-bottom: 0;
}

.detail-icon {
    width: 52px;
    height: 52px;

    flex-shrink: 0;

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

    background: rgba(255,255,255,.08);

    border-radius: 14px;

    color: #f0ba3e;

    font-size: 20px;
}

.detail-content {
    display: flex;
    flex-direction: column;

    gap: 4px;
    color:rgba(255,255,255,.70);
}

.detail-content strong {
    color: #fff;

    font-size: 15px;
    font-weight: 800;
}

.detail-content span {
    color: rgba(255,255,255,.70);

    font-size: 14px;
}


/* ==========================================
   Map Button
========================================== */

.location-map-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;

    width: 100%;

    padding: 16px 20px;

    margin-top: 25px;

    background: linear-gradient(
        135deg,
        #f6c84d,
        #e8aa27
    );

    color: #07133f;

    border-radius: 12px;

    font-size: 15px;
    font-weight: 900;

    text-decoration: none;

    position: relative;
    z-index: 4;

    transition: .3s;
}

.location-map-btn:hover {
    color: #07133f;

    background: #fff;

    transform: translateY(-3px);

    box-shadow:
        0 10px 25px rgba(0,0,0,.15);
}

.location-map-btn i {
    font-size: 17px;
}


/* ==========================================
   MAP
========================================== */

.location-map {
    height: 100%;
    min-height: 650px;

    position: relative;

    background: #e8e8e8;
}

.location-map iframe {
    width: 100%;
    height: 100%;

    min-height: 650px;

    display: block;

    border: 0;
}


/* ==========================================
   Map Label
========================================== */

.map-location-label {
    position: absolute;

    top: 25px;
    right: 25px;

    display: flex;
    align-items: center;
    gap: 9px;

    padding: 12px 18px;

    background: rgba(255,255,255,.96);

    border-radius: 12px;

    color: #08133d;

    font-size: 13px;
    font-weight: 800;

    box-shadow:
        0 8px 25px rgba(0,0,0,.12);

    pointer-events: none;
}

.map-location-label i {
    color: #e8b12f;
    font-size: 17px;
}


/* ==========================================
   Decorative Background
========================================== */

.location-section::before {
    content: "";

    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    border: 1px solid rgba(8,19,61,.04);

    top: -280px;
    right: -150px;
}



/* ==========================================
   Gold Curve
========================================== */

.decor-top {
    position: absolute;

    width: 500px;
    height: 500px;

    border: 14px solid transparent;
    border-top-color: #e7b750;
    border-left-color: #e7b750;

    border-radius: 50%;

    top: -390px;
    left: -210px;

    transform: rotate(15deg);

    opacity: .9;
}


/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width: 1199px) {

    .location-info {
        padding: 40px 35px;
    }

    .location-heading h2 {
        font-size: 42px;
    }

    .location-info h3 {
        font-size: 32px;
    }
}


@media (max-width: 991px) {


    .location-heading {
        margin-bottom: 35px;
    }

    .location-heading h2 {
        font-size: 38px;
    }

    .location-info {
        min-height: auto;
        padding: 45px 35px;
    }

    .location-map {
        min-height: 450px;
    }

    .location-map iframe {
        min-height: 450px;
    }
}


@media (max-width: 575px) {

 
    .location-title-small {
        gap: 12px;
    }

    .location-title-small span {
        width: 35px;
    }

    .location-title-small strong {
        font-size: 21px;
    }

    .location-heading h2 {
        font-size: 30px;
    }

    .location-heading > p {
        font-size: 14px;
    }

    .location-main {
        border-radius: 18px;
    }

    .location-info {
        padding: 35px 22px;
    }

    .location-main-icon {
        width: 68px;
        height: 68px;
        font-size: 28px;
    }

    .location-info h3 {
        font-size: 28px;
    }

    .location-description {
        font-size: 14px;
    }

    .detail-content span {
        font-size: 12px;
    }

    .location-map {
        min-height: 350px;
    }

    .location-map iframe {
        min-height: 350px;
    }

    .map-location-label {
        top: 12px;
        right: 12px;

        padding: 9px 12px;

        font-size: 11px;
    }
}



.advantages-section .feature-box .feature-icon {
    width:60px !important;
}

#app  .main-footer {
    background: var(--panel-color)!important;
}


/* =========================
   Bank Transfer 
========================= */

    .bank-wrapper {
    width: 100%;
    max-width: 1100px;
    margin: 30px auto;
    padding: 0 12px;
    box-sizing: border-box;

    font-family: Tahoma, Arial, sans-serif;
    color: #171717;
}

.bank-wrapper *,
.bank-wrapper *::before,
.bank-wrapper *::after {
    box-sizing: border-box;
}


/* =========================
   Card
========================= */

.bank-card {
    width: 100%;

    background: #ffffff;

    border: 1px solid #e4e8ec;
    border-radius: 18px;

    overflow: hidden;

    margin-bottom: 22px;

    box-shadow: 0 8px 28px rgba(0, 0, 0, 0.07);
}

.bank-card-main {
    width: 100%;

    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}


/* =========================
   Bank
========================= */

.bank-logo-section {
    flex: 1 1 190px;

    min-width: 180px;

    padding: 25px 20px;

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

    border-right: 1px solid #edf0f2;
    border-bottom: 1px solid #edf0f2;
}

.bank-logo-box {
    width: 100%;
    max-width: 160px;

    min-height: 140px;

    padding: 15px;

    border: 1px solid #bdc9eb;
    border-radius: 18px;

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

    text-align: center;

    gap: 10px;

    color: #173b9c;

    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.05);
}

.bank-icon {
    width: 52px;
    height: 52px;

    min-width: 52px;

    border-radius: 13px;

    background: #173b9c;
    color: #ffffff;

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

    font-size: 25px;
}

.bank-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}


/* =========================
   Owner
========================= */

.bank-owner-section {
    flex: 1.3 1 240px;

    min-width: 220px;

    padding: 30px 25px;

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

    border-right: 1px solid #edf0f2;
    border-bottom: 1px solid #edf0f2;
}

.bank-owner-name {
    width: 100%;

    font-size: clamp(19px, 2.5vw, 27px);
    font-weight: 700;
    line-height: 1.5;

    margin-bottom: 10px;
}

.bank-owner-desc {
    width: 100%;

    font-size: 15px;
    line-height: 1.8;

    color: #6c7075;
}


/* =========================
   Account Details
========================= */

.bank-details-section {
    flex: 2.2 1 380px;

    min-width: 280px;

    padding: 28px 25px;

    display: flex;
    flex-direction: column;
    justify-content: center;

    overflow: hidden;
}

.bank-detail-item {
    width: 100%;

    display: flex;
    align-items: flex-start;

    gap: 15px;

    padding-bottom: 22px;
    margin-bottom: 22px;

    border-bottom: 1px dashed #d9dee3;

    min-width: 0;
}

.bank-detail-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;

    border-bottom: none;
}

.bank-detail-icon {
    width: 44px;
    height: 44px;

    min-width: 44px;
    flex: 0 0 44px;

    border-radius: 11px;

    background: #173b9c;
    color: #ffffff;

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

    font-size: 20px;
}

.iban-icon {
    padding: 0 4px;

    font-size: 10px;
    font-weight: 700;
}

.bank-detail-content {
    flex: 1 1 auto;

    width: calc(100% - 59px);

    min-width: 0;
}

.bank-detail-title {
    color: #173b9c;

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

    margin-bottom: 7px;
}


/* =========================
   Numbers
========================= */

.bank-detail-number {
    display: block;

    width: 100%;
    max-width: 100%;

    direction: ltr;
    unicode-bidi: isolate;

    text-align: left;

    font-family: "Courier New", Courier, monospace;

    font-size: clamp(12px, 1.55vw, 19px);
    font-weight: 700;

    line-height: 1.6;

    letter-spacing: -0.4px;

    white-space: nowrap;

    word-break: normal;
    overflow-wrap: normal;
}

.iban-number {
    font-size: clamp(11px, 1.4vw, 17px);

    letter-spacing: -0.55px;
}


/* =========================
   Bottom Note
========================= */

.bank-note {
    width: 100%;

    background: #f3f5fc;

    border-top: 1px solid #edf0f2;

    padding: 14px 22px;

    display: flex;
    align-items: center;

    gap: 10px;

    color: #666b70;

    font-size: 13px;
    line-height: 1.7;
}

.bank-note-icon {
    width: 28px;
    height: 28px;

    min-width: 28px;
    flex: 0 0 28px;

    border-radius: 50%;

    background: #173b9c;
    color: #ffffff;

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

    font-weight: bold;
}


/* =========================
   Tablet
========================= */

@media (max-width: 991px) {

    .bank-logo-section {
        flex: 1 1 35%;
    }

    .bank-owner-section {
        flex: 1 1 55%;
    }

    .bank-details-section {
        flex: 1 1 100%;
    }

}





  @media (max-width: 991px) {
    .portal-section { padding: 56px 0; }
  }
/**/

/* =========================
   Mobile
========================= */

@media (max-width: 767px) {

    .bank-wrapper {
        margin: 15px auto;
        padding: 0 8px;
    }

    .bank-card {
        border-radius: 15px;
    }

    .bank-card-main {
        display: block;
    }

    .bank-logo-section,
    .bank-owner-section,
    .bank-details-section {
        width: 100%;
        min-width: 0;
    }

    .bank-logo-section {
        padding: 20px 15px;

        border-right: none;
        border-bottom: 1px solid #edf0f2;
    }

    .bank-logo-box {
        max-width: 280px;

        min-height: auto;

        flex-direction: row;
        justify-content: flex-start;

        text-align: left;
    }

    .bank-owner-section {
        padding: 22px 18px;

        border-right: none;
        border-bottom: 1px solid #edf0f2;
    }

    .bank-owner-name {
        font-size: 21px;
    }

    .bank-owner-desc {
        font-size: 14px;
    }

    .bank-details-section {
        padding: 22px 18px;
    }

    .bank-detail-number {
        font-size: 14px;
    }

    .iban-number {
        font-size: 12px;
    }

    .bank-note {
        padding: 13px 16px;

        font-size: 12px;
    }

}


/* =========================
   Small Mobile
========================= */

@media (max-width: 420px) {

    .bank-details-section {
        padding: 18px 12px;
    }

    .bank-detail-item {
        gap: 10px;
    }

    .bank-detail-icon {
        width: 38px;
        height: 38px;

        min-width: 38px;
        flex-basis: 38px;
    }

    .bank-detail-content {
        width: calc(100% - 48px);
    }

    .bank-detail-number {
        font-size: 12px;
        letter-spacing: -0.6px;
    }

    .iban-number {
        font-size: 10.5px;
        letter-spacing: -0.7px;
    }

}