/*#region navbar & topsection*/
.mem-navbar .nav-item.active .nav-link{
    font-family: var(--navlink_font);
}
.slide__text h1{
    font-family: var(--headlines-font1);
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: capitalize;
}
.slide__text p{
    font-family: var(--navlink_font);
    letter-spacing: 2px;
      
}

@media (min-width:1100px){
.mem-navbar .navbar-logo{
    margin-right:1.5em;
}
.mem-navbar .navbar-navs{
    margin-left:4em;
}
}



/* @media (min-width: 1000px) and (max-width: 1060px){
    .mem-navbar .navbar-logo .logo-vector {
        position: absolute;
        top: -1.3em;
        left: 2em !important;
        border-radius: 5px;
    }
} */

@media (min-width: 1000px){
    
    /* .mem-navbar .navbar-logo .logo-vector {
        z-index: 1;
        position: absolute;
        top: -1.3em;
        left: 2.5em;
        border-radius: 5px;
    } */
    .mem-navbar .nav-item {
        padding: 5px 2px;
    }
}
/* @media (min-width: 1000px) and (max-width: 1100px){
    .mem-navbar .navbar-logo .logo-vector {
        top: -2em;
        left: 0.8em !important;
       
    }
  
} */

/*#endregion*/

/*#region home- aboutus*/
.home-main h3{
    font-family: var(--headlines-font1) !important;
    color: var(--white);
    text-shadow: 3px 2px 5px #00000054;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    width: fit-content;
}
.about-us .content h3{
 
    position: relative;
}
.about-us .content h3::after{
    position: absolute;
    content: "";
    width: 157%;
    height: 157%;
    background-color: var(--secondaryColor);
    left: -50%;
    top: -29%;
    z-index: -1;
    border-radius: 3px;
}
.about-us .content h3::before{
    position: absolute;
    content: "";
    width: 114%;
    height: 149%;
    left: 5%;
    top: -62%;
    z-index: -1;
    border-radius: 3px;
    border: 2px solid var(--primaryColor);
}
@media (min-width: 1431px) {
    .about-us .vid{
        /* padding: 0px 0px 0px   10em !important */
        display: flex;
        justify-content: end;
      }
}

.about-us .content{
    padding-left:  2em !important;
}

/*#endregion*/

/*#region aboutus page*/
/*#region company profile */
.aboutUs-wrapper .aboutUs-box h1::after{
    position: absolute;
    content: "";
    width: 134%;
    height: 157%;
    background-color: var(--secondaryColor);
    left: -29%;
    top: -29%;
    z-index: -1;
    border-radius: 3px;
}
.aboutUs-wrapper .aboutUs-box h1:before{
    position: absolute;
    content: "";
    width: 122%;
    height: 149%;
    left: -3%;
    top: -62%;
    z-index: -1;
    border-radius: 3px;
    border: 2px solid var(--primaryColor);
}
.aboutUs-wrapper .aboutUs-box p,
.bod .card-body .bod-sm p{
    font-family: var(--body-font1);
}
/*#endregion*/
/*#region bod */
.bod .card::before{
    position: absolute;
    content: "";
    width: 98%;
    height: 101%;
    left: 4%;
    top: -2%;
    border: 2px solid var(--secondaryColor);
    z-index: -1;
}

.bod .card-body .bod-sm h5{
    font-family: var(--headlines-font1);
}

.board-hierarchy-wrapper {
    width: 100%;
    padding: 20px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.board-hierarchy {
    display: flex;
    justify-content: center;
    min-width: 100%;
}

    .board-hierarchy ul {
        display: flex;
        padding: 0;
        list-style: none;
        position: relative;
        margin: 0;
    }

        .board-hierarchy ul::before {
            content: '';
            position: absolute;
            top: 50px;
            left: 15px;
            width: 95%;
            height: 2px;
            background-color: #ccc;
            z-index: 0;
        }

    .board-hierarchy li {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin: 0 5px;
        position: relative;
    }

        .board-hierarchy li::before {
            content: '';
            position: absolute;
            top: -30px;
            left: 50%;
            width: 2px;
            height: 30px;
            background-color: #ccc;
        }

.board-member:hover {
    transform: translateY(-5px);
}

.board-member-info .breif {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.95);
    padding: 15px;
    font-size: 13px;
    color: #444;
    overflow-y: auto;
    display: none;
    z-index: 10;
    border-radius: 10px;
    transition: all 0.3s ease-in-out;
}

.board-member:hover .breif {
    display: block;
}

.board-member {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px;
    /*min-width: 180px;
    max-width: 200px;*/
    width: 200px;
    height: 200px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    text-align: center;
    z-index: 1;
}

    .board-member img {
        width: 60px;
        height: 60px;
        border-radius: 50%;
        object-fit: cover;
        margin-bottom: 10px;
        border: 2px solid #ccc;
    }

    .board-member strong {
        font-size: 18px;
        color: #333;
        display: block;
        padding: 5px 0;
    }

    .board-member .title {
        font-size: 15px;
        color: #777;
    }

    .board-member .breif {
        font-size: 15px;
        color: #555;
        margin-top: 5px;
    }

.board-hierarchy li > ul {
    margin-top: 50px;
}

@media (max-width: 768px) {
    .board-hierarchy {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 15px;
    }

        .board-hierarchy ul {
            display: block;
            padding-left: 15px;
            margin: 0;
            border-left: 2px solid #ccc;
        }

            .board-hierarchy ul::before {
                content: '';
                position: absolute;
                top: -10px;
                left: -10px;
                width: 20px;
                height: 20px;
                border-left: 20px solid #ccc;
                border-top: 2px solid #ccc;
                border-radius: 0 0 0 20px;
                background: transparent;
                z-index: 0;
            }

        .board-hierarchy li {
            position: relative;
            margin: 10px 0;
            padding-left: 15px;
        }

            .board-hierarchy li::before {
                content: '';
                position: absolute;
                top: 10px;
                left: 0;
                width: 15px;
                height: 2px;
                background: #ccc;
            }

    .board-member {
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
        height: auto;
        padding: 10px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 6px;
        box-shadow: none;
    }

        .board-member img {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            object-fit: cover;
            margin-right: 10px;
            border: 1px solid #ccc;
        }

    .board-member-info {
        display: flex;
        flex-direction: column;
    }

    .board-member strong {
        font-size: 16px;
        color: #333;
        margin-bottom: 2px;
    }

    .board-member .title {
        font-size: 14px;
        color: #777;
    }

    .board-member-info .breif {
        display: none;
    }

    .board-member:hover .breif {
        display: block;
        position: absolute;
        left: 10px;
        right: 10px;
        top: 100%;
        background: rgba(255,255,255,0.95);
        padding: 10px;
        margin-top: 5px;
        border: 1px solid #ccc;
        z-index: 10;
        font-size: 13px;
        border-radius: 6px;
    }
}
/*#endregion  */

/*#region contactus page */
.contactus-info .other-branches.contactus-card .sub-card-content .text ul i{
    color: var(--secondaryColor);
}
.contactus-info  h2::after{
    position: absolute;
    content: "";
    width: 132%;
    height: 141%;
    background-color: var(--secondaryColor);
    left: -22%;
    top: -22%;
    z-index: -1;
    border-radius: 3px;
}
.contactus-info h2::before {
    position: absolute;
    content: "";
    width: 121%;
    height: 141%;
    left: -3%;
    top: -57%;
    z-index: -1;
    border-radius: 3px;
    border: 2px solid var(--primaryColor);
}

/*#endregion  */

/*#region partners*/
.partners .partners-box .row:nth-child(even) .text-cont{
    direction: ltr;
}
.partners .partners-box .row:nth-child(even){
    direction: rtl;
}
.partners .partners-box .row:nth-child(even) .img-cont img{
    /* box-shadow:  20px -14px 0px 5px var(--secondaryColor2); */
     box-shadow:0px 2px 0px 0px var(--secondaryColor2) ;
 }
 .partners .partners-box .row .img-cont img{
    /* box-shadow:  -20px -14px 0px 5px var(--secondaryColor2); */
    box-shadow: 0px 2px 0px 0px var(--secondaryColor2);
 }

/* ===========================================*/
.Customers .Customers-box .row:nth-child(even) .text-cont {
    direction: ltr;
}

.Customers .Customers-box .row:nth-child(even) {
    direction: rtl;
}

    /*.Customers .Customers-box .row:nth-child(even) .img-cont img {*/
        /* box-shadow:  20px -14px 0px 5px var(--secondaryColor2); */
        /*box-shadow: 0px 2px 0px 0px var(--secondaryColor2);
    }

.Customers .Customers-box .row .img-cont img {*/
    /* box-shadow:  -20px -14px 0px 5px var(--secondaryColor2); */
    /*box-shadow: 0px 2px 0px 0px var(--secondaryColor2);
}*/
/*#endregion*/


.compinfo-cont h1 .after,
.home-page .services-cont .text-cont h1 .after,
.partners-cont h1 .after,
.clients-cont h1 .after {
    position: absolute;
    left: -14% !important;
    right: 0 !important;
}
.compinfo-cont h1 .before, .home-page .services-cont .text-cont h1 .before, .partners-cont h1 .before, .clients-cont h1 .before {
    position: absolute;
    left: 55% !important;
    right: 0 !important;
}
.swiper-container-wrapper--timeline .swiper-pagination-progressbar:after {
   
    right: -24%;
    
}
.swiper-container-wrapper--timeline .swiper-pagination-custom .swiper-pagination-switch .switch-title:after {
    right: 50%;
}
.job-details .content .apply-btn {
    float: right;
   
}
.compProfile-cont .content h2 .before,
.services-details .content h2 .before,
.job-details .content h2 .before,
.contactus-cont .content h2 .before {
   
    left: 36%;
    right: 0;
   
}

.compProfile-cont .content h2 .after,
.services-details .content h2 .after,
.job-details .content h2 .after,
.contactus-cont .content h2 .after {
   
   
    left: -4%;
    right: 0;
   
}
.bod-cont h2 .before,
.partners h2 .before,
.Customers h2 .before,
.careers-cont h2 .before {
    left: 59%;
    right: 0;
}

.bod-cont h2 .after,
.partners h2 .after,
.Customers h2 .after,
.careers-cont h2 .after {
    left: -19%;
    right: 0;
}
footer .contact-us h3::before, footer .contact-us h3::after {   
    left: 55%;
    right: 0;
}


footer .col-header {
    padding-left: 2rem;
}
footer .col-info .footer-post i {
   
    margin-right: 5px;
   
}
footer .contact-us h3::before {
    width: 32% !important;
    left: 28% !important;
    bottom: -4% !important;
}

footer .contact-us h3::after {
    top: -3px !important;
    left: -12% !important;
    width: 35% !important;
}
footer .footer-media-icons li {
    float: left;
}
footer .site-map h4::after /*, footer .contact-us h4::after*/ {
    left: 1rem;
}
@media only screen and (max-width:828px) {

    .aboutUs .image img {
        left: 5rem;
    }
}

.mem-navbar .dropdown-wrapper .dropdown {
    right: -3rem;
    text-align: left;
    margin-left: 0;
}
    .mem-navbar .dropdown-wrapper .dropdown ul.dropdown-list::before {
        right: 80px;
    }
.mem-vh-vid-cont .mem-vid-var-text {
  
    left: 50%;
    letter-spacing: 1px;
   
}
.mem-vh-vid-cont .mem-vid-var-text-overlay {
   
    left: 50%;
   
    letter-spacing: 1px;
   
   
}

.home-page .aboutus-cont .top-left-attach {
    left: 0;  
}
.compinfo-cont .data-counter-cont .mem-no p {
    margin-left: 5px;
}
.home-page .services-cont .text-cont h1 .after {
  
    left: -7% !important;
   
}

.home-page .services-cont .text-cont h1 .before {
  
    left: 55% !important;

}
.partners-cont h1 .before {
   
    left: 75% !important;
  
}

.partners-cont h1 .after {
  
    left: -31% !important;
   
}
.clients-cont h1 .before {
    left: 75% !important;
}

.clients-cont h1 .after {
    left: -31% !important;
}
.home-page .products h3::after {
    left: -23%;
}

.home-page .products h3::before {
    left: -8%;
}
.services-details .content .img::before {
    left: 13%;
}

.services-details .content .img::after {
    left: -5%;
}
.compProfile-cont .content .img::before {
    left: 23%;
}
.bod-cont .card ::before,
.careers-cont .card ::before {
    left: -100%;
}
.contactus-cont .content .main-branch.contactus-card .sub-card-content::before {
    left: 5px;
}
footer .logo::before {
    left: 10%;
}
@media (max-width:767px) {
    footer .contact-us {
        padding: 59px !important;
    }
}
@media (max-width: 767px) {
    .compProfile-cont .content img, .services-details .content img {
        width: 93% !important;
    }

    .services-details .content .img::before {
        left: 9%;
    }

    .services-details .content .img::after {
        left: -1%;
    }
}