body {
    width: 100%;
    overflow-x: hidden;
    font-family: "cairo",Sans-serif;
    font-weight: 200;
}
.bg-green {
    background-color: #018E14;
    border-color: #02620e;
    color: #fff !important;
    border-color: #fff !important;
}
.logo-img {
    width: 13pc;
}
.section-title {
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    color: #16528a;
}
.section-title::before {
    position: absolute;
    content: "";
    width: calc(100% + 40px);
    height: 2px;
    top: 0px;
    left: -20px;
    background: #16528a;
}
.section-title::after {
    position: absolute;
    content: "";
    width: calc(100% + 120px);
    height: 2px;
    bottom: -1px;
    left: -60px;
    background: #16528a;
}
.bg-img-edu {
    background: url('/assests/imgs/edu-bg.webp');
    background-size: cover;
    background-position: right;
    height: 500px;
}
.edu-text {
    min-width: 446px;
    height: 500px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-evenly;
}
.bg-about {
    background: url(/assests/imgs/main-about.webp) no-repeat;
    background-size: contain;
    background-position: right;
}
.bg-quality {
    background: url('/assests/imgs/quality.webp');
    background-size: cover;
    background-position: center;
    font-size: 1.5em;
}
.bg-quality p {
    box-shadow: inset 0 0 0 1000px #000000a8;
}
.achievements {
    background: linear-gradient(transparent, #89cb92, transparent);
}
.achievements .hr {
    height: 2px;
    background-color: #004e0a;
    border-radius: 50%;
}
.wa {
    z-index: 999;
}
.wa div{
    box-shadow: 0px 2px 4px black;
    background: rgb(203, 203, 203);
}
#wals {
    display: none;
}
.wal {
    display: block;
    border-left: 2px solid rgb(45, 183, 66) !important;
    background: #fff;
    box-shadow: 0px 1px 2px black;
}
.wal i {
    color: rgb(45, 183, 66);
    font-size: 20px;
}
.wab {
    width: 52px;
    height: 52px;
    background: rgb(45, 183, 66) !important;
    color: #fff;
    padding: 0px 10px;
    font-size: 2em;
    border: 2px solid;
    cursor: pointer;
}
.wab i {
    transition: 0.3s all;
}
.transformed i {
    transform: rotateZ(360deg);
}
.bgh-training-services {
    background: url('/assests/imgs/header-training-services.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-consulting-services {
    background: url('/assests/imgs/header-consulting-services.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-quality-management-systems {
    background: url('/assests/imgs/header-uality-management-systems.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.uh-quality-management-systems {
    color: #1b443a;
    background: #ebfffa;
}
.bgh-nfsa-consulting {
    background: url('/assests/imgs/header-nfsa-consulting.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-engineering-consultancy {
    background: url('/assests/imgs/header-engineering-consultancy.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-faqs {
    background: url('/assests/imgs/header-faqs.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-contact {
    background: url('/assests/imgs/header-contact.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.bgh-blog {
    background: url('/assests/imgs/header-blog.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    box-shadow: inset 0 0 0 1000px #003116a8;
    min-height: 400px;
}
.blogImg {
    height: 200px;
    object-fit: cover;
}
.blogST {
    height: 135px;
    overflow: hidden;
}
.offscreen {
    position: absolute;
    left: -100vw;
}
@media only screen and (max-width : 446px) {
    .edu-text {
        min-width: 100%;
        max-width: 100%;
    }
}