/* ####### responsive ########## */

/* xXX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 5000px) {


    .sticky-hero-section .hero-logo {
        bottom: 800px !important;
        right: 850px !important;
        height: 1200px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 300px !important;
        padding: 40px !important;
        bottom: 22rem !important;
        right: 50rem !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 47rem !important;
        right: 123rem !important;
    }

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section {
        top: 100rem !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .project-sec .mySwiper {
        padding-top: 15rem !important;
    }

    .value-card h5 {
        color: #42B0A8;
        font-size: 1.3rem !important;
    }
    .why-choose-sec {
    height: 75vh !important;
}
}

/* xxx-lg devices */

@media (min-width: 3700px) and (max-width: 4999px) {
    .sticky-hero-section .grow-business {
        max-width: 300px !important;
        padding: 40px !important;
        bottom: 5rem !important;
        right: 35rem !important;
        z-index: 800;
    }

    .sticky-hero-section .hero-logo {
        bottom: 30rem !important;
        right: 30rem !important;
        height: 1200px !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 30rem !important;
        right: 100rem !important;
    }
    .hero-hand-wrapper{
         right: -100px;   
    }
    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section {
        top: 65rem !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}



/* @media (min-width: 3000px) and (max-width: 4999px) { */
@media (min-width: 3000px) and (max-width: 3699px) {
    .sticky-hero-section .grow-business {
        max-width: 300px !important;
        padding: 40px !important;
        bottom: 15rem !important;
        right: 30rem !important;
        z-index: 800;
    }

    .sticky-hero-section .hero-logo {
        bottom: 55rem !important;
        right: 40rem !important;
        height: 600px !important;
    }

    .hero-hand-wrapper{
            right: -90px !important;
    height: 0rem !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 34rem !important;
        right: 75rem !important;
    }
 

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section {
        top: 65rem !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}



/* XXXLG */
@media (min-width: 2500px) and (max-width: 2999px) {
    .hero-hand-wrapper {
    right: -80px !important;
    }
    .sticky-hero-section .optimize-business {
        bottom: 14rem !important;
        right: 65rem !important;
    }

    .sticky-hero-section .grow-business {
        bottom: -4rem;
        z-index: 800;
        right: 22rem !important;
    }

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section .hero-logo {
        bottom: 28rem !important;
        right: 21rem !important;
        height: 800px !important;
    }

    .sticky-hero-section {
        top: 40rem !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    /* slider of testimonial */
.swiper.mySwiperTestimonials{
    padding: 15rem 0px;
}
    .value-card h5 {
        font-size: 1.3rem !important;
    }
}

/* XX-Large devices (larger desktops, 1400px and up) */

@media (min-width: 2000px) and (max-width: 2499px) {
    .hero-sec {
        height: 130vh !important;
        overflow: hidden;
        padding-top: 120px;

    }

    .hero-sec h1 {
        font-size: 80px !important;
        line-height: 80px !important;

    }

    img#hero-hand {
        right: -130px !important;
        bottom: 0px !important;
    }

    .hero-logo {
        bottom: 510px !important;
        right: -100px !important;
        height: 450px !important;
    }

    .grow-business {
        bottom: 23rem;
        right: -33rem !important;
    }

    .optimize-business {
        bottom: 15rem !important;
        right: 26rem !important;
    }

    .contact-lef-col .optimize-business {
        top: unset !important;
        bottom: 20px !important;
        left: 30px !important;
    }

    .contact-lef-col .grow-business {
        bottom: 20px !important;
        right: 30px !important;
    }

    .parent-slider .swiper .swiper-wrapper .swiper-slide {
        width: 642px !important;
        height: 585px !important;
    }

    .scroll-right {
        top: 95px !important;
        right: 10rem !important;
    }

    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  sticky-hero-section @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section .hero-hand-wrapper {
        height: 30rem;
        top: -140px;
        right: 0;
    }

       .sticky-hero-section .hero-logo {
        bottom: 100% !important;
        right: 35% !important;
        height: 510px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 200px;
        padding: 20px;
        z-index: 800;
        backdrop-filter: blur(20px);
        bottom: 5rem;
        right: 23% !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 20rem !important;
        right: 79% !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}

@media (min-width: 1600px) and (max-width: 1999px) {
    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  sticky-hero-section @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section .hero-hand-wrapper {
        height: 46rem;
        top: -140px !important;
        right: -180px !important;
    }

    .sticky-hero-section .hero-logo {
              bottom: 555px !important;
        right: 7rem !important;
        height: 430px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 200px;
        padding: 20px;
        z-index: 800;
        backdrop-filter: blur(20px);
        bottom: -5rem;
        right: 2rem !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 5rem !important;
        right: 31rem !important;

    }

    .scroll-right {
        top: 7rem !important;
        right: 7rem !important;
    }

    .hero-sec h1 {
        font-size: 85px !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}

@media (min-width: 1400px) and (max-width: 1599px) {
    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  sticky-hero-section @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */

    .sticky-hero-section img#hero-hand {
        width: 100%;
    }

    .sticky-hero-section .hero-hand-wrapper {
        height: 40rem;
        top: -140px !important;
        right: -60px !important;
    }

    .sticky-hero-section .hero-logo {
        bottom: 590px !important;
        right: 10rem !important;
        height: 350px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 200px;
        padding: 20px;
        z-index: 800;
        backdrop-filter: blur(20px);
        bottom: -8rem;
        right: 1rem !important;
    }

    .sticky-hero-section .optimize-business {
        bottom: 3rem !important;
        right: 30rem !important;

    }

    .hero-sec h1 {
        font-size: 71px !important;
    }

    .scroll-right {
        top: 6.9rem !important;
        right: 13rem !important;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    .center-section-logo {
        transform: translateY(-110px) !important;
    }

    .center-section-logo img {
        width: 100px !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) and (max-width:1399px) {
    .hero-sec {
        height: 700px !important;
        overflow: hidden;
    }

    .hero-sec h1 {
        font-size: 62px !important;
        line-height: 60px !important;
    }

    .scroll-right {
        top: 70px !important;
        right: 125px !important;
    }

    img#hero-hand {
        width: 390px !important;
        right: -40px !important;
        top: -120px !important;

    }

    .hero-logo {
        bottom: 500px !important;
        right: 60px !important;
        height: 250px !important;
    }

    .optimize-business {
        max-width: 140px !important;
        bottom: 14rem !important;
        right: 16rem !important;
    }

    .grow-business {
        max-width: 120px !important;
        bottom: 9rem !important;
        right: 0rem !important;
    }

    .about-us .row:last-child {
        margin-top: 0px !important;
    }

    .mission-sec {
        padding: 10px 0 !important;
    }

    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@  sticky-hero-section @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ */


    .sticky-hero-section .hero-hand-wrapper {
        height: 30rem;
        right: -95px !important;
        top: -125px;
    }

    .sticky-hero-section img#hero-hand {
        width: 100% !important;
        top: 5rem !important;
        right: 0rem;
    }

    .sticky-hero-section .hero-logo {
        bottom: 650px !important;
        right: 60px !important;
        height: 350px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 130px !important;
        padding: 10px 20px;
        z-index: 800;
        backdrop-filter: blur(20px);
        bottom: -5rem !important;
        right: 1rem !important;
    }

    .sticky-hero-section .optimize-business {
        padding: 10px !important;
        max-width: 170px !important;
        bottom: 5rem !important;
        right: 26rem !important;
    }

    /* 
    .footer-sec .left-hand {
        bottom: 40px !important;
        left: -35px !important;
        max-width: 540px !important;
    }

    .footer-sec .right-hand {
        top: 30px !important;
        right: -45px !important;
        max-width: 540px !important;
    } */

    .footer-sec h2 {
        font-size: 60px !important;
    }

    a.custom-cta,
    button.custom-cta {
        font-size: 16px !important;
        padding: 15px 45px !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    /* over value */
    .value-card-4 {
        top: 14rem 224px;
        left: 2rem;
    }

    .value-card-1 {
        top: 14rem 224px;
        right: 2rem;
    }

    .value-card-5 {
        left: -60px;
    }

    .value-card-2 {
        right: -60px;
    }

    .value-card-3 {
        right: 80px;
    }

    .value-card-6 {
        left: 120px;
    }

    .project-sec .mySwiper {
        padding-top: 3rem !important;
    }

    .center-section-logo {
        transform: translateY(-110px) !important;
    }

    .center-section-logo img {
        width: 100px !important;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }
}

/* Large Devices (Laptops/Desktops) */
@media (min-width: 992px) and (max-width: 1199px) {
    .hero-sec {
        height: 700px !important;
        overflow: hidden;
    }

    /* .hero-sec h1 {
        font-size: 50px !important;
        line-height: 60px !important;
    }

    .scroll-right {
        top: 120px !important;
        right: 160px !important;
    }

    img#hero-hand {
        width: 390px !important;
        right: -40px !important;
        top: -120px !important;

    }

    .hero-logo {
        bottom: 500px !important;
        right: 60px !important;
        height: 250px !important;
    }

    .optimize-business {
        max-width: 140px !important;
        bottom: 14rem !important;
        right: 16rem !important;
    }

    .grow-business {
        max-width: 120px !important;
        bottom: 9rem !important;
        right: 0rem !important;
    } */

    h2.about-main-heading {
        font-size: 150px !important;
        line-height: 130px !important;
    }

    .about-us .row:last-child {
        margin-top: 0px !important;
        align-items: center !important;
    }

    .project-sec h2 {
        font-size: 7rem !important;
        transform: translateY(245px) !important;
    }


    p.card-text {
        font-size: 12px !important;
    }

    .card-title {
        font-size: 22px !important;
    }

    ul.fot-men li a {
        font-size: 12px !important;
    }

    .footer-sec h2 {
        font-size: 50px !important;
    }

    a.custom-cta {
        padding: 10px 30px !important;
        font-size: 16px !important;
    }

    .footer-sec p.footer-header-text {
        font-size: 15px !important;
    }

    /* @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ sticky hero section */
    .hero-sec h1 {
        font-size: 47px !important;
        line-height: 44px !important;
    }

    .hero-sec p {
        font-size: 12px !important;
    }

    .scroll-right {
        top: 55px !important;
        right: 160px !important;
        max-width: 65px !important;
    }

    .sticky-hero-section .optimize-business {
        max-width: 137px !important;
        bottom: 4rem !important;
        right: 22rem !important;
    }

    .sticky-hero-section .hero-logo {
        bottom: 681px !important;
        right: 122px !important;
        height: 250px !important;
    }

    .sticky-hero-section .grow-business {
        max-width: 160px !important;
        bottom: 0rem !important;
        right: 1rem !important;
        padding: 15px !important;
        z-index: 800 !important;
    }

    .sticky-hero-section img#hero-hand {
        width: 500px !important;
        right: -40px !important;
        top: -120px !important;
    }

    .sticky-hero-section .hero-hand-wrapper {
        height: 13rem !important;
        right: -80px !important;
    }

    /*     .footer-sec .right-hand {
        top: -140px !important;
        right: -85px !important;
        max-width: 500px !important;
    }

    .footer-sec .left-hand {

        bottom: -130px !important;
        left: -60px !important;
        max-width: 500px !important;
    } */

    .middle-sec {
        min-height: 500px !important;
    }

    .footer-logo-center {
        width: 70% !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    .parent-slider .swiper .swiper-wrapper .swiper-slide {
        background-color: #E7FAF9;
        width: 460px !important;
        height: 490px !important;
    }

    .values-container {
        background: none !important;
    }

    .value-card-4 {
        top: 130px !important;
        left: 130px !important;
    }

    .value-card-1 {
        top: 130px !important;
        right: 130px !important;
    }

    .value-card-5 {
        top: 340px !important;
        left: -15px !important;
        width: 30% 280.797px !important;
    }

    .value-card-2 {
        right: -15px !important;
        top: 340px !important;
        ;
        text-align: left;
        width: 30%;
    }

    .value-card-6 {
        bottom: 120px !important;
        left: 170px !important;
    }

    .value-card-3 {
        right: 120px !important;
        bottom: 130px !important;
    }

    .value-card p {
        font-size: 16px;
        text-align: right;
        width: 100%;
    }

    .value-card h5 {
        font-size: 1.3rem !important;
    }

    .cc_item {
        min-height: 260px !important;
    }

    .mission-sec {
        padding: 60px 60px !important;
        border-radius: 40px !important;
    }

    .mission-sec .w-75 {
        padding: 30px 50px !important;
        border-radius: 40px !important;
    }

    .project-sec .mySwiper {
        padding-top: 15rem !important;
    }

    .arrow-top-about {
        transform: translateY(-145px) !important;
    }

    .center-section-logo {
        transform: translateY(-110px) !important;
    }

    .center-section-logo img {
        width: 100px !important;
    }


}

/* Medium Devices (Landscape Tablets) */
@media (min-width: 768px) and (max-width: 991px) {

    nav#main-nav {
        width: 100% !important;
    }

    nav .container.rounded-pill.px-5.py-3 {
        padding: 10px 10px 5px 10px !important;
    }

    .header-cta {
        /* display: none !important; */
        font-size: 16px !important;
        padding: 0px !important;
    }

    .header-cta .custom-cta {
        /* display: none !important; */
        font-size: 14px !important;
        padding: 14px 12px !important;
        margin-right: 2px;
    }

    .navbar-brand img {
        max-width: 135px !important;
        vertical-align: sub;
    }

    .navbar-nav {
        padding: 5px 20px !important;
    }

    /* hero section */
    .hero-sec {
        height: 1110px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 125px !important;
        overflow: hidden !important;
    }

    .optimize-business {
        max-width: 210px !important;
        bottom: 43rem !important;
        right: 32rem !important;
    }

    .hero-logo-wrapper {
        bottom: 400px !important;
        right: 180px !important;
        width: 300px !important;
        height: 600px !important;
    }

    img#hero-hand {
        bottom: 800px !important;
        width: 705px !important;
        right: -7rem !important;
    }

    .hero-logo-wrapper {
        right: 180px !important;
        width: 400px !important;
        /* height: 20px !important; */
    }

    .hero-logo {
        bottom: 1120px !important;
        right: -210px !important;
        height: 340px !important;
    }

    .grow-business {
        max-width: 180px !important;
        padding: 10px 15px !important;
        bottom: 37rem !important;
        right: 2rem !important;
    }

    .scroll-right {
        top: 87px !important;
        right: 162px !important;
    }

    .hero-sec h1 {
        font-size: 66px !important;
        line-height: 70px !important;
    }

    /* hero section end*/
    section.about-us {
        padding: 130px 0px 90px 0px !important;
    }

    h2.about-main-heading {
        font-size: 140px !important;
        line-height: 125px !important;
    }

    .senior-head.row {
        left: 30px !important;
        margin: 0px !important;
    }

    .project-sec h2 {
        font-size: 90px !important;
        transform: translateY(65px) !important;
        color: #42B0A8 !important;
    }

    .project-sec {
        padding: 0px 0 80px 0 !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonials-sec {
        padding: 60px 0 0px 0 !important;
    }

    .testimonials-sec .swiper-slide {
        padding: 80px 0 !important;
    }

    .testimonial-item {
        width: 100% !important;
        max-width: 480px !important;
        height: 480px !important;
    }

    .blog-sec h2 {
        font-size: 60px !important;
    }

    footer {
        padding-top: 90px !important;
    }

    .middle-sec {
        min-height: 500px !important;
    }

    .footer-sec .right-hand {
        top: -150px !important;
        right: -60px !important;
        max-width: 450px !important;
    }

    .footer-sec .left-hand {
        bottom: -120px !important;
        left: -60px !important;
        max-width: 450px !important;
    }

    .footer-logo-center a img {
        width: 60% !important;
    }

    /* contact */
    .contact-lef-col .optimize-business {
        top: unset;
        bottom: 10px !important;
        left: 20px !important;
    }

    .contact-lef-col .grow-business {
        bottom: 15px !important;
        right: 15px !important;
    }

    .content.w-50.mx-auto.text-center.mb-5 {
        width: 90% !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    section.mission-sec div {
        width: 90% !important;
    }

    .mission-sec .w-75 {
        padding: 20px 40px;
        border-radius: 40px;
    }


    /* value section */
    section.our-value .container {
        width: 700px !important;
    }

    .value-card {
        width: 30% !important;
        gap: 0 !important;
    }

    .content-ct {
        width: 80%;
    }

    .value-card p {
        font-size: 15px !important;
    }

    .value-card h5 {
        font-size: 1rem !important;
    }

    .content-ct h5 {
        font-size: 19px !important;
    }

    .value-card img {
        width: 26% !important;
    }

    .value-card-4 {
        top: 130px;
        left: 30px;
    }

    .value-card-1 {
        top: 140px;
        right: 30px;
    }

    .value-card-5 {
        top: 300px;
        left: -45px;
    }

    .value-card-2 {
        top: 300px;
        right: -60px;
    }

    .value-card-3 {
        bottom: 160px;
        right: 0px;
    }

    .value-card-6 {
        bottom: 160px;
        left: 20px;
    }

    .process-img {
        right: 0;
        top: -82px;
        width: 250px;
        z-index: 99;
    }

    .process-arrow-img {
        top: -40px;
        left: 80%;
    }

    .center-section-logo {
        transform: translateY(-110px) !important;
    }

    .center-section-logo img {
        width: 100px !important;
    }
}

/* Small Devices (Portrait Tablets and Large Phones) */
@media (min-width: 601px) and (max-width: 767px) {

    /* hero section */
    .hero-sec {
        height: 1100px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 150px !important;
        overflow: hidden !important;
    }

    .optimize-business {
        max-width: 210px !important;
        bottom: 43rem !important;
        right: 24rem !important;
    }

    .hero-logo-wrapper {
        bottom: 400px !important;
        right: 180px !important;
        width: 300px !important;
        height: 600px !important;
    }

    img#hero-hand {
        bottom: 800px !important;
        width: 620px !important;
        right: -69px !important;
    }

    .hero-logo-wrapper {
        right: 180px !important;
        width: 400px !important;
        /* height: 20px !important; */
    }

    .hero-logo {
        bottom: 1120px !important;
        right: -70px !important;
        height: 300px !important;
    }

    .grow-business {
        max-width: 180px !important;
        padding: 10px 15px !important;
        bottom: 37rem !important;
        right: -1rem !important;
    }

    .scroll-right {
        top: 3.6rem !important;
        width: 6rem;
        right: 6rem !important;
    }

    .hero-sec h1 {
        font-size: 50px !important;
        line-height: 50px !important;
    }

    /* hero section end*/

    .container,
    .container-sm {
        max-width: 580px !important;
    }

    #main-nav .container.rounded-pill.px-5.py-3 {
        /* background: red !important; */
        width: 100% !important;
        padding: 15px !important;
        margin: 0px auto !important;
    }


    .header-cta {
        display: none !important;
    }

    .navbar-brand img {
        max-width: 150px !important;
    }

    nav .container {
        padding: 10px 15px !important;
    }

    .offcanvas {
        height: 100vh;
        background-color: #00000000;
    }

    .offcanvas.offcanvas-end {
        width: 100%;
        border-left: none;
    }

    .navbar-nav {
        background: none !important;
        backdrop-filter: none !important;
        padding: 0px !important;
        gap: 10px !important;
    }

    .offcanvas-backdrop.show {
        opacity: 1 !important;
    }

    .offcanvas-backdrop {
        top: -20px !important;
        width: 800px !important;
        left: -5.3rem !important;
        height: 130vh !important;
        background: linear-gradient(93.84deg, #068278 13%, #02221f 100%) !important;
        backdrop-filter: blur(30px) !important;
    }

    li.menu-item a {
        font-size: 35px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }

    /* .hero-sec {
        height: 950px !important;
    }

    .optimize-business {
        max-width: 180px !important;
        bottom: 42rem !important;
        right: 24rem !important;
        padding: 10px 20px;
    }

    .hero-sec::before {
        bottom: 400px !important;
        right: 180px !important;
        width: 250px !important;
        height: 600px !important;
    }

    .hero-sec::after {
        bottom: 250px !important;
        right: 0px !important;
        width: 500px !important;
        height: 500px !important;
        background-size: 500px !important;
    }

    .grow-business {
        max-width: 170px !important;
        padding: 10px 15px !important;
        bottom: 37rem !important;
        right: 2rem !important;
    }

    .scroll-right {
        top: 130px !important;
        right: 230px !important;
    }

    .hero-sec h1 {
        font-size: 47px !important;
        line-height: 65px !important;
    } */


    section.about-us {
        padding: 0px 0px 70px 0px !important;
    }

    .about-us .row:first-child {
        top: 120px !important;
        left: 30px !important;
    }

    .about-us .row:last-child {
        z-index: 50 !important;
        margin-top: -50px !important;
    }

    h2.about-main-heading {
        font-size: 100px !important;
        line-height: 85px !important;
    }

    .our-services .content h2 {
        font-size: 3rem !important;
    }

    .our-services .content p {
        width: 90% !important;
    }

    .project-sec h2 {
        font-size: 102px !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonials-sec {
        padding: 50px 0 0px 0 !important;
    }

    .testimonials-sec .swiper-slide {
        padding: 110px 0 !important;
    }

    .testimonial-item {
        max-width: 400px !important;
        height: 380px !important;
    }

    .mySwiperTestimonials .swiper-button-next img,
    .mySwiperTestimonials .swiper-button-prev img {
        width: 17px !important;
    }

    .blog-sec h2 {
        margin: 50px 0px !important;
    }

    .middle-sec {
        min-height: 440px !important;
    }

    /*     .footer-sec .left-hand {
        bottom: 0px !important;
        left: -95px !important;
        max-width: 340px !important;
    }

    .footer-sec .right-hand {
        top: -10px !important;
        right: -95px !important;
        max-width: 340px !important;
    } */

    img.branding-logo {
        max-width: 30% !important;
    }

    .footer-sec h2 {
        font-size: 60px !important;
    }

    .contact-lef-col .optimize-business {
        top: unset;
        bottom: 10px !important;
        left: 20px !important;
    }

    .contact-lef-col .grow-business {
        bottom: 15px !important;
        right: 15px !important;
    }

    .content.w-50.mx-auto.text-center.mb-5 {
        width: 100% !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    p {
        font-size: 16px;
    }

    section.mission-sec div {
        width: 90% !important;
    }

    .mission-sec .w-75 {
        padding: 20px 40px;
        border-radius: 40px;
    }

    .content-ct {
        width: 80%;
    }

    /* value section */
    section.our-value {
        height: 100vh !important;
    }

    section.our-value .values-container {
        width: 100% !important;
        background: none !important;
    }

    .circle-center {
        width: 75 !important;
        position: relative !important;
        top: -80px !important;
        right: 15px !important;
    }

    .value-card img {
        width: 40px !important;
        height: 40px !important;
    }

    .value-card-1 {
        top: 5px !important;
        right: 0px !important;
    }

    .value-card-2 {
        right: 0px !important;
        top: 120px !important;
    }

    .value-card-3 {
        right: 0px !important;
        bottom: 190px !important;
    }

    .value-card-4 {
        top: 5px !important;
        left: 0px !important;
    }

    .value-card-5 {
        top: 120px !important;
        left: -20px !important;
    }

    .value-card-6 {
        left: 0px !important;
        bottom: 190px !important;
    }

    .value-card p {
        font-size: 12px !important;
    }

    .value-card h5 {
        font-size: 0.9rem !important;
    }

    .arrow-top-about {
        transform: translateY(-67px) !important;
    }

    /* project section */
    .project-sec {
        padding: 60px 0px !important;
    }

    .project-sec h2 {
        transform: translateY(0px) !important;
        font-size: 80px !important;
    }

    .project-sec .mySwiper {
        padding-top: 2rem !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonial-item {
        padding: 0px 46px !important;
    }

    .testimonial-item b {
        font-size: 1.5rem !important;
    }

    .testimonials-sec h2 {
        font-size: 3rem !important;
    }

    .testimonial-item .profile {
        border: 5px solid #001311 !important;
    }

    .testimonial-item p {
        font-size: 0.8rem !important;
    }

    .center-section-logo {
        transform: translateY(-80px) !important;
    }

    .center-section-logo img {
        width: 80px !important;
    }

     .hero-sec {
        background-position: right!important;
    }

}

@media (min-width: 500px) and (max-width: 600px) {

    /* hero section */
    .hero-sec {
        height: 900px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 100px !important;
        overflow: hidden !important;
        background-position: right!important;
    }

    .optimize-business {
        max-width: 129px !important;
        bottom: 34rem !important;
        padding: 10px !important;
        left: 15px !important;
    }

    .hero-logo {
        bottom: 1093px !important;
        right: 19% !important;
        height: 312px !important;
    }

    .grow-business {
        max-width: 103px !important;
        padding: 10px !important;
        bottom: 25.3rem !important;
        right: 3rem !important;
        z-index: 800 !important;
    }

    img#hero-hand {
        bottom: 670px !important;
        width: 630px !important;
        right: -80px !important;
    }

    .grow-business p,
    .optimize-business p {
        font-size: 10px !important;
    }

    .scroll-right {
        top: 2.8rem !important;
        right: 8rem !important;
        max-width: 5rem;
    }

    .hero-sec h1 {
        font-size: 47px !important;
        line-height: 40px !important;
    }

    /* hero section end*/

    /* nav */
    #wrapper-navbar {
        width: 100% !important;
        top: 0;
    }

    .header-cta a {
        width: 100%;
        margin-top: 10px;
    }

    .navbar-brand img {
        max-width: 150px;
    }

    p {
        font-size: 16px;
    }

    .header-cta {
        display: none !important;
    }

    .navbar-brand img {
        max-width: 150px !important;
    }

    nav .container {
        padding: 10px 15px !important;
    }

    .offcanvas-backdrop.show {
        opacity: 1 !important;
    }

    .offcanvas-backdrop {
        top: -20px !important;
        left: -40px;
        width: 700px !important;
        height: 110vh !important;
        background: linear-gradient(93.84deg, #068278 13%, #02221f 100%) !important;
        backdrop-filter: blur(30px) !important;

    }

    .offcanvas {
        height: 100vh;
        background-color: #00000000;
    }

    .offcanvas.offcanvas-end {
        border-left: none;
        width: 100% !important;
    }

    .btn-close {
        filter: invert(1) !important;
        box-sizing: content-box !important;
        width: 1em !important;
        height: 1em !important;
        padding: .25em .25em !important;
        color: #000 !important;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat !important;
        border: 0 !important;
        border-radius: .375rem !important;
        opacity: .5 !important;

    }

    li.menu-item a {
        font-size: 30px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }

    /* nav end */
    /* testimonial section */

    .testimonials-sec {
        padding: 29px 0 0px 0 !important;
    }

    .testimonials-sec .swiper-slide {
        padding: 20px 0 !important;
    }

    .testimonial-item {
        max-width: 360px !important;
        height: 360px !important;
        box-shadow: none !important;
    }

    .testimonials-sec .swiper-button-prev.testi-prev,
    .testimonials-sec .swiper-button-next.testi-next {
        width: 30px !important;
        height: 30px !important;
    }

    .testimonial-item p {
        font-size: 11px !important;
    }

    .testimonials-sec {
        padding: 50px 0 0px 0;
    }

    .testimonials-sec .swiper-slide {
        padding: 50px 0px;
    }


    /* aboutTop */
    img.top-arrow-img-about {
        width: 35px;
    }

    h4.top-about-heading {
        font-size: 13px;
    }

    /* project section */
    .project-sec {
        padding: 60px 0px;
    }

    .project-sec h2 {
        transform: translateY(0px) !important;
    }

    .project-sec .mySwiper {
        padding-top: 2rem !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonial-item {
        padding: 0px 46px !important;
    }

    .testimonial-item b {
        font-size: 1.5rem !important;
    }

    .arrow-top-about {
        transform: translateY(-40px) !important;
    }

    h2.about-main-heading,
    .project-sec h2 {
        font-size: 90px !important;
        line-height: 70px !important;
    }

    section.about-us {
        padding: 0px 0px !important;
    }

    .our-value .container .row .col-lg-6 h1 {
        font-size: 4rem !important;
    }

    .process-arrow-img {
        transform: translateX(-25%) !important;
    }

    .center-section-logo {
        transform: translateY(-80px) !important;
    }

    .center-section-logo img {
        width: 80px !important;
    }

    .contact-form {
        padding: 44px 0px !important;
    }

    .contact-lef-col .optimize-business {
        bottom: 10px !important;
        left: 20px !important;
    }

    .contact-lef-col .grow-business {
        bottom: 15px !important;
        right: 15px !important;
    }

    /* value section */
    .values-container {
        background: none !important;
    }

    .circle-center {
        width: 87% !important;
        position: relative !important;
        top: -80px !important;
        right: 0px !important;
    }

    .value-card-4 {
        top: 5px !important;
        left: 0px !important;
    }

    .value-card-5 {
        top: 120px !important;
        left: 0px !important;
    }

    .value-card-6 {
        left: 50px !important;
        bottom: 110px !important;
    }

    .value-card-1 {
        top: 5px !important;
        right: 10px !important;
    }

    .value-card-2 {
        right: 0px !important;
        top: 120px !important;
    }

    .value-card-3 {
        right: 0px !important;
        bottom: 110px !important;
    }
}

/* Extra Small Devices (Phones) */
@media (min-width: 351px) and (max-width: 499px) {
    p {
        font-size: 16px;
    }

    .hero-sec {
        height: 900px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 100px !important;
        overflow: hidden !important;
        background-position: right!important;
    }

    .header-cta {
        display: none !important;
    }

    .navbar-brand img {
        max-width: 150px !important;
    }

    nav .container {
        padding: 10px 15px !important;
    }

    .offcanvas-backdrop.show {
        opacity: 1 !important;
    }

    .offcanvas-backdrop {
        top: -20px !important;
        left: -40px;
        width: 700px !important;
        height: 110vh !important;
        background: linear-gradient(93.84deg, #068278 13%, #02221f 100%) !important;
        backdrop-filter: blur(30px) !important;

    }

    .offcanvas {
        height: 100vh;
        background-color: #00000000;
    }

    .offcanvas.offcanvas-end {
        border-left: none;
        width: 100% !important;
    }

    .btn-close {
        filter: invert(1) !important;
        box-sizing: content-box !important;
        width: 1em !important;
        height: 1em !important;
        padding: .25em .25em !important;
        color: #000 !important;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat !important;
        border: 0 !important;
        border-radius: .375rem !important;
        opacity: .5 !important;

    }

    .footer-menus li.menu-item a {
        font-size: 18px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }

    /* hero section */
    .hero-sec {
        height: 900px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 130px !important;
        overflow: hidden !important;
    }

    .optimize-business {
        max-width: 129px !important;
        bottom: 34rem !important;
        padding: 10px !important;
        left: 15px !important;
    }

    .hero-logo-wrapper {
        bottom: 400px !important;
        right: 180px !important;
        width: 300px !important;
        height: 600px !important;
    }

    img#hero-hand {
        bottom: 670px !important;
        width: 630px !important;
        right: -80px !important;
    }

    .hero-logo-wrapper {
        right: 180px !important;
        width: 400px !important;
        /* height: 20px !important; */
    }

    .hero-logo {
        bottom: 970px !important;
        right: 15% !important;
        height: 250px !important;
    }

    .grow-business {
        max-width: 103px !important;
        padding: 10px !important;
        bottom: 25.3rem !important;
        right: 0.6rem !important;
        z-index: 800 !important;
    }

    .scroll-right {
        top: 2.8rem !important;
        right: 3rem !important;
        max-width: 4rem !important;
    }

    .hero-sec h1 {
        font-size: 34px !important;
        line-height: 36px !important;
    }

    /* hero section end*/

    a.btn.custom-cta {
        padding: 10px 20px !important;
        font-size: 15px !important;
    }

    h2.about-main-heading {
        font-size: 63px !important;
        line-height: 50px !important;
    }

    section.about-us.position-relative {
        margin-top: 0px !important;
        padding: 0px 0px !important;
    }

    .about-us .row:last-child {
        margin-top: 10px !important;
    }

    .our-services .content p {
        font-size: 13px !important;
        width: 90% !important;
    }

    .project-sec {
        padding: 20px 0 20px 0 !important;
    }

    /* testimonial section start */

    .testimonials-sec {
        padding: 29px 0 0px 0 !important;
    }

    .testimonials-sec .swiper-slide {
        padding: 20px 0 !important;
    }

    .testimonial-item {
        max-width: 360px !important;
        height: 360px !important;
        box-shadow: none !important;
    }

    .testimonials-sec .swiper-button-prev.testi-prev,
    .testimonials-sec .swiper-button-next.testi-next {
        width: 30px !important;
        height: 30px !important;
    }

    .testimonial-item p {
        font-size: 11px !important;
    }

    .testimonials-sec {
        padding: 50px 0 0px 0;
    }

    .testimonials-sec .swiper-slide {
        padding: 50px 0px;
    }

    /* testimonial section start */
    .blog-sec h2 {
        font-size: 41px !important;
        margin-bottom: 20px !important;
    }

    p.card-text {
        font-size: 14px !important;
    }

    .card-title {
        font-size: 20px !important;
        color: #000 !important;
    }

    ul.fot-men li a {
        font-size: 14px !important;
    }

    .project-sec h2 {
        font-size: 70px !important;
        line-height: 75px !important;
    }

    .project-sec {
        padding: 60px 0 !important;
    }

    footer {
        padding-top: 80px !important;
    }

    .footer-sec h2 {
        font-size: 40px !important;
    }

    .footer-sec p.footer-header-text {
        font-size: 16px !important;
    }

    a.custom-cta {
        padding: 12px 27px !important;
        font-size: 16px !important;
    }

    .middle-sec {
        min-height: 350px !important;
    }

    /*     .footer-sec .left-hand {
        bottom: -20px !important;
        left: -85px !important;
        max-width: 250px !important;
    } */

    img.branding-logo {
        width: 40% !important;
    }

    /*     .footer-sec .right-hand {
        top: -30px !important;
        right: -90px !important;
        max-width: 250px !important;
    } */

    .nav-item a.nav-link {
        font-size: 32px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }

    .footer-logo-center.logo.text-md-center.text-sm-center {
        width: 60%;
    }

    .footer-logo-center.logo.text-lg-right.text-center a img {
        width: 61% !important;
        margin-bottom: 20px !important;
    }

    .footer-sec .marquee-content h4 {
        font-size: 130px !important;
    }

    /* about page */
    .mission-sec .w-75 {
        padding: 15px !important;
    }

    .footer-sec h2 {
        font-size: 32px !important;
    }

    .parent-slider .swiper .swiper-wrapper .swiper-slide {
        /* width: 400px !important; */
        height: 490px !important;
        padding: 20px 5px !important;
        gap: 0px !important;
        margin-bottom: 0px !important;
    }


    .parent-slider .swiper .swiper-wrapper .swiper-slide-active {
        transform: scale(1);
    }

    .service-card .innerContent p {
        font-size: 15px !important;
        font-weight: 500 !important;
    }

    .service-card .innerContent h2 {
        font-size: 31px !important;
        font-weight: 600 !important;
        margin-bottom: 10px !important;
    }

    .service-card .innerContent h2 {
        font-size: 26px;
        margin-bottom: 10px;
    }


    .blog-sec h2 {
        font-size: 41px;
        margin-bottom: 20px;
    }

    #wrapper-navbar {
        width: 100% !important;
        top: 0;
    }

    .header-cta a {
        width: 100%;
        margin-top: 10px;
    }

    .navbar-brand img {
        max-width: 150px;
    }



    /* contact page  */
    section.page-hero-sec div {
        width: 100% !important;
    }

    section.page-hero-sec div p {
        font-size: 12px !important;
    }

    section.page-hero-sec div h1 {
        font-size: 38px !important;
    }

    .contact-lef-col .optimize-business {
        top: unset;
        bottom: 10px !important;
        left: 20px !important;
        max-width: 139px;
    }

    .contact-lef-col .grow-business {
        /* bottom: 15px !important;
        right: 15px !important; */

        display: none;
    }

    .optimize-business p {
        font-size: 11px !important;
    }

    .contact-center-logo {
        transform: translateY(-60px) !important;
    }

    .contact-form {
        padding: 44px 0 0 0 !important;
    }

    .content.w-50.mx-auto.text-center.mb-5 {
        width: 100% !important;
    }

    .core-services p {
        font-size: 12px;
    }

    .core-services h2 {
        font-size: 40px;
    }

    .working-process h2 {
        font-size: 40px !important;
    }

    .core-services {
        padding: 50px 0 0 0;
    }

    /* 
    .business-with-devstren p {
        font-size: 16px;
    }

    .business-with-devstren p {
        font-size: 40px;
    } */

    section.mission-sec div {
        width: 90% !important;
    }

    .mission-sec .w-75 {
        padding: 20px 40px;
        border-radius: 40px;
    }

    .project-sec .mySwiper .swiper-slide {
        width: 85% !important;
    }

    .projectcontainer.d-flex.justify-content-between.mt-3 {
        flex-direction: column !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .projectcontainer.d-flex.justify-content-between.mt-3 p {
        width: 100% !important;
        font-size: 16px !important;
    }

    .projectcontainer.d-flex.justify-content-between.mt-3 h3 {
        width: 100% !important;
        font-size: 30px !important;
    }

    .project-sec .swiper-button-next {
        right: 0px !important;
        width: 100px !important;
    }

    .footerBottom {
        margin-bottom: -60px;
    }

    img.d-block.star-images {
        width: 100px;
    }



    /* value section */
    section.our-value .values-container {
        margin: 0px auto;
        width: 300px !important;
        background: none !important;
    }

    .circle-center {
        width: 90% !important;
    }

    .value-card {
        width: 35% !important;
        gap: 4px !important;
    }

    .content-ct {
        width: 70%;
    }

    .value-card p {
        font-size: 10px !important;
    }

    .lh-1 {
        line-height: 0.3rem !important;
    }

    .value-card h5 {
        font-size: 0.7rem !important;
    }

    .content-ct h5 {
        font-size: 12px !important;
        margin-bottom: 0px;

    }

    .value-card img {
        width: 20px !important;
        height: 20px !important;
    }

    .value-card-4 {
        top: 45px !important;
        left: -5px !important;
    }

    .value-card-1 {
        top: 45px !important;
        right: -15px !important;
    }

    .value-card-5 {
        top: 115px !important;
        left: -25px !important;
        padding: 0px 0px 0px 10px !important;
    }

    .value-card-2 {
        top: 115px !important;
        right: -30px !important;
    }

    .value-card-3 {
        bottom: 30px !important;
        right: 0px !important;
    }

    .value-card-6 {
        bottom: 30px !important;
        left: 10px !important;
    }

    .business-with-devstren {
        padding: 51px 0 173px;
        width: 100% !important;
    }

    .business-with-devstren h2 {
        font-size: 30px !important;
    }

    .business-with-devstren p {
        font-size: 16px !important;
    }

    .business-with-devstren .section-title {
        margin-bottom: 30px;
    }

    .mission-sec {
        padding: 20px 0;
    }

    .mission-sec h2 {
        font-size: 50px;
    }

    .mission-sec div p {
        font-size: 14px !important;
    }

    .core-service-item {
        padding: 0px !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .navbar-nav {
        background: none !important;
        backdrop-filter: none !important;
        padding: 0px !important;
        gap: 10px !important;
    }

    .offcanvas-body {
        backdrop-filter: blur(3px) !important;
    }

    .nav-link:focus,
    .nav-link:hover {
        color: rgb(91 176 116) !important;
    }

    .process-arrow-img {
        top: -20px !important;
        left: 80% !important;
    }

    img.process-img.position-absolute {
        width: 230px;
        top: -20px;
        right: 0;
    }

    .arrow-top-about {
        transform: translateY(-60px) !important;
    }

    /* project section */
    .project-sec {
        padding: 60px 0px;
    }

    .project-sec h2 {
        transform: translateY(0px) !important;
    }

    .project-sec .mySwiper {
        padding-top: 2rem !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonial-item {
        padding: 0px 46px !important;
    }

    .testimonials-sec h2 {
        font-size: 2rem !important;
    }

    .testimonial-item b {
        font-size: 1.5rem !important;
    }

    .our-value .container .row .col-lg-6 h1 {
        font-size: 3rem !important;
    }

    .process-arrow-img {
        transform: translateX(-25%) !important;
    }

    .center-section-logo {
        transform: translateY(-80px) !important;
    }

    .center-section-logo img {
        width: 80px !important;
    }
}

@media (min-width: 200px) and (max-width: 350px) {

    /* nav */
    #wrapper-navbar {
        width: 100% !important;
        top: 0;
    }
 .nav-item a.nav-link {
        font-size: 32px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }
    .header-cta a {
        width: 100%;
        margin-top: 10px;
    }

    .navbar-brand img {
        max-width: 150px;
    }

    p {
        font-size: 16px;
    }

    .header-cta {
        display: none !important;
    }

    .navbar-brand img {
        max-width: 150px !important;
    }

    nav .container {
        padding: 10px 15px !important;
    }

    .offcanvas-backdrop.show {
        opacity: 1 !important;
    }

    .offcanvas-backdrop {
        top: -20px !important;
        left: -40px;
        width: 700px !important;
        height: 110vh !important;
        background: linear-gradient(93.84deg, #068278 13%, #02221f 100%) !important;
        backdrop-filter: blur(30px) !important;

    }

    .offcanvas {
        height: 100vh;
        background-color: #00000000;
    }

    .offcanvas.offcanvas-end {
        border-left: none;
        width: 100% !important;
    }

    .btn-close {
        filter: invert(1) !important;
        box-sizing: content-box !important;
        width: 1em !important;
        height: 1em !important;
        padding: .25em .25em !important;
        color: #000 !important;
        background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat !important;
        border: 0 !important;
        border-radius: .375rem !important;
        opacity: .5 !important;

    }

    .footer-menus li.menu-item a{
        font-size: 18px !important;
        font-family: 'ClashDisplay' !important;
        color: white !important;
    }

    /* nav end */

    /* hero section */
    .hero-sec {
        height: 840px !important;
        flex-direction: column-reverse !important;
        padding-bottom: 140px !important;
        overflow: hidden !important;
    }

    .optimize-business {
        padding: 5px !important;
        max-width: 98px !important;
        bottom: 32rem !important;
        right: 13.4rem !important;
    }

    .hero-logo-wrapper {
        bottom: 400px !important;
        right: 180px !important;
        width: 300px !important;
        height: 600px !important;
    }

    img#hero-hand {
        bottom: 755px !important;
        width: 430px !important;
        right: -50px !important;
    }

    .hero-logo-wrapper {
        right: 180px !important;
        width: 400px !important;
        /* height: 20px !important; */
    }

    .hero-logo {
        bottom: 1020px !important;
        right: 115px !important;
        height: 200px !important;
    }

    .grow-business {
        max-width: 78px !important;
        padding: 10px !important;
        bottom: 26.3rem !important;
        z-index: 800 !important;
        right: 0.6rem !important;
    }

    .grow-business p,
    .optimize-business p {
        font-size: 10px !important;
    }

    .scroll-right {
        top: 7rem !important;
        right: 3rem !important;
        max-width: 5rem;
    }

    .hero-sec h1 {
        font-size: 38px !important;
        line-height: 38px !important;
    }

    /* hero section end*/
    /* testimonial section */

    .testimonials-sec {
        padding: 29px 0 0px 0 !important;
    }

    .testimonials-sec .swiper-slide {
        padding: 20px 0 !important;
    }

    .testimonial-item {
        max-width: 360px !important;
        height: 360px !important;
        box-shadow: none !important;
    }

    .testimonials-sec .swiper-button-prev.testi-prev,
    .testimonials-sec .swiper-button-next.testi-next {
        width: 30px !important;
        height: 30px !important;
    }

    .testimonial-item p {
        font-size: 11px !important;
    }

    .testimonials-sec {
        padding: 50px 0 0px 0;
    }

    .testimonials-sec .swiper-slide {
        padding: 50px 0px;
    }

    /* testimonial section */

    .arrow-top-about {
        transform: translateY(-60px) !important;
    }

    /* project section */
    .project-sec {
        padding: 60px 0px;
    }

    .project-sec h2 {
        transform: translateY(0px) !important;
    }

    .project-sec .mySwiper {
        padding-top: 2rem !important;
    }

    .why-choose-sec {
        background-position: right !important;
    }

    .testimonial-item {
        padding: 0px 46px !important;
    }

    .testimonials-sec h2 {
        font-size: 2rem !important;
    }

    .testimonial-item b {
        font-size: 1.5rem !important;
    }

    section.about-us {
        padding: 0px 0px !important;
    }

    img.top-arrow-img-about {
        width: 40px !important;
    }

    section.page-hero-sec div {
        width: 100% !important;
    }

    .our-value .container .row .col-lg-6 h1 {
        font-size: 2rem !important;
    }

    .process-arrow-img {
        transform: translateX(-15%) !important;
    }

    .center-section-logo {
        transform: translateY(-80px) !important;
    }

    .center-section-logo img {
        width: 80px !important;
    }

    .contact-lef-col .optimize-business {
        bottom: 10px !important;
        left: 20px !important;
    }

    .contact-lef-col .grow-business {
        display: none !important;
    }

    .contact-form {
        padding: 44px 0 0 0 !important;
    }

    /* our values */
    /* value section */
    /* section.our-value {
        height: 100vh !important;
    } */

    section.our-value .values-container {
        width: 100% !important;
        background: none !important;
    }

    .circle-center {
        width: 100% !important;
        position: relative !important;
        top: -80px !important;
        right: 15px !important;
    }

    .value-card img {
        width: 30px !important;
        height: 30px !important;
    }

    .value-card-1 {
        top: -20px !important;
        right: 10px !important;
    }

    .value-card-2 {
        right: 6px !important;
        top: 120px !important;
    }

    .value-card-3 {
        right: -9px !important;
        bottom: 190px !important;
    }

    .value-card-4 {
        top: -20px !important;
        left: 0px !important;
    }

    .value-card-5 {
        top: 120px !important;
        left: -20px !important;
    }

    .value-card-6 {
        left: 0px !important;
        bottom: 190px !important;
    }

    .value-card p {
        font-size: 8px !important;
    }

    .value-card h5 {
        font-size: 0.6rem !important;
    }

}