@charset "UTF-8";

/* main font */
@import url('https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;

}

:root {
    --main-color:#B3B0F7;
    --text-brand-text-link: #8A85DF;
    --heading-title-color: #1C1C1C;
    --text-color: #1C1C1C;
    --text-action-primary: #ffffff;
    --backgrounds-brand-background-brand: #0F1E3A;
    --backgrounds-body-background-body: #ffffff;
    --heading-title-size: 36px;
    --main-font-type: 'Rubik';
    --gapbroad: 80px;
    --breakpointsscreen-width: 1.728px;
    --gapcomfortable: 12px;
    --gapdefault: 8px;
    --Captionsfont-size-meduim: 14px;
    --Captionsline-height-200: 20px;
    --radiusprimary: 16px;
    --gapspacious: 16px;
    --radiussecondary: 8px;
    --Captionsfont-family: "Rubik", serif;
    --border-action-border-action-secondary-2:#E0E6EE;
    --border-action-border-action-secondary:#eeeeee;
    --text-brand-text-brand: #253B65;
    --sizehalf:0.5px;
    --border-body-border-inactive: #E4E4E4;
    --Headingsfont-size-large:48px;
    --Headingsline-height-1000:74px;
    --Titlesfont-size-huge:28px;
    --Titlesline-height-700:40px;
    --border-body-border-inactive:20px;
    --Titlesline-height-500:30px;
    --Titlesfont-size-large:24px;
    --Titlesline-height-600:36px;
    --Bodyfont-size:16px;
    --Bodyline-height:24px;
    --ample:48px;
    --Headingsfont-size-meduim:40px;
    --Headingsline-height-900:60px;
    --Titlesfont-size-meduim:20px;
    --Titlesfont-size-small:18px;
    --Titlesline-height-400:26px;
    --text-body-text-inactive: #97A2B6;
    --container-defult-padding:100px;
    --text-body-text-subtle:#FEFEFE;
    --gapexpansive:56px;
    --gapairy:32px;
    --gapbaggy:24px;
    --Headingsfont-size-small:36px;
   --text-body-text-inactive: #97A2B6;
   --text-body-text-secondary: #464646;
   --columnscol-md-1:164px;
   --gapgenerous:40px;
   --radiussubtle:4px;
   --Captionsfont-size-small:12px;
   --radiusheavy:64px;
   --sizel:40px;
   --font-size-meduim:14px;
   --font-size-small:36px;
   --line-height-800:50px;
}
html, body {
    overflow-x: hidden !important;
}


body {
    font-family: "Rubik", serif;
    font-optical-sizing: auto;
    font-style: normal;
    background-color: var(--backgrounds-body-background-body) !important;
    transform: none !important;

}
h1 , h2 , h3 ,h4 ,h5 ,p ,span ,button ,div {
    font-family: "Rubik", serif !important;
    margin: 0;
    padding: 0;

}

/* header */
.header-left .bravo-logo {
    width: 192px;
    height: 48px;
}
.header-left .bravo-logo img {
    width: 100%;
}
.main-menu.menu-generated {
    margin-bottom: 0 !important;
}
.bravo_wrap .bravo_header {
    height: 104px;
    border-bottom: 1px solid ;
    /* background-color: #051A22; */
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 9999;
    top: 0;
    left: 0;
   right: 0;
    border-image: linear-gradient(to left, #E0E6EE 96%, transparent 96%);
    border-image-slice: 1;

}
.bravo_header .bravo-logo  {
    width: 190px !important;
    width: 48.24px;

}
.my-border {
    border: 4px solid; /* سمك الحدود */
    /* border-image: linear-gradient(to bottom, black 80%, transparent 100%);
    border-image-slice: 1; */
}

.bravo_header .container {
    height: 100%;
    display: flex;
    align-items: center;
    padding-inline: 0;
   
}
.bravo_wrap .bravo_header .content {
    width: 100%;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a,
.bravo_wrap .bravo_header .content .header-right .topbar-items li a 
{
    transition: all .3s;
    font-weight: 500;
    font-family: var(--Captionsfont-family) !important;
    font-size: var(--Captionsfont-size-meduim);
    font-weight: 500 !important;
    line-height: var(--Captionsline-height-200);
    text-align: center;
    color: var(--text-action-primary) ;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a:hover {
    color: var(--text-action-primary)!important ;

}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li {
    padding: var(--gapdefault) var(--gapcomfortable);
}

.signup-item.login {
    border-radius: var(--radiussecondary);
    border: 1px solid #797979;
    width: 113px;

    height: 32px;
}
.login-item.dropdown {
    border-radius: var(--radiussecondary);
    border:1px solid var(--border-body-border-strong, #797979);
    width: auto;
    padding:10px !important ;

    /* height: 56px; */
}


.info:has(.signup-item)  {
    border: none !important;
}

.bravo_wrap .bravo_header .content .header-right .topbar-items li {
    display: flex;
    justify-content: center;
    align-items: center;
}


/* Video Background Container */
.video-background {
    position: relative;
    width: 100%;
    height: 100%;
   
}

/* Video Styling */
.video-background video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
   
    object-fit: cover;
    z-index: 1; /* Ensure video stays behind the content */
    opacity: 0;
    height: 100%;
}

/* Content Overlay */
.overlay-content {
    position: relative; /* So it appears over the video */
    z-index: 3; /* Ensure content is above the video */
    text-align: center;
    color: #ffffff; /* Make the text visible over the video */
    font-family: 'Rubik', sans-serif;
    padding: 20px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
}
/* Transparent Layer */
.transparent-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; /* Between the video and the content */
    background: linear-gradient(rgb(2, 24, 31) 10.34%, rgba(2, 24, 31, 0.75) 45.94%);
    opacity: 0;
}

/* Example styles for the content */
.overlay-content h1 {
  
    font-size: var(--Headingsfont-size-large);
    font-weight: 700;
    line-height: var(--Headingsline-height-1000);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}

.overlay-content p {
  
    font-size: var(--Titlesfont-size-huge);
    font-weight: 400;
    line-height: var(--Titlesline-height-700);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    
}

.overlay-content button {
    width:auto;
    height: 64px;
    gap: 0px;
    opacity: 0px;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid var(--border-action-border-action-secondary);
    border-radius: 8px;
    margin-top: 16px;
    padding-inline: 10px;
}
.overlay-content button:hover { 

    background-color: #eeeeee38;

}

.overlay-content button span {
color: var(--border-action-border-action-secondary-2);
font-size: var(--Titlesfont-size-meduim);
font-weight: 700;
line-height: var(--Titlesline-height-500);
text-align: left;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.overlay-content button .text , .overlay-content button .icon{
    margin-inline: 5px;
    transition: .5s;

}
.overlay-content button:hover .text  , .overlay-content button:hover .icon{
margin-inline: 10px;
}






.layer-frame {
      width: 100%;
      position: absolute;
      top: 0;
      z-index: 3;
      bottom: 0;
     left: 0;
      height: 101%;
    
  }
  .layer-frame img {
   width: 100%;
    /* height: 100%; */
  }



  
  .progress-container {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    top: 104px;
    z-index: 2;
  }

  .progress-bar {
    height: 4px;
    /* background-color: var(--border-action-border-action-secondary-2); */
    overflow: hidden;
    transform-origin: right; /* نقطة البداية على اليمين */
    background-color: transparent;

  }

  .progress-fill {
    height: 100%;
    width: 0%;
    transition: width 0.1s ease;
    background-color: var(--border-action-border-action-secondary-2);
    transform-origin: right; /* نقطة البداية على اليمين */


    

  }




 .signup-item.dropdown.login .dropdown-menu {
   
   
box-shadow: 0px 3px 15px 0px #0B19321A;
background: var(--backgrounds-body-background-body);
width:187px;
height:168px;
padding-inline: var(--gapcomfortable) !important;
border-radius: var(--radiussecondary);
}




.bravo_wrap .bravo_header .content .header-right .dropdown-menu li {
    width: 100%;

}



.signup-item.dropdown.login .dropdown-menu li a , .menu-hr a {
    gap: 8px;
    border-bottom:var(--sizehalf) solid var(--border-body-border-inactive);
    width: 100%;
    padding: 16px 8px;

}
.signup-item.dropdown.login .dropdown-menu li a , ul.dropdown-menu.dropdown-menu-user.text-left.show a{
display: flex;
flex-direction: row;
justify-content: flex-start;
align-items: center;
color: var(--heading-title-color) !important;
font-size: var(--Captionsfont-size-meduim);

}
.signup-item.dropdown.login .dropdown-menu li a svg , ul.dropdown-menu.dropdown-menu-user.text-left.show a i {
   
    margin-inline-end: var(--gapdefault);
}


.signup-item.dropdown.login .dropdown-menu li:last-child , .bravo_wrap .bravo_header .content .header-right .dropdown-menu li:last-child {
    border: none;
}


.bravo_wrap .bravo_header .content .header-right {
    /* width: 276px; */

}
.bravo_wrap .bravo_header .content .header-right ul.topbar-items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom:0 ;
  
}

.dropdown-notifications.dropdown {
    padding-inline: 16px !important;
}

.bravo_wrap .bravo_header .content .header-right ul.topbar-items {
    padding: 0;
    margin: 0;
}
.text-content {
    transition: 1.5s;
    margin-top: -130px;
    opacity: 0;
  }






  .bravo-form-search-all:has(.video-background)   {
    background: linear-gradient(180deg, #083044 0%, #001C0E 24.94%, #000000 76.57%, #083044 100%);
    height: 853px;
    
}
 

    /* <style> */
    .profile-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  
}

/* الإطار الخلفي */
.profile-frame {
    position: relative;
}

.frame-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.back {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
}

/* الصورة الشخصية */
.profile-image {
  
    object-fit: cover;
    z-index: 2;
    position: relative;
    height: 100%;
}

/* مربع المعلومات */
.profile-info {
    background-color: #0d2350;
    color: white;
    text-align: center;
    border-radius: 8px;
    width: 104%;
    z-index: 2;
    position: relative;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    padding-block: 16px ;
    background: linear-gradient(270deg, #0F1E3A 0%, #1E335B 50%, #0F1E3A 100%) !important;

}

.profile-info h3 {
  
font-size: 18px;
line-height: 26px;


color: #FEFEFE;
margin-bottom: 0 !important;


}

.profile-info p {

font-size: 14px;
line-height: 20px;
margin-bottom: 0 !important;
padding-top: 8px;


text-align: center;

color: #97A2B6;



}



/* </style> */


.transparent-layer .icon {
    width: 30px;
    height: 45px;
    background-color: transparent;
    border: 1px solid #eeeeee;
    border-radius: 50rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 10%;
    bottom: 10%;
    left: 50%;
   
}

.transparent-layer .dot {
    width: 7px;
    height: 7px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    animation: moveUpDown 1s infinite ease-in-out;
}


i.fa.fa-bars {
    color: var(--backgrounds-body-background-body) !important;
}

@keyframes moveUpDown {
    0% { transform: translateY(0); }
    50% { transform: translateY(-10px); }
    100% { transform: translateY(0); }
}


.mobile-frame {
   display: none;
}
.bravo-text.section-about .logo img {
    width: 344px ;
    height: 86px;
}
.col-12:has(.stats-card) {
    padding: 0 !important;
    width: 100%;
    height: 222px;
}



.stats-card {
    background:var(--backgrounds-body-background-body);
    box-shadow: 0px 3px 80px 0px #0F1E3A14;

    border-radius: 16px;
    text-align: center;
   height: 100%;
   width: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;

  
}


.section-about .col-lg-4:has(.row .col-6) {
    display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: nowrap;
    }
.stats-card i {
    font-size: 40px;
    color: #4a4a4a;
}
.stats-card h5 {
   
    font-size: var(--Titlesfont-size-huge);
    line-height: var( --Titlesline-height-700);
    text-align: center;
    color: var(--text-feedback-text-status, #365CB5);
  font-weight: 700;
    
   
}
.row.animate-1 , .row.animate-2 {
    gap: 32px;
    margin-inline: 0;
    width: 208px;
}
.row.max {
    align-items: center;
    justify-content: center;
}
.icons-box .col-6 {
    display: flex;
    justify-content: center;
}
.col-lg-8.content {
padding-inline-end: 32px;
}
.stats-card p {
font-weight: 700 !important;
font-size: 20px !important;
line-height: 30px !important;
color: #253B65;

}
.section-about h2 {
   
    font-size: var(--Headingsfont-size-meduim) !important;
    line-height: var(--Headingsline-height-900) !important;
    text-align: start;
    margin-block: 24px;
    color: var(--text-brand-text-brand) !important;
}
.cta-button.btn {
    width:185px;
    height: 60px;
    margin-bottom: 48px !important;
    background-color: transparent;
    cursor: pointer;
    transition: background-color 0.3s;
    border: 1px solid var(--border-brand-border-brand);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;

    border: 1px solid var(--border-brand-border-brand, #253B65)    
}
.cta-button.btn .text{
font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #253B65;
}
.cta-button.btn .svg path{

fill: #0F1E3A;
;

}

.col-lg-8.content  {
    margin-bottom: 48px !important;

}
.cta-button.btn:hover {
    border: 1px solid var(--border-brand-border-brand, #253B65)!important;
}


.bravo-text.section-about {
    padding-block: 100px;
}
p.text-muted {
    font-size: var(--Titlesfont-size-meduim);
    line-height: var(--Titlesline-height-500);
    text-align: start;
}



.layer {
    bottom: 0 !important;
    top: 0;
    width: 100%;
    left: 0;
   left: 0;
    z-index: 999999;
    background: linear-gradient(0deg, rgba(28, 28, 28, 0.9) 1.25%, rgba(16, 16, 16, 0.65) 24.44%, rgba(0, 0, 0, 0.2) 43.42%);
    display: flex;
    flex-direction: column;
    justify-content: end;
  
}



.bravo_wrap .page-template-content .bravo-offer .item .item-sub-title {
    color:#fff;
    font-size:14px;
    line-height:24px;
   
}
.bravo_wrap .page-template-content .bravo-offer .item:hover a.btn-default {
    opacity: 0;
}




.bravo_wrap .page-template-content .bravo-offer .item {
    
    padding: 0px var(--gapbaggy) var(--gapbaggy) var(--gapbaggy);
    gap: 0px;
    border-radius: 80px 8px 8px 8px;
    opacity: 0px;
    transition:  1s !important;

    
}
.bravo_wrap .page-template-content .bravo-offer .item .img-cover {
transition: 1s;
}
h2.item-title.text-info {
color: var(--backgrounds-body-background-body )!important;
  
font-size: var(--Titlesfont-size-large) !important;
font-weight: 700;
line-height: var(--Titlesline-height-600);
text-align: start;
margin-inline: 10px;
}

.item-sub-title.p-2 {
    color: var(--backgrounds-body-background-body);
  
font-size: var(--Bodyfont-size);
font-weight: 400;
line-height: var(--Bodyline-height);
text-align: start;

}
.text-layer {
    margin-bottom: -95px;
    transition: 1s;
}
.bravo_wrap .page-template-content .bravo-offer .item:hover .text-layer { 

    margin-bottom: 0;

}
.bravo_wrap .page-template-content .bravo-offer .item:hover  {
    border: 3px solid #4C81FF;

}

.bravo-text h2 {
  
font-size: var(--Headingsfont-size-meduim);
font-weight: 700;
line-height: var(--Headingsline-height-900);
color: var(--text-body-text-primary, #1C1C1C);

}

.bravo-text p {
    font-size: var(--Titlesfont-size-large);
    font-weight: 400;
    line-height: var(--Titlesline-height-600);
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 24px;

}
.bravo-offer.bac , .services-title   , .bravo-text-bg:has(.container > .bravo-text.services-title) {
    background-color: #F2F5F8;

}
.bravo-text-bg:has(.container > .bravo-text.services-title) {
    padding-block: 50px;
}
.bravo-text p {
    margin:0 ;
}
.container > .bravo-text.services-title {
max-width: 100% !important;
width: 100% !important;

}


/* how it works */


.bravo-how-it-works {
background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%);

z-index: 2 !important;
padding-block:100px;
height: 844px;
}
.bravo-how-it-works .row {
justify-content: space-around;
}

.bravo_wrap .page-template-content .bravo-how-it-works .featured-item {
    flex-direction: column;
    background: var(--backgrounds-body-background-body);
    border-radius: 16px;
    justify-content: center;
    transition: border .5s;
    width: 100%;
    height: 100%;
}

.bravo-how-it-works #item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 208px;
    height: 220px;
}
.bravo_wrap .page-template-content .bravo-how-it-works .featured-item:hover {

    border: 8px solid #B3B0F7;



}
.feature  div:has(svg) , .feature span {
    padding-inline: 8px;
}
.bravo_wrap .page-template-content .bravo-how-it-works .featured-item .sub-title {
    
font-size: var(--Titlesfont-size-small);
font-weight: 700;
line-height: var(--Titlesline-height-400);
text-align: center;
color: var(--text-brand-text-brand, #253B65);

}



.bravo_wrap .page-template-content .bravo-how-it-works .title {
    font-size: var(--Headingsfont-size-meduim);
    font-weight: 700;
    line-height: var(--Headingsline-height-900);
    text-align: start;
    color: var(--text-body-text-subtle, #FEFEFE);
   margin-bottom: 24px;

}
.descriation-text{
   

font-weight: 400;
font-size: 28px;
line-height: 40px;

text-align: start;

color: #97A2B6;


margin-bottom:64px;

    
}




.animation-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: auto;
    right: 0 ;
    z-index: -1;
    transform: scale(-1) !important;

}
.animation-img img {
    height: 100%;

}


 /* client feedback */

 
.icon-container i {
    color: #DBAA40;
    font-size: 27px !important;

}


.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled {

display: none!important;

}

.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .sub_title {
    margin-bottom:24px;
   
  
}



.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .title{

font-size: var(--Titlesfont-size-small);
font-weight: 700;
line-height: var(--Titlesline-height-400);
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--text-brand-text-brand, #192F57);

}
.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .sub_title {
 
font-size: var(--Bodyfont-size);
font-weight: 400;
line-height: var(--Bodyline-height);
color: var(--text-body-text-inactive, #97A2B6);


}
.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .desc {
    
font-size: var(--Bodyfont-size);
font-weight: 400;
line-height: var(--Bodyline-height);
color: var(--text-body-text-secondary, #464646);


}






.client-fedback-title h2 {
   
font-size: var(--Headingsfont-size-meduim);
font-weight: 700;
line-height: var(--Headingsline-height-900);
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--text-brand-text-brand);
margin-bottom: 24px;


}
.client-fedback-title p {
   
font-size: var(--Titlesfont-size-meduim);
font-weight: 400;
line-height: var(--Titlesline-height-500);
text-align: center;
color: var(--text-body-text-secondary);


}
.bravo-client-feedback {
    padding-bottom: var(--container-defult-padding);
}


.container > div.client-fedback-title {
    padding-top: 100px !important;
}

.title-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-direction: row-reverse;
}
.title-container img {
    margin-top: -71px;
}





/*  */

.bravo-text.services-places {
    padding-block:var(--container-defult-padding) ;
}

.bravo-text.services-places ul li {
width: 328px;
list-style-type: disc; /* يستخدم التعداد النقطي */

font-family: var(--Titlesfont-family);
font-size: var(--Titlesfont-size-meduim);
font-weight: 700;
line-height: var(--Titlesline-height-500);
text-align: start5;
color: var(--text-body-text-subtle);



}


.bravo-text.services-places ul  {
    width: 100% !important;
    display: flex;
    flex-wrap: wrap !important;
    
    padding: 0;
    width: 688px !important;
    gap: 16px;
    margin-inline-start: 24px;


}
/* نطاق تواجد خدماتنا */

.bravo-text.services-places ul li::marker {
    color: #A084E8; 
    font-size: 2rem; 
}




.bravo-text-bg:has(.bravo-text.services-places) {
    background-color: #0F1E3A;
    display: flex;
    justify-content: center;
    align-items: center;

}



.bravo_wrap .page-template-content .bravo-offer {
    padding-bottom: 100px;
}


.bravo-text.services-places h2 {
    
font-size: var(--Headingsfont-size-meduim);
font-weight: 700;
line-height: var(--Headingsline-height-900);
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--text-body-text-subtle);
padding-bottom: 16px;

}
.bravo-text.services-places {
    position: relative;
}
.bravo-text.services-places p {
    font-family: var(--Titlesfont-family);
    font-size: var(--Titlesfont-size-meduim);
    font-weight: 400;
    line-height: var(--Titlesline-height-500);
    text-align: start;
    color: var(--text-body-text-subtle);

    color: var(--text-body-text-subtle);
    padding-bottom: 16px;


}

.services-places .col-lg-6:has(.bg-map) {
    position: absolute;
    right: 0;
    top: 100px;
  left: auto;
}
.services-places .col-lg-6 {
    margin-block:32px;
}

.services-places .col-lg-6 .bg-map {
   
        background-image: url('/images/icons/svg/Interactive Map.svg');
        background-size: cover;
        background-position: center;
        width: 640px;
        height: 560px;
        gap: 0px;
        opacity: 0px;
}
.services-places .row {
    flex-direction: column;
}
.services-places .row  .col-lg-6 .row {
    flex-direction: row;
}
/* all news */
.post_item .post-header img {
    transition: transform 0.3s ease-in-out;
}

.post_item .post-header .post-inner:hover img {
    transform: scale(1.1); /* Scale the image by 10% */
}

.bravo-list-news {
    padding-block: var(--container-defult-padding);
    background: linear-gradient(180deg, #F2F5F8 38.87%, #E6EBF0 100%);

}


.bravo-list-news .item-more{
display: none;
}

.bravo-list-news .item-desc{
display: none;
}



.bravo-list-news .item-news {
    height: fit-content;
    position: relative;
}


.bravo-list-news .item-news .caption {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
   left:0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.21) 19.05%, rgba(0, 0, 0, 0.7) 71.94%);
    

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

margin: 0 auto;

justify-content: end;


/* Inside auto layout */
flex: none;
order: 3;
align-self: stretch;
flex-grow: 0;
z-index: 3;
padding: 15px;
gap: 20px;
border-radius: var(--radiussecondary);
opacity: 0px;


}

.bravo-menu-mobile .signup-item.login {

/* Button */

box-sizing: border-box;

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;

width: 342px;
height: 40px;

border: 1px solid #253B65;
border-radius: 8px;




}


.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul li a {
font-weight: 500!important ;
font-size: 14px !important;
line-height: 20px !important;
color: #464646 !important;

}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul {
    padding: 0 !important;
}
.signup.dropdown-toggle {
    text-align: center;
    width: 100% !important;
}

.bravo-menu-mobile .signup-item.login ul.dropdown-menu.show {
transform: none !important;
left: 0;
right: 0;
width: auto !important;
top: 45px !important;
height: auto !important;
}
.bravo-menu-mobile .signup-item.login a {
font-weight: 500 !important;
font-size: 16px !important;
line-height: 24px;

color: #253B65 !important;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}

.bravo-menu-mobile  ul.info{

padding: 0px 8px;


border: 1px solid #E4E4E4;
border-radius: 8px;

}

.bravo-list-news .row  {
    
/* Auto layout */
display: flex;
flex-direction: column;
justify-content: start;
align-items: center;

height: 550px;
flex: none;
order: 0;
flex-grow: 0;

}
.bravo-list-news div.title {
    display: flex;
    justify-content: space-between;
}

.bravo-list-news .row  .col-lg-4:first-child {
    width: 50%;
    height: 524px;
    gap: 0px;
    opacity: 0px;
    
}
.bravo-list-news .row  .col-lg-4 {
    width:25%;;
    height: 249px;
}

.bravo-list-news  .row  .item-news {
    
    overflow: hidden;
}

.bravo-list-news  .thumb-image img {
    width: 100%;
    height: auto;
    border-radius: 10px;
}


.bravo_wrap .page-template-content .bravo-list-news .title {
    font-size: var(--Headingsfont-size-meduim);
    font-weight: 700;
    line-height: var(--Headingsline-height-900);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--text-brand-text-brand);

}
.bravo_wrap .page-template-content .bravo-list-news .title .sub-title {
  
    margin-block:15px
}
.bravo_wrap .page-template-content .bravo-list-news .title .sub-title a {
width: 175px;
border-radius: var(--radiussecondary);
opacity: 0px;
font-size: var(--Bodyfont-size);
font-weight: 500;
line-height: var(--Bodyline-height);
text-align: start;
border: 1px solid #253B65;
padding: 15px;
color: var(--text-brand-text-brand, #253B65);
height: 40px;


}

p.text-muted {
    margin-bottom: 48px !important;
}

.bravo_wrap .page-template-content .bravo-list-news .item-news .caption .item-title a {

/* width: 280px; */

font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 26px;
/* or 144% */
display: flex;
align-items: center;
text-align: start;

color: #FFFFFF;

 
/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

opacity: 0.9;


}
.bravo-list-news .row .col-md-6:first-child  .caption .item-title a {
    width: auto;
}
.bravo-list-news  .dot {
    
    font-size: var(--Captionsfont-size-meduim);
    font-weight: 400;
    line-height: var(--Captionsline-height-200);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--text-feedback-text-disabled, #A2A2A2);
    }
    
    
.item-date ul {
    margin-bottom: 0 !important;
}


.thumb-image img {
    display: block;
    height: 100% !important;
    top: 0;
   left: 0;
    bottom: 0;
    left: 0;
    position: absolute;
    margin: auto;
    min-width: 100%;
    margin-block: 0;
    transition: 1s;
}


.bravo-list-news .item-news:hover .thumb-image img , .post-inner:hover .post-header {
    transform:scale(1.1);
}

.bravo_wrap .page-template-content .bravo-list-news .item-news .thumb-image a img {
    object-fit: cover;
}


/* partner success */




  /* animation for partner success section */
  .icons-otherCompany  {
    overflow: hidden;
  }
  .icons-otherCompany div {
    flex-wrap: nowrap !important;
    display: flex;
    height: 170px;
   position: relative;
    width: 100%;
    justify-content: center;
    align-items: center;
  }
  .icons-otherCompany div img {
    background-color: #fff;

    animation-name: scrollRight;
    position: absolute !important;
    animation-timing-function: linear;
    animation-duration: 30s;
    animation-iteration-count: infinite;
   left: max(calc(164px * 17), calc(100% + 164px));
  width: auto !important;
  height: auto !important;
  }

  @keyframes scrollRight {
    to {
     left: -150px;
    }
  }


  .icons-otherCompany img {
    margin-inline-end: 10px !important;
    transition: 1s;
    border-radius: 5px;

}

.icons-otherCompany {

    flex-wrap: wrap !important;
    justify-content: start!important;

}


 






/* contact us */




.contact-section {
    display: flex;
 
}
.map-container {
  
    height: 774px;
}
.info-container .details {
  
    background: var(--backgrounds-body-background-body);
    padding: 40px;
  
}
.info-container  {
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.info-container h2 {
    font-family: var(--Headingsfont-family);
    font-size: var(--Headingsfont-size-small);
    font-weight: 700;
    line-height: var(--Headingsline-height-800);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--text-brand-text-brand, #253B65);
    margin-bottom: 24px !important;
}
.info-container h3 {
    font-size: var(--Bodyfont-size) !important;
    font-weight: 500;
    line-height: var(--Bodyline-height);
    color:var(--text-body-text-inactive) !important;
     text-align: start;
   

}
.info-container  p {
  
    font-size: var(--Bodyfont-size);
    font-weight: 400;
    line-height: var(--Bodyline-height);
    text-align: start;
    margin-bottom: 24px !important;
    color: var(--text-brand-text-brand, #253B65);

}
.info-container .icons {
    display: flex;
    justify-content: start;
    gap: 15px;
    padding-top: 10px;
}



.container:has(.connect-us) {
    
    max-width: 100% !important;
}

.info-container .row {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: #ffffff;
}


.patern-desktop {
    display: block;
    transform: scale(-1);
}
.patern-mobile {
    display: none;
    width: auto;
}



/* footer */


footer, .main-footer, .bravo_footer, .bravo_wrap .bravo_footer {
    background: var(--backgrounds-brand-background-brand)   !important;;
  
}

.bravo_footer .main-footer {
    padding-top: var(--gapexpansive);
}
.main-footer .nav-footer {
    padding-inline: 15px;
}

.nav-footer .title {
font-size: var(--Titlesfont-size-small) !important;
font-weight: 700;
line-height: var(--Titlesline-height-400) !important;
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--text-body-text-subtle, #FEFEFE);


}


.bravo_footer .main-footer .nav-footer .context ul li ,  .bravo_footer .main-footer .nav-footer .context ul li a {
    
font-family: var(--Captionsfont-family);
font-size: var(--Captionsfont-size-meduim);
font-weight: 400;
line-height: var(--Captionsline-height-200);
text-align: start;
color: var(--text-body-text-subtle, #FEFEFE);
margin-bottom: 12px;
color: #FEFEFE !important;

opacity: 0.7 !important;

}

.bravo_footer .main-footer .nav-footer .context ul li:hover , .bravo_footer .main-footer .nav-footer .context ul li a:hover {
    opacity: 1 !important;

}




footer .logo  {
    font-size: 24px;
    margin-bottom: 10px;
}

.menu a {
    color: white;
    text-decoration: none;
    font-size: 14px;
    margin: 0 5px;
}

.info-box hr {
    margin: 15px 0;
    border: 0.5px solid var(--backgrounds-body-background-body);
}
.info-box {
text-align: center;
height: 340px;
padding: var(--gapexpansive) var(--gapairy) var(--gapspacious) var(--gapairy);
gap: var(--gapample);
border-radius: var(--radiusprimary);
opacity: 0px;
background: var(--backgrounds-body-background-glass-dark, #0000001A);

}
.info-box .logo {
   
    gap: 0px;
    opacity: 0px;
    margin-bottom: var(--gapexpansive);

}


.main-footer .col-lg-3.col-md-6:last-child .title{
display: none !important;
}

.info-box .menu {
    color: var(--text-body-text-subtle, #FEFEFE);
}




.info-box p , .info-box .menu a{


    font-size: var(--Captionsfont-size-meduim);
    font-weight: 400 !important;
    line-height: var(--Captionsline-height-200);
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--text-body-text-subtle);
    opacity: 0.8;
}

.main-footer .container {
    padding-bottom: 64px;
}

.main-footer .col-lg-3.col-md-6:last-child  {
padding-inline:0  !important;


}



.item-date a {
display: none;
}
.canvs-img {
    display: none;
}


/* animations style */





.container:has(.partner_success) {
    padding-top: var(--gapexpansive);
    padding-bottom: 144px;
    max-width: 100% !important;
}

.bravo-text.partner-title {
padding-top: 44px;
}




.section-about dotlottie-player {
    width: 856px !important;
    height: 325px !important;
}






.bravo-text-bg:has(.section-about) {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    height: auto !important;
}


.icons-box  dotlottie-player  , .bravo-how-it-works dotlottie-player {
    width: 80px !important;
    height: 80px !important;
    margin: auto;

}

.first-col {
    margin-top: -84px !important;
}
/* terms and cancel page */

.bravo_wrap:has(.blog-content) .bravo_header , .bravo_wrap:has(.bravo-news) .bravo_header  {
    background-color:var(--backgrounds-body-background-body);
    position: relative;
    height: 88px;
}
.bravo_wrap:has(.blog-content) .bravo_header i.fa.fa-bars  , .bravo_wrap:has(.bravo-news) .bravo_header i.fa.fa-bars  , 
.bravo_wrap:has(.bravo_search_car) .bravo_header i.fa.fa-bars
{
  color: var(--backgrounds-brand-background-brand) !important;
}




.bravo_wrap:has(.blog-content)  .bravo_header .content .header-left .bravo-menu a  , .bravo_wrap:has(.bravo-news) .bravo_header .content .header-left .bravo-menu a   {
   
    color: var(--text-brand-text-brand, #253B65) ;
}






.slideshow {
    position: relative;
  width: 100%;
    height: 558px; /* يمكنك تعديل الطول حسب الحاجة */
    overflow: hidden;
  }
  
  .slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 600ms ease-out; /* حركة Dissolve مع تخفيف Ease Out */

  }
 
  #slidshow_1 img:not(.layer-img) {
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  #slideshow_2 img:not(.layer-img) {
    border-top-left-radius: 32px !important;
    border-bottom-left-radius: 32px !important;
  }
  
  .slide.active {
    opacity: 1;
  }
 

  .bravo_wrap:has(.blog-content) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
  .bravo_wrap:has(.blog-content) .bravo_header .content .header-right .topbar-items li a:not(.children-menu li.active a):not(.book-btn a),
  .bravo_wrap:has(.bravo-news) .bravo_header .content .header-right .topbar-items li a:not(.book-btn a),
  .bravo_wrap:has(.bravo-news) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a)
{
  color: var(--text-brand-text-brand, #253B65) !important;
}

.bravo_wrap:has(.blog-content) .bravo_header  .login-item.dropdown , .bravo_wrap:has(.bravo-news) .bravo_header  .login-item.dropdown  {

    border: 1px solid var(--border-brand-border-brand, #253B65)


}
.terms-container {
   background-color: #F2F5F8;
   margin: var(--gapgenerous) 15px var(--gapgenerous)  15px ;
   width: Fill (1,408px)px;
   padding: var(--gapairy) var(--gapbaggy) var(--gapairy) var(--gapbaggy);
   border-radius: var(--radiusprimary);

  
}

  .head-title-page h1 {
   
    font-size: var(--Titlesfont-size-huge) !important;
    line-height: var(--Titlesline-height-700);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--backgrounds-body-background-body);

    
  }

  .item-date ul {
    padding-left: 0 !important;
  }
  .text-layer span img {
    transform: scale(-1);
  }
  .head-title-page  {
    background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%) !important;
    padding: var(--gapbaggy) 96px !important;
}
.container:has(.head-title-page) {
    max-width: 100% !important;
    padding: 0;
}

.section-header dotlottie-player {
    /* border: var(--sizehalf) solid #E0E6EE; */
}

/* support */
  
.hero {
    position: relative;
    width: 100%;
    height: 650px; 
    background: url("/images/suppot-page-img.png") center center / cover no-repeat;
    display: flex;
    align-items: end;
    justify-content: flex-start; 
    
padding: var(--gapbaggy) 0px var(--gapgenerous) 0px;
gap: 0px;

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

  /* طبقة شفافة فوق الصورة */
  .hero::before {
    content: "";
    position: absolute;
    top: 0;left: 0; bottom: 0; left: 0;
    background: linear-gradient(180deg, rgba(15, 30, 58, 0.15) 0%, rgba(15, 30, 58, 0.8) 81.04%);

  }

  /* محتوى النص فوق البانر */
  .hero-content {
    position: relative; 
    color: #fff;
    margin-right: 2rem; 
    text-align: start;
  }

  .hero-content h1 {
    font-size: 2.5rem;
    margin-bottom: 0.5rem;
    font-size: var(--Headingsfont-size-meduim);
    line-height: var(--Headingsline-height-900);
    text-align: start;
  color: var(--backgrounds-body-background-body);

  }
.section-about svg  , .children-menu svg , .sub-title svg , .text-content svg , .hero-content.Private-trade svg {
    transform: rotate(180deg);
}
  .support-centers-section {
   
    padding-block: 64px;
    gap: var(--gapwide);
    opacity: 0px;
  }

  .support-centers-section p {
    
    font-size: var(--Titlesfont-size-meduim);
    line-height: var(--Titlesline-height-500);
    text-align: start;
    color: var(--text-body-text-secondary);

  }

 



  .center-box div {
    background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);
 
    padding: 1.5rem;
    text-align: center;
    transition: background-color 0.3s;
    position: relative;
    border-inline-start:8px solid #E0E6EE;
    font-size: var(--Titlesfont-size-small);
    line-height: var(--Titlesline-height-400);
    text-align: start;
    color: var(--backgrounds-brand-background-brand);
    
    height: Hug (74px)px;
    padding: var(--gapbaggy);
    gap: 8px;
    border-radius: var(--radiusprimary) var(--radiussubtle) var(--radiussubtle) var(--radiussubtle);


  }
  

  /* للعرض على الشاشات الصغيرة */
  @media (max-width: 600px) {
    .hero {
      height: 360px;
    }
    .hero-content h1 {
        padding-inline-start: 0;
    }


    /* .bravo-recaptcha{
        display: flex
    ;
        justify-content: center;
        align-items: center;
        margin: 27px 0;
        transform: scale(1.2);
        width: 95px;
    } */
   
  }



/* partner sucess  */
 
 .partners-section {
            
    position: relative;   
    border-radius: 8px;
    padding-block: 64px;
  }

  .partners-grid {
    gap: 32px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .partner-card {
   
    display: flex;
    align-items: center;
    justify-content: center;
   
    transition: transform 0.2s ease;
    width: 300px;
    height: 300px;
    gap: 8px;
     border-radius: var(--radiusprimary);
     background-color: #ffffff;

  }
 

  /* صورة الشعار */



  
  .partner-card img {     
    object-fit: contain;
    
  }

  
  .blog-content {
    padding-inline: 15px;
  }
  .blog-content:has(.about-page) {
    padding-inline: 0px;
  }

  .container:has(.support-centers-section) .blog-content , .container:has(.faq-section) .blog-content {
    padding-inline: 0;
}

.blog-content:has(.partners-section) {
    background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);

}

.container:has(.support-centers-section) .head-title-page , .container:has(.faq-section) .head-title-page  , 
 .container:has(.shareholder-section) .head-title-page ,.container:has(.vendors-relations-section) .head-title-page 
 ,.container:has(.about-page) .head-title-page  , .container:has(.Private-trade-service ) .head-title-page ,.container:has(.contact-us) .head-title-page  {
    display: none;
}

 
/* faq page  */
.hero-faq-section {
width: Fill (1,728px)px;
height: 454px;
padding: var(--gappage-edge) 0px var(--gappage-edge) 0px;
gap: var(--gapairy);
opacity: 0px;
background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%);
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;


}
.hero-faq-section input {


gap: 8px;
opacity: 0px;

}


.hero-faq-section h1 {
font-size: var(--Headingsfont-size-meduim);
font-weight: 700;
line-height: var(--Headingsline-height-900);
text-align: start;
color: var(--text-action-text-action-primary, #FFFFFF);


}
.faq-section {
    padding-block: 64px;
}

.faq-answer li {
    list-style: disc;
}
.faq-item {
  
   
    text-align: start;
    padding: 12px;
}

.faq-answer {
    display: none;
  
    font-size: var(--Titlesfont-size-small);
    font-weight: 400;
    line-height: var(--Titlesline-height-400);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: var(--heading-title-color);


   
padding: var(--gapbaggy) 24px var(--gapgenerous) 24px;
gap: 8px;
opacity: 0px;
}

.faq-answer ul {
    padding: 24px;
    margin-bottom: 0;
}
.faq-item h3 {
  
    font-size: var(--Titlesfont-size-small);
    font-weight: 700;
    line-height: var(--Titlesline-height-400);
    text-align: start;
    color: var(--text-body-text-secondary, #464646);


    padding: 20px;


    height: 80px !important;
    border: 0.5px solid var(--border-feedback-border-disabled, #C0C0C0);
    border-radius: var(--radiusprimary) var(--radiussubtle) var(--radiussubtle) var(--radiussubtle);
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    
}

.faq-item h3:hover {
    background: var(--backgrounds-body-background-subtle, #F8F8F8);

}
.faq-item h3 svg {
width: 16px;
height: 9px;
transform: rotate(90deg);
fill: #C0C0C0;

}


.input-container {
    position: relative;
   width:688px;
}

.input-container input {
    width: 100%;
    padding: 12px;
    border: 2px solid #ccc;
    border-radius: 5px;
    background: var(--backgrounds-body-background-body);
    outline: none;
    height: 68px;
    font-size: var(--Captionsfont-size-meduim);
    font-weight: 500;
    line-height: var(--Captionsline-height-200);
    text-align: start;
    color: var(--heading-title-color);

}

.input-container .label {
    position: absolute;
   left: 15px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
    transition: all 0.3s ease;
   

font-size: var(--Titlesfont-size-small);
font-weight: 400;
line-height: var(--Titlesline-height-400);
text-align: start;


}
.faq-item h3.active {
    background-color: #d9e6f2;
    border-color: #b3cde0;
  }
.faq-section .faq-item:first-child  .faq-answer {
    /* display: block; */
}
input:focus + .label,
input:not(:placeholder-shown) + .label {
    top: 15px;
    font-family: var(--Captionsfont-family);
    font-size: var(--Captionsfont-size-small);
    font-weight: 400;
    line-height: var(--Captionsline-height-100);
    text-align: start;
    color:var(--text-body-text-secondary)
    
}
.input-container i {
    position: absolute;
    top: 50%;
    z-index: 999;
    left: 12px;
    transform: translatey(-50%);
    font-size: 18px;
    font-weight: 400;
    line-height: 18px;
    color: #a2a2a2;


}





.faq-item.active h3 { 
    background-color: rgb(247, 247, 254);
    border-color: rgb(37, 59, 101);
    color: rgb(37, 59, 101);
}
.faq-item.active .faq-answer { 
    display: block;
}
.faq-item.active svg { 
    transform: rotate(0deg);
    fill: rgb(37, 59, 101);
}


/* علاقات المساهمين */


.hero:has(.hero-content.shareholder) {
    position: relative;
    width: 100%;
    height: 650px;
    background: url(/images/shareholder-bg.png) center center / cover no-repeat ;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    padding: var(--gapbaggy) 0px var(--gapgenerous) 0px;
    gap: 0px;
}



.shareholder-section {

gap: 32px;
text-align: center;
padding-block: 160px;
}
.shareholder-section .row .col-lg-4 .feature {
    display: flex;
flex-direction: column;
justify-content: center !important;
align-items: center;

background-color: var(--backgrounds-body-background-body); 
box-shadow: 0px 3px 15px rgba(190, 201, 214, 0.12);
border-radius: 64px;
padding: 24px 39px;
height: 100%;

}
.shareholder-section .row .col-lg-4  {
  


height: 318px;



}


.shareholder-section .row .col-lg-4 .feature h3{
   
font-size: var(--Titlesfont-size-meduim);
font-weight: 700;
line-height: var(--Titlesline-height-500);
text-align: start;
color: var(--text-brand-text-brand, #253B65);
padding-bottom: 16px;

}
p {
    margin: 0;
}
.shareholder-section p{
   
font-size: 24px;
line-height: 36px;

text-align: center;

color: #1C1C1C;

padding-bottom: 32px;
font-weight: 700;

}
.line img {
    width: auto;
}
.shareholder-section .row .col-lg-4 .feature p{
   
  
    font-size: var(--Bodyfont-size) !important;
    font-weight: 400 !important;
    line-height: var(--Bodyline-height) !important;
    text-align: center;
    color: var(--text-body-text-secondary) !important;


}
.shareholder-section {
    background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);
}
.vendors-relations-section  {
    padding-block: 80px;
}



/* vendors relations */
.hero:has(.hero-content.vendors-relations) {
    position: relative;
    width: 100%;
    height: 650px;
    background: url(/images/vendors-relations-bg.png) center center / cover no-repeat;
    display: flex
;
    align-items: end;
    justify-content: flex-start;
    padding: var(--gapbaggy) 0px var(--gapgenerous) 0px;
    gap: 0px;
}




.vendors-relations-section h2 {
font-size: var(--Headingsfont-size-small);
font-weight: 700;
line-height: var(--Headingsline-height-800);
text-align: start;
padding-bottom:32px ;
color: var(--text-brand-text-brand, #253B65);

}

.vendors-relations-section p , .vendors-relations-section h6 {
    
font-family: var(--Titlesfont-family);
font-size: var(--Titlesfont-size-small);
font-weight: 400;
line-height: var(--Titlesline-height-400);
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;
color: var(--text-body-text-secondary, #464646);


}
.vendors-relations-section ul {
   
gap: 8px;
}
.vendors-relations-section .row {
    justify-content: space-between;
    align-items: center;
}


.register-button.btn  , .register-button.btn:hover {
width:  185px;
height: var(--sizel);
padding: var(--gapspacious);
gap: var(--gapdefault);
border-radius: var(--radiussecondary);
border: var(--sizeone);
border: 1px solid var(--border-brand-border-brand, #253B65);
display: flex;
justify-content: space-between;
align-items: center;
color: var(--text-brand-text-brand, #253B65);
}
.vendors-relations-section ul li {
    padding: 12px 0;
font-weight: 600;
font-size: 16px;
line-height: 24px;
text-align: start;

color: #464646;





}

p.end-paragraph{
   
font-size: 16px;
font-weight: 400;
line-height: var(--Bodyline-height);
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.vendors-relations-section ul li img {
    margin: 8px ;
}

/* about page */

.about-page {
   
        position: relative;
        width: 100%;
        height: 650px;
        padding: 60px 20px; /* Retained single padding declaration */
        background: linear-gradient(270.07deg, #0F1E3A 44.19%, rgba(15, 30, 58, 0.96) 53.95%, rgba(15, 30, 58, 0.2) 83.3%),
                    url(/images/company-img.png) left center / contain no-repeat; /* Simplified background declaration */
        background-color: #0f1e3a; /* Added fallback color */
                gap: 0px;
    
    
}




.values-section {
    display: flex;
    justify-content: center;
    gap: 72px;
    margin-top: 60px;
    margin-inline: auto;
}

.value-box {
    width:278px;
    height:278px;
    padding: var(--gapspacious) var(--gapbaggy) var(--gapairy) var(--gapbaggy);
    gap: var(--gapspacious);
    border-radius: var(--radiusheavy);
    border: var(--size2xs) 0px 0px 0px;
    background: var(--backgrounds-body-background-body, #FFFFFF);
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
    
}
.value-box h3{
font-size: var(--Titlesfont-size-meduim);
font-weight: 700;
line-height: var(--Titlesline-height-500);
text-align: center;
color: var(--text-brand-text-brand);

}
.value-box p{
  
  /* Description */

width: 230px;
height: 48px;

/* Body/Body Regualr */
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
/* or 150% */
display: flex;
align-items: center;
text-align: center;

color: #253B65;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;


    

}

.value-box img {
    width: 40px;
    margin-bottom: 15px;
}





.about-head {
   
height:906px;
padding: var(--breakpointsvertical-padding) 0px var(--gapreset) 0px;
gap: 0px;
opacity: 0px;
background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);
z-index: -1;
}
.about-head .row {
flex-direction: row-reverse;
}
.image-container {
    display: flex;
    align-items: center; 
    justify-content: center;

}



.about-content {
    width: 668px;
    z-index: 1;
}
.about-content h2{
  
    font-size: 30px;
    font-weight: 700;
    line-height: var(--Headingsline-height-900);
    text-align: start;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ffffff;
    padding-bottom: 24px;

}
.about-content p {
color: var(--text-body-text-inactive);
font-size: var(--Titlesfont-size-small);
font-weight: 400;
line-height: var(--Titlesline-height-400);
text-align: start;
text-underline-position: from-font;
text-decoration-skip-ink: none;

}
.profile .content p { 
margin-bottom: 0 !important;
font-size: 16px;

}

.value-box{
width:278px;
height:278px;
padding: var(--gapspacious) var(--gapbaggy) var(--gapairy) var(--gapbaggy);
gap: var(--gapspacious);
border-radius: var(--radiusheavy);
border: var(--size2xs) 0px 0px 0px;
opacity: 0px;

}


section.profile {
    padding-block: 64px;
}
section.profile .row {
    justify-content: space-between;
    align-items: start;
}
section.profile .row .col-lg-4 {
    width: 460px;
}
section.profile .content {
    padding-block: 32px;
}
.head-box {
    position: relative;
    z-index: 9;
}
.head-box img {
        position: absolute;
        top: -9px;
        z-index: -1;
       left: -44px;

}
.head-box h2 {
font-size: var(--Headingsfont-size-small);
font-weight: 700;
line-height: var(--Headingsline-height-800);

text-underline-position: from-font;
text-decoration-skip-ink: none;
color:var(--heading-title-color);
position: relative;
z-index: 99;
margin-bottom: 0;

}

.main-footer ul li .list-icon {
    color: var(--main-color);
    font-size: 16px;
    padding-inline: 10px;
   opacity: 0;
    transition: .5s;
}
.canvas-container {
overflow: hidden;
/* height: 95px; */
}



.main-footer ul li {
    margin-inline-start: -30px;
}
.main-footer ul li:hover .list-icon {
    opacity: 1;
    margin-inline-start: 15px;
}

.bravo_footer .main-footer .nav-footer .title::before {
    content: ""; /* Required for pseudo-elements */
    display: block;
    width: 300px; /* Set width for the border */
    height: 1px; /* Height of the border */
    
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 13.5%, rgba(255, 255, 255, 0.2) 70.5%);
}

.bravo_footer .main-footer .nav-footer .title {

    font-weight:500;
    padding:20px 0;
    margin-bottom:25px;
    position:relative;
    font-size: 15px;
}

.bravo_footer .main-footer .nav-footer .title:before {
    position:absolute;
    bottom:0;
    content:"";
    width:280px;
   
    left:0
}

.Directors {
    padding-block:64px
}
.Directors .row {
    gap: 50px;
    justify-content: center;
    align-items: center;
}
.Directors .col-md-4 {

    width:360px;
    height: 460px;
    gap: 0px;
    display: flex;
    justify-content: center;
    
}
.Directors .col-md-3 {
    width:280px;
    height:362px;
   
    display: flex;
    justify-content: center;  

}
.Directors .row img {
    width: 100%;
    height: 100%;
}




.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li a:not(li ul li.active a) {
font-weight: 500;
font-size: var(--font-size-meduim);
letter-spacing: 0%;
text-align: start;
color: var(--text-body-text-secondary) !important;


}


.blog-content:has(.shareholder-section) ,.blog-content:has(.vendors-relations-section)  {
    padding-inline: 0;
}





.image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* يضمن تغطية الصورة للمساحة دون تشويه */
    display: block;
    padding:10px;

}
.bravo_wrap:has(.blog-content) .bravo_header .signup-item.login , .bravo_wrap:has(.bravo-news) .bravo_header .signup-item.login {
    border-color:#797979 !important;
}
.dropdown-menu.show li {
    justify-content: start !important;
}
/* القائمة */
.children-menu {
    flex: 1;
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 602px;
    height: 296px;

/* gap:16px; */
border-radius:16px;
padding:10px;
justify-content: space-between;
background-color: #083044;
}

.children-menu li {
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
    position: unset !important;
    height: 44px;
    width: 290px !important;
  justify-content: space-between;
  border-radius: 8px;

}




.children-menu  img {
position: absolute !important;
top: 0 !important;
right: 0 !important;

height: 100%;

bottom: 0;
padding: 10px;
}



.children-menu li {
    transition: background 0.3s ease-in-out;
}





.children-menu li.active {
    background: var(--backgrounds-brand-background-brand, rgba(15, 30, 58, 1));
}
.children-menu li.active a {
color: var(--backgrounds-body-background-body) !important;
}





.text-box  {
    gap: 32px;
}

.text-box p , p.specific {
    font-size: 18px;
    color: #333;
    border-inline-start:5px solid var(--main-color) ;
    padding-inline-start: 24px;  
    font-weight: 400;
    font-size:18px;
    line-height: 26px;
    letter-spacing: 0px;
    text-align: start;

}


.text-box ul {
    list-style: none;
    padding: 0;
}

.text-box ul li {
    font-size: 16px;
    color: #444;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    flex-direction: row;
  
}
.text-box ul li span{
    padding-inline: 8px;
}

.text-box ul li img {
    margin-inline-end: 8px;
}


html[lang="en"] .input-container input#search {
direction: ltr;
text-align: start;
}
html[lang="en"] .input-container .label {
left: 15px;
text-align: start;
}


html[lang="en"] .input-container i {
right: 12px ;
left: auto;
}
html[lang="en"] .register-button.btn, html[lang="en"]  .register-button.btn:hover {
font-size: 12px;
text-align: start;
}
.vendors-relations-section ul {
    padding-left: 0 !important;
}

li ul.dropdown-menu.dropdown-menu-user.text-left.show {
    padding: 8px 12px;
}
.text-box ul {

padding-top: 32px;
flex-direction: column-reverse;

}
.team-section {
overflow: hidden;
padding-top: 216px;
padding-bottom: 120px;
position: relative;

}
.team-section .layer-img {

position: absolute;

left: 0;
top:-216px;
z-index:99;


}
.details-container img.layer-img-2 {

bottom: -198px;
left: 0;
z-index: 999999;
position: absolute;


}
#slideshow_2 , #slidshow_1 {
position: relative;
}
.bg {
    background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);
}



.details-container {
    position: relative;
}

.details-container .container-fluid {
display: flex;
justify-content: flex-end;
}
.details-container .row {
    justify-content: end;
}
.features {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    /* gap: 32px; */
    gap: 16px;
    margin-bottom: 32px;

}
.details-container .details h2 , .text-box h2 {
font-size: var(--font-size-small);
line-height:var(--line-height-800) ;
text-align: start;
margin-bottom: 16px;



}


.features .feature {
    width:45% ;
    
    padding-inline-start: 0;
   /* جهاز تتبع مع ناقل شبكة التحكم النطاقي */

font-size: 16px;
line-height: 24px;
text-align: start;
color: #464646;
display: flex;
justify-content: start;
align-items: center;
font-weight: 400;



}

.features .feature img {
    margin: 8px !important;
    margin-inline-start: 0;
}
.details-container p {
font-size: 16px;
line-height: 24px;
color: #464646 !important;
font-weight: 400;
}
p.advanced {
    border-inline-start: 5px solid var(--main-color);
    padding-inline-start: 24px;
    margin-bottom: 32px;
font-weight: 400;
font-size: 18px;
line-height: 26px;
color: #464646;
}
.details-container {
    padding-top: 74px;
    padding-bottom: 198px;
}


section.details-container .col-md-5:has(.content) {
display: flex;
justify-content: center;
}
section.details-container .col-md-6 .content {
    width: 688px;
}
.details-container .row , .team-section .row {
    gap: 64px;
    align-items: center;
}
.text-box ul {
    padding-top: 32px;
}


/* news */

.post_item.col-md-4 {
    position: relative;
}
.cate , .post_item.col-md-4 .post-inner .post-desciption 
{
    display: none;
}

.post-title .text-darken {
font-size: 18px;
line-height: 26px;
color: var(--text-action-text-action-primary ,#ffffff) !important;

}
h3.post-title {
padding: 20px;

}
.post-inner .btn-readmore {
display: none !important;
}
.post-inner {
    position: absolute;
    bottom: 0;
    top: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.21) 19.05%, rgba(0, 0, 0, 0.7) 71.94%);
    display: flex;
    align-items: end;
    left:0 !important;
    right: 0 !important;
    border-radius: 8px;
    cursor: pointer;

}

.post-header img{
    border-radius: 8px;
    gap: 20px;

}
ul.children-menu  li.active a   {
color: #ffffff !important;
}


.list-news.row{
    gap:32px;
}
.bravo-news .post_item {
    margin: 0 !important;
}
.bravo-news .post_item.col-md-4 {
    margin: 0 !important;
    padding: 0;
    width: 31.333333333%;
}
.bravo-news .article .post-header {
width: 100% !important;
height: 650px !important;
background: linear-gradient(180deg, rgba(15, 30, 58, 0.15) 0%, rgba(15, 30, 58, 0.8) 81.04%);


}
.article {
    position: relative;

}
.article h2.title {
    position: absolute;
    top: 500px;
   left: 40px;
font-weight: 700;
font-size: 36px;
line-height: 50px;
letter-spacing: 0px;
text-align: start;
color: var(--text-action-text-action-primary, #FFFFFF) !important;
z-index: 999;

}
p.MsoNormal span, .content-safwa {
font-weight: 400;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
text-align: start;
color: var(--text-body-text-secondary, #464646) !important;


}
.bravo-news .space-between .share {
    text-align: center;
    color: var(--text-body-text-secondary, #464646) !important;

}
.bravo-news .article .post-header img {
width: 100%;
height: 100%;


}

.bravo-news .article .post-header {
    margin-block: 40px;
}
.bravo-news .article {
    margin: 0 !important;
}



.bravo-news .article .content h2 {
   
    font-weight: 700;
    font-size: 18px;
    line-height:26px;
    letter-spacing: 0px;
    text-align: start;
    color: #1C1C1C;
    padding-top: 40px;
    
}
.bravo-news .article .content p {
   
   
font-weight: 400;
font-size:16px;
line-height:24px;
letter-spacing: 0px;
text-align: start;

color: var(--text-body-text-secondary, #464646);


    
}
.article .social-icons{
    text-align:center;
    padding-block: 24px;
    gap: 24px;
}
.bravo-news {
    padding-bottom: 0 !important;
}
.space-between {
    display: none !important;
}



.col-md-6.img-box {
    position: relative;
}



.about-page .col-md-6 ,.container-fluid , .image-container img {
    padding: 0 !important;
}
.about-content {
    margin-bottom: 64px;
}

.head-1 {
    display: none;
}
.head-2 {
    display: block;
}
.advanced strong ,.highlight {
    color:var(--text-brand-text-link) !important;
}
.profile .content p {
  
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;
text-align: start;

color: #464646;


}


.text-box ul li {
   
margin-bottom: 18px;
position: relative;

font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: start;

color: #464646;


}
.text-box p {
  
font-family: 'Rubik';
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 26px;

color: #464646;



}
#footer_animation {
    display: block;
}

/* indivadul services */
.blog-content:has(.Private-trade-service ) {
    padding-inline: 0;

}


.hero-content.Private-trade svg {
    margin-inline-end: 8px;
}



.Booking-Section ul {
    display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        width: 928px;

}
.Booking-Section  ul li  {
width: 448px;

font-weight: 400;
font-size: 16px;
line-height: 24px;

text-decoration-line: underline;

color: #464646;
padding-block: 8px;

}
.Booking-Section  ul  span:has(svg)  {
    padding-inline-end: 4px;

}
.Booking-Section  ul  img  {
    padding-inline: 4px;


}
ul.places , ul.terms  {
display: flex;
flex-wrap: wrap;
width: 928px;
padding-right: 1rem;
}

ul.places li{
list-style:disc;
width: 188px;
}
ul.places li::marker , ul.terms li::marker {
color: #8A85DF !important;
font-size: 23px !important;
}



ul.terms li {

list-style:disc;
width: 440px;
font-weight: 400;
font-size: 16px;
line-height: 24px;

color: #1C1C1C;
padding-block: 4px;
text-align: start !important;

}
ul.places li {
    list-style:disc;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #1C1C1C;
    padding-block: 4px;
    
}

.section:not(.section:last-child) {
    padding-bottom: 56px;
}

.main-section {
}

.main-section h2 {

font-weight: 700;
font-size: 24px;
line-height: 36px;
color: #1C1C1C;
/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 0;


}
.container:has(.main-layer ){
    position: relative;
    padding-top: 64px;
    padding-bottom: 104px;

}
.main-layer {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    left: auto;

}
.main-layer img {

height: 100%;

}
.main-section p {
margin-bottom: 0;



font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px !important;
/* or 150% */
text-align: start;

color: #464646;


/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;
padding-bottom: 0;

}
.main-section p.lead {
margin-bottom: 24px;

}
.main-section p  strong {
font-weight: 500;
}

.main-section .col-md-8 {
    width: 928px;
}


.container:has(.hero-content.Private-trade) .head-title-page {
    display: none;
}
.blog-content:has(.Private-trade) {
    padding-inline: 0;
}



.hero.indvidual-services-1 {
    background: url(/images/indvidul-bg-1.png) center center / cover no-repeat;
}

.hero.indvidual-services-2 {
    background: url(/images/indvidul-service-2.png) center center / cover no-repeat ;
}

.hero.indvidual-services-3 {
    background: url(/images/indvidul-service-3.png) center center / cover no-repeat ;
}
.hero.indvidual-services-4 {
    background: url(/images/indvidual-services-7.png) center center / cover no-repeat ;
}
.hero.indvidual-services-5 {
    background: url(/images/indvidual-services-8.png) center center / cover no-repeat ;
}
.hero.indvidual-services-6 {
    background: url(/images/indvidual-services-9.png) center center / cover no-repeat ;
}
.hero.business-services-1 {
    background: url(/images/business-service-bg-1.png) center center / cover no-repeat ;
}

.hero.business-services-2 {
    background: url(/images/business-service-bg-2.png) center center / cover no-repeat ;
}
.hero.business-services-3 {
    background: url(/images/business-service-bg-3.png) center center / cover no-repeat ;
}
.hero.business-services-4 {
    background: url(/images/business-service-bg-4.png) center center / cover no-repeat ;
}
.hero.business-services-5 {
    background: url(/images/business-service-bg-5.png) center center / cover no-repeat ;
}
.hero.business-services-6 {
    background: url(/images/business-service-bg-6.png) center center / cover no-repeat ;
}
.car-category img {
    margin-bottom: 16px;
}
.underline {
    border-bottom: 1px solid #464646;
    padding: 0;

}
ul.diffrent-places li {
    width: 440px !important;
}
.business-services-terms li {
    width: 928px !important;
}






.bravo_wrap:has(.blog-content)  .content .header-right .bravo-more-menu{
    padding:0 !important;
}

.Booking-Section ul {
    padding-left:0 !important;
}
.main-section .col-lg-8 p {
    width:928px;
}
.main-section a {
 
font-weight: 400;
font-size: 16px;
line-height: 24px;


color: #464646 !important;

}

/* login page and register */

.modal.fade.login.show {
    background: linear-gradient(180deg, rgba(15, 30, 58, 0.7) 50.5%, rgba(15, 30, 58, 0.5) 100%), 
                url(/images/login-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 24px !important;
}


.modal-dialog .modal-content.relative , .reservation-search .modal-content {
    width: 448px !important;
    height: auto !important;

    border-radius:  16px!important ;
    padding: 40px 24px 24px 24px !important;
}
.modal-dialog {
    max-width:fit-content !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.frontend-page .modal.login .modal-content .modal-header .modal-title {

    margin: auto;
font-weight: 700;
font-size: 28px;
line-height: 40px;
display: flex;
align-items: center;
text-align: center;
color: #1C1C1C;
/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}

.booking-review {
    width: 100% ;
  }
.frontend-page .modal.login .modal-content .modal-header {
    margin-bottom: 40px;
}
.modal-header {
    padding-block: 0 !important;
}
.modal-dialog  , #transfer_form .input-group  {
position: relative;
}

.modal-dialog .input-group input , #country_id_vend , .select2-container--default .select2-selection--single ,#transfer_form .input-group input , #arrival_time.form-control, #departure_time.form-control , .specific-border, .bravo-form-search-all #arrival_time.form-control, #departure_time.form-control{
height: 60px !important;
padding: 8px 16px !important;
gap: 8px !important;

border: 1px solid #E4E4E4 !important;
border-radius: 8px !important ;




}


.frontend-page .modal.login .modal-content .modal-body .form-group .form-control , .frontend-page .modal.login .modal-content .modal-body .form-group .form-control::placeholder , .labal-form {
    
font-weight: 400 ;
font-size: 16px ;
line-height: 24px;
text-align: start;

color: #464646 ;

}

.modal-dialog .input-group input::placeholder , #transfer_form .input-group input::placeholder {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #464646;
}
.labal-form {

transition: .5s;
}
.form-control.required:focus + .labal-form , .has-value   ,  .input-group:has(input.input-has-value) label{
top: 16px !important;
font-style: normal;
font-weight: 400;
font-size: 12px !important;
line-height: 18px !important;

color: #464646;



}

select.form-control.required:focus {
    background-color: #000;
    display: none !important;
}

#register-vendor .c-grey.f14.text-center  , .c-grey.f14.text-center{
margin-top:40px !important;
font-weight: 400 !important;
font-size: 16px;
line-height: 24px;

color: #464646 !important;



}
.step-2 {
    max-width: 100%;
    padding-inline: 0 !important;
    margin-inline: 0 !important;
}
.c-grey.f14.text-center a {
   
font-weight: 500 !important;
font-size: 16px;
line-height: 24px;

color: #253B65 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
direction: rtl;

}

.select2-dropdown.select2-dropdown--below {
    z-index: 99999999999 !important;
}


.input-group:has(input#phone_vendor:focus) .labal-form {
display: none;

}
#phone_vendor {
    padding-left: 100px !important;
}

.term_vendor {
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #1C1C1C !important;
}

.term_vendor a {
font-weight: 500;
font-size: 16px !important;
line-height: 24px !important;
color: #253B65 !important;

}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 10px !important;

}
.spinner-grow.spinner-grow-sm.icon-loading {
    color: #ffffff !important;
}
.invalid-feedback.error {
   
font-weight: 400;
font-size: 12px;
line-height: 18px;
color: #CD3131;
}
.booking-history-manager h6 {
    margin-bottom:16px;
}
.booking-history-manager h6 span {

border-radius:8px !important;
width: 72px;
height: 26px;

}
.amenities svg , .booking-history-manager .icon-text  svg {
    
    margin-inline-end: 8px !important;
}
.parts .text-price  {
    display: flex;
    align-items: center;
}







.registration-success-card {
    text-align: center;
}
.model-2 .modal-header {
    
    margin-bottom: 16px !important
}

.modal-content.relative.model-2{

 padding: 24px !important;
}
.registration-success-card a {
    

padding: 16px !important;
gap: 8px;

width: 100%;
height: 52px;

background: #253B65 !important;
border-radius: 8px !important;
display: flex;
align-items: center;
justify-content: center;

}

    


.modal-dialog .modal-content.relative.model-2 {

gap: 8px;

width: 360px !important;

background: #FFFFFF;

box-shadow: 0px 3px 15px rgba(11, 25, 50, 0.1);
border-radius: 16px;

}


.form-group:has(.invalid-feedback.error[style="display: inline;"]) input.form-control.required {
    border: 1px solid #CD3131 !important;
}
.registration-success-card h2 {

font-weight: 700;
font-size: 28px;
line-height: 40px;

color: #1C1C1C;
text-align: center;

}

.registration-success-card p {
 
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;

color: #464646;
margin-bottom: 40px;

}
.error.message-error.invalid-feedback .alert {
    padding:0 !important;
    background-color: transparent !important;
    color: #CD3131 !important;
    border: none;
}
div.invalid-feedback.error {
    margin-block: 8px !important;
}

input:-webkit-autofill {
    box-shadow: 0 0 0px 1000px #ffffff inset !important;
    -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important;
    transition: background-color 5000s ease-in-out 0s;
    -webkit-text-fill-color: #000 !important; /* لون النص لو تحب */
}
.frontend-page .modal.login .modal-content .modal-body .form-submit {
  

font-weight: 600;
font-size: 16px;
line-height: 24px;
color: #FFFFFF;

}
.input-group svg , #transfer_form  .input-group svg  {
    position: absolute;
    z-index: 99;
    right: 16px;
    top: 50%;
    transform: translateY(-50%);
}


.form-group a {

font-weight: 500 !important;
font-size: 16px;
line-height: 24px;

color: #253B65 !important;


}
.c-grey.font-medium.f14.text-center {


font-weight: 400 !important;
font-size: 16px;
line-height: 24px;

color: #464646;

}
.c-grey.font-medium.f14.text-center a {

font-weight: 500 !important;
font-size: 16px !important;
line-height: 24px !important;

color: #253B65;

}
.input-group {
    position: relative;
}


.card-body {
    margin-top: 40px !important;
}
.card p{
    margin-bottom: 0;
}
.labal-form {
    position: absolute;
   left: 16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}
.required-star {
    color: red !important;
    font-size: 16px;
}

.form-group span {
font-weight: 400;
font-size: 16px;
line-height: 24px;

text-align: start;

color: #1C1C1C;


}


.modal.fade .header , .reservation-search .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
    margin-bottom: 40px;;


}

.frontend-page .modal.login .modal-content .modal-body .form-submit {
    /* Button */

/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;

height: 52px !important;

background: #253B65 !important;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 0;
align-self: stretch;
flex-grow: 0;

}
.frontend-page .modal.login .modal-content .modal-body .form-submit:hover {
    background: var(--backgrounds-Action-background-action-primary-hover, #355591) !important;


}


.frontend-page .modal.login .modal-content .modal-body .st-link, .frontend-page .modal.login .modal-content .modal-body label , .form-group:has(#term)  a {
font-weight:400 !important;
font-size: 16px;
line-height: 24px;
text-align: start;

color: #1C1C1C;




}


.form-group:has(#term)  a {
    color: var(--text-action-text-action-status, #4575E8) !important;

}

.modal.fade .header ul , .reservation-search .header ul {

color: var(--text-action-primary);


    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.reservation-search .header ul a  , .lang-btn a {
color: var(--text-action-primary) !important;
font-weight: 500;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
justify-content: center;
padding-inline: 8px;

}

.lang-btn {
    border-radius: var(--radiussecondary) !important;
    border: 1px solid #ffffff !important;
    height: 32px;
    padding-inline: 10px;
    display: flex !important;
    align-items: center;
    justify-content: center;

    width: fit-content;
}
.lang-btn svg {
    margin-inline: 4px;
}


.col-xs-12.btn.form-control  {
    padding-block: 0 !important;
}

.rc-anchor-normal .rc-anchor-pt {
    left: 0 !important;
}

.frontend-page .modal.login .modal-content .modal-body .form-group {
    margin-bottom: 16px !important;
}

.c-grey.f14.text-center {

margin-top: 64px !important;
margin-bottom: 0 !important;
}

/* register */

#register-vendor .select2-dropdown.select2-dropdown--below {
    z-index: 99999999999999999 !important;
}
#register-vendor .select2-selection__placeholder {
    display: none;
}


.modal.fade .modal-dialog:has(#registerForm[display=" none;"]) .modal-header  {
    display: none !important;
}

#otpForm h2 {

font-weight: 700;
font-size: 28px;
line-height: 40px;
text-align: center;

color: #1C1C1C;


}

#otpForm p {

font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: center;

color: #464646;


}




#otpForm input{
    width: 48px;
    height: 48px;
    border: 1px solid var(--border-body-border-container, #E4E4E4);
    text-align: center;
    font-size: 18px;
    transition: border 0.3s ease;
}
#otpForm input.filled {
    border: 2px solid var(--border-action-border-action-primary, #B3B0F7)!important;
}



.btn.btn-link.resend-code ,  .timer.text-center.timer_allow , .timer.text-center.timer_allow span{
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px !important;
text-align: center !important;
color: #1C1C1C !important;
}

.btn.btn-link.resend-code  {


color: #253B65 !important;

}
a.return {
    position: absolute;
   left: 0;
    top: -16px;
}
/* .modal-content {
    position: relative !important;
} */

.modal-dialog .input-group {
    padding: 0;
}

.d-flex.justify-content-between.otp_div  {
    margin-top: 40px;
    margin-bottom: 16px;
}


.reset-password .card {
    border: none !important;

}

h2.card-header {
    border-bottom: none !important;
    background-color: transparent !important;
    text-align: center;

    /* استكمال التسجيل */


font-weight: 700 !important;
font-size: 28px !important;
line-height: 40px !important;


color: #1C1C1C !important;



}

.reset-password .card-body {
    padding: 0 !important;
}


.reset-password p {
  
font-weight: 400;
font-size: 16px;
line-height: 24px;

color: #464646;
text-align: center;

}

.card-body form {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.card-body .form-group , .card-body .form-group div {
    
    width: 100% !important;
    padding: 0;
}

.card-body .form-group input {
}
.card-body .form-group button , #contractLink {

    width: 100% !important;



display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px !important;
gap: 8px;

height: 52px;

background: #253B65 !important;
border-radius: 8px;
margin-top: 16px;



}



/* الحاوية الخارجية */
.bravo-recaptcha {
    display: flex;
    justify-content: start;  /* لو عايزاها يمين */
    align-items: center;

    margin: 16px 0;

    


}




/* تعديل العرض لو عايزة عرض أصغر */
.bravo-recaptcha div {
    max-width: 100%;
}

/* لو عايزة تصغري الريكابتشا شوية */
.bravo-recaptcha iframe {
    transform: scale(0.95);  /* أو 0.9 حسب الحاجة */
    transform-origin: top left; /* لو عايزاها تبدأ من اليمين فوق */
}

/* عشان المسافات تكون متناسقة بين العناصر */
.form-group {
    margin-bottom: 15px;
}

.reset-password .alert-success, .reset-password .alert-warning {

    left: 0 !important;
    padding: 10px;
    margin-block: 16px !important;
}
.c-grey.f14.text-center.return-login{

  margin-top: 0 !important;
  margin-block: 16px !important;
}

.text-muted.small {
    text-align: start;
 
font-weight: 400;
font-size: 16px !important;
line-height: 24px;
color: #1C1C1C !important;


}
.contractLink  p.text-muted {
    margin-bottom:0 !important;
}

.btn.btn-primary:hover {
    background: var(--backgrounds-Action-background-action-primary-hover, #355591) !important;

}
.form.bravo-form-register-agent .c-grey.f14.text-center {
    margin-top: 40px !important;
}
.bravo-menu-mobile li {
    padding: 16px 8px !important;
    margin-bottom: 0 !important;
}


.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a, .bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul.multi-lang>li a {
    padding: 0 !important;
}
.bravo-menu-mobile li:has(.children-menu.menu-dropdown) a {
    /* height: 0 !important; */
}








@media (max-width: 800px) {
    .value-box {
        width: 278px !important;
        height: 278px  !important;



    }
    .details-container {
        padding-top: 74px;
        padding-bottom: 54px;
    }
    .about-page .col-md-6 ,.container-fluid , .image-container img {
        padding: 10px !important;
    }
    .title-container img {
     display: none;    
    }
    .partners-grid {
    justify-content: space-around;
    }
    .bravo-header img {
        width: 160px !important;
    }
    .partner-card {

   width: 150px;
   height: 164px;

    }
    /* .details-container img.layer-img-2 {

      
            bottom:-90px;
            left: 0;
            z-index: 999999;
            position: absolute;
            width: 282.8571472167969px;
            height: 172.58241271972656px;
        
    } */
    .details-container .row {
        flex-direction: column-reverse;
    }
    .input-container {
        width: 90%;
        height:70px;
        gap: var(--gapcompact);
        opacity: 0px;

    }
    
   
    .hero-faq-section { 
        height: 454px;
        padding: var(--gappage-edge) 0px var(--gappage-edge) 0px;
        gap: var(--gapairy);
        opacity: 0px;
    }
    .shareholder-section ,.vendors-relations-section  {
        padding-block: 40px;
    }
    .vendors-relations-section .col-md-3 {
    display: none;
    }
    .about-content {
        width: 100%;
    }
    .values-section {

        width:auto;
        min-height: 378px;
        gap: 40px;
        opacity: 0px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;


    }

.about-head {
height:1970px;
padding: var(--breakpointsvertical-padding) 0px var(--gapgenerous) 0px;
gap: 0px;

    }
  
    .values-section {
        margin-top:-50px;
    }
    section.profile .row  {
        flex-direction: column-reverse;
    }
    section.profile {
        padding-block: 40px;
    }
    .head-box img {
     display: none;

    }


    .Directors .col-md-4 {

        width:100%;
        height: auto;
        
    }
    .Directors .col-md-3 {
        width:100%;
        height:auto;
       
        
    
    }
    .bravo-logo img {
    width: 160px;
    height: 40px;

    }

    .col-12:has(.stats-card) {
        height: 222px;
    }
    .row.animate-1, .row.animate-2 {
    width: 164px;
    }

    
 
        .bravo-logo img {
        width: 160px;
        height: 40px;
    
        }
        .col-12:has(.stats-card) {
            width: 164px;
            height: 222px;
        }

    
        /* .section-about .row .row {
            gap: 32px;
            display: flex;
            flex-direction: row;
            width: 100% !important;
            justify-content: center;
        } */
    
        .section-about .col-lg-4:has(.row .col-6) {
            justify-content: center;
            display: flex;
        }
        .bravo_header {
            border-bottom:none !important;
        }
        
        .team-section .layer-img {

            width: 282.85711669921875px;
           height: 172.58242797851562px;
           top: -75px;
           left: 5px;
        }


        .team-section {

            padding-top: 64px;
            padding-bottom: 40px;
            position: relative;
            
         }
    .empty-div {
        height:300px;
    }
    .row:has(.empty-div) {
        flex-direction: column-reverse;
    
    }
    




    .about-page {
        position: relative;
        background: linear-gradient(3.19deg, #0F1E3A 8.03%, rgba(15, 30, 58, 0.96) 17.79%, rgba(15, 30, 58, 0.2) 34.48%), url(/images/Company-image-mobile.svg);
        background-position: top !important;
        background-size: 101% 42% !important;
        background-repeat: no-repeat !important;
        padding: 60px 0px;
        height: 997px;
    }
        
    
    
    .col-lg-6:has(.about-content) {
        background-color: var(--backgrounds-brand-background-brand);
        padding-bottom: 40px;
    }
    .icons-otherCompany {
        justify-content: center !important;

    }
    .icons-otherCompany p {
        justify-content: center !important;

    }
    .col-sm-12.m-0  {
        background-color: transparent;
        height: auto !important;
    }
    .owl-item {
        height: auto !important;


    }
    .about-page .container {
        max-width: 100% !important;
    }
}


.main-menu.menu-generated li:hover a {
color: var(--backgrounds-body-background-body) !important;
}


.hero:has(.hero-content.Private-trade) {
    position: relative;
    width: 100%;
    height: 650px;
    display: flex;
    align-items: end;
    justify-content: flex-start;
    padding: var(--gapbaggy) 0px var(--gapgenerous) 0px;
    gap: 0px;
}
.Private-trade-service {
    text-align: center;
    background: var(--backgrounds-brand-background-brand-subtle, #F2F5F8);

}
.Private-trade-service .container {
padding-block: 64px;



}
.Private-trade-service h2{
 
font-weight: 700;
font-size: 40px;
line-height: 60px;
color: var(--text-body-text-primary, #1C1C1C);




}
.Private-trade-service p {
font-weight: 400;
font-size: 24px;
line-height: 36px;

text-align: center;

color: #464646;


}
.Private-trade-service .col-lg-4 {
/* background-color: #1C1C1C; */
position: relative;
/* width: 448px;
height: 291px; */
background: url(/images/bg-car.svg) top center / contain no-repeat;
background-position: top !important;
background-size: 50% ;
height: 291px;
display: flex;
align-items: center;
justify-content: center;


}
.Private-trade-service .row {
    /* gap: 32px; */
    margin-top: 64px !important;

}
.Private-trade-service .col-lg-4 .layer {
    position: absolute;
    top: 0;
    display: none;
}
.car-category h5 {
width: 448px;
height: 36px;
font-weight: 700;
font-size: 24px;
line-height: 36px;

color: #253B65;

}

.col-md-3:has(.patern-desktop) {

    padding-inline: 0 !important;
}

.car-category p {
padding: 0px;
gap: 8px;
font-size: 16px;
font-weight: 400;
line-height: 24px;
width: 448px;
height: 24px;
}
p.lead {
  
font-weight: 400;
font-size: 16px;
line-height: 24px;
text-align: start;
color: #464646;

}








.reservation-search .col-lg-4.form  {
 
    padding: 8px 24px 24px;
    gap: 32px;
    
    width: 448px !important;
    
    background: #FFFFFF;
    /* big */
    box-shadow: 0px 5px 50px rgba(9, 22, 45, 0.2);
    border-radius: 16px;
    
    /* Inside auto layout */
    flex: none;
    order: 1;
    flex-grow: 0;
    
    }



@media (max-width:1310px) {
    .layer-frame .desktop-frame {
        /* width: auto; */

    }



}

@media (max-width:1280px) {

    .icons-otherCompany img {
       left: max(calc(10px * 12));
    }

 }






.col-sm-12.m-0  {
    background-color: transparent;
    height:auto !important;
}
.owl-item {
    background-color: #ffffff;
    box-shadow: 0px 3px 80px 0px #0F1E3A14;
   
    /* height: 355px !important; */
    height: 500px !important;
  
    padding-top: 32px;
    padding-right: 24px;
    padding-bottom: 32px;
    padding-left: 24px;
    border-radius: 16px;
    
}
.owl-carousel .owl-stage , .owl-carousel .owl-stage-outer {
    background-color: #ffffff !important;
    padding-block: 20px;

}

.col-xs-12.btn.form-control a {
    width:100%;



/* Auto layout */
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 8px;
height: 52px;

border: 1px solid #797979;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

}


.col-md-12 .article .header .post-header {
display: none;
}

.images.row .col-md-12 {
    height: auto !important;
    object-fit: cover;
}

.container.details-news .col-md-4 ,.container.details-news .col-md-12 {
    padding: 16px;
    position:relative;
    }

    .container.details-news .layer {
        position: absolute;
        z-index: 99;
        background: linear-gradient(180deg, rgba(15, 30, 58, 0.15) 0%, rgba(15, 30, 58, 0.8) 81.04%);
        top: 0;
        left: 0;
       left: 0;
        bottom: 0;
    }




    .article h2.title {
        top:500px;
    }
    .bravo-news .post-content img {
        border-radius:16px;
    }
     .container.details-news .layer {
            position: absolute;
            z-index: 99;
            background: linear-gradient(180deg, rgba(15, 30, 58, 0.15) 0%, rgba(15, 30, 58, 0.8) 81.04%);
            top: 0;
            left: 0;
           left: 0;
            bottom: 0;
            border-radius:16px;
        }
    
    .col-md-12 .article .header .post-header {
    display: none;
    }
    .container.details-news .col-md-4 ,.container.details-news .col-md-12 {
    padding: 16px;
    }
    .container.details-news .img {
    position:relative;
    }
   



    .article h2.title {
        top: 349px;
        z-index: 999;
       left: 40px !important;
      
        height: 210px;
        width: 360px;
    }

    .container.details-news .social-icons span {
        padding-inline:12px;
    }


    .social-icons a {
        margin-inline:4px;
    }
    .social-icons span {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #464646;
    }

    .main-footer svg {
        width: 100%;
        height: auto;
      }
      
    


      .lottie-container {
        width: 100%;
        max-width: 100%;
        overflow: visible;
      }

      .post_item.col-md-4 .post-header {
        overflow: hidden;
        border-radius: 8px;
      }
      .post_item.col-md-4 .post-header img {
        transition: .5s;
        isolation: isolate;

      }

      .post_item.col-md-4:hover  img {
       transform: scale(1.1);

       }
       .count-string {
        display: none !important;
       }

       .active.page-item .page-link {
        background: var(--backgrounds-Action-background-action-primary, #253B65) !important;
        color: #ffffff !important;
        border-color: #253B65 !important;
    }
    



    .active.page-item .page-link {
        background: var(--backgrounds-Action-background-action-primary, #253B65) !important;
        color: #ffffff !important;
        border-color: #253B65 !important;
        border-radius: 8px !important
        }
    .pagination li a {
   background-color: #ffffff;
   border: 1px solid var(--border-brand-border-brand, #253B65) !important;
   font-size: 16px;
   color: var(--text-brand-text-brand, #253B65) !important;
   border-radius: 8px!important;


   }


   .disabled>.page-link, .page-link.disabled {
    border: 1px solid var(--border-feedback-border-disabled, #C0C0C0) !important;
    background-color: #ffffff !important;
    color: #A2A2A2 !important;
   }


   
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
  }
  

  .page-item .page-link {
    font-size: 16px !important;
  }
  .page-item:first-child .page-link {
    border-radius: 8px !important;

  }
  .bravo-pagination ul li a, .bravo-pagination ul li span {
    display:block;
    height:40px;
    width:40px;
    line-height:32px;
    text-decoration:none;
    color:#5e6d77;
    float:none;
    padding:0;
    border:none;
    border-radius:3px;
    cursor:pointer
}





.bravo_wrap .page-template-content .bravo-how-it-works .featured-item .image , .stats-card dotlottie-player {
    margin-bottom: 8px;
}



.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li {
   display: flex;
   align-items: center;
   justify-content: space-between;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown  , .children-menu li img{
    padding: 16px !important;
}




@media (max-width: 1470px) {
    .login-item.dropdown {
    
      
            width:fit-content;
            font-size: 12px;
            height: 35px;
            padding: 5px;
        
    }

    .bravo_header .bravo-logo img {
        width: 130px !important;
        height: auto ;



    }


    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a, .bravo_wrap .bravo_header .content .header-right .topbar-items li a {
        font-size: 10px !important;
    }


    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a {
        padding: 0;
    }
    .main-menu.menu-generated {
    padding-left: 0;
    }


    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li {
        padding: 8px;
    }


    .bravo_wrap .bravo_header .content .header-right ul.topbar-items {
        width: auto;
    }
    

    .bravo_wrap .bravo_header .content .header-right {
        width: auto;
    }
    .bravo_header .content {
        justify-content: space-around !important;
    }
    .main-footer .logo img {
        width: 164px;
    }
   
    
}


@media (max-width: 1150px) {


    .login-item.dropdown {
        width: 100px;
    }
    .bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a, .bravo_wrap .bravo_header .content .header-right .topbar-items li a {
        font-size: 10px!important ;
    }
 
    .main-footer .col-lg-3 {
        width: 33.333333333%;
    }

}

@media (max-width: 1024px) { 

    .bravo_wrap .bravo_header .content .header-right .bravo-more-menu , .bravo_wrap .bravo_footer .copy-right, .bravo_wrap .bravo_header .bravo-menu-mobile{
        display: block !important;
    }    
    
    .bravo-menu , .bravo_wrap .bravo_header .content .header-right ul.topbar-items{
        display: none;

    }


    .services-places .img-box {


        box-sizing: border-box;
        
        width: 100px !important;
        height: 100px !important;
        
        background: #FFFFFF;
        border: 0.8px solid #E4E4E4;
        border-radius: 12.8px;
        
        
        
        }

        .services-places .row .col-lg-6 .row img {
            width: 80%;
            height: 80%;
        }


}






/* mobile header */


.i.fa.fa-bars {
    color: red !important;
}

:root {
    --text-brand-text-brand: #253B65 !important;
--main-color:#B3B0F7 !important; 
  
}

.bravo_wrap:has(.blog-content)  .content .header-right .bravo-more-menu{
  padding:0 !important;
}

.Booking-Section ul {
  padding-left:0 !important;
}
.main-section .col-lg-8 p {
  width:928px;
}
.main-section a {

font-weight: 400;
font-size: 16px;
line-height: 24px;


color: #464646 !important;

}

.main-section p  strong {
font-weight: 500;
}

.hero.business-services-2 {
  background: url(/images/business-service-bg-2.png) center center / cover no-repeat ;
}
.hero.business-services-3 {
  background: url(/images/business-service-bg-3.png) center center / cover no-repeat ;
}
.hero.business-services-4 {
  background: url(/images/business-service-bg-4.png) center center / cover no-repeat ;
}
.hero.business-services-5 {
  background: url(/images/business-service-bg-5.png) center center / cover no-repeat ;
}
.hero.business-services-6 {
  background: url(/images/business-service-bg-6.png) center center / cover no-repeat ;
}
.hero:has(.hero-content.Private-trade) {
  
  background-size:100% 100% !important;
}
.terms-container.container {
  padding-inline:24px;
}
.terms-container.container p {
  padding-bottom:7px !important;
  margin-bottom:0 !important;
}
.head-title-page  {
  background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%);
}



.container:has(.partner_success) {
  background-color:#ffffff !important;
}
.partners-grid { 
  justify-content:start;
  
  
}
.page-template-content {
  background-color: #ffffff;
}
.bravo_footer .main-footer .nav-footer .context ul li, .bravo_footer .main-footer .nav-footer .context ul li a {
  font-weight:400 !important;
}
p.text-muted {
  font-size:20px!important;
}
.client-fedback-title p {
 
font-size: var(--Titlesfont-size-meduim) !important;


}
.bravo-text.services-places p {
padding-bottom:40px;


}
.client-fedback-title h2 { 
margin-bottom:24px;  
  
}
.bravo_wrap .page-template-content .bravo-how-it-works .featured-item .sub-title , .bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .title {
  

color:#253B65 !important;

}
.details-news {
  padding-bottom: 0px;
}
.social-icons a {
  margin-inline:4px;
}
.container.details-news .social-icons span {
      padding-inline:12px;
  }
.article h2.title {
  top:500px;
  z-index:999;
}
.bravo-news .post-content img {
  border-radius:16px;
}
.container.details-news .layer {
      position: absolute;
      z-index: 99;
      background: linear-gradient(180deg, rgba(15, 30, 58, 0.15) 0%, rgba(15, 30, 58, 0.8) 81.04%);
      top: 0;
      left: 0;
     left: 0;
      bottom: 0;
      border-radius:16px;
  }

.col-md-12 .article .header .post-header {
display: none;
}
.container.details-news .col-md-4 ,.container.details-news .col-md-12 {
padding: 16px;
}
.container.details-news .img {
position:relative;
}

.bravo_wrap .page-template-content .bravo-client-feedback .list-item .item .sub_title {
  margin-bottom:24px !important;
}
.owl-item {
 
  height: auto !important;

  padding-top: 32px;
  padding-right: 24px;
  padding-bottom: 32px;
  padding-left: 24px;

}
#customers-testimonials .item {
  padding:0;
}

.bravo-news .article .post-header {
  max-height:100% !important;
}
.details-container img.layer-img-2 {
  bottom: -200px;
  left: 12px;
  
}
.shareholder-section .row .col-md-4 .feature h3 , .vendors-relations-section h2{
  color: var(--text-brand-text-brand, #253B65) !important;

}
.details-container {
  overflow:hidden;
}
.bravo_wrap .page-template-content .bravo-list-news .title .sub-title a {
  height:40px;
}

.feature  div:has(svg) , .feature span {
  padding-inline: 8px;
}
.bravo-list-news {
  padding-block: var(--container-defult-padding);
  background: linear-gradient(rgb(242, 245, 248) 38.87%, rgb(230, 235, 240) 100%);
}
.bravo-text.section-about .logo img {
  width: 344px !important;
  height: 86px !important;
}
.Exhibition-logo {
  box-shadow:none !important;
      padding-bottom:7px;

}



.Exhibition-logo .alert-success {
  left:0 !important;
}

.booking-success-notice .notice-success {
text-align:start !important;
padding-inline:10px;
}
.booking-success-notice .booking-info-detail {
  text-align:start;
}
.bravo-login-form-page .form-group .input-icon {
 left:10px !important;
  left:auto !important;
}
.enable_multi_lang.site_enable_multi_lang .lang-content-box {
  background-color:#fff !important;
}


li ul.dropdown-menu.dropdown-menu-user.text-left.show {
  padding: 8px 12px;
}

.text-box ul {
  padding-top: 32px;
}
.text-box p {
  height:auto !important;
  padding-bottom:0 !important;
}





.children-menu li.active a {
color: var(--backgrounds-body-background-body) !important
text-align:start !important;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li>.menu-dropdown li a:not(li ul li.active a) {

color: var(--text-body-text-secondary) !important;


}
.children-menu li.active a {
display: block;
width: 100% !important;
text-align:start !important;

}
.nav-footer .title ,
.nav-footer .context ul li
{
  text-align: start !important;
}

html[lang="ar"] .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%);
  margin-right: auto;
}

html[lang="en"]  .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%);
  margin-left: auto;
}
.bravo_wrap .bravo_header .content .header-left .bravo-menu ul li a:hover,
.main-footer ul li:hover a{
text-align:start;
color:var(--text-body-text-subtle) !important;

}
@media (max-width: 800px) {
  
.col-sm-12.m-0  {
  height: auto !important;
}
.owl-item {
  background-color: #ffffff;
  box-shadow: 0px 3px 80px 0px #0F1E3A14;
 
  height:auto !important;

   padding-top: 32px; 
  padding-right: 24px;
   padding-bottom: 32px; 
  padding-left: 24px;
  border-radius: 16px;
  
}

.article h2.title {
  top:385px;
  z-index: 999;
 left: 40px !important;
 
}

  .bravo_header {
      border-bottom:none !important;
  }
  


.empty-div {
      height:300px;
  }
  .row:has(.empty-div) {
      flex-direction: column-reverse;
  
  }
  
   .values-section {
      margin-top:-50px;
  }
  .bravo_header {
      border-bottom: none !important;
  }

 
  
   
}


.blog-breadcrumb.hidden-xs {
  display:none !important;
}

.bravo_wrap:has(.blog-content) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.blog-content) .bravo_header .content .header-right .topbar-items li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo-news) .bravo_header .content .header-right .topbar-items li a:not(.book-btn a),
.bravo_wrap:has(.bravo-news) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a) {
    color: var(--text-brand-text-brand, #253B65) !important;
}




.icons-otherCompany div img {
 left: max(calc(150px * 17), calc(100% + 150px));
width: auto !important;
height: auto !important;
}

@keyframes scrollRight {
  to {
   left: -150px;
  }
}



.booking-review 
.step {

padding: 16px;
gap: 16px;

width: 360px;

border: 1px solid #E4E4E4;
border-radius: 5px;

}
.step a{

font-size: 14px;
line-height: 20px;

text-align: start;

color: #4575E8 !important;
}


.step.active .label, .step.completed .label {
    color: #FEFEFE !important;
}
.step .label {
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #97A2B6;
}
.not-found-cars {
  
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 100px 15px;
gap: 32px;



}
.not-found-cars a.btn {
   
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px 32px;
gap: 8px;


height: 40px;
color:#ffffff;
background: #253B65;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;

}
.not-found-cars h2 {
  
font-size: 28px;
line-height: 40px;

color: #1C1C1C;


}
.not-found-cars p {
font-size: 16px;
line-height: 24px;

color: #464646;


}
.bravo_header {
    box-shadow: 0px 3px 80px 0px #0F1E3A14 !important;

}
.booking-review-content svg {
    margin-inline-end: 8px;
}
.booking-review-content .icon-text , .booking-review-content .small-font {

font-size: 14px;
line-height: 20px;
text-align: start;

color: #1C1C1C;
font-weight: 400 !important;
}
.booking-review-content strong {
    font-weight: 600 !important;
    color: #1c1c1c;
}
.bravo-booking-page .form-title {
    border: none !important;
    padding: 0 !important;
     margin: 0 !important;
     margin-bottom: 16px !important;
}
#pick-up {
    margin-bottom: 0 !important;
}
.bravo-booking-page .form-group {
    margin-bottom: 0 !important;
}
.extra-options {
  


border: 1px solid #E4E4E4;
border-radius: 8px;
padding: 16px;
margin-bottom: 16px;
width: 100%;

}
#step1 {
    padding-inline: 0 !important;
   
}
.extra-options.row {
    margin-inline: 0 !important;
}
.extra-options p {
    margin-bottom: 0 !important;
}
.extra-options .col-md-6 {
    padding: 16px;
}
.input-group input {
    height: 60px !important;
}
.extra-options svg {
    margin-inline-end: -29px;
}
.extra-options .bold strong {
   
font-size: 16px;
line-height: 24px;

color: #1C1C1C;

font-weight: 600 !important;
padding-block: 8px;

}
.extra-options p.desc {
  
font-size: 14px;
line-height: 20px;
text-align: start;

color: #464646;
padding-block: 8px;


}
span.customer_notes {
    word-break: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}
.input-checkbox {
    margin-inline-end: 16px !important;
}
.flight-number-dropdown {
    box-shadow: none !important;
}
.extra-options:has(input:checked) {
    border: 1px solid var(--border-action-border-action-primary, #B3B0F7);
    border-radius: 8px;
    background: var(--backgrounds-brand-background-brand-secondary-subtle, #F7F7FE);
  }
  .extra-options:has(input:checked) input.input-checkbox {
background: #8A85DF;

  }
  .extra-options:has(input:checked) input.input-checkbox::before {
    color: #ffffff;
  }



.fa.fa-angle-left.mobile-icon ,.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a svg  {
    display: none;
}



.bravo_wrap .bravo_header .bravo-menu-mobile.active {
    display: flex !important;
        flex-direction: column-reverse;
        justify-content: flex-end;
}


.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile .b-close {
    position:absolute;
   left:10px;
    top:0;
    z-index:11;
    color:#fff;
    font-size:18px;
    cursor:pointer;
    line-height:40px
}

.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a , .bravo_wrap .bravo_header .bravo-menu-mobile .user-profile ul.multi-lang>li a {
    
    display:block;
    transition:all .3s;
    text-decoration:none;
    padding:10px 0;
font-weight: 500;
font-size: 14px;
line-height: 20px;
display: flex;
align-items: center;
text-align: start;

color: #464646 !important;
justify-content: space-between;


flex: none;
order: 0;
flex-grow: 0;
width: 100% !important;

}


.bravo_wrap .bravo_header .bravo-menu-mobile .children-menu {
    background-color: #fff;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .children-menu img  , .bravo_wrap .bravo_header .bravo-menu-mobile .children-menu svg {
    display: none;
}


.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu, .bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu>li.active>.children-menu{ 

width:100% !important;

}
.bravo_header .bravo-menu-mobile .g-menu>ul>li.active>.children-menu>li.active>.children-menu li {
    width: 100% !important;

}

.bravo_header .bravo-menu-mobile  .children-menu li {
    padding: 0 !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li>.children-menu li a {
    padding-right: 0 !important;
}

.bravo_wrap .bravo_header .bravo-menu-mobile {
    width: 390px !important;
    border:0 !important;
}



.bravo_wrap .bravo_header .bravo-menu-mobile {


background: #FFFFFF;
box-shadow: 0px 11px 44px rgba(0, 0, 0, 0.1);
border-radius: 0px 0px 16px 16px;
padding: 16px 24px !important;

}
.bravo_wrap .bravo_header .bravo-menu-mobile .user-profile {
border: 0 !important;
display: flex;
flex-direction: column-reverse;


}



.bravo-offer .col-lg-4 {
    z-index: 99;
}


.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu {
    max-height: auto !important;
}
.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul {
    padding: 0;
}

.bravo_wrap .bravo_header .bravo-menu-mobile .g-menu>ul>li a .caret {
    float:right;
    font-size: 17px;
    color: var(--icon-body-icon-primary, #1C1C1C);

    
}

.alert.alert-danger.timer {
    color:#1c1c1c !important;
}

.iti__selected-dial-code {
    display: none;
}



.iti--separate-dial-code .iti__selected-flag , .iti--separate-dial-code .iti__selected-flag:hover {
    background-color: transparent !important;
    border-right: 1px solid  #E4E4E4;
    padding-inline: 12px;



}
.iti__flag-container {
    top: 4px !important;
    bottom: 4px !important;
  
}


.owl-carousel .owl-stage, .owl-carousel .owl-stage-outer {
 
background-color: #ffffff !important;
}

 .services-places .img-box {

box-sizing: border-box;

width: 128px;
height: 128px;

background: #FFFFFF;
border: 0.8px solid #E4E4E4;
border-radius: 12.8px;
display: flex;
align-items: center;
justify-content: center;
}


.dropdown-menu.dropdown-menu-user.text-left.show  a{


width: 100% !important;
height: 100% !important;

}


.bravo-how-it-works div.desc {
    display: none;
}

.text-content button a {
font-weight: 700;
font-size: 20px;
line-height: 30px;

color: #FEFEFE;


}

.col-md-12 .article h2 {
    width: 100% !important;
}

.main-footer .logo img {


  width: 100% !important;  
}



/* .owl-carousel.owl-drag .owl-item {
    width: 415px !important;
    margin-right: 0 !important;
    margin-inline: 37px;
}


@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1360px!important;
    }
} 
@media (max-width: 991px) {
    .owl-carousel.owl-drag .owl-item {
        
    width: 474.8px !important;
    margin-inline: 0 !important;

    margin-right: 32px !important;
    box-shadow: none !important;
   } */


   /* .bravo-client-feedback , .bravo-text-bg:has(.client-fedback-title ){
    background: var(--Section-Color, #F2F5F8) !important;


   }

   .owl-carousel .owl-stage, .owl-carousel .owl-stage-outer {
    background-color: transparent !important;
   }
} 
 */


.bravo-menu-mobile .menu-container {
    display: flex;
    flex-direction:column-reverse;
    overflow: auto;
}




.bravo-menu-mobile .menu-container {
    display: flex;
    flex-direction: column-reverse;
    overflow: auto;
    -ms-overflow-style: none;  
    scrollbar-width: none;  
}

.bravo-menu-mobile .menu-container::-webkit-scrollbar {
    display: none;
}




/* reservation */

.bravo_wrap .page-template-content .bravo-form-search-all .g-form-control .nav-tabs {

display: none;

}

.reservation-search {
    background: linear-gradient(180deg, rgba(15, 30, 58, 0.7) 50.5%, rgba(15, 30, 58, 0.5) 100%), 
                url(/images/res-bg.png);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 40px 24px !important ;
    display: flex !important;
   
    flex-direction: column;
    position: fixed;
    z-index: 9999999999;
    top: 0;
   left: 0;
    left: 0;
    bottom: 0;
    overflow: auto;


}

.reservation-search .modal-dialog {
    pointer-events: all !important;
}

#field-departure_time {

    display: none;
}


.bravo_wrap .bravo_form .input-search:after, .bravo_wrap .bravo_form .smart-search:after{


    display: none;
}

#bravo_transfer form {
   

}
.checkbox-methoud {
    /* justify-content:space-between!important; */
}


.reservation-search  input[type=radio] {
    display: none;
}

.bravo_wrap .page-template-content .bravo-form-search-all .checkbox-methoud  label {
 
font-weight: 700 !important;
font-size: 14px !important;
line-height: 20px !important;

color: #A2A2A2  !important;
display: flex;
align-items: center;
height: 100%;
margin: 0 !important;
width: auto;
justify-content: center;


}


.checkbox-methoud  {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 0px;

height: 52px;


border-bottom: 1px solid var(--border-feedback-border-disabled, #C0C0C0);


margin-bottom: 32px !important;


}

.checkbox-methoud svg {
   
    margin-inline-end: 8px;
}

/* تنسيق label عند تحديد الـ radio داخله */
.bravo_wrap .page-template-content .bravo-form-search-all .checkbox-methoud  label:has(.rad:checked) {
font-weight: 700 !important;
font-size: 14px!important;
line-height: 20px;
color:#253B65 !important;
display: flex;
align-items: center;
height: 100%;
border-bottom: 2px solid var(--border-brand-border-brand, #253B65);
}

/* تغيير لون الأيقونة عند التحديد */
label:has(.rad:checked) svg path {


width: 16px;
height: 16px;

fill: #0F1E3A;


}

.input-group {
    position: relative !important;
}


.form-control.required:focus, input.input-has-value, .modal-dialog .input-group input.input-has-value , #package-hours:focus  , select.form-control.required:focus ,  #transfer_form .input-group input:focus , #transfer_form .input-group input.input-has-value {
    padding-top: 30px !important;
   
    border: 1px solid #0F1E3A !important; 

   box-shadow: 0px 3px 15px 0px rgba(15, 30, 58, 0.3) !important;

}

.specific-border , .bravo-form-search-all #arrival_time.form-control, #departure_time.form-control {

    height: 60px !important;
}


.check-in-wrapper.d-flex.specific-border.form-control.required  , .bravo-form-search-all #arrival_time.form-control, #departure_time.form-control  {
display: flex !important;
    justify-content: center !important;
    align-items: start !important;
    flex-direction: column;
background-color: transparent !important;
z-index: 999;
}


.date-wrapper.render.check-in-render.form-control {
    padding: 0 !important;
}

.arrival-time-label {
    position: absolute;
    z-index: 99;
   left: 16px;
    top: 6px;
}



.bravo-form-search-all #arrival_time.form-control, #departure_time.form-control {
    padding-top:33px !important;
}

button.form-submit {


 
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;

width: 400px;
height: 52px;

background: #253B65 !important;
border: none !important;
border-radius: 8px;


}

.wrapper-more .guests {
    padding: 0 !important;
    height: 100% !important;
    /* border: 1px solid var(--border-body-border-container, #E4E4E4) !important; */
    border: none !important;

}
.wrapper-more .guests .input-group {
padding: 8px 16px !important;
height: 100% !important;

}

.form-select-guests {
  
padding: 0px;
gap: 8px !important;
height: 60px;



}
.g-field-search .row {
    row-gap: 16px !important;
}


.form-group.departure-time-field  {
    width: 100% !important;
}


.fixed-label {
  
font-weight: 400;
font-size: 12px;
line-height: 18px;
text-align: start;

color: #464646 !important;


}

.check-out-render , .check-in-render ,  #arrival_time.form-control, #departure_time.form-control , #field-guests span {
  
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;


color: var(--text-body-text-primary, #1C1C1C) !important;


}
.col-field {
    height: fit-content;
}

.reservation-search .form-submit {
margin-top: 16px !important;
}

#package-hours {

padding: 8px 16px;
gap: 8px;

height: 60px;

border: 1px solid #E4E4E4;
border-radius: 8px;
background-color: transparent;
z-index: 999999;
font-size: 14px !important;
font-weight: 500 !important;

}


.package-hours select {

padding-top: 30px !important;

}
.package-hours label {

top: 16px;

}
.form-control.required:focus  , input.input-has-value  ,select.form-control.required:focus  {

    padding-top:30px !important;
    
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: start;
    color: #1C1C1C !important;
    
    }


    .loading-spinner {
        border: 2px solid #f3f3f3;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        border-top: 4px solid #355591;
        animation: spin 1s linear infinite;
        
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1000;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }


    .form-select-guests .form-group {
        position: relative;
    }




    .dropdown-menu.select-guests-dropdown.show {

        background-color: #ffffff;
        z-index: 99999999;
        border-radius: 7px;
        top: 65px !important;
    }

    .dropdown-menu.select-guests-dropdown.show .label {
   
font-weight: 500;
font-size: 14px;
line-height: 20px;

text-align: start !important;

color: #464646 !important;




    }

    
.bravo_wrap .bravo_form .smart-search .bravo-autocomplete .item {
    padding: 10px 10px !important;
    background-color: #ffffff !important;




   
font-weight: 400 !important;
font-size: 16px !important;
line-height: 24px;
text-align: start;

color: #464646 !important;


}

.bravo_wrap .bravo_form .input-search .bravo-autocomplete, .bravo_wrap .bravo_form .smart-search .bravo-autocomplete {

    background-color: #ffffff !important;
    top: 110% !important;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.bravo_wrap .bravo_form .smart-search .bravo-autocomplete {
    left: 0 !important;
   left: 0 !important;
}

@media (max-width: 992px) {
    .col-lg-6 {
        flex: 0 0 auto;
    }
}


.bravo_wrap .bravo_form .form-content .render, .form-date-search .check-in-render, .return.d-flex .render.check-out-render, #field-departure .render.check-out-render {
    justify-content: start !important;
    padding: 0 !important;
}

.modal-dialog .input-group input:focus {






}





input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: background-color 5000s ease-in-out 0s;
}


.form-submit {
  

font-size: 16px !important;
line-height: 24px !important;
/* identical to box height, or 150% */

color: #FFFFFF !important;


 
}


#phone_vendor , #phone_agent {

padding-inline-start: 62px !important;
}
.vendor-labal {
    left: 62px !important;
}


.errors-form {
/* padding-inline: 1.5rem !important; */

}

.form-alert {
display: flex;
flex-direction: row;
justify-content: start;
align-items: center;
padding: 10px 12px !important;
gap: 4px;
background: #FAEAEA;
border: 1px solid #CD3131;
border-radius: 8px;


}


.form-alert p {
font-weight: 500;
font-size: 14px;
line-height: 20px;

text-align: start;

color: #CD3131;
margin-bottom: 0 !important;



}


.bravo_wrap:has(.bravo_search_car) .bravo_header ,
.bravo_wrap:has(.bravo-booking-page) .bravo_header {
position:  relative !important;

}


.bravo_wrap:has(.blog-content) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.blog-content) .bravo_header .content .header-right .topbar-items li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo-news) .bravo_header .content .header-right .topbar-items li a:not(.book-btn a),
.bravo_wrap:has(.bravo-news) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo_search_car) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo-booking-page) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo_search_car) .bravo_header .content .header-right .topbar-items li a:not(.children-menu li.active a):not(.book-btn a),
.bravo_wrap:has(.bravo-booking-page) .bravo_header .content .header-right .topbar-items li a:not(.children-menu li.active a):not(.book-btn a)

{
    color: var(--text-brand-text-brand, #253B65) !important;
}

#aboutAnimation {
    transform: scaleX(-1);
}

#hours {
    position: relative;
    object-fit: cover;
}

.special-animation {
    right: auto;
    left: -30px;
    z-index: 9999;
    bottom: -120px !important;
    position: absolute;
}


@media (max-width: 768px) {
    [data-aos] {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .services-places .img-box {


        box-sizing: border-box;
        
        width: 84px !important;
        height: 84px !important;
        
        background: #FFFFFF;
        border: 0.8px solid #E4E4E4;
        border-radius: 12.8px;
        
        
        
        }

        .services-places .row .col-lg-6 .row img {
            width: 80%;
            height: 80%;
        }

    .text-layer {
        margin-bottom: -95px !important;
    }


.main-footer .col-lg-3:nth-child(3) {
    order: 0;
}
.main-footer .col-lg-3:nth-child(2) {
    order: 1;
}
.main-footer .col-lg-3:nth-child(1) {
    order: 2;
}
.main-footer .col-lg-3:nth-child(4) {
    order: 3;
}

.faq-item h3 span {
    width: 256px;
}


.hero-content {
    position: relative;
    color: #fff;
    margin-inline: 15px;
    text-align: start;
}


.features .feature {
width: 100%;


}

.details-container .row, .team-section .row {
    gap: 32px;
}



.bravo-how-it-works{
    height: auto;
}


.hero-content.Private-trade h1 {

width: 312px;
height: auto;

font-family: 'Rubik';
font-style: normal;
font-weight: 700;
font-size: 28px;
line-height: 40px;
display: flex;
align-items: center;
text-align: start;

color: #FFFFFF;


/* Inside auto layout */
flex: none;
order: 0;
flex-grow: 1;


}
.hero:has(.hero-content.Private-trade) {
 
height: 344px !important;


}
.hero:has(.hero-content.Private-trade) {
    padding-bottom: 24px !important;
}

.hero-content.Private-trade svg {
    margin-inline-end: 24px;
}


.main-footer .col-lg-3 {
    width:100% !important;
}
.details-container img.layer-img-2 {
    bottom: -40px !important;
    left: -50px;
    z-index: 999999;
    position: absolute;
    width: 282.8571472167969px;
    height: 172.58241271972656px;
}

}


.cars-container .thumb-image img {
    width: 240px !important;
    height: auto!important;
    position: relative !important;
    

}
.cars-container .thumb-image {
    overflow: visible;
}
.cars-container  .parts {

display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
align-content: center;
padding:16px;
gap: 16px 32px;
isolation: isolate;
padding-bottom: 24px !important;

background: #FFFFFF;
border: 1px solid #E4E4E4;
border-radius: 32px 8px 8px 8px;
min-height: 172px;

}
.cars-container  .item-loop.row .info {
display: flex;
align-items: center;
justify-content: space-between;

}
.cars-container {
    gap: 16px;
}
.cars-container .row {

gap: 32px;
}

h6.title {
 
font-weight: 700;
font-size: 18px;
line-height: 26px;
display: flex;
align-items: center;
text-align: right;

color: #1C1C1C;


/* Inside auto layout */
flex: none;
order: 2;
flex-grow: 0;

}

.text-price {

font-weight: 700;
font-size: 18px;
line-height: 26px;
display: flex;
align-items: center;
text-align: right;

color: #365CB5;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.cars-container .btn.btn-primary  {
   

padding: 16px !important;
gap: 8px;

width: auto;
height: 40px;

background: #253B65 !important;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
border: none;

} 
.filter-container .dropdown-toggle {
  

padding: 0px;
gap: 4px;

width:262px!important;
filter: drop-shadow(0px 3px 15px rgba(190, 201, 214, 0.12)) !important;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
padding-inline-start: 16px ;


}
.bravo-list-item .features-box {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    margin-block: 32px;
}
.bravo-list-item .features-box .feature-item {
    width: 45% !important;
}
.bravo-list-item .features-box .feature-item .icon  {
    padding-inline-end: 4px;

}
.bravo-list-item .features-box .feature-item .text{
    padding: 4px;
 }


.topbar-search h2.text {


font-weight: 700 !important;
font-size: 28px !important;
line-height: 40px !important;
text-align: start;

color: #1C1C1C !important;


 }

.car-filter {

display: flex;
flex-direction: row;
justify-content:space-between;
align-items: center;
padding: 8px 16px !important;
gap: 8px;

width: 262px !important;
height: 60px !important;

border: 1px solid #E4E4E4 !important;
border-radius: 8px;
margin: 0 !important;
position: relative !important ;



}



.bravo_wrap .bravo-list-item .topbar-search .control .item .dropdown .dropdown-toggle {
    
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;


color: #1C1C1C !important;


}
.bravo_wrap .bravo-list-item .topbar-search .control .item .dropdown-toggle:after {
    display: none;
}
.bravo_wrap .bravo-list-item .topbar-search .control .item .dropdown .dropdown-menu.dropdown-menu-right {
    top: 62px !important;
    border: 1px solid #E4E4E4 !important;
    box-shadow: none !important;
    width: 100%;
    right: 0;
    left: 0;
    transform: none !important;

}
.filter-container {
    margin: 0 !important;
    position: unset !important;
}
.bravo_wrap .bravo-list-item .topbar-search .control a {
    padding: 8px;
    font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;


color: #1C1C1C !important;

}

.cars-container p.sub-title {

font-weight: 400;
font-size: 12px;
line-height: 18px;

color: #464646;


}
.amenities {
    width: 203px;
    margin-block: 16px;
    display: flex;
    justify-content: space-between;
}

span.text{
    
font-weight: 400;
font-size: 14px;
line-height: 20px;
color: #1C1C1C;


}
.text-price {

font-weight: 700;
font-size: 18px;
line-height: 26px;


color: #365CB5 !important;


}
.item-loop.row .col-lg-4   , .item-loop.row .col-lg-8 {
    padding-inline: 0 !important;

}

.container:has(.bravo-list-item) {
    padding-bottom: 32px !important;
}
.parts .item-loop {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.full-item   {
    justify-content: space-between !important;
    width: 100% !important;
}

.user_steps {
   
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 !important;
height: 100px;
background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%)!important ;



}
.booking-review .booking-review-content .review-section {
    padding: 0 !important;
    border: none !important;
    width: 100%;
    display: flex;
    justify-content: center;
}

.main-car-container {
   padding-top: 40px;
   padding-bottom: 80px;
}
.bravo-booking-page.padding-content  {
    padding-top: 0 !important;
}

.booking-review .booking-review-content {
    border: none !important;
    box-shadow: none !important;
    width:100%;
}
.booking-review {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.bravo_footer .main-footer .nav-footer .title:before {
    right: 0 !important;
    left: auto;
}
.iti__country-list {
    /* z-index: 9999999999999 !important;
    text-align:start !important;
    right:0!important;
    left:0!important; */
}
.select2-results__options {
    direction: ltr;
}

#steps-container .step {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#steps-container .step .icon {
    margin-bottom: 8px;
}
/* .pagination li.page-item {
    margin-inline: 20px !important;
} */

.timing_arrival_flight_error {
  
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 18px;
text-align: start;
color: #CD3131 !important;
}
@media (max-width:1230px){
    .details-container img.layer-img-2 {

bottom: -220px;
}

}
@media (max-width:1200px) {
    .text-layer {
        margin-bottom: -110px !important;
    }
    .head-1 {
        display: block;
    }
    .head-2 {
        display: none;
    }

   


}

@media (max-width: 1400px) {
    .special-animation {
        position: absolute;
        bottom: -135px;
        left: -30px;
        z-index: 9999;
    }


    .main-section .col-lg-8 p {
        width:auto;
    }
    
}




@media (max-width:991px) {
    .booking-card {

width: 100% !important;
margin-bottom: 16px;


    }
    .bravo-text.section-about .logo img {
        width: 300px !important;
        height: auto !important;
    }
    .booking-details-container h2, .passanger-deatails h2 {
        font-size: 18px !important;
    }
    .bravo_wrap .bravo_header {
        border-image: none !important;
        border-bottom: none !important;
    }
    .header .modal-dialog .logo img {
        width: 250px !important;
    }
    .topbar-search h2.text {
 
    font-size: 25px !important;

    }
    
#steps-container .step {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#steps-container .step .icon {
    margin-bottom: 8px;
}
    .bravo_wrap .bravo-list-item .topbar-search h2 {
margin-top: 24px;
    }

    .full-item {
        justify-content: center !important;
        align-items: center !important;
    }
    .cars-container  .parts {

     height: auto !important;

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




    .values-section {
        gap: 32px;
    }
    .value-box {
        width: 250px;
        height: 250px;



    }
    .value-box p {
        width: auto;
    }
    .details-news .col-md-4 {
        margin-block: 16px;
    }
    .bravo_wrap .page-template-content .bravo-list-news .title {
      flex-direction: column;
    
    }
    .slideshow {
        position: relative;
        width: 100%;
        height: 275.93px;
        overflow: hidden;
    }
    .canvs-img {
        display: block;
    }
    .canvas-container {

   height: auto;

    }
    #footer_animation {
        display: none !important;

    }
    .context {
        margin-bottom: 46px;
    }
    .transparent-layer {

        /* background: var(--backgrounds-brand-background-brand, #0F1E3A); */
        /* background: linear-gradient(360deg, #0F1E3A 4.94%, rgba(15, 30, 58, 0.6) 25.72%); */


    }
    .bravo-text.services-places ul li {
        width: 100%;


    }
    .bravo-how-it-works #item {

     width: 185px;


    }
   

    .bravo-text.services-places {
        padding-block:var(--gapexpansive) ;
    }
    .services-places .row  .col-lg-6 .row {
        flex-direction: row !important;
    }
  
    
    .services-places .col-lg-6:has(.bg-map) {
        position: unset !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
      
    }
    .services-places .col-lg-6 {
        margin-block:16px;
    }
    .services-places .col-lg-6 .bg-map {
       
          
            width: 496.85px;
            height: 298.2px;
           
    
    
        
    }
    .animation-img {
       
        top: 84% !important;
     
       
    }

    .bravo_wrap .bravo_header .content .header-right {
        width: fit-content;
    
    }
    .bravo_wrap .bravo_header {
        height: 74px;
        border-bottom: none;


    }
    .progress-container {
       
        top: 74px;
      
      }
    .header-left .bravo-logo {
        width: 160px;
        height: 40px;
    }
    .overlay-content {
        position: relative; /* So it appears over the video */
        z-index: 3; /* Ensure content is above the video */
        text-align: center;
        color: #ffffff; /* Make the text visible over the video */
        font-family: 'Rubik', sans-serif;
        padding: 20px;
        transform: translateY(-50%);
        opacity: 0;
    }
    .overlay-content h1 {


        font-size: var(--Titlesfont-size-large);
        font-weight: 700;
        line-height: var(--Titlesline-height-600);
       
       
    }
    .overlay-content p {
  
       
        font-size: var(--Bodyfont-size);
        font-weight: 400;
        line-height: var(--Bodyline-height);
        text-align: center;
       
        
    }
    .overlay-content button {

        width: auto;
        height: 47px;

    }
    .overlay-content button span {
        font-size: 16px !important;
        font-weight: 600;
    }
    .transparent-layer .icon { 

        display: none;
    }
    .overlay-content button .text , .overlay-content button .icon{
        margin-inline: 2px;
        transition: .5s;
    
    }
    .overlay-content button:hover .text  , .overlay-content button:hover .icon{
    margin-inline: 4px;
    }
    
    .bravo-client-feedback {
        padding-bottom: var(--gapexpansive);
    }
  
   
    .info-box .logo img {
        width: 256px;
        height: 64px;
    }
    .bravo-list-news .row  .col-lg-4:first-child {
        width: 100% !important;
     }
     .bravo-list-news .row  .col-lg-4 {
         width: 100% !important;
        
     }
     
     .bravo-list-news .row  {

     height: fit-content;


     }
     .bravo-list-news {
        padding-block: var(--gapexpansive);
    }
   .contact-section.row , .info-container.col-md-6 .row {
    flex-direction: column-reverse;

   }
   .map-container {
  
    height: 320px;
  }
  

.patern-desktop {
    display: none;

}
.patern-mobile {
    display: block;
}
.info-container .details {

padding: 15px;


}
.bravo-news .post_item.col-md-4 {
    margin: 0 !important;
    width: 100%;
}





.head-title-page  {
    background: linear-gradient(180deg, #0F1E3A 48.13%, #253B65 100%);
    padding: var(--gapbaggy) 15px !important;
}

/* about animation */


.special-animation {
   display: none;
}



.bravo-text-bg:has(.section-about) {
    position: relative;
    overflow: hidden;
    height: auto !important;
    display: flex;
    align-items: center;
}


#canvas {
    width: 450px !important;
}





.stats-card {

    width:100%;
    height: 222px;
    padding: var(--gapbaggy) var(--gapspacious) var(--gapairy) var(--gapspacious);
    gap: var(--gapdefault);
    border-radius: 16px;
    opacity: 0px;

    

}


.bravo-text-bg:has(.bravo-text.services-places) {
    background-color: #0F1E3A;
    height: auto;
   

}

ul.places li {
    width: 100%;
}
ul.places , ul.terms , .Booking-Section ul {
    width: 100%;
}
.main-layer {
display: none;

}

    .frontend-page .modal.login .modal-content , .frontend-page .modal.login .modal-content.reset-password ,.reservation-search .col-lg-4.form{
        padding: 40px 16px 16px !important;
        width: 100% !important;
        height: auto !important;
    }


    .modal.fade.login.show {


        padding: 40px 16px !important;
        display: flex !important;
        align-items: center;
        flex-direction: column;

    }

    .modal-dialog {
        margin: 0 !important;
        max-width: 100% !important;
        width: 100% !important;
    }






    

}


@media (max-width:630px) {

    .mobile-frame {
        display: block;
        width: 100%;
     }
     .desktop-frame {
         display: none;
     }
     


     .bravo-form-search-all:has(.video-background)   {
        /* background: linear-gradient(180deg, #083044 0%, #001C0E 24.94%, #000000 76.57%, #083044 100%); */
       height: 539px !important;
    
   
    
    }
    .layer-frame img {
    width: 100%;
    height: 100%;

       
    }
    .video-background video {
        height: 243px;
        top:197px;
        
     /* top: 73px; */



    }
    .transparent-layer {
        background: linear-gradient(360deg, #0F1E3A 4.94%, rgba(15, 30, 58, 0.6) 25.72%) !important;
        height: 60%;

    }
    .overlay-content {
        position: relative; /* So it appears over the video */
        z-index: 3; /* Ensure content is above the video */
        text-align: center;
        color: #ffffff; /* Make the text visible over the video */
        font-family: 'Rubik', sans-serif;
        padding: 20px;
        top: 75%;
        transform: translateY(-50%);
        opacity: 0;
        left: 10px;

    }



}
@media (max-width:500px) {


    .mobile-frame {
      
        width: auto;
     }


}
.col-lg-6.img-box {
    position:relative !important;
}

#bravo_notify .notification-icon, .dropdown-notifications .notification-icon {

    left: 20px;
}

@media (max-width: 370px) {
    .bravo-how-it-works #item {
        width: 175px;
    }

    .text-layer {
        margin-bottom: -98px !important;
    }
    .services-places .img-box {
        width: 75px !important;
        width: 75px !important;

    }
}


.bravo-list-news .item-news .caption {
    left: 0 !important;
    right: 0 !important;
}

.bravo_wrap .bravo_header .bravo-menu-mobile.active {
        width: 100% !important;
}
h4.booking-review-title  {
   
font-size: 18px !important;
line-height: 26px;
text-align: start !important;

color: #1C1C1C !important;
font-weight: 700;
margin-bottom: 20px;


}
.steps-container .steps  {
    justify-content:space-around !important;
}

.modal-content {
    display: none ;
  }
  
  .modal.show .modal-content {
    display: block ;
  }
.form-actions {
    margin-top: 40px;
}
  .bravo-booking-page .form-actions .btn {
   
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-end;
padding: 16px;
gap: 8px;

width: 100%;
height: 52px;

background: #253B65 !important;
border-radius: 8px;
border: none !important;


  }


  .payment-container {
    max-width: 100%;
    margin: auto;
  }
  .payment-container span {
   
font-size: 18px;
line-height: 26px;

color: #1C1C1C;

font-weight: 400 !important;
  }

  .payment-title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 5px;
  }

  .payment-subtitle {
    color: #777;
    font-size: 14px;
    margin-bottom: 20px;
  }

  .payment-option {
    display: flex;
    align-items: center;
    border: 1px solid var(--border-body-border-container, #E4E4E4)   ;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    justify-content: space-between;
  }

  .payment-option input[type="radio"] {
    margin-left: 10px;
  }


  .payment-icon {
    margin-right: auto;
    padding: 6px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #333;
  }

  .payment-icon img {
    height: 16px;
    vertical-align: middle;
  }

  .terms {
    font-size: 12px;
    color: #888;
    text-align: center;
    margin: 15px 0;
  }

  .apple-pay-btn {
    background-color: black;
    color: white;
    text-align: center;
    padding: 12px 0;
    border-radius: 6px;
    font-size: 16px;
    cursor: pointer;
    font-weight: bold;
  }

  .apple-pay-btn img {
    height: 18px;
    vertical-align: middle;
  }

  .payment-option:has(input:checked) {
    background-color: #f5f4ff;
    border-color: #d4caff;
  }
  .payment-option input[type='radio'] {
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
  }
 .payment-container .terms a , .payment-container .terms {
font-weight: 500 !important;
font-size: 12px !important;
line-height: 18px !important;

text-decoration: solid;
color: #1C1C1C !important;


  }
  .payment-container .terms {
    margin-bottom: 16px !important;
  }
  .payment-container .terms a {
    text-decoration: underline !important;
  }
  #form-checkout .alert {
   
font-size: 12px !important;
line-height: 18px !important;
text-align: start;

color: #CD3131 !important;


  }
  .booking-review .booking-review-content , .review-section.total-review {
    border: 1px solid var(--border-body-border-container, #E4E4E4) !important;
    border-radius: 8px !important;
  }
  .review-section.total-review .review-list {
    padding: 16px !important;
  }
  .review-section.total-review .label {
   

font-family: 'Rubik';
font-style: normal;
font-weight: 400 !important;
font-size: 14px !important;
line-height: 20px;

color: #1C1C1C !important;

  }

.total-cost-val {
  
font-weight: 400 ;
font-size: 16px !important;
line-height: 20px !important;

color: #1C1C1C;


}

  .booking-review .step {
    border: none;

  }
 

  .booking-detail.booking-form {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .section-coupon-form .input-group {

display: flex;
flex-direction: column;
align-items: center;
padding: 16px;
gap: 16px;

width: 100%;
height: 72px;

background: #F8F8F8 !important;
border-radius: 8px;

/* Inside auto layout */
flex: none;
order: 1;
align-self: stretch;
flex-grow: 0;

  }

  .section-coupon-form .input-group input {
   
width: 216px;

background-color: #ffffff;
box-shadow: 0px 3px 15px 0px #BEC9D61F;
border-radius: 8px;
height: 40px !important;


  }

.section-coupon-form .input-group button ,   .section-coupon-form .input-group button:hover {
border: 1px solid #253B65 !important;
background-color: transparent !important;
border-radius: 8px !important;
color: #253B65 !important;
width: 96px !important;
}


  .booking-review .booking-review-content .review-list li.final-total .label , .total-cost-val {

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

color: #1C1C1C;
  }

.total-cost-val  svg path {
    fill:#1C1C1C !important ;
}
.total-cost-val  svg  {
    /* margin-inline: 4px; */
}

.booking-detail.booking-form hr {
    /* border: 1px solid #c4bebe !important;
    height: 1px;
    display: none; */

  }
  .booking-review .step {
    border-bottom: 1px solid #e4e4e4;
  
    border-radius: 0 !important;
    width: 100%;
  }
#gateway_offline_payment .card-body {
 margin-block: 0 !important;
}
.bravo-autocomplete.show .list-item .item:hover .h-line {
    color: #ffffff !important;
  }

/* .flatpickr-calendar {
    border-radius: 12px !important;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2) !important;
    font-family: 'Tajawal', sans-serif;
    z-index: 9999 !important;
}

.flatpickr-time {
    border-top: 1px solid #eee;
    padding: 10px 0;
}

.flatpickr-time input {
    background-color: #f8f9fa;
    border: none;
    font-size: 18px;
    font-weight: bold;
    color: #007bff;
    text-align: center;
}
#flight-time-wrapper {
    position: relative;
}

.flatpickr-calendar {
    position: absolute !important;
    top: 100% !important;
    left: 0;
    margin-top: 5px;
    z-index: 10;
} */


.extra-options .input-group svg {
    margin-inline-end: 0 !important;
}
#stepB1 {
    display: none;
}
#stepB1 .icon-text svg {
    display: none;
  }
 #stepB1 .icon-text {
    display: flex;
    flex-direction: row;
    align-items: center;
 }
 #stepB1 .icon-text span:not(:empty) ~ svg  {
    display: flex; 
  }
  #stepB1:has(.icon-text span:not(:empty))   {
    display: block;
  }
 #stepB1 .icon-text svg {
    order: -1 !important;
  }
  .form-date-search {
    position: relative !important;
}







  
@media (max-width: 800px) {
    .about-page {
        position: relative;
        background: linear-gradient(3.19deg, #0F1E3A 8.03%, rgba(15, 30, 58, 0.96) 17.79%, rgba(15, 30, 58, 0.2) 34.48%), url("https://beta.ctc-ksa.co/uploads/0000/883/2025/02/13/company-image-mobile.png");
        background-position: top !important;
        background-size: 101% 42% !important;
        background-repeat: no-repeat !important;
        padding: 60px 0px;
        height: 997px;
    }
        .main-section .col-md-8 {
        padding-inline:15px;
    }
    .bravo-logo  img {
    width:160px!important;
    height: 40px!important;
  
    }
  }
  @media (max-width: 991px) {
    .about-head .row {
        flex-direction: column-reverse !important;
    }
     
      .booking-review .booking-review-content {
          width: 100% !important;
      }
      .bravo_wrap .bravo-list-item .topbar-search {
          gap: 24px;
      }
      .booking-review-title  {
          margin-bottom: 16px;
      }
  
  .main-row-search {
      flex-direction: column-reverse;
  }
     .main-footer .col-lg-3 {
       width:50% !important;
   }
    
    .hero:has(.hero-content.Private-trade) {
        background-size:cover !important;
    }
  
  
    .bravo_wrap .bravo_header {
      border-bottom: 0 !important;
    }
  
    .booking-review {
  
  width: 100% !important;
  
    }
  
  .reservation-search {
  
      padding:40px 16px !important;
      
      
      }
  
      .bravo_wrap .page-template-content .bravo-form-search-all .checkbox-methoud label {
      font-size: 13px !important;
  
      }
      .checkbox-methoud svg {
          margin-inline: 4px !important;
      }
      .bravo_wrap .bravo_header .bravo-menu-mobile .children-menu {
        height: auto !important;
      }
  }
  
  
  @media (max-width:1200px) {
   .special-animation {
    position: absolute;
    bottom: -140px;
    
  
    
   }
  
  
    
  }
  
  
  @media (max-width:1024px) {
  
  
   .main-section .col-lg-8 p {
    width:auto;
  }
  }
  
    
  
  
  @media (max-width:1400px) {
  .special-animation {
    position: absolute;
    bottom: -130px;
   left: -30px;
    z-index: 9999;
  }
  .booking-review .step {
      width: 100% !important;
  }
  
  .main-section .col-lg-8 p {
    width:auto;
  }
  
    
  }
  
  
  @media (min-width: 1200px) {
      .container, .container-lg, .container-md, .container-sm, .container-xl {
          max-width: 1300px  !important;
      }
  }
  @media (min-width: 1400px) {
      .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  
         
              max-width: 1380px !important;
          
  
  
      }
  }
  
  
  @media (max-width:765px) {
    .form-control.otp-input.m-2.text-center {
        width: 40px !important;
        height: 40px !important;
    }
  
   .images.row .col-md-12 img {
    height: 514px !important;
           object-fit: cover;
  
   }
   .main-footer .col-lg-3 {
       width:100% !important;
   }
   .main-footer .logo img {
       width:auto !important;
   }
   .hero-content.Private-trade h1 {
       height:auto;
   }
  .hero-content.Private-trade svg {
    margin-inline-end: 24px;
  }
  .main-footer .col-lg-3 {
    width:100% !important;
  }
  
  
  
  ul.places, ul.terms{
    padding-right:1.5rem !important;
  }
 
  }
  
  

.bravo_header .book-btn{
    background-color: #253B65 !important;
    border-radius: 8px;
    color: #ffffff !important;
    padding-inline: 16px !important;
    height: 32px;
    margin-inline: 16px !important;


}
.bravo_header .book-btn a{

    color: #ffffff !important;


}
.bravo_header .is_login svg {
    margin-inline: 0 !important;
}
.login-item.dropdown {
    height: 32px !important;
}
body:has(.video-background) .bravo_header .book-btn {
    background-color: #ffffff !important;

}
body:has(.video-background) .bravo_header .book-btn a {

    color: #253B65 !important;

}

.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container {
    /* right: auto !important;
    left: 0 !important;
    width: 100% !important; */
}

.step-2 #phone , .user-form-settings #phone {
    padding-left: 62px !important;
   
    background-color: transparent !important;
}


  .flight-details.popup-show .form-group {
    position: relative !important;
  }

  .flatpickr-calendar.animate.open {
    bottom: -50px !important;
    top: auto !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
  }

.numInput.flatpickr-hour {

  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
  color: #333; /* أو أي لون للنص */
}
/* إزالة خلفية التحديد من مدخلات الوقت */
.flatpickr-time .numInput:focus,
.flatpickr-time .numInput[aria-activedescendant],
.flatpickr-time .numInput:active,
.flatpickr-time .numInput:hover {
  background-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

.flatpickr-time .numInputWrapper {
    box-shadow: none !important;
    background-color: transparent !important;
  }
  

  .flatpickr-time .numInput {
    border: none;
    font-size: 18px;
    text-align: center;
    padding: 4px;
    color: #333;
  }
  

  /* يمنع تحديد النص داخل مدخلات الساعة والدقيقة */
.flatpickr-time .numInput {
    user-select: none !important;
  }
  .booking-review .booking-review-content .review-list {


width: 100% !important;

  }
 
  /* .text-price svg , .total-cost-val svg {
    margin-inline: 4px !important;
    width: 18px !important;
    height: 20px !important;
  } */
  .bravo-autocomplete.show .list-item .item:hover {
    background-color:  rgba(15, 30, 58, 1) !important;
    color: #ffffff !important;
  }

  .bravo-autocomplete.show .list-item .item:hover .h-line {
    color: #ffffff !important;
  }

  .bravo-autocomplete.show .list-item .item:hover i {

    color: #ffffff !important;


  }



  .filter-container a:active {

   
    color: #1C1C1C !important;
    background-color: transparent !important;
}
.bravo_wrap:has(.bravo-booking-page) .bravo_footer {
    display: none;
}


.custom-footer {
 
padding:10px 0 !important;
gap: 8px;

min-height: 52px;

background: #F2F5F8 !important;

/* Inside auto layout */
flex: none;
display: flex;
align-items: center;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 99999;

  }
  .coupon-container , #stepB3 .d-flex.justify-content-between.align-items-center , .review-list .d-flex.justify-content-between.align-items-center , span.location {
    margin-block: 8px !important;
  }

  .section-coupon-form .message.alert-text .alert-danger {
    margin-block: 16px !important;
  }
  .custom-footer a {
    color: #253B65 !important;
  }
  .custom-footer  .footer-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .custom-footer .footer-left a {
   
font-weight: 400 !important;
font-size: 14px;
line-height: 20px;

color: #1C1C1C;



  }
  
  .footer-left .divider {
    margin: 0 5px;
    color: #1C1C1C;
}
  
  .footer-right {

text-align: start;
color: #1C1C1C;


  }
  .bravo-menu-mobile .book-btn {
    background-color:transparent !important;

}
.book-btn a {
    color: #ffffff !important;
}
.bravo-menu-mobile .book-btn a {
    color: #1c1c1c !important;

}
.review-list li .d-flex.justify-content-between.align-items-center  {
    margin-block: 8px !important;
}
#stepB3 {
    padding: 0 !important;
}

.section-coupon-form .alert-danger , .section-coupon-form .alert-success {
    
   
padding: 16px;


border-radius: 8px;
font-weight: 700 !important;
font-size: 14px !important;
line-height: 20px !important;

}
.section-coupon-form .alert-success {
background: var(--backgrounds-feedback-background-success, #E9F7EF) !important;
color: #1EB05B !important;




}
.iti__country-list {
    left: 0px !important;
    right: auto !important;
}
.iti__country-list {
    text-align: start !important;
    width: 423px ;
}
.iti__flag-box {
    margin-inline: 6px !important;
}
input.iti__search {
    height: 40px !important;
}



.modal-dialog.modal-dialog-centered .iti__country-list {
    text-align: start !important;
    width: 398px;
    z-index: 99999999999;
}
.main-price .total-cost-val {
    font-weight: 600 !important;
}
.main-price .label.total {
    font-weight: 600 !important;

}

@media (max-width:700px) {
    .form-control.otp-input.m-2.text-center {
        width: 40px !important;
        height: 40px !important;
      
    }
    
    
    
}
.bravo_wrap .bravo_header .bravo-menu-mobile .children-menu img, .bravo_wrap .bravo_header .bravo-menu-mobile .children-menu svg {
    
    
display:none !important;
}

.bravo_wrap .bravo_header .bravo-menu-mobile .children-menu li.active {
    
    background-color:transparent !important;
}


.children-menu.menu-dropdown {
    justify-content:start !important;
}
.text-layer span img {
transform: scale(-1) !important;
    
}

.bravo-list-news .item-news .caption {

left:0!important;
right:0 !important;
}
.bravo-text-bg:has(.section-about) {
    height:auto;
}

.special-animation {
    right: auto;
    left: -30px;
    z-index: 9999;
    position:absolute;
    bottom:-120px;
}

.Exhibition-logo {
    box-shadow:none !important;
        padding-bottom:7px;

}



.bravo_wrap .bravo_header {
border-bottom:1px solid #e4dddd !important;
    
}
.Exhibition-logo .alert-success {
    left:0 !important;
}

.booking-success-notice .notice-success {
text-align:start !important;
padding-inline:10px;
}
.booking-success-notice .booking-info-detail {
    text-align:start;
}
.bravo-login-form-page .form-group .input-icon {
    right:10px !important;
    left:auto !important;
}
.enable_multi_lang.site_enable_multi_lang .lang-content-box {
    background-color:#fff !important;
}
li ul.dropdown-menu.dropdown-menu-user.text-left.show {
    padding: 8px 12px;
}

@media (max-width: 800px) {
   
}


@media (max-width: 800px) {
 
    .bravo-logo img {
    width: 160px;
    height: 40px;

    }
  

   

    .section-about .col-lg-4:has(.row .col-6) {
        justify-content: center;
        display: flex;
    }
    .nav-footer .title {
    text-align: start !important;
   }
   .bravo_wrap .bravo_header {
    border-image: none !important;
    border-bottom: none !important;
}
}

.children-menu img {
    width: 50% !important;
border-radius: 8px;



}
.col-lg-4 .profile-frame , .col-lg-4 .profile-frame img
    {
    width: 100% !important;
}


li.dropdown-notifications {
    display:none !important;
}


.bravo-menu-mobile .menu-container {

    width:100% !important;
    overflow:unset !important;

}


.bravo_wrap .bravo_header .bravo-menu-mobile {
    
    bottom:0 !important;
    overflow-y: scroll !important;
    height:100% !important;


}

a:focus,
a:active {
  outline: none !important;
}
@media (max-width:800px) {

.team-section .layer-img {
    top: -75px !important;
    
    
    
}


h2.item-title.text-info {
margin-bottom:16px !important;

}



 .about-page {
        position: relative;
        background: linear-gradient(3.19deg, #0F1E3A 8.03%, rgba(15, 30, 58, 0.96) 17.79%, rgba(15, 30, 58, 0.2) 34.48%), url(https://beta.ctc-ksa.co/uploads/0000/883/2025/04/17/company-img-mobile.svg);
        background-position: top !important;
        background-size: 115% 42% !important;
        background-repeat: no-repeat !important;
        padding: 60px 0px;
        height: 997px;
    }
    

}



.custom-footer {
    position: relative !important;
}

.row.step-2 #phone   , .user-form-settings #phone {
   
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    text-align: start;
    color: #1C1C1C !important;
    direction: ltr;
}


.row.step-2 #phone.input-has-value ,.user-form-settings #phone.input-has-value  {
padding-top: 6px !important;
}
.row.step-2 label[for="phone"] , .user-form-settings label[for="phone"] {
    top: 16px !important;
    left: 65px !important;
    font-style: normal;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 18px !important;
    color: #464646;
}



.col-md-6.flight-details .form-group  {
    position: relative;
}
#dropdown {
    left: 0;
    right: 0;
    background-color: #ffffff;
    width: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
}




.final-trip , .not-complete , .complete {
   


display: flex !important;
flex-direction: row;
align-items: center;
justify-content: space-between !important;
padding: 16px;

height: 112px;

border-radius: 8px;


}
.complete  {
    border: 1px solid  #4590BF;
}
.final-trip {

    background: #E9F7EF;
    border: 1px solid #1EB05B;
}
.not-complete {
    background: #FCF4E9;
    border: 1px solid #D0821C;

}

h4.line1 {
  
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
margin-bottom: 8px !important;
color: #1C1C1C !important;



}
p.line2 {

font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
color: #1C1C1C;
margin-bottom: 0 !important;

}
ul li.list-group-item a svg {
    margin-inline-end: 16px;
}

h2.text-xl.font-bold {
    margin-inline-end: 12px;
}

  .booking-details  {
    background: var(--backgrounds-body-background-subtle, #F8F8F8);
    border-radius: 8px;
    margin-inline: 8px;

  }

 .booking-details-container h2 , .passanger-deatails h2 {
   
font-style: normal;
font-weight: 700;
font-size: 24px;
line-height: 36px;
/* identical to box height, or 150% */
display: flex;
align-items: center;
text-align: right;

color: #1C1C1C;

  }
  .booking-details-container svg {
    margin-inline-end: 8px !important;
  }
  .car-info-container {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center !important;
    padding: 16px;

border: 1px solid #E4E4E4;
border-radius:16px;
text-align: center;



  }
  .car-info-container img {
width: 339px;
height: auto;


  }
  .car-info-container p {
    /* ب ط ل 8345 */

font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;

color: #253B65 !important;

  }
  .text.passenger {
    margin-inline-end: 16px;
  }
  .passanger-deatails  p {
    margin-bottom: 8px !important;
  }
  .part-of-details {
    margin-block: 24px;
  }


  .booking-details-container hr {
    margin: 0 !important;
  }
  .invoice-details {
    margin-top: 32px;
    margin-bottom: 16px;
  }
  .booking-card {
    width: 49%;
  }
  .d-flex.mb-2.text-muted strong , strong.d-block {

font-style: normal;
font-weight: 500 !important;
font-size: 14px;
line-height: 20px;
text-align: right;

color: #1C1C1C;


  }
  .booking-card h6 {
font-style: normal;
font-weight: 700;
font-size: 12px;
line-height: 18px;
color: #464646 !important;

  }
  .list-group-item {
 padding-block: 16px !important;

  }
  .booking-details-container .location , p.text-sm.text-gray-700 , .text-sm.text-gray-700.space-y-1  li {
   
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 20px;

color: #464646;
margin-block: 8px !important;
  }
 ul.text-sm.text-gray-700.space-y-1 {
    padding-left: 0 !important;
 }




 /* profile pages */
 

 .upload-btn-wrapper {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    margin-bottom: 32px;
 }
 .image-demo {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    margin: 10px !important;
 }
 .bravo_header  .image-demo {

    width: 40px;
    height: 40px;

 }


 .bravo_wrap .bravo_user_profile .user-form-settings .upload-btn-wrapper .btn-file {
    border: none !important;
 }

 .outline-border {
    border-radius: 50%;

    outline: 4px solid var(--border-action-border-action-secondary-2, #E0E6EE)
 }
 

 /* Hide the real file input */
#file-upload {
    display: none;
  }
  
  /* Style the label to look like just an icon */
  .custom-file-upload {
    cursor: pointer;
    display: inline-block;
  }
  
  /* Optional: Style the icon */
  .custom-file-upload img {
    width: 24px;
    height: 24px;
  }
  .bravo_wrap .bravo_user_profile .user-form-settings .upload-btn-wrapper .btn-file {
    margin: 0 !important;
    padding: 0 !important;
    position: absolute;
    bottom: -15px;
  }
  


  .custom-file-upload {
    margin: 0px !important;
    width: 40px;
    height: 40px;
    display: flex;
    border-radius: 50% !important;
    justify-content: center;
    align-items: center;
    border: 1px solid #eee;
    background-color: #ffffff;
    box-shadow: 0px 3px 15px 0px #0B19321A !important;

    
}


.bravo_wrap .bravo_user_profile {
    background-color: #ffffff !important;
}
.bravo_wrap .bravo_user_profile .user-form-settings .breadcrumb-page-bar {
    border: none !important;
}
body:has(.bravo_user_profile) .bravo_header {
    position: relative;
    box-shadow: 0px 3px 80px 0px #0F1E3A14;
    border: none !important;

}


body:has(.bravo_user_profile) .bravo_header .content .header-left .bravo-menu ul li a:not(.children-menu li.active a):not(.book-btn a)
,body:has(.bravo_user_profile) .bravo_header .content .header-right .topbar-items li a:not(.book-btn a)
,.body:has(.bravo_user_profile) .bravo_header i.fa.fa-bars
{
    color: var(--text-brand-text-brand, #253B65) !important;

}

.user-form-settings .btn.btn-primary  {
   
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 16px;
gap: 8px;

height: 60px;

background: #253B65 !important;
border-radius: 8px;


}

.profile-form {
 
padding: 32px 24px 16px;
gap: 40px;

background: #FFFFFF;
border: 1px solid #E4E4E4;
border-radius: 16px;


}
.user-form-settings {
    padding-block: 64px !important;
}

.profile-form-footer {
    margin-block: 16px;
    border-top: 1px solid var(--border-body-border-container, #E4E4E4)
}
.profile-form-footer ul {
    padding-block: 16px;
}
.profile-form-footer {

    margin-block: 16px;

}
.menu-hr.logout a {
    color:#CD3131 !important;
}
.menu-hr.logout svg , .change-password svg{
    margin-inline-end: 16px;
}
.profile-form-footer li a {
    color:#1c1c1c ;

   
font-weight: 500 !important;
font-size: 14px !important;
line-height: 20px !important;


}
.profile-form-footer li {
    padding-block: 12px !important;
}

.bravo_wrap .bravo_user_profile .user-form-settings .title-bar {
    border: none !important;

font-weight: 700;
font-size: 24px;
line-height: 36px;

color: #1C1C1C;


}

.show-data {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.show-data label {
   
font-weight: 400;
font-size: 14px;
line-height: 20px;

color: #464646;


}
.show-data h6 {

font-weight: 500;
font-size: 14px;
line-height: 20px;

color: #1C1C1C;


}
.head-show-data  h4 {
 
font-weight: 500;
font-size: 14px;
line-height: 20px;


color: #97A2B6;


/* Inside auto layout */
flex: none;
order: 1;
flex-grow: 0;

}
.head-show-data  {
    flex-direction: row-reverse;
    padding-block: 8px;
}
.head-show-data  button {
    padding: 0 !important;
}


h3.full_name {
 
font-weight: 700;
font-size: 24px;
line-height: 36px;
color: #1C1C1C;
}
.bravo_wrap .bravo_user_profile a.btn-info-booking {
height: 40px !important;
background: #F8F8F8 !important;
color: #253B65 !important;
border-color: #253B65 !important;

}


.table-booking-history  th, .table-booking-history td {


    vertical-align:middle !important

}
.table-booking-history .table td {
    color: #1c1c1c !important;
    font-weight:400!important;
    text-align: center !important;
    vertical-align: middle !important;
}
.table-booking-history th {
    background-color: #0F1E3A !important;
    color: #ffffff !important;
    text-align: center !important;
}
.table-striped tbody tr:nth-of-type(odd) {
 background-color: #ffffff !important;


}
.table-booking-history svg path {
    fill:#1c1c1c !important;
}
.booking-history-type img {
    width: 140px !important;
}
.bravo_wrap .bravo_user_profile .user-form-settings .title-bar {
    padding: 0 !important;
   
font-weight: 700 !important;
font-size: 28px !important;
line-height: 40px !important;

text-align: start;

color: #1C1C1C;


}

.bravo_wrap .bravo_user_profile .booking-history-manager {
    padding: 32px 0px !important;
    background: #ffffff;
}
.bravo_wrap .bravo_user_profile .booking-history-manager .tabbable .ht-nav-tabs {
    margin-bottom: 24px !important;
}
.bravo_wrap .bravo_user_profile .booking-history-manager .tabbable .ht-nav-tabs li a {
  
font-weight: 700;
font-size: 16px;
line-height: 26px;

color: #1C1C1C;

}

.table th, .table td {
    text-align: center !important;
}
.cars-container.booking-history-manager h2.title-bar {
    margin-bottom: 16px !important;
}

.bravo-checkout-page #phone {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

.bravo_user_profile .alert-success, .bravo_user_profile .alert-warning {
    right: 0 !important;
    left: 0 !important;

}
.review-section.total-review .review-list hr {
    border-style: dashed !important;
}
.coupon-part .input-group {
    flex-direction: row !important;
}
.review-list div.d-flex.justify-content-between.align-items-center, li.coupon-container {
    margin-bottom: 12px;
    font-weight: 400 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1C1C1C !important;
}

.main-price .label.total ,.main-price .total-cost-val {
    font-weight:500 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    color: #1C1C1C !important;
}

.user-form-settings #phone.input-has-value {
padding-top: 0 !important;
}
.booking-history-manager h2.title span svg {
    margin-inline-start:8px ;
}




.booking-history-manager h2.title span {
   
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;

height: 26px;

border-radius: 8px !important;


}
.pagination-container .page-link:not(:disabled):not(.disabled) {
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
}



.bravo-news .article h2.title {
    left:0 !important;
    right:0!important;
    margin-inline-start:64px;
}
.booking-success-notice .list-group-item  a {
    width: 100% !important;
}




.booking-status {
    border-radius: 8px !important;
    padding: 4px 8px !important;
    width: auto !important;
    }




    .show-data {
        display: flex;
        flex-direction: row;
        align-items: center;
        height: 64px;
        padding-block: 12px;
    }
    .show-data label {
       
    font-weight: 400;
    font-size: 14px !important;
    line-height: 20px;
    
    color: #464646;
    
    
    }

    .show-data .icon {
        width: 48px;
    }

    .show-data label, .show-data h6 {
        margin-bottom: 0 !important;
    }

    li.login-item.dropdown {
    height: 56px !important;
    padding: 8px 8px 8px 12px !important;
    }

    .profile-form .form-group:has(.show-data) {
        margin-bottom: 0 !important;
    }
    .login-item.dropdown svg {
      margin-inline: 8px;
    }


    .text-price , .total-cost-val {
        display: flex !important;
        align-items: center !important; /* محاذاة رأسية متساوية */
        gap: 4px; /* مسافة بسيطة بين السعر والأيقونة */
        vertical-align: middle !important;
        letter-spacing: 0 !important;

      }
      
      .text-price span , .total-cost-val {
        font-size: 18px !important;
        line-height: 1 !important;   
        display: inline-block; 
        letter-spacing: 0 !important;

      }
      
      .text-price svg {
        height: 1em !important;
        width: auto !important;
        vertical-align: middle !important;
        font-size: 18px!important;
       
        letter-spacing: 0 !important;
      }
       .total-cost-val svg {
        font-size: 15px!important;
        height: 1em !important;
        width: auto !important;
        vertical-align: middle !important; 
        letter-spacing: 0 !important;
      }


      .booking-review .booking-review-content .total-cost-val , .review-section.total-review .total-cost-val{
        font-size: 14px!important;

      }

      .bravo_header .user-role {
        font-weight: 400;
        font-size: 12px;
        line-height: 18px;
        color: #97A2B6;
        text-align: start;

    }

    .bravo_header .user-name {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        color: #253B65;
        text-align: start;
    }


    .bravo_wrap .bravo_header .content .header-right .dropdown-menu {
        width: 250px !important;
        top: 67px !important;
    }
    .signup-item.dropdown.login.show ul {
     
    }

    .bravo_wrap .bravo_header .content .header-right .signup-item.dropdown.login.show ul {

        width: 187px !important;
        top: 45px !important;

    }
    .bravo_wrap:has(.video-background) .bravo_header .content .header-right  .user-name { 

color:#ffffff !important;
    }



   .frontend-page .bravo_wrap.main {

    min-height: 100vh !important;
   }



  .pac-container {
    z-index: 999999999999 !important;
    position: absolute !important;
    background-color: #ffffff;
    box-shadow: 0 2px 12px rgba(0,0,0,0.1);
    border-radius: 8px;
    padding: 10px;
   
  }


  .reservation-search {
    position: relative !important;
    min-height: 100vh !important;
  }



 
  .frontend-page:has(.reservation-search) .bravo_footer{
    display: none !important;

  }


  .bravo_wrap:has(.blog-content) .bravo_header i.fa.fa-bars, .bravo_wrap:has(.bravo-news) .bravo_header i.fa.fa-bars, .bravo_wrap:has(.bravo_search_car) .bravo_header i.fa.fa-bars, .bravo_wrap:has(.bravo-booking-page) .bravo_header i.fa.fa-bars {
    color: var(--backgrounds-brand-background-brand) !important;
}
  
/* 
  

div.pickup svg {
    margin-bottom: -8px;
  }
  
  div.drop svg {
  transform: rotate(180deg);
  margin-top: -8px;
  }
  
   */
 


  
  
  
    .bravo-news .article h2.title {
        display: none!important;
    }
.styled-input {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

.form-label {
  font-size: 14px;
  color: #444;
  margin-bottom: 6px;
  display: flex;
  justify-content: flex-end;
}

.required-star {
  color: red;
  margin-right: 4px;
}

.input-box {
  display: flex;
  border: 1px solid #ccc;
  border-radius: 6px;
  background-color: #fff;
  overflow: hidden;
  direction: rtl;
}

.prefix-dropdown select {
  border: none;
  background-color: #f9f9f9;
  padding: 10px 12px;
  min-width: 80px;
  text-align: center;
}

.input-text {
  flex-grow: 1;
  padding: 10px 12px;
  border: none;
  font-size: 15px;
}

.no-border {
 /* border-bottom-left-radius: 0 !important;
 border-top-left-radius: 0 !important;
 border-left: none !important; */
}
input#first_name {
   
    padding-inline-start: 110px !important;

}

.input-group.first-name .labal-form  {
right: 110px !important;
left: auto !important;
}

#prefix{
    border: none !important;
    border-right:1px solid rgb(189 179 179) !important;
 
    position: absolute !important;
    z-index: 99999999;
    width: 100px !important;
    top: 4px;
    bottom: 4px;
}
#prefix select{
    border: none !important;
    background-color: transparent !important;
    width: 100% !important;
    
    color: rgb(70, 70, 70) !important;
}