/* ===================================================================================

* Theme Name: Gerow Child
* Theme URI: https://www.themedox.com/gerow/
* Author: ThemeDox
* Author URI: https://themeforest.net/user/themedox/
* Description: Gerow - Business Consulting WordPress Theme
* Version: 1.0
* Template: gerow
* License: GNU General Public License version 3.0
* License URI: http://www.gnu.org/licenses/gpl-3.0.html
* Tags: one-column, right-sidebar, left-sidebar, custom-menu, featured-images, post-formats, sticky-post, translation-ready

* We encourage you to create Child theme for any modifications you will want to do.

* Why use Child theme?

* Because of future updates we may provide for this theme that will overwrite your
* modifications and all your custom work.

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
* http://wp.tutsplus.com/tutorials/theme-development/child-themes-basics-and-creating-child-themes-in-wordpress/

/*=============================
	08. Breadcrumb
===============================*/

.breadcrumb-bg::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
   background: #0d2e1a!important;
    opacity: .85;
    z-index: -1;
}





.breadcrumb>* {
    display: inline;
    line-height: 1.4;
    font-weight: 500;
}



2


.btn::after {
    content: "\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 700;
    margin-right: 45px;
}

.custom-container {
  max-width: 1310px;
  margin: 0px auto;
}
.menu-nav {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 5px 30px;
	   margin: 0 50px;
}


.navbar-wrap > ul > li.menu-item-has-children > a::after {
  margin-left: 8px!important;
margin-right: 8px!important;
}
.navbar-wrap ul li .sub-menu {

	min-width: 300px!important;}


@media (max-width: 768px) { 
  .menu-nav {
    padding: 0px 20px;  /* Adjusted padding for mobile */
    margin: 0px 0px;  /* Adjusted margin for mobile */
  }
	
	    .menu-area .mobile-nav-toggler {
        display: block;
        margin-left: 100px;
    }
	

 .navbar-wrap.main-menu.d-none.d-lg-flex {
    display: none!important;
}
}

/*=============================
    CSS for Arabic 
===============================*/

html[lang="ar"] .mobile-menu .close-btn {
    position: absolute;
    right: 15px;
    top: 28px;
    line-height: 30px;
    width: 35px;
    text-align: center;
    font-size: 20px;
    color: #292b37;
    cursor: pointer;
    z-index: 10;
    -webkit-transition: all 0.9s ease;
    -o-transition: all 0.9s ease;
    transition: all 0.9s ease;
}

@media (max-width: 768px) { 
    html[lang="ar"] .menu-area .mobile-nav-toggler {
        display: block;
        margin-left: 0px;
    }

    html[lang="ar"] #menu-main-menu {
        margin-right: 0px !important;
    }

    html[lang="ar"] #menu-main-menu-me-ar {
        margin-right: 0px !important;
    }
}

@media (min-width: 800px) { 
    html[lang="ar"] #menu-main-menu {
        margin-right: 0px !important;
    }

    html[lang="ar"] #menu-main-menu-me-ar {
        margin-right: 0px !important;
    }
}