@media (max-width: 1680px) {
    .banner::after {
        height: 96.8%;
    }
    footer .footer-contact .map-shape .iframe iframe {
        height: 99.5%;
        width: 99.4%;
        margin-top: 2px;
        margin-left: 2px;
    }
}

@media (max-width: 1600px) {
    .banner::after {
        height: 100%;
    }
    .inner-banner .text {
        width: 77%;
    }
    footer .footer-contact .map-shape .iframe iframe {
        height: 99.4%;
        width: 99.2%;
    }
}

@media (max-width: 1536px) {
    p {
        line-height: 24px;
    }
    .cloud-benifits h5{
        font-size:22px;
    }
    .industries .image-text img{
        height: 550px;
    }

    .banner .banner-text .reach-btn,
    .improve p,
    .improve a,
    .service2 .row1 p,
    .service2 .readmore,
    .service2 .row2 .col-lg-6:first-child p,
    .service2 .row2 ul li,
    footer .footer-contact p,
    footer .footer-contact .address a,
    footer .copyright p {
        font-size: 15px;
    }

    .banner {
        height: 92vh;
    }

    .banner .carousel-caption {
        bottom: 16rem;
        text-align: left;
        left: 47%;
    }

    .banner .banner-text h1,
    .improve h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .improve p {
        width: 92%;
    }

    .service-cards a {
        font-size: 18px;
    }

    .help .image {
        text-align: center;
    }

    .help .image img {
        width: 80%;
    }

    .help .image::before {
        right: 90px;
        top: -60px;
        transform: scale(0.8);
    }

    .help .image::after {
        bottom: 0;
        left: 40px;
        width: 120px;
        height: 120px;
    }

    .improve {
        background: linear-gradient(162.4deg, var(--red) 60%, transparent 50%);
    }

    .improve h4 {
        font-size: 15px;
    }

    .improve .image::before {
        right: 50px;
        top: -100px;
    }

    .improve .image::after {
        right: 150px;
        bottom: 30px;
        left: unset;
        transform: scale(0.7);
    }

    .service2 h2,
    footer .footer-contact h2 {
        font-size: 50px;
    }

    .service2 .row1 a:not(.readmore) {
        font-size: 18px;
    }

    .service2 .readmore {
        padding: 10px 22px;
    }

    .services .carousel-indicators {
        bottom: -50px;
    }

    .service2 .row2 h3 {
        font-size: 35px;
        line-height: 46px;
    }

    .service2 .row2 h4 {
        font-size: 28px;
    }

    .service2 .paly-button {
        width: 115px;
        height: 115px;
        left: -103px;
    }

    footer .footer-contact h4 {
        font-size: 22px;
    }

    footer .footer-contact .address h5 {
        font-size: 16px;
    }

    footer .footer-contact .map-image {
        text-align: center;
    }

    footer .footer-contact .map-image img {
        width: 80%;
    }

    footer .footer-contact .map-image::before {
        width: 200px;
        height: 200px;
        top: -40px;
        right: 80px;
    }

    footer .footer-contact .map-shape .iframe {
        width: 79%;
        left: 50%;
        transform: translateX(-50%);
    }

    footer .footer-contact .map-shape .figure {
        right: 100px;
        top: 35px;
    }

    .inner-banner .text h2 {
        font-size: 35px;
    }

    .breadcrumb li {
        font-size: 15px;
    }

    .contact-form h3 {
        font-size: 35px;
    }

    .contact-form p {
        font-size: 15px;
    }

    .contact-form p.pp {
        width: 59%;
    }

    .inner-banner .text {
        width: 80%;
    }

    .careers h3 {
        font-size: 35px;
    }

    .inner-banner .text p {
        font-size: 15px;
    }

    .careers p,
    .careers .single-vacancy p,
    .careers .location-apply a {
        font-size: 15px;
    }

    .careers h2 {
        font-size: 28px;
    }

    .about-stand p {
        width: 100%;
    }

    .customer .card h3 {
        font-size: 28px;
    }

    .stand.about-stand .image img {
        width: 80%;
    }

    .stand.about-stand .image::before {
        transform: scale(0.8);
        right: 80px;
        top: -50px;
    }

    .stand.about-stand .image::after {
        right: 130px;
        bottom: -50px;
    }

    .stand.about-stand .row {
        align-items: center;
    }

    .customer {
        background-size: 80%;
    }

    .inner-services .header-desc,
    .inner-services .card-big p,
    .inner-services .card-big a {
        font-size: 15px;
    }

    .inner-services a {
        font-size: 18px;
    }

    .inner-services h5 {
        font-size: 35px;
    }

    .inner-services .card-big {
        padding: 100px;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 73.4%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .consulting-img .card h4 {
        font-size: 35px;
    }

    .consulting-img p,
    .consulting-img-bg .card li {
        font-size: 15px;
    }

    .stand.consultant .image img {
        width: 80%;
    }

    .improve.consultant .row {
        align-items: center;
    }

    .improve.consultant .image::before {
        transform: scale(.8);
        right: 70px;
        top: -50px;
    }

    .improve.consultant .image::after {
        transform: scale(.7);
        right: 140px;
        bottom: -50px;
    }

    .staffing h2,
    .immigration h2 {
        font-size: 50px;
    }

    .staffing p,
    .immigration p {
        font-size: 15px;
    }

    .immigration .card i {
        font-size: 120px;
    }

    .immigration .card h4 {
        font-size: 28px;
    }
    .service-section1 h2 {
        font-size: 40px;
        line-height: 50px;
    }
    .types-cloud h2 {
        font-size: 50px;
    }
}

@media (max-width: 1440px) {
    .banner::after {
        height: 89.9vh;
    }
    .industries .image-text .card {
        left: 60px;
        right: -10px;
    }
    .industries.industries2 .image-text .card {
        left: -10px;
        right: 60px;
    }

    .banner .carousel-caption {
        bottom: 14rem;
    }

    .banner .carousel-indicators {
        bottom: 100px;
    }

    .improve {
        background: linear-gradient(160.4deg, var(--red) 60.8%, transparent 50%);
    }

    footer .footer-contact .map-shape .iframe {
        height: 99%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    .inner-banner .text {
        width: 88%;
    }
}

@media (max-width: 1366px) {
    .navbar-brand img {
        width: 200px;
    }
    .service-section2 .image-col img{
        height: 280px;
    }
    .service-section2 .image2 img{
        height: 280px;
    }
    .service-section2 .image-col{
        margin-bottom: 150px;
    }
    .types-cloud .card h4{
        font-size:19px;
    }
    .industries .image-text .card{
        bottom:0;
    }
    .industries .image-text img{
        height: 500px;
    }
    .navbar-expand-lg .navbar-nav .nav-link,
    .navbar .reach-btn {
        font-size: 16px;
    }

    .banner,
    .banner::after {
        height: 95vh;
    }

    .banner .banner-text h1,
    .improve h2 {
        font-size: 55px;
        line-height: 65px;
    }

    .banner .carousel-caption {
        bottom: 13rem;
        left: 45%;
    }

    .banner .carousel-item img {
        width: 96% !important;
    }

    .banner .carousel-caption h1 {
        font-size: 40px;
    }

    .banner .carousel-caption a {
        /* font-size: 15px; */
        width: 180px;
    }

    .banner .carousel-indicators {
        bottom: 20px;
    }

    .service-cards .card {
        gap: 18px;
        padding: 30px;
    }

    .service-cards img {
        width: 50px;
    }

    .help h2 {
        font-size: 32px;
    }

    .help .rtcm_info h3 {
        font-size: 20px;
    }

    .help .image::before {
        right: 60px;
        top: -70px;
        transform: scale(0.6);
    }

    .help .image::after {
        left: 20px;
    }

    .help .rtcm_info img {
        width: 50px;
    }

    .improve {
        background: linear-gradient(165.2deg, var(--red) 64.7%, transparent 50%);
    }

    .improve h2 {
        font-size: 55px;
        line-height: 70px;
    }

    .improve p {
        width: 95%;
    }

    .improve .image::before {
        right: 10px;
        top: -110px;
    }

    .improve .image::after {
        right: 120px;
        left: unset;
        transform: scale(0.6);
    }

    /* .services {
        height: auto;
        padding-top: 50px;
        padding-bottom: 80px;
    } */
    .services h4 {
        font-size: 17px;
    }

    .services h2 {
        font-size: 36px;
    }

    .services .carousel-item h3 {
        font-size: 24px;
    }

    .service2 .read-more {
        margin-top: 10px;
        margin-left: 80px;
    }

    .service2 .row2 {
        margin-top: -60px;
    }

    .service2 .paly-button {
        width: 85px;
        height: 85px;
        left: -73px;
    }

    .service2 h2,
    footer .footer-contact h2 {
        font-size: 45px;
    }

    footer .footer-contact {
        background-size: 57%;
    }

    footer .footer-contact h4 {
        font-size: 20px;
    }

    footer .footer-contact h2 {
        font-size: 50px;
    }

    footer .footer-contact .map-image::before {
        width: 150px;
        height: 150px;
        top: -20px;
        right: 100px;
    }

    footer .footer-contact .map-image img {
        width: 70%;
    }

    footer .footer-contact .map-shape .iframe {
        width: 69%;
    }

    footer .footer-contact .map-shape .figure {
        right: 104px;
        top: 20px;
    }

    .contact-form p.pp {
        width: 69%;
        margin-bottom: 30px;
    }

    .contact-form {
        height: auto;
        padding: 50px 0;
    }

    .inner-banner nav {
        width: 20%;
    }

    .breadcrumb {
        justify-content: end;
    }

    .careers {
        height: auto;
        padding: 50px 0;
    }

    .stand h3 {
        font-size: 22px;
    }

    .about-stand p {
        width: 100%;
    }

    .stand .row2 .col-lg-6 img {
        width: 70px;
    }

    .stand.about-stand .image::before {
        transform: scale(0.6);
        right: 40px;
        top: -60px;
    }

    .stand.about-stand .image::after {
        right: 100px;
        bottom: -60px;
    }

    .stand h2 {
        margin-bottom: 20px;
    }

    .stand.about-stand .row2 {
        margin-top: 30px;
        row-gap: 20px;
    }

    .customer .card {
        padding-right: 300px;
    }

    .customer .card .call-us h5 {
        font-size: 22px;
    }

    .customer .card {
        width: 83%;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 77.7%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .inner-services .card-big {
        padding: 70px;
    }

    .inner-banner .text {
        width: 82%;
    }

    .improve.consultant .image::before {
        transform: scale(0.6);
        right: 40px;
        top: -80px;
    }

    .improve.consultant .image::after {
        transform: scale(0.6);
        right: 120px;
        bottom: -60px;
    }

    .staffing {
        height: auto;
        padding: 50px 0;
    }

    .staffing h2,
    .immigration h2 {
        font-size: 45px;
    }

    .staffing .text-col h4 {
        font-size: 22px;
    }
    .improve h2 {
        font-size: 40px;
        line-height: normal;
    }
    .consulting-img,
    .service-section3,
    .industries {
        height: auto;
        padding: 50px 0;
    }
    .consulting-img .card {
        top: 0;
    }

    .types-cloud h2 {
        font-size: 45px;
    }
}

@media (max-width: 1346px) {
    .banner .carousel-caption {
        bottom: 12rem;
        left: 46%;
    }

    .inner-banner nav {
        width: 22%;
    }
}

@media (max-width: 1280px) {
    .banner, .banner::after {
        height: 93.8vh;
    }

    .banner .carousel-caption {
        bottom: 11rem;
    }
}

@media (max-width: 1200px) {
    .banner video {
        width: 105%;
    }

    .banner::after {
        height: 92vh;
    }

    .banner .carousel-caption {
        bottom: 10rem;
    }

    .banner .carousel-caption h1 {
        font-size: 36px;
    }

    .help h2 {
        font-size: 30px;
    }

    .help .rtcm_info h3 {
        font-size: 18px;
    }

    .improve h2 {
        font-size: 55px;
        line-height: 60px;
    }

    .services h4 {
        font-size: 16px;
    }

    .services h2 {
        font-size: 32px;
    }

    .services .carousel-item h3 {
        font-size: 22px;
    }

    footer .footer-contact h4 {
        font-size: 18px;
    }

    footer .footer-contact h2 {
        font-size: 45px;
    }

    .inner-banner .text {
        width: 90%;
    }
    .improve h2 {
        font-size: 40px;
        line-height: normal;
    }
}

@media (max-width: 1199px) {
    .navbar-brand img {
        width: 200px;
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding: 10px 8px;
    }

    .nav-item:not(:last-child) {
        padding: 0 4px;
    }

    .banner {
        height: 98vh;
    }

    .banner::after {
        height: 94vh;
    }

    .banner video {
        width: 107%;
    }

    .banner .carousel-caption {
        bottom: 9rem;
        left: 45%;
    }

    .service-cards .card {
        gap: 10px;
        padding: 18px;
    }

    .service-cards a {
        font-size: 16px;
    }

    .help h2 {
        width: 80%;
    }

    .help .image::before {
        right: 30px;
        top: -90px;
        transform: scale(0.5);
    }

    .help .image::after {
        width: 100px;
        height: 100px;
    }

    .improve p {
        width: 100%;
    }

    .improve .image::before {
        right: -20px;
        top: -140px;
    }

    .improve .image::after {
        right: 110px;
        left: unset;
        transform: scale(0.5);
    }

    .services h2 {
        width: 100%;
    }

    .service2 {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 55%, var(--white) 50%);
        background-repeat: no-repeat;
    }

    .service2 .read-more {
        margin-top: 20px;
    }

    .service2 .row2 {
        margin-top: -70px;
    }

    .service2 .row2 .col-lg-6:first-child {
        margin-top: 150px;
    }

    .service2 .row2 .col-lg-6:first-child p {
        width: 100%;
    }

    .service2 .paly-button {
        width: 92px;
        height: 92px;
        left: -80px;
    }

    footer .footer-contact p br {
        display: none;
    }

    footer .footer-contact .text p br {
        display: block;
    }

    footer .footer-contact .map-image::before {
        width: 120px;
        height: 120px;
        top: -30px;
        right: 80px;
    }

    footer .footer-contact .map-shape .iframe {
        width: 68%;
    }

    footer .footer-contact .map-shape .figure img {
        width: 40px;
    }

    footer .footer-contact .map-shape .figure {
        right: 90px;
        top: 15px;
    }

    .inner-banner .text {
        width: 75%;
    }

    .contact-form p.pp {
        width: 82%;
    }

    .form form {
        width: 70%;
    }

    .inner-banner .text p {
        width: 70%;
    }

    .stand .row2 .col-lg-6 img {
        width: 55px;
    }

    .stand h3 {
        font-size: 18px;
    }

    .customer .card {
        padding-right: 200px;
    }

    .customer .card {
        width: 80%;
    }

    .customer .card h3 {
        font-size: 26px;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 76.4%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .inner-services a {
        font-size: 16px;
    }

    .inner-services img {
        width: 60px;
    }

    .inner-services .card-big {
        padding: 60px;
    }

    .inner-services h5 {
        font-size: 30px;
    }

    .improve.consultant .image::before {
        transform: scale(0.5);
        right: 10px;
    }

    .improve.consultant .image::after {
        transform: scale(0.5);
        right: 80px;
        bottom: -80px;
    }

    .consulting-img .card {
        padding: 30px;
    }

    .consulting-img-bg .card {
        width: 70%;
    }

    .inner-banner nav {
        width: 30%;
    }

    .staffing .text-col h4 {
        font-size: 20px;
    }

    .immigration .header-para {
        width: 75%;
    }

    .immigration .figure,
    .immigration .figure-img {
        height: 100%;
    }
        .staffing .text-col {
                padding: 40px;
        }
                .immigration .card {
                    padding: 40px;
                }
                .service-section1 h2 {
            font-size: 34px;
        }
}

@media (max-width: 1152px) {
    .banner video {
        width: 125%;
    }
    .industries .image-text img {
        height: 600px;
    }
    .banner::after {
        height: 93.8vh;
    }

    footer .footer-contact .map-shape .iframe {
        width: 69%;
    }

    .customer .card {
        width: 79%;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 76.3%, var(--white) 50%);
        background-repeat: repeat-y;
    }
        .inner-banner nav {
            width: 32%;
        }
    .improve h2 {
        font-size: 30px;
        line-height: normal;
    }
    .service-section3{
        padding: 50px 0;
        height: auto;
    }
}

@media (max-width: 1024px) {
    .navbar .reach-btn {
        margin-left: 1rem;
    }
    .industries .image-text img {
        height: auto;
    }
    .industries{
        height: auto;
        padding: 50px 0;
    }
    .industries h3{
        font-size:25px;
    }
    .banner .carousel-caption {
        bottom: 7rem;
    }

    .banner .banner-text h1,
    .improve h2 {
        font-size: 50px;
        line-height: 60px;
    }

    .service2 h2,
    footer .footer-contact h2 {
        font-size: 42px;
    }

    .service2 .read-more {
        margin-left: 50px;
    }

    .service2 .paly-button {
        width: 94px;
        height: 94px;
        left: -82px;
    }

    .service2 .row2 h3 {
        font-size: 32px;
        line-height: 42px;
    }

    .service2 .row2 h4 {
        font-size: 26px;
    }

    footer .footer-contact .map-shape .figure {
        right: 88px;
        top: 16px;
    }

    .inner-banner .text h2 {
        font-size: 32px;
    }

    .contact-form h3 {
        font-size: 32px;
    }

    .inner-banner .text {
        width: 85%;
    }

    .careers h3 {
        font-size: 32px;
    }

    .careers h2 {
        font-size: 26px;
    }

    .customer .card h3 {
        font-size: 26px;
    }

    .customer .card .call-us h5 {
        font-size: 20px;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 76.2%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .consulting-img .card h4 {
        font-size: 32px;
    }

    .staffing h2,
    .immigration h2 {
        font-size: 42px;
    }

    .immigration .card h4 {
        font-size: 26px;
    }
    .service-section1 h2 {
        font-size: 34px;
        line-height: 45px;
    }
    .types-cloud h2 {
        font-size: 40px;
    }
}

@media (max-width: 992px) {
    .banner video {
        width: 129%;
    }
        .inner-banner nav {
            width: 35%;
        }
    .industries.industries2 .image-text .card {
        left: 18px;
        right: 19px;
    }
}

@media (max-width: 991.98px) {}

@media (max-width: 991px) {
    .staff_scnd_img{
        display: block;
        width:100%;
        /* height: 700px;
        object-fit: cover;
        position: relative;
        bottom: 300px;
        z-index: -1; */
    }
    .service-section2{
        padding: 50px 0;
        height: auto;
    }
    .service-section2 .image-col {
        margin-bottom: 200px;
    }
    .industries ul{
        margin-bottom: 20px;
    }
    .industries .image-text .card {
        bottom:0;
        right:0;
        left: 0;
        width: 95%;
        margin: auto;
        bottom: -100px;
    }
    .industries.industries2 .image-text .card {
        right:0;
        left:0;
    }
    .industries{
        padding-bottom: 150px;
    }
    .industries.industries2 .row{
        flex-direction: column-reverse;
    }
    .immigration .header-para {
        width: 100%;
    }
    .immigration .col-lg-4:nth-child(3),
    .immigration .col-lg-4:nth-child(6){
        order:1;
    }
    .card, .cloud-benifits .col-lg-3:nth-child(3) .card{
        background-color:#282828;
        border: solid 1px #282828;
    }

    .card, .cloud-benifits .col-lg-3:nth-child(4) .card{
        background-color:var(--red);
        border: solid 1px var(--red);
    }
    .types-cloud .card{
        background-color: transparent;
    }
    .cloud-benifits .card{
        margin-bottom: 20px;
    }
    .types-cloud{
        height: auto;
        padding: 50px 0;
    }
    .types-cloud h2{
        font-size:40px;
    }
    .staffing .row{
        margin: auto
    }
    .staffing{
        flex-direction: column;
    }
    .staffing figure{
        width:100%;
        display: block;
    }
    .immigration .suffile_sec{
        display: flex;
        width:100%;
        padding: 0;
        flex-direction: row-reverse;
    }
    .inner-banner .text p{
        display: none;
    }
    .inner-banner .text h2{
        margin:auto;
        color:var(--white);
        font-size: 28px;
    }
    .inner-banner::after{
        height: 90%;
    }
    .inner-banner .text {
        width: 100%;
        position: relative;
        justify-content: center;
        align-items: center;
        background-color: #e92e28;
        padding:3px;
    }

    .banner .banner-text .reach-btn,
    .improve p,
    .improve a,
    .service2 .row1 p,
    .service2 .readmore,
    .service2 .row2 .col-lg-6:first-child p,
    .service2 .row2 ul li,
    footer .footer-contact p,
    footer .footer-contact .address a {
        font-size: 16px;
    }

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 83.9%, transparent 20%);
    } */
    .navbar-brand img {
        width: 250px;
    }

    .scrolled {
        background-color: var(--grey2) !important;
    }

    .offcanvas-collapse {
        top: 113px;
        width: 30%;
        background-color: var(--grey2);
        z-index: 1;
    }

    .navbar-toggler:focus {
        box-shadow: 0 0 0 0;
    }

    .navbar .header_phone a {
        margin-top: 10px;
    }

    .navbar-toggler {
        border: 0;
    }

    .navbar-toggler-icon {
        background-image: url('https://api.iconify.design/tabler/menu-2.svg?color=%23e92e28');
    }

    .navbar .offcanvas {
        background-color: var(--text);
        width: 327px;
    }

    .offcanvas-title img {
        width: 200px;
    }

    .offcanvas-header .btn-close {
        box-shadow: 0 0 0 0;
        margin-right: 0;
        filter: invert(1);
    }

    .navbar .navbar-nav {
        margin: auto;
        margin-top: 50px;
        margin-bottom: 0 !important;
    }

    .navbar .reach-btn {
        margin-left: 0;
        margin-top: 1rem;
    }

    .nav-item:not(:last-child) {
        padding: 0;
    }

    .navbar .phone-email {
        margin: 50px 0;
    }

    .navbar .phone-email p {
        color: var(--white);
        margin-bottom: 0;
        text-align: center;
    }

    .navbar .phone-email p:first-child {
        margin-bottom: 10px;
    }

    .navbar .phone-email a {
        color: var(--white);
    }

    .navbar ul.social-icons {
        justify-content: center;
        gap: 10px;
    }

    .navbar ul.social-icons a {
        border: 2px solid var(--white);
        border-radius: 50%;
        width: 40px;
        height: 40px;
        color: var(--white);
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 20px;
        transition: all 0.5s ease-in-out;
    }

    .navbar ul.social-icons a:hover {
        background-color: var(--red);
        border: 2px solid var(--red);
    }

    .banner {
        height: auto;
        /* padding-bottom: 50px; */
        z-index: 0;
    }

    .banner video {
        width: 100%;
    }

    .banner::after {
        height: 72.5vh;
    }

    .banner .carousel-caption {
        bottom: 6rem;
    }

    .banner .carousel-caption h1 {
        font-size: 40px;
    }

    .banner .carousel-indicators {
        bottom: 40px;
    }

    .service-cards {
        margin: 0;
        padding: 50px 0;
    }

    .service-cards .row {
        row-gap: 30px;
    }

    .service-cards .card {
        gap: 20px;
        padding: 30px;
    }

    .service-cards img {
        width: 60px;
    }

    .service-cards a {
        font-size: 18px;
    }

    .help {
        height: auto;
        padding: 50px 0;
    }

    .help h2 {
        font-size: 32px;
        width: 60%;
    }

    .help .rtcm_info h3 {
        font-size: 20px;
    }

    .help .rtcm_info img {
        width: 71px;
    }

    .help .rtcm_info p {
        width: 80%;
    }

    .help .image::before {
        right: 110px;
        top: -60px;
        transform: scale(0.7);
    }

    .help .image::after {
        width: 150px;
        height: 150px;
        left: 40px;
        bottom: 10px;
    }

    .help .image {
        margin-top: 50px;
    }

    .improve {
        background: linear-gradient(160deg, var(--red) 60%, transparent 50%);
    }

    .improve h2 {
        font-size:40px;
        line-height:50px;
    }

    .improve p {
        width: 90%;
    }

    .improve .image {
        margin-top: 100px;
    }

    .improve .image::before {
        right: 30px;
        top: -120px;
    }

    .improve .image::after {
        left: unset;
        transform: scale(0.7);
        right: 150px;
        bottom: 30px;
    }

    .services {
        padding-bottom: 100px;
    }

    .services h4 {
        font-size: 17px;
    }

    .services h2 {
        font-size: 36px;
        width: 100%;
    }

    .services .carousel-item h3 {
        font-size: 24px;
    }

    .services .carousel-item .row {
        flex-wrap: nowrap;
        overflow: hidden;
    }

    .service2 {
        padding: 50px 0;
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 60%, var(--white) 50%);
        background-repeat: no-repeat;
    }

    .service2 .row1 {
        row-gap: 50px;
    }

    .service2 .read-more {
        margin-top: 0;
        margin-left: 100px;
    }

    .service2 .row2 {
        margin-top: 40px;
        flex-direction: column-reverse;
    }

    .service2 .row2 .col-lg-6:first-child {
        margin-top: 30px;
    }

    .service2 .row2 .col-lg-6:last-child {
        position: relative;
        text-align: center;
    }

    .service2 .row2 .figure,
    .service2 .row2 img {
        width: 85%;
    }

    .service2 .paly-button {
        width: 100px;
        height: 100px;
        left: 108px;
    }

    .service2 .row2 .col-lg-6:first-child p {
        width: 85%;
    }

    footer {
        height: auto;
    }

    footer .footer-contact {
        padding: 50px 0;
        background-position: center 10%;
        background-size: auto;
    }

    footer .footer-contact h4 {
        font-size: 20px;
    }

    footer .footer-contact p br {
        display: block;
    }

    footer .footer-contact .address h5 {
        font-size: 16px;
    }

    footer .footer-contact .map-image img {
        width: 80%;
    }

    footer .footer-contact .map-image::before {
        width: 150px;
        height: 150px;
        top: -20px;
        right: 110px;
    }

    footer .footer-contact .map-image {
        margin-top: 50px;
    }

    footer .footer-contact .map-shape .iframe {
        width: 79%;
    }

    #basicSlider .MS-content .item {
        width: 25%;
    }

    footer .footer-contact .map-shape .figure img {
        width: 50px;
    }

    footer .footer-contact .map-shape .figure {
        right: 110px;
        top: 40px;
    }

    /* .inner-banner .text {
        width: 65%;
    } */

    .contact-form p.pp {
        width: 100%;
    }

    .form form {
        width: 80%;
    }

    .improve h4 {
        font-size: 16px;
    }

    .inner-banner nav {
        width: 40%;
    }

    .inner-banner .text p {
        width: 100%;
    }

    .careers p,
    .careers .single-vacancy p,
    .careers .location-apply a {
        font-size: 16px;
    }

    .stand {
        height: auto;
        padding: 50px 0;
    }

    .stand.about-stand .row2 {
        margin-top: 50px;
        row-gap: 30px;
    }

    .stand .row2 .col-lg-6 img {
        width: 60px;
    }

    .stand h3 {
        font-size: 20px;
    }

    .about-stand p {
        width: 100%;
    }

    .stand.about-stand .image::before {
        transform: scale(0.7);
        right: 10px;
        top: -50px;
    }

    .stand.about-stand .image::after {
        right: 90px;
        bottom: -50px;
    }

    .customer .card .call-us {
        margin-top: 50px;
    }

    .customer .card img {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
        top: -160px;
    }

    .customer .card {
        width: 100%;
        margin-top: 160px;
        padding: 50px;
        padding-top: 230px;
        height: 500px;
    }

    .stand .image {
        text-align: center;
        margin-top: 60px;
    }

    .inner-services a {
        font-size: 18px;
    }

    .inner-services .col-lg-3:nth-child(2) .card {
        border-right: 1px solid var(--grey);
        border-bottom: 0;
    }

    .inner-services .col-lg-3:nth-child(1) .card {
        border-bottom: 0;
    }

    .inner-services .col-lg-3:nth-child(6) .card {
        border-right: 1px solid var(--grey);
    }

    .inner-services .card-big {
        padding: 100px;
    }

    .inner-services h5 {
        font-size: 32px;
        width: 80%;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 80%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .improve.consultant .image::before {
        transform: scale(0.7);
        right: 20px;
    }

    .improve.consultant .image::after {
        transform: scale(0.7);
        right: 100px;
        bottom: -40px;
    }

    .consulting-img .card {
        width: 65%;
    }

    .consulting-img .card {
        width: 82%;
    }

    .consultant p {
        width: 100%;
    }
        .staffing .row {
                background: linear-gradient(to bottom, var(--red) 100%, transparent 50%), url(../../images/inner/staff.webp);
                    background-repeat: no-repeat;
                        background-size: cover;
        }
        .inner-banner nav {
            flex: inherit;
        }
        .inner-banner .text {
            justify-content: space-evenly;
            padding: 10px 0;
        }
}

@media (max-width: 768px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 83.3%, transparent 20%);
    } */
    .banner::after {
        height: 56.3vh;
    }

    .banner .carousel-caption {
        right: 5%;
        bottom: 3rem;
    }

    .service2 .paly-button {
        left: 109px;
    }

    .banner .banner-text {
        top: 70%;
    }

    .inner-banner .text p {
        display: none;
    }

    .inner-banner .text h2 {
        margin: 0;
    }

    /* .inner-banner .text {
        width: 85%;
    } */
     .inner-banner .text{
        width:100%;
     }
     .inner-banner .text h2{
        font-size:20px;
     }
     .inner-banner .text{
        justify-content: space-around;
     }

    .inner-banner nav {
        width: fit-content;
    }
}

@media (max-width: 767px) {
    .help h2 {
        width: 75%;
    }
    .immigration .col-lg-4:nth-child(3),
    .immigration .col-lg-4:nth-child(6){
        order:0;
    }
    .immigration .suffile_sec{
        flex-direction: column;
    }
    .immigration .card i{
        bottom:unset;
        top:30px;
        font-size:90px;
    }

    .help .rtcm_info {
        flex: 1 0 50%;
    }

    .help .rtcm_info img {
        width: 50px;
    }

    .help .rtcm_info p {
        width: 100%;
        font-size: 14px;
    }

    .help .image::before {
        right: 60px;
        top: -80px;
        transform: scale(0.5);
    }

    .help .image::after {
        width: 120px;
        height: 120px;
        left: 20px;
    }

    .improve p {
        width: 100%;
    }

    .improve .image::before {
        right: 20px;
        top: -130px;
    }

    .improve .image::after {
        left: unset;
        transform: scale(0.5);
        right: 110px;
        bottom: 20px;
    }

    .services h2 {
        width: 100%;
    }

    .services .carousel-item p {
        width: 50%;
        margin: auto;
    }

    .service2 .read-more {
        margin-left: 60px;
    }

    .service2 .row2 .figure,
    .service2 .row2 img {
        width: 90%;
    }

    .service2 .paly-button {
        left: 61px;
    }

    .service2 .row2 .col-lg-6:first-child p {
        width: 100%;
    }

    footer .footer-contact p br {
        display: none;
    }

    footer .footer-contact .address .adress-info.col-md-6 {
        flex: 1 0 50%;
    }

    footer .footer-contact .map-image::before {
        width: 120px;
        height: 120px;
        right: 80px;
    }

    footer .copyright .container {
        flex-direction: column;
        align-items: center;
        gap: 8px;
    }

    #basicSlider .MS-content .item {
        width: 35%;
    }

    footer .footer-contact .map-shape .figure {
        right: 80px;
        top: 25px;
    }

    .form form {
        width: 100%;
    }

    /* .inner-banner .text {
        width: 65%;
    } */
    .inner-banner .text {
        width:100%;
    }

    .stand .row2 .col-lg-6 img {
        width: 70px;
    }

    .stand.about-stand .image::before {
        transform: scale(0.5);
        right: 0px;
        top: -80px;
    }

    .stand.about-stand .image::after {
        right: 50px;
        bottom: -70px;
    }

    .customer .card {
        padding: 25px;
        padding-top: 220px;
    }

    .inner-services .col-lg-3 {
        flex: 1 0 50%;
    }

    .inner-services .card-big {
        padding: 70px;
    }

    .inner-services h5 {
        width: 100%;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 83%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .improve.consultant .image::before {
        transform: scale(0.5);
        right: -20px;
    }

    .improve.consultant .image::after {
        transform: scale(0.5);
        right: 40px;
        bottom: -60px;
    }

    .consulting-img .card {
        width: 100%;
    }
    .improve h2 {
        font-size: 35px;
        line-height: normal;
    }
    .service-section3 .row{
        padding:10px 0px;
    }
.choose_list h3{
text-decoration:none;
}
.choose_list a{
    text-decoration: underline;
    text-underline-offset: 15px;
    text-decoration-thickness: 0;
}

@media (max-width: 600px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 82.7%, transparent 20%);
    } */

    /* .banner .banner-text .reach-btn,
    .improve p,
    .improve a,
    .service2 .row1 p,
    .service2 .readmore,
    .service2 .row2 .col-lg-6:first-child p,
    .service2 .row2 ul li,
    footer .footer-contact p,
    footer .footer-contact .address a {
        font-size: 14px;
    } */
    .industries .image-text .card{
        width: 90%;
    }
    .card, .cloud-benifits .col-lg-3:nth-child(3) .card{
        background-color: var(--red);
        border: solid 1px var(--red);
    }

    .card, .cloud-benifits .col-lg-3:nth-child(4) .card{
        background-color: #282828;
        border: solid 1px #282828;
    }
    .types-cloud h2 {
        font-size: 35px;
    }
    .offcanvas-collapse {
        width: 40%;
    }

    .navbar .offcanvas {
        width: 300px;
    }

    .navbar-brand img {
        width: 220px;
    }

    .offcanvas-title img {
        width: 200px;
    }

    .banner::after {
        height: 44vh;
    }

    .banner .carousel-indicators {
        bottom: 30px;
    }

    .banner .carousel-caption h1 {
        font-size: 30px;
    }

    .banner .carousel-caption {
        bottom: 2rem;
        left: 45%;
    }

    .banner .carousel-caption a {
        width: fit-content;
        padding: 8px 16px;
    }

    .banner .banner-text {
        top: 70%;
    }

    .banner .banner-text h1,
    .improve h2 {
        font-size: 40px;
        line-height: 50px;
    }

    .banner .banner-text h1 {
        margin-bottom: 10px;
    }

    .service2 h2,
    footer .footer-contact h2 {
        font-size: 40px;
    }

    .service2 .row2 h3 {
        font-size: 30px;
    }

    .service2 .row2 h4 {
        font-size: 24px;
    }

    /* .inner-banner .text {
        width: 80%;
    } */
    .inner-banner .text {
        width:100%;
    }

    /* .inner-banner .text h2 {
        font-size: 30px;
    } */

    .contact-form h3 {
        font-size: 30px;
    }

    .careers h3 {
        font-size: 30px;
    }

    .careers h2 {
        font-size: 24px;
    }

    .customer {
        background-size: 100%;
    }

    .customer .card h3 {
        font-size: 24px;
    }

    .inner-services h5 {
        font-size: 30px;
    }

    .consulting-img .card h4 {
        font-size: 30px;
    }
    .banner .banner-text h1, .improve h2{
        font-size:35px;
        line-height:normal;
    }
}

@media (max-width: 576px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 82.5%, transparent 20%);
    } */
    .inner-banner::after {
        height: 91%;
    }

    .banner::after {
        height: 42.2vh;
    }

    .banner .carousel-caption {
        bottom: 1rem;
    }

    .banner .carousel-caption a {
        padding: 8px 14px;
    }

    .service2 .row1 div {
        flex: 1 0 50%;
    }

    .service2 .read-more {
        margin-left: 80px;
    }

    .service2 .row2 .figure,
    .service2 .row2 img {
        width: 100%;
    }

    .service2 .paly-button {
        left: 12px;
    }

    footer .footer-contact .map-shape .figure {
        right: 78px;
        top: 22px;
    }

    .inner-banner img {
        height: 300px;
        object-fit: cover;
    }

    .inner-banner.about img {
        object-position: right;
    }
}

@media (max-width: 575px) {
    footer .footer-contact .map-shape .figure {
        right: 85px;
        top: 25px;
    }
    .industries h3 {
        font-size: 22px;
    }
    .staffing h2, .immigration h2 {
        font-size: 35px;
    }

    /* .inner-banner .text {
        width: 90%;
    } */

    .inner-banner .text {
        width:100%;
    }

    .inner-services .row {
        width: 100%;
        margin: auto;
    }

    .inner-services .card-big {
        padding: 80px;
    }
}

@media (max-width: 540px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 82.2%, transparent 20%);
    } */
    .navbar .offcanvas {
        width: 100%;
    }
    .service-section3 h4{
        font-size:25px;
    }
    .service-section3 h4{
        margin-bottom: 20px;
    }
    .service-section3 .row{
        margin: 0 5px;
        padding: 10px 0;
    }
    .cloud-benifits .row {
        margin-top: 60px;
    }
    .banner::after {
        height: 39.6vh;
    }

    .banner .carousel-caption a {
        padding: 6px 9px;
    }

    #basicSlider .MS-content .item {
        width: 50%;
    }

    .improve {
        background: linear-gradient(160deg, var(--red) 65%, transparent 50%);
    }

    footer .footer-contact .map-shape .figure {
        right: 78px;
        top: 22px;
    }

}

@media (max-width: 432px) {

    /* body {
        padding-top: 103px;
    }
    .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 81.8%, transparent 20%);
    } */
    .banner .banner-text h1, .improve h2 {
        font-size: 30px;
    }
    .types-cloud h2 {
        font-size: 30px;
    }
    .inner-banner .text h2{
        display: none;
    }
    .inner-banner .text {
        width: 100%;
        display: block;
        padding: 10px 15px;
    }
    .navbar-brand img {
        width: 220px;
    }

    .offcanvas-collapse {
        width: 50%;
        top: 103px;
    }

    .banner::after {
        height: 31.6vh;
    }

    .banner .banner-text h1 {
        font-size: 30px;
        line-height: 35px;
    }

    .banner .carousel-indicators {
        bottom: 20px;
    }

    .banner .carousel-caption p {
        font-size: 14px;
    }

    .banner .carousel-caption a {
        font-size: 12px;
        padding: 4px 6px;
    }

    .banner .carousel-caption {
        bottom: 0;
    }

    .banner .carousel-caption h1 {
        font-size: 24px;
    }

    .banner .carousel-caption .buttons {
        margin-top: 1rem;
    }

    .help h2 {
        width: 100%;
    }

    .help .rtcm_info {
        flex: 1 0 100%;
    }

    .help .rtcm_info img {
        width: 60px;
    }

    .help .rtcm_info p {
        width: 80%;
        font-size: 15px;
    }

    .help .image::before {
        right: 20px;
    }

    .help .image::after {
        width: 100px;
        height: 100px;
        left: 10px;
    }

    .improve .image {
        margin-top: 80px;
    }

    .improve .image::before {
        right: -20px;
        top: -150px;
    }

    .improve .image::after {
        left: unset;
        right: 100px;
        bottom: 40px;
    }

    .services .carousel-item p {
        width: 60%;
    }

    .service2 .read-more {
        margin-left: 40px;
    }

    footer .footer-contact .address .adress-info.col-md-6 {
        flex: 1 0 100%;
    }

    footer .footer-contact .map-image::before {
        width: 100px;
        height: 100px;
        right: 60px;
    }

    footer .footer-contact .map-shape .figure img {
        width: 40px;
    }

    footer .footer-contact .map-shape .figure {
        right: 62px;
        top: 20px;
    }

    .service2 .row2 ul li {
        flex: 1 0 100%;
    }

    .contact-form p br {
        display: none;
    }

    .banner .banner-text .reach-btn,
    .improve p,
    .improve a,
    .service2 .row1 p,
    .service2 .readmore,
    .service2 .row2 .col-lg-6:first-child p,
    .service2 .row2 ul li,
    footer .footer-contact p,
    footer .footer-contact .address a {
        font-size: 15px;
    }

    .improve h4 {
        font-size: 15px;
    }

    footer .copyright p {
        font-size: 14px;
    }

    .careers {
        height: auto;
        padding: 50px 0;
    }

    .careers p,
    .careers .single-vacancy p,
    .careers .location-apply a {
        font-size: 15px;
    }

    .careers .single-vacancy {
        flex-direction: column;
        align-items: start;
        gap: 20px;
    }

    .stand.about-stand .image::before {
        right: -40px;
        top: -100px;
    }

    .stand.about-stand .image::after {
        right: 10px;
        bottom: -80px;
    }

    .customer .card img {
        width: 70%;
    }

    .customer .card {
        padding-top: 150px;
    }

    .inner-services .col-lg-3 {
        flex: 1 0 100%;
    }

    .inner-services .col-lg-3 .card {
        border: 1px solid var(--grey) !important;
    }

    .inner-services .col-lg-3:not(:last-child) .card {
        border-bottom: 0 !important;
    }

    .inner-services .card-big {
        padding: 40px;
        border: 1px solid var(--red);
    }

    .inner-services h5 {
        font-size: 26px;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 90%, var(--white) 50%);
        background-repeat: repeat-y;
    }

    .improve.consultant .image::before {
        right: -40px;
        top: -100px;
    }

    .improve.consultant .image::after {
        right: 20px;
        bottom: -80px;
    }

    .consulting-img {
        height: auto;
        padding: 50px 0;
    }

    .consulting-img .card {
        top: 0;
    }

}

@media (max-width: 425px) {
.red_flex_date{
display:block;
}
.choose_list h3{
margin-bottom:0;
}
.date_red_sec{
margin-bottom:15px;
}
    .banner {
        overflow: auto;
    }
    .banner .banner-text h1, .improve h2 {
        font-size: 30px;
        line-height: normal;
    }
    footer .copyright p {
        font-size: 13px;
    }
    .banner::after {
        height: 31.1vh;
    }
    .industries h3{
        margin-bottom: 40px;
    }

    .banner .carousel-caption {
        left: 43%;
    }

    .banner .banner-text {
        background-color: var(--red);
        padding: 30px 0;
        position: inherit;
        width: 90%;
        margin: auto;
        top: 0;
        left: 0;
        transform: unset;
        margin-top: -80px;
        border-radius: 5px;
    }

    .banner .banner-text h1 {
        font-size: 26px;
    }

    .banner .reach-btn {
        background-color: var(--white);
        color: var(--red);
        border: 2px solid var(--white);
    }

    footer .footer-contact .map-shape .figure {
        right: 60px;
    }
}

@media (max-width: 414px) {
    .staffing .text-col {
        padding: 20px;
    }
    .banner .banner-text h1, .improve h2{
        font-size:25px;
    }
    .types-cloud h2 {
        font-size: 26px;
    }
    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 81.5%, transparent 20%);
    } */
    .banner::after {
        height: 30.3vh;
    }

    .banner .carousel-caption a {
        font-size: 11px;
    }

    .services .carousel-item p {
        width: 65%;
    }

    footer .footer-contact .map-shape .figure {
        right: 58px;
        top: 18px;
    }

    .inner-services .card-big {
        padding: 30px;
        border: 1px solid var(--red);
    }

    .inner-services .card {
        padding: 30px;
    }

    .inner-services a {
        margin-top: 30px;
    }
}

@media (max-width: 412px) {}

@media (max-width: 400px) {
    .banner::after {
        height: 29.3vh;
    }
    .immigration .card i {
        top: 35px;
        font-size: 70px;
    }
    footer .copyright p {
        font-size: 12px;
    }
    .banner .carousel-caption h1 {
        font-size: 22px;
    }

    .banner .carousel-caption .buttons {
        margin-top: 0.5rem;
    }

    .help h2 {
        font-size: 30px;
    }

    .help .rtcm_info p {
        width: 90%;
    }

    .help .image::before {
        right: -10px;
        top: -80px;
    }

    .help .image::after {
        width: 80px;
        height: 80px;
        left: 20px;
        bottom: 0;
    }

    /* .improve h2 {
        font-size: 40px;
        line-height: 50px;
    } */

    .improve .image::before {
        right: -40px;
        top: -150px;
    }

    .improve .image::after {
        left: unset;
        right: 100px;
        bottom: 50px;
    }

    .service2 {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 65%, var(--white) 50%);
        background-repeat: no-repeat;
    }

    .services h2 {
        font-size: 32px;
    }

    .service2 h2 {
        margin-bottom: 50px;
    }

    .service2 .row1 div,
    .service2 .row2 ul li {
        flex: 1 0 100%;
    }

    .service2 .row1 {
        row-gap: 30px;
    }

    .service2 .row1 img {
        margin-bottom: 10px;
    }

    .service2 .read-more {
        margin-left: 0;
    }

    footer .footer-contact h2 {
        font-size: 45px;
    }

    footer .footer-contact .map-image::before {
        right: 40px;
    }

    footer .footer-contact .map-shape .figure img {
        width: 30px;
    }

    footer .footer-contact .map-shape .figure {
        right: 60px;
        top: 20px;
    }

    .stand.about-stand h2 {
        font-size: 35px;
        line-height: 45px;
    }

    .customer .card {
        padding-top: 120px;
    }

    .inner-services {
        background: url(../../images/bg/hexagon.png), linear-gradient(var(--text) 90%, var(--white) 50%);
        background-repeat: repeat-y;
    }
}

@media (max-width: 394px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 81.2%, transparent 20%);
    } */
    .banner::after {
        height: 28.9vh;
    }
    .cloud-benifits h5 {
        font-size: 20px;
    }
    .cloud-benifits .card span{
        font-size:80px;
    }
    .banner .carousel-caption {
        left: 45%;
    }

    .banner .carousel-caption p {
        font-size: 12px;
    }

    .inner-services h5 {
        font-size: 25px;
    }
}

@media (max-width: 393px) {}

@media (max-width: 390px) {
    .banner::after {
        height: 28.5vh;
    }

    .banner .banner-text h1 {
        font-size: 24px;
        line-height: 32px;
    }

    .services .carousel-item p {
        width: 70%;
    }

    .service2 .row1 p {
        margin-top: 0;
    }

    .banner .carousel-caption a {
        padding: 4px 5px;
    }
}

@media (max-width: 385px) {
    .banner::after {
        height: 28.3vh;
    }

    .service-cards .card {
        gap: 18px;
    }

    footer .footer-contact .map-shape .figure {
        right: 58px;
        top: 18px;
    }

    .stand .row2 .col-lg-6 img {
        width: 60px;
    }

    .customer .card {
        padding-top: 100px;
    }

    .inner-banner .text h2 {
        font-size: 28px;
    }
    footer .copyright p {
        font-size: 11px;
    }
}

@media (max-width: 384px) {
    .help h2 {
        font-size: 28px;
    }

    .help .rtcm_info p {
        width: 100%;
    }

    .services h2 {
        font-size: 30px;
    }

    footer .footer-contact h2 {
        font-size: 42px;
    }
}

@media (max-width: 375px) {
    .navbar-brand img {
        width: 200px;
    }
    /* .inner-banner img{
        height: 250px;
    } */
    .offcanvas-collapse {
        top: 96px;
    }

    .banner::after {
        height: 27.5vh;
    }

    .banner .carousel-caption h1 {
        font-size: 20px;
    }

    .banner .carousel-caption a {
        font-size: 10px;
    }

    .banner .banner-text {
        padding: 20px 0;
    }

    .banner .banner-text h1 {
        font-size: 22px;
    }

    .service-cards .card {
        padding: 20px;
    }

    .help h2 {
        margin-bottom: 30px;
    }

    .help .rtcm {
        row-gap: 20px;
    }

    .improve {
        background: linear-gradient(160deg, var(--red) 70%, transparent 50%);
    }

    .improve h2 {
        font-size: 30px;
        line-height: normal;
    }

    .improve p {
        margin-bottom: 30px;
    }

    .services h2 {
        margin-bottom: 30px;
    }

    .service2 h2,
    footer .footer-contact h2 {
        font-size: 35px;
    }

    .service2 .row2 h3 {
        font-size: 28px;
    }

    footer .footer-contact .address {
        margin-top: 30px;
    }

    footer .footer-contact .map-shape .figure {
        right: 56px;
    }

    .service2 .row2 h4 {
        font-size: 22px;
    }

    .inner-banner .text h2 {
        font-size: 28px;
    }

    .contact-form h3 {
        font-size: 28px;
    }

    .careers h3 {
        font-size: 28px;
    }

    .careers h2 {
        font-size: 22px;
    }

    .stand.about-stand h2 {
        font-size: 30px;
        line-height: 40px;
    }

    .customer .card {
        height: 460px;
        padding-top: 110px;
    }

    .customer .card h3 {
        font-size: 22px;
    }

    .inner-services .card {
        padding: 20px;
    }

    .inner-services a {
        margin-top: 20px;
    }

    .consulting-img .card h4 {
        font-size: 28px;
    }
    .improve h2{
        font-size:25px;
    }
}

@media (max-width: 360px) {
    .offcanvas-collapse {
        width: 60%;
    }
    .types-cloud h2 {
        font-size: 22px;
    }
    .cloud-benifits .card{
        height: 100px;
    }
    .banner::after {
        height: 26.4vh;
    }

    .banner .carousel-caption {
        left: 44%;
    }

    .service-cards img {
        width: 50px;
    }

    .services .carousel-item p {
        width: 75%;
    }

    footer .copyright p {
        font-size: 14px;
    }

    footer .footer-contact .map-shape .figure {
        right: 53px;
        top: 17px;
    }

    footer .copyright p {
        font-size: 12px;
        text-align: center;
    }

    .customer .card {
        height: 470px;
        padding-top: 100px;
    }

    .inner-services h5 {
        font-size: 24px;
    }

    .inner-banner .text h2 {
        font-size: 26px;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-left: 5px;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        padding-right: 5px;
    }
}

@media (max-width: 320px) {

    /* .navbar {
        background: linear-gradient(76.8deg, var(--grey2) 80.5%, transparent 20%);
    } */
    .improve h2 {
        font-size: 20px;
    }
    .banner::after {
        height: 23.4vh;
    }
    .staffing .text-col h4 {
        font-size: 17px;
    }
    .immigration .card {
        padding: 20px;
    }
    .immigration .card h4 {
        font-size: 23px;
    }
    .immigration .card i{
        top: 20px;
    }

    .banner .banner-text h1 {
        font-size: 20px;
        line-height: 30px;
    }

    .banner .carousel-caption h1 {
        font-size: 18px;
    }

    .banner .carousel-caption a {
        font-size: 9px;
    }

    .banner .carousel-caption p {
        font-size: 12px;
    }

    .banner .carousel-caption {
        left: 42%;
    }

    .service-cards .card {
        gap: 12px;
        padding: 16px;
    }

    .service-cards a {
        font-size: 16px;
    }

    .help h2 {
        font-size: 24px;
    }

    .help .rtcm_info img {
        width: 50px;
    }

    .help .rtcm_info {
        gap: 8px;
    }

    .help .rtcm_info p {
        font-size: 14px;
    }

    .help .image::after {
        left: 10px;
    }

    /* .improve h2 {
        font-size: 35px;
        line-height: 45px;
    } */

    .improve .image::after {
        left: unset;
        right: 80px;
    }

    .services h2 {
        font-size: 28px;
    }

    .services .carousel-item p {
        width: 85%;
    }

    .service2 .row2 h3 {
        font-size: 25px;
        line-height: 40px;
    }

    .service2 .row2 h4 {
        font-size: 20px;
    }

    footer .footer-contact h2 {
        font-size: 40px;
    }

    footer .footer-contact p br,
    footer .footer-contact .address p br {
        display: none;
    }

    footer .footer-contact .map-image::before {
        width: 80px;
        height: 80px;
    }

    footer .copyright p {
        font-size: 11px;
    }

    footer .footer-contact .map-shape .figure {
        right: 44px;
        top: 14px;
    }

    .inner-banner .text h2 {
        font-size: 25px;
    }

    .contact-form h3 {
        font-size: 25px;
    }

    .careers h3 {
        font-size: 25px;
    }

    .careers h2 {
        font-size: 20px;
    }

    .customer .card {
        padding-top: 70px;
    }
}