.about-wrap .about-image,
.banner-wrap .bannerimage .banner-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.about-image::after,
.banner-wrap .bannerimage::after,
body.active-video::after {
    content: '';
    height: 100%;
    position: absolute
}

.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 {
    top: 0;
    left: 0;
    background-color: #41167399;
    width: 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
}

.about-banner-sec .banner-logo,
.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%;
    min-height: 100%;
    background-image: url('../images/banner-image.webp');
    height: clamp(400px, 28.65vw, 550px);
    border-radius: clamp(24px, 2.75vw, 44px);
    background-position: top;
}

.about-sec,
.ai-engines-wrap .ai-engines-list-wrap,
.our-team-main-sec {
    overflow: hidden
}

.about-sec .about-wrap,
.our-team-sec,
.what-localize-sec .what-localize-wrap {
    --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);
    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 {
    top: 0;
    left: 0;
    opacity: .8;
    background: #ff5050;
    width: 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,
    .our-team-sec,
    .what-localize-sec .what-localize-wrap {
        width: calc(50% + 528px)
    }
}

.our-team-main-sec .out-team-heading,
.our-team-members .member-name,
.our-team-members .member-postions,
.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))
}

.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
}

.by-number-sec,
.cta-section,
.what-localize-wrap .what-localize-image {
    background-repeat: no-repeat;
    background-size: cover
}

.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 #222;
    padding-right: clamp(15px, 2vw, 25px)
}

.global-voiceover-sec p,
.we-compaines-content .we-compaines-heading {
    line-height: 1.4
}

.testimonials-content .testimonials-desc,
.testimonials-sec .testimonials-heading,
.we-compaines-content .we-compaines-desc {
    line-height: 1.5
}

.by-number-content-wrap .by-number-button,
.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) {
    .banner-sec .banner-buttons {
        grid-gap: 15px
    }

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

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

    .what-we-do-wrap {
        --grid-row-gap: 25px;
        --grid-col-gap: 20px
    }

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

.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: .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 {
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--color-secondary);
    opacity: .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
    }
}

.cta-section::before,
.what-localize-image::after {
    top: 0;
    opacity: .6;
    content: '';
    position: absolute;
    left: 0
}

.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;
    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 {
    background-color: #411673;
    width: 100%;
    height: 100%
}

.ai-voiceover-bg-image p,
.eLearning-workflow-sec h2,
.what-localize-content .what-localize-heading {
    line-height: 1.2
}

.ai-engines-desc,
.ai-powered-heading-wrap .ai-powered-desc,
.eLearning-workflow-sec p,
.smart-transtion-content .smart-transtion-desc,
.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
}

.by-number-sec {
    background-image: url('../images/by-number-bg.webp');
    width: 100%;
    height: 100%;
    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)
}

@media(max-width:991px) {

    .banner-wrap .banner-content,
    .banner-wrap .bannerimage,
    .by-number-wrap .by-number-content-wrap,
    .we-compaines-wrap .we-compaines-logos {
        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
    }

    .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,
    .our-team-sec,
    .what-localize-sec .what-localize-wrap {
        width: calc(50% + 345px)
    }

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

    .what-we-do-wrap {
        --grid-row-gap: 25px;
        --grid-col-gap: 15px;
        --items: 2
    }

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

    .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%
    }

    .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
    }

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

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

.cta-section {
    padding: 22px 0
}

.ai-engines-sec,
.ai-powered-sec {
    padding-block: clamp(60px, 6.3vw, 120px)
}

.cta-section::before {
    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
}

.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: .3s ease-in-out;
    cursor: pointer
}

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

.testimonials-sec {
    padding-bottom: calc(var(--space-120) + 50px)
}

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

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

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

.our-team-sec .our-team-wrap .slick-track .slick-slide,
.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-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
    }
}

.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
}

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

.services-banner-sec .bannerimage>.banner-image {
    background-image: url('../images/services-banner.webp');
    background-position: left
}

.services-sec::after {
    top: 20%;
    right: 0
}

.services-sec::before {
    bottom: 20%;
    left: 0
}

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

.portfolio-hero-sec .portfolio-hero-list,
.services-sec .services-list {
    grid-gap: 30px 15px
}

.services-list .services-items {
    width: calc(50% - 15px);
    background: #fffFFF12;
    border: 1px solid #fffFFF66;
    box-shadow: 0 2px 20px 0 #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
}

.portfolio-content-items .portfolio-hero-content,
.services-items .services-content {
    flex: 1
}

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

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

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

@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
    }

    .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)
    }

    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo {
        grid-gap: 72px 40px
    }

    .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) {
    .tools-applications-wrap .tools-applications-content {
        height: 180px;
        width: calc(50% - 10px);
        padding: 20px
    }

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

    .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
    }

    .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
    }

    .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) {

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

    .what-we-do-wrap {
        --items: 1
    }

    .we-compaines-logos .we-compaines-logos-itmes {
        padding: 25px 5px
    }

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

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

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

    .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
    }

    .technology-independence-wrap .technology-independence-content {
        width: 100%
    }

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

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

    .services-items .services-content {
        flex: unset
    }

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

    .cta-sec-wrap .cta-comman-btn {
        margin: 20px auto 0
    }

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

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

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

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

    .technology-independence-wrap .technology-independence-logo-list .technology-independence-logo,
    .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
    }

    .tools-applications-wrap .tools-applications-content {
        height: 100%;
        width: 100%;
        padding: 15px
    }

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

    .services-list .services-items {
        width: 100%
    }

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

.automation-banner::after,
.automation-logo-wrap::after {
    content: '';
    position: absolute;
    width: 951px;
    z-index: -1;
    filter: blur(160px);
    opacity: .4;
    transform: rotate(55deg);
    bottom: 0
}

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

.cta-comman-sec .cta-sec-wrap .cta-comman-heading {
    line-height: 1.167;
    color: var(--bg-light-pink)
}

.automation-banner::after {
    right: -6%;
    background-color: #c582ff;
    height: 139px
}

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

.automation-logo-wrap::after {
    left: 12%;
    background-color: #ff5050;
    height: 185px
}

.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: .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,
.smart-transtion-image img {
    width: 100%;
    object-fit: cover;
    object-position: center
}

.smart-transtion-sec .smart-transtion-wrap {
    --gap: min(3.125vw, 60px)
}

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

.ai-engines-wrap .ai-engines-heading,
.smart-transtion-content .smart-transtion-heading {
    line-height: 1.16
}

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

.ai-engines-list-wrap::after,
.ai-engines-list-wrap::before {
    position: absolute;
    width: 500px;
    z-index: 2;
    filter: blur(7);
    height: 100%;
    content: '';
    top: 0
}

.ai-engines-sec {
    overflow: hidden
}

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

.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;
    margin: 0;
    padding-bottom: clamp(50px, 5.2vw, 100px);
    padding-top: clamp(10px, 1.5vw, 20px)
}

.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: 20s linear infinite slideLeft;
    transition: .5s linear
}

.ai-track-2 {
    animation: 20s linear infinite slideRight;
    transition: .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 {
    left: 0;
    background: #1f0d35;
    background: linear-gradient(to right, #1f0d35 30%, rgba(240, 240, 240, 0))
}

.ai-engines-list-wrap::after {
    right: 0;
    background: #1f0d35;
    background: linear-gradient(to left, #1f0d35 30%, rgba(240, 240, 240, 0))
}

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

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

.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
}

.ai-portfolio-bg-image {
    background: url('../images/app-tools/portfolio-image.webp') center/cover no-repeat
}

.white-badge-shadow,
.white-box-r16 {
    background: #fff;
    box-shadow: 0 4px 12px rgba(166, 166, 166, .22)
}

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

.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)
}

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

.our-team-image-wrap .client-image::before,
.our-team-wrap .slick-arrow {
    z-index: 1;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

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

.portfolio-content-image img {
    aspect-ratio: 1/1
}

.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
    }
}

.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: .9
}

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

.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,
.professional-voiceover-right-image .col-inner {
    height: 100%
}

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

.our-team-sec .our-team-wrap .our-team-members>img {
    height: 100%
}

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

.our-team-image-wrap .client-image>img {
    aspect-ratio: 1/1;
    height: 100%
}

.our-team-image-wrap .team-linkedin-profile {
    position: absolute;
    right: 16px;
    top: 16px;
    transition: .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-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;
    transform: translateX(-50%);
    bottom: 0
}

.our-team-wrap .slick-arrow {
    position: absolute;
    bottom: calc(100% + 24px);
    width: 40px;
    top: auto;
    display: flex;
    height: 40px
}

.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
}

@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) {

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

    .portfolio-hero-list .portfolio-content-items {
        padding: 15px;
        grid-gap: 20px;
        grid-template-columns: 1fr;
        align-items: flex-start;
        align-content: flex-start
    }

    .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) {
    .services-logo-list.justify-between {
        justify-content: center
    }

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

    .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
    }

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

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

    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 18px
    }

    .andovar-elearning-wrap .andovar-elearning-content {
        width: 100%
    }

    .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) {
    .automation-wrap .automation-banner-desc {
        --text-22: 18px
    }

    .smart-transtion-wrap .smart-transtion-image {
        margin-top: 20px
    }

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

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

    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 14px
    }

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

    .ai-portfolio-bg-image .portfolio-col-inner {
        padding: 40px
    }

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

    .portfolio-hero-list .portfolio-content-items {
        width: 100%
    }

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

    .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) {
    .automation-wrap .automation-banner-desc {
        --text-22: 16px
    }

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

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

    .ai-powered-items .ai-powered-sub-heading {
        padding-block: 10px
    }

    .portfolio-hero-list .portfolio-content-items {
        overflow: hidden
    }

    .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)
    }
}

.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-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: .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
}

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

.eLearning-workflow-sec .row>*,
.supported-applications-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
    }

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

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

.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
    }
}

.white-box-r16 {
    border-radius: 16px;
    padding: 18px
}

.white-badge-shadow {
    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
}

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

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

.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 0 0 0 2px #fff;
    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
}

.app-tool-right-image .col-inner,
.app-tool-right-image img,
.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,
.px-0 {
    padding-inline: 0
}

.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-bg-image {
    background: url(../images/app-tools/ai-voiceover-1.webp) center/cover no-repeat
}

.hyper-ai-comman-sec .hyper-ai-comman-heading,
.top-quality-sec .col-inner h2 {
    line-height: 1.41
}

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

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

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

@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
    }

    .contact-logo-sec .contact-logo-list .contact-logo-items {
        grid-gap: 40px 30px
    }

    .top-quality-sec .col-inner p {
        font-size: 15px
    }
}

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

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

    .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-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
    }
}

#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: .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: 1.25s linear infinite rotateAnimation
}

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

    to {
        transform: rotate(360deg)
    }
}