/* start of common css */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html,
body {
    width: 100%;
    height: 100%;
    background: #f5f5f5;
}

.language {
    background: transparent;
    padding: 5px 15px;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    margin-left: 15px;
}

.language a {
    text-decoration: none;
    color: #fff;
}

.Key-Figures-wrapper .Key-Figures img {
    width: 50px;
    margin: 5px 0;
    object-fit: scale-down;
}

.mac-in-numbers img {
    width: 35px;
    margin: 5px 0;
    object-fit: scale-down;
}

.mac-in-numbers-wrapper {
    padding: 10px 0 30px 0;
}

/* end of common css */
/* start of main css */
/* main-header-with-slider */
.main-header-with-slider {
    position: relative;
}

.main-header-with-slider .carousel {
    height: 100vh;
}

.main-header-with-slider .carousel-item {
    height: 100%;
}

.main-header-with-slider .carousel-item img {
    width: 100%;
    height: 100%;
}

.main-header-with-slider .carousel-inner {
    height: 100%;
}

.main-header-with-slider .navbar {
    position: absolute;
    z-index: 1;
    width: 100%;
}

.main-header-with-slider .border-btm {
    border-bottom: 1px solid #fff;
}

.main-header-with-slider .carousel-caption {
    position: initial;
}

@media (max-width: 767.9px) {
    .main-header-with-slider .container {
        flex-direction: row;
        text-align: center;
    }
}

/* main-header-with-slider */
/* start header code css */
.main-header {
    background: url("../imgs/home-page-header-bg.png") no-repeat center center/cover;
    height: 100vh;
    width: 100%;
    position: relative;
}

.main-header::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #221e51;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.1;
    z-index: -1;
}

.main-header .navbar {
    /* border-bottom: 1px solid #fff; */
    /* padding: 0; */
}

.main-header .nav-item {
    padding: 25px 10px;
}

.main-header .nav-item:hover {
    border-bottom: 2px solid #fff;
    padding: 25px 10px;
}

.main-header .navbar-nav .nav-link.active,
.main-header .nav-link {
    color: #fff;
}

.main-header .contact-us-btn {
    background: transparent;
    padding: 5px 15px;
    border-radius: 15px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

.main-header .navbar-expand-lg .navbar-nav {
    align-items: center;
}

.main-header .dropdown-toggle::after {
    display: none;
}

.main-header .navbar-brand {
    margin-right: 5rem;
}

.main-header .header-middle-content {
    position: absolute;
    top: 35%;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    font-size: 50px;
    width: 500px;
    text-align: center;
}

.main-header .header-middle-content .top-content {
    margin: 0;
    font-size: 45px !important;
    font-weight: bold;
}

.num-theirt {
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
    color: transparent;
    font-size: 55px;
}

.main-header .header-middle-content .btm-content {
    margin: 0;
    font-weight: 600;
    font-size: 30px;
}

.main-header .header-btm-content {
    position: absolute;
    bottom: 50px;
    right: 50%;
    transform: translateX(50%);
    color: #fff;
    font-size: 23px;
    font-weight: 400;
}

.main-header .dropdown-menu {
    background: transparent;
    margin: 10px 0;
    border: 2px solid #fff;
}

.main-header .dropdown-item:focus,
.dropdown-item:hover {
    background-color: #fff;
    color: #000 !important;
}

.main-header .dropdown-menu a {
    color: #fff;
}

@media (max-width: 991px) {
    .main-header .header-middle-content {
        top: 50%;
    }

    .main-header .nav-item,
    .main-header .nav-item:hover {
        padding: 10px;
    }

    .main-header .navbar-expand-lg .navbar-nav {
        margin: 0 auto;
    }

    .main-header .nav-link {
        text-align: center;
    }

    .navbar-nav .dropdown-menu {
        position: absolute !important;
    }
}

@media (max-width: 767.9px) {
    .header-btm-content .content {
        text-align: center;
    }

    .main-header .header-middle-content {
        width: 100%;
    }
}

/* end header code css */
/* start Philosophy code css */
.Philosophy-wrapper {
    padding: 40px;
    background: #221e51;
    display: flex;
    align-items: center;
}

.Philosophy-wrapper .container {
    background: #221e51;
    display: flex;
    align-items: center;
}

.Philosophy-wrapper .Philosophy-content .Philosophy-title,
.Philosophy-wrapper .Philosophy-content .Philosophy-description {
    color: #fff;
}

.Philosophy-wrapper .Philosophy-content .Philosophy-title h1 {
    margin-bottom: 40px;
    font-size: 50px;
    font-weight: bold;
}

.Philosophy-wrapper .Philosophy-content .Philosophy-description p {
    opacity: 0.5;
}

.Philosophy-wrapper .Philosophy-img {
    width: 100%;
    height: 100%;
}

@media (max-width: 767.9px) {
    .Philosophy-wrapper .container {
        width: 100%;
    }

    .Philosophy-wrapper,
    .container {
        flex-direction: column;
        text-align: center;
    }

    .Philosophy-wrapper .Philosophy-img img {
        width: 100%;
        height: 100%;
    }
}

/* end Philosophy code css */
/* start of vesion & mesion & exployee */
.employee-vesion-mission-wrapper {
    position: relative;
    padding: 45px;
}

.employee-vesion-mission-wrapper::before {
    position: absolute;
    content: "";
    background-image: url("../imgs/home-vesion-mesion-content.png");
    background-repeat: no-repeat;
    top: 0;
    right: 0;
    width: 53%;
    height: 100%;
    bottom: 0;
    background-position: right;
    z-index: -1;
}

.employee-vesion-mission-wrapper .the-employee-wrapper {
    max-width: 75%;
    display: flex;
    align-items: center;
}

.employee-vesion-mission-wrapper .the-employee-content {
    margin: 0 25px;
}

.employee-vesion-mission-wrapper .the-employee-title {
    font-size: 40px;
    margin: 0;
    font-weight: 600;
    padding-bottom: 10px;
}

.employee-vesion-mission-wrapper .the-employee-description {
    opacity: 0.7;
}

.employee-vesion-mission-wrapper .vesion-mission-wrapper {
    display: flex;
    max-width: 75%;
    gap: 50px;
    margin-top: 40px;
}

.employee-vesion-mission-wrapper .the-vesion-wrapper,
.employee-vesion-mission-wrapper .the-mission-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.employee-vesion-mission-wrapper .the-vesion-wrapper .the-vesion-title,
.employee-vesion-mission-wrapper .the-mission-wrapper .the-mission-title {
    font-size: 40px;
    margin: 0;
    font-weight: 600;
    padding-bottom: 10px;
}

.employee-vesion-mission-wrapper .the-vesion-wrapper .the-vesion-description,
.employee-vesion-mission-wrapper .the-mission-wrapper .the-mission-description {
    opacity: 0.7;
}

@media (max-width: 991px) {
    .employee-vesion-mission-wrapper .the-employee-wrapper {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .employee-vesion-mission-wrapper .the-employee-content {
        margin: 0;
        padding: 0 5px;
    }

    .employee-vesion-mission-wrapper .vesion-mission-wrapper {
        display: flex;
        max-width: 100%;
        gap: 10px;
        margin-top: 10px;
        flex-direction: column;
        text-align: center;
        align-items: center;
    }

    .employee-vesion-mission-wrapper {
        padding: 0;
    }

    .employee-vesion-mission-wrapper p {
        margin-bottom: 5px;
    }

    .employee-vesion-mission-wrapper .the-employee-title,
    .employee-vesion-mission-wrapper .the-vesion-wrapper .the-vesion-title,
    .employee-vesion-mission-wrapper .the-mission-wrapper .the-mission-title {
        font-size: 25px;
    }

    .employee-vesion-mission-wrapper img {
        width: 50px;
        height: 50px;
        margin: 10px 0;
    }

    .employee-vesion-mission-wrapper::before {
        display: none;
    }
}

/* end of vesion & mesion & exployee */
/* start of quality policy */
.quality-policy-wrapper {
    background: #221e51;
    padding: 50px;
}

.quality-policy-wrapper .container {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 25px;
}

.quality-policy-wrapper .quality-title {
    color: #fff;
    display: flex;
    align-items: center;
}

.quality-policy-wrapper .quality-description {
    color: #fff;
    display: flex;
    align-items: baseline;
    flex-direction: column;
}

.quality-policy-wrapper button {
    width: 200px;
    height: 45px;
    border-radius: 18px;
    border: none;
    font-size: 19px;
    font-weight: 500;
    margin: 20px 0;
}

@media (max-width: 767.9px) {
    .quality-policy-wrapper {
        padding: 20px 10px;
    }

    .quality-policy-wrapper .container {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .quality-policy-wrapper .description-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
}

/* end of quality policy */
/* start of Projects Footprint */
.Projects-Footprint-wrapper .container {
    display: grid;
    grid-template-columns: 2fr 1fr;
    align-items: center;
}

.Projects-Footprint-wrapper .Projects-Footprint-content {
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.Projects-Footprint-content h1 {
    color: #221e51;
    font-size: 45px;
    text-align: justify;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
}

.Projects-Footprint-wrapper img {
    width: 100%;
}

/* end of Projects Footprint */
/* start of Services */
.Services-wrapper .container {
    display: flex;
    align-items: center;
}

.Services-wrapper .Services-wrapper-content {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-direction: column;
}

.Services-wrapper .Services-title h1 {
    font-size: 45px;
    font-weight: 700;
}

.Services-wrapper .Service-btn button {
    width: 200px;
    height: 40px;
    border-radius: 18px;
    background: #221e51;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
}

.Services-wrapper .Services-sescription p {
    max-width: 80%;
    padding: 30px 0px;
    line-height: 22px;
    opacity: 0.7;
}

@media (max-width: 767.9px) {
    .Services-wrapper .Services-wrapper-content {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .Projects-Footprint-wrapper .container {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }

    .Services-wrapper .Services-sescription p {
        max-width: 100%;
    }

    .Projects-Footprint-content h1 {
        text-align: center;
    }

    .Services-wrapper .Services-wrapper-img img {
        width: 100%;
        height: 100%;
    }
}

/* end of Services */
/* start of Partners */
.Partners-wrapper {
    padding: 20px 0;
}

.Partners-wrapper h1 {
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.partners-logos {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.partners-logos img:nth-child(1) {
    width: 100%;
}

.partners-logos img {
    /* width: 100%; */
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    flex: 0 0 50px;
    mix-blend-mode: darken;
}

.partners-logos img:hover {
    transform: scale(1.1);
}

@media (max-width: 1024px) {
    .partners-logos {
        grid-template-columns: repeat(6, 1fr);
    }

    .main-header-with-slider .carousel-item img {
        object-fit: cover;
    }
}

@media (max-width: 991px) {
    .partners-logos {
        grid-template-columns: repeat(5, 1fr);
        justify-content: center;
    }
}

@media (max-width: 600px) {
    .partners-logos {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 500px) {
    .partners-logos {
        grid-template-columns: repeat(3, 1fr);
        /* justify-content: center; */
    }
}

@media (max-width: 400px) {
    .partners-logos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 340px) {
    .partners-logos {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* end of Partners */
/* start of Clients */
.Clients-wrapper {}

.Clients-wrapper h1 {
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.Clients-wrapper .Clients-logos {
    /* display: grid; */
    /* grid-template-columns: repeat(10, 1fr); */
    /* align-items: center; */
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.Clients-wrapper .Clients-logos img {
    /* flex: 0 0 50px; */
    /* gap: 15px; */
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    mix-blend-mode: darken;
    width: 110px;
    height: 110px;
    object-fit: contain;
}

.Clients-wrapper .Clients-logos img:hover {
    transform: scale(1.1);
}

@media (max-width: 1210px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (max-width: 1050px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(6, 1fr);
    }
}

@media (max-width: 767.9px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(5, 1fr);
        justify-content: center;
    }
}

@media (max-width: 540px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 500px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 450px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .Clients-wrapper .Clients-logos {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* end of Clients */
/* start of Consultants */
.Consultants-title {
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.Consultants-wrapper .Consultants-logos {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    align-items: center;
    gap: 10px;
}

.Consultants-wrapper .Consultants-logos img {
    width: 100%;
    height: 50%;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    mix-blend-mode: darken;
}

.Consultants-wrapper .Consultants-logos img:hover {
    transform: scale(1.1);
}

@media (max-width: 911px) {
    .Consultants-wrapper .Consultants-logos {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 767.9px) {
    .Consultants-wrapper .Consultants-logos {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 600px) {
    .Consultants-wrapper .Consultants-logos {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 500px) {
    .Consultants-wrapper .Consultants-logos {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 400px) {
    .Consultants-wrapper .Consultants-logos {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* end of Consultants */
/* start of Key Figures */
.Key-Figures-wrapper {
    margin: 25px 0;
}

.Key-Figures-wrapper .Key-Figures {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    margin: 25px 0;
    gap: 15px;
}

.Key-Figures-wrapper h1 {
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.Key-Figures-wrapper .industrial-wrapper,
.Key-Figures-wrapper .public-wrapper,
.Key-Figures-wrapper .commercial-wrapper,
.Key-Figures-wrapper .presidental-wrapper,
.Key-Figures-wrapper .military-private-wrapper {
    font-size: 20px;
    font-weight: 500;
    color: #221e51;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

@media (max-width: 991px) {
    .Key-Figures-wrapper .Key-Figures {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 767.9px) {
    .Key-Figures-wrapper .Key-Figures {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 600px) {
    .Key-Figures-wrapper .Key-Figures {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 500px) {
    .Key-Figures-wrapper .Key-Figures {
        grid-template-columns: repeat(1, 1fr);
    }
}

/* end of Key Figures */
/* start of MAC in Numbers: */
.mac-in-numbers-wrapper h1 {
    font-size: 1rem;
}

.mac-in-numbers-wrapper .mac-in-numbers-title {
    font-size: 45px;
    font-weight: 700;
    padding: 20px 0;
}

.mac-in-numbers-wrapper .mac-in-numbers {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

.mac-in-numbers-wrapper .frist-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
}

.mac-in-numbers-wrapper .second-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    bottom: -7px;
}

.mac-in-numbers-wrapper .third-number {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    position: relative;
    bottom: 7px;
}

@media (max-width: 767.9px) {
    .mac-in-numbers-wrapper .mac-in-numbers {
        flex-direction: column;
    }

    .mac-in-numbers-wrapper .second-number {
        bottom: 0;
    }
}

/* end of MAC in Numbers: */
/* start of 3D Slideshow Section */
#slideshow {
    margin: 0 auto;
    padding-top: 50px;
    height: 600px;
    width: 100%;
    box-sizing: border-box;
}

.slideshow-title {
    font-family: "Allerta Stencil";
    font-size: 62px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    margin-top: 25%;
    letter-spacing: 3px;
    font-weight: 300;
}

.sub-heading {
    padding-top: 50px;
    font-size: 18px;
}

.sub-heading-two {
    font-size: 15px;
}

.sub-heading-three {
    font-size: 13px;
}

.sub-heading-four {
    font-size: 11px;
}

.sub-heading-five {
    font-size: 9px;
}

.sub-heading-six {
    font-size: 7px;
}

.sub-heading-seven {
    font-size: 5px;
}

.sub-heading-eight {
    font-size: 3px;
}

.sub-heading-nine {
    font-size: 1px;
}

.entire-content {
    margin: auto;
    width: 190px;
    perspective: 1000px;
    position: relative;
    padding-top: 80px;
}

.content-carrousel {
    width: 100%;
    position: absolute;
    float: right;
    animation: rotar 15s infinite linear;
    transform-style: preserve-3d;
}

.content-carrousel:hover {
    animation-play-state: paused;
    cursor: pointer;
}

.content-carrousel figure {
    width: 200px;
    height: 180px;
    border: 1px solid #3b444b;
    overflow: hidden;
    position: absolute;
    object-fit: cover;
}

.content-carrousel figure:nth-child(1) {
    transform: rotateY(0deg) translateZ(300px);
}

.content-carrousel figure:nth-child(2) {
    transform: rotateY(40deg) translateZ(300px);
}

.content-carrousel figure:nth-child(3) {
    transform: rotateY(80deg) translateZ(300px);
}

.content-carrousel figure:nth-child(4) {
    transform: rotateY(120deg) translateZ(300px);
}

.content-carrousel figure:nth-child(5) {
    transform: rotateY(160deg) translateZ(300px);
}

.content-carrousel figure:nth-child(6) {
    transform: rotateY(200deg) translateZ(300px);
}

.content-carrousel figure:nth-child(7) {
    transform: rotateY(240deg) translateZ(300px);
}

.content-carrousel figure:nth-child(8) {
    transform: rotateY(280deg) translateZ(300px);
}

.content-carrousel figure:nth-child(9) {
    transform: rotateY(320deg) translateZ(300px);
}

.content-carrousel figure:nth-child(10) {
    transform: rotateY(360deg) translateZ(300px);
}

.shadow {
    position: absolute;
    box-shadow: 0px 0px 20px 0px #000;
    border-radius: 1px;
}

.content-carrousel img {
    image-rendering: auto;
    transition: all 300ms;
    width: 100%;
    height: 100%;
}

.content-carrousel img:hover {
    transform: scale(1.2);
    transition: all 300ms;
}

@keyframes rotar {
    from {
        transform: rotateY(0deg);
    }

    to {
        transform: rotateY(360deg);
    }
}

/* end of 3D Slideshow Section */
/* start of footer */
.footer {
    background: #221e51;
    position: relative;
    padding: 25px 0;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

.footer .footer-bg {
    position: absolute;
    bottom: 0;
    right: 0;
}

.footer .footer-wrapper {
    display: grid;
    grid-template-columns: 10fr 1fr;
    padding: 25px 0;
}

.footer .footer-wrapper .footer-content {
    display: flex;
    gap: 30px;
}

.footer .footer-wrapper .footer-content .footer-about {
    display: flex;
    flex-direction: column;
    line-height: 35px;
}

.footer .footer-wrapper .footer-content .footer-service {
    display: flex;
    flex-direction: column;
    line-height: 35px;
}

.footer .footer-wrapper .footer-content .footer-contact-us {
    display: flex;
    flex-direction: column;
    line-height: 35px;
}

.footer .footer-wrapper .footer-logo {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.footer .footer-social-rights {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff;
}

.footer .footer-social-rights .social-wrapper {
    margin: 15px 0;
}

@media (max-width: 767.9px) {
    .footer .footer-wrapper {
        display: flex;
        flex-direction: column;
    }

    .footer .footer-wrapper .footer-content {
        flex-direction: column;
    }
}

/* end of footer */
/* end of main css */

.the-employee-img img,
.the-vesion-img img,
.the-mission-img img,
.industrial-icon img,
.public-icon img,
.commercial-icon img,
.presidental-icon img,
.military-private-icon img,
.mac-in-numbers-wrapper .frist-number img,
.mac-in-numbers-wrapper .second-number img,
.mac-in-numbers-wrapper .third-number img {
    transition: all 0.3s ease-in-out;
}

.the-employee-img img:hover,
.the-vesion-img img:hover,
.the-mission-img img:hover,
.industrial-icon img:hover,
.public-icon img:hover,
.commercial-icon img:hover,
.presidental-icon img:hover,
.military-private-icon img:hover,
.mac-in-numbers-wrapper .frist-number img:hover,
.mac-in-numbers-wrapper .second-number img:hover,
.mac-in-numbers-wrapper .third-number img:hover {
    transform: scale(1.1);
    cursor: pointer;
}

/* hover collection */

div#numberWangg {
    position: relative;
}

div#numberWangg:before {
    position: absolute;
    content: "+";
    right: -27px;
    top: -2px;
}

.carousel-control-next,
.carousel-control-prev {
    width: 5% !important;
}

.social-wrapper a img {
    transition: all .2s ease-in-out;
}

.social-wrapper a img:hover {
    transform: scale(1.2);
}

.footer .social-wrapper img {
    margin: 0 5px;
    width: 30px;
}

@keyframes roll {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media(max-width:1470px) {

    .employee-vesion-mission-wrapper .the-vesion-wrapper,
    .employee-vesion-mission-wrapper .the-mission-wrapper {
        max-width: 40%;
    }
}

@media(max-width:1245px) {

    .employee-vesion-mission-wrapper .the-vesion-wrapper,
    .employee-vesion-mission-wrapper .the-mission-wrapper {
        max-width: 32%;
    }

    .employee-vesion-mission-wrapper {
        padding: 30px 0 0 0;
    }
}

@media(max-width:1070px) {
    .employee-vesion-mission-wrapper::before {
        display:none;
    }
    .employee-vesion-mission-wrapper .the-vesion-wrapper,
    .employee-vesion-mission-wrapper .the-mission-wrapper {
        max-width: 100%;
    }
}