@media screen and (max-width: 1800px) and (min-width: 1600px) {
    .feature-1-thumb-box {
        bottom: 10%;
        width: 55%;
    }
}

@media screen and (max-width: 1600px) {
    .feature-1-thumb-box {
        bottom: 10%;
        width: 55%;
    }

    .feature-top p {
        font-size: 14px;
        margin-bottom: 0;
    }

    .feature-text p {
        font-size: 14px;
    }

    .feature-icon span {
        margin-right: 20px;
        height: 70px;
        width: 70px;
        line-height: 70px;
    }

    .feature-title-wrap {
        padding: 0 60px;
    }

    .feature-funfact-wrap {
        top: -65px;
        left: 65px;
    }

    .feature-funfact-wrap ul {
        padding: 20px 20px;
    }

    .feature-funfact-wrap ul li:not(:last-child) {
        margin-right: 66px;
    }

    .feature-funfact i {
        font-size: 60px;
        width: 90px;
        text-align: center;
    }

    .feature-funfact-wrap ul li:not(:last-child)::after {
        top: 0px;
        right: -18px;
        height: 90px;
    }

    .layout-text-white h2.h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .panel-center-content h2 {
        font-size: 30px;
        line-height: 42px;
    }

    .elementor-widget-wrap {
        padding: 40px 0;
    }

    .expandable-slider {
        padding: 0px 0;
    }

    .mb-100 {
        margin-bottom: 20px;
    }

    .solution-text p {
        color: var(--bs-light-pera);
        font-size: 15px;
        letter-spacing: 0.4px;
        font-weight: 400;
    }

    .main-elementore-section {
        padding: 40px 0;
    }

    .ptb-50 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .hero-image-group {
        margin-right: -35px;
    }

    .about-image-group .about-image1 {
        top: -200px;
        left: 34%;
        max-width: 340px;
    }

    .about-image-group .about-image1 img {
        padding: 40px;
        max-width: 340px;
    }

    .about-image-group .about-image2 {
        top: 55px;
        left: 11%;
        max-width: 190px;
    }

    .about-image-group .about-image3 {
        left: 12%;
        bottom: 85px;
        max-width: 130px;
    }

    .about-image-group .about-shape2 {
        position: absolute;
        left: 34%;
        top: 65px;
        max-width: 145px;
    }

    .about-image-group .about-image4 {
        top: 128px;
        right: 16%;
        max-width: 95px;
    }

    .about-image-group .about-shape3 {
        position: absolute;
        right: 10%;
        top: -72px;
    }

    .about-image-group-three {
        max-width: 100%;
        width: 100%;
        margin-left: 0px;
    }

    .about-image-group-three .gradient-shape {
        width: 85px;
        height: 65px;
        right: 100px;
        top: 45px;
    }

    .about-image-group-three .image-group-1 {
        max-width: 460px;
        width: 100%;
    }

    .about-image-group-three .image-group-2 {
        max-width: 300px;
        width: 100%;
        bottom: 36px;
        right: 10.5%;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px) {
    .hero-image-group {
        margin-right: 0;
    }

    .hero-image-group .group-image2 {
        left: -50px;
        max-width: 250px;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-image-group .group-image1 {
        max-width: 300px;
    }

    .hero-image-group .group-image2::before {
        width: 275px;
        height: 450px;
        top: 50%;
        left: -20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .block-hero-section {
        padding-top: 160px;
        padding-bottom: 110px;
    }

    .block-hero-section .block-sec-heading {
        margin-bottom: 80px;
    }

    .hero-image-group {
        margin-right: 140px;
        text-align: center;
    }

    .hero-image-group .group-image1 {
        max-width: 300px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero-image-group .group-image2 {
        max-width: 200px;
        left: 25%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px) {
    .hero-image-group .group-image2::before {
        width: 220px;
        height: 360px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .hero-image-group .group-image3 {
        display: none;
    }

    .hero-image-group .group-image4 {
        display: none;
    }

    .hero-image-group .group-image5 {
        display: none;
    }

    .hero-image-group .group-image6 {
        display: none;
    }

    .block-hero-section .hero-shape {
        width: 50%;
    }

}

@media only screen and (min-width: 1200px) and (max-width: 1399px),
only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .block-hero-section .hero-shape2 {
        display: none;
    }

    .block-hero-section .hero-shape3 {
        display: none;
    }
}

@media screen and (max-width: 1400px) {
    .hero-wrapper {
        padding-left: 30px;
        margin: 75px 0 28px auto;
    }

    .feature-title-wrap {
        padding: 0 5px;
    }

    .layout-text-white {
        padding: 26px 26px;
    }

    .layout-text-white h2.h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .panel-center-content h2 {
        font-size: 24px;
        line-height: 36px;
    }

    .panel-layout-icon {
        height: 70px;
        width: 70px;
    }

    .contactus-section {
        padding: 3rem;
        padding-bottom: 3rem;
    }

    .hero-content-area {
        max-width: 530px;
    }

    .hero-main-contact-container {
        max-width: calc(100% - 530px);
    }

    .contact-hero-section-three .hero-lg-image {
        max-width: 930px;
        mask-position: left;
    }

    .block-about-section {
        padding-top: 70px;
        padding-bottom: 30px;
    }

    .block-service-section-three {
        padding-top: 84px;
        padding-bottom: 20px;
    }
}

@media screen and (max-width: 1200px) {
    .hero-wrapper {
        width: 100%;
        max-width: 100%;
    }

    .hero-container {
        display: grid;
        grid-template-columns: 1fr;
        align-items: center;
        gap: 0px;
    }

    .hero-wrapper {
        padding-left: 15px;
        margin: 120px 0 0px auto;
    }

    .feature-title-box {
        padding-bottom: 18px;
    }

    .feature-1-thumb-box {
        position: relative;
        bottom: 0;
        width: 100%;
        top: 0;
    }

    .feature-funfact-wrap {
        display: none;
    }

    .feature-title-wrap {
        margin-bottom: 25px;
    }

    .feature-item-box {
        padding-top: 25px;
    }

    .expandable-grid-layout {
        display: grid;
        grid-template-columns: 100%;
        gap: 0;
        min-height: 500px;
    }

    .all-panel {
        flex-direction: column;
    }

    .layout-text-white {
        padding: 30px 15px;
    }

    .panel-wrape-content {
        padding: 8px 20px;
    }

    .model-network-section {
        padding: 5px 0;
    }

    .panel-layout .panel-bottom-layout {
        border-bottom: none;
    }

    .panel-bottom-tagline span {
        color: #fff;
        font-size: 18px;
        line-height: 24px;
    }

    #contact-over-2 {
        position: absolute;
        width: 50px;
        top: -27px;
        left: 45px;
    }

    .hero-contact-flex {
        flex-direction: column;
        row-gap: 5px;
    }

    .hero-content-area {
        max-width: 100%;
    }

    .hero-main-contact-container {
        max-width: 100%;
    }

    .my-model-about {
        position: relative;
        min-height: 500px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        width: 100%;
    }

    .about-image-group {
        position: relative;
        height: 100%;
        width: 100%;
    }

    .about-content-one {
        margin-top: 40px;
    }

    .about-image-group-three .gradient-shape {
        right: 39%;
        top: 28px;
    }

    .about-image-group-three .image-group-2 {
        bottom: 36px;
        right: 32.5%;
    }

    .about-content-three {
        padding-top: 70px;
    }

    .block-about-section-three {
        padding-top: 50px;
        padding-bottom: 20px;
    }

    .accordion .accordion-content {
        transition: opacity 300ms linear, max-height 300ms linear;
        will-change: opacity, max-height;
    }

    .accordion button[aria-expanded='true']+.accordion-content {
        max-height: 15em;
        transition: all 300ms linear;
        will-change: opacity, max-height;
    }
}


@media screen and (max-width: 992px) {
    .elementor-widget-wrap {
        padding: 8px 0;
    }

    .feature-title-wrap {
        padding: 0px;
    }

    .main-swipe-button.swiper-button-next:after,
    .main-swipe-button.swiper-button-prev:after {
        font-size: 18px !important;
        font-weight: bold !important;
        color: #fff !important;
    }

    .main-swipe-button {
        width: 3rem !important;
        height: 3rem !important;
    }

    .elementore-flex-wrapper {
        padding: 10px;
    }

    .solution-icon span {
        height: 75px;
        width: 75px;
    }

    .solution-icon span img {
        width: 35px;
        height: 35px;
    }

    .solution-icon span::after {
        height: 80px;
        width: 80px;
    }

    .client-icon img {
        height: 50px;
        width: 50px;
        transition: 0.9s;
    }

    .client-mb-50 {
        margin-bottom: 25px;
    }

    .od-md-1 {
        order: 1;
    }

    .od-md-2 {
        order: 2;
    }

    .elementore-main-img {
        padding-bottom: 30px;
    }

    .testimonial-section {
        padding: 0px 0 30px;
    }

    .block-sec-heading {
        margin-bottom: 20px;
    }

    .block-service-section-three {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .about-image-group-three .gradient-shape {
        right: 20%;
        top: 28px;
    }

    .about-image-group-three .image-group-2 {
        bottom: 36px;
        right: 10.5%;
    }

    .faqs-section {
        padding: 20px 0;
    }

    .accordion {
        padding: 12px 20px;
        border-radius: 10px;
    }
}

@media screen and (max-width: 768px) {
    .elementor-section {
        padding-top: 40px;
    }

    .video-wraper {
        width: 70%;
    }

    .main-swipe-button.swiper-button-prev {
        left: 4% !important;
    }

    .main-swipe-button.swiper-button-next {
        right: 4% !important;
    }

    .client-mb-50 {
        margin-bottom: 5px;
    }

    .client-logo-box {
        padding: 10px;
    }

    .client-icon img {
        height: 35px;
        width: 35px;
        transition: 0.9s;
    }

    .client-details p {
        font-size: 12px;
    }

    .hero-main-contact-container {
        padding: 12px;
    }

    .contact-hero-section-three {
        padding-top: 130px;
        padding-bottom: 75px;
    }

    .hero-image-group .group-image1 {
        max-width: 285px;
    }

    .hero-image-group .group-image1::before {
        top: -3px;
        width: 90%;
        height: 85%;
        right: -44px;
    }

    .hero-image-group .group-image2 {
        top: 16%;
        left: 38px;
        max-width: 220px;
    }

    .hero-image-group .group-image2::before {
        width: 250px;
        height: 400px;
    }

    .hero-image-group {
        margin-right: 0;
    }

    .hero-image-group .group-image1 {
        max-width: 300px;
        margin-right: 20px;
    }

    .block-hero-section {
        padding-top: 135px;
        padding-bottom: 75px;
    }

    .block-about-section {
        padding-top: 25px;
        padding-bottom: 20px;
    }

    .accordion button .accordion-title {
        padding: 0;
        width: 95%;
        display: block;
    }
}

@media screen and (max-width: 576px) {
    .text-center-small {
        text-align: center;
        display: block;
    }

    .btn-center-small {
        margin: 0 auto;
    }

    .btn-start-small {
        margin: 0;
    }

    .hero-wrapper {
        padding-left: 0px;
        margin: 110px 0 0px auto;
        padding: 5px 10px;
    }

    span.section-subtitle {
        font-size: 18px;
        font-weight: 500;
        letter-spacing: 1px;
        display: block;
        text-align: center;
    }

    .feature-top p {
        font-size: 15px;
        margin-bottom: 0;
        display: block;
        text-align: center;
    }

    .feature-item {
        margin-bottom: 18px;
        padding-right: 0;
    }

    .layout-text-white h2.h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .panel-center-content h2 {
        font-size: 20px;
        line-height: 28px;
    }

    .loop-img-wrape::before {
        width: 100px;
        height: 100px;
    }

    .loop-img-wrape img {
        width: 80px !important;
        height: 80px !important;
        object-fit: cover;
    }

    .loop-img-wrape {
        margin-bottom: 14px;
    }

    .swipe-slide-title {
        font-size: 14px;
        line-height: 28px;
    }

    .panel-bottom-tagline span {
        color: #fff;
        font-size: 14px;
        line-height: 24px;
        font-weight: 400;
        letter-spacing: 0.8px;
    }

    .main-swipe-button.swiper-button-next:after,
    .main-swipe-button.swiper-button-prev:after {
        font-size: 14px !important;
        font-weight: bold !important;
        color: #fff !important;
    }

    .main-swipe-button {
        width: 2rem !important;
        height: 2rem !important;
    }

    .swiper-slide-video {
        padding-top: 0;
    }

    .mySwiper2 {
        margin-top: 20px;
    }

    .video-wraper {
        border: 6px solid rgb(251 220 255 / 30%);
    }

    .feature-title-box h2.h2 {
        text-align: center;
        display: block;
    }

    .mb-100 {
        margin-bottom: 0;
    }

    .solution-icon span img {
        width: 26px;
        height: 26px;
    }

    .solution-icon span::after {
        height: 56px;
        width: 56px;
    }

    .solution-icon span {
        height: 60px;
        width: 60px;
    }

    .pb-4 {
        padding-bottom: 1rem !important;
    }

    .solution-text p {
        font-size: 14px;
    }

    .inner-image {
        height: 95px;
        width: 95px;
    }

    .inner-text p.p {
        font-size: 14px;
        line-height: 22px;
        margin-top: 12px;
    }

    .carousel-prev-icon,
    .carousel-next-icon {
        height: 16px;
        width: 16px;
    }

    .prev-btn,
    .next-btn {
        width: 3rem;
        height: 3rem;
    }

    .main-elementore-section {
        padding: 40px 0 0;
    }

    .touch-content h2.h2 {
        display: block;
        text-align: center;
    }

    .trusted-client {
        justify-content: center;
        -webkit-box-align: center;
    }

    .trusted-client .partner {
        width: 100%;
        max-width: 100px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .trusted-client .partner img {
        max-width: 100px;
    }

    .pt-30 {
        padding-top: 18px;
    }

    #contact-over-2 {
        position: absolute;
        width: 28px;
        top: -20px;
        left: 50px;
    }

    #contact-over-1 {
        position: absolute;
        top: -26px;
        right: 16px;
        height: auto;
        width: 50px;
    }

    .footer-social {
        margin-top: -13px;
    }

    .contactus-section {
        padding: 0rem;
        padding-bottom: 2rem;
    }

    .heroform-continer {
        padding: 22px;
    }

    .panel-layout .panel-center-layout {
        width: 100%;
    }

    input#attachment:not([type="submit"]) {
        width: 100%;
    }

    .testimonial-section h2.h2,
    .testimonial-section .p {
        display: block;
        text-align: center;
    }

    .feature-item.align-items-center {
        align-items: start !important;
    }

    .feature-text h4.h4 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .solution-item {
        display: flex;
        align-items: start;
    }

    .solution-icon {
        display: inline-block;
    }

    .solution-text {
        padding: 0 14px;
        padding-right: 0;
    }

    .ticked li {
        font-size: 14px;
    }

    .hero-main-contact-container {
        padding: 0px;
    }

    .about-image-group .about-image1 img {
        padding: 35px;
        max-width: 275px;
    }

    .about-image-group .about-image1 {
        max-width: 275px;
    }

    .about-image-group .about-image3 {
        max-width: 100px;
    }

    .about-image-group .about-image2 {
        top: 25px;
        left: 15%;
        max-width: 130px;
    }

    .about-image-group .about-shape2 {
        position: absolute;
        left: 34%;
        top: -8px;
        max-width: 95px;
    }

    .about-image-group .about-image4 {
        top: 64px;
        right: 10%;
        max-width: 75px;
    }

    .about-image-group .about-shape3 {
        position: absolute;
        right: 6%;
        top: -31px;
        max-width: 100px;
    }

    .my-model-about {
        min-height: 415px;
    }

    .about-content-one p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    .my-block-sec-heading .desc p {
        font-size: 14px;
        font-weight: 400;
        line-height: 22px;
    }

    .accordion button {
        padding: 0.8em 0;
        font-size: 18px;
    }

    .faqs-container {
        padding: 0px;
    }

    .about-image-group-three .image-group-1 {
        max-width: 280px;
        width: 100%;
        left: 3%;
        position: relative;
    }

    .about-image-group-three .image-group-2 {
        max-width: 190px;
    }

    .about-image-group-three .image-group-2 {
        bottom: 18px;
        right: 22.5%;
    }

    .about-image-group-three .gradient-shape {
        width: 40px;
        height: 30px;
        right: 33%;
        top: 18px;
    }
}

@media screen and (max-width: 400px) {
    .client-gird-structure {
        grid-template-columns: repeat(3, 1fr);
    }

    .client-gird-structure .client-logo-box {
        border-right: 1px dashed #a177b32b;
    }

    .client-gird-structure .client-logo-box:nth-child(-n+6) {
        border-bottom: 1px dashed #a177b32b;
    }

    .client-gird-structure .client-logo-box:nth-child(4),
    .client-gird-structure .client-logo-box:nth-child(8) {
        border-right: 1px dashed #a177b32b;
    }

    .client-gird-structure .client-logo-box:nth-child(4),
    .client-gird-structure .client-logo-box:nth-child(6) {
        border-bottom: 1px dashed #a177b32b;
    }

    .client-gird-structure .client-logo-box:nth-child(3),
    .client-gird-structure .client-logo-box:nth-child(6) {
        border-right: none;
    }

    .hero-image-group .group-image1 {
        max-width: 210px;
        margin-right: 10px;
    }

    .hero-image-group .group-image1::before {
        top: 10px;
        width: 73%;
        height: 85%;
        right: -9px;
    }

    .hero-image-group .group-image2 {
        top: 18%;
        left: 18px;
        max-width: 145px;
    }

    .hero-image-group .group-image2::before {
        width: 165px;
        height: 230px;
    }

    .about-image-group .about-image1 {
        top: -200px;
        left: 34%;
        max-width: 230px;
    }

    .about-image-group .about-image1 img {
        padding: 35px;
        max-width: 230px;
    }

    .about-image-group .about-image3 {
        left: 5%;
        bottom: 90px;
        max-width: 95px;
    }

    .my-model-about {
        min-height: 390px;
    }

    .about-content-one {
        margin-top: 20px;
    }

    .about-image-group-three .image-group-2 {
        bottom: 18px;
        right: 0.5%;
        max-width: 146px;
    }

    .about-image-group-three .gradient-shape {
        right: 0%;
        top: 50px;
    }

    .footer-social a {
        font-size: 14px;
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .solution-icon span {
        align-items: start;
        height: 45px;
        width: 45px;
    }

    .solution-icon span img {
        width: 42px;
        height: 42px;
    }

    .solution-icon span::after {
        display: none;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px),
only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .block-service-item-three .border-inner {
        display: none;
    }

    .block-service-item-three .border-inner2 {
        display: none;
    }

    .block-service-item-three {
        margin-bottom: 30px;
        padding: 20px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px),
only screen and (min-width: 576px) and (max-width: 767px),
(max-width: 575px) {
    .block-service-phone-content .phone-shape {
        display: none;
    }

    .block-service-phone-content {
        padding-left: 0;
    }
}

@media screen and (max-width: 1200px) {
    .new-client-logo-flex {
        column-gap: 12px;
        flex-wrap: wrap;
        row-gap: 10px;
    }

    .new-client-logo-box {
        height: 100px !important;
        width: 100px !important;
    }

    .new-client-logo-box img {
        width: 60px !important;
        height: auto;
    }
}

@media screen and (max-width: 576px) {
    .new-client-logo-box {
        height: 70px !important;
        width: 70px !important;
    }

    .new-client-logo-box img {
        width: 40px !important;
        height: auto;
    }

    .new-client-logo-section {
        padding: 0px 0;
    }
}

/* ----------------------------- */

@media screen and (max-width: 1400px) {
    .ui-e-headline-text .word {
        font-size: 44px;
        line-height: 56px;
    }

    .elementor-heading-title.elementor-size-default {
        font-size: 34px;
        line-height: 46px;
    }

    .dz-count-title,
    .modal-accordion-header h2 {
        font-size: 34px;
        line-height: 46px;
    }

    .elementor-12 .elementor-element.elementor-element-af64b2b.elementor-column>.elementor-widget-wrap {
        padding-top: 0px;
    }

    .elementor-12 .elementor-element.elementor-element-0c36d0e,
    .elementor-12 .elementor-element.elementor-element-da1a9a0 {
        width: var(--container-widget-width, 700px);
        max-width: 700px;
        --container-widget-width: 700px;
    }

    .elementor-12 .elementor-element.elementor-element-633b8d6 {
        width: var(--container-widget-width, 550px);
        max-width: 550px;
        --container-widget-width: 550px;
    }

    .elementor-12 .elementor-element.elementor-element-3068d80 {
        width: var(--container-widget-width, 550px);
        max-width: 550px;
        --container-widget-width: 550px;
    }

    .tab-section-modal {
        padding: 25px 0;
    }

    .dz-count-widget-container {
        padding: 0px 0 50px;
        width: var(--container-widget-width, 700px);
        max-width: 700px;
        --container-widget-width: 700px;
    }

    .dz-count-list {
        padding-right: 0px;
        margin-bottom: 20px;
    }

    .dz-count-list-number {
        top: 30px;
        left: calc(0% - 46px);
        font-size: 4em;
    }
}

@media screen and (max-width: 1200px) {
    .elementor-12 .elementor-element.elementor-element-87921ea {
        padding: 25px 0px 25px 0px;
    }

    .elementor-12 .elementor-element.elementor-element-633b8d6>.elementor-widget-container {
        padding: 0px 0px 30px 0px;
    }

    .elementor-12 .elementor-element.elementor-element-9e5c26f {
        margin-top: -65px;
    }

    .elementor-12 .elementor-element.elementor-element-57337ca {
        padding: 35px 35px 35px 35px;
    }

    .tab-head-pad {
        padding-bottom: 25px;
    }

    .model-btn-animate {
        border-right: none;
        border-top: 0.125rem solid rgb(97, 106, 138);
        background: linear-gradient(180deg, rgba(97, 106, 138, 0.2), rgb(149 78 146 / 20%) 1%, transparent);
    }

    .tablinks.active .model-btn-animate {
        background: linear-gradient(180deg, rgba(35, 230, 168, 0.2), rgb(35 201 230 / 20%) 1%, transparent);
        border-right: none;
        border-top: 0.125rem solid rgb(0 162 193);
    }

    .tablinks .model-btn-animate::before {
        background: linear-gradient(180deg, rgba(35, 230, 168, 0.2), rgb(35 201 230 / 20%) 1%, transparent);
    }

    .modal-tabs-btn {
        margin-bottom: 10px;
    }

    .dz-count-box-section {
        padding: 25px 0;
    }

}

@media screen and (max-width: 992px) {

    .elementor-widget-container p,
    .dz-count-disk {
        font-size: 16px;
        line-height: 26px;
    }

    .elementor-column.elementor-col-33,
    .elementor-column[data-col="33"] {
        width: 100%;
    }

    .elementor-section .elementor-container.elementor-column-gap-default {
        flex-direction: column;
    }

    .elementor-12 .elementor-element.elementor-element-87921ea {
        padding: 25px 0px 55px 0px;
    }

    .elementor-12 .elementor-element.elementor-element-9e5c26f {
        margin-top: -55px;
    }

    .dz-count-container {
        padding: 20px;
        padding-bottom: 0;
    }

    .dz-count-list-number {
        top: 25px;
        left: calc(0% - 28px);
        font-size: 3em;
    }

    .modal-accordion-section {
        padding: 25px 0 45px;
    }

    .accordion {
        padding: 0;
    }

    .modal-accordion-content {
        padding: 35px 10px 10px 10px;
    }
}

@media screen and (max-width: 768px) {
    .ui-e-headline-text .word {
        font-size: 32px;
        line-height: 44px;
    }

    .elementor-12 .elementor-element.elementor-element-c31941c>.elementor-widget-container {
        padding: 10px 0px 10px 0px;
    }

    .elementor-12 .elementor-element.elementor-element-bce83ad {
        margin-top: 15px;
        margin-bottom: 0px;
    }

    .elementor-12 .elementor-element.elementor-element-6f9d6e9 img {
        width: 100%;
    }

    .elementor-12 .elementor-element.elementor-element-633b8d6>.elementor-widget-container {
        padding: 0px 0px 0px 0px;
    }

    .elementor-section {
        padding-top: 25px;
    }

    .elementor-12 .elementor-element.elementor-element-3068d80 {
        font-size: 16px;
        line-height: 26px;
    }

    .elementor-12 .elementor-element.elementor-element-0c36d0e,
    .elementor-12 .elementor-element.elementor-element-da1a9a0 {
        width: var(--container-widget-width, 100%);
        max-width: 100%;
        --container-widget-width: 100%;
    }

    .elementor-12 .elementor-element.elementor-element-633b8d6 {
        width: var(--container-widget-width, 100%);
        max-width: 100%;
        --container-widget-width: 100%;
    }

    .elementor-12 .elementor-element.elementor-element-3068d80 {
        width: var(--container-widget-width, 100%);
        max-width: 100%;
        --container-widget-width: 100%;
    }

    .dz-count-widget-container {
        padding: 0px 0 50px;
        width: var(--container-widget-width, 100%);
        max-width: 100%;
        --container-widget-width: 100%;
    }

    .elementor-12 .elementor-element.elementor-element-57337ca {
        padding: 35px 10px 35px 10px;
    }
}

@media screen and (max-width: 568px) {
    .fBMtuI .CodeBlock-lines>div {
        padding: 0px 0.2rem;
        line-height: 1.3rem;
    }

    .fBMtuI code[class*="language-"],
    .fBMtuI .CodeBlock-lines {
        font-size: 10px;
    }

    .fBMtuI .CodeBlock-lines>div::before {
        margin-right: 1rem;
        width: 1rem;
    }

    .modal-accordion-image .elementor-widget-wrap.elementor-element-populated {
        margin: 0;
        --e-column-margin-right: 0;
        width: 100%;
    }

    .modal-accordion-image .elementor-element.elementor-element-78dea58 img {
        max-width: 100%;
    }

    .accordion-content p {
        font-size: 15px;
    }

    .elementor-12 .elementor-element.elementor-element-00c80f9 {
        padding: 120px 0px 25px 0px;
    }

    .elementor-12 .elementor-element.elementor-element-00c80f9>.elementor-background-overlay {
        background-position: 0px 60%;
    }

    .elementor-column-gap-default>.elementor-column>.elementor-element-populated {
        padding: 10px 0;
    }

    .fBMtuI {
        opacity: 1;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100%;
    }

    .fBMtuI code[class*="language-"],
    .fBMtuI .CodeBlock-lines {
        width: 100%;
    }

    .fBMtuI .CodeBlock-lines>div {
        white-space: nowrap;
    }

    .fsPLYl {
        width: 100%;
        height: 100%;
        transform: translate(12px, -210px) rotate(10deg);
    }

    .modal-elementore-container {
        padding: 20px 0;
    }
}

/* --------------------------------------------- */

@media screen and (max-width: 1400px) {
    .best-market-container {
        padding: 4rem 3rem;
    }
}

@media screen and (max-width: 1200px) {
    .flex-listout li {
        max-width: calc(33% - 15px);
    }
    .industries-row {
        grid-template-columns: 1fr;
        gap: 0px;
        border-radius: 25px;
        padding: 2rem 1rem;
    }
    .block-overlay-left {
        width: 100%;
        border-radius: 70px;
    }
    .block-overlay-right {
        width: 100%;
        border-radius: 70px;
    }
    .block-title {
        font-size: 34px;
        line-height: 46px;
        font-weight: 500;
    }
    .industries-col-1 {
        order: 2;
    }
    .industries-col-2 {
        order: 1;
    }
}

@media screen and (max-width: 992px) {
    .best-market-container {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .flex-listout {
        row-gap: 24px;
        column-gap: 24px;
    }

    .flex-listout li {
        max-width: calc(50% - 12px);
    }

    .rate-title {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 10px;
    }
    .integration-section {
        padding: 25px 0;
    }
    .module-center-title h2 {
        font-size: 34px;
        line-height: 46px;
    }
}

@media screen and (max-width: 768px) {
    .flex-listout {
        row-gap: 20px;
        column-gap: 0;
    }

    .flex-listout li {
        max-width: 100%;
    }
    .industries-section {
        padding: 25px 0;
    }
    .industries-row {
        padding: 0rem 0rem;
    }
    .industries-container {
        padding: 10px 0 40px;
        margin-bottom: 30px;
    }
    .block-overlay-left, .block-overlay-right {
        border-radius: 40px;
    }
    .industries-col-1 {
        padding: 0 20px;
    }
    .integration-content-grid {
        grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
    }
    .integration-content-flex {
        flex-direction: row;
    }
    .flex-lines {
        margin: 0 0.125rem;
        height: 100%;
        width: 12px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .flex-lines::before {
        top: 20%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .flex-lines::after {
        top: 50%;
        left: calc(50% - 0.04rem);
        height: calc(100% - 2.125rem);
        width: 0.125rem;
        background: linear-gradient(to bottom, #ff1749, #d5d8e1 60%);
    }
    .integration-module-first {
        padding: 30px 0px 0px 0px;
    }

    .integration-desk {
        display: none;
    }
    .integration-mobile {
        display: block;
    }
}

@media screen and (max-width: 576px) {
    .navigation-tab {
        height: 115px;
        width: 310px;
    }
    .navigation-tab-item {
        width: 110px;
    }
    .navigation-tab-item.active {
        width: 170px;
    }
    .navigation-tab-overlay {
        width: 170px;
    }
    .best-market-container {
        padding: 2rem 2rem;
    }
}

@media screen and (max-width: 400px) {
    .integration-content-info {
        padding: 1rem 1rem 0px;
    }
    .flex-lines::before {
        top: 15%;
        left: 50%;
        transform: translate(-50%, -50%);
    }
}

@media screen and (max-width: 378px) {
    .rate-title {
        font-size: 28px;
        line-height: 42px;
    }
    .module-center-title h2 {
        font-size: 28px;
        line-height: 42px;
    }
    .module-center-title h2 {
        font-size: 28px;
        line-height: 42px;
    }
}

@media screen and (max-width: 1400px) {
    .article-content h2 {
        font-size: 32px;
        line-height: 46px;
    }
    .article-content h3 {
        font-size: 22px;
        line-height: 36px;
    }
}

@media screen and (max-width: 992px) {
    .article-container {
        padding: 0;
    }
    .slidbar {
        margin-top: 0px;
    }
    .article-content {
        margin-top: 0px;
    }
    .box-sidebar {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 576px) {
    .breadcrumbs {
        padding: 15px 0;
    }
    .article-title h1.h1 {
        font-size: 28px;
        line-height: 42px;
    }
    .article-content h2 {
        font-size: 24px;
        line-height: 34px;
    }
    .article-content p {
        margin-top: 10px;
    }
    .breadcrumb-title span {
        white-space: pre-wrap;
    }
    .breadcrumb-flex {
        overflow: hidden;
    }
}