/********** Template CSS **********/
  @import url('https://fonts.googleapis.com/css?family=Slabo+27px');
    @import url("https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600");
:root {
    --primary: #4761FF;
    --secondary: #555555;
    --light: #F1F3FA;
    --dark: #1C2035;
}


.back-to-top {
    position: fixed;
    display: none;
    right: 30px;
    bottom: 90px;
    z-index: 99;
}

.fw-medium {
    font-weight: 500;
}


/*** Spinner ***/
#spinner {
    opacity: 0;
    visibility: hidden;
    transition: opacity .5s ease-out, visibility 0s linear .5s;
    z-index: 99999;
}

#spinner.show {
    transition: opacity .5s ease-out, visibility 0s linear 0s;
    visibility: visible;
    opacity: 1;
}


/*** Button ***/
.btn {
    transition: .5s;
    font-weight: 500;
}

.btn-primary,
.btn-outline-primary:hover {
    color: var(--light);
}

.btn-secondary,
.btn-outline-secondary:hover {
    color: var(--dark);
}

.btn-square {
    width: 38px;
    height: 38px;
}

.btn-sm-square {
    width: 32px;
    height: 32px;
}

.btn-lg-square {
    width: 48px;
    height: 48px;
}

.btn-square,
.btn-sm-square,
.btn-lg-square {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: normal;
}



/*** Navbar ***/
.sticky-top {
  top: 0 !important;       /* Fix top position */
  z-index: 1030 !important;
  transition: top 0.5s ease;
}

.navbar .navbar-nav .nav-link {
    margin-right: 35px;
    padding: 25px 0;
    color: var(--dark);
    font-size: 18px;
    font-weight: 500;
    outline: none;
}

.navbar .navbar-nav .nav-link:hover,
.navbar .navbar-nav .nav-link.active {
    color: var(--primary);
}

.navbar .dropdown-toggle::after {
    border: none;
    content: "\f107";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    vertical-align: middle;
    margin-left: 8px;
}

@media (max-width: 991.98px) {
    .navbar .navbar-nav .nav-link  {
        margin-right: 0;
        padding: 10px 0;
    }

    .navbar .navbar-nav {
        margin-top: 15px;
        border-top: 1px solid #EEEEEE;
    }
}

@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        border: none;
        margin-top: 0;
        top: 150%;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}

/*** Header ***/
#header-carousel {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.page-header1 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}


/* Carousel caption overlay */
.carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    background: rgba(0, 0, 0, 0.1);
    z-index: 1;
}

/* Carousel controls */
.carousel-control-prev,
.carousel-control-next {
    width: 15%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 3.5rem;
    background-color: var(--primary);
    border: 15px solid var(--primary);
}

/* Mobile carousel size */
@media (max-width: 768px) {
    #header-carousel .carousel-item {
        position: relative;
        min-height: 300px;
    }

    #header-carousel .carousel-item img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

/* Carousel spacing fix */
#header-carousel {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* Page header background */
.page-header {
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), 
                url(../img/about1.webp) center center no-repeat;
    background-size: cover;

    margin-top: 0 !important;     /* ✅ remove space above */
    padding-top: 0 !important;    /* ✅ remove extra padding */
}

/* Breadcrumb styling */
.page-header .breadcrumb-item + .breadcrumb-item::before {
    color: var(--light);
}

.page-header .breadcrumb-item,
.page-header .breadcrumb-item a {
    font-size: 18px;
    color: var(--light);
}

/*** Features ***/
.feature-row {
    box-shadow: 0 0 45px rgba(0, 0, 0, .08);
}

.feature-item {
    border-color: rgba(0, 0, 0, .03) !important;
}


/*** About ***/
.about {
    background: linear-gradient(rgba(0, 0, 0, .1), rgba(0, 0, 0, .1)), url(../img/about\ us.webp) left center no-repeat;
    background-size: cover;
    width:100;
}

.btn-play {
    position: relative;
    display: block;
    box-sizing: content-box;
    width: 36px;
    height: 46px;
    border-radius: 100%;
    border: none;
    outline: none !important;
    padding: 18px 20px 20px 28px;
    background: var(--primary);
}

.btn-play:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--primary);
    border-radius: 100%;
    animation: pulse-border 1500ms ease-out infinite;
}

.btn-play:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 90px;
    height: 90px;
    background: var(--primary);
    border-radius: 100%;
    transition: all 200ms;
}

.btn-play span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    left: 3px;
    border-left: 30px solid #FFFFFF;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
}

@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(2);
        opacity: 0;
    }
}

.modal-video .modal-dialog {
    position: relative;
    max-width: 800px;
    margin: 60px auto 0 auto;
}

.modal-video .modal-body {
    position: relative;
    padding: 0px;
}

.modal-video .close {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0px;
    top: -30px;
    z-index: 999;
    font-size: 30px;
    font-weight: normal;
    color: #FFFFFF;
    background: #000000;
    opacity: 1;
}


/*** Service ***/
.service-item .service-text {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .06);
    transition: .5s;
    z-index: 2;
}

.service-item:hover .service-text {
    top: -1.5rem;
}

.service-item .service-text h5 {
    transition: .5s;
}

.service-item:hover .service-text h5 {
    color: var(--primary);
}

.service-item .service-btn {
    position: absolute;
    width: 80%;
    height: 3rem;
    left: 10%;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFFFFF;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
    z-index: 1;
}

.service-item:hover .service-btn {
    bottom: -1.5rem;
}


/*** Project ***/
.project-item {
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.project-item .project-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    padding-top: 60px;
    transition: .5s;
}

.project-item:hover .project-overlay {
    opacity: 1;
    padding-top: 0;
}

.project-carousel .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    display: flex;
}

.project-carousel .owl-nav .owl-prev,
.project-carousel .owl-nav .owl-next {
    margin-left: 15px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    border-radius: 55px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .15);
    font-size: 25px;
    transition: .5s;
}

.project-carousel .owl-nav .owl-prev:hover,
.project-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .project-carousel .owl-nav {
        top: -70px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .project-carousel .owl-nav .owl-prev,
    .project-carousel .owl-nav .owl-next {
        margin: 0 7px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}


/*** Team ***/
.team-item {
    position: relative;
    text-align: center;
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
}

.team-item .team-social {
    position: absolute;
    padding: 0;
    top: 15px;
    left: 0;
    overflow: hidden;
}

.team-item .team-social li {
    list-style-type: none;
    margin-bottom: 10px;
    margin-left: -50px;
    opacity: 0;
    transition: .5s;
}

.team-item:hover .team-social li {
    margin-left: 15px;
    opacity: 1;
}

.team-item .team-social li .btn {
    background: #FFFFFF;
    color: var(--primary);
    border-radius: 40px;
    transition: .5s;
}

.team-item .team-social li .btn:hover {
    color: #FFFFFF;
    background: var(--primary);
}

.team-item .team-social li:nth-child(1) {
    transition-delay: .1s;
}

.team-item .team-social li:nth-child(2) {
    transition-delay: .2s;
}

.team-item .team-social li:nth-child(3) {
    transition-delay: .3s;
}

.team-item .team-social li:nth-child(4) {
    transition-delay: .4s;
}

.team-item .team-social li:nth-child(5) {
    transition-delay: .5s;
}


/*** Testimonial ***/
.testimonial-item {
    box-shadow: 0 0 45px rgba(0, 0, 0, .07);
    transition: .5s;
}

.owl-item .testimonial-item,
.testimonial-item * {
    transition: .5s;
}

.owl-item.center .testimonial-item,
.testimonial-item:hover {
    background: var(--primary);
}

.owl-item.center .testimonial-item *,
.testimonial-item:hover * {
    color: #FFFFFF !important;
}

.testimonial-item img {
    width: 100px !important;
    height: 100px !important;
    border-radius: 100px;
}

.testimonial-carousel .owl-nav {
    position: absolute;
    top: -100px;
    right: 0;
    display: flex;
}

.testimonial-carousel .owl-nav .owl-prev,
.testimonial-carousel .owl-nav .owl-next {
    margin-left: 15px;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--secondary);
    border-radius: 55px;
    box-shadow: 0 0 45px rgba(0, 0, 0, .15);
    font-size: 25px;
    transition: .5s;
}

.testimonial-carousel .owl-nav .owl-prev:hover,
.testimonial-carousel .owl-nav .owl-next:hover {
    background: var(--primary);
    color: #FFFFFF;
}

@media (max-width: 768px) {
    .testimonial-carousel .owl-nav {
        top: -70px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonial-carousel .owl-nav .owl-prev,
    .testimonial-carousel .owl-nav .owl-next {
        margin: 0 7px;
        width: 45px;
        height: 45px;
        font-size: 20px;
    }
}


/*** Footer ***/
.footer {
    color: #B0B9AE;
}

.footer .btn.btn-link {
    display: block;
    margin-bottom: 5px;
    padding: 0;
    text-align: left;
    color: #B0B9AE;
    font-weight: normal;
    text-transform: capitalize;
    transition: .3s;
}

.footer .btn.btn-link::before {
    position: relative;
    content: "\f105";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 10px;
}

.footer .btn.btn-link:hover {
    color: var(--light);
    letter-spacing: 1px;
    box-shadow: none;
}

.copyright {
    color: #B0B9AE;
}

.copyright {
    background: #111111;
}

.copyright a:hover {
    color: var(--primary) !important;
}


  

:root {
    --color-brand-primary: hsl(var(--color-brand-primary-h), 43%, 43%);
    --color-brand-primary-h: 251;
    --color-brand-primary-s: 43%;
    --color-brand-primary-l: 43%;
    --color-brand-accent: hsl(var(--color-brand-accent-h), 96%, 61%);
    --color-brand-accent-h: 16;
    --color-brand-accent-s: 96%;
    --color-brand-accent-l: 61%;
    --color-brand-accent-bg: hsl(calc(var(--color-brand-accent-h) + 17), 100%, 96%);
    --ratio: 1.4;
    --s-6: calc(var(--s-5) / var(--ratio));
    --s-5: calc(var(--s-4) / var(--ratio));
    --s-4: calc(var(--s-3) / var(--ratio));
    --s-3: calc(var(--s-2) / var(--ratio));
    --s-2: calc(var(--s-1) / var(--ratio));
    --s-1: calc(var(--s0) / var(--ratio));
    --s0: calc(1.05rem + 0.333vw);
    --s1: calc(var(--s0) * var(--ratio));
    --s2: calc(var(--s1) * var(--ratio));
    --s3: calc(var(--s2) * var(--ratio));
    --s4: calc(var(--s3) * var(--ratio));
    --s5: calc(var(--s4) * var(--ratio));
    --s6: calc(var(--s5) * var(--ratio));
    font-size: 70.5%;
    line-height: 1.5;
    box-sizing: border-box;
}

@media (min-width: 40.625em) {
    :root {
        --s0: calc(1.25rem + 0.333vw);
    }
}

@media (min-width: 48em) {
    :root {
        --s0: calc(1.4rem + 0.333vw);
    }
}

@media (min-width: 62em) {
    :root {
        --s0: calc(1.6rem + 0.333vw);
    }
}

*,
*:before,
*:after {
    box-sizing: inherit;
}

body {
    font-size: 1.4rem;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    background-color: white;
}

@media (min-width: 48em) {
    body {
        font-size: 1.5rem;
    }
}

@supports (font-variation-settings: normal) {
    body {
        font-family: "Inter var", sans-serif;
    }
}

h2,
h3,
p,
ul {
    margin: 0;
}

ul {
    padding: 0;
}

ul li {
    /* Remove li Bullets with zero-width space for accessability */
    list-style-type: none;
}

ul li:before {
    content: "​";
    /* add zero-width space */
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    position: absolute;
}

.c-section {
    padding: 0 var(--s3);
}

.c-section__title {
    padding: var(--s2) var(--s3) calc(var(--s6) * 1.8);
    margin: 0 calc(var(--s3) * -1);
    color: #fff;
    font-size: var(--s4);
    font-weight: 700;
    letter-spacing: -0.04em;
    text-align: center;
}

@media (min-width: 40.625em) {
    .c-section__title {
        padding: var(--s2) var(--s3) var(--s4);
    }
}

@media (min-width: 40.625em) {
    .c-section__title {
        display: flex;
        align-items: self-start;
        justify-content: flex-end;
        position: relative;
        text-align: unset;
    }
}

.c-section__title:after {
    content: "";
    display: block;
    background-size: calc(var(--s5) * 3) calc(var(--s5) * 3);
    width: calc(var(--s5) * 3);
    height: calc(var(--s5) * 3);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: auto;
    margin-right: auto;
    transform: translateY(11rem);
    z-index: 1;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='aadef149-4ba5-4382-9e09-7df651a328a5' data-name='Layer 1' width='704' height='745.19433' viewBox='0 0 704 745.19433' class='injected-svg modal__media modal__lg_media' data-src='https://42f2671d685f51e10fc6-b9fcecea3e50b3b59bdc28dead054ebc.ssl.cf5.rackcdn.com/illustrations/mobile_web_2g8b.svg'%3E%3Ctitle%3Emobile_web%3C/title%3E%3Cpath d='M344.69391,661.25125l-8.38722-33.073A429.46111,429.46111,0,0,0,290.74208,611.834l-1.05792,15.37062L285.39,610.2712c-19.202-5.482-32.265-7.89648-32.265-7.89648s17.64872,67.09731,54.6606,118.39272l43.124,7.57249-33.50125,4.83219A173.75069,173.75069,0,0,0,332.395,749.05228c53.84043,49.96979,113.80669,72.89422,133.93843,51.20309s-7.1946-79.78376-61.035-129.75355c-16.69106-15.49113-37.65818-27.92221-58.646-37.70546Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M424.44317,625.32976l9.91563-32.64732a429.46451,429.46451,0,0,0-30.557-37.54385L394.9511,567.7497l5.07688-16.71545c-13.60408-14.61837-23.53857-23.43755-23.53857-23.43755s-19.57459,66.561-14.40543,129.60362l33.00186,28.77326L363.9095,672.79331a173.75138,173.75138,0,0,0,4.62073,21.34072c20.26038,70.60659,59.74453,121.22757,88.19038,113.06511s35.08143-72.01738,14.821-142.624c-6.28092-21.88874-17.80407-43.36822-30.71362-62.59176Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cellipse cx='352' cy='727.19433' rx='352' ry='18' fill='%233f3d56'/%3E%3Cpath d='M805.65354,250.35009h-3.99878V140.80476a63.40186,63.40186,0,0,0-63.40205-63.40193H506.16627a63.40186,63.40186,0,0,0-63.402,63.40193V741.77894a63.40186,63.40186,0,0,0,63.402,63.40193H738.25271a63.40186,63.40186,0,0,0,63.40205-63.40193V328.32631h3.99878Z' transform='translate(-248 -77.40283)' fill='%233f3d56'/%3E%3Cpath d='M788.16,141.24713v600.09a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-600.09a47.35089,47.35089,0,0,1,47.35-47.35H535.9a22.50661,22.50661,0,0,0,20.83,30.99H689.69a22.50673,22.50673,0,0,0,20.83-30.99h30.29A47.35084,47.35084,0,0,1,788.16,141.24713Z' transform='translate(-248 -77.40283)' fill='%23fff'/%3E%3Cpath d='M788.16,612.40716v128.93a47.3508,47.3508,0,0,1-47.35,47.35H507.61a47.35084,47.35084,0,0,1-47.35-47.35v-116.36a222.97136,222.97136,0,0,1,327.9-12.57Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='322.174 511.167 312.75 511.167 315.891 327.064 319.033 327.064 322.174 511.167' fill='%23e6e6e6'/%3E%3Cpath d='M578.02779,288.5586l15.21367-23.512a352.49687,352.49687,0,0,0-15.60827-36.53743l-9.83764,7.94573,7.78946-12.03815c-7.42343-14.61275-13.26462-23.81956-13.26462-23.81956s-30.5115,48.08118-40.70521,98.98824l19.52266,30.17145L519.5254,312.3006a142.61,142.61,0,0,0-1.18572,17.8826c0,60.291,19.69081,109.16642,43.98071,109.16642s43.98072-48.87547,43.98072-109.16642c0-18.69079-4.22846-38.24546-10.0614-56.33418Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='267.479 524.167 262.908 524.167 264.432 434.879 265.955 434.879 267.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M519.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S533,505.49564,533,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Cpolygon points='386.479 524.167 381.908 524.167 383.432 434.879 384.955 434.879 386.479 524.167' fill='%23e6e6e6'/%3E%3Cpath d='M638.28775,456.06773l7.37846-11.40307a170.95723,170.95723,0,0,0-7.56983-17.72025l-4.77115,3.85359,3.7778-5.83837c-3.60028-7.087-6.43319-11.55223-6.43319-11.55223s-14.79775,23.31885-19.74158,48.00821l9.46827,14.63282-10.48179-8.46609a69.16528,69.16528,0,0,0-.57506,8.67286c0,29.24044,9.54982,52.94451,21.33016,52.94451S652,505.49564,652,476.2552c0-9.06483-2.05076-18.54863-4.87967-27.32146Z' transform='translate(-248 -77.40283)' fill='%23e6e6e6'/%3E%3Ccircle cx='264' cy='186.19433' r='42' fill='%23e6e6e6'/%3E%3Cpolygon points='415.872 234.173 492.533 236.077 502.852 144.666 415.872 144.666 415.872 234.173' fill='%232f2e41'/%3E%3Cpath d='M644.76993,239.9612l-21.14671-81.078s5.84211-38.92023,19.97409-38.27814-3.66865,38.049-3.66865,38.049l23.94311,70.03766Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M686.22412,443.10875l3.31146,33.11459s-104.311,71.19639-104.311,100.99953-3.31146,124.17974-3.31146,124.17974l38.08179,1.65573,3.31146-44.70471s8.27865-49.67189,3.31146-67.88492l54.63908-41.39325s-16.5573,19.86876-13.24584,54.63909S663.0439,706.3698,663.0439,706.3698l39.73752,3.31146s4.96719-36.42606,6.62292-39.73752,9.93438-62.91773,1.65573-79.475l67.88493-79.475s23.18022-29.80314,0-59.60627l-13.24584-6.62292Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M583.56887,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42606,18.213-9.93438,21.52449,36.42606-3.31146,41.39325-11.59011,14.90157-21.52449,14.90157-21.52449L603.43763,790.812h8.27865l13.56912-47.49194a29.95239,29.95239,0,0,0-5.09327-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M666.35536,694.77969l-3.31146,21.52449-21.52449,51.32763s-36.42605,18.213-9.93437,21.52449,36.426-3.31146,41.39324-11.59011,14.90157-21.52449,14.90157-21.52449L686.22412,790.812h8.27865l13.56913-47.49194a29.95239,29.95239,0,0,0-5.09328-26.76756q-.09786-.12417-.1972-.24835c-6.62292-8.27865-3.31146-19.86876-3.31146-19.86876Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Ccircle cx='458.09288' cy='162.05113' r='33.1146' fill='%23ffb8b8'/%3E%3Cpath d='M704.43715,267.60138l14.90157,34.77032,29.80314-23.18022s-18.213-24.83594-18.213-28.1474Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M707.74861,287.47013l7.06394,4.34051s22.82273-12.10094,28.576-20.6387c0,0,20.65486-6.882,28.93351,9.67527s-4.96719,130.80267-4.96719,130.80267,8.27865,11.59011,6.62292,16.5573S778.945,441.453,778.945,441.453v9.93438s-94.37661,1.65573-94.37661-6.62292V418.2728l-9.93438-3.31146s-9.93438,21.52449-13.24584,19.86876-19.86876-14.90157-19.86876-14.90157,26.49168-87.75369,41.39325-102.65526l18.213-31.45887Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M704.43715,289.12586s-3.31146-6.62292-8.27865-8.27865-29.80314-36.42605-29.80314-36.42605l3.31146-18.213-33.1146-4.96719s1.65573,18.213,8.27865,29.80314,43.049,71.19638,43.049,71.19638l18.213-33.1146Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M730.101,420.75639l-19.86875,59.60628s-41.39325,46.36044-18.213,46.36044,34.77032-41.39325,34.77032-41.39325l28.14741-59.60628Z' transform='translate(-248 -77.40283)' fill='%23ffb8b8'/%3E%3Cpath d='M666.40465,239.938c26.52245-10.63018,52.66949-12.89779,78.1352,0V218.51138A13.95535,13.95535,0,0,0,730.58449,204.556H677.42954a11.02489,11.02489,0,0,0-11.02489,11.02489Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpath d='M750.79759,285.8144s15.10671-12.79586,23.28279,1.88072,3.20889,77.59432,1.55316,85.873-13.24584,59.60628-13.24584,59.60628l-39.73752-8.27865s-3.31146-23.18022,6.62292-21.52449Z' transform='translate(-248 -77.40283)' fill='%23fb6f3c'/%3E%3Cpath d='M767.27813,271.58657c-7.47508-4.10485-10.95384-13.3183-11.20173-21.8427-.24822-8.5244,1.81928-16.96078,1.98174-25.48727a19.70066,19.70066,0,0,0-.44217-5.19738,19.99152,19.99152,0,0,0-2.85872-5.91734c-9.72073-14.89484-26.61815-25.37235-44.41647-25.53721a19.72685,19.72685,0,0,0-7.51573,1.38171c-1.84014.737-2.44183.64676-2.79446,2.90614a18.80778,18.80778,0,0,0-12.90778.41044,43.67006,43.67006,0,0,0-11.28781,6.72245,50.91134,50.91134,0,0,0-5.707,4.94121c-9.4059,9.74414-11.57188,24.76187-8.847,38.02816.88586,4.313-3.3647,8.47684-6.88166,11.12594s-7.57824,5.08173-9.3054,9.132c-1.66117,3.89607-.74885,8.35188-1.08333,12.57414a21.50585,21.50585,0,0,1-13.71993,18.06931,6.619,6.619,0,0,0,6.38589,2.24579,15.71689,15.71689,0,0,0,6.65437-3.168,39.58173,39.58173,0,0,0,14.7562-21.89461c1.03307,4.69842.63244,9.54449.59442,14.355a40.097,40.097,0,0,1-2.90746,15.67932,22.95849,22.95849,0,0,1-10.57045,11.63912c4.6135,2.25911,9.69783.62172,13.60738-2.71074,3.90938-3.33246,6.21789-8.16974,7.83049-13.047a65.02715,65.02715,0,0,0,3.1334-24.67964A35.23865,35.23865,0,0,1,674.197,295.3399a36.73,36.73,0,0,1-12.45807,21.62429,71.55883,71.55883,0,0,0,32.75215-8.24838,18.53725,18.53725,0,0,0,6.71768-5.17351c3.251-4.50991,2.48187-10.6609,1.57006-16.14519-.72122-4.3364,4.69775-10.60546,1.5945-13.71918a5.14429,5.14429,0,0,0-3.44914-1.48246c-9.45259-.91006-18.20527-5.65746-23.25035-13.70275-3.53538-5.63781-5.87629-12.07592-5.87629-18.09738a32.93149,32.93149,0,1,1,64.38483,9.77247,66.08219,66.08219,0,0,0-2.39716,11.16014,87.6848,87.6848,0,0,1-2.6728,12.98267c-2.34787,8.17535-6.32542,16.51719-13.68526,20.7814,2.47315,1.35348,5.33556,1.41445,8.13766,1.72322,9.23506,1.01758,18.9478.79289,27.30655-3.26312C761.2304,289.496,767.87372,280.85839,767.27813,271.58657Z' transform='translate(-248 -77.40283)' fill='%232f2e41'/%3E%3Cpolygon points='490.38 252.288 481.739 323.422 482.101 255.6 490.38 252.288' opacity='0.2'/%3E%3Cpolygon points='518.772 336.291 515.216 358.255 523.494 361.567 518.772 336.291' opacity='0.2'/%3E%3C/svg%3E");
}

@media (min-width: 40.625em) {
    .c-section__title:after {
        margin-left: auto;
        margin-right: 0;
        transform: translateY(2rem);
    }
}

.c-section span:before {
    content: "";
    display: block;
    position: absolute;
left:0px;
    width: 100%;
    height: 200%;
    transform: skew(0deg, 10deg);
    z-index: -1;
    background: var(--color-brand-primary);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='487' height='243.5' viewBox='0 0 1600 800' style='&%2310; opacity: .45;&%2310;'%3E%3Cpath fill='%23fdb9a0' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5-.2.3-16-12.3-21-17zm123.8-505.7c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9.4-.5.5-1.3.2-1.8zM33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3h.1c7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9-.1-6.1-.1-13.2 0-19.1z' style='&%2310;'/%3E%3Cpath fill='%23fee272' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1-.1.3-20.3.1-27.1-.5zm425.3 328.4c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4.3-.3.2-1.1-.2-1.6zm131.1-531.9c.6.2 1.3-.2 1.4-.8v-.4c.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6v.1c-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5 5.8 1.3 12.7 2.9 18.5 4.3zm1-1.8c-.1-.1-.2-.2-.4-.2.2 0 .3.1.4.2z'/%3E%3Cg fill='%23eac5e7'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3l1.5 3.3c2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5-.4.2-.9.3-1.4.3zm40.8-51.3c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14 .4-.4.9-.6 1.4-.6zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4 2.1 1.7 4.1 3.6 5.8 5.7z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9l.2.2c1.4 1.4 3.7 1.5 5.2.2 1.7-1.2 1.8-3.6.4-5.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5v-2.3c0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1l-2.4.3zm4.5-69.4c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3v2.4c-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3-3.9-5.5-10.9-10.6-15.9-13.3-1.4-.8-2.4-1.1-2.9-1.1zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm522.6 327.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm310 196.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1-2.4 1.6-5 2.6-7.9 2.6zm-18.7-26.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3-5.7-3.9-14.7-5.8-21.4-4.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.c-section span:after {
    content: "Our company provide quality embroidery digitizing services for the embroidery, printing, screen-printing, promotional specialty, and apparel industries.";
    display: block;
    font-size: 1.4rem;
    position: absolute;
    letter-spacing: 0;
    font-weight: 350;
    padding: 0 var(--s3);
    color: rgba(255, 255, 255, 0.85);
    left: 9px;
}

@media (min-width: 40.625em) {
    .c-section span:after {
        font-size: 23%;
    }
}

@media (min-width: 40.625em) {
    .c-section span:after {
        width: 47ch;
    }
}

@media (min-width: 48em) {
    .c-section span:after {
        width: 57ch;
    }
}

@media (min-width: 62em) {
    .c-section span:after {
        width: 67ch;
    }
}

.c-services {
    display: grid;
    grid-gap: var(--s2);
    margin: 0 calc(var(--s3) * -1);
    padding: var(--s6) var(--s3);
    position: relative;
    z-index: 1;
}

@media (min-width: 40.625em) {
    .c-services {
        grid-template-columns: repeat(7, 1fr);
        grid-template-rows: minmax(100px, 1fr);
    }
}

@media (min-width: 40.625em) {
    .c-services {
        padding: 0 var(--s3);
    }
}

.c-services:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--color-brand-accent-bg);
    width: 100%;
    height: 100%;
    transform: skew(0deg, 10deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='487' height='243.5' viewBox='0 0 1600 800'%3E%3Cpath fill='%23fdb9a0' d='M1102.5 734.8c2.5-1.2 24.8-8.6 25.6-7.5.5.7-3.9 23.8-4.6 24.5-.2.3-16-12.3-21-17zm123.8-505.7c0-.1-4.9-9.4-7-14.2-.1-.3-.3-1.1-.4-1.6-.1-.4-.3-.7-.6-.9-.3-.2-.6-.1-.8.1l-13.1 12.3c-.2.2-.3.5-.4.8 0 .3 0 .7.2 1 .1.1 1.4 2.5 2.1 3.6 2.4 3.7 6.5 12.1 6.5 12.2.2.3.4.5.7.6.3 0 .5-.1.7-.3 0 0 1.8-2.5 2.7-3.6 1.5-1.6 3-3.2 4.6-4.7 1.2-1.2 1.6-1.4 2.1-1.6.5-.3 1.1-.5 2.5-1.9.4-.5.5-1.3.2-1.8zM33 770.3c0-.7-.5-1.2-1.2-1.2-.1 0-.3 0-.4.1-1.6.2-14.3.1-22.2 0-.3 0-.6.1-.9.4-.2.2-.4.5-.4.9 0 .2 0 4.9.1 5.9l.4 13.6c0 .3.2.6.4.9.2.2.5.3.8.3h.1c7.3-.7 14.7-.9 22-.6.3 0 .7-.1.9-.3.2-.2.4-.6.4-.9-.1-6.1-.1-13.2 0-19.1z' style='&%2310;'/%3E%3Cpath fill='%23fee272' d='M171.1 383.4c1.3-2.5 14.3-22 15.6-21.6.8.3 11.5 21.2 11.5 22.1-.1.3-20.3.1-27.1-.5zm425.3 328.4c-.1-.1-6.7-8.2-9.7-12.5-.2-.3-.5-1-.7-1.5-.2-.4-.4-.7-.7-.8-.3-.1-.6 0-.8.3L574 712c-.2.2-.2.5-.2.9 0 .3.2.7.4.9.1.1 1.8 2.2 2.8 3.1 3.1 3.1 8.8 10.5 8.9 10.6.2.3.5.4.8.4.3 0 .5-.2.6-.5 0 0 1.2-2.8 2-4.1 1.1-1.9 2.3-3.7 3.5-5.5.9-1.4 1.3-1.7 1.7-2 .5-.4 1-.7 2.1-2.4.3-.3.2-1.1-.2-1.6zm131.1-531.9c.6.2 1.3-.2 1.4-.8v-.4c.2-1.4 2.8-12.6 4.5-19.5.1-.3 0-.6-.2-.8-.2-.3-.5-.4-.8-.5-.2 0-4.7-1.1-5.7-1.3l-13.4-2.7c-.3-.1-.7 0-.9.2-.2.2-.4.4-.5.6v.1c-.8 6.5-2.2 13.1-3.9 19.4-.1.3 0 .6.2.9.2.3.5.4.8.5 5.8 1.3 12.7 2.9 18.5 4.3zm1-1.8c-.1-.1-.2-.2-.4-.2.2 0 .3.1.4.2z'/%3E%3Cg fill='%23eac5e7'%3E%3Cpath d='M699.6 472.7c-1.5 0-2.8-.8-3.5-2.3-.8-1.9 0-4.2 1.9-5 3.7-1.6 6.8-4.7 8.4-8.5 1.6-3.8 1.7-8.1.2-11.9-.3-.9-.8-1.8-1.2-2.8-.8-1.7-1.8-3.7-2.3-5.9-.9-4.1-.2-8.6 2-12.8 1.7-3.1 4.1-6.1 7.6-9.1 1.6-1.4 4-1.2 5.3.4 1.4 1.6 1.2 4-.4 5.3-2.8 2.5-4.7 4.7-5.9 7-1.4 2.6-1.9 5.3-1.3 7.6.3 1.4 1 2.8 1.7 4.3l1.5 3.3c2.1 5.6 2 12-.3 17.6-2.3 5.5-6.8 10.1-12.3 12.5-.4.2-.9.3-1.4.3zm40.8-51.3c1.5-.2 3 .5 3.8 1.9 1.1 1.8.4 4.2-1.4 5.3-3.7 2.1-6.4 5.6-7.6 9.5-1.2 4-.8 8.4 1.1 12.1.4.9 1 1.7 1.6 2.7 1 1.7 2.2 3.5 3 5.7 1.4 4 1.2 8.7-.6 13.2-1.4 3.4-3.5 6.6-6.8 10.1-1.5 1.6-3.9 1.7-5.5.2-1.6-1.4-1.7-3.9-.2-5.4 2.6-2.8 4.3-5.3 5.3-7.7 1.1-2.8 1.3-5.6.5-7.9-.5-1.3-1.3-2.7-2.2-4.1-.6-1-1.3-2.1-1.9-3.2-2.8-5.4-3.4-11.9-1.7-17.8 1.8-5.9 5.8-11 11.2-14 .4-.4.9-.6 1.4-.6zM261.3 590.9c5.7 6.8 9 15.7 9.4 22.4.5 7.3-2.4 16.4-10.2 20.4-3 1.5-6.7 2.2-11.2 2.2-7.9-.1-12.9-2.9-15.4-8.4-2.1-4.7-2.3-11.4 1.8-15.9 3.2-3.5 7.8-4.1 11.2-1.6 1.2.9 1.5 2.7.6 3.9-.9 1.2-2.7 1.5-3.9.6-1.8-1.3-3.6.6-3.8.8-2.4 2.6-2.1 7-.8 9.9 1.5 3.4 4.7 5 10.4 5.1 3.6 0 6.4-.5 8.6-1.6 4.7-2.4 7.7-8.6 7.2-15-.5-7.3-5.3-18.2-13-23.9-4.2-3.1-8.5-4.1-12.9-3.1-3.1.7-6.2 2.4-9.7 5-6.6 5.1-11.7 11.8-14.2 19-2.7 7.7-2.1 15.8 1.9 23.9.7 1.4.1 3.1-1.3 3.7-1.4.7-3.1.1-3.7-1.3-4.6-9.4-5.4-19.2-2.2-28.2 2.9-8.2 8.6-15.9 16.1-21.6 4.1-3.1 8-5.1 11.8-6 6-1.4 12 0 17.5 4 2.1 1.7 4.1 3.6 5.8 5.7z'/%3E%3Ccircle cx='1013.7' cy='153.9' r='7.1'/%3E%3Ccircle cx='1024.3' cy='132.1' r='7.1'/%3E%3Ccircle cx='1037.3' cy='148.9' r='7.1'/%3E%3Cpath d='M1508.7 297.2c-4.8-5.4-9.7-10.8-14.8-16.2 5.6-5.6 11.1-11.5 15.6-18.2 1.2-1.7.7-4.1-1-5.2-1.7-1.2-4.1-.7-5.2 1-4.2 6.2-9.1 11.6-14.5 16.9-4.8-5-9.7-10-14.7-14.9-1.5-1.5-3.9-1.5-5.3 0-1.5 1.5-1.5 3.9 0 5.3 4.9 4.8 9.7 9.8 14.5 14.8-1.1 1.1-2.3 2.2-3.5 3.2-4.1 3.8-8.4 7.8-12.4 12-1.4 1.5-1.4 3.8 0 5.3 1.5 1.4 3.9 1.4 5.3-.1 3.9-4 8.1-7.9 12.1-11.7 1.2-1.1 2.3-2.2 3.5-3.3 4.9 5.3 9.8 10.6 14.6 15.9l.2.2c1.4 1.4 3.7 1.5 5.2.2 1.7-1.2 1.8-3.6.4-5.2zM327.6 248.6l-.4-2.6c-1.5-11.1-2.2-23.2-2.3-37 0-5.5 0-11.5.2-18.5v-2.3c0-5 0-11.2 3.9-13.5 2.2-1.3 5.1-1 8.5.9 5.7 3.1 13.2 8.7 17.5 14.9 5.5 7.8 7.3 16.9 5 25.7-3.2 12.3-15 31-30 32.1l-2.4.3zm4.5-69.4c-.2 0-.3 0-.4.1-.1.1-.7.5-1.1 2.7-.3 1.9-.3 4.2-.3 6.3v2.4c-.2 6.9-.2 12.8-.2 18.3.1 12.5.7 23.5 2 33.7 11-2.7 20.4-18.1 23-27.8 1.9-7.2.4-14.8-4.2-21.3-3.9-5.5-10.9-10.6-15.9-13.3-1.4-.8-2.4-1.1-2.9-1.1zM516.3 60.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm522.6 327.8c-.1 0-.2 0-.4-.1-2.4-.7-4-.9-6.7-.7-.7 0-1.3-.5-1.4-1.2 0-.7.5-1.3 1.2-1.4 3.1-.2 4.9 0 7.6.8.7.2 1.1.9.9 1.6-.2.6-.7 1-1.2 1zm-10.2 9.7c-.5 0-1-.3-1.2-.8-.8-2.1-1.2-4.3-1.3-6.6 0-.7.5-1.3 1.2-1.3s1.3.5 1.3 1.2c.1 2 .5 3.9 1.1 5.8.2.7-.1 1.4-.8 1.6 0 .1-.2.1-.3.1zm-12-6.1c-.4 0-.8-.2-1-.5-.4-.6-.3-1.4.2-1.8 1.8-1.4 3.7-2.6 5.8-3.6.6-.3 1.4 0 1.7.6.3.6 0 1.4-.6 1.7-1.9.9-3.7 2-5.3 3.3-.2.2-.5.3-.8.3zm6.4-9.1c-.5 0-.9-.3-1.2-.7-.5-1-1.2-1.9-2.4-3.4-.3-.4-.7-.9-1.1-1.4-.4-.6-.3-1.4.2-1.8.6-.4 1.4-.3 1.8.2.4.5.8 1 1.1 1.4 1.3 1.6 2.1 2.6 2.7 3.9.3.6 0 1.4-.6 1.7-.1.1-.3.1-.5.1zm6.2-.3c-.3 0-.5-.1-.8-.2-.6-.4-.7-1.2-.3-1.8 1.2-1.7 2.3-3.4 3.3-5.2.3-.6 1.1-.9 1.7-.5.6.3.9 1.1.5 1.7-1 1.9-2.2 3.8-3.5 5.6-.2.2-.5.4-.9.4zm310 196.4c-1.4 0-2.9-.2-4.5-.7-8.4-2.7-16.6-12.7-18.7-20-.4-1.4-.7-2.9-.9-4.4-8.1 3.3-15.5 10.6-15.4 21 0 1.5-1.2 2.7-2.7 2.8-1.5 0-2.7-1.2-2.7-2.7-.1-6.7 2.4-12.9 7-18 3.6-4 8.4-7.1 13.7-8.8.5-6.5 3.1-12.9 7.4-17.4 7-7.4 18.2-8.9 27.3-10.1l.7-.1c1.5-.2 2.9.9 3.1 2.3.2 1.5-.9 2.9-2.3 3.1l-.7.1c-8.6 1.2-18.4 2.5-24 8.4-3 3.2-5 7.7-5.7 12.4 7.9-1 17.7 1.3 24.3 5.7 4.3 2.9 7.1 7.8 7.2 12.7.2 4.3-1.7 8.3-5.2 11.1-2.4 1.6-5 2.6-7.9 2.6zm-18.7-26.7c.1 1.5.4 3 .8 4.4 1.7 5.8 8.7 14.2 15.1 16.3 2.8.9 5.1.5 7.2-1.1 2.7-2.1 3.2-4.8 3.1-6.6-.1-3.2-2-6.4-4.8-8.3-5.7-3.9-14.7-5.8-21.4-4.7z'/%3E%3C/g%3E%3C/svg%3E");
}

.c-services__item {
    background: #fff;
    padding: calc(var(--s2) - 0.6rem) var(--s1);
    border-radius: 25px;
    box-shadow: 0 7px 20px rgba(100, 28, 2, 0.135);
    transition: all 300ms ease, transform 300ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    z-index: 1;
}

@media (min-width: 40.625em) {
    .c-services__item {
        transform: translateY(-85px);
    }
}

@media (min-width: 48em) {
    .c-services__item {
        transform: translateY(-130px);
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(1) {
        grid-column: 1/-1;
        grid-row: 4;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(1) {
        grid-column: 5/-1;
        grid-row: 3;
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(2) {
        grid-column: 1/span 3;
        grid-row: 2;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(2) {
        grid-column: 3/span 2;
        grid-row: auto;
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(3) {
        grid-column: 4/-1;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(3) {
        grid-column: 4/-1;
        grid-row: 2;
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(4) {
        grid-column: 1/span 4;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(4) {
        grid-column: 1/span 3;
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(5) {
        grid-column: 5/-1;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(5) {
        grid-column: 1/span 4;
    }
}

@media (min-width: 40.625em) {
    .c-services__item:nth-of-type(6) {
        grid-column: 1/span 4;
        grid-row: 1;
    }
}

@media (min-width: 62em) {
    .c-services__item:nth-of-type(6) {
        grid-column: 1/span 2;
        grid-row: 1;
    }
}

.c-services__item h3 {
    color: var(--color-brand-primary);
    font-size: var(--s1);
    letter-spacing: -0.04em;
    line-height: 1.2;

}

.c-services__item:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50px;
    height: 50px;
    border-radius: 25px 0;
    cursor: pointer;
    transition: inherit;
    background-color: var(--color-brand-accent);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9JzMwMHB4JyB3aWR0aD0nMzAwcHgnICBmaWxsPSIjZmZmZmZmIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0iTGF5ZXIgMSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHg9IjBweCIgeT0iMHB4Ij48dGl0bGU+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}

.c-services__item p {
    margin-top: var(--s-1);
    font-weight: 400;
    color: hsla(var(--color-brand-primary-h), var(--color-brand-primary-s), var(--color-brand-primary-l), 0.65);
}

.c-services__item:hover {
    background-image:linear-gradient(rgb(243, 133, 60))

}

@media (min-width: 40.625em) {
    .c-services__item:hover {
        transform: translateY(-93px);
    }
}

@media (min-width: 48em) {
    .c-services__item:hover {
        transform: translateY(-138px);
    }
}

.c-services__item:hover h3 {
    color: #ffffff;
}

.c-services__item:hover p {
    color: rgba(255, 255, 255, 0.8);
}

.c-services__item:hover:after {
    background-color: #fff;
    background-image: url("data:image/svg+xml;base64,+NTI8L3RpdGxlPjxwYXRoIGQ9Ik04MS4zMDMyOSwzOC41MjkzOUExNC4wMTgsMTQuMDE4LDAsMSwwLDYxLjQ3NywxOC43MDY3MUw0Ny4wMDMxNSwzMy4xNzkxNGExNC4wMzAzNywxNC4wMzAzNywwLDAsMCwwLDE5LjgyMTcxLDQuODAxMTMsNC44MDExMywwLDAsMS02Ljc4OTc5LDYuNzg5ODcsMjMuNjQzMjcsMjMuNjQzMjcsMCwwLDEsMC0zMy40MDE0NUw1NC42ODcyMSwxMS45MTY4NEEyMy42MjAzLDIzLjYyMDMsMCwwLDEsODguMDkzMDgsNDUuMzE5MjdMODAuOTIzOCw1Mi40ODcxMWE0LjgwMTE0LDQuODAxMTQsMCwwLDEtNi43ODk4LTYuNzg5ODdaTTExLjkwNzQxLDg4LjA5MzlhMjMuNjUwNTMsMjMuNjUwNTMsMCwwLDAsMzMuNDA1ODYtLjAwMUw1OS43ODY2NCw3My42MjE0N2EyMy42MTU4MywyMy42MTU4MywwLDAsMCwwLTMzLjQwMTQ1LDQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTc5LDYuNzg5ODgsMTQuMDE1MzEsMTQuMDE1MzEsMCwwLDEsMCwxOS44MjI2OEwzOC41MjM0OCw4MS4zMDRBMTQuMDE4LDE0LjAxOCwwLDEsMSwxOC42OTcyLDYxLjQ4MTM1TDI1Ljg2Niw1NC4zMTM1YTQuODAxMTQsNC44MDExNCwwLDAsMC02Ljc4OTgtNi43ODk4N2wtNy4xNjg3OSw3LjE2Nzg1QTIzLjY0NDg5LDIzLjY0NDg5LDAsMCwwLDExLjkwNzQxLDg4LjA5MzlaIj48L3BhdGg+PC9zdmc+");
}
/*Services section end*/



/*Start Wave button*/



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

  background: #0c0c0c;
}

.a2 {
  position: relative;
  padding:;
  display: block;
  text-decoration: none;
  text-transform: uppercase;
  width: 200px;
  overflow: hidden;
  border-radius: 40px;
}

.a2 span {
  position: relative;
  right:10px;
  color: #fff;
  font-family: Arial;
  letter-spacing: 4px;
  z-index: 1;

}

.a2 .liquid {
  position: absolute;
  top: -80px;
  left: 0;
  width: 200px;
  height: 200px;
  background: #4973ff;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, .5);
  transition: .5s;
}

.a2 .liquid::after,
.a2 .liquid::before {
  content: '';
  width: 200%;
  height: 200%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -75%);
  background: #000;
}

.a2  .liquid::before {
  
  border-radius: 45%;
  background: rgba(20, 20, 20, 1);
  animation: animate 5s linear infinite;
}

.a2  .liquid::after {
  
  border-radius: 40%;
  background: rgba(20, 20, 20, .5);
  animation: animate 10s linear infinite;
}

.a2 :hover.liquid{
  top: -10px;
}

@keyframes animate {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}

/*Start hover section*/

.hover{


    overflow: scroll;
}
      
.mainbox{
    width: 300px;
    height: 280px;
    border:black 1px solid;
    margin:0 auto;
    position:relative;
    

    

}
.mainbox img{width:100%;
height:100%;}
.content{border:black 2px solid;
    width: 100%;
    height: 100%;
    position:absolute;
    bottom: 0px;
    right:0px;
   box-sizing: border-box;
   transition: all 0.5s;
}
.content img{width:100%;
height:100%;}
.content1{border:black 2px solid;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    right:0px;
    box-sizing: border-box;
    transition: all 0.5s;}
    .content1 img{width:100%;
height:100%;}
.content2{border:black 2px solid;
    width: 100%;
    height:100%;
    position:absolute;
    top:0px;
    left:0px;
    box-sizing: border-box;
    transition: all 0.5s;
    }
    .content2 img{width:100%;
height:100%;}
    .content3{
        border:black 2px solid;
    width: 100%;
    height: 100%;
    position:absolute;
    top:0px;
    right:0px;
    box-sizing: border-box;
    transition: all 0.5s;
    }
    .content3 img{width:100%;
height:100%;}
.mainbox:hover .content{

bottom: 320px;

}
.mainbox:hover .content1{
right: 320px;


}
.mainbox:hover .content2{
left: 320px;
}
.mainbox:hover .content3{
top: 320px;}
/*End hover section*/

/*gallery start*/
.lb img{
    border:rgb(0, 0, 0) 2px solid;
}
/*gallery End*/
/*FAQS start*/


.faq-heading {
    width:auto;
    height: 60px;
  background-color:rgb(53, 53, 190);
  font-size: 20px;
   -webkit-transition: text-indent 0.2s;
  text-indent: 20px;
  color: #ffffff;
  font-weight: bold;
}

.faq-text {
    
   background-color:rgb(206, 206, 255);
  font-weight: 400;
  color: #000000;
  padding-left:20px;
  margin-bottom:30px;
}

.faq {
  margin: 0 auto;
  background: white;
  border-radius: 4px;
  position: relative;
  border: 1px solid #E1E1E1;
}
.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 56px;
  padding-top:1px;
 
  background-color:rgb(206, 206, 255);
  border-bottom: 1px solid #E1E1E1;
}

.faq input[type="checkbox"] {
  display: none;
}

.faq .faq-arrow {
  width: 5px;
  height: 5px;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -30px;
  right: 27px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 .faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
 .faq input[type="checkbox"]:checked + label {
  display: block;
  background:rgb(206, 206, 255) !important;
  color: #4f7351;
  height: 225px;
  transition: height 0.8s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

 .faq input[type='checkbox']:not(:checked) + label {
  display: block;
  transition: height 0.8s;
  height: 60px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

::-webkit-scrollbar {
  display: none;
}


    /* Main Banner */
.discount-banner {
  text-align: center;
  padding: 30px 20px;
  background: #f9f9f9;
}

.discount-heading {
  font-size: 3rem;
  font-weight: bold;
  color: white;
}

.subtext {
  font-size: 1.2rem;
  margin-top: 10px;
  color: #ffffff;
}

/* Discount Section */
.multi-service-discount {
  padding: 40px 20px;
  color: #fff;
}

.discount-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}

/* Card Style */
.discount-card {
  background: rgba(0, 0, 0, 0.6);
  border-radius: 15px;
  padding: 25px;
  text-align: center;
  flex: 1 1 250px;
  max-width: 300px;
  box-shadow: 0 4px 8px rgba(255, 254, 254, 0.2);
    color: white;
}

.discount-card h1 {
  font-size: 1.5rem;
  margin-bottom: 10px;
  color:white;
}

.discount-card p {
  font-size: 1rem;
  margin-bottom: 10px;
}

.discount-card h3 {
  font-size: 1.2rem;
  margin-bottom: 15px;
    color:white;
}

.discount-btn {
  background-color: #004cff;
  color: #fff;
  padding: 10px 18px;
  border-radius: 5px;
  text-decoration: none;
  transition: background 0.3s ease;
}

.discount-btn:hover {
  background-color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
  .discount-heading {
    font-size: 2.2rem;
  }

  .discount-card {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .discount-grid {
    gap: 15px;
  }
}

@media (max-width: 480px) {
  .discount-heading {
    font-size: 1.8rem;
  }

  .subtext {
    font-size: 1rem;
  }

  .discount-card h1 {
    font-size: 1.3rem;
  }

  .discount-card h3 {
    font-size: 1rem;
  }
}



  .gradient-txt{
       
        background: -webkit-linear-gradient(skyblue,white,#eee,#0000ff,white,white,skyblue);

        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
    }
    .heading{
        text-decoration: underline;
        text-decoration-color: #0000ff;
        text-underline-position: under;
        text-decoration-thickness: 4px;
        text-align: center;
        margin: 30px;
    }






/* Responsive */
@media (max-width: 600px) {
  .section-header h2 {
    font-size: 1.8rem;
  }

  .section-header p {
    font-size: 1rem;
  }
}










  .responsive-heading {
    font-size: clamp(40px, 8vw, 120px);
    line-height: 1;
    margin: 0;
  }
@media (max-width: 1200px) {
    .responsive-heading {
      font-size: 100px;
         position:absolute;
      top:20px;
      left:30px;
    }
  }

  @media (max-width: 992px) {
    .responsive-heading {
      font-size: 80px;
         position: absolute;
      top:0px;
      left:10px;
    }
  }

  @media (max-width: 768px) {
    .responsive-heading {
      font-size: 60px;
        position: absolute;
      top:-10px;
      left:10px;
    }
  }

  @media (max-width: 480px) {
    .responsive-heading {
      font-size: 40px;
      position:absolute;
      top:-30px;
    }
  }





  .responsive-heading1 {
  font-size: clamp(5px, 1vw, 12px);
    position: absolute;
      top:-10px;
      left:10px;
  }
@media (max-width:1200px) {
    .responsive-heading1 {
      position: absolute;
      top:-20px;
      left:10px;
    }
  }

  @media (max-width: 992px) {
    .responsive-heading1 {
    position: absolute;
      top:-40px;
      left:10px;
    }
  }

  @media (max-width: 768px) {
    .responsive-heading1 {
       position: absolute;
      top:-40px;
      left:10px;
    }
  }

  @media (max-width: 480px) {
    .responsive-heading1 {
       
      position: absolute;
      top:-50px;
      left:0px;
    }
  }





   .responsive3 {
  position:relative;
  color: black;
  font-family: "Playfair Display", Vidaloka, serif;
  font-size: 8rem;
  line-height: 0.85;
  perspective: 500px;
  }
@media (max-width:1200) {
    .responsive3 {
     
    }
  }

  @media (max-width: 992px) {
    .responsive3 {
   
    }
  }

  @media (max-width: 768px) {
    .responsive3 {
       font-size:4rem;
    }
  }

  @media (max-width: 480px) {
    .responsive3 {
      
      position: absolute;
      top:265px;
      left:120px;
    font-size:4rem;
    }
  }




:root {
  --bar-scale-y: 0;
  --sparkle-color: rgb(253 244 215 / 40%);
}

/* Root fix to prevent overflow */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}



@keyframes pop-word {
  to {
    transform: rotateX(0);
  }
}

@keyframes show {
  to {
    opacity: 1;
  }
}

@keyframes bar-scale {
  to {
    transform: scaleY(1);
  }
}

@keyframes sparkle {
  0% {
    transform: scale(0);
  }

  60% {
    transform: scale(1) translate(4px, 1px) rotate(8deg);
  }

  100% {
    transform: scale(0) translate(4px, 1px) rotate(8deg);
  }
}

@keyframes shimmer {
  to {
    text-shadow: 0 0 8px red;
  }
}

.body3 {
  display: grid;
  place-items: center;
  padding: 20px;
  overflow-x: hidden; /* key fix */
}

.h7 {
  color: black;
  font-family: "Playfair Display", Vidaloka, serif;
  line-height: 0.85;
  perspective: 500px;
  max-width: 100%;
  overflow: hidden;
}

.word {
  display: block;
  animation: show 0.01s forwards, pop-word 1.5s forwards;
  animation-timing-function: cubic-bezier(0.14, 1.23, 0.33, 1.16);
  opacity: 0;
  transform: rotateX(120deg);
  transform-origin: 50% 100%;
  word-wrap: break-word;
}

.word:nth-of-type(2) {
  padding: 0 2rem;
  animation-delay: 1.5s;
  color: blue;
}

.superscript {
  position: relative;
  animation-delay: 3.6s;
  animation-duration: 0.25s;
  animation-name: shimmer;
  vertical-align: text-top;
  display: inline-block;
}

/* bars */
.superscript::before {
  --bar-width: 25%;
  position: absolute;
  top: 37%;
  left: 47%;
  width: 14%;
  height: 48%;
  animation: bar-scale 0.25s linear 3s 1 forwards;
  background: linear-gradient(
    to right,
    white var(--bar-width),
    transparent var(--bar-width) calc(100% - var(--bar-width)),
    white calc(100% - var(--bar-width))
  );
  content: "";
  transform: scaleY(var(--bar-scale-y));
}

/* sparkle */
.superscript::after {
  --size: 10rem;
  position: absolute;
  top: -5%;
  left: 50%;
  transform: translateX(-50%) scale(0); /* centered & scaled */
  width: var(--size);
  height: var(--size);
  animation: sparkle 0.4s linear 3.5s 1 forwards;
  background: radial-gradient(
      circle at center,
      rgb(252 249 241 / 94%) 0% 7%,
      transparent 7% 100%
    ),
    conic-gradient(
      transparent 0deg 18deg,
      var(--sparkle-color) 18deg,
      transparent 20deg 40deg,
      var(--sparkle-color) 40deg,
      transparent 43deg 87deg,
      var(--sparkle-color) 87deg,
      transparent 95deg 175deg,
      var(--sparkle-color) 175deg,
      transparent 178deg 220deg,
      var(--sparkle-color) 220deg,
      transparent 222deg 270deg,
      var(--sparkle-color) 270deg,
      transparent 275deg 300deg,
      var(--sparkle-color) 300deg,
      transparent 303deg 360deg
    );
  border-radius: 50%;
  clip-path: polygon(
    50% 0,
    59.13% 26.64%,
    85.13% -2.35%,
    100% 50%,
    50% 100%,
    0 50%,
    31.39% 34.86%
  );
  content: "";
  filter: blur(1px);
}

/* Responsive fixes */
@media screen and (max-width: 600px) {
  h1 {
    font-size: 2.5rem;
  }

  .superscript::after {
    --size: 6rem;
  }

  .word:nth-of-type(2) {
    padding: 0 1rem;
  }
}

  




    

  .btn-res {
    position:absolute;
top:200px;
width:150px;
height: auto;
font-size:12px;
  }
@media (max-width: 1200px) {
    .btn-res {
    position:absolute;
top:350px;
width:150px;
height: auto;
font-size:12px;


    }
  }

  @media (max-width: 992px) {
    .btn-res {
         position:absolute;
top:260px;
width:150px;
height: auto;
font-size:30px;
    }
  }

  @media (max-width: 768px) {
    .btn-res {
               position:absolute;
top:185px;
left: 10px;
width:100px;
height:30px;
font-size:15x;
    }
  }

  @media (max-width: 480px) {
    .btn-res {
         position:absolute;
top:95px;
left: 0px;
width:100px;
height:30px;
font-size:15x;
  }

  }










 .btn-res span{
  position: relative;
  right:10px;
  color: #fff;
  font-family: Arial;
  letter-spacing: 4px;
  z-index: 1;
  }
@media (max-width: 1200px) {
    .btn-res span {

   position: relative;
  right:10px;
  color: #fff;
  font-family: Arial;
  letter-spacing: 4px;
  z-index: 1;
    }
  }

  @media (max-width: 992px) {
    .btn-res span{
 position: relative;
bottom:px;
right: 10px;
  color: #fff;
  font-family: Arial;
  letter-spacing:4px;
  z-index: 1;
  text-align: center;}
  }

  @media (max-width: 768px) {
    .btn-res span{
       position: relative;
bottom:8px;
right: 20px;
  color: #fff;
  font-family: Arial;
  letter-spacing: 4px;
  z-index: 1;
  font-size: 10px;
    }
  }

  @media (max-width: 480px) {
    .btn-res span{
  position: relative;
bottom:8px;
right: 20px;
  color: #fff;
  font-family: Arial;
  letter-spacing: 4px;
  z-index: 1;
  font-size: 10px;
  }

  }



.body4 { 
  margin: 20px;
  outline: hidden;
  box-sizing: border-box;
  font-family: 'Raleway', sans-serif;
}

.ani {
  width: 100%;
  height: 175px;
  margin: 7% auto;
}

.ha {
  width: 100%;
  height: 100%;
  font-size: 5vw; /* Responsive size based on viewport width */
}

/* Animation effect */
.ha:after {
  content: "";
  width: 100%;
  height: 100%;
  border-right: 4px solid #a9a9a9;
  animation: typewriter 7.5s linear 1, blink 0.75s step-end infinite;
  animation-fill-mode: forwards;
}

@keyframes blink {
  50% { border-color: transparent; }
}


 @keyframes typewriter {
  0.0% { content: "S"; }
  0.84% { content: "Sp"; }
  1.68% { content: "Spe"; }
  2.52% { content: "Spec"; }
  3.36% { content: "Speci"; }
  4.2% { content: "Specia"; }
  5.04% { content: "Special"; }
  5.88% { content: "Special "; }
  6.72% { content: "Special D"; }
  7.56% { content: "Special Di"; }
  8.4% { content: "Special Dis"; }
  9.24% { content: "Special Disc"; }
  10.08% { content: "Special Disco"; }
  10.92% { content: "Special Discou"; }
  11.76% { content: "Special Discoun"; }
  12.61% { content: "Special Discount"; }
  13.45% { content: "Special Discounts"; }
  14.29% { content: "Special Discounts "; }
  15.13% { content: "Special Discounts o"; }
  15.97% { content: "Special Discounts on"; }
  16.81% { content: "Special Discounts on "; }
  17.65% { content: "Special Discounts on D"; }
  18.49% { content: "Special Discounts on Di"; }
  19.33% { content: "Special Discounts on Dig"; }
  20.17% { content: "Special Discounts on Digi"; }
  21.01% { content: "Special Discounts on Digit"; }
  21.85% { content: "Special Discounts on Digiti"; }
  22.69% { content: "Special Discounts on Digitiz"; }
  23.53% { content: "Special Discounts on Digitizi"; }
  24.37% { content: "Special Discounts on Digitizin"; }
  25.21% { content: "Special Discounts on Digitizing"; }
  26.05% { content: "Special Discounts on Digitizing "; }
  26.89% { content: "Special Discounts on Digitizing &"; }
  27.73% { content: "Special Discounts on Digitizing & "; }
  28.57% { content: "Special Discounts on Digitizing & W"; }
  29.41% { content: "Special Discounts on Digitizing & We"; }
  30.25% { content: "Special Discounts on Digitizing & Web"; }
  31.09% { content: "Special Discounts on Digitizing & Web "; }
  31.93% { content: "Special Discounts on Digitizing & Web S"; }
  32.77% { content: "Special Discounts on Digitizing & Web Se"; }
  33.61% { content: "Special Discounts on Digitizing & Web Ser"; }
  34.45% { content: "Special Discounts on Digitizing & Web Serv"; }
  35.29% { content: "Special Discounts on Digitizing & Web Servi"; }
  36.13% { content: "Special Discounts on Digitizing & Web Servic"; }
  36.97% { content: "Special Discounts on Digitizing & Web Services"; }
  37.81% { content: "Special Discounts on Digitizing & Web Services "; }
  38.65% { content: "Special Discounts on Digitizing & Web Services —"; }
  39.49% { content: "Special Discounts on Digitizing & Web Services — G"; }
  40.34% { content: "Special Discounts on Digitizing & Web Services — Gr"; }
  41.18% { content: "Special Discounts on Digitizing & Web Services — Gro"; }
  42.02% { content: "Special Discounts on Digitizing & Web Services — Grow"; }
  42.86% { content: "Special Discounts on Digitizing & Web Services — Grow "; }
  43.7% { content: "Special Discounts on Digitizing & Web Services — Grow y"; }
  44.54% { content: "Special Discounts on Digitizing & Web Services — Grow yo"; }
  45.38% { content: "Special Discounts on Digitizing & Web Services — Grow you"; }
  46.22% { content: "Special Discounts on Digitizing & Web Services — Grow your"; }
  47.06% { content: "Special Discounts on Digitizing & Web Services — Grow your "; }
  47.9% { content: "Special Discounts on Digitizing & Web Services — Grow your b"; }
  48.74% { content: "Special Discounts on Digitizing & Web Services — Grow your bu"; }
  49.58% { content: "Special Discounts on Digitizing & Web Services — Grow your bus"; }
  50.42% { content: "Special Discounts on Digitizing & Web Services — Grow your busi"; }
  51.26% { content: "Special Discounts on Digitizing & Web Services — Grow your busin"; }
  52.1% { content: "Special Discounts on Digitizing & Web Services — Grow your busine"; }
  52.94% { content: "Special Discounts on Digitizing & Web Services — Grow your busines"; }
  53.78% { content: "Special Discounts on Digitizing & Web Services — Grow your business"; }
  54.62% { content: "Special Discounts on Digitizing & Web Services — Grow your business "; }
  55.46% { content: "Special Discounts on Digitizing & Web Services — Grow your business w"; }
  56.3% { content: "Special Discounts on Digitizing & Web Services — Grow your business wi"; }
  57.14% { content: "Special Discounts on Digitizing & Web Services — Grow your business wit"; }
  57.98% { content: "Special Discounts on Digitizing & Web Services — Grow your business with"; }
  58.82% { content: "Special Discounts on Digitizing & Web Services — Grow your business with "; }
  59.66% { content: "Special Discounts on Digitizing & Web Services — Grow your business with o"; }
  60.5% { content: "Special Discounts on Digitizing & Web Services — Grow your business with ou"; }
  61.34% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our"; }
  62.18% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our "; }
  63.03% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our p"; }
  63.87% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our pr"; }
  64.71% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our pre"; }
  65.55% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our prem"; }
  66.39% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premi"; }
  67.23% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premiu"; }
  68.07% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium"; }
  68.91% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium "; }
  69.75% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium s"; }
  70.59% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium se"; }
  71.43% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium ser"; }
  72.27% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium serv"; }
  73.11% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium servi"; }
  73.95% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium servic"; }
  74.79% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services"; }
  75.63% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services "; }
  76.47% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services —"; }
  77.31% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — n"; }
  78.15% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — no"; }
  78.99% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now"; }
  79.83% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now "; }
  80.67% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now a"; }
  81.51% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at"; }
  82.35% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at "; }
  83.19% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at d"; }
  84.03% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at di"; }
  84.87% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at dis"; }
  85.71% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at disc"; }
  86.55% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at disco"; }
  87.39% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discou"; }
  88.24% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discoun"; }
  89.08% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discount"; }
  89.92% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounte"; }
  90.76% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted"; }
  91.6% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted "; }
  92.44% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted r"; }
  93.28% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted ra"; }
  94.12% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted rat"; }
  94.96% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted rate"; }
  95.8% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted rates"; }
  100% { content: "Special Discounts on Digitizing & Web Services — Grow your business with our premium services — now at discounted rates!"; }
}


  .heading1 {
  font-size: clamp(20px, 4vw, 60px);

    }

    /* When screen width is 768px or smaller */
    @media screen and (max-width: 768px) {
      .heading1 {
          font-size:20px;

      }
    }


.discount-banner {

      background-color: #fff;
      text-align: center;
      max-width: 600px;
      margin: 0 auto; /* Horizontally center */
      overflow: hidden; /* Prevent scrollbars */
    }

    /* Heading: animated + centered */
    .discount-heading {
      font-size: 7rem;
      font-weight: 800;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      color: #e60023;
      text-transform: uppercase;
      letter-spacing: 2px;
      margin: 0 auto;
      display: inline-block;
      opacity: 0;
      animation: fadeIn 1s ease-out forwards,
                 pop 0.5s ease-out 1s forwards,
                 glow 1s ease-in-out infinite alternate 1.6s;
    }

    /* Optional subtext */
    .subtext {
      font-size: 1rem;
      color: #444;
      margin-top: 10px;
      opacity: 0;
      animation: fadeIn 1s ease-out forwards;
      animation-delay: 1.5s;
    }

    /* Keyframes */
    @keyframes fadeIn {
      from { opacity: 0; transform: translateY(-20px); }
      to { opacity: 1; transform: translateY(0); }
    }

    @keyframes pop {
      0% { transform: scale(1); }
      50% { transform: scale(1.05); }
      100% { transform: scale(1); }
    }

    @keyframes glow {
      from { text-shadow: 0 0 5px #ff9999, 0 0 10px #ff4d4d; }
      to   { text-shadow: 0 0 15px #ff0000, 0 0 25px #cc0000; }
    }

    /* Responsive for mobile */
    @media (max-width: 600px) {
      .discount-heading {
        font-size: 1.8rem;
        letter-spacing: 1px;
      }
      .subtext {
        font-size: 0.9rem;
      }
    }


    /* Media Queries for Full Responsiveness */

/* Extra Small Devices (Phones < 576px) */
@media (max-width: 575.98px) {
  .discount-banner {
    display: none !important;
  }
}

/* Small Devices (576px - 767px) */
@media (min-width: 576px) and (max-width: 767.98px) {
  .discount-heading {
    font-size: 2.5rem;
  }
  .subtext {
    font-size: 1rem;
  }
}

/* Medium Devices (768px - 991px) */
@media (min-width: 768px) and (max-width: 991.98px) {
  .discount-heading {
    font-size: 3rem;
  }
  .subtext {
    font-size: 1.1rem;
  }
}

/* Large Devices (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199.98px) {
  .discount-heading {
    font-size: 3.5rem;
  }
  .subtext {
    font-size: 1.2rem;
  }
}

/* Extra Large Devices (1200px and up) */
@media (min-width: 1200px) {
  .discount-heading {
    font-size: 7rem;
  }
  .subtext {
    font-size: 2.3rem;
  }
}