/* 4K / Ultra-wide (≤ 1920px) */
@media (max-width: 1920px) {
    /* Styles */
}


/* Extra Large Desktop (≤ 1600px) */
@media (max-width: 1600px) {
    /* Styles */
}



/* Desktop (≤ 1400px) */
@media (max-width: 1400px) {
    /* Styles */
}

/* Laptop (≤ 1200px) */
@media (max-width: 1200px) {
    /* Styles */
}

@media (max-width: 1024px) {
    .case-study-wrapper {
        display: none;
    }

    .case-responsive {
        padding: 0 0px;
        display: block;
    }

    .our-stats-left {
        width: 100%;
        padding: 15px 29px;
        order: 2;
    }

    .our-stats-right {
        width: 100%;
        padding: 15px 29px;
        order: 1
    }

    .contact-info-items .content h3 {
        font-size: 20px !important;
    }

    /* Styles */
    /* ======================
    case studies details page
    ========================= */
    .results-description {
        max-width: 600px;
        margin: auto;
        color: #444;
        font-size: 15px;
        padding-bottom: 10px;
        margin: 0 0px;
        line-height: 1.6;
    }

    .demo-btn {
        background-color: #7b04e8;
        color: #fff;
        border: none;
        padding: 6px 10px;
        font-size: 14px;
        font-weight: 600;
        border-radius: 8px;
        width: 30%;
        cursor: pointer;
        transition: 0.3s ease;
    }

}


/* Tablet / Small Laptop (≤ 992px) */
@media (max-width: 992px) {
.top-header{
    display:none;
}
    /* Styles */
    /* ======================= 
  home page ==================== */
    .our-stats-left {
        width: 100%;
        padding: 15px 29px;
        order: 2;
    }

    .our-stats-right {
        width: 100%;
        padding: 15px 29px;
        order: 1
    }

    .oval-shape-marketing {
        position: absolute;
        top: 15%;
        left: 0;
        pointer-events: none;
        width: 100%;
    }

    .case-study-section .overlay-shape {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .home-portfolio-section {
        height: auto;
        /* clip-path: none;  */
        background-attachment: scroll;
        /* iOS fix */
    }

    .home-portfolio-sticky>img {
        position: static;
        transform: none;
        margin: 20px auto;
        display: block;
        max-width: 60%;
    }


    .tech-right {
        padding: 0 0 0 0px;
    }

    .about-wrapper .about-content {
        margin-left: 10px;
        padding-top: 80px;
    }

    .masonry.-col-4 .masonry__item.-wide {
        width: 50%;
    }

    .masonry.-col-4 .masonry__item {
        width: 50%;
    }

    .contact-info-items .content h3 {
        font-size: 20px !important;
    }

    /* indexpage */
    .main-banner {
        position: relative;
        min-height: 650px;
    }

    h2 {
        font-size: 36px;
    }

    .our-stats-content h2 {
        margin-bottom: 10px;
    }

    p {
        line-height: 1.3;
    }

    .section-title .sub-title {

        margin-bottom: 12px;
    }

    .our-stats-section {
        position: relative;
        padding: 65px 0;
    }

    .section-title {
        margin-bottom: 0px;
        text-align: center;
    }

    .our-stats-right {
        width: 100%;
        padding: 0px 95px;
        text-align: center;
    }

    .our-stats-left-in {
        position: relative;
        padding: 0px 20px;
    }

    .our-stats-left {
        width: 100%;
        padding: 0px 29px;
        order: 2;
    }

    .our-stats-inner-wrap {
        position: relative;
        z-index: 2;
        padding-bottom: 5px;
    }





    .feature-box-items {
        margin-top: 16px;

    }

    .feature-box-items .icon {

        width: 53px;
        height: 53px;
        line-height: 70px;
        text-align: center;
        font-size: 35px;
        color: #61b5e2;
    }

    .feature-box-items .content h3 {
        margin-bottom: 5px;
    }

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

    .brand-spacing {
        padding: 25px 0;
    }

    .our-stats-number-wrap {

        font-size: 19px;
    }

    .section-padding.animate-s-sumo {
        padding: 0 0 25px;
    }

    .about-wrapper .about-image {
        max-width: 100%;
        padding: 15px;
    }

    .section-padding.animate-s-sumo {
        padding: 0 0 65px;
    }

    .about-wrapper .about-content {
        /* margin-left: 10px; */
        /* padding-top: 3px; */
        padding: 0 50px;
        text-align: center;
    }

    .about-content h2 {
        margin-bottom: 15px;
    }

    .animate-s-sumo .main-button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tick-list li {
        font-size: 18px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .section-padding.case-res {
        padding: 65px 0 0;
    }

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

    .test-res {
        padding: 0 8px;
    }

    .our-stats-row {

        margin: 0;
    }

    .page-wrapper {
        height: auto !important;
        overflow: visible !important;
    }

    .glider {
        position: absolute;
        height: 52px;
        width: 0px;
        background: #0f6db215;
        border-radius: 50px;
        z-index: 0;
        transition: 0.35s cubic-bezier(0.25, 1, 0.3, 1);
    }

    .overlay-shape img {
        width: 100%;
    }

    .overlay-shape-cs img {
        width: 100%;
    }

    .layout-pt-md {
        padding: 50px 0 0;
    }
    .service-p{
        padding-bottom: 65px;
    }
    .hero

 {
    background-color: #61b5e2;
    padding: 65px 20px;
}
.tech-section.sect-service {
    padding: 0 0 65px;
}
    .tabs-wrapper {
        display: flex;
        flex-wrap: nowrap;

        white-space: nowrap;
        gap: 35px;

        /* Smooth scrolling */
        /* -webkit-overflow-scrolling: touch; */
        /* width: max-content; */
        /* scrollbar hide */
        /* scrollbar-width: none;
        -ms-overflow-style: none; */
        margin-top: 30px;
    }

    .tab-btn {
        width: auto;
        flex-shrink: 0 !important;
        /* important */
    }

    .tabs-wrapper::-webkit-scrollbar {
        display: none;
    }

    .tech-icons-row img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        transition: .3s ease;
    }

    .tab-content {
        margin-top: 5px;
    }

    .testimonial-wrapper .testimonial-left {
        margin-top: 20px;
    }

    .tech-icons-row .col-md-2 {
        text-align: center;
        padding: 0px;

        border-radius: 10px;
    }

    .section-padding.tabs-section {
        padding: 65px 0 0;
    }

    /* .layout-pt-md{
       padding: 50px 0 0;  
    } */
    .faq-section.section-padding {
        padding: 65px 0 0;
    }

    .faq-content {
        text-align: center;
        padding: 0 30px;
    }

    .faq-wrapper .faq-content .faq-list {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
        border-top: 1px solid #CCD8FF;
        border-bottom: 1px solid #CCD8FF;
        padding: 11px 0;
        flex-direction: column;
    }

    .faq-accordion {
        padding: 0 10px;
    }

    .faq-content h2 {
        margin-bottom: 10px;
    }

    .common-padding-bottom {
        padding: 65px 0 0;
    }

    .common-hdr {
        margin-bottom: 20px;
        padding: 0 50px;
    }

    .common-contect-dtls {
        text-align: center;
        padding: 0 50px;
    }

    .common-contect-dtls p {
        margin-top: 10px !important;
        margin-bottom: 13px;
    }

    .form-wrapper {
        padding: 15px 12px;
    }

    .form-group--row {
        flex-direction: column;
        gap: 20px;
    }

    .testimonial-wrapper .testimonial-left .client-img {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .array-button {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }

    .home-banner-content-wrap p {
        font-size: 15px;

    }

    .brand-spacing {
        padding: 50px 0;
    }

    .about-section .brand-wrapper {
        margin-bottom: 0px;
    }

    .section-title-area {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 15px;
    }

    .feature-box-items .content {
        margin-top: 15px;
    }

    .tech-section {
        padding: 65px 0;
    }

    .tech-left h2 {
        font-size: 34px;

    }

    .tech-left {
        text-align: center;
    }

    .tech-left p {
        margin: 10px 0;
        font-size: 16px;
        line-height: 1.6;
        color: #505d6a;
        max-width: 771px;
        padding: 0 69px;

    }

    .collab-link {
        display: inline-block;
        margin-bottom: 24px;

    }

    /* ====
case studies page
 */
    .row-casestudies {
        width: 100%;
        display: flex;
        flex-direction: column;
        /* justify-content: center; */
        gap: 15px;
    }

    .audience-box {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
    }

    .audience-box {

        margin: 27px 0;
    }

    .casestudies-carousel {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 65px 0;
        width: 100%;
    }

    .typography-case {
        padding: 0px 0 65px;
    }

    .uiux-text {
        /* max-width: 700px; */
        width: 100%;
        text-align: left;
        /* background: rgba(255, 255, 255, 0.4); */
        padding: 0px 0px 36px;
        border-radius: 10px;
        order: 1;
    }

    .phones {
        display: flex;
        justify-content: flex-start;
        gap: 21px;
        /* margin-bottom: 40px; */
        order: 2;
        width: 100%;
    }

    .about-title,
    .bottom-title {
        font-size: 36px;

    }

    .feature-card h3 {
        font-size: 19px;

    }

    .uiux-text h3 {
        padding-bottom: 15px;
    }

    .case-studiesh2 {
        font-size: 36px;
    }

    .case-tabs {
        display: flex;
        /* flex-direction: column; */
    }

    .info-cards-section {
        display: flex;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .info-card {
        background: white;
        width: 80%;
        text-align: center;
        bottom: 65px;
    }

    .results-section {
        /* text-align: center; */
        padding: 65px 0;
    }

    .result-card-img {
        text-align: center;
    }

    .results-description {
        max-width: 70%;
        margin: 0 auto;
    }

    .case-studies-heading {

        font-size: 36px;

        letter-spacing: 0px;
    }

    .case-studies-description {
        max-width: 83%;

    }

    /* ===============
    case studies details page
    ======================= */
    .ai-section {
        width: 100%;
        padding: 65px 0;
    }

    .ai-features {
        padding: 110px 0 65px;
    }

    .ai-features .ai-badge {
        position: relative;
        padding: 6px 20px;
        border-radius: 50%;
        width: 100%;
        position: absolute;
        height: 350px;
        z-index: -1;
        left: 50%;
        transform: translateX(-50%);
        top: -36px;
    }

    .feature-card {
        width: 100%;

    }

    .cases-para {
        margin-top: 0px;

    }

    .audience-section {
        padding: 65px 0;

    }

    .case-studies {

        padding: 65px 0;

    }

    .results-image {
        width: 100%;
        max-width: 450px;

        margin: 0 auto;
        padding-bottom: 30px;
    }

    .case-studies-section {
        padding: 0px 0 35px;

        width: 85%;

    }
}


/* Small Tablet (≤ 768px) */

@media (max-width: 768px) {

    /* Styles */
    .masonry.-col-4 .masonry__item.-wide {
        width: 50%;
    }

    .masonry.-col-4 .masonry__item {
        width: 50%;
    }

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

    .main-banner {
        position: relative;
        min-height: 600px;

        padding: 55px 0 55px;

    }

    .home-banner-content-wrap h1 {
        font-weight: 700;
        font-size: 42px;
    }

    .home-banner-content-wrap p {

        line-height: 25px;
    }


    .section-padding {
        padding: 50px 0;
    }

    .feature-box-items {
        margin-top: 30px;
        background-color: var(--white);
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
        padding: 20px 20px;
    }

    .tech-section {
        padding: 60px 0;

    }

    .common-padding-bottom {
        padding: 60px 0;
    }

    .common-hdr {
        margin-bottom: 30px;
    }

    .blog-list-card {
        background: #FFF;
        border: 1px solid var(--white);
        padding: 15px;
        margin-bottom: 30px;
        height: calc(100% - 30px);
        border-radius: 20px;
        box-shadow: 0 20px 70px rgb(175 179 186 / 30%);
    }

    .map {
        padding-left: 0px;
        padding-right: 0px;
        /* background-color: #0e0e0e; */
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 0px;
    }

    /* indexpage */
    h2 {
        font-size: 34px;
    }

    .our-stats-content h2 {
        margin-bottom: 10px;
    }

    p {
        line-height: 1.3;
    }

    .section-title .sub-title {

        margin-bottom: 12px;
    }

    .our-stats-section {
        position: relative;
        padding: 60px 0;
    }

    .section-title {
        margin-bottom: 0px;
        text-align: center;
    }

    .our-stats-right {
        width: 100%;
        padding: 0px 95px;
        text-align: center;
    }

    .our-stats-left-in {
        position: relative;
        padding: 0px 20px;
    }

    .our-stats-left {
        width: 100%;
        padding: 0px 29px;
        order: 2;
    }

    .our-stats-inner-wrap {
        position: relative;
        z-index: 2;
        padding-bottom: 5px;
    }





    .feature-box-items {
        margin-top: 16px;

    }

    .feature-box-items .icon {

        width: 53px;
        height: 53px;
        line-height: 70px;
        text-align: center;
        font-size: 35px;
        color: #61b5e2;
    }

    .feature-box-items .content h3 {
        margin-bottom: 5px;
    }

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

    .brand-spacing {
        padding: 25px 0;
    }

    .our-stats-number-wrap {

        font-size: 19px;
    }

    .section-padding.animate-s-sumo {
        padding: 0 0 25px;
    }

    .about-wrapper .about-image {
        max-width: 100%;
        padding: 15px;
    }

    .section-padding.animate-s-sumo {
        padding: 0 0 50px;
    }

    .about-wrapper .about-content {
        /* margin-left: 10px; */
        /* padding-top: 3px; */
        padding: 0 50px;
        text-align: center;
    }

    .about-content h2 {
        margin-bottom: 15px;
    }

    .animate-s-sumo .main-button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tick-list li {
        font-size: 18px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .section-padding.case-res {
        padding: 50px 0 0;
    }

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

    .test-res {
        padding: 0 8px;
    }

    .our-stats-row {

        margin: 0;
    }

    .page-wrapper {
        height: auto !important;
        overflow: visible !important;
    }

    .glider {
        position: absolute;
        height: 52px;
        width: 0px;
        background: #0f6db215;
        border-radius: 50px;
        z-index: 0;
        transition: 0.35s cubic-bezier(0.25, 1, 0.3, 1);
    }

    .overlay-shape img {
        width: 100%;
    }

    .overlay-shape-cs img {
        width: 100%;
    }

    .layout-pt-md {
        padding: 50px 0 0;
    }

    .tabs-wrapper {
        display: flex;
        flex-wrap: nowrap;

        white-space: nowrap;
        gap: 35px;

        /* Smooth scrolling */
        /* -webkit-overflow-scrolling: touch; */
        /* width: max-content; */
        /* scrollbar hide */
        /* scrollbar-width: none;
        -ms-overflow-style: none; */
        margin-top: 30px;
    }

    .tab-btn {
        width: auto;
        flex-shrink: 0 !important;
        /* important */
    }

    .tabs-wrapper::-webkit-scrollbar {
        display: none;
    }

    .tech-icons-row img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        transition: .3s ease;
    }

    .tab-content {
        margin-top: 5px;
    }

    .testimonial-wrapper .testimonial-left {
        margin-top: 20px;
    }

    .tech-icons-row .col-md-2 {
        text-align: center;
        padding: 0px;

        border-radius: 10px;
    }

    .section-padding.tabs-section {
        padding: 50px 0 0;
    }

    /* .layout-pt-md{
       padding: 50px 0 0;  
    } */
    .faq-section.section-padding {
        padding: 50px 0 0;
    }

    .faq-content {
        text-align: center;
        padding: 0 30px;
    }

    .faq-wrapper .faq-content .faq-list {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
        border-top: 1px solid #CCD8FF;
        border-bottom: 1px solid #CCD8FF;
        padding: 11px 0;
        flex-direction: column;
    }

    .faq-accordion {
        padding: 0 10px;
    }

    .faq-content h2 {
        margin-bottom: 10px;
    }

    .common-padding-bottom {
        padding: 50px 0 0;
    }

    .common-hdr {
        margin-bottom: 20px;
        padding: 0 30px;
    }

    .common-contect-dtls {
        text-align: center;
        padding: 0 30px;
    }

    .common-contect-dtls p {
        margin-top: 10px !important;
        margin-bottom: 13px;
    }

    .form-wrapper {
        padding: 15px 12px;
    }

    .form-group--row {
        flex-direction: column;
        gap: 20px;
    }

    .testimonial-wrapper .testimonial-left .client-img {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .array-button {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }

    .home-banner-content-wrap p {
        font-size: 15px;

    }

    .brand-spacing {
        padding: 50px 0;
    }

    .about-section .brand-wrapper {
        margin-bottom: 0px;
    }

    .section-title-area {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 15px;
    }

    .feature-box-items .content {
        margin-top: 15px;
    }

    .tech-section {
        padding: 50px 0;
    }

    .tech-left h2 {
        font-size: 34px;

    }

    .tech-left {
        text-align: center;
    }

    .tech-left p {
        margin: 10px 0;
        font-size: 16px;
        line-height: 1.6;
        color: #505d6a;
        max-width: 771px;
        padding: 0 69px;

    }

    .collab-link {
        display: inline-block;
        margin-bottom: 24px;

    }

    /* =====================
case studies details
========================= */
    .ai-section {
        width: 100%;
        padding: 50px 0;
    }

    .case-studiesh2 {
        font-size: 34px;
    }

    .ai-features {
        padding: 85px 0 50px;
    }

    .ai-features .ai-badge {
        position: relative;
        padding: 6px 20px;
        border-radius: 50%;
        width: 100%;
        position: absolute;
        height: 350px;
        z-index: -1;
        left: 50%;
        transform: translateX(-50%);
        top: -51px;
    }

    .casestudies-carousel {
        padding: 50px 0;

    }

    .audience-section {
        padding: 50px 0;
    }

    .case-studies {
        padding: 50px 0;
    }

    .results-section {
        /* text-align: center; */
        padding: 50px 0;
    }
}

/* Large Mobile / Phablet (≤ 576px) */
@media (max-width: 576px) {
 .case-studiesh2 {
       
        text-align: center;
    }

    .about-text {

        text-align: center;
    }

    .ai-section {
        width: 100%;
        padding: 50px 25px;
    }

    .phones {
        display: flex;
        justify-content: flex-start;
        gap: 21px;
        /* margin-bottom: 40px; */
        order: 2;
        width: 100%;
        flex-direction: column;
    }

    .phone {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .casestudies-carousel {
        padding: 50px 20px;
    }

    .audience-section {
        padding: 50px 25px;
    }

    .case-studies {
        padding: 50px 21px;
    }

    .case-tabs {
        display: flex;
        flex-direction: column;
    }
    .typography-case
 {
        padding: 0px 25px 50px;
    }
        .results-description {
        max-width: 90%;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .results-section {
    
        padding: 50px 18px;
    }
    .case-studies-description {
        max-width: 100%;
    }
    .case-studies-section {
        padding: 0px 0 35px;
        width: 90%;
    }
    /* Styles */
    /* ======================= 
  home page ==================== */
    .our-stats-right {
        width: 100%;
        padding: 0px 50px;
        text-align: center;

    }

    p {
        line-height: 1.3;
    }

    .section-title .sub-title {
        display: inline-block;
        margin-bottom: 10px;
    }

    .our-stats-content h2 {

        margin-bottom: 10px;
    }

    .our-stats-title-wrap {
        padding-left: 0px;
    }

    .our-stats-card {
        padding: 20px 25px;
    }

    .our-stats-left {
        width: 100%;
        padding: 0px 36px;
        order: 2;
    }

    .brand-spacing {
        padding: 25px 0;
    }

    .our-stats-right {

        padding-bottom: 30px;
    }

    .ml-service {
        margin-left: 6px;
    }

    .our-stats-inner-col {
        width: 100%;
        padding: 10px 8px;
    }

    .our-stats-left-in {
        position: relative;
        padding: 0px 0px 0 0;
    }

    .tab-btn {
        width: auto;
        flex-shrink: 0 !important;
        /* gap: 20px; */
        padding: 0 10px 0;
    }

    .tabs-wrapper {
        display: flex;
        align-items: center;
        position: relative;
        background: #fff;
        padding: 12px;
        border-radius: 34px;
        box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
        gap: 5px;
        flex-wrap: wrap;
        /* align-items: center; */
        justify-content: center;
    }

    .portfolio-sticky-text img {
        max-width: 135px;
        /* filter: invert(1); */
    }

    .tech-left h2 {
        font-size: 28px;
        font-weight: 800;
    }

    .tech-section {
        padding: 50px 0;
    }

    .collab-link {

        margin-bottom: 20px;

    }

    .about-wrapper .about-content {
        margin-left: 10px;
        padding-top: 15px;
    }

    .home-banner-content-wrap h1 {
        font-weight: 700;
        font-size: 34px;
        line-height: 1.12;
        letter-spacing: -0.01em;
        color: #fff;
        text-transform: capitalize;
    }

    /* .common-padding-bottom {
    padding-bottom: 80px;
} */
    .footer-bg {
        background-color: #0e0e0e;
        clip-path: polygon(0 2%, 100% 0, 100% 100%, 0% 100%);
    }

    .masonry.-col-4 .masonry__item.-wide {
        width: 100%;
    }

    .masonry.-col-4 .masonry__item {
        width: 100%;
    }

    .home-portfolio-section {
        height: auto;
        clip-path: none;
        background-attachment: scroll;
        /* iOS fix */
    }

    .section-title .sub-title span {

        font-size: 16px;
    }

    .our-stats-section {
        position: relative;
        padding: 50px 0;
    }

    .brand-spacing {
        padding: 50px 0;
    }

    .our-stats-content {
        padding-bottom: 0px;
    }

    .logo-w {
        width: 127px;
        height: 80px;
        object-fit: contain;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 17px;
    }

    .feature-box-items {
        margin-top: 18px;
        background-color: var(--white);
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
        padding: 20px 20px;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 16px;
        padding: 0 30px 15px;
    }

    .fe-card {
        padding: 0 16px;
    }

    .tech-left {
        text-align: center;
        padding: 0 50px;
    }

    .tech-right {
        padding: 0 8px;
    }

    /* ====portfoilo page===== */
    .portfolio-tab {
        padding: 35px 9px 50px;
    }
    /* ===========blog details
    ============== */
    .section-padding.blog-res{
        padding: 50px 15px;
    }
    
}


/* Small Mobile (≤ 480px) */
@media (max-width: 480px) {
    .case-studiesh2 {
        font-size: 24px;
        text-align: center;
    }

    .about-text {

        text-align: center;
    }

    .ai-section {
        width: 100%;
        padding: 50px 25px;
    }

    .phones {
        display: flex;
        justify-content: flex-start;
        gap: 21px;
        /* margin-bottom: 40px; */
        order: 2;
        width: 100%;
        flex-direction: column;
    }

    .phone {
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .casestudies-carousel {
        padding: 50px 20px;
    }

    .audience-section {
        padding: 50px 25px;
    }

    .case-studies {
        padding: 50px 21px;
    }

    .case-tabs {
        display: flex;
        flex-direction: column;
    }
    .typography-case
 {
        padding: 0px 25px 50px;
    }
        .results-description {
        max-width: 90%;
        margin: 0 auto;
        padding-bottom: 15px;
    }
    .results-section {
    
        padding: 50px 18px;
    }
    .case-studies-description {
        max-width: 100%;
    }
    .case-studies-section {
        padding: 0px 0 35px;
        width: 90%;
    }
    /* ====portfoilo page===== */
    .portfolio-tab {
        padding: 35px 9px 50px;
    }

    /* Styles */
    h2 {
        font-size: 24px;
    }

    .section-title-area {
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .fe-card {
        padding: 0 8px;
    }

    .feature-box-items .content {
        margin-top: 11px;
    }

    .section-title-area {
        flex-wrap: wrap;
        gap: 16px;
        padding: 0 30px 15px;
    }

    .section-title {
        margin-bottom: 0px;
        text-align: center;
    }

    .tech-left {
        text-align: center;
        padding: 0 30px;
    }

    .tech-left h2 {
        font-size: 24px;
        font-weight: 800;

    }

    .tech-left p {
        margin: 10px 0 10px;
        font-size: 16px;
        line-height: 1.3;
        padding: 0 0px;
    }

    .layout-pt-md {
        padding: 0px 0 0;
    }

    .tech-right {
        padding: 0 8px;
    }

    .feature-box-items {
        margin-top: 10px;

    }

    .feature-box-items .icon {

        width: 53px;
        height: 53px;
        line-height: 70px;
        text-align: center;
        font-size: 35px;
        color: #61b5e2;
    }

    .feature-box-items .content h3 {
        margin-bottom: 5px;
    }

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

    .main-banner {
        position: relative;
        min-height: 600px;

        padding: 55px 0 55px;

    }

    .our-stats-right {
        width: 100%;
        padding: 0px 30px;
        text-align: center;

    }

    p {
        line-height: 1.3;
    }

    .section-title .sub-title {
        display: inline-block;
        margin-bottom: 10px;
    }

    .our-stats-content h2 {

        margin-bottom: 10px;
    }

    .our-stats-title-wrap {
        padding-left: 0px;
    }

    .our-stats-card {
        padding: 20px 25px;
    }

    .our-stats-left {
        width: 100%;
        padding: 0px 20px;
        order: 2;
    }

    .brand-spacing {
        padding: 25px 0;
    }

    .our-stats-right {

        padding-bottom: 30px;
    }

    .ml-service {
        margin-left: 6px;
    }

    .our-stats-inner-col {
        width: 100%;
        padding: 10px 8px;
    }

    .our-stats-left-in {
        position: relative;
        padding: 0px 0px 0 0;
    }

    .our-stats-inner-wrap {

        padding-bottom: 0px;
    }

    .section-padding.animate-s-sumo {
        padding: 0 0 25px;
    }

    .about-wrapper .about-image {
        max-width: 400px;
        padding: 15px;
    }

    .about-wrapper .about-content {
        /* margin-left: 10px; */
        /* padding-top: 3px; */
        padding: 0 21px;
        text-align: center;
    }

    .animate-s-sumo .main-button {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .tick-list li {
        font-size: 18px;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
        gap: 10px;
        justify-content: center;
    }

    .section-padding.case-res {
        padding: 50px 0 0;
    }

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

    .test-res {
        padding: 0 8px;
    }

    .our-stats-row {

        margin: 0;
    }

    .page-wrapper {
        height: auto !important;
        overflow: visible !important;
    }

    .glider {
        position: absolute;
        height: 52px;
        width: 0px;
        background: #0f6db215;
        border-radius: 50px;
        z-index: 0;
        transition: 0.35s cubic-bezier(0.25, 1, 0.3, 1);
    }

    .overlay-shape img {
        width: 100%;
    }

    .overlay-shape-cs img {
        width: 100%;
    }

    .tabs-wrapper {
        display: flex;
        flex-wrap: wrap;

        white-space: nowrap;
        gap: 10px;

        /* Smooth scrolling */
        /* -webkit-overflow-scrolling: touch; */
        width: 100%;
        /* scrollbar hide */
        /* scrollbar-width: none;
        -ms-overflow-style: none; */
        margin-top: 30px;
    }

    .tab-btn {
        width: auto;
        flex-shrink: 0 !important;
        /* important */
    }

    .tabs-wrapper::-webkit-scrollbar {
        display: none;
    }

    .tech-icons-row img {
        width: 50px;
        height: 50px;
        object-fit: contain;
        transition: .3s ease;
    }

    .tab-content {
        margin-top: 5px;
    }

    .testimonial-wrapper .testimonial-left {
        margin-top: 20px;
    }

    .tech-icons-row .col-md-2 {
        text-align: center;
        padding: 0px;

        border-radius: 10px;
    }

    .section-padding.tabs-section {
        padding: 50px 0 0;
    }

    /* .layout-pt-md{
       padding: 50px 0 0;  
    } */
    .faq-section.section-padding {
        padding: 50px 0 0;
    }

    .faq-content {
        text-align: center;
        padding: 0 30px;
    }

    .faq-wrapper .faq-content .faq-list {
        display: flex;
        align-items: center;
        gap: 12px;
        margin-top: 30px;
        border-top: 1px solid #CCD8FF;
        border-bottom: 1px solid #CCD8FF;
        padding: 11px 0;
        flex-direction: column;
    }

    .faq-accordion {
        padding: 0 10px;
    }

    .faq-content h2 {
        margin-bottom: 10px;
    }

    .common-padding-bottom {
        padding: 50px 0 0;
    }

    .common-hdr {
        margin-bottom: 20px;
        padding: 0 30px;
    }

    .common-contect-dtls {
        text-align: center;
        padding: 0 30px;
    }

    .common-contect-dtls p {
        margin-top: 10px !important;
        margin-bottom: 13px;
    }

    .form-wrapper {
        padding: 15px 12px;
    }

    .form-group--row {
        flex-direction: column;
        gap: 20px;
    }

    .testimonial-wrapper .testimonial-left .client-img {
        display: flex;
        align-items: center;
        gap: 13px;
        margin-bottom: 20px;
        justify-content: center;
    }

    .array-button {
        display: flex;
        align-items: center;
        gap: 15px;
        justify-content: center;
    }

    .home-banner-content-wrap p {
        font-size: 15px;

    }

    .brand-spacing {
        padding: 25px 0;
    }

    .about-section .brand-wrapper {
        margin-bottom: 0px;
    }
}

/* Extra Small Mobile (≤ 360px) */
@media (max-width: 360px) {

    /* Styles */
    .main-banner {
        position: relative;
        min-height: 568px;

        padding: 55px 0 55px;

    }
}

@media (max-width: 320px) {

    /* Styles */
    .about-wrapper .about-content {
        /* margin-left: 10px; */
        /* padding-top: 3px; */
        padding: 0 8px;
        text-align: center;
        margin-top: 13px;
    }
}