@media screen and (max-width: 1024px) {

    .dashSpot::before{
        content: '- ';
    }

    .BGimage {
        width: 116vw;
        height: 82vw;
    }

    .section-2 {
        padding: 0vh 4vw;
    }

    .section6InnerContainer {
        gap: 2vh;
        flex-direction: column;
    }

    .section6Card {
        margin-top: 2vh;
    }

    .section6Card1 {
        margin-top: 2vh;
    }

    .section6Text1 {
        bottom: 0vh;
    }

    .sec7Img {
        width: 44vw;
    }

        .sec7Img img:nth-child(1) {
            top: -12vh;
        }

        .sec7Img img:nth-child(2) {
            top: -12vh;
        }

    .shareFeebackBtn .cta1 {
        padding: 2vw 4vw;
        border-radius: 2vw;
    }

    .shareFeebackBtn p {
        font-size: 1.8vw;
        line-height: 2.5vw;
        transition: transform 200ms ease;
        transform: translateX(-10px);
    }

    .shareFeebackBtn .cta1::after {
        right: 2vw;
        width: 2.3vw;
        height: 2.3vw;
        opacity: 1;
        transform: translateX(0);
    }
    /*}*/

    /* Tablet - 1024px */
    /*@media screen and (max-width: 1024px) {*/
    .BGimage {
        display: flex;
        position: absolute;
        width: 176vw;
        height: 127vw;
        rotate: 0deg;
    }

    .logo {
        background-image: url("/images/mlogo.svg");
        width: 50vw;
        height: 30vw;
        margin-top: 30vw;
        padding: 0vh 0vw;
        padding-bottom: 5vh;
    }

    .floatingIcons img {
        width: 10vw;
        height: 10vw;
        padding: 2vw;
        margin: 0 1vw;
    }

    .section-1 {
        gap: 0vh;
        padding: 6vh 6vw;
    }

    .orangeDash {
        width: 5vw;
        height: 0.8vw;
    }

    .sectionDesc {
        font-size: 4vw;
        line-height: 6vw;
    }
    .sectionDesc h1{
        flex-direction: column;
        font-size: 4vw;
        line-height: 6vw;
    }

        .sectionDesc p {
            padding: 0px 6vw;
        }

    .word-wrapper {
        /*height: 5vh;*/
        height: 5vw;
    }

    .flipingTxtContainer {
        flex-direction: column;
    }

    /* ========highlightContainer for other non animated text=========== */

    .sectionDesc h1:first-child .secDesHig {
        left: 24vw;
    }
    .sectionDesc p:first-child .secDesHig{
        left: 24vw;
    }

    .sec1-highlightContainer1 {
        display: inline-block;
        font-family: var(--font-family-primary);
        background-color: #e7ff25;
        /*        padding: 0 12vw;*/
        padding: 2vw 12vw;
        rotate: -1deg;
        text-transform: uppercase;
    }

        .sec1-highlightContainer1 span {
            font-family: var(--font-family-primary);
            font-size: 7.1vw;
            line-height: 8.1vw;
            rotate: 1deg !important;
        }

    .sec1-highlightContainer {
        display: inline-block;
        font-family: var(--font-family-secondary);
        font-size: 3.7vw;
        line-height: 3.7vw;
        background-color: transparent;
        padding: 0.5vw;
        rotate: -1deg;
        text-transform: uppercase;
    }

        .sec1-highlightContainer span {
            display: inline-block;
            background-color: #e6ff2500;
            padding: 1px;
            rotate: 1deg;
        }

        .sec1-highlightContainer:nth-child(1) {
            rotate: -1deg;
            font-size: 4vw;
            line-height: 4vw;
            font-weight: bold;
        }

        .sec1-highlightContainer:nth-child(2) span {
            font-family: var(--font-family-secondary);
            font-size: 4vw;
            line-height: 4vw;
            rotate: -1deg;
            text-transform: lowercase;
        }

    /* ================== */

    .transition-container {
        min-height: 8vw;
    }

    .playstore-btn,
    .playstore-btn1 {
        width: 34vw;
        height: 5vw;
    }

    .appLink {
        flex-direction: row;
        align-items: flex-end;
        /* font-size: 3.5vw; */
        font-size: 4vw;
        /* gap: 4vw; */
    }

        .appLink a {
            width: 100%;
        }

        .appLink div {
            width: 30vw;
        }

    .appLinkChange {
        font-size: 2.5vw;
        gap: 4vw;
    }

        .appLinkChange span:after {
            width: 2.7vw;
            height: 2.7vw;
        }

        .appLinkChange:hover span:after {
            right: -1vw;
        }

    .linkImg {
        width: 2.5vw;
        height: 2.5vw;
    }

    .icon-container {
        flex-direction: row;
        bottom: 5vw !important;
    }

    .store-icon {
        /* width: 5vw;
    height: 5vw; */

        width: 9vw;
        height: 9vw;
    }

        .store-icon img {
            width: inherit;
            padding: 1.5vw;
        }

    /* .floatingIcons img {
    width: 3vw;
    height: 3vw;
    padding: 1.5vw;
    margin: 0 0.5vw;
  } */

    .section-2,
    .section-3,
    .section-5,
    .section-6 {
        padding: 8vh 3vw;
    }

    .cardSec2Container {
        margin-top: 2vh;
    }

    .cardBottom div {
        gap: 1vw;
    }

    .section-4 {
        padding: 8vh 0vw;
    }

        .section-4 h3 {
            padding: 0vh 3vw;
        }

    .secH3 {
        font-size: 10.5vw;
        line-height: 10vw;
    }

    .section-2 {
        /* margin-top: 0vh; */
        margin-top: 8vh;
    }

    .section2Text p {
        /* font-size: 15vw;
    line-height: 15vw; */

        font-size: 11vw;
        line-height: 11vw;
        letter-spacing: -3px;
    }

    .section2-para p {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }

    .tag {
        padding: 3vw 3vw;
        font-size: 2.5vw;
        line-height: 3vw;
        border-radius: 25vw;
    }

    .gigCard {
        padding: 4vw;
        margin-top: 5vw;
    }

    .cardHead p {
        font-size: 7vw;
        line-height: 7vw;
    }

    .cardBottom {
        flex-direction: column;
    }

    .cardBottomHead {
        font-size: 7vw;
    }

    .cardBottomBody {
        font-size: 3.2vw;
    }

    .carousel-container {
        margin-top: 5vh;
    }

    .section4CardContainer {
        animation-duration: 10s;
    }

        .section4CardContainer:hover {
            animation-play-state: running;
        }

    .section4Card {
        margin: 2vw;
        padding: 4vw;
        min-width: 55vw;
    }

    .section4Head img {
        width: 8vw;
        height: 8vw;
    }

    .sec4Name {
        font-size: 2.5vw;
    }

    .sec4Job {
        font-size: 2.2vw;
    }

    .section4Body p {
        font-size: 2.2vw;
        line-height: 3vw;
    }

    .section5Points {
        font-size: 6vw;
        line-height: 6vw;
        padding: 4vw 6vw;
    }

    .section6Card {
        flex-direction: column-reverse;
    }

    .section6InnerContainer {
        flex-direction: column;
        gap: 0vh;
    }

    .sec6Img,
    .sec6Img1,
    .sec6Img2,
    .sec6Img3,
    .sec6Img4 {
        width: 90vw;
    }

    .sec6Img4 {
        content: url("../images/group6.png");
    }

    .sec6H4 {
        font-size: 6vw;
    }

    .sec6Txt {
        font-size: 2.8vw;
        line-height: 3.5vw;
        margin: 2vh 0px;
    }

    .secBtn {
        font-size: 2vw;
        padding: 1vw 2vw;
    }

    .section-7 {
        margin-top: 30vw;
        padding-bottom: 10vh;
    }

    .section7Card {
        flex-direction: column;
        height: auto;
        padding: 4vw;
    }

    .sec7Img {
        display: flex;
        width: 65vw;
        margin-bottom: 4vh;
        flex-direction: row;
    }

        .sec7Img img {
            position: static;
            margin-top: -40vw;
            width: 100%;
        }

            /* Target first image */
            .sec7Img img:nth-child(1) {
                position: relative;
                top: 0vh;
                bottom: 0;
                /* left: 35vw; */
                /*                left: 28vw;*/
                left: 17vw;
                width: 100%;
                height: auto;
            }

            /* Target second image */
            .sec7Img img:nth-child(2) {
                position: relative;
                top: 0vh;
                bottom: 0;
                /* left: 20vw; */
                /*                left: -73vw;*/
                left: -80vw;
                /* width: 100%;
                height: auto; */
                width: 66vw;
                height: auto;
            }

    .section7Text {
        width: 100%;
    }

    .sec7H4 {
        font-size: 9.1vw;
        line-height: 9vw;
    }

    .sec7img1 {
        width: 20vw;
    }

    .section-8 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .sec8Success p {
        font-size: 2.5vw;
        line-height: 3.5vw;
    }
    .sec8body {
        width: 90vw;
    }

        .sec8body div {
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: 2vw;
        }

        .sec8body input {
            width: 80vw;
            font-size: 3.5vw;
        }

        .sec8body textarea {
            width: 80vw;
            margin: 0;
            margin-top: 8vw;
            font-size: 3.5vw;
        }

    .input-wrapper-required::after {
        left: calc(5.6ch + 1.5vw);
        top: 60%;
    }

    .input-wrapper-required:has(textarea)::after {
        top: calc(7vh + 2.2vw);
        left: calc(23ch + 2.5vw);
    }

    .shareFeebackBtn .cta1 {
        padding: 2vw 4vw;
        border-radius: 2vw;
    }

    .shareFeebackBtn p {
        font-size: 2.5vw;
        line-height: 3vw;
        transition: transform 200ms ease;
        transform: translateX(-10px);
    }

    .shareFeebackBtn .cta1::after {
        right: 2vw;
        width: 2.6vw;
        height: 2.6vw;
        opacity: 1;
        transform: translateX(0);
    }

    .section-9 {
        padding-bottom: 0vh;
    }

    .sec9bottom {
        flex-direction: column;
        margin-top: 0vh;
    }

    .sec9mainblog {
        padding-right: 0;
        margin-bottom: 5vh;
    }

    .sec9MainImgContainer {
        width: 91vw;
        height: 53vw;
    }

        .sec9MainImgContainer img {
            width: 88vw;
            height: auto;
        }

    .sec9ImgContainer {
        width: 23vw;
        height: 16vw;
    }

        .sec9ImgContainer img {
            width: inherit;
            height: inherit;
        }

    .sec9blogs div {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
    }

    .sec9img {
        width: 88vw;
    }

    .sec9blog-title {
        font-size: 5vw;
        line-height: 4.5vw;
    }

        .sec9blog-title h4 {
            /* font-size: 5.5vw;
    line-height: 6vw; */
            font-size: 4.5vw;
            line-height: 5vw;
        }

    .sec9blog-decs {
        width: 88vw;
        font-size: 2.5vw;
        line-height: 2.8vw;
    }

    .sec9img1 {
        width: 25vw;
        height: 15vw;
    }

    .sec9minRead {
        font-size: 2.5vw;
    }

    .accordion-content {
        font-size: 3.5vw;
        /* line-height: 5vw; */
        line-height: 4vw;
    }

        .accordion-content p {
            margin: 2vw 0vw;
        }

    .section-10 {
        flex-direction: column;
        padding-bottom: 10vh;
    }

    .sec10Head {
        width: 100%;
    }

    .sec10Body {
        width: 100%;
        margin-top: 5vw;
    }

    .accordion-arrow {
        width: 2vw;
    }

    .section10arrow {
        font-size: 5vw;
        line-height: 5vw;
        padding: 3vw;
    }

    .dividerLine {
        height: 0.04vw;
    }

    .footBgImage {
        width: 100vw;
        height: 60vw;
/*        margin-top: -5vw;*/
    }

    .footerLogo {
        width: 35vw;
    }

    .sec11Links {
        margin: 5vw 0vw 20vw 0vw;
    }

    .sec11Links img {
        width: 3.4vw;
        height: auto;
        margin: 0.4vw;
    }

    .sec11Links a {
        font-size: 2.4vw;
    }

    .logo-terms {
        /*font-size: 15vw;*/
         width: 30vw;
    }

    .HeadSection {
        padding: 6vw 4vw;
        gap: 4vw;
    }

    .termTitle {
        font-size: 7vw;
    }

    .termDate {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .termDesc {
        font-size: 3.5vw;
        line-height: 5vw;
        padding: 0 8vw;
    }

    .termLogoSection {
        padding: 3vw 4vw;
    }

    .termsContentSection {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contentSection {
        width: 100%;
        gap: 5vw;
    }

    .contentSection h2 {
        /*font-size: 5vw;
        line-height: 6vw;*/

        font-size: 6vw;
        line-height: 6vw;
        font-weight: 400;
    }

    .contentSection ul {
        width: 80vw;
        padding: 0 8vw;
    }

    .contentSection li {
        font-size: 4vw;
        line-height: 6vw;
    }

    .contentSection p {
        font-size: 4vw;
        line-height: 5vw;
    }

    .contentTable {
        display: none;
    }

    /* Blog page css */
    .blogPageTitle {
        font-size: 17vw;
        line-height: 17vw;
    }

    .blogBreadcrum {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .blogCard {
        flex-direction: column;
        gap: 2vw;
        padding: 9vh 4vw;
    }

    .blogCardPart2 {
        gap: 4vw;
    }

    .blogCardImg {
        width: 100%;
        height: 100%;
        border-radius: 2vw;
    }

    .blogCardImg-Inner {
        height: inherit;
    }

    .blogCardImg img {
        width: -webkit-fill-available;
        height: inherit;
        border-radius: 2vw;
        object-fit: fill;
    }

    .blogCardDateRead p {
        font-size: 2vw;
        line-height: 2vw;
    }

    .blogCardContent h2 {
        font-size: 8vw;
        line-height: 8.5vw;
    }

    .blogCardContent p {
        font-size: 2.8vw;
        line-height: 4vw;
    }

    .readMoreBtn {
        font-size: 2vw;
    }

        .readMoreBtn span {
            display: inline-block;
            position: relative;
            padding-right: 2vw;
            padding-bottom: 0px;
        }

            .readMoreBtn span::before {
                width: 83%;
                height: 0.1vw;
                transform: scaleX(1);
            }

            .readMoreBtn span:after {
                top: 60%;
                right: -2vw;
                opacity: 1;
                display: inline-block;
                width: 4vw;
                height: 4vw;
                transform: translateY(-50%) rotate(-45deg);
            }

    /* blog detail css */
    .blogDetailLogo img {
        width: 25vw;
        height: auto;
    }

    .blogDetailBreadcrum {
        font-size: 2.4vw;
        line-height: 3vw;
    }

    .blogDetailDateRead p {
        font-size: 2.4vw;
        line-height: 3vw;
    }

    .blogDetail {
        padding: 0 0vw;
        gap: 2vw;
    }

        .blogDetail h2 {
            font-size: 7.5vw;
            line-height: 7.5vw;
            text-align: left;
        }

        .blogDetail p {
            font-size: 3.5vw;
            line-height: 4vw;
        }

    .interProp {
        font-size: 1.8vh;
        line-height: 2vh;
    }

    .desktophide {
        display: inline-block;
    }
}

/* Mobile - Large (480px and below) */
@media screen and (max-width: 480px) {
    .BGimage {
        display: flex;
        position: absolute;
        /* background-image: url("../images/mspotBG.svg"); */
        background-repeat: no-repeat;
        background-size: cover;
        width: 985px;
        height: 704px;
        margin: 0;
        margin-left: 46vw;
        flex-direction: column;
        justify-content: space-between;
        align-items: stretch;
        z-index: -1;
        overflow: clip;
        rotate: 25deg;
    }

    .logo {
        background-image: url("/images/mlogo.svg");
        width: 212px;
        height: 25vw;
        margin-top: 35vw;
    }

    .forMobile {
        display: inline-block !important;
    }

    .logo404 {
        width: 50vw;
        margin-bottom: 2vw;
    }

    .secDesHig {
        font-family: var(--font-family-secondary);
        font-size: 4.5vw;
        line-height: 4.5vw;
        font-weight: 400;
        text-transform: lowercase;
    }

    .sectionDesc h1 {
        padding: 0px 0vw;
    }

        .sectionDesc h1:first-child {
            position: relative;
            height: 3em;
            overflow: hidden;
        }
    .sectionDesc p {
        padding: 0px 0vw;
    }

        .sectionDesc p:first-child {
            position: relative;
            height: 3em;
            overflow: hidden;
        }

    .word-wrapper {
        /* height: 4vh; */
        height: 3vh;
        width: 25ch !important;
        overflow: hidden;
        vertical-align: baseline;
    }

    .secDesHig:nth-child(1) {
        font-weight: bold;
        text-transform: uppercase;
    }

    .spotMarker {
        background: transparent;
        padding: 0;
    }

    .secDesHig-mark span {
        position: relative;
        white-space: nowrap;
        font-family: var(--font-family-secondary);
        text-transform: uppercase;
        padding: 0 0px;
        font-weight: bold;
        font-size: 8vw;
        line-height: 8vw;
        background: linear-gradient(transparent 50%, var(--primary-color) 20%);
        -webkit-box-decoration-break: clone;
        box-decoration-break: clone;
        transform: skewY(2deg);
    }

    .forMarkerTilt {
        transform: skewY(-1deg);
    }

    /* ========highlightContainer for other non animated text=========== */


    .sectionDesc h1:first-child .secDesHig {
        left: 27vw;
    }
    .sectionDesc p:first-child .secDesHig {
        left: 27vw;
    }

    .sec1-highlightContainer1 {
        display: inline-block;
        font-family: var(--font-family-primary);
        font-size: 3.7vw;
        line-height: 3.7vw;
        background-color: #e7ff25;
        /* padding: 0 8.1vw; */
/*        padding: 2vw 8.1vw;*/
        padding: 2vh 8.1vw;
        rotate: -1deg;
        text-transform: uppercase;
    }

        .sec1-highlightContainer1 span {
            font-family: var(--font-family-primary);
            font-size: 8.1vw;
            line-height: 8.1vw;
            rotate: 1deg !important;
            /*rotate: 0deg !important;*/
        }

    .sec1-highlightContainer {
        display: inline-block;
        font-family: var(--font-family-secondary);
        font-size: 3.7vw;
        line-height: 3.7vw;
        background-color: transparent;
        padding: 0.5vw;
        rotate: -1deg;
        text-transform: uppercase;
    }

        .sec1-highlightContainer span {
            display: inline-block;
            background-color: #e6ff2500;
            padding: 1px;
            rotate: 1deg;
        }

        .sec1-highlightContainer:nth-child(1) {
            rotate: -1deg;
            font-size: 5vw;
            line-height: 5vw;
            font-weight: bold;
        }

        .sec1-highlightContainer:nth-child(2) span {
            font-family: var(--font-family-secondary);
            font-size: 5vw;
            line-height: 5vw;
            rotate: -1deg;
            text-transform: lowercase;
        }

    /* ================== */

    .backgroundText404 {
        font-size: 37vw;
        line-height: 35vw;
        text-align: center;
        width: 70vw;
    }

    .container404Inner {
        gap: 45vw;
    }

        .container404Inner h1 {
            font-size: 20vw;
        }

        .container404Inner p {
            font-size: 5vw;
        }

        .container404Inner .shareFeebackBtn p {
            font-size: 3vw;
        }

    /* Mobile-specific: No sliding, only fade transition */
    .floatingIcons {
        flex-direction: column;
        transform: translateY(-50%) translateX(0) scale(1) !important;
        transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1) !important;
    }

        .floatingIcons.transitioning {
            transform: translateY(-50%) translateX(0) scale(1) !important;
        }

    .animation-wrapper {
        padding-right: 8vw;
        /* padding-right: 0vw; */
        height: 0vh;
    }

    .button-wrapper {
        display: flex;
        justify-content: flex-end;
        flex-direction: column;
        padding: 0;
        gap: 3vw;
    }

    .playstore-btn,
    .playstore-btn1 {
        width: 50vw;
        justify-content: flex-end;
    }

    .section-1 {
        gap: 3vw;
        padding: 6vh 3vw;
    }

    .orangeDash {
        width: 8vw;
        height: 1.2vw;
    }

    .flipingTxtContainer {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .sectionDesc {
        font-size: 5vw;
        line-height: 8vw;
        margin-bottom: 5vh;
    }
        .sectionDesc h1 {
            /*        font-size: 5vw;
        line-height: 8vw;
        margin-bottom: 5vh;*/

            flex-direction: column;
            font-size: 5vw;
            line-height: 8vw;
            margin-bottom: 0vh;
        }

    .transition-container {
        min-height: 12vw;
    }

    .appLink {
        flex-direction: column;
        align-items: flex-end;
        /* font-size: 3.5vw; */
        font-size: 4vw;
        gap: 4vw;
    }

        .appLink a {
            width: 100%;
        }

        .appLink div {
            width: 50vw;
        }

    .appLinkChange {
        font-size: 4vw;
        line-height: 7vw;
        gap: 4vw;
    }

        .appLinkChange span:after {
            width: 5.7vw;
            height: 5.7vw;
        }

        .appLinkChange:hover span:after {
            right: -4vw;
        }

    .linkImg {
        width: 3.5vw;
        height: 3.5vw;
    }

    .store-icon {
        width: 10vw;
        height: 10vw;
        padding: 1.5vw;
    }

    .icon-container {
        flex-direction: column;
    }

    .floatingIcons img {
        width: 8vw;
        height: 8vw;
        padding: 2vw;
        margin: 0 1vw;
    }

    .section-2,
    .section-3,
    .section-5,
    .section-6,
    .section-7,
    .section-8,
    .section-9,
    .section-10 {
        padding: 7vh 3vw;
        /* padding: 3vh 3vw;*/
        /* padding-top: 3vh;*/
    }

    .carousel-container {
        margin-top: 0vh;
    }

    .section-4 {
        padding: 6vh 0vw;
/*        padding: 12vh 0vw;*/
    }

        .section-4 h3 {
            padding: 0vh 3vw;
        }
    .secH3 {
        font-size: 10.7vw;
        line-height: 12vw;
        letter-spacing: -1.5px;
    }

    .section2Text p {
        /* font-size: 17vw;
    line-height: 17vw; */

        font-size: 12vw;
        line-height: 12vw;
        letter-spacing: -1.5px;
    }

    .section2-para p {
        /* font-size: 3.5vw;
    line-height: 5.5vw; */

        font-size: 4.3vw;
        /* font-size: 16px; */
        line-height: 5.5vw;
    }

    .tag {
        padding: 6vw 4vw;
        font-size: 3.7vw;
        line-height: 4vw;
        /* min-width: 50vw; */
        border-radius: 30vw;
    }

    .gigCard {
        padding: 5vw;
        border-radius: 2vw;
        margin-top: 5vh;
    }

    .cardHead p {
        font-size: 9.5vw;
        line-height: 10vw;
    }

    .cardBottom {
        flex-direction: column;
    }

    .cardBottomHead {
        /* font-size: 10vw;
    margin-top: 2vh; */
        font-size: 9.1vw;
        /* margin-top: 2vh; */
        margin-top: 0vh;
    }

    .cardBottomBody {
        font-size: 4.3vw;
    }

    .section4CardContainer {
        animation-duration: 10s;
    }

        .section4CardContainer:hover {
            animation-play-state: running;
        }

    .section4Card {
        padding: 5vw;
        border-radius: 3vw;
        min-width: 70vw;
        margin: 3vw;
    }

    .secBtn {
        font-size: 4vw;
        padding: 2vw 4vw;
        border-radius: 1vw;
    }

    .section4Head {
        gap: 12px;
    }

        .section4Head img {
            width: 12vw;
            height: 12vw;
        }

    .sec4Name {
        font-size: 3.2vw;
    }

    .sec4Job {
        font-size: 2.7vw;
    }

    .section4Body p {
        font-size: 3.2vw;
        line-height: 4.2vw;
        width: 70vw;
    }

    .section5Points {
        font-size: 8.1vw;
        line-height: 9vw;
        letter-spacing: -1px;
        padding: 4vh 12vw;
    }

    .section6Text1 {
        padding-top: 10vw;
    }

    .sec6H4 {
        font-size: 9.1vw;
    }

    .sec6Txt {
        font-size: 4vw;
        line-height: 5vw;
    }


    .section6Card {
        margin-top: 4vh;
    }

    .section-7 {
        margin-top: 30vw;
    }

    .section7Card {
        border-radius: 20px;
        padding: 5vw;
    }

    .sec7H4 {
        font-size: 9.1vw;
        line-height: 9vw;
    }

    .sec7img1 {
        width: 31vw;
        height: auto;
    }

    .sec7Img {
        display: flex;
        width: 70vw;
        margin-bottom: 4vh;
        flex-direction: row;
    }

        .sec7Img img:nth-child(1) {
            /*            left: 24vw !important;*/
            left: 16vw !important;
            width: 70vw;
            height: 49vh;
        }

        .sec7Img img:nth-child(2) {
            /*            left: -79vw !important;*/
            left: -85vw !important;
            width: 70vw;
            height: 49vh;
        }

    .sec7app {
        gap: 3vw;
    }

    .section-8 {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }

    .sec8body {
        width: 90vw;
    }

        .sec8body div {
            flex-direction: column;
            justify-content: flex-start;
            align-items: center;
            gap: 2vw;
        }

        .sec8body input {
            width: 80vw;
            font-size: 4.5vw;
        }

        .sec8body textarea {
            width: 80vw;
            margin: 0;
            margin-top: 8vw;
            font-size: 4.5vw;
        }

        .sec8body img {
            width: 4vw;
            height: auto;
        }

    .input-wrapper-required::after {
        left: calc(5.5ch + 1.5vw);
        top: 60%;
        font-size: 3vw;
    }

    .input-wrapper-required:has(textarea)::after {
        left: calc(21.5ch + 2.5vw);
        top: calc(10vw + 2.2vw);
        font-size: 3vw;
    }

    .sec8Success {
        width: 84vw !important;
    }

    .shareFeebackBtn .cta1 {
        padding: 3vw 6vw;
        border-radius: 2vw;
    }

    .shareFeebackBtn p {
        font-size: 3.7vw;
        line-height: 4vw;
        transition: transform 200ms ease;
        transform: translateX(-10px);
    }

    /* .shareFeebackBtn .cta1:hover p {
    transition: transform 200ms ease;
    transform: translateX(-10px);
} */

    .shareFeebackBtn .cta1::after {
        right: 4vw;
        width: 3.6vw;
        height: 3.6vw;
        opacity: 1;
        transform: translateX(0);
    }

    .button {
        font-size: 3vw;
        line-height: 3vw;
        border-radius: 0.9vw;
        padding: 3vw 3vw;
    }

        .button:hover span:after {
            right: -8vw;
        }

        .button:hover span {
            padding-right: 0vw;
        }

        .button span:after {
            width: 5vw;
            height: 2vh;
        }

    .sec8Success {
        gap: 5vw;
        /* padding: 8vw; */
    }

        .sec8Success img {
            width: 15vw;
            height: auto;
        }

        .sec8Success h4 {
            font-size: 8vw;
            line-height: 2vw;
        }

        .sec8Success p {
            font-size: 3vw;
            /*line-height: 3vw;*/
            line-height: 5vw;
            padding: 0;
        }

    .sec9bottom {
        margin-top: 0vh;
    }

    .sec9blog-title {
        font-size: 7vw;
        line-height: 8vw;
        margin: 0;
        margin-bottom: 3vw;
    }

        .sec9blog-title h4 {
            font-size: 5.5vw;
            line-height: 6vw;
        }

    .sec9blog-decs {
        font-size: 4vw;
        line-height: 5vw;
    }

    .sec9MainImgContainer {
        width: 93vw;
        height: 57vw;
        border-radius: 3vw;
    }

        .sec9MainImgContainer img {
            width: 100%;
            height: auto;
        }

    .sec9ImgContainer {
        width: 37vw;
        height: 25vw;
        border-radius: 2vw;
        margin-right: 2vh;
    }

        .sec9ImgContainer img {
            width: 39vw;
            height: 25vw;
            border-radius: 2vw;
            margin-right: 0vw;
        }

    .sec9img1 {
        width: 35vw;
        height: 20vw;
        margin-right: 3vh;
    }

    .sec9minRead {
        font-size: 3.2vw;
        margin-top: 2vw;
    }

    .sec10Head {
        width: 100%;
    }

    .accordion-arrow {
        width: 3.5vw;
    }

    .section10arrow {
        font-size: 8.1vw;
        line-height: 10vw;
        padding: 6vw 3vw;
    }

    .footBgImage {
        background-image: url(../images/spotBG.svg);
        width: 141vw;
        height: 115vw;
        /*        margin-top: -5vw;*/
        margin-top: 0vw;
    }

    .footerLogo {
        width: 60vw;
    }

    .dividerLine {
        height: 0.1vw;
    }

    .sec11Links {
        flex-wrap: wrap;
        gap: 5vw;
        align-items: center;
        justify-content: center;
        padding: 0vw 10vw;
        margin: 5vw 0vw 30vw 0vw;
    }

        .sec11Links div {
            gap: 1.2vw;
        }

    #tandc {
        font-size: 0;
    }

        #tandc::after {
            content: "T&C";
            font-size: 5vw;
        }

    .sec11Links a {
        font-size: 5vw;
    }

    .sec11Links img {
        width: 7vw;
    }

    .verticalLine {
        width: 0.3vw;
        height: 5vw;
    }

    .logo-terms {
        font-size: 15vw;
    }

    .HeadSection {
        padding: 6vw 4vw;
        gap: 6vw;
    }

    .termTitle {
        font-size: 8.1vw;
/*        letter-spacing: -0.3vw;*/
    }

    .termDate {
        font-size: 3.5vw;
        line-height: 4vw;
    }

    .termDesc {
        font-size: 3.5vw;
        line-height: 5vw;
        padding: 0 8vw;
    }

    .termLogoSection {
        padding: 3vw 4vw;
    }

    .termsContentSection {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contentSection {
        width: 100%;
    }

        .contentSection h2 {
            font-size: 7vw;
            line-height: 7vw;
            font-weight: 400;
            /* letter-spacing: -1px;*/
        }

        .contentSection ul {
            width: 80vw;
            padding: 0 8vw;
        }

        .contentSection li {
            font-size: 4vw;
            line-height: 6vw;
        }

        .contentSection p {
            font-size: 4vw;
            line-height: 5vw;
        }

    .contentTable {
        display: none;
    }

    .footerApp {
        display: flex !important;
        flex-direction: row;
    }

        .footerApp img {
            width: 30vw;
            height: auto;
            border-radius: 0;
        }

            .footerApp img:hover {
                background-color: var(--color-white);
            }

    /* Blog page css */

            .blogPageTitle {
                font-size: 17vw;
                line-height: 17vw;
            }

            .blogBreadcrum {
                font-size: 3.5vw;
                line-height: 4vw;
            }

            .blogCard {
                flex-direction: column;
                gap: 3vw;
                padding: 5vh 4vw;
            }

            .blogCardPart2 {
                gap: 4vw;
            }

            .blogCardImg {
                width: 100%;
                height: 100%;
                border-radius: 2vw;
            }

            .blogCardImg-Inner {
                height: inherit;
            }

            .blogCardImg img {
                width: -webkit-fill-available;
                height: inherit;
                border-radius: 1.5vw;
                object-fit: fill;
            }

            .blogCardDateRead p {
                font-size: 4vw;
                line-height: 4vw;
            }

            .blogCardContent h2 {
                font-size: 11vw;
                line-height: 11.5vw;
            }

            .blogCardContent p {
                font-size: 4vw;
                line-height: 5vw;
            }

            .readMoreBtn {
                color: var(--color-black);
                font-family: var(--font-family-secondary);
                font-size: 4vw;
                border-radius: 0.5vw;
                cursor: pointer;
                text-align: center;
                display: inline-block;
                text-decoration: none;
            }

                .readMoreBtn span {
                    display: inline-block;
                    position: relative;
                    padding-right: 2vw;
                    padding-bottom: 0px;
                }

                    .readMoreBtn span::before {
                        width: 90%;
                        height: 0.1vw;
                        transform: scaleX(1);
                    }

                    .readMoreBtn span:after {
                        top: 60%;
                        right: -5vw;
                        opacity: 1;
                        display: inline-block;
                        width: 7vw;
                        height: 7vw;
                        transform: translateY(-50%) rotate(-45deg);
                    }
            /* blogdetail css */
            .blogDetailHead {
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                padding-bottom: 6vw;
                margin: 7.5vw 3.5vw;
            }

            .blogDetailLogo img {
                width: 30vw;
                height: auto;
            }

            .blogDetailBreadcrum {
                font-size: 3.4vw;
                line-height: 5vw;
            }

            .blogDetailContent {
                display: flex;
                flex-direction: column;
                align-items: center;
                padding: 0vh 4.5vw;
                gap: 3vw;
            }

            .blogDetailDateRead {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                align-items: center;
                gap: 3vw;
            }

                .blogDetailDateRead span {
                    font-size: 3vw;
                    line-height: 3vw;
                }

                    .blogDetailContent .blogDetailDateRead:nth-of-type(2),
                    .blogDetailDateRead span:nth-child(4),
                    .blogDetailDateRead p:nth-child(5) {
                        display: none;
                    }

                .blogDetailDateRead p {
                    margin: 0;
                    font-family: var(--font-family-secondary);
                    font-size: 3.4vw;
                    line-height: 4vw;
                    font-weight: bold;
                    /* color: var(--color-black); */
                    color: black;
                }

            .blogDetailTitle {
                font-size: 5.5vw;
                line-height: 12vw;
                text-align: center;
            }

            .blogDetail {
                display: flex;
                flex-direction: column;
                justify-content: center;
                /* align-items: center; */
                padding: 0 1vw;
                gap: 3vw;
            }

                .blogDetail h2 {
                    font-size: 12vw;
                    line-height: 12vw;
                    text-align: left;
                }

                .blogDetail p {
                    font-size: 3.5vw;
                    line-height: 4vw;
                }

            .interProp {
                font-size: 1.8vh;
                line-height: 2vh;
            }
        }

@media screen and (max-width: 465px) {
    .sec7Img img:nth-child(1) {
/*        left: 28vw !important;*/
        left: 17vw !important;
        width: 70vw;
        height: auto;
    }

    .sec7Img img:nth-child(2) {
        /*        left: -70vw !important;*/
/*        left: -88vw !important;*/
        left: -85vw !important;
        width: 70vw;
        height: auto;
    }
}

@media screen and (max-width: 360px) {
    .sec7Img img:nth-child(1) {
        left: 18vw !important;
    }

    .sec7Img img:nth-child(2) {
        left: -87vw !important;
    }
}