body{
                                                                                                                        }
            /*----------main color------------*/
        .text-blue-1,
        .header .header-menu .menu .subnav > li > a:hover,
        .bravo_wrap .footer .menu-footer .menu__nav li .subnav > li > a:hover,
        .desktopMenu .menu a:hover,
        .desktopMenu .menu .subnav__backBtn a,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .pricing-table .title{
            color: #5191fa;
        }

        .tabs.-underline .tabs__controls .tabs__button:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button:hover,
        .tabs.-bookmark-2 .tabs__button:hover,
        .sidebar.-dashboard .sidebar__button.-is-active,
        .tabs.-underline-2 .tabs__controls .tabs__button.is-tab-el-active,
        .accordion.-db-sidebar .accordion__item.is-active .sidebar__button,
        .tabs.-underline-2 .tabs__controls .tabs__button:hover{
            color: #5191fa !important;
        }

        .pagination.-dots .pagination__item.is-active,
        .button.-outline-blue-1:hover,
        .form-checkbox:hover input ~ .form-checkbox__mark,
        .pricing-tabs .tab-btns:before,
        .tabs.-underline-2 .tabs__controls .tabs__button::after{
            background-color: #5191fa;
        }

        .bg-blue-1,
        .button.-blue-1:hover,
        .tabs.-pills-2 .tabs__controls .tabs__button.is-tab-el-active,
        .tourTypeCard.-type-1:hover,
        .noUi-connect,
        .accordion.-map .accordion__item.is-active .accordion__icon,
        .form-checkbox input:checked ~ .form-checkbox__mark{
            background-color: #5191fa !important;
        }

        .button.-blue-1:hover,
        .border-blue-1,
        .button.-outline-blue-1,
        .noUi-handle,
        .hotel_rooms_form .nav-enquiry .enquiry-item.active span,
        .bravo_single_book .nav-enquiry .enquiry-item.active span,
        .form-checkbox input:checked ~ .form-checkbox__mark,
        .pricing-table .inner-box:hover, .pricing-table.tagged .inner-box{
            border-color: #5191fa;
        }
        /*-----------end main color------------*/
    
            
    footer,
.footer,
.bravo_footer {
    /*background-color: #0a4822 !important;*/
    background-color: #0c0c0c !important;
}

/* Remove blue overlay from masthead */
.masthead.-type-1 .masthead__bg::before,
.masthead.-type-1 .masthead__bg::after {
    display: none !important;
}

.masthead.-type-1 .masthead__bg {
    background: none !important;
    opacity: 1 !important;
}

/* If there's a dark overlay, remove it */
.masthead.-type-1::before,
.masthead.-type-1::after {
    display: none !important;
}


    .header .header-menu .menu__nav .text-dark-1 {
        font: white;
    }

/* Ensure the background image is fully visible */
.masthead.-type-1 {
    background-color: transparent !important;
}

.masthead.-type-1 .masthead__bg img {
    opacity: 1 !important;
    filter: none !important;
}


    .navbar.scrolled,
.bravo_header.scrolled,
.header.scrolled {
    background: #ffffff !important;
}    
        
        
  @media (max-width: 1199px) {
    .navbar.scrolled,
    .bravo_header.scrolled,
    .header.scrolled {
        background: #0c0c0c !important;
    }
} 

   .navbar,
        .bravo_header,
        .header,
        .main-header,
        .site-header {
            background: #0c0c0c !important;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
            
        }
        
         .menu__nav{
           color: white !important;
              font-family: 'Cairo', sans-serif !important;
            
           
        }
      
   
#login{
    font:white;
}
       
        
      
     
        
        
        
    /* Hide default footer - add this to your existing style tag */
body .bravo_footer,
body footer:not(.footer-section),
body .site-footer:not(.footer-section),
body .main-footer:not(.footer-section) {
    display: none !important;
}

/* Make sure your custom footer shows */
.footer-section {
    display: block !important;
}




/* reomve undeline from hover link in list */

.hotelsCard__title span,
a.text-dark-1-i {
    background-size: 0 0 !important;
    /* or */
    background: none !important;
}
.cruiseCard.-type-1:hover .cruiseCard__title span {
     background-size: 0 0 !important;
    /* or */
    background: none !important;
}


.activityCard.-type-1:hover .activityCard__title span {
     background-size: 0 0 !important;
}


.tourCard.-type-1:hover .tourCard__title span {
     background-size: 0 0 !important;
}




/* Move the hero search form lower on the page */
      /* Section positioning */

        .form-search-all-service.masthead.-type-1 {
           /* position: relative;
            /*margin-top: 50 !impi4ortant;*/
            padding-top: 0 !important;
        
        }

        /* Carousel container styles */
        .masthead__bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            min-height: 600px;
            z-index: 1;
        }

        .masthead__bg .effect {
            height: 100%;
        }

        .hero-carousel-slider {
            height: 100%;
            min-height: 600px;
        }

        .hero-carousel-slider .owl-stage-outer,
        .hero-carousel-slider .owl-stage,
        .hero-carousel-slider .owl-item {
            height: 100%;
        }

        .hero-carousel-slider .item {
            width: 100%;
            height: 100%;
        }

       .hero-carousel-slider .slider-bg {
            width: 100%;
            min-height: 600px;
            height: 100%;
            background-repeat: no-repeat;
            background-position: center center;
            background-size: cover;
        }

        /* Content positioning - MODIFIED TO MOVE FORM DOWN */
        .form-search-all-service .container {
            /*position: relative;*/
            z-index: 10;
            padding-top: 200px; /* Increased from 120px to move form down */
            padding-bottom: 80px;
            min-height: 600px;
        }

        /* Additional spacing for homepage hero specifically */
        .homepage-hero .container {
            padding-top: 250px; /* Even more spacing for homepage */
        }

        /* Custom form positioning - adds extra space above the tabs */
        .form-search-all-service .tabs.-underline {
          /* Adds more space above the search form */
           /* margin-top: 100px; */
           
        }

        /* Adjust section height to accommodate lower form */
        .homepage-hero {
            min-height: 750px; /* Increased height to fit the moved form */
        }

        .hero-carousel-slider .sub-heading {
            font-size: 20px;
            margin-bottom: 15px;
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            padding: 0 20px;
        }

        .hero-carousel-slider .text-heading {
            font-size: 48px;
            font-weight: bold;
            color: #fff;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
            padding: 0 20px;
            line-height: 1.2;
        }

        /* Owl Carousel navigation */
        .hero-carousel-slider .owl-nav {
            position: absolute;
            top: 50%;
            width: 100%;
            transform: translateY(-50%);
        }

        .hero-carousel-slider .owl-nav button {
            position: absolute;
            width: 50px;
            height: 50px;
            background: rgba(255, 255, 255, 0.3) !important;
            border-radius: 50%;
            transition: all 0.3s;
        }

        .hero-carousel-slider .owl-nav button:hover {
            background: rgba(255, 255, 255, 0.5) !important;
        }

        .hero-carousel-slider .owl-nav button.owl-prev {
            left: 20px;
        }

        .hero-carousel-slider .owl-nav button.owl-next {
            right: 20px;
        }

        .hero-carousel-slider .owl-dots {
            position: absolute;
            bottom: 20px;
            width: 100%;
            text-align: center;
        }

        /* RTL Specific Styles */
        [dir="rtl"] .hero-carousel-slider.owl-carousel .owl-nav button.owl-prev {
            right: 10px;
            left: auto;
        }

        [dir="rtl"] .hero-carousel-slider.owl-carousel .owl-nav button.owl-next {
            left: 10px;
            right: auto;
        }

/* Completely transparent on homepage */
.homepage-hero .tabs.-underline {
    background: transparent !important;
    
    box-shadow: none !important;
}

.homepage-hero .tabs__button {
    color: #fff !important;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
}

.homepage-hero .tabs__button.is-tab-el-active {
    color: #fff !important;
    border-bottom-color: #fff !important;
}

.icon-close:before {
content: "\ea01"; 
font-family: "icomoon" !important;
}


        /* Responsive */
        @media (max-width: 768px) {
            .hero-carousel-slider .text-heading {
                font-size: 32px;
            }

            .hero-carousel-slider .sub-heading {
                font-size: 16px;
            }

            .hero-carousel-slider .slider-bg {
                min-height: 400px;
            }

            /* Reduce spacing on mobile */
            .form-search-all-service .container {
                padding-top: 150px;
            }

            .homepage-hero .container {
                padding-top: 180px;
            }

            .form-search-all-service .tabs.-underline {
               /* margin-top: 60px;*/
            }
        }
        
        
        
        
        
        
    .form-search-all-service .tabs.-underline {
    background: transparent !important;
    box-shadow: none !important;
}    
        
        
        
    /* Force header mobile icons to always be white */
.header .d-none.xl\:d-flex[data-x="header-mobile-icons"] {
    color: white !important;
}

.header .d-none.xl\:d-flex[data-x="header-mobile-icons"] .icon-user,
.header .d-none.xl\:d-flex[data-x="header-mobile-icons"] .icon-menu {
    color: white !important;
}















































































/* RTL (Arabic) — Mobile header alignment fix */
html[dir="rtl"] .gotrip-header-normal_white,
html[dir="rtl"] .gotrip-header-transparent,
html[dir="rtl"] [class*="gotrip-header-"]{
  /* make header distribute items to edges */
}

@media (max-width: 991.98px) {
  html[dir="rtl"] [class*="gotrip-header-"]{
    display: flex;
    align-items: center;
    justify-content: space-between; /* edges: right & left */
    width: 100%;
  }

  /* Logo: stick to the far RIGHT on RTL, remove the margin that creates the gap */
  html[dir="rtl"] [class*="gotrip-header-"] .header-logo{
    margin-right: 0 !important; /* cancels mr-20 */
    margin-left: 0 !important;
    order: 2;                   /* logo on the right side in RTL layout */
  }

  /* Menu container (contains account + burger in your theme usually) to far LEFT */
  html[dir="rtl"] [class*="gotrip-header-"] .header-menu{
    order: 1;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  /* If your theme wraps the icons in a flex row, ensure they stay left */
  html[dir="rtl"] [class*="gotrip-header-"] .header-menu__content,
  html[dir="rtl"] [class*="gotrip-header-"] .header-menu .d-flex{
    justify-content: flex-start;
  }
}