/* ============ ***** Home page Start Her  ***** =============  */
/* ============================= >> Banner Start Here << ============================= */

.banner-wrap .bannerimage {
    width: 50%;
    line-height: 0;
}


.banner-wrap .banner-content {
    width: 50%;
    border-radius: clamp(24px, 2.75vw, 44px);
}

.banner-wrap .bannerimage img {
    width: 100%;
    object-fit: cover;
    border-radius: clamp(24px, 2.75vw, 44px);
    object-position: right;
    height: 100%;
    min-height: 650px;
}

.banner-wrap .banner-content .banner-inner-content {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 1050px;
    padding: 0 20px;
}

.banner-wrap .bannerimage::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background-color: #41167399;
    width: 100%;
    height: 100%;
    border-radius: clamp(24px, 2.75vw, 44px);
}

.banner-buttons {
    width: 100%;
    grid-gap: 20px;
}

.banner-inner-content .banner-desc {
    line-height: 1.46;
    max-width: 750px;
    width: 100%;
    margin-inline: auto;
}

.banner-sec .banner-logo,
.about-banner-sec .banner-logo {
    grid-gap: clamp(25px, 3.25vw, 60px) clamp(15px, 3.25vw, 60px);
}

.banner-logo img {
    max-width: 16.5%;
    object-fit: contain;
    min-width: 130px;
    max-height: clamp(40px, 3.5vw, 60px);
}

.banner-wrap .bannerimage .banner-image {
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100%;
    background-size: cover;
    background-image: url('../images/banner-image.webp');
    height: clamp(400px, 28.65vw, 550px);
    border-radius: clamp(24px, 2.75vw, 44px);
}

@media(max-width: 1199px) {
    .banner-sec .banner-buttons {
        grid-gap: 15px;
    }
}

@media(max-width: 991px) {
    .banner-wrap .banner-content {
        width: 100%;
    }

    .banner-sec .banner-buttons {
        grid-gap: 10px;
    }

    .banner-wrap .bannerimage img {
        min-height: 500px;
    }

    .banner-wrap .banner-content .banner-inner-content {
        padding: 15px;
    }

    .banner-wrap .bannerimage {
        width: 100%;
    }
}

@media(max-width: 575px) {
    .banner-wrap .banner-content .banner-inner-content {
        padding: 10px;
        --text-64: 28px;
        --text-22: 16px;
        --space-16: 12px;
    }
}

/* ============================= >> Banner Close Here << ============================= */
/* ============================= >> About Section Start Here << ============================= */
.about-sec {
    overflow: hidden;
}

.about-sec .about-wrap,
.what-localize-sec .what-localize-wrap,
.our-team-sec {
    --gap: min(3.125vw, 50px);
    width: calc(50% + 635px);
    margin-left: auto;
}

.about-wrap .about-content {
    width: 34.431%;
    margin-right: var(--gap);
}

.about-wrap .about-image {
    flex: 1;
    margin-left: var(--gap);
    padding: 30px clamp(20px, 5.25vw, 100px);
    min-height: 480px;
    width: 100%;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
    background-image: url(../images/about-image.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}

.about-video-wrap img {
    width: 100%;
    object-fit: contain;
    object-position: center;
    max-width: 26px;
    height: 26px;
}

.about-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.8;
    background: #FF5050;
    width: 100%;
    height: 100%;
    border-radius: 20px 0 0 20px;
}

.about-video-wrap .about-video-pause {
    width: 90px;
    height: 90px;
    background-color: var(--color-white);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
}

.about-image .about-video-wrap {
    z-index: 1;
    grid-gap: clamp(20px, 3.25vw, 60px);
    left: 0;
}

.about-image .about-video-wrap .video-content {
    max-width: 426px;
    line-height: 1.5;
    flex: 1;
}

.about-content .about-heading {
    line-height: 1.33;
}


@media(max-width: 1399px) {

    .about-sec .about-wrap,
    .what-localize-sec .what-localize-wrap,
    .our-team-sec {
        width: calc(50% + 528px);
    }
}

@media(max-width: 1199px) {

    .about-sec .about-wrap,
    .what-localize-sec .what-localize-wrap,
    .our-team-sec {
        width: calc(50% + 465px);
    }

    .about-video-wrap .about-video-pause {
        width: 80px;
        height: 80px;
    }
}

@media(max-width: 991px) {
    .about-wrap .about-content {
        width: 100%;
        margin-right: 0;
        padding-right: 15px;
    }

    .about-video-wrap img {
        max-width: 22px;
        height: 22px;
    }

    .about-video-wrap .about-video-pause {
        width: 60px;
        height: 60px;
    }

    .about-sec .about-wrap,
    .what-localize-sec .what-localize-wrap,
    .our-team-sec {
        width: calc(50% + 345px);
    }

    .about-wrap .about-image {
        margin-top: 40px;
        margin-left: 0;
        flex: none;
        min-height: 350px;
    }
}

@media(max-width: 767px) {

    .about-sec .about-wrap,
    .what-localize-sec .what-localize-wrap,
    .our-team-sec {
        width: calc(50% + 255px);
    }
}

@media(max-width: 575px) {

    .about-sec .about-wrap,
    .what-localize-sec .what-localize-wrap,
    .our-team-sec {
        width: calc(100% - 15px);
    }

    .about-image .about-video-wrap .video-content {
        flex: unset;
    }
}

/* ============================= >> About Section Close Here << ============================= */
/* ============================= >> What We Do Section Start Here << ============================= */

.what-we-do-sec .what-we-do-heading-wrap .what-we-do-title {
    line-height: 1.3;
}

.what-we-do-wrap {
    --items: 3;
    --grid-row-gap: 36px;
    --grid-col-gap: 44px;
    grid-gap: var(--grid-row-gap) var(--grid-col-gap);
}

.what-we-do-wrap .what-we-do-boxs {
    flex: 0 0 calc((100% - (var(--grid-col-gap) * (var(--items) - 1))) / var(--items));
}


@media(max-width: 1199px) {
    .what-we-do-wrap {
        --grid-row-gap: 25px;
        --grid-col-gap: 20px;
    }
}

@media(max-width: 991px) {
    .what-we-do-wrap {
        --grid-row-gap: 25px;
        --grid-col-gap: 15px;
        --items: 2;
    }
}

@media(max-width: 767px) {
    .what-we-do-wrap {
        --items: 1;
    }
}

/* ============================= >> What We Do Section Close Here << ============================= */
/* ============================= >> We Compaines Section Start Here << ============================= */
.we-compaines-sec {
    background-image: url('../images/eLearning-bg-image.webp');
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: unset;
    background-position: right;
}

.we-compaines-wrap .we-compaines-logos {
    width: 52.76%;
}

.we-compaines-wrap .we-compaines-content {
    flex: 1;
    width: 100%;
}

.we-compaines-sec .we-compaines-wrap {
    grid-gap: 60px;
}

.we-compaines-logos .we-compaines-logos-itmes {
    padding: 40px 10px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-row-gap: 30px;
    align-items: center;
    background: linear-gradient(293.91deg, #FF6969 26.33%, #FF5050 69.62%);
    border-radius: 12px;
}

.we-compaines-logos .we-compaines-logos-itmes img {
    width: 100%;
    max-width: 100%;
    max-height: 60px;
    object-fit: contain;
    object-position: center;
    padding-inline: 10px;
}

.we-compaines-logos .we-compaines-logos-itmes img:not(:last-child):not(:nth-child(4)) {
    border-right: 1px solid #FFFFFF45;
}

.we-compaines-logos .we-compaines-bottom-logos {
    grid-gap: clamp(15px, 2vw, 25px);
}

.we-compaines-bottom-logos img {
    object-fit: contain;
    object-position: center;
}

.we-compaines-bottom-logos img:nth-child(3) {
    border-right: 1px solid #222222;
    padding-right: clamp(15px, 2vw, 25px);
}

.we-compaines-content .we-compaines-heading {
    line-height: 1.4;
}

.we-compaines-content .we-compaines-desc {
    line-height: 1.5;
}

.we-compaines-content .we-compaines-buttons {
    display: inline-block;
}

.we-compaines-content img {
    vertical-align: middle;
    padding-left: 6px;
    max-width: 27px;
    height: 27px;
    object-fit: contain;
    object-position: center;
}

.we-compaines-content .we-compaines-buttons:hover {
    color: var(--color-secondary);
}

@media(max-width: 1199px) {
    .we-compaines-sec .we-compaines-wrap {
        grid-gap: 50px;
    }
}

@media(max-width: 991px) {
    .we-compaines-sec .we-compaines-wrap {
        grid-gap: 40px;
    }

    .we-compaines-wrap .we-compaines-logos {
        width: 100%;
    }
}

@media(max-width: 767px) {
    .we-compaines-logos .we-compaines-logos-itmes {
        padding: 25px 5px;
    }

    .we-compaines-sec .we-compaines-wrap {
        grid-gap: 30px;
    }
}

@media(max-width: 575px) {
    .we-compaines-logos .we-compaines-logos-itmes {
        grid-template-columns: repeat(2, 1fr);
    }

    .we-compaines-logos .we-compaines-logos-itmes img {
        padding-inline: 5px;
    }

    .we-compaines-logos .we-compaines-logos-itmes img:nth-child(2n + 2) {
        border-style: none !important;
    }
}

/* Custom Popup */
.popup-wrap {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    opacity: 0;
    overflow: auto;
    height: 100%;
    z-index: 9999;
    visibility: hidden;
    transform: scale(1);
    transition: 0.3s ease-in-out;
}

.popup-wrap .popup-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    width: 100%;
    max-width: 80%;
}

.popup-wrap.active-video {
    opacity: 1;
    visibility: visible;
    transform: scale(1.1);
}

body.active-video {
    overflow: hidden;
    position: relative;
}

body.active-video::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--color-secondary);
    opacity: 0.6;
    z-index: 999;
}

.popup-wrap .popup-close-btn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    cursor: pointer;
    background-color: var(--color-white);
    border-radius: 100%;
}

.popup-wrap .popup-close-btn img {
    width: 13px;
    height: 13px;
    object-fit: contain;
    object-position: center;
}



.popup-inner .popup-video video {
    width: 100%;
    height: 100%;
    max-height: 82vh;
    aspect-ratio: 16/9;
    border-radius: 12px;
}

@media (max-width:575px) {
    .popup-wrap .popup-close-btn {
        width: 25px;
        height: 25px;
        top: -5px;
        right: -5px;
    }

    .popup-wrap .popup-close-btn img {
        width: 10px;
        height: 10px;
    }
}

/* ============================= >> We Compaines Section Close Here << ============================= */
/* ============================= >> What we localize Section Start Here << ============================= */
.what-localize-wrap .what-localize-image-wrap {
    flex: 1;
    line-height: 0;
    margin-left: var(--gap);
}

.what-localize-wrap .what-localize-image {
    width: 100%;
    min-height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
}

.what-localize-wrap .what-localize-content {
    width: 33.7%;
    padding-right: var(--gap);
}

.what-localize-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.what-localize-image::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    background-color: #411673;
    width: 100%;
    height: 100%;
}

.what-localize-content .what-localize-heading {
    line-height: 1.2;
}

.what-localize-content .what-localize-desc {
    line-height: 1.56;
}

.what-localize-list .what-localize-items {
    padding-left: 30px;
    padding-block: 10px;
    line-height: 1.2;
    background-image: url('../images/icons/write-localization.svg');
    background-repeat: no-repeat;
    background-position: top 14px left;
}

@media(max-width: 991px) {
    .what-localize-wrap .what-localize-content {
        width: 100%;
        padding-right: 15px;
        padding-bottom: 30px;
    }

    .what-localize-wrap .what-localize-image-wrap {
        flex: none;
        margin-left: 0;
        width: 100%;
    }

    .what-localize-wrap .what-localize-image {
        padding-bottom: 100%;
    }
}


/* ============================= >> What we localize Section Close Here << ============================= */
/* ============================= >> By Number Section Start Here << ============================= */
.by-number-sec {
    background-image: url('../images/by-number-bg.webp');
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.by-number-wrap .by-number-content-wrap {
    width: 29.55%;
}


.by-number-wrap .by-number-list {
    width: 42.7%;
    grid-gap: 50px 0;
}

.by-number-wrap .by-number-list .by-number-items {
    width: calc(50% - 29px);
}

.by-number-content-wrap .by-number-button {
    display: inline-block;
}

@media(max-width: 991px) {
    .by-number-wrap .by-number-list .by-number-items {
        width: calc(50% - 10px);
    }

    .by-number-wrap .by-number-content-wrap {
        width: 100%;
    }

    .by-number-wrap .by-number-list {
        width: 100%;
        margin-inline: unset;
        justify-content: flex-start;
        margin-top: 30px;
        grid-gap: 20px;
    }

    .by-number-wrap .by-number-list .by-number-items {
        width: calc((100% - (20px * 2)) / 3);
        --text-18: 14px;
    }
}

@media(max-width: 480px) {
    .by-number-wrap .by-number-list .by-number-items {
        width: calc((100% - 20px) / 2);
    }
}

/* ============================= >> By Number Section Close Here << ============================= */
/* ============================= >> Cta Section Start Here << ============================= */
.cta-section {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 22px 0;
}

.cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    background: #FF5050;
    width: 100%;
    height: 100%;
}


.cta-wrap .cta-heading {
    width: 70%;
    line-height: 1.5;
}

.cta-wrap .cta-btn {
    flex: 1;
    max-width: fit-content;
}

@media(max-width: 991px) {
    .cta-wrap .cta-btn {
        padding: 11px 22px;
        font-size: var(--text-15);
    }
}

@media(max-width: 767px) {
    .cta-wrap .cta-heading {
        width: 100%;
        text-align: center;
    }

    .cta-wrap .cta-btn {
        flex: unset;
        max-width: fit-content;
        margin: 20px auto 0;
    }
}

/* ============================= >> Cta Section Close Here << ============================= */
/* ============================= >> Tools and applications Section Start Here << ============================= */
.tools-applications-sec .tools-applications-wrap {
    grid-gap: 20px 15px;
}

.tools-applications-wrap .tools-applications-content {
    width: calc(33.3% - 15px);
    border-radius: 12px;
    height: 240px;
    padding: 40px;
    transition: 0.3s ease-in-out;
    cursor: pointer;
}

.tools-applications-wrap .tools-applications-content:hover {
    box-shadow: 0 0 5px #ddd;
    transform: translateY(-3px);
}

@media(max-width: 1199px) {
    .tools-applications-wrap .tools-applications-content {
        height: 200px;
        width: calc(33.3% - 10px);
        padding: 30px;
    }

    .tools-applications-sec .tools-applications-wrap {
        grid-gap: 20px 10px;
    }

}

@media(max-width: 991px) {
    .tools-applications-wrap .tools-applications-content {
        height: 180px;
        width: calc(50% - 10px);
        padding: 20px;
    }

    .tools-applications-sec .tools-applications-wrap {
        grid-gap: 20px 10px;
    }

}

@media(max-width: 575px) {
    .tools-applications-wrap .tools-applications-content {
        height: 100%;
        width: 100%;
        padding: 15px;
    }
}

/* ============================= >> Tools and applications Section Close Here << ============================= */
/* ============================= >> Testimonials Section Start Here << ============================= */
.testimonials-sec {
    padding-bottom: calc(var(--space-120) + 50px);
}

.testimonials-wrap .slick-track {
    display: flex;
}

.testimonials-wrap .slick-list.draggable {
    margin: 0 -15px;
}

.testimonials-wrap .slick-track .slick-slide {
    height: auto;
    margin: 0 15px;
    display: flex;
}

.testimonials-sec .testimonials-heading {
    line-height: 1.5;
}

.testimonials-wrap .slick-track .slick-slide>div {
    height: auto;
}

.testimonials-wrap .slick-track .slick-slide>div>.testimonials-content {
    height: 100%;
    padding: 40px;
    border-radius: 12px;
}

.testimonials-content .testimonials-postions {
    display: block;
    padding-top: 5px;
}

.testimonials-content .testimonials-desc {
    line-height: 1.5;
}

.testimonials-content .testimonials-desc {
    line-height: 1.5;
}

.testimonials-sec .testimonials-wrap {
    margin: 0;
}

.testimonials-wrap .slick-dots {
    top: calc(100% + 40px);
}

.testimonials-wrap .slick-dots li {
    width: 10px;
    height: 10px;
    background-color: #BCBCBC;
    border-radius: 100%;
    margin: 0 7px;
}

.testimonials-wrap .slick-dots li button {
    display: none;
}

.testimonials-wrap .slick-dots li.slick-active {
    background-color: #FF5050;
}

.testimonials-content img {
    margin-left: auto;
    margin-top: 5px;
    width: 29px;
    height: 29px;
    object-fit: contain;
    object-position: center;
}

@media(max-width: 1399px) {
    .testimonials-wrap .slick-track .slick-slide {
        margin: 0 10px;
    }

}

@media(max-width: 1199px) {
    .testimonials-sec {
        padding-bottom: calc(var(--space-120) + 28px);
    }

    .testimonials-wrap .slick-track .slick-slide>div>.testimonials-content {
        padding: 30px;
    }

    .testimonials-wrap .slick-dots {
        top: calc(100% + 20px);
    }
}

@media(max-width: 991px) {
    .testimonials-wrap .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 4px;
    }

    .testimonials-wrap .slick-track .slick-slide {
        margin: 0 8px;
    }

    .testimonials-wrap .slick-track .slick-slide>div>.testimonials-content {
        padding: 25px;
    }
}

@media(max-width: 767px) {
    .testimonials-wrap .slick-track .slick-slide>div>.testimonials-content {
        padding: 20px;
    }

    .testimonials-wrap .slick-list.draggable {
        margin: 0 -8px;
    }

    .testimonials-wrap .slick-track .slick-slide {
        margin: 0 6px;
    }

}

@media(max-width: 575px) {
    .testimonials-wrap .slick-track .slick-slide>div>.testimonials-content {
        padding: 15px;
    }
}

/* ============================= >> Testimonials Section Close Here << ============================= */
/* ============================= >> Technology independence Section Start Here << ============================= */
.technology-independence-wrap .technology-independence-content {
    width: 35.8%;
}

.technology-independence-wrap .technology-independence-logo-list {
    width: 44.59%;
}

.technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
    margin-left: auto;
    align-items: center;
    justify-items: center;
    grid-gap: 85px 50px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.technology-independence-logo img {
    max-width: 100%;
    object-fit: contain;
    object-position: center;
}

.technology-independence-content .technology-independence-heading {
    line-height: 1.216;
    padding-bottom: var(--space-24);
}

.technology-independence-content .technology-independence-heading::after {
    content: '';
    position: absolute;
    top: 100%;
    border: 2px solid var(--color-secondary);
    left: 0;
    width: 120px;
    border-radius: 12px;
}

.technology-independence-content .technology-independence-btn {
    display: flex;
    vertical-align: middle;
}

.technology-independence-content .technology-independence-btn>img {
    padding-left: 10px;
    width: 30px;
    object-fit: contain;
}

@media(max-width: 1199px) {
    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        grid-gap: 72px 40px;
    }
}

@media(max-width: 991px) {
    .technology-independence-wrap .technology-independence-content {
        width: 50%;
    }

    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        grid-gap: 52px 30px;
        grid-template-columns: repeat(2, 1fr);
    }

    .technology-independence-logo img {
        max-width: 110px;
        max-height: 55px;
    }
}

@media(max-width: 767px) {
    .technology-independence-wrap .technology-independence-content {
        width: 100%;
    }

    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        width: 100%;
        margin: unset;
    }

    .technology-independence-wrap .technology-independence-logo-list {
        width: 100%;
        margin: 20px unset;
    }

    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        grid-gap: 32px 20px;
        grid-template-columns: repeat(3, 1fr);
        margin-top: 40px;
    }
}

@media(max-width: 575px) {
    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* ============================= >> Technology independence Section Close Here << ============================= */
/* ============ ***** Home page Close Her  ***** =============  */
/* ============ ***** Services page Start Here  ***** =============  */
/* ============================= >> Services Section Start Here  << ============================= */
.services-banner-sec .bannerimage>.banner-image {
    background-image: url('../images/services-banner.webp');
    background-position: left;
}

.services-sec::after {
    position: absolute;
    content: '';
    top: 20%;
    right: 0;
    background-color: var(--color-secondary);
    width: 450px;
    height: 206px;
    z-index: -1;
    filter: blur(250px);
}

.services-sec::before {
    position: absolute;
    content: '';
    bottom: 20%;
    z-index: -1;
    left: 0;
    background-color: var(--color-secondary);
    width: 450px;
    height: 206px;
    filter: blur(250px);
}

.services-sec {
    z-index: 1;
    overflow: hidden;
}

.services-sec .services-list {
    grid-gap: 30px 15px;
}

.services-list .services-items {
    width: calc(50% - 15px);
    background: #FFFFFF12;
    border: 1px solid #FFFFFF66;
    box-shadow: 0px 2px 20px 0px #B3B3B31A inset;
    padding: 40px;
    border-radius: 12px;
    grid-gap: 40px;
}

.services-list .services-items .services-img {
    border: 1px solid var(--color-secondary);
    width: 70px;
    height: 70px;
    border-radius: 100%;
}

.services-img img {
    width: 40px;
    object-fit: contain;
    filter: brightness(1) invert(0);
    object-position: center;
    height: 40px;
}

.services-items .services-content {
    flex: 1;
}

.services-content .services-sub-heading {
    line-height: 1.38;
}

.services-content .services-desc {
    line-height: 1.32;
    opacity: 0.8;
}

@media(max-width: 1399px) {
    .services-list .services-items {
        padding: 35px;
        grid-gap: 35px;
    }
}

@media(max-width: 1199px) {
    .services-list .services-items {
        padding: 30px;
        grid-gap: 30px;
        width: calc(50% - 10px);
    }

    .services-list .services-items .services-img {
        width: 60px;
        height: 60px;
    }

    .services-img img {
        width: 35px;
        height: 35px;
    }

    .services-sec .services-list {
        grid-gap: 25px 10px;
    }
}

@media(max-width: 991px) {
    .services-list .services-items {
        padding: 20px;
        grid-gap: 20px;
        width: calc(50% - 5px);
    }

    .services-content .services-sub-heading {
        font-size: 24px;
    }

    .services-list .services-items .services-img {
        width: 50px;
        height: 50px;
    }

    .services-img img {
        width: 30px;
        height: 30px;
    }

    .services-sec .services-list {
        grid-gap: 10px 5px;
    }
}

@media(max-width: 767px) {
    .services-items .services-content {
        flex: unset;
    }

    .services-list .services-items {
        padding: 15px;
        grid-gap: 5px 15px;
    }
}

@media(max-width: 575px) {
    .services-list .services-items {
        width: 100%;
    }

    .services-items .services-content {
        flex: 1;
    }
}

@media(max-width: 399px) {
    .services-items .services-content {
        flex: unset;
    }
}

/* ============================= >> Services Section Close Here  << ============================= */
/* ============================= >> CTA Comman Section Start Here  << ============================= */
.cta-comman-sec .cta-sec-wrap .cta-comman-heading {
    line-height: 1.167;
    color: var(--bg-light-pink);
}

@media(max-width: 767px) {
    .cta-sec-wrap .cta-comman-btn {
        margin: 20px auto 0;
    }

    .cta-comman-sec .cta-sec-wrap .cta-comman-heading {
        text-align: center;
        width: 100%;
    }
}

/* ============================= >> CTA Comman Section Close Here  << ============================= */
/* ============================= >> Automation Banner Start Here  << ============================= */
.automation-banner {
    z-index: 1;
    overflow: hidden;
}

.automation-banner::after {
    content: '';
    position: absolute;
    bottom: 0;
    right: -6%;
    background-color: #C582FF;
    width: 951px;
    height: 139px;
    opacity: 0.4;
    z-index: -1;
    filter: blur(160px);
    transform: rotate(55deg);
}

.automation-logo-wrap {
    overflow: hidden;
    z-index: 1;
}



.automation-logo-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 12%;
    background-color: #FF5050;
    width: 951px;
    height: 185px;
    z-index: -1;
    filter: blur(160px);
    opacity: 0.4;
    transform: rotate(55deg);
}

.portfolio-sec.top-space .portfolio-col-inner h1 {
    text-transform: capitalize;
    line-height: 1.21;
}

.portfolio-hero-content .portfolio-desc {
    word-break: break-word;
    line-height: 1.6;
}

.services-logo-list {
    grid-gap: clamp(25px, 3.25vw, 60px) clamp(10px, 3.25vw, 30px);
}

.services-logo-list .services-logo-items {
    width: fit-content;
    max-width: 21.593%;
    line-height: 0;
}

.automation-wrap .automation-banner-desc {
    opacity: 0.8;
}

.services-logo-list .services-logo-items img {
    object-fit: contain;
    object-position: center;
    max-width: 100%;
    max-height: clamp(40px, 3.75vw, 70px);
}

.automation-banner .banner-buttons {
    grid-gap: 20px;
}

.automation-logo-wrap img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

@media(max-width: 991px) {
    .services-logo-list.justify-between {
        justify-content: center;
    }

    .services-logo-list .services-logo-items {
        min-width: 125px;
        text-align: center;
        max-width: 100%;
    }
}

@media(max-width: 767px) {
    .automation-wrap .automation-banner-desc {
        --text-22: 18px;
    }
}

@media(max-width: 575px) {
    .automation-wrap .automation-banner-desc {
        --text-22: 16px;
    }
}

/* ============================= >> Automation Banner Close Here  << ============================= */
/* ============================= >> Smart Transtion Section Start Here  << ============================= */
.smart-transtion-sec .smart-transtion-wrap {
    --gap: min(3.125vw, 60px);
}

.smart-transtion-wrap .smart-transtion-content {
    width: 42.52%;
    padding-right: var(--gap);
}

.smart-transtion-content .smart-transtion-heading {
    line-height: 1.16;
}

.smart-transtion-wrap .smart-transtion-image {
    flex: 1;
    padding-left: var(--gap);
}

.smart-transtion-image img {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.smart-transtion-content .smart-transtion-desc {
    line-height: 1.56;
}

@media(max-width: 991px) {
    .smart-transtion-wrap .smart-transtion-content {
        width: 100%;
        padding-right: 0;
    }

    .smart-transtion-wrap .smart-transtion-image {
        flex: unset;
        padding-left: 0;
        margin-top: 30px;
    }
}

@media(max-width: 767px) {
    .smart-transtion-wrap .smart-transtion-image {
        margin-top: 20px;
    }
}

/* ============================= >> Smart Transtion Section Close Here  << ============================= */
/* ======================= >> Ai Engines Section Start Here << ======================= */
.ai-engines-sec {
    padding-block: clamp(60px, 6.3vw, 120px);
    overflow: hidden;
}

.ai-engines-sec .ai-engines-wrap {
    max-width: 1180px;
    margin-inline: auto;
}

.ai-engines-wrap .ai-engines-heading {
    line-height: 1.16;
}

.ai-engines-heading.text-white.text-center {
    font-size: clamp(21px, 2vw, 37px);
    font-weight: 600;
    line-height: 1.2;
    margin: 0;
}

.ai-engines-desc {
    font-size: clamp(14px, 1vw, 18px);
    font-weight: 500;
    line-height: 1.56;
    margin: 0;
    padding-bottom: clamp(50px, 5.2vw, 100px);
    padding-top: clamp(10px, 1.5vw, 20px);
}

.ai-engines-wrap .ai-engines-list-wrap {
    overflow: hidden;
}

.ai-track-1,
.ai-track-2 {
    display: flex;
    flex-wrap: nowrap;
    gap: 0 clamp(20px, 2vw, 46px);
}

.ai-track-1 .slide,
.ai-track-2 .slide {
    flex: 0 0 auto;
}

.ai-track-1 {
    animation: slideLeft 20s linear infinite;
    transition: 0.5s linear;
}

.ai-track-2 {
    animation: slideRight 20s linear infinite;
    transition: 0.5s linear;
}

@keyframes slideLeft {
    0% {
        transform: translateX(0);
    }

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

@keyframes slideRight {
    0% {
        transform: translateX(-50%);
    }

    100% {
        transform: translateX(0);
    }
}

.ai-engines-list-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    grid-gap: clamp(15px, 2vw, 46px) 0;
}

.ai-engines-list-wrap::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: #1F0D35;
    background: linear-gradient(to right, #1F0D35 30%, rgba(240, 240, 240, 0));
    z-index: 2;
    filter: blur(7);
}

/* Right Blur */
.ai-engines-list-wrap::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: #1F0D35;
    background: linear-gradient(to left, #1F0D35 30%, rgba(240, 240, 240, 0));
    z-index: 2;
    filter: blur(7);
}

.ai-track-1 img,
.ai-track-2 img {
    width: 100%;
    object-position: center;
    max-width: 100px;
    object-fit: contain;
}

@media(max-width: 1199px) {

    .ai-engines-list-wrap::after,
    .ai-engines-list-wrap::before {
        width: 400px;
    }
}

@media(max-width: 991px) {

    .ai-engines-list-wrap::after,
    .ai-engines-list-wrap::before {
        width: 300px;
    }

    .ai-track-1 img,
    .ai-track-2 img {
        max-width: 80px;
    }
}

@media(max-width: 767px) {

    .ai-engines-list-wrap::after,
    .ai-engines-list-wrap::before {
        width: 140px;
    }

    .ai-track-1 img,
    .ai-track-2 img {
        max-width: 60px;
    }
}

@media(max-width: 575px) {

    .ai-engines-list-wrap::after,
    .ai-engines-list-wrap::before {
        width: 100px;
    }

    .ai-track-1,
    .ai-track-2 {
        gap: 15px;
    }
}

/* ======================= >> Ai Engines Section Close Here << ======================= */
/* ======================= >> Ai Powered Section Start Here << ======================= */
.ai-powered-sec {
    padding-block: clamp(60px, 6.3vw, 120px);
}

.ai-powered-heading-wrap .ai-powered-heading {
    line-height: 1.41;
    margin: 0;
}

.ai-powered-heading-wrap .ai-powered-desc {
    line-height: 1.56;

}

.ai-powered-sec .ai-powered-wrap {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: clamp(16px, 2vw, 32px);
}

.ai-powered-items img {
    width: 100%;
    max-width: 50px;
    object-fit: contain;
    object-position: center;
}

.ai-powered-items .ai-powered-sub-heading {
    font-size: clamp(18px, 1.5vw, 22px);
    padding-block: 24px;
    margin: 0;
    font-weight: 600;
    line-height: 1.14;
}

.ai-powered-items .ai-powered-sub-desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    margin: 0;
}

@media(max-width: 991px) {
    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 18px;
    }
}

@media(max-width: 991px) {
    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 18px;
    }
}

@media(max-width: 767px) {
    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 14px;
    }

    .ai-powered-sec .ai-powered-wrap {
        grid-template-columns: 1fr;
    }
}

@media(max-width: 575px) {
    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 10px;
    }

}

/* ======================= >> Automation Global CSS Close Here << ======================= */
/* ============ ***** Services page Close Here  ***** =============  */
/* ============ ***** Portfolio page Start Here  ***** =============  */
/* ======================= >> Portfolio Banner Start Here << ======================= */
.ai-portfolio-bg-image {
    background: url('../images/app-tools/portfolio-image.webp') center / cover no-repeat;
}

.portfolio-sec .ai-voiceover-right-image .col-inner img {
    width: 100%;
    object-fit: contain;
    object-position: center;
}

@media(max-width: 767px) {
    .ai-portfolio-bg-image .portfolio-col-inner {
        padding: 40px;
    }

    .portfolio-sec .ai-voiceover-right-image .col-inner img,
    .professional-voiceover-right-image .col-inner img,
    .app-tool-right-image .col-inner img,
    .ai-voiceover-right-image .col-inner img {
        display: none;
    }
}

/* ======================= >> Portfolio Banner Close Here << ======================= */
/* ======================= >> Profile Under Hero Section Start Here << ======================= */
.portfolio-hero-sec .portfolio-hero-list {
    grid-gap: 30px 15px;
}

.portfolio-hero-list .portfolio-content-items {
    width: calc(50% - 15px);
    border: 1px solid #FFFFFF66;
    border-radius: 12px;
    background: #FFFFFF12;
    padding: 16px;
    grid-gap: 20px;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.portfolio-hero-content .portfolio-logo {
    width: 100%;
    max-width: 130px;
    object-fit: contain;
    object-position: center;
}

.portfolio-content-items .portfolio-hero-content {
    flex: 1;
}

.portfolio-content-image img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
    border-radius: 12px;
    object-position: center;
}

.portfolio-content-items .portfolio-content-image {
    line-height: 0;
}

@media(max-width: 1399px) {
    .portfolio-hero-list .portfolio-content-items {
        width: calc(50% - 10px);
        padding: 14px;
        grid-gap: 15px;
    }

    .portfolio-hero-sec .portfolio-hero-list {
        grid-gap: 20px 10px;
    }

    .portfolio-content-items .portfolio-content-image {
        width: 100%;
    }

    .portfolio-content-items .portfolio-hero-content {
        flex: auto;
    }
}

@media(max-width: 1199px) {
    .portfolio-hero-list .portfolio-content-items {
        padding: 15px;
        grid-gap: 20px;
        grid-template-columns: 1fr;
        align-items: flex-start;
        align-content: flex-start;
    }
}

@media(max-width: 767px) {
    .portfolio-hero-list .portfolio-content-items {
        width: 100%;
    }

    .portfolio-content-image img {
        aspect-ratio: auto;
    }
}

@media(max-width: 575px) {
    .portfolio-hero-list .portfolio-content-items {
        overflow: hidden;
    }


}

/* ======================= >> Profile Under Hero Section Start Here << ======================= */
/* ============ ***** Portfolio page Close Here  ***** =============  */

/* ============ ***** About Page Start Here  ***** =============  */
/* ======================= >> Andovar Elarniong Start Close Here  << ======================= */
.about-banner-sec .bannerimage .banner-image {
    background-image: url('../images/about-banner.webp');
}

.andovar-elearning-wrap .andovar-elearning-content {
    width: 41%;
}

.andovar-elearning-wrap .andovar-elearning-content .by-number-heading {
    opacity: 0.9;
}

.by-number-items .by-number-content {
    line-height: 1.45;
}

@media(max-width: 991px) {
    .andovar-elearning-wrap .andovar-elearning-content {
        width: 100%;
    }

}

/* ======================= >> Andovar Elarniong Section Close Here  << ======================= */
/* ======================= >> Our Team Section Start Here  << ======================= */
.our-team-main-sec {
    overflow: hidden;
}

.our-team-main-sec .out-team-heading {
    line-height: 1.3;
}

.our-team-sec .our-team-wrap .slick-track {
    display: flex;
    grid-gap: 30px;
}


.our-team-members .our-team-image-wrap {
    position: relative;
    height: 100%;
}

.our-team-members {
    height: 100%;
}

.our-team-members .client-image {
    height: 100%;
    min-height: 250px;
}

.our-team-sec .our-team-wrap .our-team-members>img {
    object-fit: cover;
    width: 100%;
    object-position: center;
    height: 100%;
    border-radius: 12px;
}

.our-team-sec .our-team-wrap .slick-track .slick-slide {
    height: auto;
}

.our-team-sec .our-team-wrap .slick-track .slick-slide>div {
    height: 75%;
}

.our-team-image-wrap .client-image>img {
    width: 100%;
    border-radius: 12px;
    aspect-ratio: 1/1;
    object-fit: cover;
    height: 100%;
    object-position: center;
}

.our-team-image-wrap .team-linkedin-profile {
    position: absolute;
    right: 16px;
    top: 16px;
    transition: 0.4s ease-in-out;
    width: fit-content;
    height: fit-content;
    opacity: 0;
    visibility: hidden;
    cursor: pointer;
    max-width: fit-content;
}

.our-team-image-wrap:hover .team-linkedin-profile {
    opacity: 1;
    visibility: visible;
}

.our-team-image-wrap .team-linkedin-profile>img {
    object-position: center;
    object-fit: cover;
    width: 100%;
    max-width: 32px;
    height: 32px;
}

.our-team-members .member-name {
    line-height: 1.3;
}

.our-team-members .member-postions {
    line-height: 1.3;
}

.our-team-image-wrap .client-image::before {
    content: '';
    position: absolute;
    left: 50%;
    top: calc(100% - 12px);
    background-image: url('../images/icons/member-icon.svg');
    width: 28px;
    height: 28px;
    z-index: 1;
    background-position: center;
    background-size: contain;
    transform: translateX(-50%);
    bottom: 0;
    background-repeat: no-repeat;
}

.our-team-wrap .slick-arrow {
    position: absolute;
    bottom: calc(100% + 24px);
    width: 40px;
    top: auto;
    display: flex;
    z-index: 1;
    height: 40px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.our-team-wrap .slick-prev {
    left: auto;
    right: calc(100% - 1272px + 60px);
    background-image: url('../images/icons/member-left.svg');
}

.our-team-wrap .slick-prev::before {
    content: none;
    display: none;
}

.our-team-wrap .slick-next {
    right: calc(100% - 1272px);
    background-image: url('../images/icons/member-right.svg');
}

.our-team-wrap .slick-next::before {
    contain: none;
    display: none;
}

.our-team-sec .our-team-wrap .slick-list.draggable {
    margin: 0 -15px;
}


@media(max-width: 1399px) {

    .our-team-sec .our-team-wrap .slick-track {
        grid-gap: 25px;
    }

    .our-team-sec .our-team-wrap .our-team-members::before {
        bottom: 17%;
    }

    .our-team-wrap .slick-arrow {
        bottom: calc(100% + 18px);
    }

    .our-team-wrap .slick-prev {
        right: calc(100% - 1058px + 60px);
    }

    .our-team-wrap .slick-next {
        right: calc(100% - 1058px);
    }

}

@media(max-width: 1199px) {
    .our-team-wrap .slick-prev {
        right: calc(100% - 932px + 60px);
    }

    .our-team-wrap .slick-next {
        right: calc(100% - 932px);
    }

    .our-team-sec .our-team-wrap .slick-track {
        grid-gap: 20px;
    }

    .our-team-wrap .slick-arrow {
        bottom: calc(100% + 15px);
    }
}

@media(max-width: 991px) {
    .our-team-wrap .slick-prev {
        right: calc(100% - 692px + 50px);
    }

    .our-team-wrap .slick-next {
        right: calc(100% - 692px);
    }

    .our-team-sec .our-team-wrap .our-team-members::before {
        bottom: 13%;
    }

    .our-team-wrap .slick-arrow {
        bottom: calc(100% + 9px);
        width: 35px;
        height: 35px;
    }
}

@media(max-width: 767px) {
    .our-team-wrap .slick-prev {
        right: calc(100% - 512px + 40px);
    }

    .our-team-wrap .slick-next {
        right: calc(100% - 512px);
    }

    .our-team-sec .our-team-wrap .our-team-members::before {
        bottom: 12%;
    }

    .our-team-wrap .slick-arrow {
        bottom: calc(100% + 15px);
        width: 30px;
        height: 30px;
    }
}

@media(max-width: 575px) {

    .our-team-wrap .slick-prev {
        right: calc(15px + 40px);
    }

    .our-team-wrap .slick-next {
        right: 15px;
    }

    .our-team-sec .our-team-wrap .our-team-members::before {
        bottom: 8%;
    }

    .our-team-wrap .slick-arrow {
        width: 25px;
        height: 25px;
        bottom: calc(100% + 18px);
    }
}

@media(max-width: 450px) {
    .our-team-sec .our-team-wrap .our-team-members::before {
        bottom: 10%;
    }

    .our-team-main-sec .out-team-heading {
        width: calc(100% - 115px);
    }
}


/* ======================= >> Our Team Section Close Here  << ======================= */
/* ============ ***** About Page Close Here  ***** =============  */
/* ============ ***** Contact Page Start Here  ***** =============  *
/* ======================= >>  Contact under Hero Section Start Here << ======================= */
.contact-sec .contact-wrap .bannerimage .banner-image,
.request-quote-desc .bannerimage .banner-image,
.thank-you-banner .bannerimage .banner-image {
    background-image: url('../images/contact-us.webp');
}

.contact-under-hero-sec .contact-under-hero-wrap {
    --gap: min(3.125vw, 49px);
}

.contact-under-hero-wrap .contact-content {
    width: 46.54%;
    padding: 50px;
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    margin-right: var(--gap);
}

.contact-under-hero-wrap .contact-form {
    flex: 1;
    padding-left: var(--gap);
}

.contact-content .contact-social-icons-wrap {
    margin-top: auto;
}

.contact-social-icons-wrap .contact-social-icons {
    grid-gap: 18px;
}

.contact-social-icons .contact-social-items a {
    line-height: 0;
    width: 48px;
    cursor: pointer;
    height: 48px;
    transition: 0.4s ease-in-out;
    border-radius: 100%;
}

.contact-social-icons .contact-social-items a:hover {
    background-color: var(--color-primary);
}

.contact-social-icons .contact-social-items a img {
    max-width: 100%;
    object-fit: cover;
    filter: brightness(0) invert(1);
}

.contact-sub-content .contact-number {
    padding-top: 4px;
}

.contact-sub-content .contact-desc {
    line-height: 1.8;
}

.contact-sub-heading {
    line-height: 1.7;
}

.supported-applications-sec .row,
.eLearning-workflow-sec .row {
    margin-inline: -12px;
}

.supported-applications-sec .row>*,
.eLearning-workflow-sec .row>* {
    padding-inline: 12px;
}

@media(max-width: 1399px) {
    .contact-under-hero-wrap .contact-content {
        padding: 45px;
    }
}

@media(max-width: 1199px) {
    .contact-under-hero-wrap .contact-content {
        padding: 40px;
    }

    .contact-social-icons-wrap .contact-social-icons {
        grid-gap: 15px;
    }

    .contact-social-icons .contact-social-items a {
        width: 44px;
        height: 44px;
    }

}

@media(max-width: 991px) {
    .contact-under-hero-wrap .contact-content {
        padding: 30px;
    }

    .contact-social-icons-wrap .contact-social-icons {
        grid-gap: 10px;
    }

    .contact-social-icons .contact-social-items a {
        width: 38px;
        height: 38px;
    }

    .supported-applications-sec .row,
    .eLearning-workflow-sec .row {
        margin-inline: -8px;
    }

    .supported-applications-sec .row>*,
    .eLearning-workflow-sec .row>* {
        padding-inline: 8px;
    }
}

@media(max-width: 767px) {
    .contact-under-hero-wrap .contact-content {
        width: 100%;
        padding: 25px;
        margin-right: 0;
    }

    .contact-content .contact-social-icons-wrap {
        margin-top: 40px;
    }

    .contact-social-icons .contact-social-items a {
        width: 35px;
        height: 35px;
    }

    .contact-social-icons .contact-social-items a img {
        max-width: 15px;
    }

    .contact-social-icons-wrap .contact-social-icons {
        grid-gap: 7px;
    }

    .contact-under-hero-wrap .contact-form {
        flex: unset;
        padding-left: 0;
        width: 100%;
        margin-top: 40px;
    }
}

@media(max-width: 575px) {
    .contact-under-hero-wrap .contact-content {
        padding: 20px;
    }

    .contact-content .contact-social-icons-wrap {
        margin-top: 30px;
    }
}

/* ======================= >>  Contact under Hero Section Close Here << ======================= */
/* ======================= >>  Contact Logo Section Start Here << ======================= */
.contact-logo-sec .contact-logo-list .contact-logo-items {
    grid-gap: 40px 90px;
}

.contact-logo-items img {
    max-width: 16.5%;
    object-fit: contain;
    min-width: 130px;
    object-position: center;
    max-height: clamp(40px, 5.5vw, 80px);
    flex: 1;
}

@media(max-width: 1399px) {
    .contact-logo-sec .contact-logo-list .contact-logo-items {
        grid-gap: 40px 42px;
    }
}

@media(max-width: 767px) {
    .contact-logo-sec .contact-logo-list .contact-logo-items {
        grid-gap: 40px 30px;
    }
}


/* ======================= >>  Contact Logo Section Close Here << ======================= */
/* ============ ***** Contact Page Close Here  ***** =============  *
/* AK CSS  */
/* APP TOOL PAGE */
.white-box-r16 {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(166, 166, 166, 0.22);
    border-radius: 16px;
    padding: 18px;
}

.white-badge-shadow {
    background: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(166, 166, 166, 0.22);
    border-radius: 66px;
    display: inline-flex;
    padding: 14px 20px;
    font-weight: 700;
    font-size: clamp(20px, 1.3vw, 22px);
    line-height: 1.3;
    color: #FF5050;
    gap: 10px;
}

.app-tool-bg-image h1,
.ai-voiceover-bg-image h1 {
    line-height: 1.21;
}

.ai-voiceover-bg-image p {
    line-height: 1.2;
}

.app-tool-bg-image p {
    line-height: 1.23;
}

.eLearning-workflow-sec p {
    line-height: 1.56;
}

.eLearning-workflow-sec h2 {
    line-height: 1.2;
}

.rounded-44 {
    border-radius: 44px;
}

.rounded-32 {
    border-radius: 32px;
}

.bg-violet-light {
    background-color: #F9F0FF;
}

.text-violet {
    color: #9440DD;
}

.bg-violet {
    background-color: #9440DD;
}

.p-30 {
    padding: clamp(20px, 1.6vw, 30px);
}

.p-20 {
    padding: clamp(15px, 1.1vw, 20px);
}

.gap-20 {
    gap: 20px;
}

.gap-6 {
    gap: 6px;
}

.text-48 {
    font-size: clamp(36px, 2.85vw, 48px);
}

.row-gap-24 {
    row-gap: 24px;
}

.p-0 {
    padding: 0;
}

.mt-0 {
    margin-top: 0 !important;
}

.mw-988 {
    max-width: 988px;
}

.row {
    display: flex;
    flex-wrap: wrap;
    margin-inline: -15px;
}

.row>* {
    padding-inline: 15px;
    width: 100%;
}

.btn-light-outline:not(:hover) {
    background-color: transparent;
    box-shadow: inset 0px 0px 0px 2px #FFFFFF;
    color: #fff;
}

.inner-banner-sec .row {
    margin-inline: 0;
}

.app-tool-bg-image {
    background: url(../images/app-tools/Back-Img.webp) center / cover no-repeat;
}

.professional-voiceover-right-image .col-inner {
    height: 100%;
}

.app-tool-right-image img,
.app-tool-right-image .col-inner,
.professional-voiceover-right-image .col-inner img {
    height: 100%;
    object-fit: cover;
    object-position: right;
}

.app-tool-bg-image>.col-inner,
.inner-c-content>.col-inner {
    padding: 30px 15px;
    max-width: 708px;
    color: #fff;
}

.app-tool-right-image {
    padding-inline: 0;
}

/* professional voiceover */
.professional-voiceover-bg-image {
    background: url(../images/app-tools/pro-voiceover-1.webp) center / cover no-repeat;
}

.professional-voiceover-bg-image .col-inner p {
    line-height: 1.25;
}

.professional-voiceover-bg-image .col-inner h1 {
    line-height: 1.1;
}

.lavender-box-30 {
    padding: clamp(20px, 2.7vw, 30px);
    border-radius: 12px;
    border: 1px solid #FF505040;
}

/* ai-voiceover  */
.ai-voiceover-bg-image {
    background: url(../images/app-tools/ai-voiceover-1.webp) center / cover no-repeat;
}

.top-quality-sec .col-inner h2 {
    line-height: 1.41;
}

.top-quality-sec .col-inner p {
    line-height: 1.584;
}

.px-0 {
    padding-inline: 0;
}

.global-voiceover-sec p {
    line-height: 1.4;
}

.global-voiceover-sec h2 {
    line-height: 1.14;
}

.hyper-ai-comman-sec .hyper-ai-comman-heading {
    line-height: 1.41;
}

.hyper-ai-comman-sec .hyper-ai-comman-description {
    line-height: 1.64;
}

@media(max-width: 767px) {
    .top-quality-sec .col-inner p {
        font-size: 15px;
    }
}

@media(max-width: 575px) {
    .top-quality-sec .col-inner p {
        font-size: 14px;
    }
}

@media (min-width: 400px) {
    .col-sm-6 {
        width: 50%;
    }
}

@media (min-width: 768px) {
    .col-md-8 {
        width: 66.66%;
    }

    .col-md-4 {
        width: 33.33%;
    }

    .col-md-6 {
        width: 50%;
    }

    .mw-md-575 {
        max-width: 575px;
    }
}

@media (min-width: 992px) {
    .col-lg-4 {
        width: 33.33%;
    }

    .col-lg-8 {
        width: 66.66%;
    }

    .col-lg-4 {
        width: 33.33%;
    }

    .col-lg-9 {
        width: 75%;
    }

    .col-lg-3 {
        width: 25%;
    }

    .col-lg-6 {
        width: 50%;
    }

    .app-tool-bg-image,
    .col-lg-69 {
        width: 69%;
    }

    .app-tool-right-image,
    .col-lg-31 {
        width: 31%;
    }
}

@media (max-width: 767.98px) {
    .cta-comman-description {
        text-align: center;
    }

    .text-48 {
        font-size: clamp(28px, 6.75vw, 36px);
    }

}

@media (max-width: 575.98px) {
    .professional-voiceover-bg-image {
        --text-22: 16px;
    }
}

/*=====>=====>=====>*** Loader CSS Start Here ***<=====<=====<=====*/
#page-preloader {
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: var(--color-white);
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .75s ease-in-out;
    visibility: hidden;
    transform: translateY(-100%);
}

#page-preloader.show-loader {
    visibility: visible;
    transform: translateY(0);
}

#page-preloader .page-load-inner {
    width: clamp(50px, 5vw, 80px);
    height: clamp(50px, 5vw, 80px);
    margin: 0 auto;
    border: clamp(6px, .75vw, 10px) solid var(--color-gray-900);
    border-top-color: var(--color-secondary);
    border-radius: 100%;
    animation: rotateAnimation 1.25s linear infinite;
}

@keyframes rotateAnimation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

/*=====>=====>=====>*** Loader CSS End Here ***<=====<=====<=====*/