/* UNO Popup CSS Start */

.uno-popup-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.uno-popup {
    background: #fff;
    max-width: 480px;
    width: 90%;
    padding: 30px 28px;
    border-radius: 12px;
    color: #000;
    text-align: center;
    box-shadow: none;
    transform: translateY(20px);
    transition: transform 0.3s ease;
}

.uno-popup-overlay.active {
    opacity: 1;
    visibility: visible;
}

.uno-popup-overlay.active .uno-popup {
    transform: translateY(0);
}

.uno-popup-close {
    position: absolute;
    top: 12px;
    right: 25px;
    border: none;
    background: none;
    font-size: 32px;
    color: #7d7b7b;
    cursor: pointer;
    transition: color 0.3s ease;
}

.uno-popup-close:hover {
    color: #323333;
}

.uno-badge {
    display: inline-block;
    color: #000;
    position: relative;
    font-size: 1.8rem;
    font-weight: 500;
    padding: 8px 20px;
    border-radius: 20px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

.uno-badge::after {
    position: absolute;
    content: '';
    display: block;
    width: 20%;
    left: 38%;
    height: 4px;
    background: #01ffff;
    margin-top: 8px;
    border-radius: 1px;
}

.uno-popup .popup-heading {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 16px;
    color: #000;
}

.uno-popup .popup-text {
    font-size: 1.6rem;
    line-height: 1.6;
    color: #000000be;
    margin-bottom: 20px;
}

.uno-popup-cta {
    display: inline-block;
    color: #fff;
    background: #000;
    padding: 8px 25px;
    border-radius: 30px;
    font-size: 1.5rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.uno-popup-cta:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
    text-decoration: none;
    transform: translateY(-2px);
}

/* UNO Popup CSS End */

.uno-contact-button button:hover,
form#enquiryForm #submitFormBtn:hover {
    background-color: #fff;
    color: #282828;
    letter-spacing: 2px
}

.uno-home-banner {
    height: auto;
    padding-bottom: 1em;
    margin-top: 8em
}

.uno-home-banner .uno-home-heading h1 {
    text-align: center;
    font-size: 2.5em;
    margin: .5em 0;
    font-weight: 700;
    letter-spacing: -1px
}

.uno-home-banner .uno-home-heading span {
    display: block
}

.uno-banner-video img {
    width: 100%
}

/* #partnerSlider img {
    width: 85%;
    margin: auto
} */

.partners-logos {
    display: flex;
    gap: 40px;
    overflow: hidden;
    position: relative;
}

.partners-logos-slide {
    display: flex;
    gap: 30px;
    animation: scroll 35s linear infinite;
}

.partners-logos-slide img {
    width: auto;
    height: 55px;
    transition: filter 0.3s ease;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.partners-logos:hover .partners-logos-slide {
    animation-play-state: paused;
}

.uno-banner-video {
    width: 80%;
    margin: auto
}

.uno-banner-video video {
    width: 100%;
    clip-path: inset(0)
}

.uno-contact-button {
    text-align: center;
    margin: 0;
    position: relative
}

.uno-contact-button button {
    font-size: 12px;
    letter-spacing: 1.1px;
    text-transform: uppercase;
    background-color: #000;
    color: #fff;
    width: auto;
    height: auto;
    border-radius: 3em;
    padding: 1% 2%;
    font-weight: 700;
    border: 1.3px solid #fff;
    transition: .25s
}

.uno-contact-button button:hover {
    border-color: #282828
}

section.partners-and-services {
    background: url(https://storage.googleapis.com/giffycms-uno.appspot.com/explore_your_possibilities_section_bg.webp) 0 0/cover no-repeat;
    padding: 1.5em 0 0;
    height: 66em;
    margin-top: 2em
}

section.partners-and-services .partner-carousel-wrapper {
    margin-bottom: 8em
}

.client-carousel-wrapper h5,
.partner-carousel-wrapper h5 {
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    margin: 0
}

.client-carousel-wrapper #clientSlider,
.partner-carousel-wrapper #partnerSlider {
    /* overflow-x: clip; */
    margin-top: 2em
}

.explore-your-possibilities h3 {
    text-transform: capitalize;
    color: #fff;
    font-weight: 700;
    font-size: 2.5em;
    letter-spacing: -.5px;
    text-align: center;
    margin: 0
}

.explore-your-possibilities .services-card-container {
    display: flex;
    flex-wrap: wrap;
    gap: 1em;
    justify-content: center;
    padding: 0 5em;
    margin-top: 2em;
    position: relative;
    z-index: 1
}

.services-card-container .services-item {
    flex-basis: 18%;
    text-align: center;
    background: #eee;
    padding: 1.5%;
    border-radius: 2em;
    cursor: pointer;
    transition: .3s ease-in-out;
    text-decoration: none
}

.services-card-container .services-item:hover {
    transform: scale(1.07);
    background-color: #fff;
    box-shadow: 0 1px 3px 0 rgb(60 64 67 / 5%), 0 4px 8px 3px rgb(60 64 67 / 15%)
}

.explore-your-possibilities img {
    width: 12%;
    position: relative;
    left: 86%;
    bottom: 5em
}

.explore-your-possibilities a.services-item img {
    width: 50%;
    left: unset;
    bottom: unset;
    margin: auto auto 1em
}

section.partners-and-services .bottom-arrow-wrapper {
    padding-left: 7em;
    position: relative;
    top: -4.5%
}

.bottom-arrow-wrapper img {
    width: 12%
}

.services-item h4 {
    font-family: "Pixelify Sans", sans-serif;
    font-size: 4em;
    font-weight: 700;
    color: #424242;
    margin: 0
}

.services-item h5 {
    font-weight: 800;
    font-size: 1.2em;
    margin: auto;
    color: #282828
}

.last-text h3,
.section-header-wrapper h3 {
    margin: 0;
    text-align: center;
    font-size: 2.5em
}

.services-item p.dual-arrow {
    font-weight: 700;
    letter-spacing: 2px;
    color: #282828
}

.services-item p.text {
    font-size: .85em;
    font-weight: 500;
    color: #000
}

.services-item p {
    margin-bottom: 0
}

section.divider {
    padding: 3em 0
}

.last-text h3 {
    color: #606060;
    font-weight: 700;
    letter-spacing: -1px
}

section.client-testimonial {
    background: url(https://storage.googleapis.com/infiflexnew.appspot.com/uno/content/client_testimonial_section.png) 0 0/cover;
    color: #fff;
    overflow-x: clip
}

section.client-testimonial .client-carousel-wrapper {
    padding-top: 2em;
    margin-bottom: -2em
}

#clientSlider img {
    margin: auto;
    width: auto
}

/* #clientSlider .owl-stage-outer {
    padding-top: 1em
} */

.clients-logos {
    display: flex;
    gap: 40px;
    overflow: hidden;
    position: relative;
}

.client-logos-slide {
    display: flex;
    gap: 30px;
    animation: scroll 35s linear infinite;
}

.client-logos-slide img {
    width: auto;
    height: 90px;
    transition: filter 0.3s ease;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.clients-logos:hover .client-logos-slide {
    animation-play-state: paused;
}

#testimonialSwiper .text-wrapper {
    font-family: "PT Mono", monospace;
    text-align: center;
    margin: auto;
    width: 45%
}

#testimonialSwiper .swiper-button-next,
#testimonialSwiper .swiper-button-prev {
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    width: 8em;
    height: 8em;
    position: relative
}

.testimonial-carousel-wrapper {
    top: 8em
}

#testimonialSwiper .text-wrapper h4,
#testimonialSwiper .text-wrapper h5 {
    margin-top: 0;
    margin-bottom: 1.5em
}

#testimonialSwiper .text-wrapper p {
    font-family: "PT Mono", monospace;
    line-height: 1.7
}

#testimonialSwiper .swiper-button-prev {
    bottom: 15em;
    left: 15em;
    background-image: url(https://storage.googleapis.com/infiflexnew.appspot.com/uno/content/left_arrow_with_line.png) !important
}

#testimonialSwiper .swiper-button-next {
    left: 69em;
    bottom: 8.6em;
    background-image: url(https://storage.googleapis.com/infiflexnew.appspot.com/uno/content/right_arrow_with_line.png) !important
}

#testimonialSwiper .swiper-button-next::after,
#testimonialSwiper .swiper-button-prev::after {
    display: none
}

@media (min-width:1321px) {
    #testimonialSwiper .swiper-button-next {
        left: 80%
    }

    #testimonialSwiper .swiper-button-prev {
        left: 13%
    }
}

@media (min-width:1696px) {
    .explore-your-possibilities .services-card-container {
        padding: 0 10em
    }

    .services-card-container .services-item {
        flex-basis: 17%
    }

    .services-item h5 {
        font-size: 1.5em
    }

    .services-item p.text {
        font-size: 1em
    }

    .bottom-arrow-wrapper img {
        width: 10% !important
    }

    section.partners-and-services .bottom-arrow-wrapper {
        padding-left: 15em
    }

    #testimonialSwiper .swiper-button-prev {
        bottom: 10em
    }

    #testimonialSwiper .swiper-button-next {
        bottom: 3.7em
    }
}

@media (min-width:1816px) {
    section.partners-and-services {
        height: 70em !important
    }
}

@media (min-width:2080px) {
    section.partners-and-services {
        height: 72em !important
    }

    .services-item p.text {
        font-size: 1.1em
    }

    .explore-your-possibilities .services-card-container {
        padding: 0 15em
    }

    .services-card-container .services-item {
        flex-basis: 16%
    }

    section.partners-and-services .bottom-arrow-wrapper {
        padding: 0;
        width: 17%;
        left: 25em
    }

    section.partners-and-services .bottom-arrow-wrapper img {
        width: 40% !important
    }
}

@media (min-width:2169px) {
    section.partners-and-services {
        height: 78em !important
    }

    .services-card-container .services-item {
        flex-basis: 17%
    }

    .explore-your-possibilities .services-card-container {
        width: 70%;
        margin: 4em auto auto;
        padding: 0
    }

    section.partners-and-services .bottom-arrow-wrapper img {
        width: 16% !important
    }

    section.partners-and-services .bottom-arrow-wrapper {
        margin: auto;
        width: 62%;
        left: unset
    }
}

@media (min-width:2300px) {
    section.partners-and-services .bottom-arrow-wrapper img {
        width: 15% !important
    }
}

@media (min-width:2480px) {
    section.partners-and-services {
        height: 76em !important
    }
}

@media (max-width:1240px) {
    #testimonialSwiper .swiper-button-next {
        left: 77%
    }

    #testimonialSwiper .swiper-button-prev {
        left: 14%
    }
}

@media (max-width:1150px) {
    .services-item h4 {
        font-size: 3.5em
    }

    .services-item h5 {
        font-size: 1em
    }

    .services-item p.text {
        font-size: .75em
    }

    .services-card-container .services-item {
        padding: 1em;
        border-radius: 1.5em
    }
}

@media (max-width:1050px) {
    .services-item h4 {
        font-size: 3em
    }

    section.partners-and-services {
        height: 86em
    }

    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 5em
    }

    .services-card-container .services-item {
        padding: 1em;
        border-radius: 1.5em;
        flex-basis: 26%
    }

    .explore-your-possibilities .services-card-container {
        padding: 0;
        width: 90%;
        margin: 2em auto auto
    }

    section.partners-and-services .bottom-arrow-wrapper {
        top: 0
    }
}

@media (max-width:992px) {
    .partner-carousel-wrapper #partnerSlider {
        margin-top: 4em
    }

    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 7em
    }

    section.partners-and-services {
        height: 90em;
        background-position: center
    }

    .services-item h4 {
        font-size: 3em
    }

    .explore-your-possibilities .services-card-container {
        padding: 0 !important
    }

    .services-card-container .services-item {
        flex-basis: 30% !important
    }

    .explore-your-possibilities a.services-item img {
        top: unset
    }

    .services-item p.text {
        font-size: .8em !important
    }

    .services-item h5 {
        margin: .5em 0;
        width: 100% !important
    }
}

@media (max-width:850px) {
    section.partners-and-services {
        height: 85em !important
    }

    .services-card-container .services-item {
        flex-basis: 28% !important
    }

    section.partners-and-services .bottom-arrow-wrapper {
        width: 13%;
        padding: 0 !important;
        left: 6em;
        top: 0 !important
    }

    .bottom-arrow-wrapper img {
        width: auto
    }
}

@media (max-width:822px) {
    #testimonialSwiper .swiper-button-prev {
        bottom: 19em;
        left: 10%
    }

    #testimonialSwiper .swiper-button-next {
        bottom: 12.7em;
        left: 79%
    }
}

@media (max-width:721px) {
    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 4em
    }

    .explore-your-possibilities .services-card-container {
        width: 100%
    }
}

@media (max-width:650px) {
    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 5em
    }
}

@media (max-width:649px) {
    .client-carousel-wrapper #clientSlider {
        margin-top: 5em
    }
}

@media (max-width:636px) {
    section.partners-and-services {
        height: 80em !important
    }

    .services-item h4 {
        font-size: 2.5em
    }

    .services-item h5 {
        font-size: .9em
    }

    .services-item p.text {
        font-size: .75em !important
    }
}

@media (max-width:600px) {
    .partner-carousel-wrapper #partnerSlider {
        margin-top: 5em !important
    }

    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 4em
    }

    #testimonialSwiper .text-wrapper {
        width: 65%
    }

    #testimonialSwiper .swiper-button-prev {
        left: 2%
    }

    #testimonialSwiper .swiper-button-next {
        left: 82%
    }
}

@media (max-width:530px) {
    .services-card-container .services-item {
        flex-basis: 40% !important
    }

    section.partners-and-services {
        height: 92em !important
    }

    section.partners-and-services .bottom-arrow-wrapper {
        width: 20%
    }
}

@media (max-width:524px) {
    /* #partnerSlider img {
        width: 60% !important
    } */
}

@media (max-width:500px) {
    section.partners-and-services {
        background-image: url(https://storage.googleapis.com/giffycms-uno.appspot.com/images/home/explore_your_possibilities_responsive_view.webp);
        height: 188em !important;
        background-size: cover;
        background-position: bottom
    }

    .explore-your-possibilities img {
        width: 25%;
        left: 73%
    }

    section.partners-and-services .bottom-arrow-wrapper {
        display: none
    }
}

@media (max-width:480px) {

    /* UNO Popup media query start */

    .uno-popup {
        padding: 26px 20px;
    }

    .uno-popup .popup-heading {
        font-size: 20px;
    }

    .uno-popup-cta {
        font-size: 14px;
        padding: 10px 20px;
    }

    /* UNO Popup media query end */
    section.partners-and-services {
        height: 120em !important
    }

    .explore-your-possibilities h3 {
        font-size: 2.75em !important;
        line-height: 1.2 !important;
        width: 90% !important
    }

    section.partners-and-services .partner-carousel-wrapper {
        margin-bottom: 3em !important
    }

    .partner-carousel-wrapper #partnerSlider {
        margin-top: 4em !important
    }

    .services-card-container .services-item {
        flex-basis: 44% !important
    }

    section.partners-and-services .bottom-arrow-wrapper {
        width: 18%;
        left: 3em;
        top: 0 !important
    }

    .bottom-arrow-wrapper img {
        width: auto !important
    }

    #testimonialSwiper .swiper-button-next,
    #testimonialSwiper .swiper-button-prev {
        display: none
    }

    #testimonialSwiper {
        margin-top: -4em
    }

    #testimonialSwiper .text-wrapper {
        margin-bottom: 12em;
        width: 90%;
        text-align: justify
    }
}

@media (max-width:420px) {
    section.partners-and-services {
        height: 125em !important
    }

    .explore-your-possibilities h3 {
        font-size: 2.5em !important
    }

    .partner-carousel-wrapper #partnerSlider {
        margin-top: 2em !important
    }

    /* #partnerSlider img {
        width: 65% !important
    } */

    #testimonialSwiper .swiper-button-next,
    #testimonialSwiper .swiper-button-prev {
        width: 3em
    }

    #testimonialSwiper .swiper-button-next {
        left: 91% !important
    }

    #testimonialSwiper .text-wrapper {
        width: 80% !important
    }
}

@media (max-width:400px) {
    section.partners-and-services {
        height: 190em !important
    }

    .explore-your-possibilities img {
        width: 30%;
        left: 65%
    }

    .explore-your-possibilities .services-card-container {
        gap: 1em !important
    }

    .services-card-container .services-item {
        flex-basis: 70% !important
    }

    .explore-your-possibilities a.services-item img {
        width: 40%
    }

    .services-item h5 {
        font-size: 1.2em !important
    }

    .services-item p.text {
        width: 100% !important;
        font-size: .9em !important
    }
}

@media (max-width:350px) {
    section.partners-and-services {
        height: 186em !important
    }
}