body, span, a, div, h1, h2, h3, h4, h5, h6, input, select, i, html, il, ul, div {
    font-family: Almarai;
}

.EnglishText {
    font-family: var(--primary-font);
}

.navbar.navbar-nav.nav-link {
    font-weight: unset;
}

.social-media-item-div {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color: transparent;
    border-radius: 50%;
    margin-left: 5px;
    margin-right: 5px;
    position: relative;
    cursor: pointer;
}

    .social-media-item-div:hover {
        transform: scale(1.05);
        color: var(--Secondary);
    }

        .social-media-item-div:hover > .social-media-item-icon {
            color: var(--Secondary);
        }

.social-media-item-icon {
    font-size: 24px;
    color: var(--Light);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.dropdown-menu-item-1-div {
    width: 230px;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
}

.dropdown-menu-item-1-image-sec {
    width: 200px;
    height: 120px;
    border-radius: 50%;
    display: inline-block;
    padding: 15px;
}

.dropdown-menu-item-1-image-div {
    width: 100%;
    height: 100%;
}

.dropdown-menu-item-1-image {
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.dropdown-menu-item-1-title {
    line-height: 24px;
    height: 50px;
    overflow: hidden;
    font-weight: 500;
    color: var(--Black);
}

/*.dropdown-menu {
    width: 90% !important;
    position: absolute;
    left: 5%;
    text-align: center;
}*/

.top-header-div {
    width: 100%;
    background-color: #000000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 75px;
    padding-right: 75px;
}

.top-header-second-col {
    text-align: left;
}

.navbar {
    top: 50px !important;
}

.default-logo,
.alt-logo {
    max-height: 70px !important;
}

.container-fluid,
.menu-order,
#navbarNav,
.navbar-nav,
.dropdown {
    position: unset;
}

.dropdown-menu {
    width: 400px !important;
    border-top: solid 5px var(--Primary) !important;
    left: 4%;
    width: 92% !important;
}

.dropdown-menu-item-cust-1 {
    width: 100%;
}

.dropdown-menu-item-cust-1-sec {
    height: 110px;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px;
    cursor: pointer;
}

.dropdown-menu-item-cust-1-div {
    width: 100%;
    height: 100%;
    background-color: #000000bf;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    padding: 15px;
}

.dropdown-menu-item-cust-1-image-sec {
    width: 80px;
    height: 80px;
    background-color: var(--White);
    border-radius: 50%;
    padding: 5px;
    display: inline-block;
}

.dropdown-menu-item-cust-1-image-div {
    width: 100%;
    height: 100%;
}

.dropdown-menu-item-cust-1-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.dropdown-menu-item-cust-1-title-div {
    width: 165px;
    height: 80px;
    display: inline-block;
    position: relative;
}

.dropdown-menu-item-cust-1-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--White);
    font-size: 16px;
    width: 100%;
    text-align: left;
    padding: 5px 15px;
    line-height: 20px;
}

.sub-dropdown-menu-sec {
    padding: 25px 0;
    background-color: var(--Primary);
    margin-top: 15px;
    border-radius: 5px;
    margin-top: -25px;
    display: none;
}

.sub-dropdown-menu-row {
    margin: 0;
}

.sub-dropdown-menu-image-sec {
    width: 100%;
    height: 270px;
    border-radius: 5px;
    position: relative;
}

.sub-dropdown-menu-image-div {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.sub-dropdown-menu-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.sub-dropdown-menu-image-content-sec {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000bf;
    border-radius: 5px;
}

.sub-dropdown-menu-image-content-div {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 35px 35px;
}

.sub-dropdown-menu-image-content-title {
    font-size: 24px;
    color: white;
    line-height: 30px;
}

.sub-dropdown-menu-image-content-hr {
    border: solid 2px var(--Secondary);
    width: 140px;
    border-radius: 50px;
}

.sub-dropdown-menu-image-content-subtitle {
    font-size: 16px;
    color: #9d9c9c;
}

.sub-dropdown-menu-content-col {
    padding: 0 70px !important;
    display: flow !important;
    text-align: center;
}

.sub-dropdown-menu-item {
    text-align: center;
    margin: 0 25px;
    display: inline-block;
    margin-bottom: 15px;
    cursor: pointer;
}

    .sub-dropdown-menu-item:hover {
        transform: scale(1.05);
    }

.sub-dropdown-menu-item-logo-sec {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    background-color: var(--White);
    padding: 15px;
    display: inline-block;
}

.sub-dropdown-menu-item-logo-div {
    width: 100%;
    height: 100%;
}

.sub-dropdown-menu-item-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.sub-dropdown-menu-item-title {
    color: var(--White);
    font-size: 12px;
}

.dropdown-menu-item-cust-2 {
    /*height: 55px;*/
    height: 42px;
    width: 100%;
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    cursor: pointer;
}

    .dropdown-menu-item-cust-2:hover {
        transform: scale(1.05);
    }

        .dropdown-menu-item-cust-2:hover > .dropdown-menu-item-cust-2-div > .dropdown-menu-item-cust-2-title {
            color: var(--Primary);
        }

.dropdown-menu-item-cust-2-div {
    width: 100%;
    height: 100%;
    /*background-color: #000000bf;*/
    /*background-color: #000000e0;*/
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.dropdown-menu-item-cust-2-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--Black);
    font-weight: 500;
    font-size: 16px;
    width: 100%;
    text-align: right;
    padding: 15px 25px;
}

.navbar-show-modern-bg {
    background-color: var(--Primary) !important;
}

.dropdown-menu-style-1 {
    width: 400px !important;
    left: 50%;
    transform: translate(-50%,0);
}

.show-nav-submenu {
    display: block !important;
}

#DivisionsMobileMenu {
    display: none;
}

.container-fluid {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.banner-full-screen-section {
    background-color: var(--Primary);
}

.banner-full-screen-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--BlackShadow);
}

.banner-full-screen-title {
    text-transform: uppercase;
    line-height: 76px;
    text-align:right;
}

.btn-double-text {
    font-weight: 400;
}

.footer-section {
    background-color: var(--Primary);
    border-top: solid 3px var(--Secondary);
}

.footer-logo-image {
    max-height: 100px !important;
}

.footer-links-sec {
    text-align: center;
}

.footer-links-title {
    border-bottom: solid 2px var(--Secondary);
    font-weight: 400 !important;
    text-transform: uppercase;
    font-size: 20px;
    padding-bottom: 5px;
}

.bottom-footer-links-item {
    font-size: 14px;
    text-align:left;
}

.warning-page-main-content {
    text-align: center;
}

.warning-page-main-content-sec {
    width: 100%;
    height: 98vh;
    display: inline-block;
    position: relative;
}

.warning-page-main-content-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.warning-page-logo-sec {
    width: 230px;
    height: 160px;
    display: inline-block;
}

.warning-page-logo-div {
    width: 100%;
    height: 100%;
}

.warning-page-logo-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.warning-page-subtitle {
    font-weight: 600;
    color: var(--Black);
}

.warning-page-title {
    font-weight: 600;
    color: var(--Danger);
    font-size: 44px;
    margin-top:15px;
}

.warning-page-message {
    font-weight: 500;
    color: var(--Black);
    margin-top: 25px;
}

.warning-page-contact-sec {
    margin-top: 45px;
}

.warning-page-contact-title {
    font-weight: 500;
    color: var(--Black);
    font-size: 22px;
}

.warning-page-social-media-sec {
    margin-top: 15px;
}

.warning-page-social-media-item {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: var(--Default);
    display: inline-block;
    margin: 0 3px;
    position: relative;
    cursor: pointer;
}

/*.warning-page-social-media-item:hover {
    transform:scale(1.07);
}

.warning-page-social-media-item:hover > .warning-page-social-media-icon {
    color:var(--White);
}*/
/*
.warning-page-social-media-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: var(--Black);
    font-size: 26px;
}*/

.warning-page-contact-details-sec {
    margin-top: 5px;
    font-size: 14px;
    color: var(--Black);
    font-weight: 500;
}

.warning-page-contact-details-item {
    cursor: pointer;
}

    .warning-page-contact-details-item:hover {
        color: var(--Primary);
    }

.warning-page-copyrights-sec {
    font-size: 14px;
    color: var(--Black);
    margin-top: 45px;
    font-weight: 500;
}

header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {
    color: black;
}

.pie-chart-col {
    margin-top: 30px;
}

.brief-aboutus-subtitle-icon-div {
    background-color: var(--Secondary);
}

.brief-aboutus-subtitle-icon {
    color: var(--Black);
}

.brief-aboutus-subtitle {
    color: var(--Black);
}

.brief-aboutus-title {
    font-size: 38px;
    line-height: 50px;
    color: var(--Black);
}

.brief-aboutus-body {
    color: black;
}

.brief-aboutus-actions-section {
    margin-top: 30px;
}

.brief-aboutus-pie-chart-static-text {
    color: var(--Black);
}

.brief-aboutus-pie-chart-title {
    color: var(--Black);
    font-weight: 500;
}

.divisions-list-slider-section {
    /*background-color: whitesmoke;*/
    background: linear-gradient(to bottom, #ffffff, #f4f7f7, #f3f6f6, #eff3f3, #ecf1f1);
    border-top: solid 5px var(--Primary);
    padding-top: 0;
}

.divisions-list-slider-div {
    border-top: solid 3px var(--Secondary);
    padding-top: 60px;
}

.news-qv-list-grid-section {
    background-color: whitesmoke;
}

.news-qv-list-grid-heading-title {
    color: var(--Black);
    font-size: 42px;
}

.heading-title-line-primary {
    width: 120px;
    height: 5px;
    border-radius: 50px;
    background-color: var(--Primary);
    margin-top: 15px;
    display: inline-block;
}

.heading-title-line-secondary {
    width: 120px;
    height: 5px;
    border-radius: 50px;
    background-color: var(--Secondary);
    margin-top: 15px;
    display: inline-block;
}

.news-qv-list-grid-heading-action {
    color: var(--Black);
}

.news-qv-list-grid-item-title,
.news-qv-list-grid-item-views-icon {
    color: var(--Black);
}

.news-qv-list-grid-item-image-sec {
    height: 205px;
}

.mid-footer-certificates-sec {
    margin-top: 15px;
}

.mid-footer-certificates-item {
    width: 140px;
    height: 140px;
    display: inline-block;
    margin: 0 5px;
}

.mid-footer-certificates-item-div {
    width: 100%;
    height: 100%;
}

.mid-footer-certificates-item-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.mssb-section {
    padding-top: 0;
    padding-bottom: 0;
}

.mssb-container {
    background-color: whitesmoke;
    padding-bottom: 45px;
}

.mssb-fixed-text-div {
    color: var(--Black);
    line-height: 44px;
    padding: 0 15px;
}

.mssb-fixed-text-highlighted-word {
    color: var(--Primary);
    font-weight: 600;
    font-size: 45px;
}

.aboutus-heading-subtitle-icon-div {
    background-color: var(--Primary);
    margin-left:15px;
    margin-right:0 !important;
}

.aboutus-heading-subtitle-icon {
    color: var(--White);
}

.aboutus-heading-subtitle-text {
    color: var(--Primary);
}

.aboutus-heading-title-text {
    color: var(--Black);
    line-height: 50px;
    font-size: 38px;
}

.aboutus-body-col {
    margin-top: 15px;
}

.aboutus-body-actions {
    margin-top: 30px;
}

.vision-section {
    background-color: whitesmoke;
}

.mission-img-sec-figure {
    width: 100%;
    height: 600px;
    border: solid 3px var(--Primary);
    border-radius: 10px;
}

.mission-img-sec-figure-div {
    width: 100%;
    height: 100%;
    background-color: lightgray;
    border-radius: 6px;
    position: relative;
}

.mission-img-div {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.mission-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.mission-img-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0000004a;
    border-radius: 6px;
}

.mission-img-figcaption-sec {
    border-radius: 50px;
    border: solid 3px var(--Secondary);
}

.mission-img-figcaption-logo-div {
    margin-left: 15px;
}

.mission-img-figcaption-icon {
    height: 30px;
    margin-left:20px;
}

.mission-content-static-number {
    color: var(--Primary);
    /*text-shadow: 2px 3px var(--Primary);*/
}

.mission-content-static-number-message-text {
    color: var(--Black);
}

.mf-section {
    padding-bottom: 0;
}

.mf-main-div {
    width: 100%;
    height: 700px;
    position: relative;
}

.mf-content-sec {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000000eb;
    border-top: solid 3px var(--Secondary);
}

.mf-content-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.mf-contont-title {
    color: var(--White);
    font-weight: 500;
    font-size: 52px;
    line-height: 70px;
}

.mf-content-body {
    margin-top: 30px;
    line-height: 36px;
}

.directors-list-item-image-sec {
    width: 100%;
    height: 470px;
}

.directors-list-item-image-div {
    width: 100%;
    height: 100%;
}

.directors-list-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.directors-message-sec {
    background-color: whitesmoke;
    padding-top: 0;
}

.directors-message-image-figure-sec {
    position: relative;
    width: 100%;
    height: 610px;
}

.directors-message-image-sec {
    width: 100%;
    height: 320px;
    border-radius: 6px;
}

.directors-message-image-div {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.directors-message-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.directors-message-image-sec-figcaption-sec {
    top: 500px;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    position: absolute !important;
    bottom: unset;
}

.directors-message-image-sec-figcaption-title {
    color: var(--Black);
}

.social-icon-style-03 ul li a.primary {
    background-color: var(--Primary);
}

a.primary:hover > i,
a.primary:hover > span {
    color: var(--Primary);
}

.navbar-nav > .dropdown.dropdown-with-icon > .dropdown-menu,
.dropdown-menu-style-1 {
    padding: 10px 10px !important;
    border-radius: 10px !important;
}

.dropdown-menu-style-1 {
    width: 330px !important;
}

label {
    color: var(--Black);
}

.elements-social .dark li a {
    color: var(--Dark);
}

.nav-menu-divisions-col-div {
    width: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
    display: block !important;
}

.nav-menu-divisions-item {
    margin-bottom: 5px;
    width: 100%;
    cursor: pointer;
}

    .nav-menu-divisions-item:hover {
        transform: scale(1.05);
    }

        .nav-menu-divisions-item:hover > .nav-menu-divisions-item-div > .nav-menu-divisions-item-text {
            color: var(--Primary);
        }

.nav-menu-divisions-item-div {
    width: 100%;
    height: 60px;
    position: relative;
}

.nav-menu-divisions-item-image-sec {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
}

.nav-menu-divisions-item-image-div {
    width: 100%;
    height: 100%;
}

.nav-menu-divisions-item-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.nav-menu-divisions-item-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: right;
    padding-right: 75px;
    font-weight: 500;
    color: var(--Black);
}

.directors-message-content-sec {
    padding-left: 45px;
}

.directors-message-content-title {
    color: var(--Black);
}

.directors-message-content-line-saperator {
    border: solid 2px var(--Secondary) !important;
    border-radius: 50px;
}

.trustworth-focus-static {
    color: var(--Primary);
}

.trustworth-focus-line-saperator {
    color: var(--Secondary);
}

.trustworth-focus-message {
    color: var(--Black);
}

.trustworth-content-sec {
    text-align: center;
}

.trustworth-content-item-static {
    color: var(--Primary);
    line-height:4.2rem;
}

.trustworth-content-item-title {
    color: var(--Black);
}

.directors-list-item-hidden-name,
.directors-list-item-hidden-position {
    color: transparent;
}

.vc-image-sec {
    width: 100%;
    height: 400px;
    border-radius: 15px;
}

.vc-image-div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.vc-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.vc-content-sec {
    width: 100%;
    height: 400px;
    background-color: var(--Primary);
    border-radius: 15px;
    position: relative;
}

.vc-content-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 15px 45px;
}

.vc-content-title {
    color: var(--White);
    font-size: 34px;
    font-weight: 500;
    line-height: 38px;
}

.vc-content-position {
    color: lightgray;
    font-style: italic;
}

.vc-content-body {
    margin-top: 30px;
    color: lightgray;
}

.corporate-history-main-section-row {
    padding-left: 25px;
    padding-right: 25px;
}

.corporate-history-item-year {
    font-size: 82px;
    font-weight: 600;
    color: var(--Primary);
    text-shadow: var(--Secondary) 5px 0 10px;
    line-height: 62px;
}

.corporate-history-item-line-saperator {
    margin-left: -40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    width: 280px;
}

.corporate-history-item-title {
    margin-top: 30px;
    color: var(--Black);
    font-size: 24px;
    font-weight: 600;
    text-transform: uppercase;
}

.corporate-history-item-body {
    margin-top: 15px;
}

.body-content-only {
    color: var(--Black);
    font-weight: 500;
    text-align: justify;
}

.section-heading-center-title {
    color: var(--Black);
}

.section-heading-center-line-saperator {
    display: inline-block;
}

.division-branch-item-image-sec {
    width: 100%;
    height: 240px;
    background-color: whitesmoke;
}

.division-branch-item-image-div {
    width: 100%;
    height: 100%;
}

.division-branch-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.division-branch-item-title {
    color: var(--Black);
    height:60px;
    overflow:hidden;
}

.division-branch-item-contacts-row {
    color: var(--Black);
    font-size: 14px;
    line-height: 30px;
}

.division-card-details-logo-sec {
    width: 100%;
    height: 160px;
    padding: 15px 45px;
    padding-top: 0 !important;
}

.division-card-details-logo-div {
    width: 100%;
    height: 100%;
}

.division-card-details-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.division-card-details-content {
    text-align: center;
    padding-top: 0 !important;
    padding-bottom: 15px !important;
}

.division-card-details-content-item {
    color: var(--Black);
    font-size: 16px;
}

.division-card-details-content-item-row {
    padding-top: 10px;
    margin-top: 10px;
    border-top: solid 1px lightgray;
    line-height: 26px;
}

.division-card-details-action {
    margin-top: 15px;
}

    .division-card-details-action > span {
        padding-left: 12px !important;
        padding-right: 12px !important;
        font-size: 16px !important;
    }

.division-main-container-sec {
    padding-top: 60px;
}

.antifraud-sec {
    background-color: whitesmoke;
    border-top: solid 3px var(--Primary);
}

.antifraud-div {
    width: 100%;
    background-color: var(--Secondary);
    height: 3px;
}

.antifraud-container {
    padding-top: 110px;
    padding-bottom: 1px;
    border-radius: 20px;
}

.antifraud-heading-title {
    color: var(--Black);
}

.antifraud-heading-line-saperator {
    display: inline-block;
}

.form-icon > i {
    color: var(--Black);
}

.division-qd-sec {
    width: 100%;
    height: 450px;
    border-radius: 6px;
    position: relative;
}

.division-qd-image-div {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.division-qd-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.division-qd-image-shadow {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    background-color: var(--BlackShadow);
    position: absolute;
    top: 0;
    left: 0;
}

.division-qd-image-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    width: 100%;
    padding: 15px 45px;
}

.division-qd-image-content-logo-sec {
    width: 150px;
    height: 150px;
    background-color: var(--White);
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0 0 4px 1px var(--White);
    padding: 15px;
}

.division-qd-image-content-logo-div {
    width: 100%;
    height: 100%;
}

.division-qd-image-content-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius:50%;
}

.division-qd-image-content-title {
    font-size: 32px;
    color: var(--White);
    margin-top: 15px;
    line-height: 44px;
}

.division-qd-image-content-action-sec {
    margin-top: 30px;
}

.custom-btn-white {
    color: white;
    border: solid 2px var(--White);
    border-radius: 50px;
    padding: 15px 40px;
}

    .custom-btn-white:hover {
        background-color: var(--White);
        color: var(--Black);
        transform: scale(1.05);
    }

.division-qd-content-body {
    margin-top: 60px;
    color: var(--Black);
    text-align: justify;
}

.division-overview-content-body {
    color: var(--Black);
    text-align: justify;
}

.division-sd-item-logo-sec {
    width: 200px;
    height: 120px;
    border-radius: 6px;
}

.division-sd-item-logo-div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-sd-item-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-sd-item-content-sec {
    text-align: justify;
}

.division-sd-item-content-title {
    font-size: 20px;
    color: var(--Black);
}

.division-sd-item-content-subtitle {
    font-style: italic;
}

.division-sd-item-content-body {
    color: var(--Black);
    margin-top: 10px;
}

.division-sd-item-primary-action {
    width: auto !important;
    border-radius: 50px !important;
    padding: 0 30px;
}

.division-sd-item-primary-action-title {
    font-weight: unset;
    font-size: 16px;
}

.division-sd-item-col {
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px lightgray;
}

.division-kp-item-image-sec {
    width: 200px;
    height: 220px;
    border-radius: 6px;
}

.division-kp-item-image-div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-kp-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-kp-item-content {
    text-align: justify;
}

.division-kp-item-content-title {
    font-size: 20px;
    color: var(--Black);
}

.division-kp-item-content-subtitle {
    font-style: italic;
}

.division-kp-item-content-body {
    color: var(--Black);
    margin-top: 10px;
}

.division-ps-product-item {
    background-color: whitesmoke;
    padding: 15px;
    border-radius: 6px;
    cursor: pointer;
    margin-bottom:15px;
}

    .division-ps-product-item:hover {
        transform: scale(1.05);
    }

.division-ps-product-item-image-sec {
    width: 100%;
    height: 150px;
    background-color: white;
    border-radius: 6px;
    padding: 15px;
}

.division-ps-product-item-image-div {
    width: 100%;
    height: 100%;
}

.division-ps-product-item-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.division-ps-product-item-title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    color: black;
    padding: 0 8px;
    height:45px;
    overflow:hidden;
    line-height:20px;
}

.division-ps-service-item {
    background-color: whitesmoke;
    padding: 15px;
    border-radius: 6px;
    cursor: pointer;
}

    .division-ps-service-item:hover {
        transform: scale(1.05);
    }

.division-ps-service-item-image-sec {
    width: 100%;
    height: 150px;
    background-color: white;
    border-radius: 6px;
}

.division-ps-service-item-image-div {
    width: 100%;
    height: 100%;
}

.division-ps-service-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 6px;
    width: 100%;
    height: 100%;
}

.division-ps-service-item-title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    color: black;
    padding: 0 8px;
}

.aboutus-content-body {
    color: var(--Black);
}

.corporate-history-item-col {
    margin-top: 60px;
}

.event-item-image-sec {
    width: 100%;
    height: 320px;
    border-radius: 6px;
    position: relative;
}

.event-item-image-div {
    width: 100%;
    height: 100%;
}

.event-item-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.event-item-div:hover > .event-item-image-sec {
    transform: scale(1.08);
    transition: 1.5s;
}

.event-item {
    margin-bottom: 30px;
}

.event-item-image-shadow {
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
}

.news-details-heading-title {
    color: var(--Black);
    text-align:justify;
    line-height:42px;
}

.news-qv-list-grid-item-category {
    color: var(--Primary);
    font-size: 14px;
}

.text-decoration-line-bottom {
    color: var(--Black);
}

.contact-details-item-links {
    color: unset;
}

    .contact-details-item-links:hover {
        color: var(--Primary);
    }

.contact-form-style-03.form-control {
    background-position: right 0px center !important;
}

.careers-hyperlink {
    color: var(--Black);
    cursor: pointer;
}

    .careers-hyperlink:hover {
        color: var(--Secondary);
    }

.events-list-gird-section {
    padding-bottom: 90px;
}

.contact-general-title {
    color: var(--Black);
    line-height:60px !important;
}

.contact-general-item-icon-div {
    background-color: var(--Primary);
}

.contact-general-item-title {
    color: var(--Black);
}

.contact-general-main-office-card-details {
    width: 100%;
    min-height: 400px;
    height: 200px;
    border-radius: 6px;
    background-color: whitesmoke;
}

.contact-general-main-office-card-details-row,
.contact-general-main-office-card-details-image-col {
    height: 100%;
}

.contact-general-main-office-card-details-image-sec {
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.contact-general-main-office-card-details-image-div {
    width: 100%;
    height: 100%;
}

.contact-general-main-office-card-details-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}

.contact-general-main-office-card-details-content-col {
    height: 100%;
    position: relative;
}

.contact-general-main-office-card-details-content-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 30px 30px;
    padding-right: 60px;
}

.contact-general-main-office-card-details-content-title {
    color: var(--Black);
    line-height: 38px;
    margin-bottom: 15px;
}

.contact-general-main-office-card-details-content-item-icon {
    color: var(--Black);
}

.contact-google-map-sec {
    background-color: whitesmoke;
}

.contact-send-msg-heading-title {
    color: var(--Black);
}

.contact-send-msg-heading-icon {
    color: var(--Black);
}

.contact-send-msg-social-media-title {
    color: var(--Black);
}

.form-required-field {
    color: red;
}

.form-control-custom {
    opacity: 1 !important;
    width: 100% !important;
    cursor: unset !important;
    background-position: right 0px center !important;
    padding-right: 10px !important;
    font-size: 16px !important;
}

.user-validation-sec {
    color: var(--Black);
    font-weight: 500;
    text-align:right;
}

.user-validation-not-robot-container {
    font-size: 16px;
    margin-right:40px;
}

.careers-general-title-col {
    padding-left: 60px;
}

.careers-general-title {
    color: var(--Black);
    font-size: 34px;
    line-height: 40px;
    text-align: justify;
}

.careers-general-content-col {
    padding-right: 60px;
}

.careers-general-content-div {
    text-align: justify;
}

.careers-trustworth-sec {
    padding-top: 0;
}

.careers-trustworth-row {
    margin: 0;
    border-top: solid 5px var(--Primary);
    border-bottom: solid 5px var(--Primary);
}

.careers-trustworth-item-col {
    padding: 0;
}

.careers-trustworth-item-col-first {
    border-right: solid 3px var(--Primary);
}

.careers-trustworth-item-col-last {
    border-left: solid 3px var(--Primary);
}

.careers-trustworth-item-col-middle {
    border-right: solid 3px var(--Primary);
    border-left: solid 3px var(--Primary);
}

.careers-trustworth-item-div {
    width: 100%;
    height: 300px;
    background-color: whitesmoke;
    position: relative;
}

.careers-trustworth-item-image-div {
    width: 100%;
    height: 100%;
}

.careers-trustworth-item-image {
    background-position: bottom;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
}

.careers-trustworth-item-image-shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #121212;
    opacity: 0.8;
}

.careers-trustworth-item-image-title {
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--White);
    font-size: 28px;
    width: 100%;
    padding: 15px 15px;
    text-align: center;
    background-color: var(--Primary);
}

.careers-message-details-sec {
    padding-top: 0;
    padding-bottom: 190px;
}

.careers-message-details-content-col {
    padding-left: 60px;
}

.careers-message-details-content-title {
    color: var(--Black);
    font-size: 34px;
    line-height: 40px;
    text-align: justify;
}

.careers-message-details-content-body {
    text-align: justify;
}

.careers-hyperlink-icon {
    color: var(--Black);
}

.careers-message-details-content-other-links-sec {
    margin-top: 15px;
}

.careers-message-details-content-other-links-hyperlink {
    color: var(--Primary) !important;
}

.careers-message-details-content-image-col {
    padding-right: 60px;
}

.careers-message-details-content-image-sec {
    width: 100%;
    height: 350px;
    background-color: whitesmoke;
    border-radius: 6px;
}

.careers-message-details-content-image-div {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.careers-message-details-content-image {
    background-position: center;
    background-size: cover;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.corporate-os-item {
    margin-bottom: 15px;
}

.corporate-os-item-div {
    padding: 30px 15px !important;
}

.popup-announcement-main-div {
    border: solid 2px var(--White);
    box-shadow: 0 0 4px 1px var(--White);
}

.popup-announcement-modal-header {
    padding: 0;
}

.popup-announcement-modal-header-div {
    width: 100%;
    height: 300px;
    padding: 0;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
}

.popup-announcement-modal-header-image-div {
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.popup-announcement-modal-header-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.popup-announcement-modal-header-image-shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: black;
    opacity: 0.5;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}

.popup-announcement-modal-header-close-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: var(--White);
    cursor: pointer;
    box-shadow: 0 0 4px 1px var(--White);
}

    .popup-announcement-modal-header-close-btn:hover {
        transform: scale(1.1);
        transition: 0.3s;
    }

.popup-announcement-modal-header-close-btn-icon {
    color: var(--Dark);
    font-size: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.popup-announcement-modal-body-div {
    padding: 30px;
}

.popup-announcement-modal-body-subtitle {
    color: var(--Black);
    font-weight: 500;
    margin-bottom: -5px;
    padding-left: 1px;
    padding-right: 1px;
}

.popup-announcement-modal-body-title {
    color: var(--Black);
    font-size: 28px;
    font-weight: 500;
}

.popup-announcement-modal-body-content {
    margin-top: 15px;
    line-height: 25px;
    color: var(--Black);
}

.popup-announcement-modal-body-actions {
    margin-top: 20px;
}

.os-directors-list-sec {
    padding-top:30px;
    padding-bottom: 30px;
}

.os-heading-title {
    color: var(--Black);
    margin-bottom: 0;
    font-size: 32px;
}

.heading-title-line-primary-long {
    border: solid 2px var(--Primary);
    border-radius: 50px;
    opacity: 1;
    margin-bottom: 0;
    margin-top: 0;
}

.heading-title-line-secondary-long {
    border: solid 2px var(--Secondary);
    border-radius: 50px;
    opacity: 1;
    margin-bottom: 0;
    margin-top: 0;
}

.os-item-col {
    margin-bottom: 15px;
}

.os-item-div {
    width: 100%;
    height: 120px;
    background-color: whitesmoke;
    border-radius: 8px;
    position: relative;
}

.os-item-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    color: black;
    width: 100%;
    text-align: center;
    padding: 15px 15px;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
}

.os-other-committees-list-sec {
    padding-top: 0;
    padding-bottom: 30px;
}

.terms-conditions-main-title {
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 500;
    color: black;
    margin-bottom: 15px;
}

.terms-conditions-item-div {
    text-align: justify;
    font-size: 14px;
    color: var(--Dark);
    margin-top: 35px;
}

.terms-conditions-item-title {
    font-size: 16px;
    font-weight: 500;
    color: var(--Primary);
    text-transform: uppercase;
}

.terms-conditions-item-body {
    line-height: 30px;
}

.fs-main-title {
    font-size: 42px;
    color: var(--Black);
    font-weight: 600;
    padding: 0 15px;
}

.fs-main-title-line-saperator {
    margin-bottom: 15px;
    margin-top: 15px;
}

.fs-main-subtitle {
    font-size: 18px;
    color: var(--Black);
    padding: 0 15px;
}

.fs-customer-details-sec {
    margin-top: 30px;
    padding: 30px 15px;
}

.fa-survey-rating-sec {
    padding: 30px 15px;
}

.fa-survey-rating-title {
    /*font-size: 20px;*/
    font-weight: 500;
    color: var(--Black);
}

.fa-survey-rating-selection-sec {
    text-align: left;
    font-size: 20px;
}

.fa-survey-rating-selection-icon {
    cursor: pointer;
}

    .fa-survey-rating-selection-icon:hover {
        transform: scale(1.05);
        color: #ffc107;
    }

.fs-comments-submit-sec {
    margin-top: 30px;
    padding: 30px 15px;
}

.promotion-item-logo-sec {
    width: 100px;
    height: 100px;
    background-color: white;
    position: absolute;
    top: 20px;
    left: 50px;
    border-radius: 50%;
    z-index: 1;
    box-shadow: 0 0 4px 1px var(--White);
}

.directors-message-sec {
    padding-bottom: 150px;
}

.director-list-item-div {
    border-radius: 15px;
}

.bottom-saperator-section {
    padding: 30px 0;
}

.page-banner-container {
    padding-top: 60px;
    padding-bottom: 30px;
}

.page-banner-subtitle {
    color: var(--Secondary);
}

.page-banner-title {
    font-size: 50px;
}

.mission-img-sec-figcaption-sec {
    width: 350px;
}

.mission-img-sec-figcaption-title {
    text-align: center;
}

.user-validation-not-robot-container {
    text-align: right;
}

.fs-main-title {
    line-height: 42px;
}

.careers-trustworth-sec-2 {
    padding-top: 0;
    margin-bottom: -25px;
}

.careers-trustworth-2-item-col {
    margin-bottom: 45px;
}

.careers-trustworth-2-item-col:hover {
    transform: scale(1.05);
    transition: all 1000ms cubic-bezier(0.5, 1, 0.89, 1);
}

.careers-trustworth-2-item-image-sec {
    width: 100%;
    height: 250px;
    background-color: whitesmoke;
    border-radius: 6px;
    position: relative
}

.careers-trustworth-2-item-image-div {
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.careers-trustworth-2-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 6px;
}

.careers-trustworth-2-item-image-shadow {
    border-radius: 6px;
    opacity: 0.4;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: var(--Black);
}

.careers-trustworth-2-item-title {
    text-align: center;
    font-size: 22px;
    font-weight: 500;
    color: var(--Black);
    margin-top: 15px;
}

.main-banner-button {
    margin-left: 25px;
}

.main-banner-actions-div {
    text-align:right;
}

.main-banner-footer-static-item {
    text-align:right;
}

.brief-aboutus-subtitle-icon-div {
    margin-left:30px;
    margin-right:0 !important;
}

.brief-aboutus-subtitle-div {
    text-align: justify;
}

.brief-aboutus-actions-section {
    text-align:right;
}

.news-qv-list-heading-first-col {
    text-align:right;
}

.news-qv-list-grid-item-views-icon-div {
    margin-right: auto;
}

.footer-focus-banner-row {
    background-color: #9E9E9E;
    border: solid 3px var(--Secondary);
}

.footer-focus-banner-title {
    color: black;
    margin-left: 30px !important;
}

.footer-focus-banner-btn {
    background-color: var(--Primary) !important;
    margin-left:20px;
    margin-right:0;
}

.btn i {
    margin-left: 6px;
    margin-right: 0;
}

.footer-bottom-cpy-nav-items-ul {
    text-align: right;
}


.footer-bottom-cpy-nav-items-ul > .nav-item {
    border-left: solid 2px;
}

.footer-bottom-cpy-nav-items-ul > .nav-item.last {
    border-left: none;
}

footer .footer-navbar .nav-item:last-child a {
    padding-left:0;
    padding-right:15px;
}

.footer-navbar li:first-child a {
    padding-right: 0;
    padding-left: 15px;
}

#MainWLoader {
    width: 100%;
    height: 100vh;
    background-color: #1a3763f5;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.main-loader-div {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.main-loader-logo-sec {
    width: 200px;
    height: 200px;
    background-color: var(--White);
    border-radius: 50%;
    box-shadow: 0 0 4px 1px var(--White);
    padding: 10px;
}

.main-loader-logo-div {
    width: 100%;
    height: 100%;
}

.main-loader-logo {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius:50%;
}

.main-loader-loading-sec {
    width: 200px;
    height: 100px;
    position: relative;
}

.main-loader-loading-sec > .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
}

.event-item-div:hover > .event-item-image-sec > .event-item-image-shadow {
    opacity: 0.4 !important;
}

.mission-content-static-div {
    margin-left: 25px;
    padding-left: 25px;
    border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.feature-box-icon {
    margin-left: 30px;
    margin-right: 0 !important;
}

.division-ps-clients-item-title {
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    color: black;
    padding: 0 8px;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.tab-style-04 .nav-tabs .nav-item .nav-link.active, .tab-style-04 .nav-tabs .nav-item .nav-link.show, .tab-style-04 .nav-tabs .nav-item .nav-link:hover {
    color: var(--Black);
}

.tab-border {
    background-color: var(--Secondary);
}

.promotions-item-image-figure {
    width: 100%;
    height: 550px;
    background-color: transparent;
    border: solid 4px var(--Default);
    border-radius: 15px;
    padding: 10px;
    cursor: pointer;
    box-shadow: 0 0 4px 1px var(--Default);
}

    .promotions-item-image-figure:hover {
        transform: scale(1.02);
        transition: 0.8s;
    }

.promotions-item-title {
    color: var(--Black);
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 15px;
    line-height: 30px;
    cursor: pointer;
}

    .promotions-item-title:hover {
        color: var(--Secondary);
        transform: scale(1.02);
        transition: 0.3s;
    }

.navigation-item-mobile-view-only {
    display: none;
}

.main-section-heading-title {
    font-size: 32px;
    color: var(--Black);
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
}

.main-section-heading-hr-col-center {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 10px;
}

.main-section-heading-hr {
    border: solid 2px var(--Secondary);
    border-radius: 50px;
    opacity: 1;
    width: 180px;
    display: inline-block;
}

.os-style1-item-heading-sec {
    width: 100%;
    height: 100%;
    background-color: var(--Primary);
    padding: 30px 30px;
    border-radius: 10px;
    position: relative;
}

.os-style1-item-heading-div {
    text-align: center;
    color: var(--White);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    padding: 30px 30px;
}

.os-style1-item-heading-title {
    font-size: 28px;
    font-weight: 600;
}

.os-style1-item-heading-subtitle {
    font-size: 14px;
    font-weight: 500;
}

.os-style1-item-body-content {
    width: 100%;
    padding: 30px 30px;
    background-color: lightgray;
    border-radius: 10px;
    color: var(--Black);
    font-weight: 500;
    font-size: 18px;
}

.os-style2-item-heading-sec {
    width: 100%;
    background-color: var(--Primary);
    padding: 30px 30px;
    border-radius: 10px;
}

.os-style2-item-heading-div {
    text-align: center;
    color: var(--White);
}

.os-style2-item-heading-title {
    font-size: 28px;
}

.os-style2-item-body-col {
    margin-bottom: 15px;
}

.os-style2-item-body-div {
    width: 100%;
    height: 160px;
    background-color: lightgray;
    border-radius: 10px;
    color: var(--Black);
    font-weight: 500;
    font-size: 18px;
    position: relative;
}

.os-style2-item-body-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    text-align: center;
    padding: 30px 30px;
}

.dirc-item-col {
    margin-bottom: 30px;
}

.dirc-item-sec {
    border-top: solid 5px var(--Secondary);
    background-color: whitesmoke;
    border-radius: 6px;
    width: 100%;
    padding: 15px 15px;
}

.dirc-item-image-sec {
    width: 100%;
    height: 250px;
    border-radius: 5px;
    /*border-bottom: solid 5px var(--Secondary);*/
    background-color: var(--Primary);
}

.dirc-item-content {
    text-align: right;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.dirc-item-content-title {
    font-size: 22px;
    color: var(--Black);
    font-weight: 500;
}

.dirc-item-content-subtitle {
    font-size: 16px;
    color: var(--Black);
    font-style: italic;
    margin-top: -5px;
}

.dirc-item-content-body {
    font-size: 14px;
    line-height: 22px;
    margin-top: 15px;
    color: #5f5f5f;
    text-align: justify;
}

.dmsg-image-sec {
    width: 100%;
    height: 315px;
    border-radius: 6px;
}

.footer-section-background {
    margin-right: -100px;
}

.navigation-menu-logo {
    margin-left: auto;
}

.divisions-list-slider-section {
    /*background-color: whitesmoke;*/
    background: linear-gradient(to bottom, #ffffff, #f4f7f7, #f3f6f6, #eff3f3, #ecf1f1);
    border-top: solid 5px var(--Primary);
    padding-top: 0;
}

.divisions-list-slider-div {
    border-top: solid 3px var(--Secondary);
    padding-top: 60px;
}

.certificate-full-details-item-row {
    margin-bottom: 60px;
}

.certificate-full-details-item-image-sec {
    width: 100%;
    height: 650px;
}

.certificate-full-details-item-image-div {
    width: 100%;
    height: 100%;
}

.certificate-full-details-item-image {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.certificate-full-details-item-content-sec {
    padding-top: 30px;
    padding-bottom: 30px;
}

.certificate-full-details-item-content-subtitle {
    font-weight: 600;
    color: var(--Primary);
    margin-bottom: 10px;
    font-size: 18px;
}

.certificate-full-details-item-content-title {
    font-weight: 700;
    font-size: 40px;
    margin-bottom: 30px;
    color: var(--Black);
    line-height: 48px;
}

.certificate-full-details-item-content-body {
    line-height: 40px;
    font-size: 20px;
    color: var(--Black);
    text-align: justify;
}

.certificate-full-details-item-mobile-heading-view {
    text-align: center;
    display: none;
}

.line-saperator-primary-full-width-hr {
    border: solid 2px var(--Primary);
    border-radius: 50px;
    opacity: 1;
}

.division-kp-item-image-sec {
    width: 200px;
    height: 220px;
    border-radius: 6px;
}

.division-kp-item-image-div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-kp-item-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 15px;
}

.division-kp-item-content {
    text-align: justify;
}

.division-kp-item-content-title {
    font-size: 20px;
    color: var(--Black);
}

.division-kp-item-content-subtitle {
    font-style: italic;
}

.division-kp-item-content-body {
    color: var(--Black);
    margin-top: 10px;
}

.kp-item-image-sec {
    width: 200px;
    height: 220px;
    border-radius: 6px;
}

.kp-item-content {
    text-align: justify;
}

.news-details-main-image-sec {
    width: 100%;
    height: 650px;
    border-radius: 6px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.news-details-secondary-image-sec {
    width: 100%;
    height: 450px;
    border-radius: 6px;
    margin-top: 60px;
    margin-bottom: 60px;
}

.promotion-item-image {
    background-position: center;
    /*background-size: cover;*/
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 10px;
}

.footer-section-background {
    margin-left: -100px;
}

.banner-full-screen-content-body,
.brief-aboutus-title,
.brief-aboutus-body,
.aboutus-heading-title-text,
.aboutus-content-body,
.mf-contont-title,
.mf-content-body,
.vc-content-title,
.vc-content-body,
.directors-message-content-title,
.directors-message-content-body,
.corporate-history-item-title,
.corporate-history-item-body,
.news-details-content-body {
    text-align: justify !important;
}
/* ======================================= */
/* ===== START: OTHER SCREENS STYLES ===== */
/* ======================================= */
@media (min-width:1521px) {
    .dropdown-menu-item-cust-1-title-div {
        /*width: 165px;*/
        width: 65%;
    }

    .sub-dropdown-menu-image-sec {
        /*min-height:auto;*/
    }

    .sub-dropdown-menu-image-content-title {
        font-size: 24px;
        line-height: 30px;
    }
}

@media (min-width:992px) and (max-width:1520px) {
    .dropdown-menu-item-cust-1-image-sec {
        display: none;
    }

    .dropdown-menu-item-cust-1-title-div {
        position: unset;
    }

    .dropdown-menu-item-cust-1-title {
        font-size: 14px;
        line-height: 20px;
    }

    .sub-dropdown-menu-image-sec {
        /*min-height: auto;*/
    }

    .sub-dropdown-menu-image-content-title {
        font-size: 24px;
        line-height: 30px;
    }

    .sub-dropdown-menu-image-content-subtitle {
        line-height: 22px;
        font-size: 14px;
    }
}

@media (min-width:992px) and (max-width:1200px) {
    .sub-dropdown-menu-item-logo-sec {
        width: 110px;
        height: 110px;
    }

    .sub-dropdown-menu-item {
        margin: 0 15px;
    }

    .sub-dropdown-menu-content-col {
        padding: 0 30px !important;
    }

    .sub-dropdown-menu-image-content-title {
        font-size: 22px;
        line-height: 30px;
    }

    .sub-dropdown-menu-image-content-subtitle {
        line-height: 22px;
        font-size: 14px;
    }

    .page-layout {
        padding-top: 50px;
    }

    .banner-full-screen-content-col {
        padding-top: 80px;
    }

    .vc-image-sec,
    .vc-content-sec {
        height: 500px;
    }

    .directors-message-image-sec {
        height: 260px;
    }

    .directors-message-image-sec-figcaption-sec {
        top: 450px;
    }

    .bottom-saperator-section {
        padding: 50px 0;
    }
}

@media (max-width:991px) {
    .top-header-div {
        padding-left: 25px;
        padding-right: 25px;
    }

    .dropdown {
        position: relative;
    }

    #DivisionsDesktopMenu {
        display: none;
    }

    #DivisionsMobileMenu {
        display: unset;
    }

    .page-layout {
        margin-top: 140px;
    }

    .navbar-brand > .mobile-logo {
        max-height: 55px;
    }

    .banner-full-screen-div {
        position: relative;
    }

    .banner-full-screen-background-lines-image-style {
        margin-top: 15px;
    }

    #particles-style-01 {
        margin-top: 15px;
    }

    .banner-full-screen-content-container {
        padding-bottom: 70px;
    }

    .mid-footer-text {
        font-size: 14px;
    }

    .social-media-item-div {
        width: 25px;
        height: 25px;
    }

    .dropdown-menu-item-cust-2-title {
        color: #b3b3b3;
    }

        .dropdown-menu-item-cust-2-title > span {
            color: var(--White);
        }

    .vc-image {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }

    .vc-content-sec {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .vc-image-sec {
        height: 600px;
    }

    .directors-message-image-sec {
        height: 450px;
    }

    .directors-message-image-sec-figcaption-sec {
        top: 540px;
    }

    .directors-message-image-figure-sec {
        height: 690px;
    }

    .directors-message-content-sec {
        padding-left: 15px;
    }

    .bottom-saperator-section {
        padding: 50px 0;
    }

    .page-banner-sec {
        height: 300px;
    }

    .page-banner-container {
        padding-top: 30px;
        margin-top: -30px;
        height: 100%;
    }

    .page-banner-row {
        height: 100% !important;
    }

    .page-banner-subtitle {
        margin-bottom: 10px !important;
    }

    .page-banner-title {
        font-size: 38px !important;
    }

    .aboutus-heading-title-text,
    .brief-aboutus-title {
        line-height: 38px;
        font-size: 30px;
    }

    .mission-content-col {
        margin-top: 30px;
    }

    .division-ps-product-item {
        margin-bottom: 15px;
    }

    .division-card-details-logo-sec {
        padding-top: 15px !important;
    }

    .careers-message-details-content-col {
        padding-right: 15px;
    }

    .careers-message-details-content-image-col {
        padding-left: 15px;
    }

    .promotions-item-content-sec {
        margin-top: 15px;
        padding: 0 30px;
    }

    .promotions-item-image-figure {
        height: 375px;
    }

    .navigation-item-mobile-view-only {
        display: block;
    }

    .navigation-item-desktop-view-only {
        display: none;
    }

    .os-style1-item-heading-div {
        position: unset;
        transform: unset;
        padding: unset;
    }

    .os-style1-item-heading-col {
        margin-bottom: 15px;
    }

    .os-style1-item-body-content {
        text-align: center;
    }

    .os-style2-item-body-div {
        height: unset;
    }

    .os-style2-item-body-content {
        position: unset;
        transform: unset;
    }

    .news-details-secondary-image-sec {
        height: 240px;
    }
}

@media (max-width:767px) {
    .top-header-first-col-text {
        display: none;
    }

    .banner-full-screen-section {
        padding-bottom: 0 !important;
    }

    .banner-full-screen-content-image {
        height: 320px !important;
    }

    .banner-full-screen-title {
        line-height: 52px;
    }

    .mid-footer-logo-message {
        padding: 0 40px;
    }

    .heading-title-line {
        display: inline-block;
    }

    .vc-content-sec {
        height: 580px;
    }

    .directors-message-image-sec {
        height: 340px;
    }

    .directors-message-image-sec-figcaption-sec {
        top: 440px;
    }

    .directors-message-image-figure-sec {
        height: 620px;
    }

    .directors-message-sec {
        padding-bottom: 90px;
    }

    .vc-content-title {
        font-size: 28px;
    }

    .vc-content-body {
        font-size: 16px;
    }

    .bottom-saperator-section {
        padding: 0;
    }

    .mission-img-sec-figcaption-sec {
        margin-left: -30px;
    }

    .fa-survey-rating-selection-sec {
        text-align: left;
    }

    .careers-general-title-col {
        padding-right: 15px;
    }

    .careers-general-content-col {
        padding-left: 15px;
    }

    .careers-message-details-sec {
        padding-bottom: 60px;
    }

    .news-details-secondary-image-sec,
    .news-details-main-image-sec {
        margin-top: 0;
        margin-bottom: 0;
    }

}

@media (max-width:600px) {
    .dropdown-menu-style-1 {
        width: 100% !important;
    }
}

@media (max-width:575px) {
    .mid-footer-logo-message {
        padding: 0;
    }

    .page-banner-sec {
        height: 250px;
    }

    .page-banner-subtitle {
        font-size: 18px !important;
        margin-bottom: 0 !important;
    }

    .page-banner-title {
        font-size: 34px !important;
    }

    .page-banner-container {
        margin-top: -15px;
    }

    .aboutus-heading-title-text,
    .brief-aboutus-title {
        line-height: 34px;
        font-size: 26px;
    }

    .mission-img-sec-figcaption-sec {
        margin-left: 15px;
    }

    .news-details-main-image-sec {
        height: 240px;
    }
}

@media (max-width:499px) {
    .dropdown-menu-item-cust-2-title {
        font-size: 14px;
        line-height: 20px;
    }

    .mission-img-sec-figcaption-sec {
        margin-left: 3px;
    }
}

@media (max-width:400px) {
    .banner-full-screen-content-image {
        height: 250px !important;
    }

    .directors-message-image-sec {
        height: 270px;
    }

    .mssb-fixed-text-div {
        font-size: 22px;
        line-height: 36px;
    }

    .mssb-fixed-text-highlighted-word {
        font-size: 32px;
    }

    .vc-content-title {
        font-size: 24px;
    }

    .vc-content-body {
        font-size: 14px;
    }

    .mission-img-sec-figcaption-sec {
        margin-left: 0;
    }

    .mission-img-sec-figcaption-sec {
        width: unset;
    }

    .division-qd-image-content-title {
        font-size: 28px;
        line-height: 32px;
    }
}

@media (max-width:330px) {
    .vc-content-sec {
        height: 800px;
    }
}
/* ======================================= */
/* ===== END: OTHER SCREENS STYLES ======= */
/* ======================================= */

/* ======================================= */
/* ===== START: LOADER STYLES ============ */
/* ======================================= */
.loader {
    width: fit-content;
    font-size: 20px;
    padding-bottom: 8px;
    background: linear-gradient(currentColor 0 0) 0 100%/0% 3px no-repeat;
    animation: l2 2s linear infinite;
}

    .loader:before {
        content: "الرجاء الإنتظار...";
        color: var(--Secondary);
    }

@keyframes l2 {
    to {
        background-size: 100% 3px;
    }
}
/* ======================================= */
/* ===== END: LOADER STYLES ============== */
/* ======================================= */

/* ======================================= */
/* ===== START: OTHER INPUTS ============= */
/* ======================================= */
.container-checkmark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 7px;
    right: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 6px;
}

.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.container input:checked ~ .checkmark {
    background-color: var(--Secondary);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    right: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ======================================= */
/* ===== END: OTHER INPUTS =============== */
/* ======================================= */

/* ======================================= */
/* ===== START: IMAGE VIEWER MODAL ======= */
/* ======================================= */
* {
    box-sizing: border-box;
}

img {
    vertical-align: middle;
}

.mySlides {
    display: none;
    width: 100%;
    height: 100%;
}

.cursor {
    cursor: pointer;
}

.prev,
.next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
}

.prev {
    right: -45px;
    border-radius: 3px 0 0 3px;
}

.next {
    left: -45px;
    border-radius: 3px 0 0 3px;
}

    .prev:hover,
    .next:hover {
        background-color: rgba(0, 0, 0, 0.8);
    }

.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: -35px;
}

.caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 16.66%;
}

.demo {
    opacity: 0.6;
}

    .active,
    .demo:hover {
        opacity: 1;
    }

.mySlides-item-div {
    width: 100%;
    height: 100%;
}

.image-viewer-modal-content-div {
    width: 100%;
    height: 65vh;
}
/* ======================================= */
/* ===== END: IMAGE VIEWER MODAL ========= */
/* ======================================= */

.offset-xl-2 {
    margin-right: 16.66666667%;
    margin-left: 0;
}

.btn.btn-hover-animation-switch .btn-text {
    margin-right: -13px;
    margin-left: 0 !important;
}

.btn.btn-hover-animation-switch .btn-icon {
    margin-right: 6px;
    margin-left: 0 !important;
}

/* ======================================= */
/* ===== START: OTHER INPUTS ============= */
/* ======================================= */
.container-checkmark {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.checkmark {
    position: absolute;
    top: 7px;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    border-radius: 6px;
}

.container:hover input ~ .checkmark {
    background-color: #ccc;
}

.container input:checked ~ .checkmark {
    background-color: var(--Secondary);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.container input:checked ~ .checkmark:after {
    display: block;
}

.container .checkmark:after {
    left: 7px;
    top: 4px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* ======================================= */
/* ===== END: OTHER INPUTS =============== */
/* ======================================= */