@font-face {
    font-display: swap;
    font-family: 'Poppins Regular';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/Poppins-Regular.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Poppins Medium';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/Poppins-Medium.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Bueno Bold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Bueno-Bold.woff2') format('woff2');
}

@font-face {
    font-display: swap;
    font-family: 'Poppins SemiBold';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/Poppins-SemiBold.woff2') format('woff2');
}

a {
    text-decoration: none;
}

ul {
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style-type: none;
}

html {
    overflow-x: hidden;
}

a, .btn, button, span, p, input, select, textarea, li, img, svg path, *::after, *::before, h1, h2, h3, h4, h5, h6 {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

body {
    font-family: 'Raleway Medium', sans-serif;
    font-size: 16px;
      overflow-x: hidden;
    background-color: #FFFBEF;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bueno Bold', sans-serif;
}

/* ================= HEADER ================= */
.header {
    padding: 30px 0 100px 0px;
    position: relative;
    z-index: 10005;
}

/* LOGO */
.custom-logo img {
    width: 70px;
}

/* ================= MENU PILL ================= */
.menu-toggle {
    position: relative;
    z-index: 10008;
    cursor: pointer;
}

.menu-pill {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 0px 16px 0px 0px;
    border-radius: 50px;
    border: 1.5px solid #000;
    cursor: pointer;
    transition: 0.3s;
    background: transparent;
    overflow: hidden;
}

/* ICON CIRCLE */
.menu-icon {
    width: 40px;
    height: 40px;
    background: #FFBE98;
    border-radius: 50%;
    position: relative;
    border-right: 1.5px solid #000;
    flex: 0 0 40px;
}

.menu-icon span {
    position: absolute;
    left: 50%;
    width: 16px;
    height: 2px;
    background: black;
    transform: translateX(-50%);
    transform-origin: center;
}

.menu-icon span:nth-child(1) {
    top: 13px;
}

.menu-icon span:nth-child(2) {
    top: 19px;
}

.menu-icon span:nth-child(3) {
    top: 25px;
}

span.menu-text,
.menu-text {
    color: #444444;
    font-size: 17px;
    font-family: 'Poppins Medium';
}

/* ================= CONTACT BUTTON ================= */
.main-btn {
    background: #9CC3FF;
    padding: 8px 22px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #444444;
    font-family: 'Poppins Medium';
    border: 1px solid #000;
}

/* ================= MENU BACKDROP ================= */
.menu-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(30, 30, 30, 0.52);
    z-index: 10001;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

/* ================= MENU STAGE ================= */
.menu-stage {
    position: fixed;
    inset: 0;
    z-index: 10002;
    pointer-events: none;
}

.menu-stage-container {
    position: relative;
    height: 100%;
}

/* ================= FIGMA MENU CARD ================= */
.menu-overlay {
    position: absolute;
    top: 10px;
    left: 0;
    width: 546px;
    height: 700px;
    max-width: min(876px, 100%);
    max-height: calc(100vh - 110px);
    background: #FFFBEF;
    color: #444444;
    border: 1.5px solid #000;
    border-radius: 30px;
    z-index: 10002;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-130%);
    padding: 145px 64px 52px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    overflow: hidden;
}

/* ================= MENU LINKS ================= */
.menu-links {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.menu-links li {
    margin: 0;
    padding: 0;
    opacity: 0;
    transform: translateY(40px);
    line-height: 0.92;
    cursor: pointer;
    filter: none !important;
}

.menu-links li a {
    display: inline-block;
    text-decoration: none;
    color: #9A9A9A !important;
    font-family: 'Bueno Bold', 'Poppins', sans-serif;
    font-size: 54px;
    line-height: 0.94;
    text-transform: uppercase;
}

.menu-links li.active a,
.menu-links li.page-active a,
.menu-links li a:hover {
    color: #444444 !important;
}

.menu-links li.dim a {
    opacity: 0.45;
}

/* ================= MENU BOTTOM INFO ================= */
.menu-bottom-info {
    display: flex;
    align-items: center;
    gap: 70px;
    opacity: 0;
    transform: translateY(30px);
}

.menu-bottom-info a {
    color: #444444 !important;
    text-decoration: none;
    font-family: 'Bueno Bold', 'Poppins', sans-serif;
    font-size: 50px;
    line-height: 1;
    text-transform: uppercase;
}

/* ================= MENU OPEN STATE ================= */
body.menu-open {
    overflow: hidden;
}

body.menu-open .menu-pill {
    background: #FFFBEF;
    border-color: #000;
}

body.menu-open .menu-text {
    color: #444444;
}

/* ================= SUBMENU ================= */
.has-submenu {
    position: relative;
}

.menu-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}

.submenu {
    list-style: none;
    padding: 0;
    margin-top: 10px;
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: all 0.3s ease;
}

.submenu li {
    font-size: 1.2rem;
    margin: 8px 0;
    opacity: 0.7;
    transition: 0.3s;
}

.submenu li:hover {
    opacity: 1;
    transform: translateX(5px);
}

.arrow {
    font-size: 20px;
    display: inline-block;
    transition: transform 0.3s ease;
}

.has-submenu.active .arrow {
    transform: rotate(45deg);
}

/* WordPress admin bar adjustment */
body.admin-bar .menu-overlay {
    top: 116px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 1399px) {
    .menu-overlay {
        width: 760px;
        height: 580px;
        padding: 135px 58px 48px;
    }

    .menu-links li a {
        font-size: 50px;
    }

    .menu-bottom-info a {
        font-size: 46px;
    }
}

@media (max-width: 991px) {
    .menu-overlay {
        top: 74px;
        width: 620px;
        height: 560px;
        padding: 120px 48px 42px;
    }

    body.admin-bar .menu-overlay {
        top: 106px;
    }

    .menu-links li a {
        font-size: 44px;
    }

    .menu-bottom-info {
        gap: 42px;
    }

    .menu-bottom-info a {
        font-size: 38px;
    }
}

@media (max-width: 767px) {
    .menu-overlay {
        top: 0;
        left: 0;
        width: 100%;
        height: 540px;
        max-height: calc(100vh - 90px);
        border-radius: 0;
        padding: 110px 32px 36px;
    }

    body.admin-bar .menu-overlay {
        top: 104px;
    }

    .menu-links li a {
        font-size: 40px;
    }

    .menu-bottom-info {
        gap: 26px;
        flex-wrap: wrap;
    }

    .menu-bottom-info a {
        font-size: 32px;
    }
}

.hero-head {
    text-align: center;
    position: relative;
    width: 70%;
    margin: 0 auto;
}

.hero-head h1 {
    text-transform: uppercase;
    font-size: 90px;
    max-width: 1060px;
    color: #444444;
    margin: 0 auto;
    line-height: 85px;
    margin-bottom: 30px;
    position: relative;
}

.hero-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    width: 50%;
    margin: 0 auto 50px auto;
    font-size: 18px;
}

.hero-head .main-btn {
    text-transform: uppercase;
}

.main-btn img {
    width: 10px;
    margin-left: 10px;
}

.hero-head h1:before {
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url('../images/hero-before.svg');
    width: 110px;
    height: 100px;
    background-repeat: no-repeat;
    left: 30px;
    top: 40px;
}

.hero-head h1:after {
    content: "";
    position: absolute;
    background-size: contain;
    background-image: url('../images/hero-after.svg');
    width: 110px;
    height: 100px;
    background-repeat: no-repeat;
    top: -60px;
    right: 40px;
}

.hero-head * {
    will-change: transform, opacity;
}

.hero-head h1:before, .hero-head h1:after {
    animation: floatIcon 3s ease-in-out infinite;
}

@keyframes floatIcon {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-10px) rotate(5deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.hero-head h1 span{display: inline;background-image: linear-gradient(#e9c8ff, #e9c8ff);background-repeat: no-repeat;background-size: 0% 55%;background-position: left 8px;box-decoration-break: clone;-webkit-box-decoration-break: clone;}

.hero-below-sec {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
}

.scroll-wrapper {
    width: 100%;
}

.scroll-inner {
    display: flex;
    width: max-content;
    padding-left: 25vw;
}

.card {
    position: relative;
    min-width: 300px;
    height: 300px;
    border-radius: 20px;
    overflow: visible;
    border: none;
    flex-shrink: 0;
    box-shadow: none;
    padding: 0;
    background-color: transparent;
}

.card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

/* Label */
.card-label {
    position: absolute;
    top: -60px;
    left: 20px;
    background: #FFBE98;
    color: #444444;
    padding: 6px 14px;
    font-family: 'Poppins Medium';
    border-radius: 20px;
    font-size: 12px;
    z-index: 2;
}

.card-label.purple {
    background: #ECD1FB;
}

.card-label.purple:after {
    border-top: 12px solid #ECD1FB;
    right: 55%;
}

.card-label::after {
    content: "";
    position: absolute;
    bottom: -10px;
    right: 20%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 12px solid #FFBE98;
}

.card img {
    transition: transform 0.4s ease;
}

.card:hover img {
    transform: scale(1.08);
}

section.hero-sec {
    margin-bottom: 50px;
}

.digital-sec-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
}

.digital-sec-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    width: 60%;
    font-size: 18px;
    margin-bottom: 50px;
}

.reel-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
    position: relative;
    z-index: 3;
    text-align: center;
}

.reel-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    width: 36%;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
}

.reel-head {
    position: relative;
    text-align: center;
    z-index: 2;
}

.reel-video-floating {
 position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 260px;
    will-change: transform;
    z-index: 2;
      mix-blend-mode: multiply;
    pointer-events: none;
    }


/* VIDEO */
.reel-video {
    width: 100%;
    border-radius: 14px;
    display: block;
}

/* WRAPPER */
.reel-video-wrapper {
    height: 500px;
    margin-top: 100px;
    position: relative;
}

section.reel-sec {
    margin-top: 100px;
}

section.digital-sec {
    margin-top: 80px;
}

.reel-head h2 {
    position: relative;
}

.brands-sec {
    margin-top: 280px;
}

.brands-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
}

.brands-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 0px;
}

.brands-marquee {
    overflow: hidden;
    width: 100%;
    padding: 20px 0;
}

.brands-track {
    display: flex;
    width: max-content;
    animation: marquee 20s linear infinite;
}

.brands-slide {
    flex: 0 0 auto;
    padding: 0 30px;
}

.brands-slide img {
    height: 60px;
    /* resize yahan control karo */
    width: auto;
    object-fit: contain;
    opacity: 0.8;
    transition: 0.3s;
}

.brands-slide img:hover {
    opacity: 1;
    transform: scale(1.1);
}

/* Animation */
@keyframes marquee {
    0% {
        transform: translateX(0);
    }

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

.brands-head {
    margin-bottom: 80px;
}

.brands-head h2:after {
    content: "";
    background-image: url('../images/d-image.webp');
    background-repeat: no-repeat;
    background-size: contain;
    width: 221px;
    height: 261px;
    position: absolute;
    right: 289px;
    top: -40px;
    animation: floatIcon 3s ease-in-out infinite;
}

.services-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
    text-align: center;
}

.services-sec {
    margin-top: 100px;
    perspective: 1400px;
}


.services-card {
    background-color: #FFFBEF;
    border: 1px solid #000000;
    border-radius: 20px;
    transform-style: preserve-3d;
    padding: 0px 0px 40px 0px;
    transform-origin: center center;
    transition: 0.4s ease;
    margin-left: 20px;
    overflow: hidden;
    will-change: transform;
    width: 280px;
    min-width: 280px;
    position: relative;
}

.services-main-cards {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 28px;
    padding-left: 50vw;
}

.services-card-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
    padding: 0px 14px 0px 14px;
}

.services-card-content h3 {
    font-family: 'Poppins Medium';
    font-size: 22px;
    margin-bottom: 0;
}

.services-card-image {
    height: 290px;
    overflow: hidden;
}

.services-card-image img {
    width: 100%;
    display: block;
    aspect-ratio: 1/1;
}

.services-card-content img {
    width: 50px;
}

.services-head {
    margin-bottom: 100px;
}

.plus-sec {
    margin-top: 100px;
}

.plus-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 40px;
    position: relative;
    z-index: 3;
    text-align: center;
}

.plus-head {
    text-align: center;
}

.plus-image img {
    width: 100%;
}

.plus-image {
    position: relative;
}

.plus-image:before {
    content: "";
    background-image: url('../images/location-before.webp');
    position: absolute;
    height: 634px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 220px;
    width: 448px;
    animation: floatLeft 6s ease-in-out infinite;
    z-index: 999;
}

.plus-image:after {
    content: "";
    background-image: url('../images/location-after.webp');
    position: absolute;
    width: 448px;
    height: 634px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 510px;
    right: 0;
    animation: floatRight 7s ease-in-out infinite;
}

@keyframes floatLeft {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(15px, -20px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

@keyframes floatRight {
    0% {
        transform: translate(0px, 0px);
    }

    50% {
        transform: translate(-15px, -25px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}

.words-sec {
    margin-top: 100px;
}

.words-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 30px;
    position: relative;
    z-index: 3;
    width: fit-content;
}

.words-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    width: 36%;
    font-size: 18px;
}

.words-card-main {
    display: flex;
    align-items: flex-start;
    /* center ki jagah */
    justify-content: center;
    gap: 18px;
    height: 100%;
}

/* Main Card Style */
.word-card {
    padding: 22px 12px 22px 12px;
    position: relative;
    border: 2px solid #2d2d2d;
    overflow: visible;
    transition: 0.3s ease;
    height: 100%;
}

.word-card-1 {
    background: #ECD1FB;
    margin-top: 20px;
    transform: rotate(-1.5deg);
}

.word-card-2 {
    background: #11BCB7;
    margin-top: 11px;
    transform: rotate(-2deg);
}

.word-card-3 {
    background: #EAFE5F;
    margin-top: 8px;
    transform: rotate(1deg);
}

.word-card-4 {
    background: #FFBE98;
    margin-top: 5px;
    transform: rotate(-2deg);
}

/* Sticker Icons */
.word-card-icon-image {
    position: absolute;
    top: -34px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 3;
}

.word-card-icon-image img {
    width: 78px;
    display: block;
}

/* Main Image Area */
.word-card-main-image {
    margin-bottom: 18px;
    overflow: hidden;
}

.word-card-main-image img {
    width: 100%;
    display: block;
}

.word-card-content {
    text-align: center;
}

.word-card-content h4 {
    margin-bottom: 10px;
    font-family: 'Poppins Medium';
    font-size: 16px;
}

.word-card-content p {
    margin-bottom: 0;
    font-family: 'Poppins Regular';
    color: #686868;
    font-size: 14px;
}

.words-head {
    margin-bottom: 100px;
}

.words-head h2:before {
    content: "";
    background-image: url('../images/smile-icon.svg');
    width: 100px;
    height: 100px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    right: -70px;
    top: 22px;
}

.contact-form-main {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 200px 50px 50px 50px;
}

.contact-sec {
    margin-top: 100px;
}

.contact-form-left-block h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 75px;
}

.contact-form-left-block p {
    color: #444444;
    font-family: 'Poppins Medium';
    width: 60%;
    font-size: 18px;
}

.contact-form-start input {
 background-color: #FFFBEF;
 border: 1px solid #000;
 font-family: 'Poppins Medium';
 color: #878787;
 font-size: 18px !important;
 width: 100% !important;
 padding: 20px 20px 20px 20px !important;
 border-radius: 10px;
}

.contact-form-start select {
 background-color: #FFFBEF;
 border: 1px solid #000;
 font-family: 'Poppins Medium';
 color: #878787;
 font-size: 18px !important;
 width: 100% !important;
 padding: 20px 20px 20px 20px !important;
 border-radius: 10px;
 position:relative;
 appearance: none;
 -webkit-appearance: none;
 -moz-appearance: none;
 background-image: url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23878787' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
 background-repeat: no-repeat;
 background-position: right 22px center;
 background-size: 14px 8px;
}

.contact-form-start textarea {
 background-color: #FFFBEF;
 border: 1px solid #000;
 font-family: 'Poppins Medium';
 color: #878787;
 font-size: 18px !important;
 width: 100% !important;
 padding: 20px 20px 20px 20px !important;
 border-radius: 10px;
 min-height: 170px;
}

.contact-form-start .main-btn {
    border-radius: 10px;
    width: 100%;
    padding: 20px;
    font-size: 18px;
}

footer {
    background-color: #ECD1FB;
    padding: 50px 0px 200px 0px;
    margin-top: 100px;
    overflow: hidden;
    position: relative;
}

.footer-links ul li a {
    color: #444444;
    font-size: 60px;
    text-transform: uppercase;
    font-family: 'Bueno Bold', sans-serif;
    line-height: 70px;
    width: fit-content;
}

.footer-links ul {
    display: flex;
    flex-direction: column;
}

.footer-copyright p {
    color: #444444;
    font-family: 'Poppins-Regular', sans-serif;
    font-size: 18px;
    margin-bottom: 0px;
}

.footer-copyright span {
    color: #444444;
    font-family: 'Poppins-Regular', sans-serif;
    font-size: 16px;
    margin-bottom: 0px;
}

.footer-copyright {
    margin-top: 30px;
}

.footer-social-links ul {
    display: flex;
    align-items: center;
    gap: 17px;
}
.footer-floating-cards {
    position: absolute;
    left: 54%;
    bottom: 0;
    width: 100%;
    transform: translateX(-50%);
    height: 260px;
}

.card-wrap {
    position: absolute;
}

.float-card {
    padding: 12px 28px;
    border-radius: 999px;
    background: #EAFE5F;
    border: 2px solid #1E1E1E;
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    color: #444444;
}

/* =========================================================
ROW 1
========================================================= */
.card-1 {
    left: 7%;
    top: 18px;
    transform: rotate(12deg);
}

.card-2 {
    left: 18%;
    top: 58px;
    transform: rotate(-31deg);
}

.card-3 {
    left: 28%;
    top: 44px;
    transform: rotate(-5deg);
}

.card-4 {
    left: 38%;
    top: 52px;
    transform: rotate(8deg);
}

.card-5 {
    left: 48%;
    top: 46px;
    transform: rotate(-13deg);
}

.card-6 {
    left: 57%;
    top: 48px;
    transform: rotate(-5deg);
}

.card-7 {
    left: 66%;
    top: 28px;
    transform: rotate(-24deg);
}

.card-8 {
    left: 80%;
    top: 54px;
    transform: rotate(34deg);
}

/* =========================================================
ROW 2
========================================================= */
.card-9 {
    left: 2%;
    top: 88px;
    transform: rotate(-10deg);
}

.card-10 {
    left: 8%;
    top: 112px;
    transform: rotate(-11deg);
}

.card-11 {
    left: 22%;
    top: 126px;
    transform: rotate(20deg);
}

.card-12 {
    left: 30%;
    top: 116px;
    transform: rotate(17deg);
}

.card-13 {
    left: 39%;
    top: 138px;
    transform: rotate(-22deg);
}

.card-14 {
    left: 48%;
    top: 114px;
    transform: rotate(0deg);
}

.card-15 {
    left: 59%;
    top: 108px;
    transform: rotate(15deg);
}

.card-16 {
    left: 71%;
    top: 71px;
    transform: rotate(-6deg);
}

.card-17 {
    left: 79%;
    top: 136px;
    transform: rotate(5deg);
}

/* =========================================================
ROW 3
========================================================= */
.card-18 {
    left: 2%;
    top: 176px;
    transform: rotate(0deg);
}

.card-19 {
    left: 11%;
    top: 172px;
    transform: rotate(-6deg);
}

.card-20 {
    left: 21%;
    top: 181px;
    transform: rotate(10deg);
}

.card-21 {
    left: 30%;
    top: 184px;
    transform: rotate(0deg);
}

.card-22 {
    left: 46%;
    top: 175px;
    transform: rotate(3deg);
}

.card-23 {
    left: 58%;
    top: 176px;
    transform: rotate(-3deg);
}

.card-24 {
    left: 69%;
    top: 130px;
    transform: rotate(6deg);
}

.card-25 {
    left: 68%;
    top: 190px;
    transform: rotate(0deg);
}

.card-26 {
    left: 79%;
    top: 187px;
    transform: rotate(-6deg);
}

.row.footer-row {
    margin-bottom: 110px;
}

.main-btn:hover {
    background-color: #FFBE98;
}

.footer-links ul li a:hover {
    color: #9CC3FF;
}

ul.menu-links li a {
    color: #fff;
}

img,
.services-card,
.word-card,
.main-btn,
.logo{
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

.mobile-hero-sec,
.mobile-hero-below-sec,
.mobile-reel-sec,
.mobile-brands-sec,
.mobile-services-sec,
.mobile-plus-sec,
.mobile-words-sec,
.mobile-contact-sec,
.mobile-footer-copyright,
.mobile-story-section,
.mobile-about-service-content-main,
.about-content-sec-mobile,
.mobile-case-studies-list{
    display: none;
}

.hero-sec.hero-case-studies h1:after{
display: none;
}

.hero-case-studies .hero-head h1 span:before{
    left: -3px;
    width: 178px;
    height: 60px;
}

.hero-sec.hero-case-studies .hero-head h1:before{
      background-image: url('../images/case-hero-before.svg');
      left: 64px;
      top: -40px;
}

.case-study-list-box-image img {
   width: 100%;
   height: 100%;
   object-fit: contain;
   display: block;
   transform-origin: bottom center;
}

.case-study-list-box-image{
    position: relative;
    width: 90%;
    height: 360px;
    margin: 0 auto;
}

.case-study-list-box-content-head h3{
    color: #D398EC;
   font-family: 'Poppins Medium';
   font-size: 25px;
}

.case-study-list-box-content-bottom-content h3 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 23px;
    padding-bottom: 5px;
}

.case-study-list-box-content-bottom-content p {
    color: #7C7C7C;
    font-family: 'Poppins Regular';
    font-size: 18px;
}

.case-study-list-box-content-bottom-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 20px 0px 20px;
}

.case-study-list-box-content{
    background-image: url('../images/case-list-content-back.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 220px;
    margin-top: -110px;
    z-index: 9;
    position: relative;
}

.case-study-list-box-content-head {
    padding: 30px 0px 20px 20px;
    border-bottom: 1px solid #DEDEDE;
}

.case-study-list-box-content-bottom-link img {
    width: 80px;
}

.case-study-list-box-main{
     background-image: url('../images/case-list-main-back.svg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 535px;
    padding: 30px 20px 0;
    position: relative;
}

section.case-studies-list a{
    margin-top: 100px;
}

section.case-studies-list {
    margin-top: 100px;
}

section.hero-sec.hero-services .hero-head {
    width: 100%;
    margin: 0 auto;
    display: table;
}

.hero-sec.hero-services .hero-head h1 span:before{
        width: 461px;
    height: 61px;
}

.hero-sec.hero-services .hero-head h1:before{
    background-image: url('../images/service-hero-icon-before.svg');
    left: 10px;
    top: 36px;
}

.hero-sec.hero-services .hero-head h1:after{
    background-image: url('../images/service-hero-icon-after.svg');
    top: 116px;
    right: 266px;
}

.services-list-sec{
    margin-top: 100px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 130px 0px 60px 0px;
}

.service-list-top-image img {
    width: 280px;
    height: 80px;
    object-fit: fill;
}

.service-list-top-image{
    margin: 0 auto;
    display: table;
    position: absolute;
    top: -46px;
    transform: translateX(-50%);
    left: 50%;
}

.services-list-main-image img {
    width: 100%;
}

.services-list-main {
   background-color: #FFBE98;
   border: 1px solid #000000;
   border-radius: 20px;
   padding: 50px 20px 30px 20px;
   position: relative;
   height: 450px;
}

.services-list-content h3 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 28px;
    margin-bottom: 20px;
}

.services-list-content p {
    color: #575757;
    font-size: 18px;
    font-family: 'Poppins Regular';
    margin-bottom: 0;
}

.services-list-content {
    text-align: center;
    margin-top: 20px;
}

.services-list-btn .main-btn{
    background-color: #ECD1FB;
    width: 100%;
    font-size: 20px;
    text-align: center;
    font-family: 'Poppins Medium';
    text-transform: uppercase;
    color: #444444;
}

.services-list-btn{
    margin-top: 20px;
}

.service-list-margin{
    margin-bottom: 100px;
}

.hero-sec.hero-contact .hero-head h1 span:before{
        width: 461px;
    height: 61px;
}

.hero-sec.hero-contact .hero-head h1 span:after{
        width: 461px;
    height: 61px;
}

.hero-sec.hero-contact .hero-head h1:before{
    background-image: url('../images/contact-hero-before.svg');
    left: -30px;
    top: 0px;
}

.hero-sec.hero-contact .hero-head h1:after{
    background-image: url('../images/contact-hero-after.svg');
    top: 30px;
    right: -30px;
}

.contactuspage-form-sec{
    margin-top: 100px;
}

.contactuspage-form-left-block{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 50px;
    border-top-left-radius: 20px;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-bottom-left-radius: 20px;
    height: 100%;
    display: flex;
    align-items: center;
}

.contactuspage-left-block-content {
    background-color: #F0EED9;
    border-radius: 20px;
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 40px;
    padding: 40px 30px 40px 30px;
    position:relative;
}

.contactuspage-left-block-content:after{
    content:"";
    background-image:url('https://thirdbrand.digitallyhatch.com/wp-content/themes/twentytwentyone-child/images/contact-info-back.svg');
    width: 140px;
    height: 140px;
    position: absolute;
    right: -40px;
    background-repeat: no-repeat;
    top: 220px;
    background-size: contain;
}

.contactuspage-left-block-content h2 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 30px;
    margin-bottom: 0;
}

.contactuspage-left-block-social ul {
    display: flex;
    gap: 10px;
}

.contactuspage-left-block-social ul li img {
    width: 30px;
}

.contactuspage-left-block-contact-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.contactuspage-left-block-contact-info a {
    color: #444444;
    font-family: 'Poppins Regular';
    font-size: 18px;
    width: fit-content;
}

.c-right-block{
   background-color: #FFBE98;
   padding: 50px;
    border-top-right-radius: 20px;
    border-top: 1px solid #000000;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-bottom-right-radius: 20px; 
}

.contactpage-info-box {
    background-color: #ECD1FB;
    border-radius: 20px;
    padding: 70px 30px 70px 30px;
    text-align: center;
    border: 1px solid #000000;
}

.contactpage-info-box h2 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 30px;
    margin-bottom: 20px;
}

.contactpage-info-box p {
    color: #575757;
    font-family: 'Poppins Regular';
    font-size: 18px;
    margin-bottom: 40px;
    width: 60%;
    margin: 0 auto 40px auto;
}

section.contactpage-info-sec {
    margin-top: 100px;
}

.contactpage-info-box .main-btn {
    text-transform: uppercase;
    font-size: 20px;
}

.contact-location-sec{
    margin-top: 100px;
}

.contact-location-head h2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 85px;
    margin-bottom: 30px;
    position: relative;
}

.contact-location-head h2:before{
    content:"";
    background-size: contain;
    background-image: url('../images/contact-info-heading-icon.svg');
    width: 70px;
    height: 70px;
    position: absolute;
    right: 350px;
    background-repeat: no-repeat;
    bottom: 18px;
}

.contact-location-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    margin: 0 auto;
    font-size: 20px;
    display: table;
}

.reel-head h2 span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
    background-position: left 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.brands-head h2 span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
    background-position: left 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.services-head h2 span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
    background-position: left 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.plus-head h2 span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
    background-position: left 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.words-head h2 span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
    background-position: left 8px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.about-content-main p span {
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 95%;
    background-position: 0px 0px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.contact-location-map-image img{
width: 100%;
}

.contact-location-map-main {
    background-color: #FFBE98;
    border-radius: 20px;
    border: 1px solid #000000;
    padding: 70px 70px 50px 70px;
}

.contact-location-map-content h2 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 30px;
    margin-bottom: 20px;
}

.contact-location-map-content p {
    color: #575757;
    font-family: 'Poppins Regular';
    font-size: 18px;
    margin-bottom: 30px;
}

.contact-location-map-content a {
    font-size: 20px;
    text-transform: uppercase;
}

.contact-location-head {
    margin-bottom: 80px;
}

.marquee-section {
  width: 100%;
  background-color: #EAFE5F;
  overflow: hidden;
  padding: 28px 0;
  margin-top: 100px;
}

.marquee {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee-track {
  display: inline-flex;
  align-items: center;
  width: max-content;
  animation: marqueeMove 18s linear infinite;
}

.marquee-track span {
  font-size: 100px;
  line-height: 1;
  font-weight: 900;
  color: #444444;
  text-transform: uppercase;
  white-space: nowrap;
  padding-right: 32px;
font-family: 'Bueno Bold';
}

.marquee:hover .marquee-track {
  animation-play-state: paused;
}

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

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

.story-step.story-step-1 h1{
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 85px;
     will-change: transform, opacity;
    position: relative;
        margin-bottom: 140px;
}

.story-step.story-step-1{
    opacity: 1;
    visibility: visible;
}

.story-step.story-step-2,
.story-step.story-step-3,
.story-step.story-step-4{
    opacity: 0;
    visibility: hidden;
}

.story-box{
    text-align: center;
    position: relative;
    overflow: hidden;
    height: 410px;
}

.scroll-icon img {
    width: 50px;
    margin-bottom: 140px;
    will-change: transform, opacity;
}

.story-step{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    will-change: transform, opacity;
}

.story-step.story-step-2 h2 , .story-step.story-step-3 h2 {
    text-transform: uppercase;
    font-size: 70px;
    color: #444444;
    line-height: 85px;
    position: relative;
   margin-bottom: 50px;
       will-change: transform, opacity;
}

.story-step.story-step-4 p {
    font-family: 'Poppins Regular';
    color: #444444;
    will-change: transform, opacity;
    font-size: 22px;
    opacity: 1;
    line-height: 25px;
}

section.about-content-sec {
    padding-top: 500px;
    position: relative;
}

.about-content-main p {font-family: 'Poppins Medium';text-align: center;font-size: 20px;color: #444444;line-height: 27px;}

.about-content-images img{
width: 300px;
}

img.ab-1 {
    position: absolute;
    top: 180px;
    left: 320px;
}

.about-content-main {
    width: 65%;
    margin: 0 auto;
}

img.ab-2 {
    right: 0;
    position: absolute;
    top: 300px;
}

img.ab-4 {
    position: absolute;
    right: 480px;
    top: 720px;
}

.about-fueled-main h2 {
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 85px;
    will-change: transform, opacity;
    position: relative;
    margin-bottom: 20px;
}

.about-fueled-main {
    text-align: center;
}

.about-fueled-main p {
    font-family: 'Poppins Medium';
    text-align: center;
    font-size: 20px;
    color: #444444;
    width: 75%;
    margin: 0 auto;
}

section.about-fueled-content {
    margin-top: 150px;
}

section.about-service-content-sec {
    margin-top: 150px;
}

.about-service-content-head h2 {
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 85px;
    will-change: transform, opacity;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.about-service-content-list {
    background-color: #ECD1FB;
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 22px;
    padding: 10px 20px 10px 20px;
    border-radius: 50px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-service-content-list p {
    text-align: center;
    margin-bottom: 0;
}

.about-service-content-list-main {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-service-content-list.about-service-last {
    width: fit-content;
    margin: 0 auto;
    padding: 30px 50px 30px 50px;
}

.row.about-service-first-row .about-service-content-list {
    padding: 30px 30px 30px 30px;
}

.about-service-content-head {
    margin-bottom: 80px;
}


section.about-timer-sec {
    margin-top: 150px;
}

.about-timer-content h2 {
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 75px;
    will-change: transform, opacity;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
}

.about-timer-content p {
    font-family: 'Poppins Medium';
    font-size: 20px;
    color: #444444;
    width: fit-content;
    margin: 0;
    text-align: center;
}

.about-timer-content {
    margin: 0 auto;
    display: table;
}

.brands-sec.inner-brand-sec {
    margin-top: 150px;
}

section.about-simple-sec {
    margin-top: 150px;
}

.about-simple-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
}

.about-simple-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 0px;
}

.about-simple-main-box {
    background-color: #FFBE98;
    border-radius: 20px;
    padding: 40px 30px 20px 30px;
    border: 1px solid #000000;
    width: 42%;
    position: relative;
}

.about-simple-head {
    margin-bottom: 50px;
}

.about-simple-main-box p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 20px;
}

.about-simple-main-box ul li{
       color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
}

.about-simple-main-box ul{
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin-bottom: 20px;
    margin-left: 10px;
}

.about-simple-main-box:before{
    content:"";
    background-image: url('../images/about-simple-box-icon.svg');
    background-size: contain;
    width: 130px;
    height: 130px;
    position: absolute;
    right: -50px;
    background-repeat: no-repeat;
    top: -40px;
}

.mission-vision-back{
    background-image: url('../images/vision-mission-back.webp');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 150px 100px 150px 90px;
    height: 100%;
    width: 100%;
}

.about-mission-vision-text h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3;
}

.about-mission-vision-text p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 0px;
    width: 30%;
}

.about-mission-vision-text.vision-right p {
    width: 100%;
}

.about-mission-vision-text.vision-right {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 28%;
    float: right;
}

section.about-mission-vision-sec {
    margin-top: 100px;
}

.about-still-scrolling-sec{
    margin-top: 100px;
}

.about-still-scrolling-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 10px;
    position: relative;
    z-index: 3;
}

.about-still-scrolling-head {
    text-align: center;
}


.about-still-scrolling-head p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 40px;
}

.about-still-scrolling-head a {
    text-transform: uppercase;
}

.casestudy-detail-head h1 {
    text-transform: uppercase;
    font-size: 90px;
    color: #444444;
    line-height: 85px;
    position: relative;
    text-align: center;
    width: 80%;
    margin: 0px auto 30px auto;
}

.casestudy-detail-head p{
        color: #444444;
        font-family: 'Poppins Medium';
        width: 50%;
        margin: 0 auto 50px auto;
        font-size: 18px;
        text-align: center;
}

.casestudy-detail-featured-image img{
    width: 100%;
}

.casestudy-detail-featured-image {
    margin-top: 30px;
}

.casestudy-detail-gist-content {
    margin-top: 50px;
}

.casestudy-detail-gist-content {
    margin-top: 50px;
}

.casestudy-detail-gist-content h2 {
    font-size: 60px;
    color: #444444;
    position: relative;
    margin-bottom: 20px;
    font-family: 'Poppins SemiBold';
}

.casestudy-detail-gist-content p {
    color: #444444;
    font-family: 'Poppins Regular';
    font-size: 18px;
}

.casestudy-detail-gist-content ul li {
    font-family: 'Poppins Medium';
    font-size: 18px;
    background-color: #363636;
    color: #fff;
    border-radius: 50px;
    padding: 10px 25px 10px 25px;
}

.casestudy-detail-gist-content ul {
    display: flex;
    gap: 20px;
    margin-top: 40px;
}

.casestudy-messay-part-main {
    margin-top: 50px;
}

.casestudy-messay-part-main h2{
        font-size: 60px;
        color: #444444;
        position: relative;
        margin-bottom: 20px;
        font-family: 'Poppins SemiBold';
}

.casestudy-messay-part-main ul{
    display: flex;
    gap: 6px;
    flex-direction: column;
    padding-left: 20px;
    text-align: left;
}

.casestudy-messay-part-main ul li {
    color: #444444;
    font-family: 'Poppins Regular';
    font-size: 18px;
    list-style-type: disc;
}

.casestudy-messay-part-main p {
    color: #444444;
    font-family: 'Poppins Regular';
    font-size: 18px;
    margin-top: 20px;
    margin-bottom: 20px;
}

.casestudy-bottom-featured img {
    width: 100%;
}

.casestudy-bottom-featured {
    margin-top: 70px;
}

.services-detail-head{
    text-align: center;
}

.services-detail-head h1{
text-transform: uppercase;
font-size: 90px;
color: #444444;
line-height: 85px;
margin-bottom: 30px;
position: relative;
}

.services-detail-head p{
        color: #444444;
    font-family: 'Poppins Medium';
    width: 50%;
    margin: 0 auto 50px auto;
    font-size: 18px;
}

.services-detail-head-main {
    background-size: cover;
    padding: 100px 200px 100px 200px;
    background-repeat: no-repeat;
    background-position: bottom;
    border-radius: 20px;
    border: 1px solid;
    margin-top: 20px;
}

.services-detail-head-inner{
    background-color: #FFFBEF;
    padding: 50px 50px 50px 50px;
    border-radius: 20px;
    text-align: center;
    border: 1px solid;
}

.services-detail-head-inner p {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
    margin-bottom: 40px;
}

.marquee-section.services-detail-marquee {
    background-color: #D398EC;
}

.marquee-section.services-detail-marquee .marquee-track span{
color: #fff;
}

.services-detail-look-head h2 {
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
}

.services-detail-look-head p{
        color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
}

.services-detail-look-head {
    text-align: center;
    margin-bottom: 70px;
}

.services-detail-look-sec{
    margin-top:100px;
}


.look-gallery .look-item {
  padding: 10px;
}
.look-gallery .look-item img {
  width: 100%;
  border-radius: 12px;
  display: block;
  object-fit: cover;
}

.services-detail-process-head h2{
    text-transform: uppercase;
    font-size: 80px;
    color: #444444;
    line-height: 80px;
    margin-bottom: 20px;
    position: relative;
}

.services-detail-process-head p{
        color: #444444;
    font-family: 'Poppins Medium';
    font-size: 18px;
}

section.services-detail-process-sec {
    margin-top: 100px;
}

.services-detail-process-head{
    text-align: center;
    margin-bottom: 70px;
}

.process-card {
     width: 70%;
     padding: 30px;
     border-radius: 10px;
     transition: transform 0.3s;
     border: 1px solid;
}

.process-card-head h3 {
    color: #444444;
    font-family: 'Poppins Medium';
    font-size: 28px;
    margin-bottom: 0;
}


.process-card-head p{
color: #444444;
font-family: 'Poppins SemiBold';
font-size: 25px;
margin-bottom: 0;
}

.process-card-head {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #000000;
    padding-bottom: 15px;
}

.process-card-bottom p {
    color: #575757;
    font-family: 'Poppins Regular';
    font-size: 18px;
    margin-bottom: 0px;
}

.process-card-bottom {
    padding-top: 25px;
}

.process-card.process-card-blue {
    background-color: #9CC3FF;
    transform: rotate(-2deg) translateX(0);
}

.process-card.process-card-purple {
    background-color: #D398EC;
      transform: rotate(2deg) translateX(-20px);
}

.process-card.process-card-yellow {
    background-color: #EAFE5F;
    transform: rotate(-4deg) translateX(10px);
}

.process-card-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    position: relative;
    align-items: center;
}

section.words-sec.service-words-sec {
    margin-top: 150px;
}

section.words-sec.service-words-sec  .words-head h2 {
    margin: 0px auto 30px auto;
    text-align: center;
}

section.words-sec.service-words-sec  .words-head p {
    margin: 0 auto;
    text-align: center;
}


body.menu-open {
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
}

section.hero-sec.hero-services .hero-head p {
    width: 70%;
}

.digital-sec-video {
    width: 100%;
    max-height: 500px;
    overflow: hidden;
    position: relative;
}

.digital-video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

p.form-bottom-text {
    color: #444444;
    font-size: 18px;
    font-family: 'Poppins Regular';
}

.case-study-2-images {
    display: flex;
    gap: 30px;
    margin-top: 100px;
}

.case-study-2-image img {
    width: 100%;
    height: 100%;
}

.footer-copyright p {
    color: #444444;
}

.footer-copyright span {
    color: #444444;
}

.mobile-hero-head h1 span,
.mobile-reel-head h2 span,
.mobile-brands-head h2 span,
.mobile-services-head h2 span,
.mobile-plus-head h2 span,
.mobile-words-head h2 span,
.about-mobile-content-main span,
.about-mobile-content-main span,
.digital-sec-head h2 span{
    display: inline;
    background-image: linear-gradient(#e9c8ff, #e9c8ff);
    background-repeat: no-repeat;
    background-size: 0% 55%;
  background-position: left 1px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}

.main-btn {
    background: #9CC3FF;
    padding: 8px 22px;
    border-radius: 30px;
    overflow: hidden;
    position: relative;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    color: #444444;
    font-family: 'Poppins Medium';
    border: 1px solid #000;
}