/* =========================================================
   YASHVI DIGITEK
   HERO V2 - FULL CSS
   PERFORMANCE + CLS OPTIMIZED
========================================================= */


/* =========================================================
   RESET
========================================================= */

.yd-hero-v2,
.yd-hero-v2 *,
.yd-hero-v2 *::before,
.yd-hero-v2 *::after {
    box-sizing: border-box;
}


/* =========================================================
   MAIN HERO
========================================================= */

.yd-hero-v2 {
    position: relative !important;

    width: 100% !important;

    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: #622cae !important;

    isolation: isolate !important;

    contain: layout paint !important;
}


/* =========================================================
   HERO IMAGE WRAPPER
========================================================= */

.yd-hero-v2-media {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    z-index: 0 !important;
}


/* =========================================================
   PICTURE
========================================================= */

.yd-hero-v2-media picture {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    line-height: 0 !important;
}


/* =========================================================
   HERO IMAGE
========================================================= */

.yd-hero-v2-media img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: cover !important;

    object-position: center center !important;

    max-width: none !important;
}


/* =========================================================
   IMAGE OVERLAY
========================================================= */

.yd-hero-v2-overlay {
    position: absolute !important;

    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    z-index: 1 !important;

    pointer-events: none !important;

    background:
        linear-gradient(
            90deg,
            rgba(45, 15, 78, 0.92) 0%,
            rgba(78, 28, 125, 0.72) 35%,
            rgba(98, 44, 174, 0.32) 65%,
            rgba(0, 0, 0, 0.03) 100%
        ) !important;
}


/* =========================================================
   MAIN CONTAINER
========================================================= */

.yd-hero-v2-container {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;
    max-width: 1550px !important;

    height: 600px !important;
    min-height: 600px !important;

    margin: 0 auto !important;

    padding: 30px 40px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    overflow: visible !important;
}


/* =========================================================
   HERO CONTENT
========================================================= */

.yd-hero-v2-content {
    width: 58% !important;
    max-width: 780px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    flex-shrink: 0 !important;
}


/* =========================================================
   BADGE
========================================================= */

.yd-hero-v2-badge {
    display: inline-flex !important;

    align-items: center !important;

    width: fit-content !important;

    margin: 0 0 16px !important;
    padding: 8px 17px !important;

    border-radius: 50px !important;

    border-left: 4px solid #fd7a2c !important;

    background: #ffffff !important;

    color: #622cae !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 12px !important;

    line-height: 1.3 !important;

    font-weight: 800 !important;

    letter-spacing: 1.5px !important;

    text-transform: uppercase !important;

    white-space: nowrap !important;
}


/* =========================================================
   HERO TITLE
========================================================= */

.yd-hero-v2-title {
    display: block !important;

    width: 100% !important;
    max-width: 780px !important;

    margin: 0 0 15px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size:
        clamp(40px, 4.2vw, 60px) !important;

    line-height: 1.07 !important;

    font-weight: 800 !important;

    letter-spacing: -0.7px !important;

    text-align: left !important;
}


/* ORANGE PART */

.yd-hero-v2-title span {
    color: #fd7a2c !important;
}


/* =========================================================
   SUBTITLE
========================================================= */

.yd-hero-v2-subtitle {
    display: block !important;

    width: 100% !important;
    max-width: 720px !important;

    margin: 0 0 11px !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 19px !important;

    line-height: 1.45 !important;

    font-weight: 700 !important;

    text-align: left !important;
}


/* =========================================================
   DESCRIPTION
========================================================= */

.yd-hero-v2-description {
    display: block !important;

    width: 100% !important;
    max-width: 650px !important;

    margin: 0 !important;
    padding: 0 !important;

    color:
        rgba(255,255,255,0.94) !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    line-height: 1.65 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


/* =========================================================
   BUTTON WRAPPER
========================================================= */

.yd-hero-v2-buttons {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    flex-wrap: wrap !important;

    gap: 13px !important;

    width: 100% !important;

    margin: 25px 0 0 !important;
    padding: 0 !important;
}


/* =========================================================
   COMMON BUTTON
========================================================= */

.yd-hero-v2-btn {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    min-height: 50px !important;

    margin: 0 !important;
    padding: 12px 24px !important;

    border-radius: 7px !important;

  
    font-size: 15px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    text-decoration: none !important;

    cursor: pointer !important;

    transition:
        transform .25s ease,
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        box-shadow .25s ease !important;
}


/* =========================================================
   PRIMARY BUTTON
========================================================= */

.yd-hero-v2-primary {
    background: #fd7a2c !important;

    border: 2px solid #fd7a2c !important;

    color: #ffffff !important;

    box-shadow:
        0 7px 18px rgba(253,122,44,0.22) !important;
}


.yd-hero-v2-primary:hover {
    background: #622cae !important;

    border-color: #622cae !important;

    color: #ffffff !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 10px 25px rgba(98,44,174,0.30) !important;
}


/* =========================================================
   ARROW
========================================================= */

.yd-hero-v2-arrow {
    display: block !important;

    width: 19px !important;
    height: 19px !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 2 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;

    flex-shrink: 0 !important;

    transition:
        transform .25s ease !important;
}


.yd-hero-v2-primary:hover
.yd-hero-v2-arrow {
    transform: translateX(4px) !important;
}


/* =========================================================
   PHONE BUTTON
========================================================= */

.yd-hero-v2-phone {
    background: #ffffff !important;

    border: 2px solid #ffffff !important;

    color: #622cae !important;

    box-shadow:
        0 7px 18px rgba(0,0,0,0.12) !important;
}


.yd-hero-v2-phone:hover {
    background: #622cae !important;

    border-color: #622cae !important;

    color: #ffffff !important;

    transform: translateY(-3px) !important;
}


/* =========================================================
   PHONE ICON
========================================================= */

.yd-hero-v2-phone-icon {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    flex-shrink: 0 !important;
}


.yd-hero-v2-phone-icon svg {
    display: block !important;

    width: 18px !important;
    height: 18px !important;

    fill: currentColor !important;
}


/* =========================================================
   CONTACT FORM
   DESKTOP HIDDEN
========================================================= */

.yd-hero-v2-contact {
    display: none !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .yd-hero-v2 {
        height: 550px !important;

        min-height: 550px !important;

        max-height: 550px !important;
    }


    .yd-hero-v2-container {
        height: 550px !important;

        min-height: 550px !important;

        padding:
            30px !important;
    }


    .yd-hero-v2-content {
        width: 68% !important;

        max-width: 700px !important;
    }


    .yd-hero-v2-title {
        font-size: 46px !important;
    }


    .yd-hero-v2-subtitle {
        font-size: 17px !important;
    }


    .yd-hero-v2-description {
        font-size: 15px !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    /* -----------------------------------------
       HERO
    ----------------------------------------- */

    .yd-hero-v2 {
        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        max-height: none !important;

        overflow: visible !important;

        background:
            linear-gradient(
                180deg,
                #622cae 0%,
                #4f208f 100%
            ) !important;
    }


    /* -----------------------------------------
       MOBILE IMAGE AREA

       This reserves the image space before
       image finishes loading.
    ----------------------------------------- */

    .yd-hero-v2-media {
        position: relative !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        aspect-ratio: 900 / 500 !important;

        overflow: hidden !important;

        background: #622cae !important;
    }


    .yd-hero-v2-media picture {
        display: block !important;

        width: 100% !important;

        height: 100% !important;
    }


    .yd-hero-v2-media img {
        display: block !important;

        width: 100% !important;

        height: 100% !important;

        min-width: 100% !important;

        min-height: 100% !important;

        object-fit: cover !important;

        object-position: center center !important;
    }


    /* -----------------------------------------
       REMOVE OVERLAY
    ----------------------------------------- */

    .yd-hero-v2-overlay {
        display: none !important;
    }


    /* -----------------------------------------
       CONTENT CONTAINER
    ----------------------------------------- */

    .yd-hero-v2-container {
        position: relative !important;

        width: 100% !important;

        max-width: 100% !important;

        height: auto !important;

        min-height: 0 !important;

        margin: 0 !important;

        padding:
            28px 15px 35px !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        justify-content: flex-start !important;

        gap: 0 !important;

        background:
            linear-gradient(
                180deg,
                #622cae 0%,
                #4f208f 100%
            ) !important;
    }


    /* -----------------------------------------
       CONTENT
    ----------------------------------------- */

    .yd-hero-v2-content {
        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;

        margin: 0 !important;

        padding: 0 !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: flex-start !important;

        justify-content: flex-start !important;
    }


    /* -----------------------------------------
       BADGE
    ----------------------------------------- */

    .yd-hero-v2-badge {
        margin:
            0 0 14px !important;

        padding:
            7px 14px !important;

        font-size:
            10px !important;

        letter-spacing:
            1.2px !important;
    }


    /* -----------------------------------------
       TITLE
    ----------------------------------------- */

    .yd-hero-v2-title {
        width: 100% !important;

        max-width: 100% !important;

        margin:
            0 0 13px !important;

        font-size:
            32px !important;

        line-height:
            1.15 !important;

        letter-spacing:
            -0.3px !important;
    }


    /* -----------------------------------------
       SUBTITLE
    ----------------------------------------- */

    .yd-hero-v2-subtitle {
        width: 100% !important;

        max-width: 100% !important;

        margin:
            0 0 11px !important;

        font-size:
            17px !important;

        line-height:
            1.45 !important;
    }


    /* -----------------------------------------
       DESCRIPTION
    ----------------------------------------- */

    .yd-hero-v2-description {
        width: 100% !important;

        max-width: 100% !important;

        font-size:
            14px !important;

        line-height:
            1.6 !important;
    }


    /* -----------------------------------------
       BUTTONS
    ----------------------------------------- */

    .yd-hero-v2-buttons {
        width: 100% !important;

        margin:
            22px 0 0 !important;

        padding: 0 !important;

        display: flex !important;

        flex-direction: column !important;

        align-items: stretch !important;

        justify-content: flex-start !important;

        gap: 10px !important;
    }


    .yd-hero-v2-btn {
        width: 100% !important;

        min-height:
            48px !important;

        padding:
            11px 18px !important;

        font-size:
            14px !important;
    }


    /* -----------------------------------------
       CONTACT FORM
    ----------------------------------------- */

    .yd-hero-v2-contact {
        display: block !important;

        width: 100% !important;

        max-width: 100% !important;

        min-height: 360px !important;

        margin:
            30px 0 0 !important;

        padding:
            22px 16px !important;

        background:
            rgba(255,255,255,0.10) !important;

        border:
            1px solid rgba(255,255,255,0.40) !important;

        border-radius:
            12px !important;

        box-shadow:
            0 10px 25px rgba(0,0,0,0.12) !important;

        overflow:
            visible !important;
    }


    /* -----------------------------------------
       FORM INNER
    ----------------------------------------- */

    .yd-hero-v2-contact-inner {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    /* -----------------------------------------
       FORM TITLE
    ----------------------------------------- */

    .yd-hero-v2-contact h2 {
        display: block !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #ffffff !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size:
            24px !important;

        line-height:
            1.2 !important;

        font-weight:
            800 !important;
    }


    /* -----------------------------------------
       FORM LINE
    ----------------------------------------- */

    .yd-hero-v2-contact-line {
        display: block !important;

        width:
            62px !important;

        height:
            3px !important;

        margin:
            8px 0 15px !important;

        padding: 0 !important;

        background:
            #fd7a2c !important;

        border-radius:
            50px !important;
    }


    /* -----------------------------------------
       CF7 RESET
    ----------------------------------------- */

    .yd-hero-v2-contact .wpcf7 {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .yd-hero-v2-contact
    .wpcf7 form {
        width: 100% !important;

        margin: 0 !important;

        padding: 0 !important;
    }


    .yd-hero-v2-contact
    .wpcf7 p {
        margin: 0 !important;

        padding: 0 !important;
    }


    .yd-hero-v2-contact
    .wpcf7 br {
        display: none !important;
    }


    /* -----------------------------------------
       FIELD WRAPPER
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7-form-control-wrap {
        display: block !important;

        width: 100% !important;

        margin:
            0 0 9px !important;
    }


    /* -----------------------------------------
       INPUTS
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7 input:not([type="submit"]),

    .yd-hero-v2-contact
    .wpcf7 select,

    .yd-hero-v2-contact
    .wpcf7 textarea {

        width: 100% !important;

        margin: 0 !important;

        padding:
            10px 13px !important;

        border:
            1px solid rgba(255,255,255,0.70) !important;

        border-radius:
            7px !important;

        background:
            rgba(255,255,255,0.10) !important;

        color:
            #ffffff !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size:
            14px !important;

        line-height:
            1.4 !important;

        outline:
            none !important;

        box-shadow:
            none !important;
    }


    /* INPUT HEIGHT */

    .yd-hero-v2-contact
    .wpcf7 input:not([type="submit"]),

    .yd-hero-v2-contact
    .wpcf7 select {

        height:
            44px !important;
    }


    /* TEXTAREA */

    .yd-hero-v2-contact
    .wpcf7 textarea {

        min-height:
            82px !important;

        resize:
            vertical !important;
    }


    /* -----------------------------------------
       PLACEHOLDER
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7 input::placeholder,

    .yd-hero-v2-contact
    .wpcf7 textarea::placeholder {

        color:
            rgba(255,255,255,0.90) !important;

        opacity:
            1 !important;
    }


    /* -----------------------------------------
       SELECT OPTION
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7 select option {

        color:
            #222222 !important;

        background:
            #ffffff !important;
    }


    /* -----------------------------------------
       FOCUS
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7 input:not([type="submit"]):focus,

    .yd-hero-v2-contact
    .wpcf7 select:focus,

    .yd-hero-v2-contact
    .wpcf7 textarea:focus {

        border-color:
            #fd7a2c !important;

        background:
            rgba(255,255,255,0.16) !important;

        box-shadow:
            0 0 0 1px #fd7a2c !important;
    }


    /* -----------------------------------------
       SUBMIT BUTTON
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7 input[type="submit"] {

        display: flex !important;

        align-items: center !important;

        justify-content: center !important;

        width: 100% !important;

        height:
            47px !important;

        min-height:
            47px !important;

        margin:
            4px 0 0 !important;

        padding:
            10px 15px !important;

        border:
            2px solid #fd7a2c !important;

        border-radius:
            7px !important;

        background:
            #fd7a2c !important;

        color:
            #ffffff !important;

        font-family:
            Arial,
            Helvetica,
            sans-serif !important;

        font-size:
            15px !important;

        line-height:
            1.3 !important;

        font-weight:
            700 !important;

        cursor:
            pointer !important;

        opacity:
            1 !important;

        visibility:
            visible !important;

        text-shadow:
            none !important;
    }


    .yd-hero-v2-contact
    .wpcf7 input[type="submit"]:hover {

        background:
            #622cae !important;

        border-color:
            #622cae !important;

        color:
            #ffffff !important;
    }


    /* -----------------------------------------
       CF7 SPINNER
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7-spinner {

        display:
            block !important;

        margin:
            5px auto !important;
    }


    /* -----------------------------------------
       VALIDATION
    ----------------------------------------- */

    .yd-hero-v2-contact
    .wpcf7-not-valid-tip {

        display:
            block !important;

        margin:
            2px 0 0 !important;

        color:
            #ffffff !important;

        font-size:
            10px !important;

        line-height:
            1.3 !important;
    }


    .yd-hero-v2-contact
    .wpcf7-response-output {

        margin:
            7px 0 0 !important;

        padding:
            7px 9px !important;

        border-color:
            #fd7a2c !important;

        color:
            #ffffff !important;

        font-size:
            11px !important;

        line-height:
            1.35 !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .yd-hero-v2-container {
        padding:
            25px 15px 32px !important;
    }


    .yd-hero-v2-title {
        font-size:
            30px !important;
    }


    .yd-hero-v2-subtitle {
        font-size:
            16px !important;
    }


    .yd-hero-v2-description {
        font-size:
            14px !important;

        line-height:
            1.6 !important;
    }


    .yd-hero-v2-contact {
        min-height:
            350px !important;

        padding:
            20px 14px !important;
    }


    .yd-hero-v2-contact h2 {
        font-size:
            23px !important;
    }

}


/* =========================================================
   VERY SMALL MOBILE
========================================================= */

@media (max-width: 360px) {

    .yd-hero-v2-title {
        font-size:
            28px !important;
    }


    .yd-hero-v2-subtitle {
        font-size:
            15px !important;
    }


    .yd-hero-v2-btn {
        min-height:
            46px !important;

        font-size:
            13px !important;
    }


    .yd-hero-v2-contact {
        padding:
            19px 13px !important;
    }

}
/* =========================
   ABOUT SECTION
========================= */

.yd-about {
    width: 100%;
    padding: 50px 30px;
    background: #ffffff;
    box-sizing: border-box;
    overflow: hidden;
}

.yd-about-container {
    max-width: 1400px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 70px;
}


/* =========================
   LEFT CONTENT
========================= */

.yd-about-content {
    position: relative;
}

.yd-about-tag {
    display: inline-block;

    padding: 8px 17px;
    margin-bottom: 18px;

    background: rgba(98, 44, 174, 0.09);
    border-left: 4px solid #fd7a2c;

    color: #622cae;

    font-size: 13px;
    font-weight: 800;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

.yd-about-content h2 {
    margin: 0 0 20px;

    color: #17122b;

    font-size: 43px;
    line-height: 1.13;
    font-weight: 800;
}

.yd-about-content h2 span {
    display: block;
    color: #622cae;
}

.yd-about-intro {
    margin-bottom: 15px;

    color: #444;
    font-size: 17px;
    line-height: 1.75;
    font-weight: 500;
}

.yd-about-content > p:not(.yd-about-intro) {
    margin-bottom: 25px;

    color: #666;
    font-size: 15px;
    line-height: 1.8;
}


/* =========================
   FEATURES
========================= */

.yd-about-features {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px 25px;

    margin-bottom: 30px;
}

.yd-about-feature {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.yd-feature-icon {
    flex-shrink: 0;

    width: 27px;
    height: 27px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #622cae;
    color: #ffffff;

    font-size: 14px;
    font-weight: 800;

    box-shadow: 0 5px 15px rgba(98, 44, 174, 0.22);
}

.yd-about-feature h4 {
    margin: 0 0 4px;

    color: #211638;
    font-size: 15px;
    font-weight: 750;
}

.yd-about-feature p {
    margin: 0;

    color: #777;
    font-size: 12.5px;
    line-height: 1.55;
}


/* =========================
   BUTTON
========================= */

.yd-about-btn {
    display: inline-flex;
    align-items: center;
    gap: 14px;

    padding: 14px 23px;

    background: #622cae;
    color: #ffffff;

    border-radius: 6px;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    box-shadow: 0 8px 22px rgba(98, 44, 174, 0.22);

    transition: all 0.3s ease;
}

.yd-about-btn span {
    font-size: 20px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.yd-about-btn:hover {
    background: #fd7a2c;
    color: #ffffff;

    transform: translateY(-3px);

    box-shadow: 0 12px 25px rgba(253, 122, 44, 0.25);
}

.yd-about-btn:hover span {
    transform: translateX(5px);
}


/* =========================
   RIGHT IMAGE
========================= */

.yd-about-image {
    position: relative;

    width: 100%;
    min-height: 480px;

    display: flex;
    align-items: center;
    justify-content: center;
}

.yd-about-image img {
    position: relative;
    z-index: 2;

    display: block;

    width: 100%;
    height: 470px;

    object-fit: cover;

    border-radius: 18px;

    box-shadow: 0 20px 55px rgba(35, 20, 70, 0.18);
}


/* Decorative frame */

.yd-image-frame {
    position: absolute;

    width: 90%;
    height: 90%;

    right: -15px;
    bottom: -10px;

    border: 3px solid #fd7a2c;
    border-radius: 20px;

    z-index: 1;
}


/* =========================
   IMAGE BADGE
========================= */

.yd-about-badge {
    position: absolute;

    left: -28px;
    bottom: 35px;

    z-index: 4;

    min-width: 125px;

    padding: 17px 20px;

    background: #ffffff;

    border-radius: 10px;

    box-shadow: 0 12px 35px rgba(30, 20, 60, 0.18);

    text-align: center;
}

.yd-about-badge strong {
    display: block;

    color: #622cae;

    font-size: 27px;
    line-height: 1;

    font-weight: 800;
}

.yd-about-badge span {
    display: block;

    margin-top: 6px;

    color: #555;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: .4px;
}


/* =========================
   TABLET
========================= */

@media (max-width: 991px) {

    .yd-about {
        padding: 70px 25px;
    }

    .yd-about-container {
        gap: 45px;
    }

    .yd-about-content h2 {
        font-size: 35px;
    }

    .yd-about-image {
        min-height: 400px;
    }

    .yd-about-image img {
        height: 390px;
    }

    .yd-about-badge {
        left: -15px;
    }
}


/* =========================
   MOBILE
========================= */

@media (max-width: 767px) {

    .yd-about {
        padding: 55px 18px;
    }

    .yd-about-container {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .yd-about-content h2 {
        font-size: 31px;
    }

    .yd-about-intro {
        font-size: 15px;
    }

    .yd-about-features {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .yd-about-image {
        min-height: auto;

        padding: 0 8px 15px;
    }

    .yd-about-image img {
        width: 100%;
        height: auto;
        min-height: 300px;

        object-fit: cover;

        border-radius: 14px;
    }

    .yd-image-frame {
        width: 90%;
        height: 90%;

        right: 0;
        bottom: 0;
    }

    .yd-about-badge {
        left: 5px;
        bottom: 25px;

        min-width: 105px;
        padding: 13px 15px;
    }

    .yd-about-badge strong {
        font-size: 23px;
    }

    .yd-about-btn {
        padding: 13px 20px;
    }
}


/* =========================
   SMALL MOBILE
========================= */

@media (max-width: 480px) {

    .yd-about {
        padding: 45px 15px;
    }

    .yd-about-content h2 {
        font-size: 28px;
    }

    .yd-about-tag {
        font-size: 11px;
    }

    .yd-about-image img {
        min-height: 260px;
    }

}


/* ==========================================
   WHY CHOOSE US
========================================== */

.yd-why-section {

    position: relative;

    width: 100%;

    padding: 45px 25px;

    box-sizing: border-box;

    overflow: hidden;

    background:
        radial-gradient(
            circle at 8% 20%,
            rgba(98,44,174,.07),
            transparent 28%
        ),
        radial-gradient(
            circle at 95% 80%,
            rgba(253,122,44,.06),
            transparent 28%
        ),
        #faf9fd;

}


/* ==========================================
   CONTAINER
========================================== */

.yd-why-container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.95fr 1.05fr;

    align-items: center;

    gap: 65px;

}


/* ==========================================
   LEFT IMAGE AREA
========================================== */

.yd-why-image-wrap {

    position: relative;

    width: 100%;

    padding: 0 0 45px 0;

    box-sizing: border-box;

}


/* Decorative background */

.yd-why-image-bg {

    position: absolute;

    left: -18px;

    top: -18px;

    width: 130px;

    height: 130px;

    border-radius: 20px;

    background:
        radial-gradient(
            circle,
            rgba(98,44,174,.18) 2px,
            transparent 2.5px
        );

    background-size: 13px 13px;

    z-index: 0;

}


/* Image */

.yd-why-image {

    position: relative;

    z-index: 2;

    width: 100%;

    overflow: hidden;

    border-radius: 18px;

    background: #eeeeee;

    box-shadow:
        0 22px 55px rgba(48,30,80,.16);

}


/* Image itself */

.yd-why-image img {

    display: block;

    width: 100%;

    height: 535px;

    object-fit: cover;

    object-position: center;

    transition:
        transform .6s ease;

}


.yd-why-image:hover img {

    transform: scale(1.025);

}


/* ==========================================
   STATS BAR
========================================== */

.yd-why-stats {

    position: absolute;

    left: 20px;

    right: 20px;

    bottom: 0;

    z-index: 5;

    display: grid;

    grid-template-columns: repeat(3,1fr);

    background:
        linear-gradient(
            110deg,
            #622cae,
            #512298
        );

    border-radius: 13px;

    padding: 18px 12px;

    box-sizing: border-box;

    box-shadow:
        0 15px 35px rgba(98,44,174,.25);

}


.yd-stat {

    position: relative;

    text-align: center;

    padding: 0 8px;

}


/* divider */

.yd-stat:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 5px;

    width: 1px;

    height: 45px;

    background: rgba(255,255,255,.25);

}


.yd-stat strong {

    display: block;

    margin-bottom: 4px;

    color: #ffffff;

    font-size: 28px;

    line-height: 1;

    font-weight: 800;

}


.yd-stat span {

    color: rgba(255,255,255,.72);

    font-size: 14px;

    font-weight: 600;

    letter-spacing: .3px;

}


/* ==========================================
   RIGHT CONTENT
========================================== */

.yd-why-content {

    width: 100%;

}


/* Label */

.yd-why-label {

    display: inline-flex;

    align-items: center;

    padding: 7px 15px;

    margin-bottom: 16px;

    border-left: 4px solid #fd7a2c;

    border-radius: 0 5px 5px 0;

    background: rgba(98,44,174,.08);

    color: #622cae;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 1.4px;

}


/* Heading */

.yd-why-content h2 {

    margin: 0 0 18px;

    color: #17122a;

    font-size: 43px;

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -.8px;

}


.yd-why-content h2 span {

    display: block;

    color: #622cae;

}


/* Intro */

.yd-why-intro {

    max-width: 650px;

    margin: 0 0 27px;

    color: #696572;

    font-size: 14px;

    line-height: 1.8;

}


/* ==========================================
   REASONS GRID
========================================== */

.yd-reasons-grid {

    display: grid;

    grid-template-columns: repeat(2,1fr);

    gap: 13px;

}


/* ==========================================
   REASON CARD
========================================== */

.yd-reason-card {

    display: flex;

    align-items: flex-start;

    gap: 13px;

    min-width: 0;

    padding: 17px 15px;

    box-sizing: border-box;

    background: rgba(255,255,255,.75);

    border: 1px solid #ece8f3;

    border-radius: 11px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease,
        background .3s ease;

}


.yd-reason-card:hover {

    transform: translateY(-4px);

    background: #ffffff;

    border-color: rgba(98,44,174,.2);

    box-shadow:
        0 12px 30px rgba(55,30,90,.09);

}


/* ==========================================
   REASON ICON
========================================== */

.yd-reason-icon {

    width: 43px;

    height: 43px;

    flex-shrink: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    background:
        linear-gradient(
            145deg,
            rgba(98,44,174,.12),
            rgba(253,122,44,.09)
        );

    transition:
        background .3s ease,
        transform .3s ease;

}


.yd-reason-card:hover .yd-reason-icon {

    background: #622cae;

    transform: rotate(-4deg);

}


.yd-reason-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: #622cae;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke .3s ease;

}


.yd-reason-card:hover .yd-reason-icon svg {

    stroke: #ffffff;

}


/* ==========================================
   REASON TEXT
========================================== */

.yd-reason-text {

    min-width: 0;

}


.yd-reason-text h3 {

    margin: 1px 0 5px;

    color: #211938;

    font-size: 17px;

    line-height: 1.3;

    font-weight: 800;

}


.yd-reason-text p {

    margin: 0;

    color: #7b7782;

    font-size: 14px;

    line-height: 1.55;

}


/* ==========================================
   BOTTOM CTA
========================================== */

.yd-why-bottom {

    display: flex;

    align-items: center;

    gap: 20px;

    margin-top: 25px;

}


/* Button */

.yd-why-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 13px 20px;

    background: #fd7a2c;

    color: #ffffff;

    border-radius: 6px;

    text-decoration: none;

    font-size: 15px;

    font-weight: 800;

    box-shadow:
        0 9px 22px rgba(253,122,44,.20);

    transition:
        all .3s ease;

}


.yd-why-btn span {

    font-size: 18px;

    line-height: 1;

    transition:
        transform .3s ease;

}


.yd-why-btn:hover {

    background: #622cae;

    color: #ffffff;

    transform: translateY(-3px);

    box-shadow:
        0 12px 27px rgba(98,44,174,.23);

}


.yd-why-btn:hover span {

    transform: translateX(5px);

}


/* ==========================================
   GROWTH TEXT
========================================== */

.yd-growth-text {

    padding-left: 18px;

    border-left: 1px solid #dcd6e7;

}


.yd-growth-text small {

    display: block;

    margin-bottom: 3px;

    color: #888391;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 1.5px;

}


.yd-growth-text strong {

    display: block;

    color: #622cae;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 1px;

}


/* ==========================================
   LARGE TABLET
========================================== */

@media (max-width: 1050px) {

    .yd-why-container {

        gap: 40px;

    }

    .yd-why-content h2 {

        font-size: 37px;

    }

    .yd-why-image img {

        height: 500px;

    }

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .yd-why-section {

        padding: 75px 22px;

    }

    .yd-why-container {

        grid-template-columns: 1fr;

        gap: 55px;

    }

    .yd-why-image-wrap {

        max-width: 720px;

        margin: 0 auto;

    }

    .yd-why-image img {

        height: 480px;

    }

    .yd-why-content {

        max-width: 720px;

        margin: 0 auto;

    }

    .yd-why-content h2 {

        font-size: 39px;

    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 700px) {

    .yd-why-section {

        padding: 60px 16px;

    }

    .yd-why-container {

        gap: 45px;

    }

    .yd-why-image-wrap {

        padding-bottom: 35px;

    }

    .yd-why-image {

        border-radius: 14px;

    }

    .yd-why-image img {

        height: 390px;

    }

    .yd-why-stats {

        left: 10px;

        right: 10px;

        padding: 14px 8px;

        border-radius: 10px;

    }

    .yd-stat strong {

        font-size: 20px;

    }

    .yd-stat span {

        font-size: 8px;

    }

    .yd-stat:not(:last-child)::after {

        height: 35px;

    }

    .yd-why-content h2 {

        font-size: 31px;

        letter-spacing: -.4px;

    }

    .yd-why-intro {

        font-size: 13px;

        line-height: 1.75;

    }

    .yd-reasons-grid {

        grid-template-columns: 1fr;

        gap: 11px;

    }

    .yd-reason-card {

        padding: 15px;

    }

    .yd-reason-text h3 {

        font-size: 14px;

    }

    .yd-reason-text p {

        font-size: 11px;

    }

    .yd-why-bottom {

        align-items: flex-start;

        flex-direction: column;

        gap: 18px;

    }

    .yd-growth-text {

        padding-left: 13px;

    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 420px) {

    .yd-why-section {

        padding: 50px 14px;

    }

    .yd-why-image img {

        height: 330px;

    }

    .yd-why-content h2 {

        font-size: 28px;

    }

    .yd-why-label {

        font-size: 10px;

    }

    .yd-reason-icon {

        width: 40px;

        height: 40px;

    }

    .yd-reason-icon svg {

        width: 20px;

        height: 20px;

    }

}

/* ==========================================================
   YASHVI DIGITEK
   HOME PAGE FEATURED WORK
========================================================== */


/* ==========================================================
   RESET
========================================================== */

.yd-home-work,
.yd-home-work *,
.yd-home-work *::before,
.yd-home-work *::after {

    box-sizing: border-box;

}


/* ==========================================================
   SECTION
========================================================== */

.yd-home-work {

    width: 100%;

    margin: 0;

    padding:
        35px 25px 70px;

    background:
        #ffffff;

    overflow: hidden;

}


/* ==========================================================
   CONTAINER
========================================================== */

.yd-home-work-container {

    width: 100%;

    max-width:
        1400px;

    margin:
        0 auto;

}


/* ==========================================================
   HEADER
========================================================== */

.yd-home-work-header {

    max-width:
        720px;

    margin:
        0 auto 38px;

    text-align:
        center;

}


.yd-home-work-label {

    display:
        inline-block;

    margin-bottom:
        13px;

    padding:
        6px 14px;

    border-left:
        3px solid #fd7a2c;

    background:
        rgba(98,44,174,.07);

    color:
        #622cae;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        1.5px;

    text-transform:
        uppercase;

}


.yd-home-work-header h2 {

    margin:
        0 0 13px;

    color:
        #17122a;

    font-size:
        40px;

    line-height:
        1.15;

    font-weight:
        800;

}


.yd-home-work-header h2 span {

    color:
        #622cae;

}


.yd-home-work-header p {

    max-width:
        650px;

    margin:
        0 auto;

    color:
        #77737f;

    font-size:
        15px;

    line-height:
        1.75;

}


/* ==========================================================
   GRID
========================================================== */

.yd-home-work-grid {

    display:
        grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    gap:
        22px;

}


/* ==========================================================
   CARD
========================================================== */

.yd-home-work-card {

    min-width:
        0;

    overflow:
        hidden;

    background:
        #ffffff;

    border:
        1px solid #ece8f2;

    border-radius:
        12px;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;

}


.yd-home-work-card:hover {

    transform:
        translateY(-5px);

    border-color:
        rgba(98,44,174,.25);

    box-shadow:
        0 15px 35px
        rgba(50,30,80,.12);

}


/* ==========================================================
   IMAGE
========================================================== */

.yd-home-work-image {

    padding:
        11px 11px 0;

    background:
        #f5f3f8;

}


/* ==========================================================
   BROWSER
========================================================== */

.yd-home-browser {

    overflow:
        hidden;

    border-radius:
        7px 7px 0 0;

    background:
        #ffffff;

    box-shadow:
        0 7px 18px
        rgba(40,25,70,.10);

}


/* ==========================================================
   BROWSER TOP
========================================================== */

.yd-home-browser-top {

    height:
        27px;

    display:
        flex;

    align-items:
        center;

    padding:
        0 7px;

    background:
        #eeecf2;

}


/* ==========================================================
   DOTS
========================================================== */

.yd-home-browser-dots {

    display:
        flex;

    align-items:
        center;

    gap:
        3px;

    width:
        31px;

    flex-shrink:
        0;

}


.yd-home-browser-dots i {

    width:
        5px;

    height:
        5px;

    display:
        block;

    border-radius:
        50%;

    background:
        #c3bdca;

}


/* ==========================================================
   URL
========================================================== */

.yd-home-browser-url {

    flex:
        1;

    min-width:
        0;

    overflow:
        hidden;

    padding:
        3px 7px;

    white-space:
        nowrap;

    text-overflow:
        ellipsis;

    border-radius:
        12px;

    background:
        #ffffff;

    color:
        #9a95a0;

    font-size:
        7px;

    text-align:
        center;

}


/* ==========================================================
   PREVIEW
========================================================== */

.yd-home-preview {

    position:
        relative;

    width:
        100%;

    height:
        175px;

    overflow:
        hidden;

    display:
        flex;

    align-items:
        flex-start;

    justify-content:
        center;

    background:
        #ffffff;

}


/* ==========================================================
   IMAGE
   NO CROP
========================================================== */

.yd-home-preview img {

    display:
        block;

    width:
        100%;

    height:
        100%;

    object-fit:
        contain;

    object-position:
        top center;

    background:
        #ffffff;

    transition:
        transform .45s ease,
        filter .3s ease;

}


.yd-home-work-card:hover
.yd-home-preview img {

    transform:
        scale(1.02);

    filter:
        brightness(.68);

}


/* ==========================================================
   HOVER OVERLAY
========================================================== */

.yd-home-work-overlay {

    position:
        absolute;

    inset:
        0;

    z-index:
        2;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    gap:
        7px;

    background:
        rgba(98,44,174,.70);

    color:
        #ffffff;

    opacity:
        0;

    transition:
        opacity .3s ease;

    pointer-events:
        none;

}


.yd-home-work-card:hover
.yd-home-work-overlay {

    opacity:
        1;

}


.yd-home-work-overlay span {

    font-size:
        8px;

    font-weight:
        800;

    letter-spacing:
        1.2px;

}


.yd-home-work-overlay strong {

    width:
        34px;

    height:
        34px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border:
        1px solid rgba(255,255,255,.75);

    border-radius:
        50%;

    font-size:
        15px;

    font-weight:
        400;

}


/* ==========================================================
   CONTENT
========================================================== */

.yd-home-work-content {

    padding:
        16px 16px 17px;

}


.yd-home-work-meta {

    margin-bottom:
        6px;

}


.yd-home-work-meta span {

    display:
        inline-block;

    padding:
        4px 8px;

    border-radius:
        20px;

    background:
        rgba(98,44,174,.07);

    color:
        #622cae;

    font-size:
        11px;

    font-weight:
        800;

}


.yd-home-work-content h3 {

    margin:
        0 0 10px;

    color:
        #201731;

    font-size:
        19px;

    line-height:
        1.25;

    font-weight:
        800;

}


/* ==========================================================
   WEBSITE LINK
========================================================== */

.yd-home-work-content > a {

    display:
        inline-flex;

    align-items:
        center;

    gap:
        5px;

    color:
        #622cae;

    text-decoration:
        none;

    font-size:
        14px;

    font-weight:
        800;

    transition:
        color .25s ease;

}


.yd-home-work-content > a span {

    transition:
        transform .25s ease;

}


.yd-home-work-content > a:hover {

    color:
        #fd7a2c;

}


.yd-home-work-content > a:hover span {

    transform:
        translate(3px,-2px);

}


/* ==========================================================
   VIEW ALL BUTTON
========================================================== */

.yd-home-work-button {

    display:
        flex;

    justify-content:
        center;

    margin-top:
        38px;

}


.yd-view-all-btn {

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    padding:
        13px 24px;

    border:
        2px solid #622cae;

    border-radius:
        5px;

    background:
        #622cae;

    color:
        #ffffff;

    text-decoration:
        none;

    font-size:
        12px;

    font-weight:
        800;

    letter-spacing:
        .2px;

    transition:
        background .25s ease,
        border-color .25s ease,
        color .25s ease,
        transform .25s ease;

}


.yd-view-all-btn strong {

    font-size:
        17px;

    font-weight:
        400;

    transition:
        transform .25s ease;

}


.yd-view-all-btn:hover {

    background:
        #fd7a2c;

    border-color:
        #fd7a2c;

    color:
        #ffffff;

    transform:
        translateY(-2px);

}


.yd-view-all-btn:hover strong {

    transform:
        translateX(5px);

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .yd-home-work {

        padding:
            60px 20px 65px;

    }


    .yd-home-work-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            22px;

    }


    .yd-home-preview {

        height:
            220px;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .yd-home-work {

        padding:
            50px 15px 55px;

    }


    .yd-home-work-header {

        margin-bottom:
            30px;

    }


    .yd-home-work-header h2 {

        font-size:
            30px;

    }


    .yd-home-work-header p {

        font-size:
            13px;

    }


    .yd-home-work-grid {

        grid-template-columns:
            1fr;

        gap:
            20px;

    }


    .yd-home-preview {

        height:
            230px;

    }


    .yd-home-work-content {

        padding:
            17px 17px 19px;

    }


    .yd-home-work-content h3 {

        font-size:
            19px;

    }


    .yd-home-work-content > a {

        font-size:
            12px;

    }


    .yd-home-work-button {

        margin-top:
            30px;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 400px) {

    .yd-home-work-header h2 {

        font-size:
            27px;

    }


    .yd-home-preview {

        height:
            210px;

    }

}

/* ==========================================
   COUNTER
========================================== */

.yd-counters {

    width: 100%;

    display: grid;

    grid-template-columns: repeat(4, 1fr);

    padding: 28px 20px;

    box-sizing: border-box;

    background: #622cae;

    border-radius: 12px;

    box-shadow:
        0 15px 35px rgba(98,44,174,.18);

}


/* ==========================================
   COUNTER ITEM
========================================== */

.yd-counter-item {

    position: relative;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    text-align: center;

    padding: 5px 20px;

}


/* ==========================================
   DIVIDER
========================================== */

.yd-counter-item:not(:last-child)::after {

    content: "";

    position: absolute;

    right: 0;

    top: 8px;

    width: 1px;

    height: 70px;

    background: rgba(255,255,255,.25);

}


/* ==========================================
   ICON
========================================== */

.yd-counter-icon {

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 9px;

    border-radius: 50%;

    background: rgba(255,255,255,.12);

    transition: all .3s ease;

}


.yd-counter-icon svg {

    width: 21px;

    height: 21px;

    fill: none;

    stroke: #ffffff;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

}


.yd-counter-item:hover .yd-counter-icon {

    background: #fd7a2c;

    transform: translateY(-3px) scale(1.05);

}


/* ==========================================
   NUMBER
========================================== */

.yd-counter-number {

    color: #ffffff;

    font-size: 35px;

    line-height: 1;

    font-weight: 800;

    letter-spacing: -.5px;

}


.yd-count {

    color: #ffffff;

}


/* ==========================================
   TITLE
========================================== */

.yd-counter-title {

    margin-top: 7px;

    color: rgba(255,255,255,.72);

    font-size: 16px;

    font-weight: 600;

    letter-spacing: .3px;

}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 767px) {

    .yd-counters {

        grid-template-columns: repeat(2, 1fr);

        gap: 20px 0;

        padding: 25px 10px;

    }

    .yd-counter-item {

        padding: 8px 15px;

    }

    .yd-counter-item:nth-child(2)::after {

        display: none;

    }

    .yd-counter-item:nth-child(3)::after {

        display: block;

    }

    .yd-counter-number {

        font-size: 27px;

    }

}


/* ==========================================
   SMALL MOBILE
========================================== */

@media (max-width: 420px) {

    .yd-counters {

        padding: 22px 5px;

        gap: 15px 0;

    }

    .yd-counter-item {

        padding: 5px 8px;

    }

    .yd-counter-icon {

        width: 37px;

        height: 37px;

    }

    .yd-counter-number {

        font-size: 24px;

    }

    .yd-counter-title {

        font-size: 9px;

    }

}

/* =========================================================
   YASHVI DIGITEK
   MODERN REVIEW / TESTIMONIAL SECTION

   Desktop : 4 cards visible
   Total    : 10 reviews
   Slider   : Seamless infinite auto slider

   Main Color   : #622cae
   Accent Color : #fd7a2c
========================================================= */

.yd-reviews-v2 {

    --yd-purple: #622cae;
    --yd-orange: #fd7a2c;
    --yd-light: #faf8fd;
    --yd-text: #687068;

    width: 100%;

    padding: 55px 24px;

    background: var(--yd-light);

    overflow: hidden;
}


.yd-reviews-v2 *,
.yd-reviews-v2 *::before,
.yd-reviews-v2 *::after {

    box-sizing: border-box;

}


/* =========================================================
   CONTAINER
========================================================= */

.yd-reviews-v2 .yd-rv2-container {

    width: 100%;

    max-width: 1550px;

    margin: 0 auto;

}


/* =========================================================
   HEADER
========================================================= */

.yd-reviews-v2 .yd-rv2-header {

    text-align: center;

    max-width: 720px;

    margin: 0 auto 48px;

}


.yd-reviews-v2 .yd-rv2-label {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    margin-bottom: 13px;

    color: var(--yd-orange);

    font-size: 15px;

    font-weight: 700;

    letter-spacing: 2.2px;

    text-transform: uppercase;

}


.yd-reviews-v2 .yd-rv2-label::before,
.yd-reviews-v2 .yd-rv2-label::after {

    content: "";

    width: 27px;

    height: 2px;

    background: var(--yd-orange);

    border-radius: 20px;

}


.yd-reviews-v2 .yd-rv2-title {

    margin: 0 0 13px;

    color: var(--yd-purple);

    font-size: 44px;

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: -0.8px;

}


.yd-reviews-v2 .yd-rv2-title span {

    color: var(--yd-orange);

}


.yd-reviews-v2 .yd-rv2-description {

    margin: 0;

    color: var(--yd-text);

    font-size: 17px;

    line-height: 1.75;

}


/* =========================================================
   VIEWPORT
========================================================= */

.yd-reviews-v2 .yd-rv2-viewport {

    width: 100%;

    overflow: hidden;

    position: relative;

    padding: 12px 3px 25px;

}


/* =========================================================
   INFINITE TRACK

   10 ORIGINAL + 10 DUPLICATED
========================================================= */

.yd-reviews-v2 .yd-rv2-track {

    display: flex;

    width: max-content;

    gap: 20px;

    transform: translate3d(0, 0, 0);

    will-change: transform;

}


/* =========================================================
   CARD

   4 COLUMNS DESKTOP
========================================================= */

.yd-reviews-v2 .yd-rv2-card {

    flex: 0 0 calc(
        (1240px - 60px) / 4
    );

    width: calc(
        (1240px - 60px) / 4
    );

    min-height: 285px;

    padding: 25px;

    background: #ffffff;

    border: 1px solid rgba(98,44,174,0.09);

    border-radius: 17px;

    position: relative;

    box-shadow:
        0 8px 28px rgba(98,44,174,0.06);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease;

}


.yd-reviews-v2 .yd-rv2-card:hover {

    transform: translateY(-5px);

    box-shadow:
        0 14px 35px rgba(98,44,174,0.12);

}


/* =========================================================
   TOP BORDER
========================================================= */

.yd-reviews-v2 .yd-rv2-card::before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 4px;

    background:
        linear-gradient(
            90deg,
            var(--yd-purple),
            var(--yd-orange)
        );

}


/* =========================================================
   QUOTE ICON
========================================================= */

.yd-reviews-v2 .yd-rv2-quote {

    position: absolute;

    top: 20px;

    right: 20px;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        rgba(98,44,174,0.08);

    color: var(--yd-purple);

}


.yd-reviews-v2 .yd-rv2-quote svg {

    width: 21px;

    height: 21px;

}


/* =========================================================
   STARS
========================================================= */

.yd-reviews-v2 .yd-rv2-stars {

    margin-bottom: 17px;

    color: var(--yd-orange);

    font-size: 17px;

    line-height: 1;

    letter-spacing: 2px;

}


/* =========================================================
   REVIEW TEXT
========================================================= */

.yd-reviews-v2 .yd-rv2-text {

    margin: 0 0 23px;

    color: #55515f;

    font-size: 14px;

    line-height: 1.75;

    min-height: 112px;

}


/* =========================================================
   USER
========================================================= */

.yd-reviews-v2 .yd-rv2-user {

    display: flex;

    align-items: center;

    gap: 11px;

    padding-top: 15px;

    border-top:
        1px solid rgba(98,44,174,0.09);

}


/* =========================================================
   AVATAR
========================================================= */

.yd-reviews-v2 .yd-rv2-avatar {

    flex: 0 0 42px;

    width: 42px;

    height: 42px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 50%;

    background:
        linear-gradient(
            135deg,
            var(--yd-purple),
            #8144ce
        );

    color: #ffffff;

    font-size: 13px;

    font-weight: 800;

}


/* =========================================================
   NAME
========================================================= */

.yd-reviews-v2 .yd-rv2-name {

    margin: 0;

    color: var(--yd-purple);

    font-size: 14px;

    font-weight: 800;

    line-height: 1.4;

}


/* =========================================================
   COUNTRY

   No designation / role
========================================================= */

.yd-reviews-v2 .yd-rv2-country {

    display: flex;

    align-items: center;

    gap: 5px;

    margin: 3px 0 0;

    color: #88838f;

    font-size: 11px;

    font-weight: 500;

}


.yd-reviews-v2 .yd-rv2-country::before {

    content: "";

    width: 6px;

    height: 6px;

    flex: 0 0 6px;

    border-radius: 50%;

    background: var(--yd-orange);

}


/* =========================================================
   CONTROLS
========================================================= */

.yd-reviews-v2 .yd-rv2-controls {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 17px;

    margin-top: 4px;

}


/* =========================================================
   ARROWS
========================================================= */

.yd-reviews-v2 .yd-rv2-arrow {

    width: 42px;

    height: 42px;

    padding: 0;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid rgba(98,44,174,0.16);

    border-radius: 50%;

    background: #ffffff;

    color: var(--yd-purple);

    cursor: pointer;

    transition:
        all .25s ease;

}


.yd-reviews-v2 .yd-rv2-arrow:hover {

    background: var(--yd-purple);

    border-color: var(--yd-purple);

    color: #ffffff;

    transform: translateY(-2px);

}


.yd-reviews-v2 .yd-rv2-arrow svg {

    width: 17px;

    height: 17px;

}


/* =========================================================
   DOTS
========================================================= */

.yd-reviews-v2 .yd-rv2-dots {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 6px;

}


.yd-reviews-v2 .yd-rv2-dot {

    width: 7px;

    height: 7px;

    padding: 0;

    border: 0;

    border-radius: 20px;

    background: #d5cfdd;

    cursor: pointer;

    transition:
        width .25s ease,
        background .25s ease;

}


.yd-reviews-v2 .yd-rv2-dot.active {

    width: 22px;

    background: var(--yd-orange);

}


/* =========================================================
   TABLET - 3 CARDS
========================================================= */

@media (max-width: 1100px) {

    .yd-reviews-v2 .yd-rv2-card {

        flex-basis:
            calc(
                (100vw - 48px - 40px) / 3
            );

        width:
            calc(
                (100vw - 48px - 40px) / 3
            );

    }

}


/* =========================================================
   TABLET - 2 CARDS
========================================================= */

@media (max-width: 800px) {

    .yd-reviews-v2 {

        padding: 50px 20px;

    }


    .yd-reviews-v2 .yd-rv2-title {

        font-size: 36px;

    }


    .yd-reviews-v2 .yd-rv2-description {

        font-size: 15px;

    }


    .yd-reviews-v2 .yd-rv2-card {

        flex-basis:
            calc(
                (100vw - 40px - 20px) / 2
            );

        width:
            calc(
                (100vw - 40px - 20px) / 2
            );

    }

}


/* =========================================================
   MOBILE - 1 CARD
========================================================= */

@media (max-width: 600px) {

    .yd-reviews-v2 {

        padding: 45px 15px;

    }


    .yd-reviews-v2 .yd-rv2-header {

        margin-bottom: 30px;

    }


    .yd-reviews-v2 .yd-rv2-label {

        font-size: 11px;

        letter-spacing: 1.8px;

    }


    .yd-reviews-v2 .yd-rv2-label::before,
    .yd-reviews-v2 .yd-rv2-label::after {

        width: 20px;

    }


    .yd-reviews-v2 .yd-rv2-title {

        font-size: 30px;

        letter-spacing: -.4px;

    }


    .yd-reviews-v2 .yd-rv2-description {

        font-size: 13px;

        line-height: 1.7;

    }


    .yd-reviews-v2 .yd-rv2-viewport {

        padding-left: 0;

        padding-right: 0;

    }


    .yd-reviews-v2 .yd-rv2-track {

        gap: 14px;

    }


    .yd-reviews-v2 .yd-rv2-card {

        flex-basis:
            calc(100vw - 30px);

        width:
            calc(100vw - 30px);

        min-height: 275px;

        padding: 23px;

    }


    .yd-reviews-v2 .yd-rv2-text {

        font-size: 13px;

        min-height: 105px;

    }


    .yd-reviews-v2 .yd-rv2-controls {

        gap: 12px;

    }


    .yd-reviews-v2 .yd-rv2-arrow {

        width: 38px;

        height: 38px;

    }


    .yd-reviews-v2 .yd-rv2-dot {

        width: 6px;

        height: 6px;

    }


    .yd-reviews-v2 .yd-rv2-dot.active {

        width: 19px;

    }

}


/* =========================================================
   VERY SMALL
========================================================= */

@media (max-width: 380px) {

    .yd-reviews-v2 .yd-rv2-title {

        font-size: 27px;

    }


    .yd-reviews-v2 .yd-rv2-card {

        padding: 20px;

    }

}


/* =========================================================
   YASHVI DIGITEK CTA
========================================================= */

.yd-cta {

    position: relative;

    width: 100%;

    height: 320px;

    background-image:
        url("http://yashvidigitek.com/wp-content/uploads/2026/09/New-Project-81.webp");

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    overflow: hidden;
}


/* =========================================================
   OVERLAY
========================================================= */

.yd-cta-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(98,44,174,.88) 0%,
            rgba(98,44,174,.70) 45%,
            rgba(0,0,0,.48) 100%
        );

}


/* =========================================================
   CONTAINER
========================================================= */

.yd-cta-container {

    position: relative;

    z-index: 2;

    width: 100%;

    max-width: 1400px;

    height: 100%;

    margin: 0 auto;

    padding: 30px;

    display: flex;

    align-items: center;

}


/* =========================================================
   CONTENT
========================================================= */

.yd-cta-content {

    width: 60%;

    max-width: 720px;

}


/* =========================================================
   SUBTITLE
========================================================= */

.yd-cta-subtitle {

    display: inline-block;

    margin-bottom: 8px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    font-weight: 700;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #ffffff;

    border-left: 3px solid #fd7a2c;

    padding-left: 10px;

}


/* =========================================================
   HEADING
========================================================= */

.yd-cta-content h2 {

    margin: 0 0 12px;

    padding: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 46px;

    line-height: 1.15;

    font-weight: 700;

    color: #ffffff;

}


/* =========================================================
   DESCRIPTION
========================================================= */

.yd-cta-content p {

    margin: 0 0 20px;

    padding: 0;

    max-width: 650px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 16px;

    line-height: 1.6;

    color: #ffffff;

}


/* =========================================================
   BUTTON
========================================================= */

.yd-cta-btn {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    padding: 12px 30px;

    background: #fd7a2c;

    color: #ffffff !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14px;

    font-weight: 700;

    text-transform: uppercase;

    letter-spacing: .5px;

    text-decoration: none !important;

    border: 2px solid #fd7a2c;

    border-radius: 5px;

    transition:
        background .25s ease,
        border-color .25s ease,
        transform .25s ease,
        box-shadow .25s ease;

}


.yd-cta-btn span {

    font-size: 20px;

    line-height: 1;

    transition:
        transform .25s ease;

}


/* =========================================================
   BUTTON HOVER
========================================================= */

.yd-cta-btn:hover {

    background: #622cae;

    border-color: #622cae;

    color: #ffffff !important;

    transform: translateY(-2px);

    box-shadow:
        0 8px 20px rgba(0,0,0,.20);

}


.yd-cta-btn:hover span {

    transform:
        translateX(5px);

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .yd-cta {

        height: 300px;

    }


    .yd-cta-container {

        padding: 25px;

    }


    .yd-cta-content {

        width: 70%;

    }


    .yd-cta-content h2 {

        font-size: 38px;

    }


    .yd-cta-content p {

        font-size: 15px;

    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .yd-cta {

        height: auto;

        min-height: 370px;

        background-position:
            center center;

    }


    .yd-cta-overlay {

        background:
            linear-gradient(
                180deg,
                rgba(98,44,174,.82) 0%,
                rgba(55,20,100,.78) 100%
            );

    }


    .yd-cta-container {

        min-height: 370px;

        height: auto;

        padding: 40px 20px;

        justify-content: center;

    }


    .yd-cta-content {

        width: 100%;

        max-width: 100%;

        text-align: center;

    }


    .yd-cta-subtitle {

        font-size: 11px;

        margin-bottom: 9px;

        padding-left: 0;

        border-left: 0;

        border-bottom: 2px solid #fd7a2c;

        padding-bottom: 5px;

    }


    .yd-cta-content h2 {

        font-size: 30px;

        line-height: 1.22;

        margin:
            0 0 13px;

    }


    .yd-cta-content p {

        max-width: 100%;

        font-size: 14px;

        line-height: 1.55;

        margin:
            0 auto 20px;

    }


    .yd-cta-btn {

        padding:
            12px 22px;

        font-size: 12px;

    }


    .yd-cta-btn span {

        font-size: 18px;

    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .yd-cta {

        min-height: 350px;

    }


    .yd-cta-container {

        min-height: 350px;

        padding:
            35px 18px;

    }


    .yd-cta-content h2 {

        font-size: 28px;

    }


    .yd-cta-content p {

        font-size: 13px;

    }

}
/* ==========================================================
   YASHVI DIGITEK
   GLOBAL CUSTOM CSS
========================================================== */


/* ==========================================================
   COMMON PAGE BANNER
   Portfolio / Team / Services / About / Future Banners
========================================================== */

.yd-page-banner,
.yd-page-banner *,
.yd-page-banner *::before,
.yd-page-banner *::after {
    box-sizing: border-box !important;
}


.yd-page-banner {
    position: relative !important;

    width: 100% !important;

    height: 400px !important;
    min-height: 400px !important;
    max-height: 400px !important;

    margin: 0 !important;
    padding: 45px 25px !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}


/* ==========================================================
   BANNER BACKGROUNDS
========================================================== */

/* Portfolio */

.yd-page-banner--portfolio {
    background-image:
        url("https://yashvidigitek.com/wp-content/uploads/2026/09/New-Project-81.webp") !important;
}


/* Team */

.yd-page-banner--team {
    background-image:
        url("https://yashvidigitek.com/wp-content/uploads/2026/09/teambanner.webp") !important;
}


/* Future Example */

.yd-page-banner--services {
    background-image:
        url("https://yashvidigitek.com/wp-content/uploads/2026/09/servicesbanner.webp") !important;
}


/* Future Example */

.yd-page-banner--about {
    background-image:
        url("https://yashvidigitek.com/wp-content/uploads/2026/09/aboutbanner.webp") !important;
}


/* ==========================================================
   OVERLAY
========================================================== */

.yd-page-banner::before {
    content: "" !important;

    position: absolute !important;

    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;

    background:
        linear-gradient(
            90deg,
            rgba(31, 12, 55, .90) 0%,
            rgba(54, 20, 90, .72) 48%,
            rgba(0, 0, 0, .25) 100%
        ) !important;

    z-index: 1 !important;
}


/* ==========================================================
   CONTAINER
========================================================== */

.yd-page-banner-container {
    position: relative !important;

    z-index: 2 !important;

    width: 100% !important;

    max-width: 1200px !important;

    height: 100% !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
}


/* ==========================================================
   CONTENT
========================================================== */

.yd-page-banner-content {
    width: 100% !important;

    max-width: 800px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    color: #ffffff !important;
}


/* ==========================================================
   BADGE
========================================================== */

.yd-page-banner-badge {
    display: inline-flex !important;

    align-items: center !important;

    width: auto !important;

    margin: 0 0 14px 0 !important;

    padding: 7px 16px !important;

    background: #fd7a2c !important;

    color: #ffffff !important;

    border-radius: 30px !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    font-weight: 800 !important;

    letter-spacing: 1px !important;

    text-transform: uppercase !important;
}


/* ==========================================================
   HEADING
========================================================== */

.yd-page-banner-content h1,
.yd-page-banner-content h2 {
    position: relative !important;

    width: 100% !important;

    margin: 0 0 14px 0 !important;

    padding: 0 !important;

    color: #ffffff !important;

    font-size: 44px !important;

    line-height: 1.12 !important;

    font-weight: 800 !important;

    text-align: left !important;

    transform: none !important;
}


.yd-page-banner-content h1 span,
.yd-page-banner-content h2 span {
    display: block !important;

    color: #fd7a2c !important;
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.yd-page-banner-content p {
    width: 100% !important;

    max-width: 700px !important;

    margin: 0 0 22px 0 !important;

    padding: 0 !important;

    color: rgba(255,255,255,.92) !important;

    font-size: 15px !important;

    line-height: 1.55 !important;

    font-weight: 400 !important;

    text-align: left !important;
}


/* ==========================================================
   BUTTON AREA
========================================================== */

.yd-page-banner-actions {
    display: flex !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 13px !important;

    flex-wrap: wrap !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.yd-page-banner-btn {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    min-height: 48px !important;

    padding: 11px 23px !important;

    background: #fd7a2c !important;

    color: #ffffff !important;

    border: 2px solid #fd7a2c !important;

    border-radius: 5px !important;

    text-decoration: none !important;

    font-size: 13px !important;

    line-height: 1.3 !important;

    font-weight: 800 !important;

    transition: all .3s ease !important;
}


.yd-page-banner-btn strong {
    font-size: 18px !important;

    font-weight: 400 !important;

    transition: transform .3s ease !important;
}


.yd-page-banner-btn:hover {
    background: #ffffff !important;

    color: #622cae !important;

    border-color: #ffffff !important;
}


.yd-page-banner-btn:hover strong {
    transform: translateX(5px) !important;
}


/* ==========================================================
   SECONDARY BUTTON
========================================================== */

.yd-page-banner-secondary {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 48px !important;

    padding: 11px 21px !important;

    background: transparent !important;

    color: #ffffff !important;

    border: 2px solid rgba(255,255,255,.75) !important;

    border-radius: 5px !important;

    text-decoration: none !important;

    font-size: 13px !important;

    line-height: 1.3 !important;

    font-weight: 800 !important;

    transition: all .3s ease !important;
}


.yd-page-banner-secondary:hover {
    background: #ffffff !important;

    color: #622cae !important;

    border-color: #ffffff !important;
}


/* ==========================================================
   PHONE BUTTON
========================================================== */

.yd-page-banner-phone {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    min-height: 48px !important;

    padding: 11px 20px !important;

    background: #622cae !important;

    color: #ffffff !important;

    border: 2px solid #622cae !important;

    border-radius: 5px !important;

    text-decoration: none !important;

    font-size: 15px !important;

    font-weight: 800 !important;

    transition: all .3s ease !important;
}


.yd-page-banner-phone:hover {
    background: #ffffff !important;

    color: #622cae !important;

    border-color: #ffffff !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {

    .yd-page-banner {
        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;

        padding: 40px 25px !important;
    }


    .yd-page-banner-content {
        max-width: 700px !important;
    }


    .yd-page-banner-content h1,
    .yd-page-banner-content h2 {
        font-size: 38px !important;
    }


    .yd-page-banner-content p {
        max-width: 600px !important;

        font-size: 14px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .yd-page-banner {
        width: 100% !important;

        height: 400px !important;
        min-height: 400px !important;
        max-height: 400px !important;

        padding: 35px 20px !important;

        background-position: center center !important;
    }


    .yd-page-banner::before {
        background:
            linear-gradient(
                180deg,
                rgba(31,12,55,.90),
                rgba(54,20,90,.84)
            ) !important;
    }


    .yd-page-banner-container {
        height: 100% !important;

        align-items: center !important;
    }


    .yd-page-banner-content {
        width: 100% !important;

        max-width: 100% !important;
    }


    .yd-page-banner-badge {
        margin-bottom: 11px !important;

        padding: 6px 13px !important;

        font-size: 9px !important;

        letter-spacing: .8px !important;
    }


    .yd-page-banner-content h1,
    .yd-page-banner-content h2 {
        width: 100% !important;

        margin-bottom: 12px !important;

        font-size: 29px !important;

        line-height: 1.15 !important;
    }


    .yd-page-banner-content p {
        width: 100% !important;

        max-width: 100% !important;

        margin-bottom: 17px !important;

        font-size: 13px !important;

        line-height: 1.5 !important;
    }


    .yd-page-banner-actions {
        width: 100% !important;

        flex-direction: column !important;

        align-items: stretch !important;

        gap: 9px !important;
    }


    .yd-page-banner-btn,
    .yd-page-banner-secondary,
    .yd-page-banner-phone {
        width: 100% !important;

        min-height: 45px !important;

        padding: 10px 18px !important;

        font-size: 12px !important;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .yd-page-banner {
        height: 400px !important;

        min-height: 400px !important;

        max-height: 400px !important;

        padding: 30px 17px !important;
    }


    .yd-page-banner-content h1,
    .yd-page-banner-content h2 {
        font-size: 26px !important;

        line-height: 1.15 !important;
    }


    .yd-page-banner-content p {
        font-size: 12.5px !important;

        line-height: 1.45 !important;
    }

}


/* ==========================================================
   YASHVI DIGITEK
   SERVICE INTRO SECTION
   COMMON CSS FOR ALL 6 SERVICE PAGES

   BRAND COLORS
   Purple : #622cae
   Orange : #fd7a2c
========================================================== */


/* ==========================================================
   RESET
========================================================== */

.yd-service-intro,
.yd-service-intro *,
.yd-service-intro *::before,
.yd-service-intro *::after {

    box-sizing: border-box !important;

}


/* ==========================================================
   MAIN SECTION
========================================================== */

.yd-service-intro {

    position: relative !important;

    width: 100% !important;

    padding: 85px 25px !important;

    background: #ffffff !important;

    overflow: hidden !important;

}


/* ==========================================================
   CONTAINER
========================================================== */

.yd-service-container {

    width: 100% !important;

    max-width: 1200px !important;

    margin: 0 auto !important;

    padding: 0 !important;

    display: grid !important;

    grid-template-columns:
        minmax(0, 1.05fr)
        minmax(0, .95fr) !important;

    align-items: center !important;

    gap: 70px !important;

}


/* ==========================================================
   CONTENT
========================================================== */

.yd-service-content {

    width: 100% !important;

    max-width: 650px !important;

}


/* ==========================================================
   LABEL
========================================================== */

.yd-service-label {

    display: inline-flex !important;

    align-items: center !important;

    margin: 0 0 15px 0 !important;

    padding: 7px 14px !important;

    background:
        rgba(98,44,174,.08) !important;

    border-left:
        3px solid #fd7a2c !important;

    color:
        #622cae !important;

    font-size:
        11px !important;

    line-height:
        1.4 !important;

    font-weight:
        800 !important;

    letter-spacing:
        1.2px !important;

    text-transform:
        uppercase !important;

}


/* ==========================================================
   MAIN HEADING
========================================================== */

.yd-service-content h2 {

    width: 100% !important;

    margin:
        0 0 18px 0 !important;

    padding: 0 !important;

    color:
        #21172f !important;

    font-size:
        44px !important;

    line-height:
        1.15 !important;

    font-weight:
        800 !important;

    letter-spacing:
        -.5px !important;

    text-align:
        left !important;

}


/* Orange heading text */

.yd-service-content h2 span {

    display: block !important;

    color:
        #622cae !important;

}


/* ==========================================================
   LEAD PARAGRAPH
========================================================== */

.yd-service-content .yd-service-lead {

    margin:
        0 0 14px 0 !important;

    color:
        #514b5b !important;

    font-size:
        17px !important;

    line-height:
        1.7 !important;

    font-weight:
        500 !important;

}


/* ==========================================================
   NORMAL PARAGRAPH
========================================================== */

.yd-service-content > p:not(.yd-service-lead) {

    margin:
        0 0 25px 0 !important;

    color:
        #77717f !important;

    font-size:
        14px !important;

    line-height:
        1.75 !important;

    font-weight:
        400 !important;

}


/* ==========================================================
   FEATURES GRID
========================================================== */

.yd-service-features {

    display:
        grid !important;

    grid-template-columns:
        repeat(2, minmax(0, 1fr)) !important;

    gap:
        18px 25px !important;

    width:
        100% !important;

    margin:
        0 0 28px 0 !important;

}


/* ==========================================================
   FEATURE
========================================================== */

.yd-service-feature {

    display:
        flex !important;

    align-items:
        flex-start !important;

    gap:
        10px !important;

    margin:
        0 !important;

    padding:
        0 !important;

}


/* ==========================================================
   FEATURE ICON
========================================================== */

.yd-service-feature-icon {

    flex:
        0 0 25px !important;

    width:
        25px !important;

    height:
        25px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    margin:
        0 !important;

    background:
        #622cae !important;

    color:
        #ffffff !important;

    border-radius:
        50% !important;

    font-size:
        12px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

}


/* ==========================================================
   FEATURE TITLE
========================================================== */

.yd-service-feature h3 {

    margin:
        0 0 4px 0 !important;

    padding:
        0 !important;

    color:
        #292033 !important;

    font-size:
        14px !important;

    line-height:
        1.35 !important;

    font-weight:
        800 !important;

}


/* ==========================================================
   FEATURE DESCRIPTION
========================================================== */

.yd-service-feature p {

    margin:
        0 !important;

    padding:
        0 !important;

    color:
        #817b88 !important;

    font-size:
        11px !important;

    line-height:
        1.5 !important;

    font-weight:
        400 !important;

}


/* ==========================================================
   ACTIONS
========================================================== */

.yd-service-actions {

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        20px !important;

    flex-wrap:
        wrap !important;

    margin:
        0 !important;

    padding:
        0 !important;

}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.yd-service-btn {

    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        10px !important;

    min-height:
        48px !important;

    padding:
        12px 23px !important;

    background:
        #622cae !important;

    color:
        #ffffff !important;

    border:
        2px solid #622cae !important;

    border-radius:
        5px !important;

    text-decoration:
        none !important;

    font-size:
        12px !important;

    line-height:
        1.3 !important;

    font-weight:
        800 !important;

    letter-spacing:
        .3px !important;

    transition:
        all .3s ease !important;

}


.yd-service-btn strong {

    color:
        inherit !important;

    font-size:
        17px !important;

    font-weight:
        400 !important;

    transition:
        transform .3s ease !important;

}


.yd-service-btn:hover {

    background:
        #fd7a2c !important;

    color:
        #ffffff !important;

    border-color:
        #fd7a2c !important;

}


.yd-service-btn:hover strong {

    transform:
        translateX(5px) !important;

}


/* ==========================================================
   SECONDARY LINK
========================================================== */

.yd-service-link {

    display:
        inline-flex !important;

    align-items:
        center !important;

    gap:
        7px !important;

    color:
        #622cae !important;

    text-decoration:
        none !important;

    font-size:
        12px !important;

    line-height:
        1.4 !important;

    font-weight:
        800 !important;

    transition:
        color .3s ease !important;

}


.yd-service-link span {

    font-size:
        15px !important;

    transition:
        transform .3s ease !important;

}


.yd-service-link:hover {

    color:
        #fd7a2c !important;

}


.yd-service-link:hover span {

    transform:
        translate(3px,-3px) !important;

}


/* ==========================================================
   RIGHT VISUAL
========================================================== */

.yd-service-visual {

    position:
        relative !important;

    width:
        100% !important;

    max-width:
        520px !important;

    margin:
        0 auto !important;

}


/* ==========================================================
   IMAGE WRAPPER
========================================================== */

.yd-service-image-wrap {

    position:
        relative !important;

    width:
        100% !important;

    min-height:
        450px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    padding:
        18px !important;

    background:
        #f7f4fa !important;

    border-radius:
        18px !important;

    border:
        1px solid #eee8f4 !important;

    overflow:
        hidden !important;

}


/* ==========================================================
   IMAGE
========================================================== */

.yd-service-image-wrap img {

    display:
        block !important;

    width:
        100% !important;

    height:
        410px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    border-radius:
        10px !important;

}


/* ==========================================================
   IMAGE DECORATION
========================================================== */

.yd-service-visual::before {

    content:
        "" !important;

    position:
        absolute !important;

    top:
        -18px !important;

    right:
        -18px !important;

    width:
        90px !important;

    height:
        90px !important;

    border:
        3px solid #fd7a2c !important;

    border-radius:
        50% !important;

    opacity:
        .45 !important;

    z-index:
        0 !important;

}


.yd-service-visual::after {

    content:
        "" !important;

    position:
        absolute !important;

    bottom:
        -20px !important;

    left:
        -20px !important;

    width:
        110px !important;

    height:
        110px !important;

    background:
        rgba(98,44,174,.08) !important;

    border-radius:
        50% !important;

    z-index:
        0 !important;

}


/* ==========================================================
   FLOATING CARD
========================================================== */

.yd-service-floating-card {

    position:
        absolute !important;

    left:
        -28px !important;

    bottom:
        28px !important;

    z-index:
        3 !important;

    display:
        flex !important;

    align-items:
        center !important;

    gap:
        10px !important;

    min-width:
        190px !important;

    padding:
        13px 16px !important;

    background:
        #ffffff !important;

    border:
        1px solid #eee8f4 !important;

    border-radius:
        9px !important;

    box-shadow:
        0 15px 35px rgba(44,25,65,.14) !important;

}


/* Floating Icon */

.yd-service-floating-icon {

    width:
        34px !important;

    height:
        34px !important;

    flex:
        0 0 34px !important;

    display:
        flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    background:
        rgba(98,44,174,.10) !important;

    color:
        #622cae !important;

    border-radius:
        7px !important;

    font-size:
        17px !important;

}


/* Floating Title */

.yd-service-floating-card strong {

    display:
        block !important;

    margin:
        0 0 2px 0 !important;

    color:
        #292033 !important;

    font-size:
        11px !important;

    line-height:
        1.3 !important;

    font-weight:
        800 !important;

}


/* Floating Subtitle */

.yd-service-floating-card div > span {

    display:
        block !important;

    color:
        #8a8490 !important;

    font-size:
        9px !important;

    line-height:
        1.3 !important;

}


/* ==========================================================
   ECOMMERCE / SHOPIFY / WORDPRESS ETC.
   SAME LAYOUT
========================================================== */

.yd-service-intro--ecommerce
.yd-service-content h2 span,

.yd-service-intro--shopify
.yd-service-content h2 span,

.yd-service-intro--wordpress
.yd-service-content h2 span,

.yd-service-intro--php
.yd-service-content h2 span,

.yd-service-intro--seo
.yd-service-content h2 span {

    color:
        #622cae !important;

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 991px) {

    .yd-service-intro {

        padding:
            65px 25px !important;

    }


    .yd-service-container {

        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, .9fr) !important;

        gap:
            40px !important;

    }


    .yd-service-content h2 {

        font-size:
            36px !important;

    }


    .yd-service-content .yd-service-lead {

        font-size:
            15px !important;

    }


    .yd-service-content > p:not(.yd-service-lead) {

        font-size:
            13px !important;

    }


    .yd-service-image-wrap {

        min-height:
            390px !important;

    }


    .yd-service-image-wrap img {

        height:
            350px !important;

    }


    .yd-service-floating-card {

        left:
            -10px !important;

    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .yd-service-intro {

        padding:
            55px 18px !important;

    }


    .yd-service-container {

        display:
            flex !important;

        flex-direction:
            column !important;

        gap:
            40px !important;

    }


    /* Content first */

    .yd-service-content {

        width:
            100% !important;

        max-width:
            100% !important;

    }


    .yd-service-label {

        margin-bottom:
            12px !important;

        padding:
            6px 12px !important;

        font-size:
            9px !important;

    }


    .yd-service-content h2 {

        margin-bottom:
            14px !important;

        font-size:
            30px !important;

        line-height:
            1.18 !important;

    }


    .yd-service-content .yd-service-lead {

        margin-bottom:
            12px !important;

        font-size:
            14px !important;

        line-height:
            1.6 !important;

    }


    .yd-service-content > p:not(.yd-service-lead) {

        margin-bottom:
            22px !important;

        font-size:
            13px !important;

        line-height:
            1.65 !important;

    }


    /* Features */

    .yd-service-features {

        grid-template-columns:
            1fr !important;

        gap:
            15px !important;

        margin-bottom:
            25px !important;

    }


    .yd-service-feature {

        gap:
            9px !important;

    }


    .yd-service-feature-icon {

        flex-basis:
            23px !important;

        width:
            23px !important;

        height:
            23px !important;

        font-size:
            11px !important;

    }


    .yd-service-feature h3 {

        font-size:
            13px !important;

    }


    .yd-service-feature p {

        font-size:
            10px !important;

    }


    /* Actions */

    .yd-service-actions {

        gap:
            15px !important;

    }


    .yd-service-btn {

        min-height:
            46px !important;

        padding:
            11px 18px !important;

        font-size:
            11px !important;

    }


    .yd-service-link {

        font-size:
            11px !important;

    }


    /* Visual */

    .yd-service-visual {

        width:
            100% !important;

        max-width:
            100% !important;

        padding:
            0 10px !important;

    }


    .yd-service-image-wrap {

        min-height:
            330px !important;

        padding:
            12px !important;

        border-radius:
            13px !important;

    }


    .yd-service-image-wrap img {

        width:
            100% !important;

        height:
            300px !important;

    }


    .yd-service-floating-card {

        left:
            0 !important;

        bottom:
            15px !important;

        min-width:
            175px !important;

        padding:
            10px 12px !important;

    }


    .yd-service-floating-icon {

        width:
            30px !important;

        height:
            30px !important;

        flex-basis:
            30px !important;

    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .yd-service-intro {

        padding:
            45px 15px !important;

    }


    .yd-service-container {

        gap:
            32px !important;

    }


    .yd-service-content h2 {

        font-size:
            27px !important;

    }


    .yd-service-content .yd-service-lead {

        font-size:
            13px !important;

    }


    .yd-service-content > p:not(.yd-service-lead) {

        font-size:
            12px !important;

    }


    .yd-service-image-wrap {

        min-height:
            280px !important;

    }


    .yd-service-image-wrap img {

        height:
            250px !important;

    }


    .yd-service-floating-card {

        min-width:
            160px !important;

        padding:
            9px 10px !important;

    }


    .yd-service-floating-card strong {

        font-size:
            10px !important;

    }


    .yd-service-floating-card div > span {

        font-size:
            8px !important;

    }

}


/* =========================================================
   YASHVI DIGITEK
   WHY WE ARE BETTER THAN OTHERS
   UNIQUE CUSTOM CLASSES
========================================================= */


/* =========================================================
   MAIN SECTION
========================================================= */

.ydyb-section {
    width: 100% !important;
    display: block !important;
    position: relative !important;

    margin: 0 !important;
    padding: 80px 20px !important;

    background: #f7f4fb !important;

    overflow: hidden !important;

    clear: both !important;
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.ydyb-wrap {
    width: 100% !important;
    max-width: 1400px !important;

    display: block !important;

    margin: 0 auto !important;
    padding: 0 !important;

    position: relative !important;
}


/* =========================================================
   HEADING
========================================================= */

.ydyb-heading {
    width: 100% !important;
    max-width: 850px !important;

    display: block !important;

    margin: 0 auto 55px !important;
    padding: 0 !important;

    text-align: center !important;

    float: none !important;
    clear: both !important;
}


/* EYEBROW */

.ydyb-eyebrow {
    display: block !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;

    color: #622cae !important;

    font-size: 12px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 3px !important;

    text-transform: uppercase !important;

    text-align: center !important;
}


/* TITLE */

.ydyb-heading h2 {
    display: block !important;

    width: 100% !important;

    margin: 0 0 18px !important;
    padding: 0 !important;

    color: #17121f !important;

    font-size: 48px !important;
    line-height: 1.15 !important;

    font-weight: 700 !important;

    text-align: center !important;
}

.ydyb-heading h2 span {
    color: #622cae !important;
}


/* DESCRIPTION */

.ydyb-heading p {
    display: block !important;

    width: 100% !important;
    max-width: 760px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    color: #666666 !important;

    font-size: 16px !important;
    line-height: 1.8 !important;

    text-align: center !important;
}


/* =========================================================
   CARDS
========================================================= */

.ydyb-cards {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 22px !important;

    margin: 0 !important;
    padding: 0 !important;

    float: none !important;
    clear: both !important;

    position: relative !important;
}


/* =========================================================
   CARD
========================================================= */

.ydyb-card {
    width: 100% !important;
    min-width: 0 !important;

    min-height: 290px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: flex-start !important;

    margin: 0 !important;
    padding: 32px 25px !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;

    text-align: center !important;

    position: relative !important;

    box-sizing: border-box !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}


/* CARD HOVER */

.ydyb-card:hover {
    transform: translateY(-7px) !important;

    border-color: #622cae !important;

    box-shadow:
        0 15px 35px rgba(98, 44, 174, .13) !important;
}


/* =========================================================
   ICON
========================================================= */

.ydyb-icon {
    width: 55px !important;
    height: 55px !important;

    min-width: 55px !important;
    min-height: 55px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 auto 20px !important;
    padding: 0 !important;

    border-radius: 50% !important;

    background: #622cae !important;

    color: #ffffff !important;

    font-size: 22px !important;
    line-height: 1 !important;

    flex-shrink: 0 !important;

    transition:
        background .3s ease,
        transform .3s ease !important;
}


/* ICON HOVER */

.ydyb-card:hover .ydyb-icon {
    background: #fd7a2c !important;

    transform: scale(1.06) !important;
}


/* =========================================================
   CARD TITLE
========================================================= */

.ydyb-card h3 {
    display: block !important;

    width: 100% !important;

    margin: 0 0 12px !important;
    padding: 0 !important;

    color: #17121f !important;

    font-size: 19px !important;
    line-height: 1.35 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* =========================================================
   CARD TEXT
========================================================= */

.ydyb-card p {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #666666 !important;

    font-size: 14px !important;
    line-height: 1.7 !important;

    text-align: center !important;
}


/* =========================================================
   ADVANTAGE SECTION
========================================================= */

.ydyb-advantage {
    width: 100% !important;

    display: block !important;

    margin: 75px 0 0 !important;
    padding: 55px 0 0 !important;

    border-top:
        1px solid rgba(98, 44, 174, .18) !important;

    clear: both !important;
}


/* =========================================================
   ADVANTAGE HEADING
========================================================= */

.ydyb-advantage-heading {
    width: 100% !important;

    display: block !important;

    margin: 0 0 35px !important;
    padding: 0 !important;

    text-align: center !important;
}

.ydyb-advantage-heading > span {
    display: block !important;

    margin: 0 0 10px !important;

    color: #622cae !important;

    font-size: 11px !important;
    line-height: 1.4 !important;

    font-weight: 700 !important;

    letter-spacing: 2.5px !important;

    text-transform: uppercase !important;
}

.ydyb-advantage-heading h2 {
    display: block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #17121f !important;

    font-size: 28px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    text-align: center !important;
}


/* =========================================================
   ADVANTAGE GRID
========================================================= */

.ydyb-advantage-grid {
    width: 100% !important;

    display: grid !important;

    grid-template-columns:
        repeat(6, minmax(0, 1fr)) !important;

    gap: 15px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================================
   ADVANTAGE CARD
========================================================= */

.ydyb-advantage-card {
    width: 100% !important;

    min-height: 115px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 20px 12px !important;

    background: #ffffff !important;

    border: 1px solid #eeeeee !important;

    text-align: center !important;

    box-sizing: border-box !important;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease !important;
}

.ydyb-advantage-card:hover {
    transform: translateY(-4px) !important;

    border-color: #fd7a2c !important;

    box-shadow:
        0 10px 25px rgba(0, 0, 0, .08) !important;
}


/* NUMBER */

.ydyb-advantage-card strong {
    display: block !important;

    margin: 0 0 9px !important;

    color: #fd7a2c !important;

    font-size: 25px !important;
    line-height: 1 !important;

    font-weight: 700 !important;
}


/* TEXT */

.ydyb-advantage-card span {
    display: block !important;

    color: #333333 !important;

    font-size: 14px !important;
    line-height: 1.45 !important;

    text-align: center !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1024px) {

    .ydyb-section {
        padding: 70px 20px !important;
    }

    .ydyb-cards {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .ydyb-advantage-grid {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ydyb-section {
        padding: 60px 18px !important;
    }

    .ydyb-heading {
        max-width: 100% !important;

        margin-bottom: 40px !important;
    }

    .ydyb-eyebrow {
        font-size: 10px !important;

        letter-spacing: 2px !important;
    }

    .ydyb-heading h2 {
        font-size: 34px !important;

        line-height: 1.2 !important;
    }

    .ydyb-heading p {
        font-size: 14px !important;

        line-height: 1.7 !important;
    }

    .ydyb-cards {
        grid-template-columns: 1fr !important;

        gap: 15px !important;
    }

    .ydyb-card {
        min-height: auto !important;

        padding: 28px 22px !important;
    }

    .ydyb-advantage {
        margin-top: 55px !important;

        padding-top: 40px !important;
    }

    .ydyb-advantage-heading h2 {
        font-size: 24px !important;
    }

    .ydyb-advantage-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 12px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ydyb-section {
        padding: 55px 15px !important;
    }

    .ydyb-heading h2 {
        font-size: 30px !important;
    }

    .ydyb-cards {
        grid-template-columns: 1fr !important;
    }

    .ydyb-advantage-grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 10px !important;
    }

    .ydyb-advantage-card {
        min-height: 100px !important;

        padding: 16px 10px !important;
    }

}


/* ==========================================================
   YASHVI DIGITEK PORTFOLIO
========================================================== */

.yd-work,
.yd-work * {
    box-sizing: border-box;
}


/* ==========================================================
   MAIN SECTION
========================================================== */

.yd-work {

    width: 100%;

    padding:
        50px 25px;

    background: #ffffff;

    overflow: hidden;
}


/* ==========================================================
   CONTAINER
========================================================== */

.yd-work-container {

    width: 100%;

    max-width: 1400px;

    margin: 0 auto;
}


/* ==========================================================
   HEADER
========================================================== */

.yd-work-header {

    max-width: 760px;

    margin:
        0 auto 40px;

    text-align: center;
}


.yd-work-label {

    display: inline-block;

    padding:
        7px 16px;

    margin-bottom: 15px;

    background:
        rgba(98,44,174,.08);

    border-left:
        4px solid #fd7a2c;

    color:
        #622cae;

    font-size: 12px;

    font-weight: 800;

    letter-spacing: 1.5px;

    text-transform: uppercase;
}


.yd-work-header h2 {

    margin:
        0 0 16px;

    color:
        #17122a;

    font-size: 44px;

    line-height: 1.12;

    font-weight: 800;
}


.yd-work-header h2 span {

    color:
        #622cae;
}


.yd-work-header p {

    max-width: 700px;

    margin:
        0 auto;

    color:
        #74717d;

    font-size: 15px;

    line-height: 1.8;
}


/* ==========================================================
   FILTER
========================================================== */

.yd-work-filter {

    display: flex;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    gap: 10px;

    margin:
        0 auto 45px;
}


.yd-filter-btn {

    appearance: none;

    border: 1px solid
        rgba(98,44,174,.18);

    outline: none;

    padding:
        11px 19px;

    border-radius: 30px;

    background:
        #ffffff;

    color:
        #622cae;

    font-family:
        inherit;

    font-size: 13px;

    font-weight: 700;

    cursor: pointer;

    transition:
        background .25s ease,
        color .25s ease,
        border-color .25s ease,
        transform .25s ease;
}


.yd-filter-btn:hover {

    border-color:
        #fd7a2c;

    color:
        #fd7a2c;

    transform:
        translateY(-2px);
}


.yd-filter-btn.active {

    background:
        #622cae;

    border-color:
        #622cae;

    color:
        #ffffff;
}


/* ==========================================================
   GRID
========================================================== */

.yd-work-grid {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap:
        28px 22px;
}


/* ==========================================================
   CARD
========================================================== */

.yd-work-card {

    position: relative;

    min-width: 0;

    background:
        #ffffff;

    border:
        1px solid #eeeaf4;

    border-radius:
        15px;

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


.yd-work-card:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(98,44,174,.25);

    box-shadow:
        0 20px 45px
        rgba(48,30,80,.12);
}


/* ==========================================================
   IMAGE AREA
========================================================== */

.yd-work-image {

    position: relative;

    padding:
        15px 15px 0;

    background:
        #f5f3f9;
}


/* ==========================================================
   BROWSER
========================================================== */

.yd-browser {

    position: relative;

    width: 100%;

    overflow: hidden;

    border-radius:
        9px 9px 0 0;

    background:
        #ffffff;

    box-shadow:
        0 10px 25px
        rgba(40,25,70,.12);
}


/* ==========================================================
   BROWSER TOP
========================================================== */

.yd-browser-top {

    height: 32px;

    display: flex;

    align-items: center;

    padding:
        0 9px;

    background:
        #f0eef4;
}


/* ==========================================================
   DOTS
========================================================== */

.yd-browser-dots {

    display: flex;

    align-items: center;

    gap: 4px;

    width: 43px;

    flex-shrink: 0;
}


.yd-browser-dots i {

    display: block;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background:
        #c5bfcc;
}


/* ==========================================================
   URL
========================================================== */

.yd-browser-url {

    flex: 1;

    min-width: 0;

    padding:
        4px 8px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    background:
        #ffffff;

    border-radius:
        15px;

    color:
        #99949f;

    font-size: 8px;

    text-align: center;
}


/* ==========================================================
   PREVIEW
   FULL IMAGE - NO CROP
========================================================== */

.yd-work-preview {

    position: relative;

    width: 100%;

    height: 245px;

    overflow: hidden;

    background:
        #ffffff;

    display: flex;

    align-items: flex-start;

    justify-content: center;
}


.yd-work-preview img {

    display: block;

    width: 100%;

    height: 100%;

    object-fit: contain;

    object-position:
        top center;

    background:
        #ffffff;

    transition:
        transform .5s ease,
        filter .3s ease;
}


/* ==========================================================
   HOVER IMAGE
========================================================== */

.yd-work-card:hover
.yd-work-preview img {

    transform:
        scale(1.02);

    filter:
        brightness(.70);
}


/* ==========================================================
   OVERLAY
========================================================== */

.yd-work-overlay {

    position: absolute;

    inset: 0;

    z-index: 3;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 8px;

    background:
        rgba(98,44,174,.68);

    color:
        #ffffff;

    opacity: 0;

    transition:
        opacity .3s ease;

    pointer-events: none;
}


.yd-work-card:hover
.yd-work-overlay {

    opacity: 1;
}


.yd-work-overlay span {

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1.6px;
}


.yd-work-overlay strong {

    width: 40px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid
        rgba(255,255,255,.7);

    border-radius: 50%;

    font-size: 18px;

    font-weight: 400;
}


/* ==========================================================
   NUMBER
========================================================== */

.yd-work-number {

    position: absolute;

    right: 23px;

    bottom: 14px;

    z-index: 5;

    color:
        rgba(98,44,174,.65);

    font-size: 10px;

    font-weight: 800;

    letter-spacing: 1px;
}


/* ==========================================================
   CONTENT
========================================================== */

.yd-work-content {

    padding:
        22px 21px 23px;
}


.yd-work-meta {

    display: flex;

    flex-wrap: wrap;

    gap: 6px;

    margin-bottom: 10px;
}


.yd-work-meta span {

    display: inline-block;

    padding:
        4px 9px;

    background:
        rgba(98,44,174,.07);

    border-radius:
        30px;

    color:
        #622cae;

    font-size: 11px;

    font-weight: 750;
}


.yd-work-content h3 {

    margin:
        0 0 8px;

    color:
        #201731;

    font-size: 21px;

    line-height: 1.3;

    font-weight: 800;
}


.yd-work-content p {

    min-height: 72px;

    margin:
        0 0 16px;

    color:
        #77737e;

    font-size: 14px;

    line-height: 1.7;
}


/* ==========================================================
   WEBSITE LINK
========================================================== */

.yd-work-content > a {

    display: inline-flex;

    align-items: center;

    gap: 7px;

    color:
        #622cae;

    text-decoration: none;

    font-size: 13px;

    font-weight: 800;

    transition:
        color .25s ease;
}


.yd-work-content > a span {

    font-size: 16px;

    transition:
        transform .25s ease;
}


.yd-work-content > a:hover {

    color:
        #fd7a2c;
}


.yd-work-content > a:hover span {

    transform:
        translate(3px,-3px);
}


/* ==========================================================
   CTA
========================================================== */

.yd-work-cta {

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 25px;

    margin-top:
        55px;

    padding:
        34px 40px;

    border-radius:
        15px;

    background:
        linear-gradient(
            110deg,
            #622cae,
            #4e218d
        );

    box-shadow:
        0 18px 40px
        rgba(98,44,174,.20);
}


.yd-work-cta > div > span {

    display: block;

    margin-bottom: 6px;

    color:
        rgba(255,255,255,.65);

    font-size: 9px;

    font-weight: 800;

    letter-spacing: 1.5px;
}


.yd-work-cta h3 {

    margin:
        0;

    color:
        #ffffff;

    font-size: 23px;

    line-height: 1.3;

    font-weight: 700;
}


.yd-work-cta h3 strong {

    color:
        #ff9b63;
}


/* ==========================================================
   CTA BUTTON
========================================================== */

.yd-work-cta-btn {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    flex-shrink: 0;

    padding:
        13px 19px;

    background:
        #ffffff;

    color:
        #622cae;

    border-radius:
        6px;

    text-decoration: none;

    font-size: 12px;

    font-weight: 800;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}


.yd-work-cta-btn span {

    font-size: 17px;

    transition:
        transform .25s ease;
}


.yd-work-cta-btn:hover {

    background:
        #fd7a2c;

    color:
        #ffffff;

    transform:
        translateY(-3px);
}


.yd-work-cta-btn:hover span {

    transform:
        translateX(5px);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1100px) {

    .yd-work {

        padding:
            65px 20px;
    }


    .yd-work-grid {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            25px 20px;
    }


    .yd-work-preview {

        height:
            250px;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 700px) {

    .yd-work {

        padding:
            55px 16px;
    }


    .yd-work-header {

        margin-bottom:
            30px;
    }


    .yd-work-header h2 {

        font-size:
            31px;
    }


    .yd-work-header p {

        font-size:
            14px;

        line-height:
            1.7;
    }


    .yd-work-filter {

        gap:
            7px;

        margin-bottom:
            35px;
    }


    .yd-filter-btn {

        padding:
            9px 13px;

        font-size:
            11px;
    }


    .yd-work-grid {

        grid-template-columns:
            1fr;

        gap:
            22px;
    }


    .yd-work-image {

        padding:
            13px 13px 0;
    }


    .yd-work-preview {

        height:
            225px;
    }


    .yd-work-content {

        padding:
            21px 19px 23px;
    }


    .yd-work-content h3 {

        font-size:
            20px;
    }


    .yd-work-content p {

        min-height:
            auto;

        font-size:
            13px;
    }


    .yd-work-cta {

        flex-direction:
            column;

        align-items:
            flex-start;

        margin-top:
            42px;

        padding:
            28px 23px;
    }


    .yd-work-cta h3 {

        font-size:
            21px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 420px) {

    .yd-work-header h2 {

        font-size:
            28px;
    }


    .yd-filter-btn {

        padding:
            8px 11px;

        font-size:
            10px;
    }


    .yd-work-preview {

        height:
            195px;
    }


    .yd-work-overlay strong {

        width:
            36px;

        height:
            36px;

        font-size:
            17px;
    }

}


/* =========================================================
   YASHVI DIGITEK
   WEBSITE DESIGN & DEVELOPMENT
   CORPORATE SERVICE PAGE
========================================================= */

.ywd-service-page,
.ywd-service-page * {
    box-sizing: border-box;
}

.ywd-service-page {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #17121f;

    font-family:
        Arial,
        Helvetica,
        sans-serif;
}


/* =========================================================
   SECTION WIDTH
========================================================= */

.ywd-service-page .ywd-section {
    width: 100% !important;
    max-width: 1180px !important;

    margin: 0 auto !important;

    padding: 34px 30px !important;

    text-align: center;
}


/* =========================================================
   FIRST SECTION
========================================================= */

.ywd-service-page .ywd-section:first-child {
    padding-top: 38px !important;
    padding-bottom: 30px !important;
}


/* =========================================================
   ALTERNATING SECTION BACKGROUND
========================================================= */

.ywd-service-page .ywd-section:nth-child(2),
.ywd-service-page .ywd-section:nth-child(4),
.ywd-service-page .ywd-section:nth-child(6),
.ywd-service-page .ywd-section:nth-child(8) {
    max-width: 100% !important;

    padding-left: max(30px, calc((100% - 1180px) / 2 + 30px)) !important;
    padding-right: max(30px, calc((100% - 1180px) / 2 + 30px)) !important;

    background: #faf7fd !important;
}


/* =========================================================
   EYEBROW
========================================================= */

.ywd-eyebrow {
    display: inline-block !important;

    margin: 0 0 9px !important;
    padding: 0 !important;

    color: #622cae !important;

    font-size: 11px !important;

    line-height: 1.4 !important;

    font-weight: 800 !important;

    letter-spacing: 2.8px !important;

    text-transform: uppercase !important;
}


/* =========================================================
   HEADINGS
========================================================= */

.ywd-service-page h2,
.ywd-service-page h3 {
    margin: 0 0 10px !important;
    padding: 0 !important;

    color: #17121f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-weight: 800 !important;
}


.ywd-service-page h2 {
    max-width: 900px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 44px !important;

    line-height: 1.12 !important;

    letter-spacing: -0.7px !important;
}


.ywd-service-page h3 {
    max-width: 850px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    font-size: 31px !important;

    line-height: 1.18 !important;

    letter-spacing: -0.3px !important;
}


/* PURPLE HEADING TEXT */

.ywd-service-page h2 span,
.ywd-service-page h3 span {
    color: #622cae !important;
}


/* =========================================================
   PARAGRAPH
========================================================= */

.ywd-service-page .ywd-section > p {
    width: 100% !important;

    max-width: 850px !important;

    margin: 0 auto 14px !important;

    color: #62606a !important;

    font-size: 16px !important;

    line-height: 1.75 !important;

    font-weight: 400 !important;
}


/* =========================================================
   BUTTON
========================================================= */

.ywd-btn {
    display: inline-flex !important;

    align-items: center !important;

    justify-content: center !important;

    min-height: 47px !important;

    margin-top: 5px !important;

    padding: 0 23px !important;

    border: 2px solid #fd7a2c !important;

    border-radius: 5px !important;

    background: #fd7a2c !important;

    color: #ffffff !important;

    font-size: 12px !important;

    line-height: 1 !important;

    font-weight: 800 !important;

    letter-spacing: .4px !important;

    text-transform: uppercase !important;

    text-decoration: none !important;

    transition:
        .25s ease !important;
}


.ywd-btn:hover {
    background: #622cae !important;

    border-color: #622cae !important;

    color: #ffffff !important;

    transform: translateY(-2px) !important;
}


/* =========================================================
   SERVICE CARDS
========================================================= */

.ywd-service-list {
    width: 100% !important;

    max-width: 1050px !important;

    margin: 18px auto 16px !important;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr)) !important;

    gap: 14px !important;

    text-align: left !important;
}


.ywd-service-item {
    position: relative !important;

    min-height: 68px !important;

    display: flex !important;

    align-items: center !important;

    padding: 13px 14px 13px 39px !important;

    border: 1px solid #e6ddef !important;

    border-radius: 7px !important;

    background: #ffffff !important;

    color: #25212c !important;

    font-size: 13px !important;

    line-height: 1.45 !important;

    font-weight: 700 !important;

    box-shadow:
        0 4px 14px rgba(98,44,174,.04) !important;

    transition:
        .25s ease !important;
}


.ywd-service-item::before {
    content: "✓" !important;

    position: absolute !important;

    left: 14px !important;

    top: 50% !important;

    transform: translateY(-50%) !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    width: 19px !important;
    height: 19px !important;

    border-radius: 50% !important;

    background: #fd7a2c !important;

    color: #ffffff !important;

    font-size: 11px !important;

    font-weight: 800 !important;
}


.ywd-service-item:hover {
    border-color: #622cae !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 20px rgba(98,44,174,.11) !important;
}


/* =========================================================
   FEATURES
========================================================= */

.ywd-feature-list {
    width: 100% !important;

    max-width: 1050px !important;

    margin: 18px auto 0 !important;

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0, 1fr)) !important;

    gap: 15px !important;

    text-align: left !important;
}


.ywd-feature-item {
    min-height: 118px !important;

    padding: 16px !important;

    border: 1px solid #e7e0ed !important;

    border-radius: 8px !important;

    background: #ffffff !important;

    box-shadow:
        0 5px 18px rgba(32,15,50,.04) !important;

    transition:
        .25s ease !important;
}


.ywd-feature-item:hover {
    border-color: #622cae !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 8px 22px rgba(98,44,174,.09) !important;
}


.ywd-feature-item strong {
    display: block !important;

    margin: 0 0 8px !important;

    color: #17121f !important;

    font-size: 17px !important;

    line-height: 1.35 !important;

    font-weight: 800 !important;
}


.ywd-feature-item strong::before {
    content: "✦" !important;

    margin-right: 8px !important;

    color: #fd7a2c !important;
}


.ywd-feature-item span {
    display: block !important;

    color: #68646d !important;

    font-size: 13px !important;

    line-height: 1.6 !important;
}


/* =========================================================
   TECHNOLOGY
========================================================= */

.ywd-tech-list {
    max-width: 900px !important;

    margin: 18px auto 0 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    flex-wrap: wrap !important;

    gap: 10px !important;
}


.ywd-tech-item {
    padding: 10px 18px !important;

    border: 1px solid #d9cbea !important;

    border-radius: 50px !important;

    background: #ffffff !important;

    color: #622cae !important;

    font-size: 12px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    transition:
        .25s ease !important;
}


.ywd-tech-item:hover {
    background: #622cae !important;

    border-color: #622cae !important;

    color: #ffffff !important;
}


/* =========================================================
   PROCESS
========================================================= */

.ywd-process-list {
    width: 100% !important;

    max-width: 900px !important;

    margin: 18px auto 0 !important;

    text-align: left !important;
}


.ywd-process-item {
    position: relative !important;

    display: flex !important;

    align-items: flex-start !important;

    gap: 14px !important;

    padding: 13px 0 !important;

    border-bottom:
        1px solid #e8e1ee !important;
}


.ywd-process-item:last-child {
    border-bottom: 0 !important;
}


.ywd-process-item > strong {
    flex: 0 0 44px !important;

    width: 44px !important;
    height: 44px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: #622cae !important;

    color: #ffffff !important;

    font-size: 12px !important;

    line-height: 1 !important;

    font-weight: 800 !important;
}


.ywd-process-item h4 {
    margin: 0 0 5px !important;

    color: #17121f !important;

    font-size: 17px !important;

    line-height: 1.4 !important;

    font-weight: 800 !important;
}


.ywd-process-item p {
    margin: 0 !important;

    color: #68646d !important;

    font-size: 13px !important;

    line-height: 1.65 !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

.ywd-final-cta {
    position: relative !important;

    width: 100% !important;

    max-width: 1080px !important;

    margin: 0 auto !important;

    padding: 36px 28px !important;

    border-radius: 10px !important;

    background:
        linear-gradient(
            135deg,
            #622cae 0%,
            #4e208d 100%
        ) !important;

    overflow: hidden !important;
}


.ywd-final-cta::before {
    content: "" !important;

    position: absolute !important;

    width: 240px !important;
    height: 240px !important;

    top: -150px !important;
    right: -70px !important;

    border-radius: 50% !important;

    background:
        rgba(253,122,44,.18) !important;
}


.ywd-final-cta::after {
    content: "" !important;

    position: absolute !important;

    width: 160px !important;
    height: 160px !important;

    bottom: -110px !important;
    left: -70px !important;

    border-radius: 50% !important;

    background:
        rgba(255,255,255,.07) !important;
}


.ywd-final-cta .ywd-eyebrow {
    position: relative !important;

    z-index: 2 !important;

    color: #fd7a2c !important;
}


.ywd-final-cta h3 {
    position: relative !important;

    z-index: 2 !important;

    max-width: 750px !important;

    margin: 0 auto 10px !important;

    color: #ffffff !important;

    font-size: 32px !important;
}


.ywd-final-cta h3 span {
    color: #fd7a2c !important;
}


.ywd-final-cta p {
    position: relative !important;

    z-index: 2 !important;

    max-width: 720px !important;

    margin: 0 auto 14px !important;

    color:
        rgba(255,255,255,.88) !important;

    font-size: 15px !important;

    line-height: 1.7 !important;
}


.ywd-cta-buttons {
    position: relative !important;

    z-index: 3 !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 9px !important;

    flex-wrap: wrap !important;
}


.ywd-cta-buttons .ywd-btn {
    margin-top: 5px !important;
}


.ywd-btn-outline {
    background: transparent !important;

    border-color: #ffffff !important;

    color: #ffffff !important;
}


.ywd-btn-outline:hover {
    background: #ffffff !important;

    border-color: #ffffff !important;

    color: #622cae !important;
}


/* =========================================================
   FAQ
========================================================= */

.ywd-faq-wrapper {
    width: 100% !important;

    max-width: 900px !important;

    margin: 18px auto 0 !important;

    text-align: left !important;
}


.ywd-faq-item {
    margin-bottom: 7px !important;

    border:
        1px solid #e5deec !important;

    border-radius: 6px !important;

    background: #ffffff !important;

    overflow: hidden !important;
}


.ywd-faq-question {
    width: 100% !important;

    min-height: 54px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: space-between !important;

    gap: 15px !important;

    margin: 0 !important;

    padding: 12px 18px !important;

    border: 0 !important;

    background: #ffffff !important;

    color: #17121f !important;

    font-family:
        Arial,
        Helvetica,
        sans-serif !important;

    font-size: 15px !important;

    line-height: 1.4 !important;

    font-weight: 700 !important;

    text-align: left !important;

    cursor: pointer !important;
}


.ywd-faq-question:hover {
    color: #622cae !important;
}


.ywd-faq-icon {
    flex: 0 0 auto !important;

    width: 27px !important;
    height: 27px !important;

    display: flex !important;

    align-items: center !important;

    justify-content: center !important;

    border-radius: 50% !important;

    background: #622cae !important;

    color: #ffffff !important;

    font-size: 18px !important;

    line-height: 1 !important;
}


.ywd-faq-answer {
    max-height: 0;

    overflow: hidden;

    transition:
        max-height .3s ease !important;
}


.ywd-faq-answer p {
    margin: 0 !important;

    padding:
        0 18px 17px !important;

    color: #68646d !important;

    font-size: 13px !important;

    line-height: 1.7 !important;
}


.ywd-faq-item.active {
    border-color: #622cae !important;
}


.ywd-faq-item.active .ywd-faq-icon {
    background: #fd7a2c !important;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 991px) {

    .ywd-service-page .ywd-section {
        padding: 34px 25px !important;
    }


    .ywd-service-page h2 {
        font-size: 38px !important;
    }


    .ywd-service-page h3 {
        font-size: 29px !important;
    }


    .ywd-service-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }


    .ywd-feature-list {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .ywd-service-page .ywd-section,
    .ywd-service-page .ywd-section:nth-child(2),
    .ywd-service-page .ywd-section:nth-child(4),
    .ywd-service-page .ywd-section:nth-child(6),
    .ywd-service-page .ywd-section:nth-child(8) {

        width: 100% !important;

        max-width: 100% !important;

        margin: 0 !important;

        padding:
            28px 16px !important;
    }


    .ywd-service-page .ywd-section:first-child {
        padding-top: 30px !important;

        padding-bottom: 26px !important;
    }


    .ywd-eyebrow {
        margin-bottom: 8px !important;

        font-size: 9px !important;

        letter-spacing: 2px !important;
    }


    .ywd-service-page h2 {
        font-size: 29px !important;

        line-height: 1.17 !important;

        letter-spacing: -.3px !important;
    }


    .ywd-service-page h3 {
        font-size: 25px !important;

        line-height: 1.2 !important;
    }


    .ywd-service-page .ywd-section > p {
        font-size: 13px !important;

        line-height: 1.7 !important;

        margin-bottom: 12px !important;
    }


    /* SERVICE CARDS */

    .ywd-service-list {
        grid-template-columns: 1fr !important;

        gap: 10px !important;

        margin-top: 16px !important;
    }


    .ywd-service-item {
        min-height: 62px !important;

        padding:
            12px 13px 12px 38px !important;

        font-size: 12px !important;
    }


    .ywd-service-item::before {
        left: 13px !important;

        width: 18px !important;
        height: 18px !important;
    }


    /* FEATURES */

    .ywd-feature-list {
        grid-template-columns: 1fr !important;

        gap: 10px !important;

        margin-top: 16px !important;
    }


    .ywd-feature-item {
        min-height: auto !important;

        padding: 16px !important;
    }


    .ywd-feature-item strong {
        font-size: 16px !important;
    }


    .ywd-feature-item span {
        font-size: 12px !important;
    }


    /* TECHNOLOGY */

    .ywd-tech-list {
        margin-top: 15px !important;

        gap: 8px !important;
    }


    .ywd-tech-item {
        padding:
            8px 13px !important;

        font-size: 11px !important;
    }


    /* PROCESS */

    .ywd-process-list {
        margin-top: 15px !important;
    }


    .ywd-process-item {
        gap: 13px !important;

        padding: 13px 0 !important;
    }


    .ywd-process-item > strong {
        flex: 0 0 40px !important;

        width: 40px !important;
        height: 40px !important;
    }


    .ywd-process-item h4 {
        font-size: 16px !important;
    }


    .ywd-process-item p {
        font-size: 12px !important;
    }


    /* CTA */

    .ywd-final-cta {
        padding:
            30px 18px !important;

        border-radius: 8px !important;
    }


    .ywd-final-cta h3 {
        font-size: 26px !important;
    }


    .ywd-final-cta p {
        font-size: 13px !important;
    }


    .ywd-cta-buttons {
        flex-direction: column !important;

        gap: 8px !important;
    }


    .ywd-cta-buttons .ywd-btn {
        width: 100% !important;
    }


    /* FAQ */

    .ywd-faq-wrapper {
        margin-top: 15px !important;
    }


    .ywd-faq-question {
        min-height: 54px !important;

        padding:
            13px 15px !important;

        font-size: 13px !important;
    }


    .ywd-faq-answer p {
        padding:
            0 15px 15px !important;

        font-size: 12px !important;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 480px) {

    .ywd-service-page h2 {
        font-size: 27px !important;
    }


    .ywd-service-page h3 {
        font-size: 23px !important;
    }


    .ywd-btn {
        width: 100% !important;

        min-height: 46px !important;

        padding:
            0 18px !important;
    }

}

/* =========================================================
   YWD SERVICE PAGE - TYPOGRAPHY BOOST
   ========================================================= */

.ywd-service-page .ywd-section p,
.ywd-service-page .ywd-section li,
.ywd-service-page .ywd-feature-text,
.ywd-service-page .ywd-process-text,
.ywd-service-page .ywd-faq-answer,
.ywd-service-page .ywd-section td,
.ywd-service-page .ywd-section th {
    font-size: 17px !important;
    line-height: 1.75 !important;
}

.ywd-service-page .ywd-section h2 {
    font-size: 36px !important;
    line-height: 1.2 !important;
}

.ywd-service-page .ywd-section h3 {
    font-size: 23px !important;
    line-height: 1.3 !important;
}

.ywd-service-page .ywd-service-list li,
.ywd-service-page .ywd-feature-list li {
    font-size: 17px !important;
}

.ywd-service-page .ywd-feature-title {
    font-size: 18px !important;
}

.ywd-service-page .ywd-process-title {
    font-size: 18px !important;
}

.ywd-service-page .ywd-faq-question {
    font-size: 17px !important;
    line-height: 1.45 !important;
}

.ywd-service-page .ywd-faq-answer {
    font-size: 16px !important;
}

.ywd-service-page .ywd-cta h2 {
    font-size: 34px !important;
}

.ywd-service-page .ywd-cta p {
    font-size: 17px !important;
}

@media (max-width: 767px) {
    .ywd-service-page .ywd-section p,
    .ywd-service-page .ywd-section li,
    .ywd-service-page .ywd-feature-text,
    .ywd-service-page .ywd-process-text,
    .ywd-service-page .ywd-faq-answer,
    .ywd-service-page .ywd-section td,
    .ywd-service-page .ywd-section th {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ywd-service-page .ywd-section h2 {
        font-size: 30px !important;
        line-height: 1.2 !important;
    }

    .ywd-service-page .ywd-section h3 {
        font-size: 21px !important;
    }

    .ywd-service-page .ywd-feature-title,
    .ywd-service-page .ywd-process-title {
        font-size: 17px !important;
    }

    .ywd-service-page .ywd-faq-question {
        font-size: 16px !important;
    }

    .ywd-service-page .ywd-cta h2 {
        font-size: 28px !important;
    }

    .ywd-service-page .ywd-cta p {
        font-size: 16px !important;
    }
}

/* =========================================================
   YASHVI DIGITEK - FINAL GLOBAL TYPOGRAPHY
   MENU / HEADER FONT IS NOT MODIFIED
   ========================================================= */

body p {
    font-size: 16px !important;
    line-height: 1.7;
}

body main li,
body main ul,
body main ol,
body .elementor-widget-text-editor li,
body .elementor-widget-text-editor ul,
body .elementor-widget-text-editor ol {
    font-size: 16px !important;
}

body button,
body input[type="button"],
body input[type="submit"],
body .elementor-button,
body .yd-btn,
body .yd-about-btn,
body .yd-why-btn {
    font-size: 16px !important;
}

/* Internal page banner */
.yd-page-banner-container {
    max-width: 1500px !important;
}

.yd-page-banner-content p {
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* Subtitles */
.yd-hero-v2-subtitle,
.yd-cta-subtitle {
    font-size: 18px !important;
    line-height: 1.5 !important;
}

/* Important content areas that had smaller text */
.yd-about-content p,
.yd-about-text,
.yd-about-description,
.yd-why-intro,
.yd-why-content p,
.yd-reason-text p,
.yd-home-work-header p,
.yd-home-work-card p,
.yd-service-intro p,
.yd-service-content p,
.yd-service-feature p,
.yd-service-item p,
.ywd-service-page p,
.ywd-service-item p,
.ywd-feature-item p,
.ywd-tech-item p,
.ywd-process-item p,
.ywd-faq-answer p {
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* Keep labels / badges compact */
.yd-page-banner-badge,
.yd-about-tag,
.yd-home-work-label,
.yd-why-label,
.yd-service-label,
.ywd-eyebrow {
    font-size: 12px !important;
}

/* Explicitly preserve existing header/menu typography */
.headertop a,
.headertop li,
.headertop ul,
.headertop .menu-item,
.headertop .menu-item > a,
.elementor-location-header a,
.elementor-location-header li,
.elementor-location-header ul,
.mobile-menu a,
.mobile-menu li,
.mobile-menu ul {
    font-size: inherit !important;
}

@media (max-width: 767px) {
    body p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    body main li,
    body main ul,
    body main ol,
    body .elementor-widget-text-editor li,
    body .elementor-widget-text-editor ul,
    body .elementor-widget-text-editor ol {
        font-size: 16px !important;
    }

    body button,
    body input[type="button"],
    body input[type="submit"],
    body .elementor-button,
    body .yd-btn,
    body .yd-about-btn,
    body .yd-why-btn {
        font-size: 16px !important;
    }

    .yd-page-banner-container {
        max-width: 100% !important;
    }

    .yd-page-banner-content p {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    .yd-hero-v2-subtitle,
    .yd-cta-subtitle {
        font-size: 17px !important;
    }
}


/* =========================================================
   GLOBAL SERVICES SECTION
   ========================================================= */

.yd-global-services,
.yd-global-services *,
.yd-global-services *::before,
.yd-global-services *::after {
    box-sizing: border-box;
}

.yd-global-services {
    position: relative;
    width: 100%;
    padding: 35px 25px;
    overflow: hidden;
    background:
        radial-gradient(
            circle at 10% 20%,
            rgba(98,44,174,.08),
            transparent 30%
        ),
        radial-gradient(
            circle at 90% 80%,
            rgba(253,122,44,.07),
            transparent 30%
        ),
        #f9f8fc;
}

.yd-services-container {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}

.yd-services-header {
    max-width: 750px;
    margin: 0 auto 45px;
    text-align: center;
}

.yd-services-label {
    display: inline-block;
    margin-bottom: 15px;
    padding: 7px 16px;
    border-left: 4px solid #fd7a2c;
    background: rgba(98,44,174,.08);
    color: #622cae;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 1.5px;
    line-height: 1.4;
    text-transform: uppercase;
}

.yd-services-header h2 {
    margin: 0 0 17px;
    color: #19142b;
    font-size: 44px;
    line-height: 1.15;
    font-weight: 800;
}

.yd-services-header h2 span {
    color: #622cae;
}

.yd-services-header p {
    max-width: 680px;
    margin: 0 auto;
    color: #6b6875;
    font-size: 16px;
    line-height: 1.7;
}

.yd-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.yd-service-card {
    position: relative;
    padding: 20px 22px 24px;
    background: #ffffff;
    border: 1px solid #eeeaf5;
    border-radius: 14px;
    overflow: hidden;
    transition:
        transform .35s ease,
        box-shadow .35s ease,
        border-color .35s ease;
}

.yd-service-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 3px;
    background: #fd7a2c;
    transition: width .35s ease;
}

.yd-service-card:hover {
    transform: translateY(-8px);
    border-color: rgba(98,44,174,.22);
    box-shadow: 0 20px 45px rgba(55,30,90,.11);
}

.yd-service-card:hover::before {
    width: 100%;
}

.yd-service-image {
    width: 100%;
    height: 170px;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 10px;
    background: #f3f0f8;
}

.yd-service-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform .45s ease;
}

.yd-service-card:hover .yd-service-image img {
    transform: scale(1.05);
}

.yd-service-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.yd-service-number {
    color: #d8d1e5;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 800;
}

.yd-service-icon {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background: rgba(98,44,174,.09);
    transition: all .35s ease;
}

.yd-service-icon svg {
    width: 25px;
    height: 25px;
    fill: none;
    stroke: #622cae;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: all .35s ease;
}

.yd-service-card:hover .yd-service-icon {
    background: #622cae;
    transform: rotate(-4deg) scale(1.05);
}

.yd-service-card:hover .yd-service-icon svg {
    stroke: #ffffff;
}

.yd-service-card h3 {
    margin: 0 0 11px;
    color: #211938;
    font-size: 22px;
    line-height: 1.3;
    font-weight: 750;
}

.yd-service-card p {
    min-height: 76px;
    margin: 0 0 20px;
    color: #74717d;
    font-size: 16px;
    line-height: 1.65;
}

.yd-service-link {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: #622cae;
    font-size: 17px !important;
    line-height: 1.4;
    font-weight: 750;
    text-decoration: none !important;
    transition: color .3s ease, transform .3s ease;
}

.yd-service-link span {
    font-size: 20px;
    line-height: 1;
    transition: transform .3s ease;
}

.yd-service-link:hover {
    color: #fd7a2c;
}

.yd-service-link:hover span {
    transform: translateX(5px);
}

.yd-global-bottom {
    margin-top: 45px;
}

.yd-global-line {
    width: 100%;
    height: 1px;
    margin-bottom: 20px;
    background: #e7e2ef;
}

.yd-global-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.yd-global-left {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #302743;
    font-size: 14px;
    line-height: 1.4;
}

.yd-globe-icon {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: #622cae;
    color: #ffffff;
    font-size: 20px;
}

.yd-global-right {
    color: #88838f;
    font-size: 14px;
    line-height: 1.5;
    text-align: right;
}

@media (max-width: 991px) {
    .yd-global-services {
        padding: 60px 22px;
    }

    .yd-services-header h2 {
        font-size: 37px;
    }

    .yd-services-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .yd-service-image {
        height: 180px;
    }
}

@media (max-width: 767px) {
    .yd-global-services {
        padding: 50px 17px;
    }

    .yd-services-header {
        margin-bottom: 35px;
    }

    .yd-services-header h2 {
        font-size: 31px;
    }

    .yd-services-header p {
        font-size: 16px;
        line-height: 1.65;
    }

    .yd-services-grid {
        grid-template-columns: 1fr;
        gap: 17px;
    }

    .yd-service-card {
        padding: 20px 20px 24px;
    }

    .yd-service-image {
        height: 200px;
    }

    .yd-service-card p {
        min-height: auto;
        font-size: 16px;
    }

    .yd-service-link {
        font-size: 17px !important;
    }

    .yd-global-content {
        flex-direction: column;
        align-items: flex-start;
    }

    .yd-global-right {
        text-align: left;
        font-size: 14px;
        line-height: 1.6;
    }
}

@media (max-width: 420px) {
    .yd-services-header h2 {
        font-size: 28px;
    }

    .yd-service-card h3 {
        font-size: 20px;
    }

    .yd-service-image {
        height: 185px;
    }
}

/* =========================================================
   YASHVI DIGITEK - FINAL READABLE CONTENT OVERRIDE
   HOME + SERVICE PAGE + MOBILE
   NORMAL CONTENT = 16-17PX
   BUTTONS = 17PX
   HEADINGS / HEADER / MENU PRESERVED
   ========================================================= */

/* ---------------------------------------------------------
   GLOBAL CONTENT - EXCLUDE HEADER / MENU
   --------------------------------------------------------- */
body main p,
body main li,
body .elementor-widget-text-editor p,
body .elementor-widget-text-editor li,
body .elementor-widget-theme-post-content p,
body .elementor-widget-theme-post-content li {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* ---------------------------------------------------------
   HOME - HERO CONTENT
   --------------------------------------------------------- */
.yd-hero-v2-description {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.yd-hero-v2-subtitle {
    font-size: 19px !important;
    line-height: 1.5 !important;
}

.yd-hero-v2-btn {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   HOME - ABOUT
   --------------------------------------------------------- */
.yd-about-content p,
.yd-about-text,
.yd-about-description,
.yd-about-intro,
.yd-about-feature p {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.yd-about-content strong,
.yd-about-feature strong {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   HOME - WHY CHOOSE US
   --------------------------------------------------------- */
.yd-why-intro,
.yd-why-content p,
.yd-reason-text p,
.yd-reason-text,
.yd-why-section li {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.yd-why-section strong {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   HOME - FEATURED WORK / PORTFOLIO
   --------------------------------------------------------- */
.yd-home-work-header p,
.yd-home-work-card p,
.yd-home-work-content p,
.yd-home-work-content,
.yd-work-header p,
.yd-work-card p,
.yd-work-content p {
    font-size: 16px !important;
    line-height: 1.65 !important;
}

.yd-home-work-card strong,
.yd-work-card strong {
    font-size: 17px !important;
}

.yd-home-work-meta span {
    font-size: 15px !important;
}

/* ---------------------------------------------------------
   HOME - SERVICES
   --------------------------------------------------------- */
.yd-services-header p,
.yd-service-card p,
.yd-service-content p,
.yd-service-feature p,
.yd-service-item p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.yd-service-card h3 {
    font-size: 22px !important;
}

.yd-service-link {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   HOME - REVIEWS
   --------------------------------------------------------- */
.yd-reviews-v2 .yd-rv2-description,
.yd-reviews-v2 .yd-rv2-text,
.yd-reviews-v2 .yd-rv2-country {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.yd-reviews-v2 .yd-rv2-name {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   HOME - CTA
   --------------------------------------------------------- */
.yd-cta-content p,
.yd-cta-subtitle {
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.yd-cta-btn {
    font-size: 17px !important;
}

/* ---------------------------------------------------------
   PAGE BANNER
   --------------------------------------------------------- */
.yd-page-banner-content p {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* ---------------------------------------------------------
   SERVICE INTRO
   --------------------------------------------------------- */
.yd-service-intro .yd-service-lead,
.yd-service-content > p:not(.yd-service-lead),
.yd-service-feature p,
.yd-service-content p {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.yd-service-feature h3 {
    font-size: 18px !important;
}

.yd-service-floating-card strong {
    font-size: 16px !important;
}

.yd-service-floating-card div > span {
    font-size: 14px !important;
}

/* ---------------------------------------------------------
   GLOBAL SERVICES
   --------------------------------------------------------- */
.yd-global-services .yd-services-header p,
.yd-global-services .yd-service-card p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

.yd-global-services .yd-service-number {
    font-size: 14px !important;
}

.yd-global-services .yd-global-left,
.yd-global-services .yd-global-right {
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.yd-global-services .yd-service-link {
    font-size: 17px !important;
}

/* =========================================================
   SERVICE PAGE - COMPLETE CONTENT
   ========================================================= */

.ywd-service-page,
.ywd-service-page .ywd-section {
    font-size: 16px !important;
}

.ywd-service-page .ywd-section > p,
.ywd-service-page .ywd-section p,
.ywd-service-page .ywd-section li,
.ywd-service-page .ywd-feature-text,
.ywd-service-page .ywd-process-text,
.ywd-service-page .ywd-faq-answer,
.ywd-service-page .ywd-faq-answer p,
.ywd-service-page .ywd-section td,
.ywd-service-page .ywd-section th {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* SERVICE CARDS - these were 12-13px */
.ywd-service-page .ywd-service-item {
    font-size: 17px !important;
    line-height: 1.55 !important;
    font-weight: 700 !important;
}

.ywd-service-page .ywd-service-item span,
.ywd-service-page .ywd-service-item strong {
    font-size: 17px !important;
    line-height: 1.55 !important;
}

/* FEATURE CARDS - description was too small */
.ywd-service-page .ywd-feature-item strong,
.ywd-service-page .ywd-feature-title {
    font-size: 18px !important;
    line-height: 1.4 !important;
}

.ywd-service-page .ywd-feature-item span,
.ywd-service-page .ywd-feature-item p,
.ywd-service-page .ywd-feature-text {
    font-size: 16px !important;
    line-height: 1.65 !important;
}

/* TECHNOLOGY */
.ywd-service-page .ywd-tech-item {
    font-size: 16px !important;
    line-height: 1.4 !important;
}

/* PROCESS */
.ywd-service-page .ywd-process-item h4,
.ywd-service-page .ywd-process-title {
    font-size: 18px !important;
    line-height: 1.45 !important;
}

.ywd-service-page .ywd-process-item p,
.ywd-service-page .ywd-process-text {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* PROCESS NUMBER - keep compact */
.ywd-service-page .ywd-process-item > strong {
    font-size: 13px !important;
}

/* FAQ */
.ywd-service-page .ywd-faq-question,
.ywd-service-page .ywd-faq-question span,
.ywd-service-page .ywd-faq-question strong {
    font-size: 17px !important;
    line-height: 1.5 !important;
}

.ywd-service-page .ywd-faq-answer,
.ywd-service-page .ywd-faq-answer p {
    font-size: 16px !important;
    line-height: 1.7 !important;
}

/* FINAL CTA */
.ywd-service-page .ywd-final-cta p,
.ywd-service-page .ywd-cta p {
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* SERVICE BUTTONS */
.ywd-service-page .ywd-btn,
.ywd-service-page .ywd-cta-buttons a {
    font-size: 17px !important;
    line-height: 1.4 !important;
}

/* =========================================================
   CONTACT FORM 7 CONTENT
   ========================================================= */
body .wpcf7 input,
body .wpcf7 textarea,
body .wpcf7 select,
body .wpcf7-form-control-wrap,
body .wpcf7 label {
    font-size: 16px !important;
}

body .wpcf7 input[type="submit"],
body .wpcf7 button,
body .wpcf7-form input[type="submit"] {
    font-size: 17px !important;
}

/* =========================================================
   ALL MAIN CONTENT BUTTONS = 17PX
   ========================================================= */
body main button,
body main input[type="button"],
body main input[type="submit"],
body main .elementor-button,
body main .yd-btn,
body main .yd-about-btn,
body main .yd-why-btn,
body main .yd-service-link,
body main .yd-page-banner-btn,
body main .yd-page-banner-secondary,
body main .yd-hero-v2-btn,
body main .yd-footer-cta-btn,
body main .yd-cta-btn {
    font-size: 17px !important;
    line-height: 1.4 !important;
}

/* =========================================================
   FOOTER - READABLE BUT NOT OVERSIZED
   ========================================================= */
footer p,
footer li,
footer a,
footer span {
    font-size: 15px !important;
    line-height: 1.65 !important;
}

footer strong,
footer h4 {
    font-size: 16px !important;
}

/* =========================================================
   HEADER / MENU - DO NOT CHANGE
   ========================================================= */
.headertop a,
.headertop li,
.headertop ul,
.headertop .menu-item,
.headertop .menu-item > a,
.elementor-location-header a,
.elementor-location-header li,
.elementor-location-header ul,
.mobile-menu a,
.mobile-menu li,
.mobile-menu ul {
    font-size: inherit !important;
}

/* =========================================================
   TABLET
   ========================================================= */
@media (min-width: 768px) and (max-width: 1024px) {

    .yd-hero-v2-description {
        font-size: 16px !important;
    }

    .yd-about-content p,
    .yd-about-text,
    .yd-about-description,
    .yd-why-intro,
    .yd-why-content p,
    .yd-reason-text p,
    .yd-home-work-header p,
    .yd-home-work-card p,
    .yd-service-intro p,
    .yd-service-content p,
    .yd-service-feature p {
        font-size: 16px !important;
        line-height: 1.7 !important;
    }

    .ywd-service-page .ywd-section p,
    .ywd-service-page .ywd-section li,
    .ywd-service-page .ywd-service-item {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ywd-service-page .ywd-feature-item span,
    .ywd-service-page .ywd-process-item p {
        font-size: 16px !important;
    }
}

/* =========================================================
   MOBILE - 767PX AND BELOW
   ========================================================= */
@media (max-width: 767px) {

    /* HOME CONTENT */
    body main p,
    body main li,
    body .elementor-widget-text-editor p,
    body .elementor-widget-text-editor li,
    body .elementor-widget-theme-post-content p,
    body .elementor-widget-theme-post-content li {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .yd-hero-v2-description {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .yd-hero-v2-subtitle {
        font-size: 17px !important;
        line-height: 1.5 !important;
    }

    .yd-hero-v2-btn {
        font-size: 16px !important;
    }

    .yd-about-content p,
    .yd-about-text,
    .yd-about-description,
    .yd-about-intro,
    .yd-about-feature p,
    .yd-why-intro,
    .yd-why-content p,
    .yd-reason-text p,
    .yd-home-work-header p,
    .yd-home-work-card p,
    .yd-service-intro p,
    .yd-service-content p,
    .yd-service-feature p,
    .yd-services-header p,
    .yd-service-card p,
    .yd-reviews-v2 .yd-rv2-description,
    .yd-reviews-v2 .yd-rv2-text,
    .yd-cta-content p,
    .yd-page-banner-content p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .yd-about-content strong,
    .yd-about-feature strong,
    .yd-why-section strong,
    .yd-home-work-card strong {
        font-size: 17px !important;
    }

    /* SERVICE PAGE */
    .ywd-service-page .ywd-section,
    .ywd-service-page .ywd-section:nth-child(2),
    .ywd-service-page .ywd-section:nth-child(4),
    .ywd-service-page .ywd-section:nth-child(6),
    .ywd-service-page .ywd-section:nth-child(8) {
        width: 100% !important;
        max-width: 100% !important;
    }

    .ywd-service-page .ywd-section > p,
    .ywd-service-page .ywd-section p,
    .ywd-service-page .ywd-section li,
    .ywd-service-page .ywd-feature-text,
    .ywd-service-page .ywd-process-text,
    .ywd-service-page .ywd-section td,
    .ywd-service-page .ywd-section th {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    /* Service card text was extremely small */
    .ywd-service-page .ywd-service-item,
    .ywd-service-page .ywd-service-item span,
    .ywd-service-page .ywd-service-item strong {
        font-size: 16px !important;
        line-height: 1.55 !important;
    }

    /* Feature card */
    .ywd-service-page .ywd-feature-item strong,
    .ywd-service-page .ywd-feature-title {
        font-size: 17px !important;
        line-height: 1.45 !important;
    }

    .ywd-service-page .ywd-feature-item span,
    .ywd-service-page .ywd-feature-item p,
    .ywd-service-page .ywd-feature-text {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    /* Technology */
    .ywd-service-page .ywd-tech-item {
        font-size: 15px !important;
        line-height: 1.4 !important;
        padding: 9px 13px !important;
    }

    /* Process */
    .ywd-service-page .ywd-process-item h4,
    .ywd-service-page .ywd-process-title {
        font-size: 17px !important;
    }

    .ywd-service-page .ywd-process-item p,
    .ywd-service-page .ywd-process-text {
        font-size: 15px !important;
        line-height: 1.65 !important;
    }

    /* FAQ */
    .ywd-service-page .ywd-faq-question,
    .ywd-service-page .ywd-faq-question span,
    .ywd-service-page .ywd-faq-question strong {
        font-size: 16px !important;
        line-height: 1.5 !important;
    }

    .ywd-service-page .ywd-faq-answer,
    .ywd-service-page .ywd-faq-answer p {
        font-size: 15px !important;
        line-height: 1.7 !important;
    }

    /* CTA */
    .ywd-service-page .ywd-final-cta p,
    .ywd-service-page .ywd-cta p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .ywd-service-page .ywd-btn,
    .ywd-service-page .ywd-cta-buttons a {
        font-size: 16px !important;
    }

    /* GLOBAL SERVICES */
    .yd-global-services .yd-services-header p,
    .yd-global-services .yd-service-card p {
        font-size: 16px !important;
        line-height: 1.65 !important;
    }

    .yd-global-services .yd-global-left,
    .yd-global-services .yd-global-right {
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    /* FOOTER */
    footer p,
    footer li,
    footer a,
    footer span {
        font-size: 14px !important;
        line-height: 1.6 !important;
    }

    footer strong,
    footer h4 {
        font-size: 15px !important;
    }

    /* Keep mobile header/menu unchanged */
    .headertop a,
    .headertop li,
    .headertop ul,
    .headertop .menu-item,
    .headertop .menu-item > a,
    .elementor-location-header a,
    .elementor-location-header li,
    .elementor-location-header ul,
    .mobile-menu a,
    .mobile-menu li,
    .mobile-menu ul {
        font-size: inherit !important;
    }
}

/* =========================================================
   VERY SMALL MOBILE - 480PX AND BELOW
   ========================================================= */
@media (max-width: 480px) {

    .yd-hero-v2-description {
        font-size: 16px !important;
    }

    .yd-about-content p,
    .yd-about-text,
    .yd-about-description,
    .yd-why-intro,
    .yd-why-content p,
    .yd-reason-text p,
    .yd-home-work-header p,
    .yd-home-work-card p,
    .yd-service-intro p,
    .yd-service-content p,
    .yd-service-feature p,
    .yd-services-header p,
    .yd-service-card p {
        font-size: 16px !important;
    }

    .ywd-service-page .ywd-section > p,
    .ywd-service-page .ywd-section p,
    .ywd-service-page .ywd-section li {
        font-size: 16px !important;
    }

    .ywd-service-page .ywd-service-item {
        font-size: 16px !important;
    }

    .ywd-service-page .ywd-feature-item span,
    .ywd-service-page .ywd-feature-item p,
    .ywd-service-page .ywd-process-item p {
        font-size: 15px !important;
    }

    .ywd-service-page .ywd-faq-question {
        font-size: 16px !important;
    }

    .ywd-service-page .ywd-faq-answer p {
        font-size: 15px !important;
    }
}