.slider__bg{
	mix-blend-mode:normal !important;
}
/* Scoped styling for branch pairs */
.branch-pair-row {
  margin-bottom: 40px;
}

/* Use Bootstrap columns for layout; ensure equal height columns */
.branch-pair-row .col {
  display: flex;
  align-items: stretch;
}

/* Make iframe fill its column */
.branch-pair-row iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 300px; /* fallback for small screens */
  border: 0;
}

/* Force the contact block to behave as a full-height card inside the column */
.branch-pair-row .shortcode-contact-block {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 20px;
  box-sizing: border-box;
  background-color: transparent; /* keep original background */
  height:100%;
}

/* Remove inner container centering for these contact blocks so they use the column width */
.branch-pair-row .shortcode-contact-block .container {
  max-width: 100% !important;
  padding-left: 0;
  padding-right: 0;
}

/* Make the inner column full width (override col-lg-8 centering) */
.branch-pair-row .shortcode-contact-block .col-lg-8 {
  max-width: 100% !important;
  flex: 1 1 100%;
  padding-left: 0;
  padding-right: 0;
}

/* Optional: align text left inside contact block for better two-column layout */
.branch-pair-row .shortcode-contact-block .request-content {
  text-align: left;
  width: 100%;
}

/* Keep buttons inline and visible */
.branch-pair-row .shortcode-contact-block .btn {
  margin-bottom: 10px;
}

/* Responsive behavior — stack on small screens (Bootstrap already handles this).
   If you want them side-by-side only on larger screens, change col-md-6 to col-lg-6 in HTML. */

.breadcrumb__content .breadcrumb-item a , .breadcrumb__area .breadcrumb-item.active{
	color: #fff !important;
}
.breadcrumb__content .title{
color: #fff !important;
}

.shortcode-about-us-information-style-12 .sub-title,
.shortcode-about-us-information-style-12 .icon {
	color: #fff;
}

.bb-product-price-text , .btn bb-btn-wishlist , .bb-btn-compare , .bb-btn-wishlist , .btn-compare , .currency-switcher , .bb-product-quantity , 
.tg-header__top-info.right-side.list-wrap.justify-content-end{
	display:none;
}
.project__details-content .banner__content-three {
  display: none;
}

body[dir=rtl] .tgmenu__navbar-wrap ul.navigation li ul.sub-menu{
	right:unset;
}

html[lang=en] .tg-header__top-info li a[href^="tel:"] {
  direction: rtl;
}

.shortcode-about-us-information-style-8 .choose-list .list-wrap li .icon {
	color: #fff;
}

.slider__content .sub-title{
	line-height:1.5;
}
@media(max-width: 767.98px) {
    .slider__content {
        padding-top:25%;
    }
  .slider__content .sub-title{
	display:none;
}
}

.ecommerce.tg-header__top{
	display:none !important;
}

.tg-header__area {
    background: hsla(0, 0%, 100%, .7);
}



/*!!!!!  fix header display on Laptop Screens !!!*/

/* ULTIMATE FIX - Most aggressive solution for 1024px header */

/* Target 1024px specifically and nearby sizes */
@media (min-width: 992px) {
    
    /* Reduce container padding */
    .tg-header__area .container {
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    
    /* Make the wrap container use full flex control */
    .tgmenu__wrap {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
    }
    
    /* Nav container */
    .tgmenu__nav {
        display: flex !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
        justify-content: space-between !important;
    }
    
 
    
    /* Keep only the logo in header (if centered or right-positioned) */
    .logo.d-none {
        display: block !important;
    }
    
    /* Navigation wrapper - compact mode */
    .tgmenu__navbar-wrap {
        flex-grow: 0 !important;
        flex-shrink: 1 !important;
        display: flex !important;
        order: 2;
    }
    
    .tgmenu__navbar-wrap.tgmenu__main-menu {
        display: flex !important;
    }
    
    .tgmenu__navbar-wrap > ul.navigation {
        margin: 0 auto !important;
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 5px !important;
        padding: 0 10px !important;
    }
    
    .tgmenu__navbar-wrap > ul > li {
        margin-inline-end: 0 !important;
        padding: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .tgmenu__navbar-wrap > ul > li a {
        padding: 22px 8px !important;
        font-size: 13px !important;
        white-space: nowrap !important;
    }
    
    /* Action buttons - must stay visible */
    .tgmenu__action {
        display: flex !important;
        order: 3 !important;
        margin-inline-start: auto !important;
        margin-inline-end: 0 !important;
        flex-shrink: 0 !important;
        padding: 0 !important;
    }
    
    .tgmenu__action.d-none {
        display: flex !important;
    }
    
    .tgmenu__action.d-md-block {
        display: flex !important;
    }
    
    .tgmenu__action > ul.list-wrap {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        flex-wrap: nowrap !important;
    }
    
    .tgmenu__action ul li {
        margin: 0 !important;
        flex-shrink: 0 !important;
    }
    
    .tgmenu__action ul li.header-search,
    .tgmenu__action ul li.header-language-switcher,
    .tgmenu__action ul li.offCanvas-menu {
        display: flex !important;
    }
    
    /* Hide the contact button */
    .tgmenu__action ul li.header-btn {
        display: none !important;
    }
    
    /* Adjust icon sizes */
    .tgmenu__action ul li a {
        font-size: 18px !important;
    }
    
    .tgmenu__action ul .offCanvas-menu .menu-tigger {
        width: 40px !important;
        height: 40px !important;
        font-size: 16px !important;
    }
}

/* Even tighter for 1024px exactly */
@media (min-width: 1020px) and (max-width: 1030px) {
    .tgmenu__navbar-wrap > ul.navigation {
        gap: 2px !important;
        padding: 0 5px !important;
    }
    
    .tgmenu__navbar-wrap > ul > li a {
        padding: 22px 6px !important;
        font-size: 12px !important;
    }
    
    .tgmenu__action > ul.list-wrap {
        gap: 6px !important;
    }
}

/* Language dropdown fix - MUST NOT auto-open */
.header-language-switcher .dropdown-menu {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    right: 0 !important;
    left: auto !important;
    margin-top: 10px !important;
    z-index: 1000 !important;
}

/* Only show when explicitly toggled with .show class */
.header-language-switcher .dropdown-menu.show {
    display: block !important;
}

/* Fix the dropdown toggle button */
.header-language-switcher .dropdown-toggle::after,
.header-language-switcher .dropdown-item::after {
    display: none !important;
}

/* Remove any aria-expanded styling that might trigger dropdown */
.header-language-switcher [aria-expanded="true"] + .dropdown-menu {
    display: none !important;
}

.header-language-switcher [aria-expanded="true"] + .dropdown-menu.show {
    display: block !important;
}

/* Mobile toggle must stay hidden */
@media (min-width: 992px) {
    .mobile-nav-toggler {
        display: none !important;
    }
    
    .mobile-nav-toggler.d-flex {
        display: none !important;
    }
}

/* Force visibility overrides for Bootstrap classes */
@media (min-width: 992px) {
    .d-lg-flex.tgmenu__navbar-wrap {
        display: flex !important;
    }
    
    .d-none.d-lg-flex {
        display: flex !important;
    }
}

@media (min-width: 768px) {
    .d-none.d-md-block {
        display: block !important;
    }
    
    .tgmenu__action.d-none.d-md-block {
        display: flex !important;
    }
}

/* Sticky menu adjustments */
.sticky-menu .tgmenu__navbar-wrap > ul > li a {
    padding: 20px 8px !important;
}

@media (min-width: 992px)  {
    .sticky-menu .tgmenu__navbar-wrap > ul > li a {
        padding: 18px 6px !important;
    }
}