/* header */

@media (max-width: 991.5px) {
    /* 01 Navbar CSS */
    .navbar-nav .nav-link {
        padding: 0.4rem 0.3rem;
        margin-bottom: 1rem;
    }
    .dropdown-menu .dropdown-item {
        background-color: transparent;
    }
    .dropdown-menu .dropdown-item:hover {
        background-color: transparent;
    }
}

/* laptop for page 1 */
@media (max-width: 991.5px) {
    .navbar-nav .dropdown-menu {
        border: none;
    }
}
/*end laptop for page 1 */

/* ipad for page 1 */
@media (min-width: 480px) and (max-width: 769px) {
    header {
        height: 125px;
    }
    header .container .logo img {
        width: 75px;
        height: 75px;
    }

    header .container .hours {
        margin-right: 20px;
    }

    header .container .hours .headerText p {
        margin-bottom: -14px;
        font-size: 9px;
    }
    header .container .hours .headerText h3 {
        font-size: 13px;
        margin-bottom: 0px;
    }

    header .container .mail a i {
        font-size: 25px;
    }
    header .container .mail a p {
        font-size: 14px;
    }
    .langg {
        padding: 6px 7px;
    }

    header .container .lann {
        margin-right: 28px;
    }

    header .container .lann .langu {
        padding: 6px 15px;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        margin-top: 16px;
        font-size: 11px;
    }
    header .container .lann .langu li {
        font-size: 13px;
        font-family: "micro-regular";
    }

    .langu .dropdownn {
        background-color: white;
        padding: 1em 0;
        position: absolute; /*WITH RESPECT TO PARENT*/
        display: none;
        border-radius: 8px;
        top: 28px;
        left: -20px;
        z-index: 99;
        font-weight: 500;
    }
    .langu .dropdownn a {
        color: black;
        font-family: "micro-bold";
    }
}
/*end ipad for page 1 */

/* mobail for page 1 */
@media (min-width: 320px) and (max-width: 480px) {
    header {
        height: 200px;
    }
    header .container {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    header .container .logo img {
        width: 67px;
        height: 85px;
    }

    header .container .hours {
        margin-right: -13px;
    }

    header .container .hours .headerText p {
        margin-bottom: -14px;
        font-size: 9px;
    }
    header .container .hours .headerText h3 {
        font-size: 13px;
        margin-bottom: 0px;
    }
    header .container .mail {
        margin-right: -47px;
        margin-top: -15px;
    }
    header .container .mail a {
        flex-direction: row;
        justify-content: initial;
    }
    header .container .mail a i {
        font-size: 22px;
        margin-right: 39px;
        margin-bottom: 0px;
    }
    header .container .mail a p {
        font-size: 15px;
        margin-right: 10px;
        margin-bottom: 0px;
    }
    .langg {
        margin: auto;
        padding: 5px 5px;
        font-size: 16px;
    }
    .dropdown {
        margin: auto;
    }

    header .container .lann {
        margin: auto;
    }

    header .container .lann .langu {
        padding: 6px 15px;
        border-radius: 7px;
        -webkit-border-radius: 7px;
        -moz-border-radius: 7px;
        -ms-border-radius: 7px;
        -o-border-radius: 7px;
        margin-top: 16px;
        font-size: 11px;
    }
    header .container .lann .langu li {
        font-size: 13px;
        font-family: "micro-regular";
    }

    .langu .dropdownn {
        background-color: white;
        padding: 1em 0;
        position: absolute; /*WITH RESPECT TO PARENT*/
        display: none;
        border-radius: 8px;
        top: 20px;
        left: -20px;
        z-index: 99;
        font-weight: 500;
    }
    .langu .dropdownn a {
        color: black;
        font-family: "micro-bold";
    }
}
/*end mobail for page 1 */

/* /////////////////////////////////////////////////// */

/* Home Page Start  */

/* /////////////////////////////////////////////////// */

/* bannar home start */

@media (min-width: 769px) and (max-width: 1185px) {
    .img1 .container .Home-text h1 {
        font-size: 78px;
    }
    .img2 .container .Home-text h1 {
        font-size: 78px;
    }
    .img3 .container .Home-text h1 {
        font-size: 74px;
    }

    .img1 .container .Home-text p {
        font-size: 45px;
    }
    .img2 .container .Home-text p {
        font-size: 45px;
    }
    .img3 .container .Home-text p {
        font-size: 42px;
    }

    .img1 .container .Home-text a {
        font-size: 25px;
        margin: 0 20px;
    }
    .img2 .container .Home-text a {
        font-size: 25px;
        margin: 0 20px;
    }
    .img3 .container .Home-text a {
        font-size: 25px;
        margin: 0 20px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .img1 .container .Home-text h1 {
        font-size: 62px;
    }
    .img2 .container .Home-text h1 {
        font-size: 62px;
    }
    .img3 .container .Home-text h1 {
        font-size: 50px;
    }

    .img1 .container .Home-text p {
        font-size: 36px;
        margin-bottom: 30px;
    }
    .img2 .container .Home-text p {
        font-size: 34px;
        margin-bottom: 30px;
    }
    .img3 .container .Home-text p {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .img1 .container .Home-text a {
        font-size: 22px;
        margin: 0 14px;
        padding: 9px 20px;
    }
    .img2 .container .Home-text a {
        font-size: 22px;
        margin: 0 14px;
        padding: 9px 20px;
    }
    .img3 .container .Home-text a {
        font-size: 22px;
        margin: 0 14px;
        padding: 7px 18px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .img1 .container .Home-text h1 {
        font-size: 50px;
    }
    .img2 .container .Home-text h1 {
        font-size: 50px;
    }
    .img3 .container .Home-text h1 {
        font-size: 42px;
    }

    .img1 .container .Home-text p {
        font-size: 27px;
        margin-bottom: 30px;
    }
    .img2 .container .Home-text p {
        font-size: 27px;
        margin-bottom: 30px;
    }
    .img3 .container .Home-text p {
        font-size: 25px;
        margin-bottom: 30px;
    }

    .img1 .container .Home-text a {
        font-size: 17px;
        margin: 0 5px;
        padding: 6px 16px;
    }
    .img2 .container .Home-text a {
        font-size: 17px;
        margin: 0 5px;
        padding: 6px 16px;
    }
    .img3 .container .Home-text a {
        font-size: 15px;
        margin: 0 4px;
        padding: 4px 14px;
    }
}

/* bannar home End */

/* elements home start */

@media (min-width: 769px) and (max-width: 905px) {
    .elements .container .contant .car {
        width: 352px;
        height: 188px;
        border-radius: 48px;
        -webkit-border-radius: 48px;
        -moz-border-radius: 48px;
        -ms-border-radius: 48px;
        -o-border-radius: 48px;
    }

    .elements .container .contant .element-icon {
        height: 55px;
        width: 55px;
        margin-left: 10px;
        margin-right: 6px;
    }

    .elements .container .contant .element-icon i {
        font-size: 12px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 23px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 62px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 14px;
        font-size: 13px;
        width: 275px;
    }
}

@media (min-width: 905px) and (max-width: 1028px) {
    .elements .container .contant .car {
        width: 404px;
        height: 194px;
        border-radius: 48px;
        -webkit-border-radius: 48px;
        -moz-border-radius: 48px;
        -ms-border-radius: 48px;
        -o-border-radius: 48px;
    }

    .elements .container .contant .element-icon {
        height: 70px;
        width: 70px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .elements .container .contant .element-icon i {
        font-size: 20px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 23px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 62px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 14px;
        font-size: 13px;
        width: 310px;
    }
}

@media (min-width: 1185px) and (max-width: 1295px) {
    .elements .container .contant .car {
        width: 49%;
        height: 194px;
        border-radius: 71px;
        -webkit-border-radius: 71px;
        -moz-border-radius: 71px;
        -ms-border-radius: 71px;
        -o-border-radius: 71px;
    }

    .elements .container .contant .element-icon {
        height: 80px;
        width: 80px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .elements .container .contant .element-icon i {
        font-size: 23px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 23px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 62px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 14px;
        font-size: 16px;
        width: 350px;
    }
}

@media (min-width: 1028px) and (max-width: 1185px) {
    .elements .container .contant .car {
        width: 49%;
        height: 194px;
        border-radius: 71px;
        -webkit-border-radius: 71px;
        -moz-border-radius: 71px;
        -ms-border-radius: 71px;
        -o-border-radius: 71px;
    }

    .elements .container .contant .element-icon {
        height: 80px;
        width: 80px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .elements .container .contant .element-icon i {
        font-size: 23px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 23px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 62px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 14px;
        font-size: 16px;
        width: 350px;
    }
}

@media (min-width: 480px) and (max-width: 559px) {
    .elements .container .contant .row1 {
        display: flex;
        flex-direction: column;
    }
    .elements .container .contant .row2 {
        display: flex;
        flex-direction: column;
    }

    .elements .container .contant .car {
        width: 98%;
        height: 194px;
        border-radius: 62px;
        -webkit-border-radius: 62px;
        -moz-border-radius: 62px;
        -ms-border-radius: 62px;
        -o-border-radius: 62px;
    }

    .elements .container .contant .element-icon {
        height: 70px;
        width: 70px;
        margin-left: 20px;
        margin-right: 10px;
    }

    .elements .container .contant .element-icon i {
        font-size: 20px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 25px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 75px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 16px;
        font-size: 13px;
        width: 310px;
    }
}

@media (min-width: 559px) and (max-width: 644px) {
    .elements .container .contant .row1 {
        display: flex;
        flex-direction: column;
    }
    .elements .container .contant .row2 {
        display: flex;
        flex-direction: column;
    }

    .elements .container .contant .car {
        width: 100%;
        height: 194px;
        border-radius: 82px;
        -webkit-border-radius: 82px;
        -moz-border-radius: 82px;
        -ms-border-radius: 82px;
        -o-border-radius: 82px;
    }

    .elements .container .contant .element-icon {
        height: 70px;
        width: 70px;
        margin-left: 40px;
        margin-right: 20px;
    }

    .elements .container .contant .element-icon i {
        font-size: 20px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 22px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 75px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 16px;
        font-size: 16px;
        width: 360px;
    }
}

@media (min-width: 644px) and (max-width: 805px) {
    .elements .container .contant .row1 {
        display: flex;
        flex-direction: column;
    }
    .elements .container .contant .row2 {
        display: flex;
        flex-direction: column;
    }

    .elements .container .contant .car {
        width: 100%;
        height: 194px;
        border-radius: 82px;
        -webkit-border-radius: 82px;
        -moz-border-radius: 82px;
        -ms-border-radius: 82px;
        -o-border-radius: 82px;
    }

    .elements .container .contant .element-icon {
        height: 80px;
        width: 80px;
        margin-left: 40px;
        margin-right: 40px;
    }

    .elements .container .contant .element-icon i {
        font-size: 23px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 22px;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 78px;
        height: 4px;
        right: 0;
        bottom: -8px;
    }

    .elements .container .contant .element-text p {
        margin-top: 16px;
        font-size: 17px;
        width: 380px;
    }
}

@media (min-width: 320px) and (max-width: 395px) {
    .elements .container .contant .row1 {
        display: flex;
        flex-direction: column;
    }
    .elements .container .contant .row2 {
        display: flex;
        flex-direction: column;
    }

    .elements .container .contant .car {
        width: 90%;
        height: 280px;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -ms-border-radius: 24px;
        -o-border-radius: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
        padding: 0 2px;
    }

    .elements .container .contant .element-icon {
        height: 66px;
        width: 66px;
        margin-left: 12px;
        margin-right: 3px;
    }

    .elements .container .contant .element-icon i {
        font-size: 19px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 21px;
        text-align: center;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 75px;
        height: 3px;
        top: 120%;
        right: 50%;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }

    .elements .container .contant .element-text p {
        margin-top: 16px;
        font-size: 13px;
        width: fit-content;
        text-align: center;
    }
}

@media (min-width: 395px) and (max-width: 480px) {
    .elements .container .contant .row1 {
        display: flex;
        flex-direction: column;
    }
    .elements .container .contant .row2 {
        display: flex;
        flex-direction: column;
    }

    .elements .container .contant .car {
        width: 90%;
        height: 280px;
        border-radius: 24px;
        -webkit-border-radius: 24px;
        -moz-border-radius: 24px;
        -ms-border-radius: 24px;
        -o-border-radius: 24px;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }

    .elements .container .contant .element-icon {
        height: 66px;
        width: 66px;
        margin-left: 12px;
        margin-right: 3px;
    }

    .elements .container .contant .element-icon i {
        font-size: 19px;
    }

    .elements .container .contant .element-text h4 {
        font-size: 23px;
        text-align: center;
    }
    .elements .container .contant .element-text h4::after {
        content: " ";
        position: absolute;
        width: 75px;
        height: 3px;
        top: 120%;
        right: 50%;
        transform: translateX(50%);
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }

    .elements .container .contant .element-text p {
        margin-top: 16px;
        font-size: 13px;
        width: fit-content;
        text-align: center;
    }
}
/* elements home End */

/* serv home start */

@media (min-width: 769px) and (max-width: 1185px) {
    .serv .container .row .serv-text h4 {
        font-size: 45px;
        margin-bottom: 30px;
        position: relative;
    }

    .serv .container .row .serv-text h4::after {
        content: " ";
        position: absolute;
        bottom: -11px;
        right: 0;
        width: 150px;
        height: 5px;
    }

    .serv .container .row .serv-text p {
        font-size: 15px;
        width: fit-content;
        margin-bottom: 20px;
    }

    .serv .container .row .serv-text a {
        padding: 7px 18px;
        font-size: 20px;
    }
    .serv-img1 img,
    .serv-img2 img,
    .serv-img3 img,
    .serv-img4 img,
    .serv-img5 img,
    .serv-img6 img {
        width: 105px;
        height: 105px;
        margin-bottom: 2px;
        margin-top: 48px;
    }

    .serv .container .row .serv-img .c h5 {
        font-size: 16px;
    }
}

@media (min-width: 576px) and (max-width: 769px) {
    .serv .container .row .serv-text h4 {
        font-size: 40px;
        margin-bottom: 30px;
        position: relative;
    }

    .serv .container .row .serv-text h4::after {
        content: " ";
        position: absolute;
        bottom: -11px;
        right: 0;
        width: 140px;
        height: 5px;
    }

    .serv .container .row .serv-text p {
        font-size: 15px;
        width: fit-content;
        margin-bottom: 20px;
    }

    .serv .container .row .serv-text a {
        padding: 7px 18px;
        font-size: 20px;
    }
    .serv-img1 img,
    .serv-img2 img,
    .serv-img3 img,
    .serv-img4 img,
    .serv-img5 img,
    .serv-img6 img {
        width: 86px;
        height: 86px;
        margin-bottom: 2px;
        margin-top: 17px;
    }

    .serv .container .row .serv-img .c h5 {
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .serv {
        height: 1769px;
    }
    .serv .container .row .serv-text h4 {
        font-size: 33px;
        margin-bottom: 17px;
        position: relative;
    }

    .serv .container .row .serv-text h4::after {
        content: " ";
        position: absolute;
        bottom: -11px;
        right: 0;
        width: 110px;
        height: 5px;
    }

    .serv .container .row .serv-text p {
        font-size: 15px;
        width: fit-content;
        margin-bottom: 10px;
    }

    .serv .container .row .serv-text a {
        padding: 5px 15px;
        font-size: 17px;
    }
    .serv-img1 img,
    .serv-img2 img,
    .serv-img3 img,
    .serv-img4 img,
    .serv-img5 img,
    .serv-img6 img {
        width: 160px;
        height: 160px;
        margin-top: 1px;
    }

    .serv .container .row .serv-img .c h5 {
        font-size: 21px;
    }
}

/* serv home End */

/* competitor home Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .competitor {
        height: 550px;
    }
    .competitor .container .row .competitor-img img {
        width: 100%;
        height: auto;
    }

    .competitor .container .row .competitor-text h5 {
        font-size: 34px;
        margin-bottom: 17px;
        margin-top: 18px;
    }
    .competitor .container .row .competitor-text h5::after {
        content: " ";
        position: absolute;
        bottom: -9px;
        right: 0;
        width: 163px;
        height: 5px;
    }
    .competitor .container .row .competitor-text p {
        font-size: 16px;
        margin-bottom: 15px;
        width: fit-content;
    }
    .competitor .container .row .competitor-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
}

@media (min-width: 576px) and (max-width: 769px) {
    .competitor {
        height: 849px;
    }
    .competitor .container .row .competitor-img img {
        width: 487px;
        height: auto;
        margin-top: 58px;
        margin-right: 20px;
    }

    .competitor .container .row .competitor-text h5 {
        font-size: 34px;
        margin-bottom: 17px;
        margin-top: 18px;
    }
    .competitor .container .row .competitor-text h5::after {
        content: " ";
        position: absolute;
        bottom: -9px;
        right: 0;
        width: 163px;
        height: 5px;
    }
    .competitor .container .row .competitor-text p {
        font-size: 16px;
        margin-bottom: 15px;
        width: fit-content;
    }
    .competitor .container .row .competitor-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
}

@media (min-width: 320px) and (max-width: 575.99px) {
    .competitor {
        height: 808px;
    }
    .competitor-img {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .competitor .container .row .competitor-img img {
        width: 299px;
        height: auto;
        margin-top: 62px;
        margin-right: -10px;
    }

    .competitor .container .row .competitor-text h5 {
        font-size: 27px;
        margin-bottom: 17px;
        margin-top: 18px;
    }
    .competitor .container .row .competitor-text h5::after {
        content: " ";
        position: absolute;
        bottom: -9px;
        right: 0;
        width: 163px;
        height: 5px;
    }
    .competitor .container .row .competitor-text p {
        font-size: 14px;
        margin-bottom: 15px;
        width: fit-content;
    }
    .competitor .container .row .competitor-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
}

/* competitor home End */

/* coreValues home Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .page-c .card1 {
        width: calc(100% / 2.3);
        height: 400px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        background-color: white;
        margin: 20px 5px;
    }
}

@media (min-width: 510px) and (max-width: 887px) {
    .page-c .card1 {
        width: calc(100% / 1.1);
        height: 400px;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px;
        background-color: white;
        margin: 20px 5px;
    }
    .page-c {
        width: 90%;
        height: fit-content;
        margin: 20px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}

@media (min-width: 320px) and (max-width: 509px) {
    .card-page h4 {
        font-size: 30px;
    }

    .page-c .card1 {
        width: 100%;
        height: 400px;
    }
    .card-co h1 {
        text-align: center;
        font-size: 30px;
        color: #401274;
        margin-bottom: 20px;
    }
    .card-co P {
        text-align: center;
        font-size: 13px;
    }
    .page-c {
        width: 95%;
        height: fit-content;
        margin: 20px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
}

/* coreValues home End */

/* CompanyAddress home Start */

@media (min-width: 768px) and (max-width: 1185px) {
    .CompanyAddress .container .row .CompanyAddress-text h4 {
        font-size: 46px;
        margin-bottom: 30px;
        position: relative;
    }
    .CompanyAddress .container .row .CompanyAddress-text h4::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 180px;
        height: 6px;
    }
    .CompanyAddress .container .row .CompanyAddress-text p {
        font-size: 16px;
        width: fit-content;
    }

    .CompanyAddress .container .row .CompanyAddress-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
    .CompanyAddress .container .row .CompanyAddress-img img {
        max-width: 100%;
        height: auto;
    }
}

@media (min-width: 576px) and (max-width: 767.9px) {
    .CompanyAddress .container .row .CompanyAddress-text h4 {
        font-size: 40px;
        margin-bottom: 30px;
        position: relative;
    }
    .CompanyAddress .container .row .CompanyAddress-text h4::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 180px;
        height: 6px;
    }
    .CompanyAddress .container .row .CompanyAddress-text p {
        font-size: 16px;
        width: fit-content;
    }

    .CompanyAddress .container .row .CompanyAddress-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
    .CompanyAddress .container .row .CompanyAddress-img img {
        max-width: 100%;
        height: auto;
        margin-top: 37px;
    }
}

@media (min-width: 320px) and (max-width: 575.9px) {
    .CompanyAddress .container .row .CompanyAddress-text h4 {
        font-size: 40px;
        margin-bottom: 30px;
        position: relative;
    }
    .CompanyAddress .container .row .CompanyAddress-text h4::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 180px;
        height: 6px;
    }
    .CompanyAddress .container .row .CompanyAddress-text p {
        font-size: 16px;
        width: fit-content;
    }

    .CompanyAddress .container .row .CompanyAddress-text a {
        padding: 10px 24px;
        position: relative;
        top: 20px;
        font-size: 18px;
    }
    .CompanyAddress .container .row .CompanyAddress-img img {
        max-width: 100%;
        height: auto;
        margin-top: 44px;
    }
}

/* CompanyAddress home End */

/* Footer Start */

@media (min-width: 768px) and (max-width: 1185px) {
    footer .container .row input[type="email"] {
        padding: 5px 0px;
    }
    footer .container .row input::placeholder {
        transform: translateX(-8px);
        -webkit-transform: translateX(-8px);
        -moz-transform: translateX(-8px);
        -ms-transform: translateX(-8px);
        -o-transform: translateX(-8px);
    }
}

@media (min-width: 767.9px) and (max-width: 992px) {
    footer {
        height: 450px;
    }
}

@media (min-width: 576px) and (max-width: 767.9px) {
    footer {
        height: 1060px;
    }
    footer .container .logo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .nnav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (min-width: 320px) and (max-width: 575.9px) {
    footer {
        height: 1110px;
    }
    footer .container .logo {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .nnav {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/* Footer End */

/* /////////////////////////////////////////// */

/* Home page End */

/* /////////////////////////////////////////// */

/* /////////////////////////////////////////// */

/* Microsmart page Start */

/* /////////////////////////////////////////// */

/* bannar Microsmart Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .banner-microsmart .container p {
        font-size: 42px;
        margin-top: 93px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .banner-microsmart .container p {
        font-size: 40px;
        margin-top: 83px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .banner-microsmart .container p {
        font-size: 38px;
        margin-top: 73px;
    }
}

/* bannar Microsmart End */

/* introductory-microsmart Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .introductory-microsmart {
        margin-top: 3rem;
    }
    .introductory-microsmart .container .row .img-introductory img {
        max-width: 100%;
        height: auto;
    }
    .introductory-microsmart .container .row .text-introductory h3 {
        font-size: 40px;
        margin-bottom: 30px;
        position: relative;
    }
    .introductory-microsmart .container .row .text-introductory h3::after {
        content: " ";
        position: absolute;
        bottom: -16px;
        right: 0;
        width: 160px;
        height: 6px;
    }
    .introductory-microsmart .container .row .text-introductory p {
        width: fit-content;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .introductory-microsmart {
        margin-top: 3rem;
    }
    .introductory-microsmart .container .row .img-introductory img {
        max-width: 100%;
        height: auto;
    }
    .introductory-microsmart .container .row .text-introductory h3 {
        font-size: 40px;
        margin-bottom: 30px;
        position: relative;
        text-align: center;
    }
    .introductory-microsmart .container .row .text-introductory h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 152px;
        height: 6px;
    }
    .introductory-microsmart .container .row .text-introductory p {
        width: fit-content;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .introductory-microsmart {
        margin-top: 3rem;
    }
    .introductory-microsmart .container .row .img-introductory img {
        max-width: 100%;
        height: auto;
    }
    .introductory-microsmart .container .row .text-introductory h3 {
        font-size: 35px;
        margin-bottom: 30px;
        position: relative;
        text-align: center;
    }
    .introductory-microsmart .container .row .text-introductory h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 140px;
        height: 6px;
    }
    .introductory-microsmart .container .row .text-introductory p {
        width: fit-content;
    }
}

/* introductory-microsmart End */

/* Administration-microsmart Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .Administration-microsmart .topp {
        font-size: 37px;
        position: relative;
        top: 27px;
    }

    .Administration-microsmart .topp::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 190px;
        height: 6px;
    }

    .Administration-microsmart .container .row .img-Administration img {
        max-width: 100%;
        height: auto;
    }
    .Administration-microsmart .container .row .img2-Administration img {
        max-width: 100%;
        height: auto;
    }

    .Administration-microsmart .container .row .text-Administration h3 {
        font-size: 39px;
        margin-bottom: 30px;
        position: relative;
    }
    .Administration-microsmart .container .row .text-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text-Administration p {
        width: fit-content;
    }

    .Administration-microsmart .container .row .text2-Administration h3 {
        font-size: 32px;
        margin-bottom: 24px;
        position: relative;
    }
    .Administration-microsmart .container .row .text3-Administration h3 {
        font-size: 36px;
        margin-bottom: 30px;
        position: relative;
    }
    .Administration-microsmart .container .row .text3-Administration {
        margin-top: 4rem;
    }
    .Administration-microsmart .container .row .text2-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text3-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text2-Administration p {
        width: 368px;
    }
    .Administration-microsmart .container .row .text3-Administration p {
        width: 608px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .Administration-microsmart {
        height: 1610px;
    }

    .Administration-microsmart .topp {
        font-size: 34px;
        position: relative;
        top: 27px;
    }

    .Administration-microsmart .topp::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 150px;
        height: 6px;
    }

    .Administration-microsmart .container .row .img-Administration img {
        max-width: 90%;
        height: auto;
    }
    .Administration-microsmart .container .row .img2-Administration img {
        max-width: 90%;
        height: auto;
    }

    .Administration-microsmart .container .row .text-Administration h3 {
        font-size: 34px;
        margin-bottom: 30px;
        position: relative;
        margin-top: 41px;
    }
    .Administration-microsmart .container .row .text-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text-Administration p {
        width: fit-content;
    }

    .Administration-microsmart .container .row .text2-Administration h3 {
        font-size: 30px;
        margin-bottom: 24px;
        position: relative;
        text-align: center;
    }
    .Administration-microsmart .container .row .text3-Administration h3 {
        font-size: 36px;
        margin-bottom: 30px;
        position: relative;
    }
    .Administration-microsmart .container .row .text2-Administration {
        margin-left: 0;
    }
    .Administration-microsmart .container .row .text3-Administration {
        margin-top: 2rem;
    }
    .Administration-microsmart .container .row .text2-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 140px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text3-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text2-Administration p {
        width: fit-content;
        text-align: center;
    }
    .Administration-microsmart .container .row .text3-Administration p {
        width: fit-content;
        text-align: center;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .Administration-microsmart {
        height: 1470px;
    }

    .Administration-microsmart .topp {
        font-size: 34px;
        position: relative;
        top: 27px;
    }

    .Administration-microsmart .topp::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 150px;
        height: 6px;
    }

    .Administration-microsmart .container .row .img-Administration img {
        max-width: 90%;
        height: auto;
    }
    .Administration-microsmart .container .row .img2-Administration img {
        max-width: 90%;
        height: auto;
    }

    .Administration-microsmart .container .row .text-Administration h3 {
        font-size: 29px;
        margin-bottom: 30px;
        position: relative;
        margin-top: 41px;
    }
    .Administration-microsmart .container .row .text-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -17px;
        right: 0;
        width: 121px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text-Administration p {
        width: fit-content;
        font-size: 15px;
    }

    .Administration-microsmart .container .row .text2-Administration h3 {
        font-size: 29px;
        margin-bottom: 24px;
        position: relative;
        text-align: center;
    }
    .Administration-microsmart .container .row .text3-Administration h3 {
        font-size: 29px;
        margin-bottom: 30px;
        position: relative;
    }
    .Administration-microsmart .container .row .text2-Administration {
        margin-left: 0;
    }
    .Administration-microsmart .container .row .text3-Administration {
        margin-top: 4rem;
    }
    .Administration-microsmart .container .row .text2-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 140px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text3-Administration h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
    .Administration-microsmart .container .row .text2-Administration p {
        width: fit-content;
        text-align: center;
        font-size: 15px;
    }
    .Administration-microsmart .container .row .text3-Administration p {
        width: fit-content;
        text-align: center;
        font-size: 15px;
    }
}

/* Administration-microsmart End */

/* ///////////////////////////////// */

/* microsmart page End */

/* ///////////////////////////////// */

/* ///////////////////////////////// */

/* Strategy page Start */

/* ///////////////////////////////// */

/* banner-Strategy Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .banner-Strategy .container p {
        font-size: 42px;
        margin-top: 93px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .banner-Strategy .container p {
        font-size: 40px;
        margin-top: 83px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .banner-Strategy .container p {
        font-size: 30px;
        margin-top: 73px;
    }
}

/* banner-Strategy End */

/* Vision-Strategy Start */

@media (min-width: 768px) and (max-width: 1185px) {
    .Vision-Strategy {
        margin-top: 1rem;
    }

    .Vision-Strategy h3.toptext {
        font-size: 34px;
        margin-bottom: 140px;
        position: relative;
        top: 50px;
    }
    .Vision-Strategy h3.toptext::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Vision-Strategy .container .row .img-Vision img {
        max-width: 100%;
        height: auto;
    }

    .Vision-Strategy .container .row .text-Vision p {
        width: fit-content;
    }
    .Vision-Strategy .container .row .text-Vision h3 {
        font-size: 46px;
        margin-bottom: 30px;
        position: relative;
    }
    .Vision-Strategy .container .row .text-Vision h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 160px;
        height: 6px;
    }
}

@media (min-width: 480px) and (max-width: 767.9px) {
    .Vision-Strategy {
        margin-top: 1rem;
    }

    .Vision-Strategy h3.toptext {
        font-size: 34px;
        margin-bottom: 140px;
        position: relative;
        top: 50px;
    }
    .Vision-Strategy h3.toptext::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Vision-Strategy .container .row .img-Vision img {
        max-width: 100%;
        height: auto;
        margin-top: -40px;
    }

    .Vision-Strategy .container .row .text-Vision p {
        width: fit-content;
    }
    .Vision-Strategy .container .row .text-Vision h3 {
        font-size: 46px;
        margin-bottom: 30px;
        position: relative;
    }
    .Vision-Strategy .container .row .text-Vision h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 130px;
        height: 6px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .Vision-Strategy {
        margin-top: 1rem;
    }

    .Vision-Strategy h3.toptext {
        font-size: 34px;
        margin-bottom: 140px;
        position: relative;
        top: 50px;
    }
    .Vision-Strategy h3.toptext::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Vision-Strategy .container .row .img-Vision img {
        max-width: 100%;
        height: auto;
        margin-top: -40px;
    }

    .Vision-Strategy .container .row .text-Vision p {
        width: fit-content;
    }
    .Vision-Strategy .container .row .text-Vision h3 {
        font-size: 36px;
        margin-bottom: 30px;
        position: relative;
    }
    .Vision-Strategy .container .row .text-Vision h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 100px;
        height: 6px;
    }
}

/* Vision-Strategy End */

/* message-Strategy Start */

@media (min-width: 768px) and (max-width: 1185px) {
    .message-Strategy {
        margin-top: -7rem;
    }

    .message-Strategy .container .row .img-message img {
        max-width: 100%;
        height: auto;
    }

    .message-Strategy .container .row .text-message p {
        width: fit-content;
    }
    .message-Strategy .container .row .text-message h3 {
        font-size: 46px;
        margin-bottom: 30px;
        position: relative;
    }
    .message-Strategy .container .row .text-message h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 160px;
        height: 6px;
    }
}

@media (min-width: 480px) and (max-width: 767.9px) {
    .message-Strategy {
        margin-top: -7rem;
    }
    .message-Strategy .container .row .img-message img {
        max-width: 100%;
        height: auto;
        margin-top: -50px;
    }

    .message-Strategy .container .row .text-message p {
        width: fit-content;
    }
    .message-Strategy .container .row .text-message h3 {
        font-size: 46px;
        margin-bottom: 30px;
        position: relative;
    }
    .message-Strategy .container .row .text-message h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 130px;
        height: 6px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .message-Strategy {
        margin-top: -7rem;
    }
    .message-Strategy .container .row .img-message img {
        max-width: 100%;
        height: auto;
        margin-top: -40px;
    }

    .message-Strategy .container .row .text-message p {
        width: fit-content;
    }
    .message-Strategy .container .row .text-message h3 {
        font-size: 36px;
        margin-bottom: 30px;
        position: relative;
    }
    .message-Strategy .container .row .text-message h3::after {
        content: " ";
        position: absolute;
        bottom: -14px;
        right: 0;
        width: 100px;
        height: 6px;
    }
}

/* message-Strategy End */

/* Objectives-Strategy Start */

@media (min-width: 769px) and (max-width: 991.9px) {
    .Objectives-Strategy {
        height: 1145px;
        margin-top: -1rem;
    }

    .Objectives-Strategy h3 {
        font-size: 44px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Objectives-Strategy .container .row .Object-Objectives {
        width: 650px;
        height: 200px;
        margin: 1rem auto;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object {
        height: 130px;
        width: 130px;
        margin-left: 15px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object img {
        width: 70px;
        height: 70px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .text-Object p {
        font-size: 18px;
        width: 400px;
    }

    section.Objectives-Strategy {
        margin: 0 0;
        margin-top: 8rem;
    }
}

@media (min-width: 991.91px) and (max-width: 1185px) {
    .Objectives-Strategy {
        height: 700px;
        margin-top: -1rem;
    }

    .Objectives-Strategy h3 {
        font-size: 44px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
}

@media (min-width: 573px) and (max-width: 768px) {
    .Objectives-Strategy {
        height: 1145px;
        margin-top: -1rem;
    }

    .Objectives-Strategy h3 {
        font-size: 44px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Objectives-Strategy .container .row .Object-Objectives {
        width: 535px;
        height: 193px;
        margin: 1rem auto;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object {
        height: 98px;
        width: 98px;
        margin-left: 4px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object img {
        width: 50px;
        height: 50px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .text-Object p {
        font-size: 17px;
        width: 358px;
    }
}

@media (min-width: 481px) and (max-width: 572px) {
    .Objectives-Strategy {
        height: 935px;
    }
    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }
}

@media (min-width: 320px) and (max-width: 381px) {
    .Objectives-Strategy {
        height: 1085px;
        margin-top: -1rem;
    }

    .Objectives-Strategy h3 {
        font-size: 44px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Objectives-Strategy .container .row .Object-Objectives {
        width: 285px;
        height: 185px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .contant-Object {
        display: flex;
        flex-direction: column;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object {
        height: 64px;
        width: 64px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object img {
        width: 30px;
        height: 30px;
    }
    .zx {
        position: relative;
        top: 10px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .text-Object p {
        font-size: 15px;
        width: fit-content;
        text-align: center;
        margin-top: 20px;
    }
}

@media (min-width: 381px) and (max-width: 480px) {
    .Objectives-Strategy {
        height: 1145px;
        margin-top: -1rem;
    }

    .Objectives-Strategy h3 {
        font-size: 44px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .Objectives-Strategy h3::after {
        content: " ";
        position: absolute;
        bottom: -13px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .Objectives-Strategy .container .row .Object-Objectives {
        width: 346px;
        height: 185px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .contant-Object {
        display: flex;
        flex-direction: column;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object {
        height: 64px;
        width: 64px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .img-Object img {
        width: 30px;
        height: 30px;
    }
    .zx {
        position: relative;
        top: 10px;
    }

    .Objectives-Strategy .container .row .Object-Objectives .text-Object p {
        font-size: 15px;
        width: fit-content;
        text-align: center;
        margin-top: 20px;
    }
}

/* Objectives-Strategy End */

/* ///////////////////////////////// */

/* Strategy page End */

/* ///////////////////////////////// */

/* ///////////////////////////////// */

/* businessSolutions page Start */

/* ///////////////////////////////// */

/* banner-businessSolutions Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .banner-businessSolutions .container p {
        font-size: 48px;
        margin-top: 93px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .banner-businessSolutions .container p {
        font-size: 45px;
        margin-top: 83px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .banner-businessSolutions .container p {
        font-size: 32px;
        margin-top: 73px;
    }
}

/* banner-businessSolutions End */

/* Solutions-businessSolutions Start */

@media (min-width: 769px) and (max-width: 1185px) {
    .Solutions-businessSolutions .container .row .img-Solutions img {
        max-width: 100%;
        height: auto;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3 {
        font-size: 43px;
        margin-bottom: 23px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3::after {
        content: " ";
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 170px;
        height: 5px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions p {
        width: fit-content;
        font-size: 16px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .Solutions-businessSolutions .container .row .img-Solutions img {
        max-width: 100%;
        height: auto;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3 {
        font-size: 38px;
        margin-bottom: 23px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3::after {
        content: " ";
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 160px;
        height: 5px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions p {
        width: fit-content;
        font-size: 17px;
    }
}
@media (min-width: 320px) and (max-width: 480px) {
    .Solutions-businessSolutions .container .row .img-Solutions img {
        max-width: 100%;
        height: auto;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3 {
        font-size: 36px;
        margin-bottom: 23px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions h3::after {
        content: " ";
        position: absolute;
        bottom: -10px;
        right: 0;
        width: 145px;
        height: 5px;
    }
    .Solutions-businessSolutions .container .row .text-Solutions p {
        width: fit-content;
        font-size: 16px;
    }
}

/* Solutions-businessSolutions End */

/* BusinessSolutions-Services Start */

@media (min-width: 769px) and (max-width: 991.5px) {
    .BusinessSolutions-Services {
        height: 1031px;
    }

    .BusinessSolutions-Services .container h3 {
        font-size: 36px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }

    .BusinessSolutions-Services .container h3::after {
        content: " ";
        position: absolute;
        bottom: -16px;
        right: 50%;
        transform: translateX(50%);
        width: 250px;
        height: 6px;
    }

    .BusinessSolutions-Services .container .row .card-BusinessSolutions {
        height: 177px;
        width: 654px;
        margin: 1rem auto;
    }
    .BusinessSolutions-icon {
        width: 110px;
        height: 110px;
        margin-right: 11px;
        margin-left: 25px;
    }
    .BusinessSolutions-icon i {
        font-size: 34px;
    }
    .BusinessSolutions-Services
        .container
        .row
        .text-BusinessSolutions-Services
        p {
        font-size: 26px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions:hover {
        transform: scale(1.07);
        -webkit-transform: scale(1.07);
        -moz-transform: scale(1.07);
        -ms-transform: scale(1.07);
        -o-transform: scale(1.07);
    }
}

@media (min-width: 480px) and (max-width: 607.5px) {
    .BusinessSolutions-Services {
        height: 960px;
    }

    .BusinessSolutions-Services .container h3 {
        font-size: 36px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }
}

@media (min-width: 608px) and (max-width: 769px) {
    .BusinessSolutions-Services {
        height: 1100px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions {
        height: 177px;
        width: 540px;
        margin: 1rem auto;
    }

    .BusinessSolutions-icon {
        width: 80px;
        height: 80px;
        margin-right: 11px;
        margin-left: 25px;
    }
    .BusinessSolutions-icon i {
        font-size: 21px;
    }
    .BusinessSolutions-Services
        .container
        .row
        .text-BusinessSolutions-Services
        p {
        font-size: 24px;
    }

    .BusinessSolutions-Services .container h3 {
        font-size: 36px;
        margin-bottom: 100px;
        position: relative;
        top: 50px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }
}

@media (min-width: 320px) and (max-width: 392px) {
    .BusinessSolutions-Services {
        height: 940px;
    }
    .BusinessSolutions-Services .container .row .BusinessSolutions-contant {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .BusinessSolutions-Services .container h3 {
        font-size: 28px;
        margin-bottom: 85px;
        position: relative;
        top: 50px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }

    .BusinessSolutions-Services .container .row .card-BusinessSolutions {
        height: 145px;
        width: 276px;
        margin: 1rem auto;
        border-radius: 22px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        -ms-border-radius: 22px;
        -o-border-radius: 22px;
    }
    .BusinessSolutions-Services .container h3::after {
        content: " ";
        position: absolute;
        bottom: -19px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .BusinessSolutions-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 7px;
    }
    .BusinessSolutions-icon i {
        font-size: 21px;
    }
    .BusinessSolutions-Services
        .container
        .row
        .text-BusinessSolutions-Services
        p {
        font-size: 17px;
        text-align: center;
    }
}
@media (min-width: 393px) and (max-width: 480px) {
    .BusinessSolutions-Services {
        height: 990px;
    }
    .BusinessSolutions-Services .container .row .BusinessSolutions-contant {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .BusinessSolutions-Services .container h3 {
        font-size: 28px;
        margin-bottom: 85px;
        position: relative;
        top: 50px;
    }
    .BusinessSolutions-Services .container .row .card-BusinessSolutions:hover {
        transform: scale(1.02);
        -webkit-transform: scale(1.02);
        -moz-transform: scale(1.02);
        -ms-transform: scale(1.02);
        -o-transform: scale(1.02);
    }

    .BusinessSolutions-Services .container .row .card-BusinessSolutions {
        height: 165px;
        width: 340px;
        margin: 1rem auto;
        border-radius: 22px;
        -webkit-border-radius: 22px;
        -moz-border-radius: 22px;
        -ms-border-radius: 22px;
        -o-border-radius: 22px;
    }
    .BusinessSolutions-Services .container h3::after {
        content: " ";
        position: absolute;
        bottom: -19px;
        right: 50%;
        transform: translateX(50%);
        width: 180px;
        height: 6px;
    }

    .BusinessSolutions-icon {
        width: 60px;
        height: 60px;
        margin-bottom: 7px;
    }
    .BusinessSolutions-icon i {
        font-size: 21px;
    }
    .BusinessSolutions-Services
        .container
        .row
        .text-BusinessSolutions-Services
        p {
        font-size: 17px;
        text-align: center;
    }
}

/* BusinessSolutions-Services End */

/* Start IT Business Solutions */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-businessSolutionsIT .container p {
        font-size: 35px;
    }
    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        h3 {
        font-size: 35px;
        width: 600px;
    }
    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        p {
        font-size: 16px;
        width: fit-content;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .Advantages-businessSolutionsIT .container .row .Ad-Advantages {
        width: 650px;
        height: 200px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .img-Ad {
        height: 120px;
        width: 120px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .img-Ad img {
        width: 70px;
        height: 70px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .text-Ad p {
        font-size: 22px;
        font-weight: 400;
        width: 400px;
        margin-right: 10px;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .Advantages-businessSolutionsIT {
        height: 2098px;
    }

    .banner-businessSolutionsIT .container p {
        font-size: 35px;
    }
    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        h3 {
        font-size: 30px;
    }
    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        p {
        font-size: 16px;
        width: fit-content;
    }

    .Advantages-businessSolutionsIT h3 {
        font-size: 28px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .Advantages-businessSolutionsIT {
        height: 1431px;
    }

    .banner-businessSolutionsIT .container p {
        font-size: 22px;
        font-weight: 600;
    }

    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        h3 {
        font-size: 25px;
    }

    .businessSolutions-businessSolutionsIT
        .container
        .row
        .text-businessSolutionsIT
        p {
        font-size: 16px;
        width: fit-content;
    }

    .Advantages-businessSolutionsIT h3 {
        font-size: 28px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages {
        width: 280px;
        height: 120px;
        margin: 1rem auto;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .img-Ad {
        height: 60px;
        width: 60px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .img-Ad img {
        width: 35px;
        height: 35px;
    }

    .Advantages-businessSolutionsIT .container .row .Ad-Advantages .text-Ad p {
        font-size: 15px;
        width: 175px;
    }
}
/* End IT Business Solutions */

/* Start Phone2-PhoneApplications */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-PhoneApplications .container p {
    }

    .Phone-PhoneApplications .container .row .text-Phone h3 {
        font-size: 25px;
    }

    .Phone-PhoneApplications .container .row .text-Phone p {
        font-size: 16px;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-PhoneApplications .container p {
        font-size: 40px;
    }

    .Phone-PhoneApplications .container .row .text-Phone h3 {
        font-size: 25px;
    }

    .Phone-PhoneApplications .container .row .text-Phone p {
        font-size: 16px;
        width: fit-content;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .banner-PhoneApplications .container p {
        font-size: 30px;
        font-weight: 600;
    }

    .Phone-PhoneApplications .container .row .text-Phone h3 {
        font-size: 25px;
    }

    .Phone-PhoneApplications .container .row .text-Phone p {
        font-size: 16px;
        width: fit-content;
    }
}

/* ENd Phone2-PhoneApplications */

/* Start  Website Designing and Programming */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-ProgrammingWebsites .container p {
    }

    .Websites-ProgrammingWebsites .container .row .text-Websites h3 {
        font-size: 25px;
    }
    .Websites-ProgrammingWebsites .container .row .text-Websites p {
        font-size: 16px;
        width: fit-content;
    }
}
@media (min-width: 576px) and (max-width: 992px) {
    .banner-ProgrammingWebsites .container p {
        font-size: 36px;
        font-weight: 600;
    }

    .Websites-ProgrammingWebsites .container .row .text-Websites h3 {
        font-size: 25px;
    }
    .Websites-ProgrammingWebsites .container .row .text-Websites p {
        font-size: 16px;
        width: fit-content;
    }
}
@media (min-width: 320px) and (max-width: 576px) {
    .banner-ProgrammingWebsites .container p {
        font-size: 29px;
        font-weight: 600;
    }

    .Websites-ProgrammingWebsites .container .row .text-Websites h3 {
        font-size: 25px;
    }
    .Websites-ProgrammingWebsites .container .row .text-Websites p {
        font-size: 16px;
        width: fit-content;
        font-size: 16px;
    }
}

/* End Website Designing and Programming */

/* Start Innovative graphic design */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-graphicDesign .container p {
        font-weight: 600;
        font-size: 35px;
    }

    .graphic-graphicDesign .container .row .text-graphic h3 {
        font-size: 40px;
    }

    .graphic-graphicDesign .container .row .text-graphic p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-graphicDesign .container p {
        font-size: 30px;
        font-weight: 600;
    }

    .graphic-graphicDesign .container .row .text-graphic h3 {
        font-size: 35px;
        width: 400px;
    }

    .graphic-graphicDesign .container .row .text-graphic p {
        font-weight: 400;
        width: fit-content;
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .banner-graphicDesign .container p {
        font-size: 25px;
        font-weight: 600;
    }

    .graphic-graphicDesign .container .row .text-graphic h3 {
        font-size: 30px;
    }

    .graphic-graphicDesign .container .row .text-graphic p {
        font-weight: 400;
        width: fit-content;
    }
}

/* ENd Innovative graphic design */

/* Start Motion Graphics */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-MotionGraphic .container p {
        font-size: 40px;
        font-weight: 600;
    }
    .Motion-MotionGraphic .container .row .text-Motion h3 {
        font-size: 40px;
    }
    .Motion-MotionGraphic .container .row .text-Motion p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-MotionGraphic .container p {
        font-size: 32px;
        font-weight: 600;
    }
    .Motion-MotionGraphic .container .row .text-Motion h3 {
        font-size: 35px;
    }
    .Motion-MotionGraphic .container .row .text-Motion p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .banner-MotionGraphic .container p {
        font-size: 25px;
        font-weight: 600;
    }

    .Motion-MotionGraphic .container .row .text-Motion h3 {
        font-size: 35px;
    }
    .Motion-MotionGraphic .container .row .text-Motion p {
        font-weight: 400;
        width: fit-content;
    }
}

/* End Motion Graphics */

/* Start Networks */
@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-networks .container p {
        font-size: 40px;
        font-weight: 600;
    }

    .net-networks .container .row .text-net h3 {
        font-size: 40px;
    }

    .net-networks .container .row .text-net p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-networks .container p {
        font-size: 35px;
        font-weight: 600;
    }

    .net-networks .container .row .text-net h3 {
        font-size: 35px;
        width: 400px;
    }
    .net-networks .container .row .text-net p {
        font-weight: 400;
        width: fit-content;
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 576px) {
    .banner-networks .container p {
        font-size: 25px;
        font-weight: 600;
    }
    .net-networks .container .row .text-net h3 {
        font-size: 30px;
    }

    .net-networks .container .row .text-net p {
        font-weight: 400;
        width: fit-content;
    }
}

/* End Networks */

/* Start Individual */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-individuals .container p {
        font-size: 47px;
    }

    .indiv-individuals .container .row .text-individuals p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-individuals .container p {
        font-size: 43px;
    }

    .indiv-individuals .container .row .text-individuals p {
        font-weight: 500;
        width: fit-content;
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .banner-individuals .container p {
        font-size: 30px;
    }

    .indiv-individuals .container .row .text-individuals p {
        font-weight: 500;
        width: fit-content;
        font-size: 16px;
    }
    .indiv-individuals h3::after {
        content: " ";
        position: absolute;
        bottom: -19px;
        right: 50%;
        transform: translateX(50%);
        width: 130px;
        height: 6px;
        -webkit-transform: translateX(50%);
        -moz-transform: translateX(50%);
        -ms-transform: translateX(50%);
        -o-transform: translateX(50%);
    }
}

/* End Individual */

/* Start Organizations */

@media (min-width: 1025px) and (max-width: 1280px) {
}

@media (min-width: 993px) and (max-width: 1199px) {
    .banner-organizations .container p {
        font-size: 47px;
    }

    .organiz-organizations .container .row .text-organizations p {
        font-weight: 400;
        width: fit-content;
    }
}

@media (min-width: 576px) and (max-width: 992px) {
    .banner-organizations .container p {
        font-size: 43px;
    }

    .organiz-organizations .container .row .text-organizations p {
        font-weight: 500;
        width: fit-content;
        font-size: 16px;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .banner-organizations .container p {
        font-size: 30px;
    }

    .organiz-organizations .container .row .text-organizations p {
        font-weight: 500;
        width: fit-content;
        font-size: 16px;
    }
    a.for-form {
        padding: 14px 11px;
        font-size: 13px;
    }
}

/* End Organizations */

/* Start Serv */

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-digitalTransformation-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-digitalTransformation-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-digitalTransformation-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-networks-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-networks-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-networks-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-OrganizationTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-OrganizationTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-OrganizationTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-personnelTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-personnelTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-personnelTraining-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-design-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-design-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-design-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 769px) and (max-width: 991.9px) {
    .serv-business-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .serv-business-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .serv-business-servArabic h3.ff {
        font-size: 34px;
        margin-bottom: 130px;
    }
}
/* ///////////////////////////////// */

@media (min-width: 769px) and (max-width: 1185px) {
    .banner-personnelTraining-servArabic .container p,
    .banner-OrganizationTraining-servArabic .container p,
    .banner-networks-servArabic .container p,
    .banner-digitalTransformation-servArabic .container p,
    .banner-design-servArabic .container p,
    .banner-businessSolutions-servArabic .container p ,
    .banner-privacy .container p ,
     .banner-use .container p {
        font-size: 42px;
        margin-top: 93px;
    }
}

@media (min-width: 480px) and (max-width: 769px) {
    .banner-personnelTraining-servArabic .container p,
    .banner-OrganizationTraining-servArabic .container p,
    .banner-networks-servArabic .container p,
    .banner-digitalTransformation-servArabic .container p,
    .banner-design-servArabic .container p,
    .banner-businessSolutions-servArabic .container p ,
    .banner-privacy .container p ,
    .banner-use .container p {
        font-size: 40px;
        margin-top: 83px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .banner-personnelTraining-servArabic .container p,
    .banner-OrganizationTraining-servArabic .container p,
    .banner-networks-servArabic .container p,
    .banner-digitalTransformation-servArabic .container p,
    .banner-design-servArabic .container p,
    .banner-businessSolutions-servArabic .container p ,
    .banner-privacy .container p ,
    .banner-use .container p {
        font-size: 38px;
        margin-top: 73px;
    }
}

/* End Serv */

@media (min-width: 992px) and (max-width: 1200px) {
    iframe {
        width: 500px;
        height: 400px;
    }
}

@media (min-width: 767px) and (max-width: 992px) {
    iframe {
        width: 400px;
        height: 300px;
    }
}

@media (min-width: 320px) and (max-width: 766px) {
    iframe {
        width: 100%;
        height: 400px;
    }
    .CompanyAddress .r {
        margin: 60px 0 0;
    }
}

@media (max-width: 447px) {
    iframe {
        width: 100%;
        height: 300px;
    }
    .CompanyAddress .r {
        margin: 60px 0 0;
    }
}