:root {
    --gap-1-5: 1.5rem;
    --gap-2-5: 2.5rem;
    --secondar-heading-res: 2rem;
}

/* About Us page responsive styles */
@media (max-width: 1399px) {

    /* h2 {
        font-size: var(--secondar-heading-res) !important;
    } */
    .no-display {
        display: none !important;
    }

    .padding-both {
        padding-top: var(--gap-2-5) !important;
        padding-bottom: var(--gap-2-5) !important;
    }

    .padding-top {
        padding-top: var(--gap-3) !important;
    }

    .tabs .tab .cto-details-panel {
        font-size: 1rem !important;
    }

    .page-template-inner-page-template .cto-panel {
        min-height: fit-content;
        margin-left: 0;
        margin-right: 0;
    }

    .page-template-inner-page-template .services-tab-res {
        margin-left: 0;
        margin-right: 0;
    }

    .page-template-inner-page-template .cts-worpper-main .tab-content-custom-wrapper,
    .page-template-inner-page-template .cts-worpper-main .tabs-wrapper {
        width: 100%;
    }

    .page-template-inner-page-template .cts-worpper-main {
        flex-direction: column;
    }

    .page-template-inner-page-template .cts-worpper-main .tab-content-custom-wrapper {
        padding-bottom: 900px;
    }

    .tab {
        left: -25px;
    }

    .tab:nth-child(1)::before {
        height: 75vh;
    }

    .tab:nth-child(2) {
        left: 50%;
        right: auto;
        transform: translateX(-50%);
    }

    .tab:nth-child(2)::before {
        left: 20%;
        height: 75vh;
    }

    .tab:nth-child(3)::before {
        left: auto;
        right: 85%;
        height: 75vh;
    }

    .tabs .tab:nth-child(1) .cto-details-panel {
        left: 30%;
    }

    .tabs .tab:nth-child(2) .cto-details-panel {
        left: 35%;
        top: 25px;
    }

    .tabs .tab:nth-child(3) .cto-details-panel {
        left: 28%;
    }

    .page-template-inner-page-template .butterfly-bg .about,
    .page-template-inner-page-template .butterfly-bg .why-sovi,
    .page-template-inner-page-template .butterfly-bg .what-we-do {
        flex-direction: column;
    }

    .common-faq-wrapper-main .wp-block-uagb-faq-child,
    .common-faq-wrapper-main .accor-list-wrapper {
        padding: 20px 30px 20px 90px;
    }

    .wp-block-uagb-faq-child .uagb-faq-questions-button {
        align-items: center;
    }

    .common-faq-wrapper-main .wp-block-uagb-faq-child::before {
        font-size: 35px;
        left: 35px;
        top: 30px;
    }

    .wp-block-uagb-faq-child .uagb-faq-icon-wrap.uagb-icon-active {
        width: 40px !important;
        height: 40px !important;
    }

    .common-faq-wrapper-main .wp-block-uagb-faq-child .uagb-question {
        font-size: 1.4rem;
    }
}

@media (max-width: 1099px) {
    .tab {
        left: 0px;
    }

    .tab:nth-child(3)::before {
        left: 130px;
    }

    .tabs .tab:nth-child(2) .cto-details-panel {
        left: 27%;
    }

    .tabs .tab:nth-child(3) .cto-details-panel {
        left: 38%;
        top: -30px;
    }

    .tab:nth-child(2)::before {
        left: 30%;
        height: 75vh;
    }

    .tab:nth-child(3)::before {
        left: 12%;
    }


    .tabs .tab:nth-child(3) .cto-details-panel {
        left: 44%;
        top: -30px;
    }

    /* Services page responsive styles */
    .page-template-inner-page-template .transforming-org {
        margin-left: auto;
        margin-right: auto;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .tabs .tab:nth-child(2) .cto-details-panel {
        left: 33%;
        top: 12%;

    }

    .tabs .tab:nth-child(1) .cto-details-panel {
        left: 20%;
        top: -60px;
    }
}

/* Services page responsive styles */
@media (max-width: 1023px) {
    .services-tab-res .uagb-tabs__wrap.uagb-tabs__vstyle6-tablet {
        padding: 0;
        flex-direction: column;
    }

    .services-tab-res .service-tab-common .uagb-tabs__align-left {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .services-tab-res .uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap {
        max-width: 100%;
        padding-left: 15px;
    }

    .tabs {
        display: flex;
        border-bottom: 0px solid #ccc;
        position: static;
        justify-content: space-between;
        align-items: flex-end;
    }

    .tabs .tab {
        width: 33.33%;
    }

    .tabs .tab .cto-pro-img {
        display: flex;
        justify-content: center;
        align-items: flex-end;
    }

    .tabs .tab:nth-child(1) .cto-pro-img {
        display: flex;
        justify-content: flex-start;
        align-items: flex-end;
    }

    .tabs .tab:nth-child(3) .cto-pro-img {
        display: flex;
        justify-content: flex-end;
        align-items: flex-end;
    }

    .tabs .tab:nth-child(3) .cto-details-panel {
        left: 17%;
        top: -30px;
    }
}

@media (max-width: 991px) {


    ol,
    ul {
        padding-left: 1.5rem;
    }

    .page-template-inner-page-template .padding-both {
        padding: var(--gap-2-5) var(--gap-1-5) !important;
    }

    .page-template-inner-page-template .cts-worpper-main .tab-content-custom-wrapper .tab-content {
        padding: 40px 30px;
    }

    .page-template-inner-page-template .cts-worpper-main .tabs-wrapper .tabs .tab:nth-child(1) .cto-details-panel {
        left: 30%;
    }

    .tab:nth-child(3)::before {
        height: 75vh;
    }

    .tab:nth-child(2)::before {
        height: 75vh;
    }

    .page-template-inner-page-template .cts-worpper-main .tab-content-custom-wrapper {
        padding-bottom: 700px;
    }


    /* .page-template-inner-page-template .cts-worpper-main .tabs-wrapper {
        display: none;
    } */
}

@media (max-width: 821px) {
    .page-template-inner-page-template .cts-worpper-main .tabs-wrapper .tabs .tab:nth-child(1) .cto-details-panel {
        left: 25%;
    }
}

@media (max-width: 767px) {
    .page-template-inner-page-template .transforming-org {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .special-allot-heading {
        font-size: 1.4rem !important;
        margin: 0 0 20px 0 !important;
    }

    .global-store-col {
        flex-wrap: nowrap !important;
        margin-bottom: 1.5rem !important;
    }

    .download-app-button-blue .wp-block-button a {
        padding-left: 30px !important;
        padding-right: 30px !important;
    }

    .download-app-button-blue.calculate-now .wp-block-button a::after {
        right: 15px;
    }
}


@media (max-width: 699px) {
    .uagb-block-14dc41d6 .uagb-tabs__panel .uagb-tab .uagb-tabs-list {
        padding-left: 22px !important;
        padding-right: 22px !important;
        width: unset !important;
    }

    .service-tab-common .uagb-tabs__align-left li a,
    .service-tab-common .uagb-tabs__align-left li a div {
        font-size: .9rem !important;
    }

    .tab:nth-child(1)::before {
        height: 54vh;
        left: 14%;
    }

    .tab:nth-child(2)::before {
        height: 54vh;
        left: 20%;
    }

    .tab:nth-child(3)::before {
        height: 54vh;
    }

    .tabs-wrapper .tabs .tab:nth-child(1) .cto-details-panel {
        left: 25%;
        max-width: 100px;
        font-size: 14px !important;
    }

    .tabs-wrapper .tabs .tab:nth-child(2) .cto-details-panel {
        left: 28%;
        top: 12%;
        max-width: 100px;
        font-size: 14px !important;
    }

    .tabs .tab:nth-child(3) .cto-details-panel {
        left: 17%;
        top: -30px;
        max-width: 100px;
        margin: 0 auto 0 0;
        font-size: 14px !important;
    }

    .nav-arrow {
        width: 40px;
        height: 40px;
    }

    .page-template-inner-page-template .cts-worpper-main .tab-content-custom-wrapper {
        padding-bottom: 500px;
    }
}

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

@media (max-width: 479px) {

    .common-faq-wrapper-main .wp-block-uagb-faq-child,
    .common-faq-wrapper-main .accor-list-wrapper {
        padding: 20px 20px 20px 50px;
    }

    .common-faq-wrapper-main .wp-block-uagb-faq-child::before {
        font-size: 30px;
        left: 15px;
        top: 25px;
    }

    .common-faq-wrapper-main .wp-block-uagb-faq-child .uagb-question,
    .uagb-block-37be905a .wp-block-uagb-faq-child.uagb-faq-child__outer-wrap .uagb-faq-content p {
        font-size: 1rem;
    }

    .wp-block-uagb-faq-child .uagb-faq-icon-wrap.uagb-icon-active {
        width: 30px !important;
        height: 30px !important;
    }

    .service-tab-common .uagb-tabs__align-left li {
        margin-bottom: 15px !important;
    }

    .service-tab-common .uagb-tabs__align-left li.uagb-tabs__active a::after {
        right: 10px;
    }

    .services-tab-res .uagb-tabs__wrap.uagb-tabs__vstyle6-tablet .uagb-tabs__body-wrap {
        padding-left: 0px;
        padding-right: 0px;
    }

    .services-tab-res .uagb-tabs__wrap .uagb-tabs__body-container {
        padding: 0;
    }

    .services-tab-res .uagb-tabs__wrap .uagb-tabs__body-container p {
        font-size: 1rem !important;
    }
}

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