.bravo_wrap .page-template-content .bravo-video-player {
    width: 100%;
}

.bravo_wrap .page-template-content .bravo-video-player__title {
    margin: 0 0 12px;
}

.bravo_wrap .page-template-content .bravo-video-player__media {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #000;
}

.bravo_wrap .page-template-content .bravo-video-player__file,
.bravo_wrap .page-template-content .bravo-video-player__embed,
.bravo_wrap .page-template-content .bravo-video-player__poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}

.bravo_wrap .page-template-content .bravo-video-player.is-auto-height .bravo-video-player__media {
    height: auto;
    padding-bottom: 0;
    overflow: visible;
    background: transparent;
}

.bravo_wrap .page-template-content .bravo-video-player.is-auto-height .bravo-video-player__file,
.bravo_wrap .page-template-content .bravo-video-player.is-auto-height .bravo-video-player__poster {
    position: relative;
    inset: auto;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

.bravo_wrap .page-template-content .bravo-video-player.is-auto-height.is-full-width .bravo-video-player__file,
.bravo_wrap .page-template-content .bravo-video-player.is-auto-height.is-full-width .bravo-video-player__poster {
    width: 100%;
    max-width: none;
}

.bravo_wrap .page-template-content .bravo-video-player.is-auto-height .bravo-video-player__embed {
    position: absolute;
    inset: 0;
}

.bravo_wrap .page-template-content .bravo-video-player.is-auto-height .bravo-video-player__media:has(.bravo-video-player__embed) {
    height: 0;
    padding-bottom: 56.25%;
}

.page-template-content > .bravo-template-block--custom-content:not(.bravo-template-block--custom-content ~ .bravo-template-block--custom-content) {
    margin-top: 25px;
}

/* Live editor iframe: preview HTML is injected into .block-preview, not a template section. */
.page-template-content > #live-preview > .live-block-preview > .live-block-children > .live-block-preview:has(> .block-preview > .bravo-custom-block):not(.live-block-preview:has(> .block-preview > .bravo-custom-block) ~ .live-block-preview) > .block-preview > .bravo-custom-block {
    margin-top: 25px;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect > .owl-carousel,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect > .owl-carousel,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect .owl-stage-outer,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect .owl-stage,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect .owl-item,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .owl-stage-outer,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .owl-stage,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .owl-item {
    display: block;
    height: 100% !important;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item {
    position: relative;
    height: 100% !important;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item-photo,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item-photo {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item.is-contained .item-photo,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-contained .item-photo {
    object-fit: contain;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item-shade,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item-shade {
    position: absolute;
    inset: 0;
    height: auto;
    background: rgba(0, 0, 0, 0.2);
    pointer-events: none;
}

.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item-copy {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect:has(.is-auto-height),
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect:has(.is-auto-height) {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    height: auto;
}

.bravo_wrap .page-template-content .bravo-form-search-slider:has(.is-auto-height),
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2:has(.is-auto-height) {
    padding: 0;
}

.bravo_wrap .page-template-content .bravo-form-search-slider:has(.is-auto-height) > .container,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2:has(.is-auto-height) > .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2:has(.is-auto-height) .g-form-control .nav-tabs {
    margin-top: 0;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect:has(.is-auto-height) .owl-carousel,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect:has(.is-auto-height) .owl-stage-outer,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect:has(.is-auto-height) .owl-stage,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect:has(.is-auto-height) .owl-item,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect:has(.is-auto-height) .owl-carousel,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect:has(.is-auto-height) .owl-stage-outer,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect:has(.is-auto-height) .owl-stage,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect:has(.is-auto-height) .owl-item,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item.is-auto-height,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-auto-height,
.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item.is-auto-height .item-photo,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-auto-height .item-photo {
    height: auto !important;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item.is-auto-height .item-photo,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-auto-height .item-photo {
    position: relative;
    inset: auto;
    display: block;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

.bravo_wrap .page-template-content .bravo-form-search-slider .effect .item.is-auto-height.is-full-width .item-photo,
.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-auto-height.is-full-width .item-photo {
    width: 100%;
    max-width: none;
}

.bravo_wrap .page-template-content .bravo-form-search-all.carousel_v2 .effect .item.is-auto-height .item-copy {
    position: absolute;
    inset: 0;
    height: auto;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video .background-video-file {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-contained-video:not(.is-auto-video-height) .background-video-file {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height {
    padding: 0;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height > .video-container {
    position: relative;
    top: auto;
    left: auto;
    height: auto;
    width: 100%;
    z-index: 0;
    overflow: hidden;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height .background-video-file {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height.is-full-video-width .background-video-file {
    width: 100%;
    max-width: none;
    height: auto;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height > .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height .video-container:not(:has(video)) {
    height: 0;
    padding-bottom: 56.25%;
}

.bravo_wrap .page-template-content .bravo-form-search-all.bg_video.is-auto-video-height .background-video-embed:not(video) {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: none;
}

.text-cut {
    display: block; /* Ensure the text is in a single line */
    white-space: nowrap; /* Prevent the text from wrapping to the next line */
    overflow: hidden; /* Hide the text that exceeds the container */
    text-overflow: ellipsis; /* Add ellipsis when text exceeds the length */
    width: 100%; /* Or set a specific width if needed */
    box-sizing: border-box; /* Ensure padding and borders are included in the width */
}
.success { color: green; }
.error { color: red; }

/* Custom CSS for the form */
#payment-myfatoorahgateway input[type="radio"] {
    display: none; /* Hide the radio field */
}

#payment-myfatoorahgateway label {
    cursor: pointer;
    margin: 2px;
    display: inline-block; /* To display borders correctly */
    position: relative; /* To position the tooltip */
}

#payment-myfatoorahgateway label img {
    height: 2.5rem;
    min-width: 3.375rem;
    border: 2px solid transparent; /* Transparent border by default */
    transition: border 0.2s ease-in-out;
}

#payment-myfatoorahgateway input[type="radio"]:checked + label img {
    border: 2px solid green; /* Green border when selected */
}

/* Tooltip styling */
#payment-myfatoorahgateway .tooltip {
    display: none; /* Hide the tooltip by default */
    position: absolute;
    background-color: rgba(0, 0, 0, 0.7);
    color: white;
    padding: 5px;
    border-radius: 4px;
    bottom: 30px; /* Change the position as desired */
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap; /* Prevent the text from breaking */
    z-index: 1; /* Ensure the tooltip appears above other elements */
    transition: opacity 0.2s ease; /* Fade effect */
    opacity: 0; /* Initially hidden */
}

/* Show the tooltip on hover */
#payment-myfatoorahgateway label:hover .tooltip {
    display: block; /* Show the tooltip on hover */
    opacity: 1; /* Make the text visible */
}

.modal-dialog:not(.modal-sm):not(.modal-lg):not(.modal-xl) {
    max-width: 500px;
}




/*begning change color by database*/

.btn.btn-primary
{
    background:var(--style_btn_primary_color);

}
.btn.btn-primary:active,
.btn.btn-primary:focus {
    background: var(--style_btn_primary_color) !important;
    filter: brightness(0.9) !important;
    outline: 2px solid var(--style_btn_primary_color) !important;
    box-shadow: 0 0 5px var(--style_btn_primary_color) !important; /* ظل خفيف */
}

.bravo_wrap .bravo_footer .mailchimp .subcribe-form .btn-submit{
    background:var(--style_btn_secondary_color);

}
.btn.btn-primary.btn-search
{
    background:var(--style_btn_primary_color);
}

.btn.btn-primary.form-submit
{
    background:var(--style_btn_primary_color);

}
.frontend-page .modal.login .modal-content .modal-body .form-submit{
    background:var(--style_btn_primary_color) ;

}
.btn.btn-danger,
.btn.btn-danger:hover
{
    background: var(--style_btn_danger_color);
}
.btn.btn-danger:active,
.btn.btn-danger:focus
{
    background: var(--style_btn_danger_color) !important;
    filter: brightness(0.9) !important;
    outline: 2px solid var(--style_btn_danger_color) !important;
    box-shadow: none !important;
}
body .daterangepicker .drp-calendar .calendar-table tbody tr td.end-date,body .daterangepicker .drp-calendar .calendar-table tbody tr td.start-date{
    background:color-mix(in srgb, var(--style_main_color) 50%, transparent);
}
.daterangepicker td.in-range{
    background:color-mix(in srgb, var(--style_main_color) 20%, transparent);
}
.bravo_wrap .page-template-content .bravo-featured-item.style5{
    background-color:var(--style_other_color);
}
.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs li a{
    background-color: white ;
    color: black ;

}
.bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input{
    color:var(--style_other_color);
}
.bravo_wrap .bravo_topbar{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_topbar .content .dropdown-menu{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_topbar .content .dropdown-menu li a:hover{
    background:var(--style_main_color);
    text-decoration: none;
}
.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover > a,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover > a i,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active > a,
.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active > a i {
    color: var(--style_main_color);
}
.bravo_wrap .bravo_user_profile .booking-history-manager .tabbable .ht-nav-tabs li.active a {
    border-bottom: 3px solid var(--style_main_color);
    color: var(--style_main_color);
}
.bravo_wrap .bravo_user_profile .form-add-service .nav-tabs {
    background:var(--style_main_color);
  }
.bravo_wrap .bravo_footer .mailchimp{
    background-color: color-mix(in srgb, var(--style_main_color) 20%, transparent);
}
.bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry{
    border-top: 5px solid var(--style_main_color);
    border: 1px solid var(--style_main_color);
}
.bravo_wrap .bravo_detail_hotel .hotel_rooms_form .nav-enquiry .enquiry-item.active span {
    border-bottom: 1px solid var(--style_main_color);
    color: var(--style_main_color);
}
.hotel_rooms_form .form-search-rooms .form-search-row>div {
    border-right: 1px solid var(--style_main_color);
}
.hotel_rooms_form .form-search-rooms {
    border: 1px solid var(--style_main_color);

}
body {
    color:var(--style_other_color);

}
.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-title a{
    color:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-form-settings .title-bar .btn-change-password{
    background:var(--style_btn_success_color);
}
.container-fluid>.row-eq-height>.col-md-3{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-avatar{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-plan{
    background:var(--style_other_color)!important;
    border-bottom:1px solid var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .btn.btn-primary{
    background:var(--style_btn_success_color)
}
.bravo_wrap .bravo_user_profile > .container-fluid > .row-eq-height > .col-md-3{
    background:var(--style_other_color);
}
.bravo_wrap .bravo_user_profile .user-profile-avatar{
    background:var(--style_other_color) !important;
}
.bravo-reviews .review-form .btn{
    background:var(--style_btn_info_color);
}
.btn.btn-info{
    background-color:var(--style_btn_info_color);
}
.bravo_wrap .bravo_form .input-search:not(.normal-control) .form-control::placeholder,.bravo_wrap .bravo_form .input-search:not(.normal-control) .parent_text::placeholder,.bravo_wrap .bravo_form .smart-search:not(.normal-control) .form-control::placeholder,.bravo_wrap .bravo_form .smart-search:not(.normal-control) .parent_text::placeholder{
    color:var(--style_main_color);
}
.bravo_wrap .select-guests-dropdown .dropdown-item-row .count-display input,.bravo_wrap .select-seat-type-dropdown .dropdown-item-row .count-display input{
    color:var(--style_other_color);
}

.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active.has-children>i:after,.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active>a,.bravo_wrap .bravo_user_profile .sidebar-menu ul li.active>a i,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover.has-children>i:after,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover>a,.bravo_wrap .bravo_user_profile .sidebar-menu ul li:hover>a i{
    color: var(--style_main_color);
    filter: brightness(1.4);}

.bravo_wrap .bravo_user_profile>.container-fluid>.row-eq-height>.col-md-3:after{
    background-color:var(--style_other_color);
}
.select-guests-dropdown {
    left: unset !important;
    right: unset !important;
    inset-inline-end: -112px !important;
}
/* html[lang="ar"] .select-guests-dropdown {
    left: -112px !important;
    right: unset;
} */
.rounded-b-5{
    border-radius: 5px !important;
}