:root {
    --tiprimary: #a855f7;
}
.subscribe-wrapper {
    background: #1a0043;
    padding: 44px 60px;
    border-radius: 16px;
    margin-top: 90px;
}
.subscribe-wrapper .contents .title {
    color: #fff;
    margin-bottom: 12px;
}
.subscribe-wrapper .contents .paragraph {
    font-size: 20px;
    line-height: 20px;
    color: #fff;
}
.creater__subscribe-form {
    display: flex;
    justify-content: flex-end;
}
.subscribe-wrapper .subs-main-area .do-subs {
    /* width: 511px;
    height: 72px;
    border-radius: 1000px;
    overflow: hidden;
    background: #fff;
    position: relative; */
    display: flex;
    align-items: center;
    gap: 16px;
}
.subscribe-wrapper .subs-main-area .do-subs .subscriber-input {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 426px;
    padding: 13px 24px;
    background: rgba(202, 202, 202, 0.08);
    border: 1px solid #ffffff29;
    border-radius: 8px;
    flex: 1 1 0%;
}
.do-subs .subscriber-input input {
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    line-height: 26px;
}

.do-subs .subscriber-input input::placeholder {
    color: #fff;
}
.subscribe-wrapper .subs-main-area .do-subs .subs-btn-submit {
    padding: 20px 24px;
    background: #fff;
    color: #111827;
    border-radius: 8px;
}
.footer-about-widget__title {
    margin-top: 20px;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.inflanar-social {
    justify-content: start;
    gap: 24px;
    /* margin-top: 47px; */
}
.footer-social-headline {
    color: #fff;
    margin-top: 35px;
    margin-bottom: 18px;
    font-size: 18px;
    font-weight: 500;
}
.widget-title {
    font-size: 24px;
    font-weight: 500;
}
.footer__list {
    display: block;
}
.footer__list li {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
}
.footer__list.footer__list-contact li a {
    display: flex;
    gap: 20px;
    align-items: center;
    width: 100%;
}
.footer-area a:hover {
    color: var(--tiprimary) !important;
}

.instagram-grids .grid-img {
    /*width: 100%;*/
    height: 80px;
    position: relative;
    overflow: hidden;
}
.instagram-grids .grid-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
    overflow: hidden;
}
.instagram-grids.row > * {
    padding: 0px 5px;
}
.instagram-grids .grid-img .img-hover {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    top: -100%;
    border-radius: 8px;
    background: linear-gradient(135deg, #b416a18a 0%, #fb961fcc 100%);
    transition: all 0.1s ease-in-out;
}
.instagram-grids .grid-img:hover .img-hover {
    top: 0;
}
.footer-area {
    background-position: unset;
}
.copyright__section {
    border-top: 1px solid #333333;
    padding: 15px 0;
}

.copyright-items {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    list-style: none;
}

.copyright-items li:not(:last-child)::after {
    content: "|";
    color: #fff;
    margin-left: 10px;
}

.empty-custom-grid {
    grid-column: 1 / -1;
    justify-self: center;
}

.inflanar-breadcrumb__inner {
    color: #fff !important;
}

.inflanar-breadcrumb__menu li {
    color: #374151 !important;
}

.select2-dropdown.select2-dropdown--below {
    min-width: 150px !important;
}

.inflanar-btn.v3-btn {
    background: #9333ea;
    color: #fff;
    border-radius: 9999px;
    text-transform: uppercase;
    padding: 14px 24px;
    border-bottom: 3px solid #111827;
    line-height: 24px;
}
.signup-btn {
    width: 52px;
    height: 52px;
    border-radius: 9999px;
    background: #ff006e;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 3px solid #111827;
    svg {
        width: 28px;
        height: 28px;
    }
}

.hero-p-wrapper {
    & .hero-detail {
        font-size: 20px;
        line-height: 32px;
        color: #fff;
        font-weight: 500;
        max-width: 480px;
    }
}

.inflanar-search-form__form input[name="search"]::placeholder {
    font-size: 31px;
    line-height: 31px;
    color: #969ba6;
}
.inflanar-search-form__form input[name="search"].innerpage-search::placeholder {
    font-size: 20px;
    line-height: 22px;
    color: #969ba6;
}
.inflanar-search-form__form input[name="search"] {
}
.inflanar-hero__img {
    display: flex;
    justify-content: end;
    position: relative;
}
.hero-img-wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    & .hero-img-ratio {
        width: 595px;
        aspect-ratio: 595 / 799;
        & img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
    }
}

.shape-flower-1 {
    position: absolute;
    top: -90px;
    left: -140px;
}
.shape-flower-2 {
    position: absolute;
    bottom: 46px;
    left: 400px;
}
.inflanar-section__title.v2-s_title {
    font-size: clamp(24px, 5vw, 84px) !important;
    line-height: clamp(32px, 6vw, 100px) !important;
    font-weight: 400;
    &.max-w-1000 {
        max-width: 1000px;
    }
}
.inflanar-section__title.v3-s_title {
    font-size: clamp(24px, 5vw, 84px) !important;
    line-height: clamp(32px, 6vw, 100px) !important;
    font-weight: 400;
    color: #ff006e;
    &.max-w-1000 {
        max-width: 1000px;
    }
}
.overflow-x-hidden {
    overflow-x: hidden;
}
.category-slider-first .swiper-wrapper,
.category-slider-second .swiper-wrapper {
    transition-timing-function: linear !important;
    transition-property: transform !important;
}
.inflanar-category__single:hover {
    transform: translateY(0px);
    box-shadow: none;
}
.inflanar-category__single {
    max-width: 100%;
    height: auto !important;
    width: 100%;
}
.inflanar-category__icon {
    min-width: 119px !important;
    max-width: 119px !important;
    width: 119px;
    height: 119px;
    & img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 9999px;
    }
}
.inflanar-category__title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 400;
}
.inflanar-category__label {
    font-size: 24px;
}
.featured-services-slider .inflanar-service {
    padding: 0px;
    box-shadow: none;
    border: 1px solid #f3f3f3;
}
.lastest-services-slider .inflanar-service {
    padding: 0px;
    box-shadow: none;
    border: 1px solid #f3f3f3;
}
.featured-services-container {
    width: calc(100% + 430px);
}

.marquee-animation-section {
    & .hero-inner-block-5 {
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 100vw;
        margin-bottom: 0;
        display: flex;
    }
    & .hero-marquee-block {
        border-top: 4px solid #ff006e;
        border-bottom: 4px solid #ff006e;
        background-color: #9333ea;
        color: #fff;
        white-space: nowrap;
        padding-top: 20px;
        padding-bottom: 20px;
        font-size: 120px;
        line-height: 1em;
        transform: rotate(-8deg);
        overflow: hidden;
    }

    & .hero-marquee-block._2nd {
        background-color: #ffec47;
        color: #121212;
        position: absolute;
        inset: auto;
        transform: rotate(8deg);
        overflow: hidden;
    }

    & .hero-marquee-text-block {
        display: inline-block;
        font-weight: bold;
        font-family: Arial, sans-serif;
        padding-right: 100px;
    }
}

.statistic-section-wrapper {
    background: #8338ec;
    /* Heading Style */
    & .heading-style {
        color: #121212;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 84px;
        font-weight: 400;
        line-height: 1.2em;
    }

    /* Statistics Section Styles */
    /* & .statistic-section {
        background-color: white;
        padding: 140px 60px;
    } */

    & .statistic-container {
        max-width: 1400px;
    }

    & .statistic-block {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        position: relative;
        & .shape-flower-2 {
            position: absolute;
            top: 100px;
            left: 0;
            width: 100px;
            height: 100px;
        }
    }

    & .statistic-inner-block {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        width: 100%;
        display: flex;
    }

    & .statistic-flex-block {
        grid-column-gap: 16px;
        grid-row-gap: 16px;
        flex-flow: column;
        justify-content: center;
        align-items: center;
        width: 33%;
        display: flex;
    }

    & .statistic-item {
        border-radius: 20px;
        justify-content: flex-start;
        align-items: flex-end;
        width: 100%;
        height: 370px;
        padding: 30px;
        display: flex;
        position: relative;
        overflow: hidden;
    }

    & .statistic-item.color-primary {
        background-color: #ff006e;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    & .statistic-item.color-secondary {
        background-color: #000000;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    & .statistic-item._2nd {
        height: 290px;
    }

    & .statistic-item._2nd.color-accent {
        background-color: #ffec47;
        flex-flow: column;
        justify-content: space-between;
        align-items: flex-start;
    }

    & .statistic-item-image {
        object-fit: cover;
        width: 100%;
        height: 100%;
        position: absolute;
        inset: 0% auto auto 0%;
    }

    & .statistic-link {
        border: 8px solid #8338ec;
        background-color: white;
        color: #8338ec;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        width: 80px;
        height: 80px;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
        display: flex;
        position: relative;
        &.video-play-btn {
            &:hover {
                background-color: #fff;
            }
        }
    }

    & .statistic-link:hover {
        background-color: #8338ec;
        color: white;
    }

    & .statistic-link._2nd {
        border-color: white;
        background-color: #8338ec;
        color: white;
    }

    & .statistic-link._2nd:hover {
        background-color: white;
        color: #8338ec;
    }

    & .statistic-link._3rd {
        border-color: #ff006e;
    }

    & .statistic-link._3rd:hover {
        background-color: #ff006e;
    }

    & .statistic-link-icon {
        width: 48px;
        height: 48px;
    }

    & .statistic-item-text-1 {
        color: white;
        font-size: 120px;
        line-height: 1em;
        position: relative;
    }

    & .statistic-item-text-1._2nd {
        color: #121212;
    }

    & .statistic-item-inner-block {
        justify-content: space-between;
        align-items: center;
        width: 100%;
        display: flex;
        position: relative;
    }

    & .statistic-item-text-2 {
        color: white;
        text-align: right;
        width: 238px;
        font-size: 24px;
        line-height: 1.3em;
        flex: 1 1 0%;
    }

    & .statistic-item-text-2._2nd {
        color: #121212;
    }

    & .statistic-item-icon {
        width: 171px;
        position: absolute;
        inset: auto -15% 31% auto;
    }

    & .statistic-item-icon._2nd {
        width: 114px;
        right: -9%;
    }

    & .statistic-item-icon._3rd {
        width: 168px;
        inset: -11% -10% auto auto;
    }
}
.working-process-section .sticky-title {
    position: sticky;
    top: 100px;
}
.working-process-card-wrapper {
    & .working-process-card {
        padding: 40px;
        border-radius: 20px;
        background-color: #8338ec;
        position: sticky;
        top: 100px;
        &:nth-child(2) {
            background-color: #ffec47;
            & .working-process-card-content {
                & .title {
                    color: #111827;
                }
                & .description {
                    color: #111827;
                }
            }
        }
        &:nth-child(3) {
            background-color: #ff006e;
        }
        & .working-process-card-content {
            & .step-icon {
                display: flex;
                justify-content: space-between;
                align-items: start;
                gap: 20px;
                margin-bottom: 77px;
                & .icon {
                    width: 112px;
                    height: 112px;
                    border-radius: 99999px;
                    background-color: #ffffff;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    border-bottom: 7px solid #111827;
                    & svg {
                        width: 60px;
                        height: 60px;
                    }
                }
                & .step-number {
                    font-size: 36px;
                    color: #111827;
                    padding: 6px 12px;
                    line-height: 36px;
                    background: #ffffff;
                    border-bottom: 4px solid #111827;
                    border-radius: 99999px;
                }
            }
            & .title {
                font-size: clamp(24px, 5vw, 48px) !important;
                line-height: clamp(32px, 6vw, 32px) !important;
                color: #ffffff;
                margin-bottom: 18px;
            }
            & .description {
                font-size: 18px;
                line-height: 28px;
                color: #f3f3f3;
            }
        }
    }
}
/* influencers-bg.png */
.influencers-section-wrapper {
    background-image: url("../img/influencers-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
/* Tablet Responsive Styles */
@media screen and (max-width: 991px) {
    .heading-style {
        font-size: 48px;
    }

    .statistic-section {
        padding-left: 40px;
        padding-right: 40px;
    }

    .statistic-item {
        height: 320px;
        padding: 20px;
    }

    .statistic-item._2nd {
        height: 240px;
    }

    .statistic-link {
        border-width: 6px;
        width: 64px;
        height: 64px;
    }

    .statistic-link-icon {
        width: 24px;
        height: 24px;
    }

    .statistic-item-text-1 {
        font-size: 60px;
    }

    .statistic-item-text-2 {
        width: 97px;
        font-size: 16px;
    }

    .statistic-item-icon {
        width: 114px;
    }

    .statistic-item-icon._2nd {
        width: 87px;
    }

    .statistic-item-icon._3rd {
        width: 110px;
    }
}
.testimonialsSwiper3 {
    padding: 50px 0;
    & .inflanar-influencer {
        transform: rotate(-15deg);
    }
}

/* footer marquee animation */

.footer-marquee {
    background-color: #ffec47;
    position: relative;
    width: 100%;
    overflow: hidden;
}

.footer-marquee-block {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    background-color: #ffec47;
    justify-content: flex-start;
    align-items: center;
    white-space: nowrap;
    padding-top: 30px;
    padding-bottom: 30px;
    display: flex;
}

.footer-marquee-text {
    color: #121212;
    flex: none;
    font-size: 96px;
    line-height: 1em;
    font-weight: 600;
}

.footer-marquee-icon {
    width: 70px;
    flex: none;
}
#offcanvas-menu .nav-menu.navigation {
    flex-direction: column !important;
}
.about-us-breadcrumb {
    height: 485px !important;
}
.inflanar-row-gap {
    display: block !important;
}
.inflanar-about__img {
    width: 100% !important;
    aspect-ratio: 1400/798 !important;
    margin-bottom: 80px;
    @media (max-width: 1024px) {
        margin-bottom: 40px;
    }
}
.inflanar-section__title.v3-s_title.about-us-title {
    font-size: clamp(32px, 6vw, 120px) !important;
    line-height: clamp(40px, 6vw, 144px) !important;
}
.inflanar-about-description-wrapper {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 141px;
    & .tag-title {
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        background: #ff006e;
        padding: 20px 5px;
        border-radius: 9999px;
        writing-mode: sideways-lr;
        text-orientation: mixed;
    }
    & .inflanar-about-description {
        & p,
        & ul,
        & ol,
        & li,
        & a,
        & span,
        & strong,
        & em,
        & b,
        & i,
        & h1,
        & h2,
        & h3,
        & h4,
        & h5,
        & h6 {
            font-size: clamp(16px, 4vw, 24px);
            line-height: clamp(30px, 4vw, 32px);
            color: #707070;
            text-align: end;
        }
    }
    @media (max-width: 1024px) {
        margin-top: 40px;
        & .tag-title {
            display: none;
        }
        & .inflanar-about-description {
            & p,
            & ul,
            & ol,
            & li,
            & a,
            & span,
            & strong,
            & em,
            & b,
            & i,
            & h1,
            & h2,
            & h3,
            & h4,
            & h5,
            & h6 {
                text-align: start;
            }
        }
    }
}
.about-testimonial-wrapper {
    background: #faf5ff;
}
.crtr-client-card {
    padding: 40px;
    background: #fff;
    border-radius: 20px;
    & .people-logo {
        width: 258px;
        height: 53px;
        margin-bottom: 35px;
        & img {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }
    }
    & .people-quote {
        font-size: clamp(16px, 4vw, 28px);
        line-height: clamp(30px, 4vw, 38px);
        color: #111827;
        margin-bottom: 35px;
    }
    & .people-info {
        display: flex;
        align-items: center;
        gap: 17px;
        & .people-avatar {
            width: 80px;
            height: 80px;
            border-radius: 9999px;
            overflow: hidden;
            & img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        & .people-info-content {
            & .people-name {
                font-size: clamp(16px, 4vw, 28px) !important;
                line-height: clamp(30px, 4vw, 38px) !important;
                font-weight: 500;
                color: #111827;
            }
            & .people-designation {
                font-size: clamp(16px, 4vw, 20px) !important;
                line-height: clamp(30px, 4vw, 38px) !important;
                color: #969ba6;
            }
        }
    }
    @media (max-width: 480px) {
        padding: 20px !important;
        & .people-logo {
            margin-bottom: 20px;
        }
        & .people-quote {
            margin-bottom: 20px;
        }
    }
}
.about-testimonial-container {
    width: calc(100% + 430px);
}

.inflanar-btn, .inflanar-btn3 {
    border-radius: 99999px;
}
.inflanar-sdetail__content.crtr-service-content{
    padding: 60px 0px !important;
}



/* Responsive styles */
@media (max-width: 991px) {
    .footer-marquee-block {
        grid-column-gap: 30px;
        grid-row-gap: 30px;
    }

    .footer-marquee-text {
        font-size: 70px;
    }

    .footer-marquee-icon {
        width: 50px;
    }
}

@media (max-width: 767px) {
    .footer-marquee-text {
        font-size: 44px;
    }

    .footer-marquee-icon {
        width: 42px;
    }
}

@media (max-width: 479px) {
    .footer-marquee-block {
        grid-column-gap: 20px;
        grid-row-gap: 20px;
    }

    .footer-marquee-text {
        font-size: 36px;
    }

    .footer-marquee-icon {
        width: 34px;
    }
}

.footer-crt-wrapper {
    background: #ff006e;
    padding-top: 90px;
    & .logo-des-area {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 50px;
        border-bottom: 1px solid #ffffff;
        margin-bottom: 50px;
        & .logo {
            & img {
                width: 100%;
                height: 100%;
                object-fit: contain;
            }
        }
        & .des-area {
            max-width: 442px;
            & .des {
                font-size: 20px;
                line-height: 32px;
                font-weight: 500;
                color: #f3f3f3;
            }
        }
    }
    & .middle-content-area {
        & .quick-links-area {
            border-right: 1px solid #ffffff;
            & .title {
                font-size: clamp(20px, 4vw, 32px);
                line-height: clamp(30px, 4vw, 42px);
                font-weight: 500;
                color: #fff;
                margin-bottom: 28px;
            }
            & ul {
                display: flex;
                flex-direction: column;
                gap: 14px;
                list-style: none;
                padding: 0;
                margin: 0;
                & li {
                    & a {
                        font-size: clamp(16px, 4vw, 22px);
                        font-weight: 500;
                        line-height: clamp(30px, 4vw, 24px);
                        color: #fff;
                        text-decoration: none;
                        &:hover {
                            text-decoration: underline;
                        }
                    }
                }
            }
        }
        & .join-community-area {
            border-right: 1px solid #ffffff;
            padding: 0 60px;
            & .title {
                font-size: clamp(20px, 4vw, 32px);
                line-height: clamp(30px, 4vw, 42px);
                font-weight: 500;
                color: #fff;
                margin-bottom: 16px;
            }
            & .description {
                font-size: clamp(16px, 4vw, 16px);
                line-height: clamp(30px, 4vw, 26px);
                font-weight: 400;
                color: #fff;
                margin-bottom: 36px;
            }
            & .join-btn {
                background-color: rgb(255, 236, 71);
                padding: 13px 24px;
                border-radius: 9999px;
                border-top: none;
                border-right: none;
                border-left: none;
                border-image: initial;
                border-bottom: 4px solid rgb(17, 24, 39);
                margin: 0px;
                display: flex;
                align-items: center;
                gap: 12px;
                & .text {
                    font-size: clamp(16px, 4vw, 16px);
                    line-height: clamp(30px, 4vw, 22px);
                    font-weight: 500;
                    color: #111827;
                }
                & .icon {
                }
            }
        }
        & .newsletter-area {
            & .title {
                font-size: clamp(20px, 4vw, 32px);
                line-height: clamp(30px, 4vw, 42px);
                font-weight: 500;
                color: #fff;
                margin-bottom: 16px;
            }
            & .description {
                font-size: clamp(16px, 4vw, 16px);
                line-height: clamp(30px, 4vw, 26px);
                font-weight: 400;
                color: #fff;
            }
            & .inflanar-search-form__service {
                margin-top: 33px;
                & .inflanar-search-form__form {
                    padding: 5px 11px;
                }
            }
        }
    }
    & .ft-navigation-area {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: 60px;
        & ul {
            background-color: #fff;
            padding: 15px 56px;
            border-radius: 9999px;
            list-style: none;
            display: flex;
            gap: 60px;
            & li {
                & a {
                    text-decoration: none;
                    font-size: 20px;
                    line-height: 20px;
                    font-weight: 500;
                    text-transform: uppercase;
                    color: #121212;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
    & .copyright-area {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 40px;
        padding: 20px 0;
        border-top: 1px solid #f3f3f3;
        & .copyright-text {
            font-size: clamp(16px, 4vw, 24px);
            line-height: clamp(30px, 4vw, 24px);
            color: #ffffff;
        }
        & .footer-pages {
            display: flex;
            gap: 40px;
            align-items: center;
            list-style: none;
            padding: 0;
            margin: 0;
            & li {
                border-right: none;
                margin: 0;
                padding: 0;
                & a {
                    text-decoration: none;
                    font-size: clamp(16px, 4vw, 20px);
                    line-height: clamp(30px, 4vw, 24px);
                    font-weight: 500;
                    color: #ffffff;
                    &:hover {
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
/* footer marquee animation end */

/* Mobile Landscape Responsive Styles */
@media screen and (max-width: 767px) {
    .heading-style {
        font-size: 40px;
    }

    .statistic-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .statistic-inner-block {
        flex-flow: column;
    }

    .statistic-flex-block {
        width: 100%;
    }

    .statistic-item {
        height: 240px;
    }

    .statistic-link {
        border-width: 4px;
        width: 50px;
        height: 50px;
    }

    .statistic-link-icon {
        width: 30px;
        height: 30px;
    }

    .statistic-item-text-2 {
        width: 183px;
        font-size: 18px;
    }

    .statistic-item-icon {
        right: -7%;
    }

    .statistic-item-icon._2nd {
        bottom: 34%;
        right: -4%;
    }
}

/* Mobile Portrait Responsive Styles */
@media screen and (max-width: 479px) {
    .heading-style {
        font-size: 32px;
    }

    .statistic-section {
        padding-left: 30px;
        padding-right: 30px;
    }

    .statistic-item-text-1 {
        font-size: 56px;
    }

    .statistic-item-text-2 {
        width: 136px;
        font-size: 18px;
    }
}
/* statistic-section-wrapper end */

/* faq */
.faq-crtr-section {
    & .faq-block {
        grid-column-gap: 80px;
        grid-row-gap: 80px;
        flex-flow: column;
        justify-content: flex-start;
        align-items: center;
        display: flex;
        position: relative;
    }

    & .faq-inner-block {
        flex-flow: column;
        width: 796px;
        display: flex;
    }

    & .faq-item {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
        border-bottom: 2px solid #f3f3f3;
        cursor: pointer;
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        height: 196px;
        padding-top: 40px;
        padding-bottom: 40px;
        display: flex;
        overflow: hidden;
        transition: height 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    & .faq-item.active {
        height: 332px;
    }

    & .faq-item-block {
        flex: none;
        justify-content: space-between;
        align-items: flex-start;
        height: 116px;
        display: flex;
        width: 100%;
    }

    & .faq-item-title {
        color: #707070;
        max-width: 692px;
        font-size: clamp(20px, 4vw, 48px);
        line-height: clamp(30px, 5vw, 60px);
        transition: color 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
        flex: 1 1 0%;
    }

    & .faq-item.active .faq-item-title {
        color: #121212;
    }

    & .faq-item-icon {
        color: #8338ec;
        width: 60px;
        height: 60px;
        transition: all 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    & .faq-item.active .faq-item-icon {
        color: #ff006e;
        transform: rotate(45deg);
    }

    & .faq-item-text-block {
        color: #707070;
        flex: none;
        max-width: 692px;
        font-size: 24px;
        line-height: 1.3em;
        opacity: 0;
        transition: opacity 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);
    }

    & .faq-item.active .faq-item-text-block {
        opacity: 1;
    }

    & .faq-icon-1 {
        width: 120px;
        position: absolute;
        inset: 0% 0% auto auto;
    }

    & .faq-icon-2 {
        width: 120px;
        position: absolute;
        inset: auto auto -4% 0%;
    }

    & .heading-style {
        color: #121212;
        text-align: center;
        margin-top: 0;
        margin-bottom: 0;
        font-size: 100px;
        font-weight: 400;
        line-height: 1.2em;
    }
    /* ===== RESPONSIVE STYLES - TABLET ===== */
    @media screen and (max-width: 991px) {
        .w-container {
            max-width: 728px;
        }

        .w-layout-blockcontainer {
            max-width: 728px;
        }

        .faq-section {
            padding: 100px 40px 220px;
        }

        .faq-inner-block {
            width: 100%;
        }

        .faq-item {
            grid-column-gap: 30px;
            grid-row-gap: 30px;
            height: auto !important;
            padding-top: 30px;
            padding-bottom: 30px;
        }

        .faq-item-block {
            height: 82px !important;
        }

        .faq-item-title {
            max-width: 530px;
        }

        .faq-item-icon {
            width: 40px !important  ;
            height: 40px !important;
        }

        .faq-item-text-block {
            max-width: 464px;
            font-size: 18px !important;
        }

        .faq-icon-1 {
            width: 64px;
        }

        .faq-icon-2 {
            width: 64px;
            bottom: -132px;
        }

        .heading-style {
            font-size: 72px;
        }
    }

    /* ===== RESPONSIVE STYLES - SMALL TABLET ===== */
    @media screen and (max-width: 767px) {
        .w-container {
            max-width: none;
        }

        .w-layout-blockcontainer {
            max-width: none;
        }

        .faq-section {
            padding-top: 100px;
            padding-bottom: 100px;
        }

        .faq-item {
            height: auto !important;
        }

        .faq-item-block {
            height: 58px !important;
        }

        .faq-item-title {
            max-width: 356px;
        }

        .faq-item-icon {
            width: 36px !important;
            height: 36px !important;
        }

        .faq-item-text-block {
            max-width: 416px;
            font-size: 16px !important;
        }

        .faq-icon-1 {
            width: 42px;
        }

        .faq-icon-2 {
            width: 42px;
            inset: 100px auto auto 0%;
        }

        .heading-style {
            font-size: 56px;
        }
    }

    /* ===== RESPONSIVE STYLES - MOBILE ===== */
    @media screen and (max-width: 479px) {
        .faq-section {
            padding-left: 30px;
            padding-right: 30px;
        }

        .faq-block {
            grid-column-gap: 62px;
            grid-row-gap: 62px;
        }

        .faq-item {
            height: auto !important;
        }

        .faq-item-block {
            justify-content: space-between;
            align-items: center;
            height: 72px !important;
        }

        .faq-item-title {
            max-width: 196px;
        }

        .faq-item-icon {
            width: 30px !important;
            height: 30px !important;
        }

        .faq-item-text-block {
            font-size: 14px !important;
        }

        .faq-icon-1,
        .faq-icon-2 {
            width: 28px;
        }

        .heading-style {
            font-size: 44px;
        }
    }
}

/* faq end */

/*===================== animation ================== */
.anim-rotate {
    animation: rotateAnim 20s linear infinite;
}

@keyframes rotateAnim {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/*===================== Hide GSAP animated elements by default ================== */
.hero-title-anim {
    opacity: 0;
    visibility: hidden;
}

/* Ensure the element becomes visible when GSAP takes control */
.hero-title-anim.gsap-loaded {
    opacity: 1;
    visibility: visible;
}

/* responsive */
@media (max-width: 1536px) {
}
@media (max-width: 1280px) {
    .subscribe-wrapper {
        padding: 30px;
    }
    .subscribe-wrapper .subs-main-area {
        margin-top: 30px;
    }
}
@media (max-width: 1170px) {
}
@media (max-width: 1024px) {
}

@media (max-width: 768px) {
    .subscribe-wrapper .subs-main-area .do-subs .subscriber-input {
        width: 100%;
    }
}
@media (max-width: 640px) {
    .subscribe-wrapper .subs-main-area .do-subs {
        /* width: 100%; */
        /* height: 50px; */
        flex-direction: column;
    }
    .subscribe-wrapper .subs-main-area .do-subs .subs-btn-submit {
        width: 100%;
        /* height: 42px; */
        /* top: 4px; */
        /* right: 4px; */
        position: unset;
    }
    .subscribe-wrapper .subs-main-area .do-subs input {
        width: 100%;
    }
}
@media (max-width: 320px) {
}

@media screen and (max-width: 1200px) {
    .creater__subscribe-form {
        justify-content: flex-start;
    }
}
.inflanar-page-content {
    & p,
    & ul,
    & ol,
    & li,
    & a,
    & span,
    & strong,
    & em,
    & b,
    & i {
        font-size: clamp(16px, 4vw, 24px);
        line-height: clamp(30px, 4vw, 32px);
        color: #707070 !important;
    }
    & h1,
    & h2,
    & h3,
    & h4,
    & h5,
    & h6,
    & p strong {
        font-size: clamp(20px, 4vw, 32px);
        line-height: clamp(30px, 4vw, 28px);
        color: #0a192f !important;
        font-weight: 500;
        margin-bottom: 20px;
    }
}
.contact-page-form-wrapper {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
}
.blog-sec-breadcrumb {
    height: 660px !important;
}
.inflanar-blog-sidebar__single {
    & .inflanar-search-form__form {
        padding: 10px !important;
    }
    & .inflanar-search-form__form input::placeholder {
        font-size: 20px !important;
    }
    & .inflanar-search-form__service .inflanar-btn.inflanar-btn--search {
        width: 40px !important;
        height: 40px !important;
        border-radius: 9999px !important;
    }
}
.inflanar-psidebar.inflanar-default-bg.crtr-dashboard-sidebar-wrapper {
    background: none;
    padding: 40px 0;
    border-radius: 0;
    border: none;
}

.inflanar-personals.crtr-dashboard-page-wrapper {
    background: #ffffff;
    border-radius: 24px;
}
.crtr-dashboard-page-wrapper-inner {
    background: #faf5ff;
}
.inflanar-personals .inflanar-personals__content {
    padding: 40px;
    border-left: 1px solid #e5e7eb;
}
.inflanar-pdbox.v2-pdbox {
    border-width: 1px 2px 4px 1px;
    border-style: solid;
    border-color: rgba(17, 24, 39, 1);
    background: #f9fafb;
    padding: 24px;
    margin-bottom: 20px;
}
.crtr-dashboard-page-wrapper-inner .inflaner-inner-page {
    padding-top: 0px;
}
/* TODO: ===============RESPONSIVE */

@media (max-width: 1536px) {
}
@media (max-width: 1280px) {
}
@media (max-width: 1170px) {
}
@media (max-width: 1024px) {
    .featured-services-container {
        width: 100% !important;
    }
    .about-testimonial-container {
        width: 100% !important;
    }
    .inflanar-category__icon {
        min-width: 66px !important;
        max-width: 66px !important;
        width: 66px;
        height: 66px;
    }
    .mg-top-80 {
        margin-top: 20px !important;
    }
    .inflanar-section__title.v2-s_title {
        &.max-w-1000 {
            max-width: 500px;
        }
    }
    .statistic-section-wrapper .container {
        max-width: 904px;
    }
    .statistic-item-text-1 {
        font-size: 56px !important;
    }
    .marquee-animation-section-wrapper.pd-top-140.pd-btm-140 {
        padding: 75px 0px !important;
    }
    .footer-crt-wrapper {
        & .logo-des-area {
            flex-direction: column;
        }
    }
    .footer-crt-wrapper {
        & .logo-des-area {
            & .des-area {
                & .des {
                    text-align: center;
                }
            }
        }
    }
    .footer-crt-wrapper {
        padding-top: 50px;
    }
    .footer-crt-wrapper {
        & .middle-content-area {
            & .join-community-area {
                padding: 0;
                padding-right: 20px;
            }
        }
    }
}

@media (max-width: 768px) {
    .inflanar-search-form.inflanar-search-form__hero {
        max-width: 100%;
    }
    .inflanar-search-form__form {
        padding: 10px;
    }
    .inflanar-hero__inside {
        padding-bottom: 42px !important;
    }
    .inflanar-category__title {
        font-size: 22px;
    }
    .statistic-item-text-2 {
        font-size: 16px !important;
    }
    .statistic-link {
        border-width: 6px !important;
        width: 64px !important;
        height: 64px !important;
    }
    .statistic-item {
        padding: 20px !important;
    }
    .footer-crt-wrapper {
        & .middle-content-area {
            & .quick-links-area {
                border-right: none;
                margin-bottom: 30px;
            }
        }
    }
    .footer-crt-wrapper {
        & .middle-content-area {
            & .join-community-area {
                border-right: 0;
                margin-bottom: 30px;
            }
        }
    }
    .about-us-breadcrumb {
        height: 333px !important;
    }
}
@media (max-width: 640px) {
    .working-process-card-wrapper {
        & .working-process-card {
            & .working-process-card-content {
                & .title {
                    line-height: 50px;
                }
            }
        }
    }
    .working-process-card-wrapper {
        & .working-process-card {
            & .working-process-card-content {
                & .step-icon {
                    margin-bottom: 22px;
                }
            }
        }
    }
    .working-process-card-wrapper {
        & .working-process-card {
            & .working-process-card-content {
                & .step-icon {
                    & .step-number {
                        padding: 0px 18px;
                        font-size: 16px;
                    }
                }
            }
        }
    }
    .working-process-card-wrapper {
        & .working-process-card {
            & .working-process-card-content {
                & .step-icon {
                    & .icon {
                        width: 60px;
                        height: 60px;
                        & svg {
                            width: 30px;
                            height: 30px;
                        }
                    }
                }
            }
        }
    }
    .working-process-section .sticky-title {
        margin-bottom: 22px;
    }
    .shape-flower-2 {
        display: none !important;
    }
    .inflanar-search-form__button .inflanar-btn.v3-btn {
        padding: 14px 24px !important;
        line-height: 14px;
        font-size: 14px;
    }
    .inflanar-search-form__group .inflanar-search-form__icon svg {
        width: 24px;
    }
    .inflanar-search-form__form input[name="search"]::placeholder {
        font-size: 14px;
        line-height: 14px;
    }
    .inflanar-ptags__list {
        gap: 50px !important;
    }
    .inflanar-ptags__list a {
        font-size: 16px !important;
    }
    .mg-top-30 {
        margin-top: 20px !important;
    }
    .inflanar-category__title {
        font-size: 14px !important;
        line-height: 18px !important;
    }
    .inflanar-category__label {
        font-size: 16px !important;
    }
}
@media (max-width: 425px) {
    .statistic-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    .statistic-section-wrapper {
        & .statistic-block {
            grid-row-gap: 37px;
        }
    }
    .inflanar-section__head .inflanar-btn.v3-btn {
        display: none;
    }
    .footer-crt-wrapper {
        & .copyright-area {
            flex-direction: column;
        }
    }
    .about-us-breadcrumb {
        height: 250px !important;
    }
    .inflanar-psidebar.inflanar-default-bg.crtr-dashboard-sidebar-wrapper
        .inflanar-psidebar__list {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 10px;
        width: 100%;
        & .list-group-item {
            padding: 5px 10px;
        }
    }
    .inflanar-psidebar.inflanar-default-bg.crtr-dashboard-sidebar-wrapper {
        padding: 20px 10px;
    }
    .inflanar-personals .inflanar-personals__content {
        padding: 20px;
        padding-bottom: 0;
        border-left: none;
    }
}
@media (max-width: 320px) {
}

/* TODO: ===============RESPONSIVE END */