.top-content-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    width: 100%;
}

.max-width-medium {
    width: 100%;
    max-width: 34rem;
}

.max-width-small {
    width: 100%;
    max-width: 20rem;
}

.container-large {
    width: 100%;
    max-width: 84rem;
    margin-left: auto;
    margin-right: auto;
}

.padding-section-large {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

#w-node-_71e933f7-17f5-543f-3aa3-31f9a2fe1907-781d04dc {
    place-self: start end;
}

.max-width-small {
    width: 100%;
    max-width: 20rem;
}

.testimonial-component-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.testimonial-content-wrap {
    /* border: 1px dashed #fcfcfc; */
    background-color: #4c077b;
    border-radius: 1.25rem;
    padding: 3rem 2.5rem;
}

.quote-icon {
    opacity: 0.1;
    width: 4rem;
    margin-bottom: 10px;
}

.testimonial-picture._01 {
    background-image: url(../img/services/cards-bg/Logo_and_brand_identity.jpg);
}

.testimonial-picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1005px;
    width: 10rem;
    height: 10rem;
}

.spacer-medium {
    width: 100%;
    padding-top: 2rem;
}

.testimonial-inner-grid {
    /* grid-column-gap: 4rem; */
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    width: 100%;
}

.horizontal-line {
    border: 1px dashed #fcfcfc;
    width: 100%;
    height: 1px;
}

.text-size-regular {
    color: #fff;
    text-transform: capitalize;
    font-size: 1rem;
    font-weight: 400;
}

.text-size-tiny {
    color: #10141f;
    font-size: 0.75rem;
}

.testimonial-picture._02 {
    background-image: url(../img/services/cards-bg/Graphic_design.jpg);
}

.testimonial-picture._03 {
    background-image: url(../img/services/cards-bg/Explainer_videos.jpg);
}

@media screen and (max-width: 991px) {
    .testimonial-content-wrap {
        position: sticky;
        top: 2rem;
    }

    .testimonial-component-grid {
        grid-template-columns: 1fr;
    }

    .spacer-xlarge {
        padding-top: 3rem;
    }

    .top-content-grid {
        grid-template-columns: 1fr;
    }
}

.section-home-service-03 {
    background-color: #1a60fc;
    border-radius: 1.5rem;
}

.card-scrolling-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}

.card-container-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    display: flex;
}

.service-content-box {
    border: 1px solid #b95fd0;
    background-color: #fff;
    border-radius: 1.25rem;
    padding: 2.5rem;
}

.dot {
    background-color: #fff;
    border-radius: 100px;
    width: 10px;
    height: 10px;
    margin-bottom: 2rem;
}

.heading-style-h6 {
    font-family: Thunder, sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 0.9;
}

.center-button {
    justify-content: center;
    align-items: center;
    display: flex;
}

.main-button {
    border-radius: 10px;
    justify-content: center;
    align-items: center;
    width: 14.375rem;
    height: 4.375rem;
    display: flex;
    position: relative;
    overflow: hidden;
}

.arrow {
    z-index: 1;
    width: 15%;
    margin-right: 1.5rem;
    position: relative;
}

.arrow.is-secondary {
    filter: invert();
}

.spacer-xlarge {
    width: 100%;
    padding-top: 4rem;
}

.bg-button.is-secondary {
    background-color: #b95fd0;
}

.service-content-box {
    transition: height 0.3s ease, opacity 0.3s ease;
    height: auto;
    /* Or specify a fixed height if needed */
}

.shrink {
    height: 0;
    /* Change this to your desired reduced height */
    opacity: 0;
    /* Optional: fade out effect */
    overflow: hidden;
    /* Hide content when shrunk */
}

/* branding */

.banner {
    width: 100%;
    height: 100vh;
    text-align: center;
    overflow: hidden;
    position: relative;
}

.banner .slider {
    position: absolute;
    width: 200px;
    height: 250px;
    top: 10%;
    left: calc(50% - 100px);
    transform-style: preserve-3d;
    transform: perspective(1000px);
    animation: autoRun 20s linear infinite;
    z-index: 2;
}

@keyframes autoRun {
    from {
        transform: perspective(1000px) rotateX(-16deg) rotateY(0deg);
    }

    to {
        transform: perspective(1000px) rotateX(-16deg) rotateY(360deg);
    }
}

.banner .slider .item {
    position: absolute;
    background-color: #2e2e2e41;
    width: 200px;
    height: 250px;
    inset: 0 0 0 0;
    transform: rotateY(
            calc((var(--position) - 1) * (360 / var(--quantity)) * 1deg)
        )
        translateZ(550px);
}

.mb-15px {
    margin-bottom: 15px;
}

.__servcss .about-two-text {
    color: #000;
}

/* branding */

/* aiml faq */

.padding-global {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.container-large {
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
}

.padding-section-medium {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.faq-top-content-wrapper {
    text-align: center;
    max-width: 42.375rem;
    margin-left: auto;
    margin-right: auto;
}

.faq-list {
    border: 1px solid #b95fd0;
    border-radius: 0.75rem;
    /* max-width: 47.875rem; */
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    width: 100%;
}

.faq-accordion {
    border-bottom: 1px solid #b95fd0;
    cursor: pointer;
    padding: 1.5rem;
}

.faq-question-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.heading-style-h6 {
    color: #fcfcfc;
    -webkit-text-fill-color: inherit;
    background-image: none;
    background-clip: border-box;
    text-decoration: none;
}

.faq-answer-wrapper {
    overflow: hidden;
}

.margin-bottom.margin-top {
    margin-top: 0.75rem;
}

.margin-bottom {
    margin: 0;
}

.text-size-regular {
    font-family: var(--font--global-font);
    color: #b4b8c2;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5rem;
}

.section-faq {
    background-color: #fffbf6 !important;
}

.faq-answer-wrapper {
    transition: height 0.3s ease;
    overflow: hidden;
}

.faq-icon {
    display: inline-block;
    margin-left: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #b95fd0;
    /* Adjust size as needed */
}

/*  */

.slider {
    width: 100%;
    height: fit-content;
    overflow: hidden;
}

.logos {
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: slide 25s linear infinite;
}

.logos img {
    width: 150px;
    margin: 0 25px;
}

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

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

/*  */

.section-home-header-03 {
    background-color: var(--yellow);
    border-bottom-right-radius: 1.5rem;
    border-bottom-left-radius: 1.5rem;
    padding-bottom: 2rem;
}

.header-component-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto auto auto auto auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    width: 100%;
    height: 100vh;
}

.w-layout-grid {
    display: grid;
}

#w-node-cccb5600-7a19-4f2e-f543-8ff426becee2-781d04dc {
    grid-area: 2 / 1 / 8 / 5;
    place-self: center start;
}

.header-content-wrapper {
    max-width: 40rem;
}

.header-title-03 {
    font-size: 7.5rem;
}

#w-node-_5350f590-24a8-acb8-5aca-9d1aa494a653-781d04dc {
    grid-area: 2 / 4 / 8 / 9;
    place-self: end;
}

.header-image-block {
    justify-content: flex-end;
    width: 100%;
    height: 85vh;
    display: flex;
}

.header-image-container {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    border: 1px dashed #ffff;
    border-radius: 1.25rem;
    justify-content: flex-end;
    align-items: flex-start;
    height: 100%;
    display: flex;
    overflow: hidden;
}

.header-row-item {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /* flex-flow: column; */
    flex: none;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: grid;
}

.left-row-image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /* flex-flow: column; */
    /* flex: none; */
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: flex-start;
    display: grid;
}

@media screen and (min-width: 1440px) {
    .header-image-item {
        width: 18rem;
        min-width: 18rem;
        height: 18rem;
        min-height: 18rem;
    }
}

.header-image {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.right-row-image {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    /* flex-flow: column; */
    /* flex: none; */
    justify-content: flex-start;
    align-items: flex-end;
    display: flex;
}

.service-content-box {
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 40%;
}

@keyframes appear {
    from {
        /* opacity: 0; */
        scale: 0.5;
        /* transform: translateX(-100px); */
    }

    to {
        /* opacity: 1; */
        scale: 1;
        /* transform: translateX(0px); */
    }
}

.text-center {
    text-align: center;
    color: #fff;
}

.color-wht {
    color: #fff;
    font-size: 45px;
    padding-bottom: 60px;
}

/*  */

.content {
    flex: 1;
    /* Left side takes up available space */
    padding: 20px;
    /* Add some padding */
}

.marquee-container {
    height: 300px;
    /* Set a height for the marquee */
    overflow: hidden;
    /* Hide overflow */
    width: 300px;
    /* Set a width for the marquee */
    position: relative;
    /* For positioning the marquee */
}

.marquee {
    display: inline-block;
    animation: marquee-vertical 10s linear infinite;
}

.row {
    display: flex;
    /* Use flexbox for rows */
    justify-content: space-between;
    /* Space images evenly */
    margin: 10px 0;
    /* Margin for spacing between rows */
}

.header-image-item {
    flex: 0 0 48%;
    /* Each item takes about half the row */
}

@keyframes marquee-vertical {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(-100%);
    }
}

/* Optional: Style for images */
.header-image {
    max-width: 100%;
    /* Responsive images */
    height: auto;
    /* Maintain aspect ratio */
}

/* 
display: flex;
flex-direction: column;
justify-content: center;
overflow-y: visible;
} */

.credit {
    text-align: center;
    z-index: 999;
    font-size: 0.8rem;
    position: fixed;
    bottom: 1rem;
    right: 1rem;
    writing-mode: vertical-rl;
    text-orientation: mixed;
}

.credit a {
    color: #fff;
}

* {
    box-sizing: border-box;
}

/* h1 {
    font-weight: 800;
    margin: 2rem auto;
    font-size: clamp(3vw, 2rem, 4rem);
    text-align: center;
    z-index: 999;
    max-width: 800px;
    mix-blend-mode: difference;
    pointer-events: none;
    color: white;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: grid;
    place-items: center;
} */

.gallery {
    z-index: -1;
    /* display: flex;
    flex-direction: row;
    justify-content: center; */
    width: 100%;
    height: 100%;
    /* position: fixed; */
    /* top: 0; */
    /* left: 50%; */
    position: relative;
    overflow: hidden;
    height: 500px;
    /* transform: translateX(-50%); */
    /* overflow: hidden; */
}

@media (max-width: 768px) {
    .gallery {
        width: 160%;
    }
}

@media (max-width: 767px) {
    .fs-mb-12vw {
        font-size: 12vw;
    }
    .fs-30px {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .heading-style-h2 {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .counter-mains {
        gap: 30px !important;
    }
    .counter-content-mains {
        text-align: center;
    }
    .button-container {
        width: 186px !important;
        height: 60px !important;
        border-radius: 8px !important;
    }
    .main-button {
        border-radius: 10px;
        width: 11.625rem;
        height: 3.75rem;
    }
    .grid-hero-mobile {
        grid-template-columns: 1fr !important;
    }
    .text-sm-center {
        text-align: center;
    }

    .button-mobile-st {
        justify-content: center;
    }

    .itm-1 {
        order: -1 !important;
    }

    .w-90 {
        width: 90% !important;
    }

    .fs-50px {
        font-size: 50px !important;
    }

    .srvc-dcr {
        transform: rotate(358deg);
    }

    .c-i-w {
        grid-template-columns: 1fr !important;
    }

    .pos-initial-mbl {
        position: initial !important;
    }

    .w-mbl-grid {
        grid-template-columns: 1fr !important;
    }

    .test-mbl-grd {
        grid-template-columns: 1fr !important;
    }

    .test-img-cntr {
        display: flex;
        justify-content: center;
        margin: 0 auto;
    }

    .testimonial-content-wrapper {
        padding: 3rem 1.5rem !important;
    }

    .pb-sm-50px {
        padding-bottom: 50px !important;
    }

    .slider-banner-nn {
        display: none;
    }

    .banner-mbl-section {
        padding: 80px 0 !important;
    }

    .cntnt-mb {
        margin-bottom: 0px !important;
    }
}

@media (min-width: 1200px) {
    .fs-100px {
        font-size: 100px;
    }

    .cta-slide-wrap {
        grid-row-gap: 90px;
    }

    .pb-80 {
        padding-bottom: 80px !important;
    }

    .mx-80p {
        max-width: 80%;
    }
}

.fs-100px {
    font-weight: 600 !important;
}

@media (max-width: 600px) {
    .slider-banner {
        max-width: 100%;
        /* Full width on smaller screens */
        padding-top: 5%;
        /* Less padding for smaller screens */
        transform: perspective(600px) rotateY(0deg);
        /* Adjust perspective if needed */
    }
}

.text--cntrs {
    text-align: center;
}

.main-parent {
    display: flex;
    align-items: center;
}

.col {
    display: flex;
    flex: 1;
    flex-direction: column;
    /* width: 100%; */
    align-self: flex-start;
    justify-self: flex-start;
}

.col:nth-child(2) {
    align-self: flex-end;
    justify-self: flex-end;
}

.image {
    width: 100%;
    padding: 1rem;
}

/* img {
    transition: 0.3s ease-out;
    overflow: hidden;
    box-shadow: 0 2.8px 2.2px rgba(0, 0, 0, 0.034), 0 6.7px 5.3px rgba(0, 0, 0, 0.048), 0 12.5px 10px rgba(0, 0, 0, 0.06), 0 22.3px 17.9px rgba(0, 0, 0, 0.072), 0 41.8px 33.4px rgba(0, 0, 0, 0.086), 0 100px 80px rgba(0, 0, 0, 0.12);
    width: 100%;
} */
.width-50 {
    width: 50%;
}

.padng {
    padding-top: 100px;
    padding-bottom: 100px;
}

.sliders {
    display: flex;
    flex-direction: row;
    transition: transform 0.5s ease-in-out;
}

.col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.header-image-item {
    min-height: 250px;
    /* Adjust according to your image size */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* brandinf*/

.testimonial-content-wrapper {
    border: 1px solid #4c077b;
    background-color: #4c077b;
    border-radius: 1.25rem;
    padding: 3rem 2.5rem;
}

.testimonial-inner-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    width: 100%;
}

.testimonial-text-wrap {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    display: flex;
}

.testimonial-text {
    color: #10141f;
    margin-bottom: 0;
    font-style: italic;
}

.despoiments-container {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
}

.depoiments-title-block {
    position: sticky;
    top: 2rem;
}

.depoiments-component-grid {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    grid-template-rows: auto;
    place-items: start;
    width: 100%;
}

.testimonial-inner-grid {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr auto;
    width: 100%;
}

.testimonial-picture {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1005px;
    width: 10rem;
    height: 10rem;
}

#w-node-ca357da3-e6c3-1487-cdd5-baeb3f458ae1-527877c0,
#w-node-c16293dc-f382-5a73-5581-a4edefcfd0c2-527877c0,
#w-node-_42dbb48b-1990-cf74-8c77-1c1d73b28d89-527877c0,
#w-node-_323cb81d-a854-6fc8-48c2-7b3b2e1f20c1-527877c0 {
    place-self: end;
}

.testimonial-picture._04 {
    background-image: url(../img/services/cards-bg/Infographic_design.jpg);
}

._3d-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
}

.w-layout-grids {
    grid-row-gap: 16px;
    grid-column-gap: 16px;
    display: grid;
    grid-auto-columns: 1fr;
}

.branding-ss {
    grid-area: 1/1/2/4;
    place-self: center;
}

@media screen and (min-width: 1280px) {
    ._3d-wrapper {
        transform: scale(1.05);
    }
}

._3d-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 2000px;
}

._3d-block {
    transform-style: preserve-3d;
    width: 100%;
    height: 100%;
    position: absolute;
    transform: translate(0);
}

._3d-image-item {
    background-color: #bebebe;
    border-radius: 1.25rem;
    justify-content: center;
    align-items: center;
    width: 20rem;
    height: 22rem;
    display: flex;
    position: absolute;
    overflow: hidden;
}

._3d-image-item._9 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(320deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._8 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(280deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._3 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(80deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._2 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(40deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._7 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(240deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._6 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(200deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._5 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(160deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._4 {
    transform-style: preserve-3d;
    transform: rotateX(0) rotateY(120deg) rotateZ(0) translate3d(0, 0, 30rem);
}

._3d-image-item._1 {
    transform-style: preserve-3d;
    transform: translate3d(0, 0, 30rem);
}

._c-large {
    width: 100%;
    max-width: 84rem;
    margin-left: auto;
    margin-right: auto;
}

.gd-r-gp {
    grid-row-gap: 60px !important;
}

.g-c-gp {
    grid-row-gap: 20px !important;
}

.font-size16px {
    font-size: 16px;
    font-family: Geist, sans-serif;
}

.counter-mains h6 {
    font-size: 24px !important;
}

.counter-number {
    font-size: 44px !important;
}

.color-ta {
    color: #fff !important;
}

.slider-banner {
    position: relative;
    max-width: 210px;
    height: 210px;
    transform: perspective(800px) rotateY(0deg);
    transform-style: preserve-3d;
    animation: animate 30s linear infinite;
    width: 100%;
    margin: 0 auto;
    padding-top: 100px;
}

.content-div {
    margin-bottom: 100px;
}

@keyframes animate {
    0% {
        transform: perspective(1000px) rotateY(0deg);
    }

    100% {
        transform: perspective(1000px) rotateY(-360deg);
    }
}

.slider-banner span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-origin: center;
    transform-style: preserve-3d;
    transform: rotateY(calc(var(--i) * 45deg)) translateZ(380px);
}

.slider-banner span img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
    cursor: pointer;
    transition: 0.6s ease;
}

.slider-banner span img:hover {
    transform: translateY(-10px) scale(1.1);
}

.banner-section {
    background-color: #fffbf6;
    padding: 150px 0;
}

.braiding-- {
    padding-top: 80px;
}

.txt-cnt {
    display: flex;
    justify-content: center;
    padding-top: 15px;
}

/* digital marketting */

.section-service-home-02 {
    background-color: #1a60fc;
    border-radius: 1.5rem;
}

.card-container {
    justify-content: center;
    align-items: flex-start;
    min-height: 100svh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: relative;
}

.middle-content-wrapper {
    max-width: 28rem;
    height: 100%;
    position: absolute;
}

.middle-content-sticky {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: sticky !important;
    top: 0;
}

.card-scrolling-grid {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr !important;
    width: 100%;
}

/* .min-cntnt {
    grid-area: 1 / 1 / 2 / 2 !important;
    place-self: start;
} */
.card-side-content {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
}

.card-content-block {
    background-color: #fac831;
    border-radius: 1.25rem;
    /* flex-flow: column;
    justify-content: center;
    align-items: flex-start; */
    height: 100%;
    padding: 2.5rem;
}

/* d m */

.card-content-block {
    animation: appear linear;
    animation-timeline: view();
    animation-range: entry 0% cover 60%;
}

@keyframes appear {
    from {
        /* opacity: 0; */
        scale: 0.5;
    }

    to {
        /* opacity: 1; */
        scale: 1;
    }
}

.container-large1 {
    width: 100%;
    max-width: 84rem;
    margin-left: auto;
    margin-right: auto;
}

.w-layout-gridss {
    display: grid;
    grid-auto-columns: 1fr;
}

#w-node-_9b421500-cf8d-0f1c-3772-74a9a3884c2c-e5d64bcd {
    grid-area: 1 / 3 / 2 / 4;
    place-self: start end;
}

#w-node-_84234e91-12c2-7e63-1373-960d9b532016-e5d64bcd {
    grid-area: 1 / 1 / 2 / 2;
    place-self: start;
}

.h-m {
    color: #ffff;
    text-align: center;
}

@media screen and (max-width: 991px) {
    #w-node-_84234e91-12c2-7e63-1373-960d9b532016-e5d64bcd,
    #w-node-_9b421500-cf8d-0f1c-3772-74a9a3884c2c-e5d64bcd {
        grid-area: span 1 / span 1 / span 1 / span 1;
    }

    .card-side-content {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
    }

    .card-content-block {
        width: 100% !important;
    }

    .card-scrolling-grid {
        grid-column-gap: 2.5rem;
        grid-row-gap: 2.5rem;
        grid-template-columns: 1fr !important;
    }

    .middle-content-wrapper {
        position: static;
    }

    .card-container {
        grid-column-gap: 4rem;
        grid-row-gap: 4rem;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
    }
}

.text-al-cntr {
    text-align: center;
}

.testimonial-section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.left-content .img-m img {
    width: 100%;
}

.left-content {
    display: flex;
    gap: 10px;
    align-items: center;
}

.digital-marketing-slider {
    overflow: hidden;
}

.left-content p {
    color: black;
}

.left-content li {
    color: black;
}

.text-cntr {
    text-align: center;
}

.icon--changes {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 7px 9px 5px 10px;
}

.mb-footer-50px {
    margin-bottom: 50px;
}

/* error message */

#name-error {
    color: red;
}

#email-error {
    color: red;
}

#Phone-error {
    color: red;
}

#field-error {
    color: red;
}

.blog-first p {
    margin-bottom: 10px;
}

.logo-smple {
    width: 122px;
    height: 50px;
}

.nav-menus {
    position: sticky;
    top: 0;
    z-index: 1000;
    /* Ensure it stays on top */
    /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
    /* Optional for a shadow effect */
    transition: background-color 0.3s;
    /* Optional for smooth transitions */
}

.nav-menus.sticky {
    background-color: #f8f8f8;
    /* Change color when sticky */
    transition: background-color 0.3s;
    /* Smooth transition */
}

.sticky-active {
    /* background-color: #f8f8f8; */
    /* Change to desired color */
}

.color-ffc {
    color: #fff;
    font-size: 70px;
}

.mb-25px {
    margin-bottom: 25px;
}

.fs-24px {
    font-size: 24px !important;
}

.section-fs h4 {
    font-size: 24px !important;
}

.align_cntr {
    text-align: center;
}

.pt-0 {
    padding-top: 0px !important;
}

.mb-50pxs {
    margin-bottom: 50px !important;
}

.font-size70px {
    font-size: 70px;
}

.alt-cntr {
    align-items: center;
}

.sb-cntr {
    text-align: center;
    font-family: Geist, sans-serif;
}

.lh-28px {
    line-height: 28px;
}

.pb-100pxs {
    padding-bottom: 100px;
}

.colors-fff {
    color: #fff;
}

.logo-smple-ftr {
    width: 250px;
}

.fs-16px {
    font-size: 16px;
}

.fs-70px {
    font-size: 64px;
}

.g-row-gap {
    grid-row-gap: 30px !important;
}

.vl-fs h3 {
    font-size: 24px;
}

.vl-fs p {
    font-size: 16px;
}

.mx-30 {
    max-width: 30rem !important;
}

.banner-section {
    margin-top: 30px;
}

.mb-10px {
    margin-bottom: 10px;
}

.grid-r-gp {
    grid-row-gap: 20px !important;
}

.cnt-clr {
    color: #fff;
}

.m-w-40 {
    max-width: 40rem !important;
}

.blog-one p {
    margin-bottom: 5px !important;
}

.blog-one ol {
    margin-bottom: 5px !important;
}

.address-main {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 10px;
}

.email-dtls {
    text-align: center;
}

.lctn-dtls {
    text-align: center;
}

.phone-dtls {
    text-align: center;
}

.dropdown-toggle {
    color: #000;
    /* Default color */
    transition: color 0.3s ease;
    /* Smooth transition */
}

.dropdown-toggle.active {
    color: #007bff;
    /* Active color */
    /* Add any other styles you want for active state */
}

.top_active {
    background-color: #b95fd0;
    color: #fff;
    border: 1px solid #4c077b;
}

.top_active_one {
    background-color: var(--color--black);
    color: var(--color--primary-1);
}

.f-famly {
    font-family: Geist, sans-serif;
}

.text-black {
    font-family: Thunder, sans-serif !important;
}

.heading-style-h2 {
    color: var(--black);
    margin-bottom: 0;
    font-family: Thunder, sans-serif;
    font-size: 8rem;
    font-weight: 600;
    line-height: 0.9;
}

.content-name h6 {
    text-transform: capitalize !important;
}

.pl-slf {
    place-items: center;
}

.fs-ss {
    font-size: 100px !important;
}

.faq-tg {
    color: #fff !important;
}

.font-fmly {
    font-family: Thunder, sans-serif !important;
}

.bst-clr {
    color: #fff !important;
}

.fnt-wgt {
    font-weight: 600;
}

.dm--clrs {
    color: #fff !important;
    margin-bottom: 15px;
}

.clr-dm-blck {
    color: black;
}

.ux-ui-fs {
    font-size: 100px !important;
    line-height: 100px !important;
}

.ui-ux-tg {
    color: #fff !important;
}

.colr-blk {
    color: black;
}

.mx--wd {
    max-width: 45.375rem !important;
}

.blg-one-fs {
    font-size: 100px !important;
    font-weight: 600;
    font-family: Thunder, sans-serif !important;
}

.email-dtls {
    border: 1px solid black;
    border-radius: 10px;
}

.lctn-dtls {
    border: 1px solid black;
    border-radius: 10px;
}

.phone-dtls {
    border: 1px solid black;
    border-radius: 10px;
}

.footr h4 {
    font-size: 30px !important;
}

@media screen and (max-width: 479px) {
    .spiral-content-block {
        border-radius: 0.875rem !important;
    }
    .cta-content {
        max-width: 14rem !important;
    }

    .spiral-box {
        width: 12.5rem !important;
        height: 14rem !important;
    }
}

@media screen and (max-width: 767px) {
    .spiral-item {
        width: 10rem !important;
        height: 10rem !important;
    }
    .service-title {
        margin-bottom: 1rem;
        font-size: 1.25rem;
    }
    .spiral-box {
        transform: translate3d(-1.5rem, 0, 14rem);
    }
    .fs-10px {
        font-size: 10px !important;
        line-height: 16px !important;
    }

    .spiral-wrapper {
        justify-content: center !important;
        align-items: flex-start !important;
        height: 85vh !important;
        margin-top: 4rem !important;
    }

    .card-content-block {
        border-radius: 1rem !important;
        padding: 1.25rem !important;
    }
}

/* bg images styles start here */
.home-banner-bg-image {
    background-image: url(../img/home-banner/home-banner-bg.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.home-page-service-section {
    background-image: url(../img/home-page/Bg_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.bg-purple {
    background-color: #4c077b;
}
.testimonial-picture.ui-ux-bg-01 {
    background-image: url(../img/services/Usr_focused.jpg);
}
.testimonial-picture.ui-ux-bg-02 {
    background-image: url(../img/services/Innovative_designs.jpg);
}
.testimonial-picture.ui-ux-bg-03 {
    background-image: url(../img/services/Seamless_experience.jpg);
}
.common-bg {
    background-image: url(../img/home-page/Bg_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.common-banner {
    background-image: url(../img/home-page/Bg_01.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.footer-bg {
    background-image: url(../img/home-page/Bg_01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.contact-icon {
    width: 30px;
    height: 30px;
}
.white-text {
    color: #fff;
}
.ai-page-dot .about-decorative {
    background-color: #fff;
}
.contact-us-button button {
    background-color: #b95fd0;
    color: #fff;
}
.counter-number {
    color: #000;
}
.home-page-custom-section .card-content-block p {
    color: #000;
}
.mt-20 {
    margin-top: 20px;
}
.footr h5 {
    font-size: 22px;
    font-weight: 500;
}
.fs-24 {
    font-size: 24px;
}
.text-black {
    color: #000;
}
.about-us-last-section ul li {
    color: #000;
}
.web-app-development-01 p {
    color: #000;
}
.section-faq .faq-tg,
.section-faq .heading-style-h6,
.section-faq .text-size-regular {
    color: #000 !important;
}
.faq-list .faq-accordion:last-child {
    border: 0;
}
.pb-50 {
    padding-bottom: 50px;
}
.fw-600 {
    font-weight: 600;
}
.contents-testim h6 {
    font-weight: 600;
}
.swiper-pagination-bullet-active {
    background: #b95fd0;
}
.ui-ux-card .testimonial-content-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    text-align: center;
}
.ui-ux-card .testimonial-inner-grid {
    grid-template-columns: 1fr;
}
.pb-0 {
    padding-bottom: 0;
}
.contact-us-button .button-primary:hover {
    border-color: #000;
    color: #000;
}
.address-main > div {
    padding: 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    flex-direction: column;
}
.address-main > div a {
    text-decoration: none;
}
.address-main > div a:hover {
    color: #b95fd0;
    text-decoration: none;
}
.sweet-alert button:hover {
    background-color: #fff !important;
    border: 1px solid #000;
    color: #000;
}
.card-hover:hover .name {
    opacity: 1;
    z-index: 999;
    height: 100%;
}
.name {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background: black;
    */background: linear-gradient(to bottom, #4c077b54, #b95fd0de);
    color: #fff;
    font-weight: 900;
    font-size: 15px;
    line-height: 15px;
    padding: 5px 10px;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease;
    height: 0%;
    width: 100%;
    text-align: center;
    transition: 0.5s linear;
    -webkit-transition: 0.5s linear;
    -moz-transition: 0.5s linear;
    -ms-transition: 0.5s linear;
    -o-transition: 0.5s linear;
}
.web-display-none {
    display: none;
}
.branding-banner-section .md-img-vissible{
    display: none;
}
.padding-top-bottom-50{
    padding: 50px 0;
}
@media (min-width: 991px) {
    .cta-image-01 {
        z-index: 10;
        object-fit: cover;
        border-radius: 1rem;
        width: 15rem;
        position: relative;
        bottom: -3vw;
        right: -3vw;
    }
    .cta-image-02 {
        z-index: 10;
        border-radius: 1rem;
        width: 15rem;
        position: relative;
        bottom: -3vw;
        left: -3vw;
    }
    .cta-image-03 {
        z-index: 10;
        border-radius: 1rem;
        width: 15rem;
        position: relative;
        top: -3vw;
        right: -3vw;
    }
    .cta-image-04 {
        z-index: 10;
        border-radius: 1rem;
        width: 15rem;
        position: relative;
        top: -3vw;
        left: -3vw;
    }
    /* .career-description-wrap{
        align-items: center;
    } */
    .grid-2fr-1fr {
        grid-template-columns: 2fr 1fr;
    }
}
@media (max-width: 991px) {
    .cta-image-01,
    .cta-image-02,
    .cta-image-03,
    .cta-image-04 {
        border-radius: 0.75rem;
        width: 20vw;
    }
    .nav-link.w--current,
    .nav-link:hover {
        border: 0 !important;
        color: #b95fd0 !important;
        background: unset !important;
    }
    .top_active {
        background: unset !important;
        color: #b95fd0 !important;
        border: 0 !important;
    }
    /* .nav-menu{
        border: 1px solid #b95fd0;
    } */
    .mobile-display-none {
        display: none;
    }
    .mobile-active {
        display: block;
    }
}
@media (max-width: 767px) {
    .home-banner-bg-image {
        background-size: cover;
    }
    .address-main {
        grid-template-columns: 1fr;
        grid-gap: 20px;
    }
    .pl-slf.footer-mobile-menu {
        place-items: baseline;
    }
    .ob-contain{
        object-fit: contain;
    }
    .fs-50px {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .fs-ss, .ux-ui-fs, .fs-70px, .blg-one-fs, .blog-rich-text h5, .blog-detail-title {
        font-size: 30px !important;
        line-height: 37px !important;
    }
    .main-parent{
        flex-direction: column;
    }
    .width-50{
        width: 100%;
    }
    .name{
        display: none;
    }
    .middle-content-sticky{
        min-height: auto;
    }
    .padding-section-large{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .md-ds-none{
        display: none;
    }
    .project-left-arrow{
        inset: auto 60px -55px 0%;
    }
    .project-right-arrow {
        inset: auto -61px -55px 0%;
    }
    .ai-page-dot .d-flex{
        display: flex;
        flex-direction: column-reverse;
    }
    .branding-banner-section .md-img-vissible{
        display: block;
    }
    .branding-banner-section .md-img-invissible{
        display: none;
    }
}

/* bg images styles end here */