@media(min-width:768px) {
    .text-animate span.no-break {
        display: inline-block;
    }

    .bcaim-5 ul.list {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .bcaim-5 ul.list li {
        width: calc(50% - 20px);
    }
}



@media(min-width:768px) and (max-width:1200px) {}

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

    .container,
    .container-md,
    .container-sm {
        max-width: 100%;
    }

    footer h2 {
        font-size: clamp(10px, 8vw, 104px);
    }
}

@media(min-width:992px) and (max-width:1024px) {}


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

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 992px;
    }

    footer h2 {
        font-size: clamp(10px, 7.2vw, 104px);
    }

    h3 {
        font-size: 20px;
    }
}

@media(min-width:992px) {
    .col-ps {
        padding-left: 50px;
    }

    .col-pe {
        padding-right: 50px;
    }

    .mt-minus-18 {
        margin-top: -18px;
    }

    .no-break {
        white-space: nowrap;
    }
}

@media(min-width:1200px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 1200px;
    }

    .col-ps-1 {
        padding-left: 80px;
    }

    .col-pe-1 {
        padding-right: 80px;
    }

    .design-service-accordion .accordion-body {
        padding-right: 350px;
    }

    .oas-image {
        height: 270px;
    }

    .cm-image {
        height: 405.5px;
    }

}

@media(min-width:1200px) and (min-height:560px) {}

@media(min-width:1200px) and (min-height:700px) {}

@media(min-width:1320px) {}

@media(min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1200px;
    }
}

@media(min-width:1600px) {}

@media(min-width:1600px) and (min-height:600px) {}

@media(min-width:1400px) and (min-height:700px) {}

@media(min-width:1400px) and (min-height:900px) {}

@media(max-height:532px) {}

@media (max-height: 502px) {}

@media (max-height:475px) {}

@media (max-height: 445px) {}

@media(max-width:1400px) {
    .shape-2-design {
        padding-left: 170px;
    }
}

@media(max-width:1200px) {
    .small-title {
        line-height: 1.5;
        margin-bottom: 10px !important;
        display: none;
    }

    .shape-2-design {
        padding-left: 100px;
    }

    .shape-1 {
        opacity: .5;
    }
}

@media(max-width:1024px) {
    .shape-2-design {
        padding-left: 12px;
    }
}

@media(max-width:992px) {
    .design-service-accordion .accordion-buttons i {
        font-size: 44px;
    }

    .oe-steps .col-lg-4 .step-arrow {
        transform: rotate(90deg);
        right: 0px;
        bottom: -102px;
        top: auto;
    }

    .oe-steps .col-lg-4 .step-arrow-1 {
        left: 0px;
        right: auto;
    }

    .image-cover.no-mh {
        min-height: 300px;
    }

    .oas-image {
        display: none;
    }

    .table-header {
        display: none;
    }

    .table-row {
        flex-direction: column;
    }

    .table-data .cell {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        text-align: left;
        border-radius: 0px !important;
        gap: 0px;
        border: 1px solid rgba(255, 255, 255, 0.08) !important;
    }

    /* Inject titles dynamically */
    .table-data .cell::before {
        content: attr(data-label);
        font-weight: 500;
        background: linear-gradient(135deg, #4C43FF, #00C6FF);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 22px;
    }

    .seo-box {
        padding: 18px;
    }

    .seo-box img {
        display: none;
    }

    .custom-card p {
        font-size: 16px;
    }

    .check-item-content p {
        font-size: 16px;
    }

    .sem-2 .sem-2-row::before {
        opacity: 0;
    }

    .sem-4 .custom-card {
        padding: 16px;
    }

    .sem-4 .custom-card .custom-card-header {
        gap: 16px;
    }

    .sem-4 .custom-card .custom-card-header h3 {
        font-size: 20px;
    }

    .tab-content {
        padding: 0px;
        gap: 50px;
        display: flex;
        flex-direction: column;
    }

    .custom-tabs {
        display: none;
    }

    .tab-content>.tab-pane {
        display: block !important;
        opacity: 1 !important;
    }


    .tab-content .tab-icon {
        display: block;
        width: 80px;
        height: 80px;
        padding: 13px;
        border: 1.5px solid #03b5aa9c;
        margin-bottom: 20px;
        margin-left: 0px;
    }

    .cm-box {
        padding: 20px;
    }

    .cm-image {
        display: none;
    }

    .cm-3 .check-items .check-item {
        flex-direction: column;
    }

    .contact-box {
        flex-direction: column;
    }

    .contact-box .custom-card {
        width: 100%;
        border-bottom: 1px solid var(--blue);
    }

    .contact-box::before,
    .contact-box::after {
        display: none;
    }

    .image-cover {
        min-height: 500px;
    }
}

@media(max-width:820px) {
    .design-service-accordion .accordion-buttons i {
        font-size: 32px;
    }
}

@media(max-width:768px) {
    body {
        font-size: 16px;
    }

    h1 {
        font-size: 42px;
        line-height: 1.25;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 22px;
    }

    .hero p {
        font-size: 18px;
    }

    .hero-box p {
        font-size: 16px;
    }

    .image-cover {
        min-height: 350px;
    }

    .oe-2 .image-cover {
        min-height: 400px;
    }

    .section-padding {
        padding-left: 6px;
        padding-right: 6px;
    }

    .header,
    .menu-header {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .menu-content {
        width: 100%;
        justify-content: start;
    }

    .menu-images {
        display: none;
    }

    .services-open .menu-item {
        padding: 18px 20px 23px;
    }

    .menu-text {
        font-size: 34px;
    }

    .logo {
        width: 170px;
    }

    .hero {
        background-image: url(../images/mobile-hero.jpg);
        padding-top: 100px;
        padding-bottom: 20px;
    }

    .hero-image {
        position: static;
        width: 100%;
    }

    .hero-box {
        width: calc(100% - 40px);
    }

    .hero-box-line {
        left: -50px;
    }

    .hero-box-line::before {
        width: 50px;
    }

    .image-grid .image-1 {
        min-height: 250px;
        object-fit: cover;
    }

    .image-grid .image-2 {
        margin-top: -40px;
    }

    .image-grid .image-grid-ele-1 {
        width: calc(100% - 80px);
        height: calc(100% - 80px);
        right: 30px;
        top: 50px;
    }

    .design-service-accordion .accordion-body {
        padding-right: 0px;
    }

    .design-service-accordion .accordion-buttons i {
        font-size: 24px;
    }

    .oas-2 .custom-card h3 {
        font-size: 22px;
    }













    .footer {
        padding: 80px 12px 20px;
        text-align: center;
    }

    a.company-logo {
        margin-left: auto;
        margin-right: auto;
    }

    a.company-logo img {
        width: 170px;
    }

    footer h3 {
        margin-top: 24px;
        margin-bottom: 5px;
    }

    footer ul li a {
        padding: 4px 0px;
        margin: 0 auto;
    }

    footer h2 {
        font-size: clamp(10px, 6vw, 104px);
    }
}

@media(max-width:576px) {
    footer h2 {
        font-size: clamp(10px, 7.6vw, 104px);
    }
}