:root {
        /* Colors */
        --primary-color: #FD6EBD;
        --text-color: #000000;
        --discription-color: #222;
        /* Google Fonts */
        --font-script: 'Hurricane', cursive;
        --font-main: 'Poppins';

        /* Custom Fonts */
        --font-golden: 'Golden Stanbury', serif;
        --font-kudryashev: 'Kudryashev Display', serif;
        --font-libre: 'Abhaya Libre';
    }

    .container {
        max-width: 1260px;
        width: 100%;
        margin: 0 auto;
    }

    @font-face {
        font-family: 'Golden Stanbury';
        src: url('/wp-content/themes/astra-child/fonts/Golden%20Stanbury.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Abhaya Libre';
        src: url('/wp-content/themes/astra-child/fonts/AbhayaLibre-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    @font-face {
        font-family: 'Kudryashev Display';
        src: url('/wp-content/themes/astra-child/fonts/kudryashev-display-regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'Great Day';
        src: url('/wp-content/themes/astra-child/fonts/GreatDayPersonalUse-14M2.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
    }

    body {
        font-family: var(--font-main);
        color: var(--text-color);
        margin: 0;
        padding: 0;
        background-color: #FEFBF8;
    }

    * {
        margin: 0;
        padding: 0;
    }

    .ss-header {
        padding: 15px 0;
        background: #000;
        position: relative;
        z-index: 999;
    }

    .ss-container {
        max-width: 1260px;
        width: 100%;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .ss-logo {
        flex-shrink: 0;
    }

    .ss-logo img {
        max-width: 333px;
        width: 100%;
        height: 59px;
        display: block;
    }

    /* Navigation */



    .ss-nav ul {
        display: flex;
        align-items: center;
        gap: 35px;
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .ss-nav ul li a {
        font-family: var(--font-main);
        font-weight: 500;
        font-size: 15px;
        line-height: 16.5px;
        letter-spacing: 0.3px;
        color: #ffffff;
        text-decoration: none;
        text-transform: uppercase;
        transition: color 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        position: relative;
        padding-bottom: 6px;
    }

    .ss-nav ul li a::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--primary-color);
        transform: scaleX(0);
        transform-origin: right;
        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ss-nav ul li a:hover,
    .ss-nav ul li a.active {
        color: var(--primary-color);
    }

    .ss-nav ul li a:hover::after,
    .ss-nav ul li a.active::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    /* CTA Button */

    .ss-btn {
        padding: 12px 17px;
        border-radius: 5px;
        width: 67%;
        border: 1px solid var(--primary-color);
        display: flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        color: var(--primary-color);
        background: transparent;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        font-family: Raleway;
        font-weight: 400;
        font-size: 14px;
        line-height: 16.5px;
        letter-spacing: 2.75px;
        gap: 5px;
        vertical-align: middle;
        margin-top: 24px;
    }

    .ss-btn:hover {
        background: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(253, 110, 189, 0.3);
    }
    .ss-btn:hover svg > path {
        fill: #fff;
        stroke: #fff;
    }

    .ss-btn svg {
        width: 14px;
        height: 14px;
    }

    .ss-toggle {
        display: none;
        flex-direction: column;
        justify-content: space-between;
        width: 30px;
        height: 20px;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 1000;
        position: relative;
    }

    .ss-toggle span {
        display: block;
        width: 100%;
        height: 3px;
        background-color: #ffffff;
        border-radius: 3px;
        transition: all 0.3s ease;
    }

    .ss-toggle.active span:nth-child(1) {
        transform: translateY(8.5px) rotate(45deg);
        background-color: var(--primary-color);
    }

    .ss-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .ss-toggle.active span:nth-child(3) {
        transform: translateY(-8.5px) rotate(-45deg);
        background-color: var(--primary-color);
    }

    .mobile-cta-li {
        display: none;
    }

    body.no-scroll {
        overflow: hidden;
    }

    /* ==========================================
   CONNECTION CHANGES SECTION
========================================== */

    .ssc-connection {
        /*background-image: url('/wp-content/uploads/2026/07/nehome.webp');*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
    }
    .ssc-wrapper {
        max-width: 1440px;
        margin: 0 auto;
        display: flex;
        align-items: stretch;
    }

    /* LEFT COLUMN */

    .ssc-content {
        padding: 68px 90px 60px 80px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ssc-title {
        margin: 0 0 36px;
        color: #000;
        font-family: 'Kudryashev Display', serif;
        font-weight: 600;
        font-size: 69px;
        line-height: 63px;
        letter-spacing: -0.6px;
        text-transform: uppercase;
    }

    .ssc-title span {
        display: block;
        margin-top: 20px;
        font-size: 72px;
    }

    .ssc-script {
        font-family: 'Golden Stanbury', serif;
        font-weight: 400;
        font-size: 131px;
        line-height: 63px;
        letter-spacing: -0.6px;
        text-transform: capitalize;
        min-height: 150px;
        color: var(--primary-color);
    }

    /* DIVIDER */
    .ssa-heart-divider {
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 14px;
    }
       .ssa-new-line {
        content: ".";
        width: 120px;
        background-color: var(--primary-color);
        height: 1px;
    }
    .ssa-new-line-wrapper {
        display: flex;
        justify-content: center;
        padding: 0 0 15px;
    }
    .ssa-clients-image img {
        object-fit: cover;
        height: 200px;
        border-radius: 50%;
        max-width: 200px;
        width: 100%;
        object-position: center top;
    }
    .ssa-clients-image {
        margin: 0 0 20px;
    }
    .second-section {
        max-width: 352px;
        width: 100%;
        justify-content: center;
        margin-bottom: 10px;
    }

    .ssa-heart-divider.third-section {
        max-width: 217px;
        width: 100%;
        margin: 16px auto 0;
    }
    .new-forth {
        max-width: 200px !important;
        margin: 16px  auto !important;
    }

    .ssa-line {
        flex: 1;
        max-width: 167px;
        width: 100%;
        height: 1px;
        background: #f47ab8;
    }

    .second-section .ssa-line {
        max-width: 100px;
    }

    .ssa-heart-img {
        max-width: 17px;
        height: 14px;
        width: 100%;
    }

    .ssc-divider {
        max-width: 366px;
        width: 100%;
        border-top: 1px solid rgba(253, 110, 189, .4);
        margin: 79px 0 35px;
        text-align: center;
        position: relative;
    }

    .ssc-divider span {
        position: relative;
        top: -14px;
        background: #F8F6F4;
        padding: 0 12px;
        color: var(--primary-color);
        font-size: 18px;
        line-height: 1;
    }

    /* TEXT */

    .ssc-text {
        max-width: 445px;
        width: 100%;
    }

    .ssc-text p {
        margin: 35px 0 18px;
        font-family: var(--font-main);
        color: #333;
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
    }

    .ssc-text p:last-child {
        margin-top: 0;
    }

    .ssc-text>p>span {
        font-family: var(--font-golden);
        font-weight: 400;
        font-size: 44px;
        line-height: 40px;
        letter-spacing: -0.6px;
        vertical-align: middle;
        color: var(--primary-color);
    }


    /* BUTTONS */
    .ssc-buttons {
        width: 100%;
        display: flex;
        margin-top: 31px;
        align-items: start; 
        justify-content: start; 
        gap: 20px;
        flex-direction: row;
    }
    .ssc-btn {
        max-width: fit-content;
        width: 100%;
        padding: 21px 31px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        text-decoration: none;
        font-family: var(--font-main);
        font-weight: 500;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        text-transform: uppercase;

        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ssc-btn-primary {
        background: var(--primary-color);
        color: #fff;
        border: 1px solid var(--primary-color);
        border-radius: 8px;
  
    }

    .ssc-btn-primary:hover {
        transform: translateY(-3px);
        background: #ff8ec7;
        border-color: #ff8ec7;
        box-shadow: 0 12px 24px rgba(253, 110, 189, 0.4);
    }
    .ssc-btn-outline {
        background: transparent;
        color: var(--primary-color);
        border: 1px solid rgba(253, 110, 189, .6);
        border-radius: 8px;
        padding: 21px 72px;
    }

    .ssc-btn-outline:hover {
        transform: translateY(-3px);
        background: var(--primary-color);
        color: #fff;
        border-color: var(--primary-color);
        box-shadow: 0 12px 24px rgba(253, 110, 189, 0.3);
    }

    .ssc-mobile-img {
        display: none;
    }

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

    @media (max-width: 1200px) {

        .ssc-connection {
            background-size: cover;
            background-position: center right;
        }
        .about-top {
         grid-template-columns: 1fr !important; 
        }
        .ss-header {
            padding: 15px 10px;
        }

        .ssc-wrapper {
            max-height: none;
        }
       .ssc-btn {
           font-size:13px!important;
            padding: 21px 21px !important;
        }

        .ssc-content {
            width: 60%;
            padding: 60px 40px;
            background: rgba(248, 246, 244, .92);
        }

        .ssc-title {
            font-size: 58px;
            line-height: 54px;
        }

        .ssc-script {
            font-size: 95px;
            line-height: 55px;
        }
    }

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

    @media (max-width: 767px) {
        section.ssa-about {
            padding: 0 20px !important;
        }
        .ssc-connection {
            background-image: none;
        }
        .ss-footer-icon {
            display: none !important;
        }
        .ssc-btn-primary {
            padding: 21px 21px;
        }

        .ss-heading {
            text-align: center;
            margin-bottom: 42px;
        }

        .ssc-wrapper {
            flex-direction: column;
            min-height: auto;
            max-height: none;
        }

        .ssc-content {
            width: 100%;
            padding: 40px 24px;
            background: #f9f5f2;
        }

        .ssc-title {
            font-size: 32px;
            line-height: 42px;
        }

        .ssc-script {
            font-size: 70px;
            line-height: 42px;
        }

        .ssc-divider {
            margin: 55px 0 30px;
        }

        .ssc-text p {
            font-size: 15px;
            line-height: 26px;
        }

        .ssc-buttons {
            flex-direction: column;
        }

        

        .ssc-mobile-img {
            display: block;
            width: 100%;
        }

        .ssc-mobile-img img {
            width: 100%;
            height: auto;
            display: none;
        }
    }

    /* =====================================
   WHAT IS SOUL & SOCIAL SECTION
===================================== */

    .ssw-section {
        overflow: hidden;
        background-image: url('/wp-content/uploads/2026/06/nn-1-3.webp');
        background-repeat: no-repeat;
        background-size: cover;

    }

    .ssw-wrapper {
        max-width: 1440px;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }

    /* LEFT COLUMN */

    .ssw-content {
        max-width: 575px;
        width: 100%;
        padding: 80px 0 0px 90px;
        position: relative;
        z-index: 2;
    }

    .ssw-title {
        font-family: var(--font-kudryashev);
        color: #222;
        text-align: center;
        font-weight: 600;
        font-size: 43px;
        line-height: 63px;
        letter-spacing: -0.6px;
        text-transform: uppercase;
        max-width: 352px;
        width: 100%;
    }

    .ssw-title span {
        display: block;
        color: var(--primary-color);
    }

    /* HEART DIVIDER */

    .ssw-divider {
        width: 217px;
        display: flex;
        align-items: center;
        gap: 12px;
        margin: 10px 0 32px 67px;
    }

    .ssw-divider::before,
    .ssw-divider::after {
        content: '';
        flex: 1;
        height: 1px;
        background: #f6c0dc;
    }

    .ssw-heart {
        width: 10px;
        height: 10px;
        background: var(--primary-color);
        position: relative;
        transform: rotate(45deg);
        flex-shrink: 0;
    }

    .ssw-heart::before,
    .ssw-heart::after {
        content: '';
        position: absolute;
        width: 10px;
        height: 10px;
        background: var(--primary-color);
        border-radius: 50%;
    }

    .ssw-heart::before {
        top: -5px;
        left: 0;
    }

    .ssw-heart::after {
        left: -5px;
        top: 0;
    }

    /* TEXT */

    .ssw-content p {
        margin: 0 0 4px;
        font-family: var(--font-main);
        color: #000000;
        font-weight: 600;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: -0.7px;
    }

    .ssw-content p:first-of-type {
        font-weight: 600;
    }

    .ssw-intro {
        font-weight: 600;
    }

    p.ssw-intro-last {
        margin: 26px 0;
        font-weight: 400;
    }

    /* LIST */

    .ssw-list {
        margin: 18px 0 40px;
        padding-left: 18px;
    }

    .ssw-list li {
        margin-bottom: 8px;
        color: #222;
        font-family: var(--font-main);
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
    }

    .ssw-list li::marker {
        color: var(--primary-color);
    }

    /* BOTTOM TEXT */

    .ssw-bottom-text {
        margin-top: 40px;
        margin-bottom: 69px;

    }

    .ssw-bottom-text p {
        margin-bottom: 8px;
    }

    .pink, .pink > a {
        color: var(--primary-color) !important;
        text-decoration:none;
    }

    }

    /* SCRIPT TEXT */

    .ssw-script {
        margin-top: 31px;
        color: var(--primary-color);
        font-family: var(--font-golden);
        font-weight: 400;
        font-size: 39px;
        line-height: 62px;
        letter-spacing: -1px;
    }

    .ssw-mobile-img {
        display: none;
    }

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

    @media(max-width: 1200px) {

        .ssw-section {
            background-size: cover;
            background-position: center right;
        }

        .ssw-content {
            max-width: 650px;
            padding: 60px 40px;
            background: rgba(247, 244, 241, .92);
        }

        .ssw-title {
            font-size: 38px;
            line-height: 50px;
        }

        .ssw-divider {
            width: 300px;
            margin-left: 0;
        }
    }

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

    @media(max-width:767px) {

        .ssw-section {
            background-image: none;
        }

        .ss-footer-logo svg {
            width: 220px;
        }

        .ssw-wrapper {
            flex-direction: column;
            min-height: auto;
        }

        .ssw-content {
            max-width: 100%;
            padding: 40px 24px;
            background: #f9f5f2;
        }

        .ssw-title {
            font-size: 30px;
            line-height: 40px;
        }

        .ssw-divider {
            width: 100%;
            margin: 12px 0 24px;
        }

        .ssw-content p,
        .ssw-list li {
            font-size: 15px;
            line-height: 26px;
        }


        .ssw-script {
            font-size: 28px;
            line-height: 1.2;
        }

        .ssw-mobile-img {
            display: block;
            width: 100%;
        }

        .ssw-mobile-img img {
            width: 100%;
            height: auto;
            display: block;
        }

        .ssa-meta {

            margin-bottom: 20px;
        }
    }

    /* ===================================
   WHAT WE DO
=================================== */
   .ss-what-we-do {
        padding: 107px 0;
        /*background-image: url(/wp-content/uploads/2026/07/Gemini_Generated_Image_epc1ueepc1ueepc1.webp);*/
        /*background-repeat: no-repeat;*/
        /*background-size: cover;*/
    }

    .ss-heading {
        text-align: center;
        margin-bottom: 73px;
    }

    .ss-title {
        margin: 0;
        font-family: var(--font-kudryashev);
        font-weight: 600;
        font-size: 50px;
        line-height: 63px;
        letter-spacing: -0.6px;
        text-transform: uppercase;
        color: #111;
    }

    .ss-title span {
        color: var(--primary-color);
    }

    /* Divider */

    .ss-divider {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 14px;
        margin-top: 14px;
    }

    .ss-divider::before,
    .ss-divider::after {
        content: '';
        width: 54px;
        height: 1px;
        background: var(--primary-color);
    }

    .ss-heart {
        width: 8px;
        height: 8px;
        background: var(--primary-color);
        transform: rotate(45deg);
        position: relative;
    }

    .ss-heart::before,
    .ss-heart::after {
        content: '';
        width: 8px;
        height: 8px;
        background: var(--primary-color);
        border-radius: 50%;
        position: absolute;
    }

    .ss-heart::before {
        top: -4px;
        left: 0;
    }

    .ss-heart::after {
        left: -4px;
        top: 0;
    }

    /* Cards */

    .ss-cards {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
        box-sizing: border-box;
        border-radius:4px;
    }

    .ss-card {
        border: 1px solid #e8e3dd;
        padding: 30px 32px 45px;
        text-align: center;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        background-color:#FDF6F4;
    }

    .ss-card:hover {
        transform: translateY(-8px);
        border-color: var(--primary-color);
        box-shadow: 0 16px 32px rgba(253, 110, 189, 0.12), 0 4px 12px rgba(0, 0, 0, 0.04);
    }

    .ss-card-title span {
        color: var(--primary-color);
    }

    .learn-more {
        font-family: Poppins;
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
        color: var(--primary-color);
        margin-top: 34px;
        cursor: pointer;
        display: inline-block;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .learn-more span {
        font-family: Poppins;
        font-weight: 700;
        font-style: Bold;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0px;
        display: inline-block;
        transition: transform 0.3s ease;
    }

    .ss-card:hover .learn-more {
        color: #ff8ec7;
    }

    .ss-card:hover .learn-more span {
        transform: translateX(6px);
    }

    /* Icon */

    .ss-icon {
        /*width: 90px;*/
        /*height: 90px;*/
        border-radius: 50%;
        background: var(--primary-color);

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

        margin: 0 auto 51px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .ss-icon img{
        width:100%;
    }

    .ss-card:hover .ss-icon {
        transform: scale(1.08);
        background: #ff8ec7;
        box-shadow: 0 0 20px rgba(253, 110, 189, 0.4);
    }

    .ss-icon i {
        color: #fff;
        font-size: 34px;
    }

    /* Card Title */

    .ss-title {
        margin: 0;
        font-family: var(--font-kudryashev);
        color: #111;
        font-weight: 600;
        font-size: 50px;
        line-height: 63px;
        letter-spacing: -0.6px;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
    }

    .ss-card-title span {
        display: block;
    }

    /* Card Divider */

    .ss-card-divider {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin: 17px 0 24px;
    }

    .ss-card-divider::before,
    .ss-card-divider::after {
        content: '';
        width: 48px;
        height: 1px;
        background: var(--primary-color);
    }

    /* Description */

    .ss-description {
        font-family: var(--font-main);
        font-size: 15px;
        line-height: 1.7;
        color: #666;
        min-height: 90px;
    }

    /* List */

    .ss-list {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: left;
    }

    .ss-list {
        list-style: none;
        margin: 0 auto;
        padding: 0;
        display: inline-block;
        text-align: left;
    }

    .ss-list li {
        position: relative;
        padding-left: 28px;
        margin-bottom: 14px;

        font-family: var(--font-main);
        font-size: 16px;
        font-weight: 500;
        color: #222;
    }

    .ss-list li::before {
        content: '✓';
        position: absolute;
        left: 0;
        top: -2px;

        color: var(--primary-color);
        font-size: 18px;
        font-weight: 700;
    }

    .ss-card-title {
        font-family: 'Kudryashev Display', serif;
        font-weight: 600;
        font-size: 36px;
        line-height: 40px;
        letter-spacing: -0.6px;
        text-align: center;
        vertical-align: middle;
    }

    .ss-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

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

    .ss-cta {
        padding: 30px 0 42px;
        box-sizing: border-box;
    }

    .ss-cta-inner {
        max-width: 1260px;
        margin: 0 auto;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        box-sizing: border-box;
    }

    /* LEFT */

    .ss-cta-left {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    /* EMPTY IMAGE SPACE */

    .ss-cta-icon {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 100px;
        flex-shrink: 0;
        background: var(--primary-color);
        border-radius: 50%;
    }

    .ss-cta-icon img {
        max-width: 47px;
        width: 100%;
    }

    .ss-cta-heading h2 {
        margin: 0;
        font-family: var(--font-kudryashev);
        color: #222;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.6px;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 600;
    }

    .ss-cta-heading span {
        display: block;
        margin-top: -5px;
        color: var(--primary-color);
        font-family: Hurricane;
        font-weight: 400;
        font-size: 63px;
        line-height: 63px;
        letter-spacing: 1.4px;
        vertical-align: middle;
    }

    /* CENTER */

    .ss-cta-center {
        text-align: center;
    }

    .ss-cta-center p {
        margin: 0 0 6px;
        color: var(--primary-color);
        font-size: 24px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
        font-family: 'Kudryashev Display';
        font-weight:600;
    }

    .ss-cta-divider {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
    }

    .ss-cta-divider::before,
    .ss-cta-divider::after {
        content: '';
        width: 70px;
        height: 1px;
        background: var(--primary-color);
    }

    .ss-heart {
        width: 8px;
        height: 8px;
        background: var(--primary-color);
        transform: rotate(45deg);
        position: relative;
    }

    .ss-heart::before,
    .ss-heart::after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: var(--primary-color);
        border-radius: 50%;
    }

    .ss-heart::before {
        top: -4px;
        left: 0;
    }

    .ss-heart::after {
        left: -4px;
        top: 0;
    }

    /* RIGHT */

    .ss-cta-right ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .ss-cta-right li {
        position: relative;
        padding-left: 22px;
        margin-bottom: 5px;
        font-family: var(--font-main);
        color: #333;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .ss-cta-right li::before {
        content: '✓';
        position: absolute;
        left: 0;
        color: var(--primary-color);
        height: 19px;
        width: 19px;
        font-weight: 900;
    }

    /* ==================================
   FOOTER
================================== */

/*   .ss-footer {*/
/*    background: #000;*/
/*    color: #fff;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/

     /*TOP Area*/

/*    .ss-footer-top {*/
/*        max-width: 1260px;*/
/*        padding: 32px 90px;*/
/*        display: flex;*/
/*        align-items: center;*/
/*        justify-content: space-between;*/
/*    }*/

/*    .ss-footer-cta {*/
/*        display: flex;*/
/*        align-items: center;*/
/*        gap: 18px;*/
/*        width: 100%;*/
/*    }*/

/*    .ss-footer-icon {*/
/*        width: 58px;*/
/*        height: 58px;*/
/*        border-radius: 50%;*/
/*        border: 1px solid var(--primary-color);*/

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

/*    .ss-footer-icon i {*/
/*        color: var(--primary-color);*/
/*        font-size: 28px;*/
/*        font-weight: 200px;*/
/*    }*/

/*    .ss-footer-text h3 {*/
/*        margin: 0 0 7px;*/
/*        color: var(--primary-color);*/
/*        font-family: Kudryashev Display;*/
/*        font-weight: 401;*/
/*        font-size: 32px;*/
/*        line-height: 40px;*/
/*        letter-spacing: -1px;*/
/*        vertical-align: middle;*/
/*    }*/

/*    .ss-footer-text p {*/
/*        margin: 0;*/
/*        max-width: 360px;*/
/*        color: #8c8c8c;*/
/*        font-weight: 300;*/
/*        font-size: 12px;*/
/*        line-height: 16px;*/
/*        letter-spacing: 0px;*/
/*        vertical-align: middle;*/
/*    }   */
/*    .wpcf7-response-output {*/
/*        display: none;*/
/*    }*/


/*       .ss-footer-form {*/
/*        display: flex;*/
/*        justify-content: end;*/
/*        gap: 12px;*/
/*    }*/

/*    .ss-footer-form input {*/
/*        background: transparent;*/
/*        border: 1px solid rgba(255, 255, 255, .15);*/
/*        padding: 17 18px;*/
/*        border-radius: 9px;*/
/*        font-family: Poppins;*/
/*        font-weight: 300;*/
/*        font-size: 16px;*/
/*        line-height: 16px;*/
/*        letter-spacing: 0px;*/
/*        vertical-align: middle;*/
/*        color: white;*/
/*    }*/

/*    .ss-footer-form input::placeholder {*/
/*        color: #A7A7A7;*/
/*        outline: none;*/
/*        font-family: Poppins;*/
/*        font-weight: 300;*/
/*        font-size: 16px;*/
/*        line-height: 16px;*/
/*        letter-spacing: 0px;*/
/*        vertical-align: middle;*/
/*    }*/

/*    .ss-footer-form button {*/
/*        max-width: fit-content;*/
/*        width: 100%;*/
/*        padding: 13.4px 15px;*/
/*        border: none;*/
/*        cursor: pointer;*/
/*        background: #FD6EBD;*/
/*        color: #fff;*/
/*        font-size: 14px;*/
/*        font-weight: 500;*/
/*        letter-spacing: 1px;*/
/*        font-family: var(--font-main);*/
/*        border-radius: 5px;*/
/*        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);*/
/*    }*/

/*    .ss-footer-form button:hover {*/
/*        background: #ff8ec7;*/
/*        transform: translateY(-2px);*/
/*        box-shadow: 0 8px 20px rgba(253, 110, 189, 0.35);*/
/*    }*/

    .ss-footer {
        background: #000;
        color: #fff;
        width: 100%;
        display: flex;
        flex-direction:column;
        justify-content: center;
        align-items: center;
        box-sizing: border-box;
    }

    .ss-footer-top {
        max-width: 1260px;
        width: 100%;
        padding: 32px 45px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
        box-sizing: border-box;
    }

    .ss-footer-cta {
        display: flex;
        align-items: center;
        gap: 18px;
        flex-shrink: 0;
    }

    .ss-footer-icon {
        width: 58px;
        height: 58px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .ss-footer-icon svg {
        display: block;
        width: 58px;
        height: 58px;
    }

    .ss-footer-text h3 {
        margin: 0 0 7px;
        color: #FD6EBD;
        font-family: 'Kudryashev Display', 'Playfair Display', 'Georgia', serif;
        font-weight: 600;
        font-size: 32px;
        line-height: 40px;
        letter-spacing: -0.5px;
    }

    .ss-footer-text p {
        margin: 0;
        max-width: 360px;
        color: #8c8c8c;
        font-weight: 300;
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 0px;
        font-family: 'Poppins', 'Montserrat', sans-serif;
    }

    /* Form Area Styles */
    .ss-footer-form-container {
        flex-grow: 1;
        display: flex;
        justify-content: flex-end;
    }

    /* Target direct form, fallback form, and CF7 form wrapper */
    .ss-footer-form-container .wpcf7,
    .ss-footer-form-container .wpcf7-form,
    .ss-footer-form-container .ss-footer-form {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 12px;
        width: 100%;
        margin: 0;
    }

    /* Contact Form 7 Spacing / Layout fixes */
    .ss-footer-form-container .wpcf7-form p {
        display: contents !important;
    }

    .ss-footer-form-container br {
        display: none !important;
    }

    .ss-footer-form-container .wpcf7-form-control-wrap {
        display: inline-flex;
    }

    /* Form Fields */
    .ss-footer-form-container input[type="text"],
    .ss-footer-form-container input[type="email"],
    .ss-footer-form-container .wpcf7-form-control:not([type="submit"]) {
        background: transparent;
        border: 1px solid rgba(255, 255, 255, .15);
        padding: 0 18px;
        border-radius: 9px;
        font-family: 'Poppins', 'Montserrat', sans-serif;
        font-weight: 300;
        font-size: 16px;
        color: white;
        height: 52px;
        outline: none;
        box-sizing: border-box;
        width: 220px;
        transition: border-color 0.3s ease;
    }

    .ss-footer-form-container input[type="text"]:focus,
    .ss-footer-form-container input[type="email"]:focus,
    .ss-footer-form-container .wpcf7-form-control:not([type="submit"]):focus {
        border-color: #FD6EBD;
    }

    .ss-footer-form-container input::placeholder,
    .ss-footer-form-container .wpcf7-form-control::placeholder {
        color: #A7A7A7;
        opacity: 1;
    }

    .ss-footer-form-container button[type="submit"],
    .ss-footer-form-container input[type="submit"],
    .ss-footer-form-container .wpcf7-submit {
        height: 52px;
        padding: 0 17px;
        border: none;
        cursor: pointer;
        background: #FD6EBD;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 5px;
        text-transform: uppercase;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-family: var(--font-main);
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ss-footer-form-container button[type="submit"]:hover,
    .ss-footer-form-container input[type="submit"]:hover,
    .ss-footer-form-container .wpcf7-submit:hover {
        background: #ff8ec7;
        transform: translateY(-2px);
        box-shadow: 0 8px 20px rgba(253, 110, 189, 0.35);
    }

    .ss-footer-form-container .wpcf7-response-output {
        display: none !important;
    }

    fieldset.hidden-fields-container {
        display: none !important;
    }

    @media (max-width: 1200px) {
        .ss-footer-top {
            padding: 32px 40px;
        }
        
    }

    @media (max-width: 991px) {
        .ss-footer-top {
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            padding: 32px 24px;
        }
        .ssc-organisations {
            padding: 60px 40px !important;
        }
        .ss-footer-cta{
            flex-direction:row;
        }


        .ss-footer-form-container {
            width: 100%;
            justify-content: flex-start;
        }

        .ss-footer-form-container .wpcf7,
        .ss-footer-form-container .wpcf7-form,
        .ss-footer-form-container .ss-footer-form {
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 12px;
        }

        .ss-footer-form-container input[type="text"],
        .ss-footer-form-container input[type="email"],
        .ss-footer-form-container .wpcf7-form-control:not([type="submit"]) {
            width: 100%;
        }

        .ss-footer-form-container button[type="submit"],
        .ss-footer-form-container input[type="submit"],
        .ss-footer-form-container .wpcf7-submit {
            width: 100%;
        }
    }

    /* BOTTOM */

    .ss-footer-bottom {
        max-width: 1260px;
        padding: 31px 90px 63px;
        display: grid;
        grid-template-columns: 1.4fr 1fr 1fr auto;
        align-items: start;
        gap: 60px;
    }

    /* LOGO */

    .ss-footer-logo img {
        max-width: 223px;
        display: block;
    }

    /* CONTACT */

    .ss-footer-contact h4,
    .ss-footer-social h4 {
        margin: 0 0 12px;
        color: var(--primary-color);
        font-family: Poppins;
        font-weight: 400;
        font-size: 16px;
        line-height: 40px;
        letter-spacing: 0px;
        vertical-align: middle;

    }

    .ss-footer-contact a {
        display: flex;
        align-items: center;
        gap: 8px;
        color: #fff;
        text-decoration: none;
        margin-bottom: 10px;
        font-weight: 400;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
        transition: all 0.3s ease;
    }

    .ss-footer-contact a:hover {
        color: var(--primary-color);
        transform: translateX(4px);
    }

    .ss-footer-contact i {
        color: var(--primary-color);
    }

    /* SOCIAL */

    .ss-social-icons {
        display: flex;
        gap: 12px;
    }
    .seperator{
    height: 1px;
    width: 100%;
    background-color: #3B0C15;
    }

    .ss-social-icons a {
        width: 36px;
        height: 36px;
        border-radius: 20%;

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

        color: #fff;
        text-decoration: none;
        transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ss-social-icons a:hover {
        transform: translateY(-3px) scale(1.08);
    }

    .ss-social-icons a:nth-child(1) {
        background: #0A66C2;
    }

    .ss-social-icons a:nth-child(1):hover {
        box-shadow: 0 6px 15px rgba(10, 102, 194, 0.4);
    }

    .ss-social-icons a:nth-child(2) {
        background: #E1306C;
    }

    .ss-social-icons a:nth-child(2):hover {
        box-shadow: 0 6px 15px rgba(225, 48, 108, 0.4);
    }

    .ss-social-icons a:nth-child(3) {
        background: #1877F2;
    }

    .ss-social-icons a:nth-child(3):hover {
        box-shadow: 0 6px 15px rgba(24, 119, 242, 0.4);
    }

    /* COPYRIGHT */

    .ss-footer-copy {
        color: #fff;
        font-size: 16px;
        line-height: 1.8;
        padding-top: 5px;
    }

    .ss-footer-form input[type="text"] {
        max-width: 165px;
        width:100%;
        height: 50px;
    }

    .ss-footer-form input[type="email"] {
        max-width: 263px;
        width:100%;
        height: 50px;
    }

    /* =====================================
   ABOUT ANGIE
===================================== */


    .devide {
        background-color: #FDF6F4;
        padding: 67px 45px 52px
    }

    }

    /* =====================================
   ABOUT ANGIE
===================================== */

    .ssa-about {
        width: 100%;
        background: #FDF6F4;
        overflow: hidden;
    }

    section.ssa-about {
        padding-bottom: 143px;
        background: #FDF6F4;
    }

    .ssa-wrapper {
        max-width: 1350px;
        margin: 0 auto;
        padding: 52px 0 0;
        display: flex;
        align-items: center;
        gap: 60px;
    }

.ssa-image{
    position: relative;
    width: 40%;
    flex-shrink: 0;
    overflow: hidden;
}

.ssa-image img{
    width: 100%;
    display: block;
    object-fit: cover;

    /* Soft fade */
    -webkit-mask-image: radial-gradient(
        ellipse 105% 105% at center,
        #000 60%,
        rgba(0,0,0,.95) 72%,
        rgba(0,0,0,.75) 82%,
        rgba(0,0,0,.45) 92%,
        transparent 100%
    );

    mask-image: radial-gradient(
        ellipse 105% 105% at center,
        #000 60%,
        rgba(0,0,0,.95) 72%,
        rgba(0,0,0,.75) 82%,
        rgba(0,0,0,.45) 92%,
        transparent 100%
    );
}

/* Feather effect */
.ssa-image::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        linear-gradient(to top,    #FDF6F4 0%, transparent 10%),
        linear-gradient(to bottom, #FDF6F4 0%, transparent 10%),
        linear-gradient(to left,   #FDF6F4 0%, transparent 10%),
        linear-gradient(to right,  #FDF6F4 0%, transparent 10%);
}
    .ssa-content {
        width: 58%;
        padding: 0;
    }




    /* TAGLINE */

    .ssa-tagline {
        margin-bottom: 16px;
        color: var(--primary-color);
        font-family: var(--font-script);
        font-weight: 400;
        font-size: 41px;
        line-height: 16.8px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .ssa-meet {
        display: flex;
        align-items: center;
        max-width: 231px;
        width: 100%;
        margin: 0 0 16px;
        color: var(--primary-color);
        font-family: var(--font-main);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 28px;
        line-height: 29px;
        letter-spacing: 0px;
    }

    /* TITLE */

    .ssa-title {
        margin: 0 0 21px;
        color: #222;
        font-family: var(--font-kudryashev);
        font-weight: 600;
        font-size: 53px;
        line-height: 55px;
        letter-spacing: -1px;
    }

    /* ROLE + DIVIDER */

    .ssa-meta {
        display: flex;
        align-items: center;
        gap: 10px;
        margin-bottom: 53px;
    }

    .ssa-role {
        white-space: nowrap;
        color: var(--primary-color);
        font-family: var(--font-main);
        text-transform: uppercase;
        font-weight: 600;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    .ssa-divider-left,
    .ssa-divider-right {
        width: 86px;
        /* adjust */
        height: 1px;
        background: #efb4c3;
        flex: none;
    }

    .ssa-heart {
        color: var(--primary-color);
        font-size: 24px;
        line-height: 1;
        flex-shrink: 0;
    }

    /* QUOTE */

    .ssa-quote {
        margin-bottom: 29px;
        color: var(--primary-color);
        font-family: var(--font-script);
        font-weight: 400;
        font-size: 39px;
        line-height: 29px;
        letter-spacing: 0px;
    }

    /* PARAGRAPHS */

    .ssa-content p {
        margin: 0 0 23px;
        color: #222;
        font-family: var(--font-main);
        font-weight: 400;
        font-size: 18px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    /* SIGNATURE */

    .ssa-signature {
        margin: 40px 0 0;
        color: var(--primary-color);
        font-family: 'Great Day';
        font-weight: 400;
        font-size: 26px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
    }

    /*.ssa-testimonials{*/
    /*    max-width:1260px;*/
    /*    margin:0 auto;*/
    /*    padding: 91px 0px 86px;*/
    /*}*/
    .ssa-testimonials {
        max-width: 1260px;
        margin: 65px auto 0;
        margin-bottom: 81px;
        box-sizing: border-box;
    }
    .testimonials-last-text{
     margin:0 0 14px !important;   
    }

    .ssa-testimonial-card:first-child {
        padding: 0 60px 0 37px;
    }

    .vertical-divider {
        width: 1.1px;
        height: 600px;
        background: linear-gradient(to bottom,
                #FFFFFF 0%,
                #E33768 50%,
                #FFFFFF 100%);
    }

    /* Heading */

    .ssa-testimonials-header {
        text-align: center;
        margin-bottom: 8px;
    }

    .ssa-testimonials-title {
        margin: 0;
        color: #222;
        font-family: var(--font-kudryashev);
        font-size: 50px;
        line-height: 38px;
        letter-spacing: -0.6px;
        text-align: center;
        vertical-align: middle;
        text-transform: uppercase;
        font-weight: 600;
    }

    .ssa-testimonials-title span {
        font-weight: 600;
        font-size: 18px;
        display: block;
        margin-top: 10px;
    }

    /* Divider */
    .ssa-testimonials-divider {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 12px;
        margin-top: 16px;
    }

    .ssa-testimonials-divider span {
        width: 56px;
        height: 1px;
        background: #efb4c3;
    }

    .ssa-testimonials-divider i {
        font-style: normal;
        color: var(--primary-color);
        font-size: 18px;
    }

    /* Cards */

    .ssa-testimonials-grid {
        align-items: center;
        display: flex;
    }
    .ssa-testimonails-devider-new{
        height:100px !important;
        gap:40px!important;
    }
    .ssa-testimonial-card {
        flex: 1;
        text-align: center;
        padding: 0 45px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
    .ssa-new-devider-text {
        letter-spacing: 5px;
        font-weight: 400;
        font-family: var(--font-main);
        color: var(--primary-color);
        padding: 12px 38px;
        border-radius: 41px;
        font-size: 24px;
        border: 1px solid;
    }
    .ssa-testimonial-card:hover {
        transform: translateY(-5px);
    }

    .ssa-quote-icon {
        color: var(--primary-color);
        font-size: 65px;
        line-height: 1;
        margin-bottom: 19px;
    }

    .ssa-quote-icon img {
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ssa-testimonial-card:hover .ssa-quote-icon img {
        transform: scale(1.1);
    }

    .need-help {
        font-weight: 500;
        font-size: 16px;
        line-height: 29px;
        letter-spacing: 0px;
        vertical-align: middle;
        font-family: var(--font-main);
        margin-bottom: 16px;
    }

    .ssa-testimonial-card p {
        margin: 0 0 42px;
        color: #333;
        font-family: var(--font-main);
        font-weight: 300;
        font-size: 18px;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
    }
    .first-testimonails-text{
        margin: 0 0 75px !important;
    }

    .ssa-testimonial-card h4 {
        margin: 0 0 12px;
        font-family: Kudryashev Display;
        font-weight: 600;
        font-size: 24px;
        line-height: 40px;
        letter-spacing: -1px;
        text-align: center;
        vertical-align: middle;
    }

    .ssa-testimonial-card span {
        display: block;
        color: #444;
        font-family: var(--font-main);
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: center;
        vertical-align: middle;
    }


    .read-more-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;
        padding: 22px 32px;
        background: #F76CB6;
        font-family: Poppins;
        font-weight: 500;
        font-style: Medium;
        font-size: 16px;
        line-height: 16px;
        letter-spacing: 1px;
        transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        text-decoration: none;
        color: #fff;
    }

    .read-more-btn span {
        font-size: 14px;
        display: inline-block;
        transition: transform 0.3s ease;
    }

    .read-more-btn:hover {
        transform: translateY(-3px);
        background: #ff8ec7;
        box-shadow: 0 8px 24px rgba(247, 108, 182, 0.4);
    }

    .read-more-btn:hover span {
        transform: translateX(4px);
    }

    .about-divider {
        position: relative;
        width: 100%;
        height: 24px;
    }

    .about-divider::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 100%;
        height: 1px;
        background: #E8D7E0;
        /* line color */
        transform: translateY(-50%);
    }

    .about-divider-heart {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 18px;
        /* adjust as needed */
        height: auto;
        background: #FDF6F4
            /* match section background */
            padding: 0 10px;
        z-index: 2;
        display: block;
    }
    
    

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

    @media(max-width:1200px) {

        .ssa-about {
            min-height: auto;
        }

        .ssa-about::before {
            width: 48%;
        }

        .ssa-content {
            padding: 40px 0px;
        }

        .ssa-title {
            font-size: 48px;
        }
        section.ssa-about {
            padding: 0 40px;
        }
    }

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

    @media(max-width:767px) {
        .new-divider {
            transform: translateY(0px);
            background: #f9f5f2;
        }
        .ssa-about {
            padding-bottom: 0px; 
            background: #FDF6F4;
        }
        .ssc-organisations {
            padding: 20px !important;
        }
        .ssc-organisations-text {
             padding: 20px 0 !important; 
        }
        .ssc-organisations-heading {
            line-height: 1 !important;
            padding:20px 0 !important;
        }
        .ss-organisation-brands {
            grid-template-columns: 1fr 1fr !important;
        }
        .ssa-new-devider-text {
            letter-spacing: 4px;
            font-weight: 500;
            font-family: var(--font-main);
            color: var(--primary-color);
            padding: 11px 10px;
            border-radius: 41px;
            font-size: 10px;
            border: 1px solid;
        }
        .ssa-testimonails-devider-new {
        height: 80px !important;
        gap: 12px!important;
    }
        .ssa-about {
            background-image: none;
            min-height: auto;
        }

        .ssa-divider-left,
        .ssa-divider-right {
            width: 23px;
        }

        .ssw-bottom-text {
            margin-bottom: 0px;
        }

        .ss-what-we-do {
            padding: 70px 0 40px;
            background: #f9f5f2;
        }

        .ssa-meta {

            margin-bottom: 20px;
        }

        .ssa-about::before {
            display: none;
        }

        .ssa-wrapper {
            min-height: auto;
        }

        .ssa-content {
            margin-left: 0;
            max-width: 100%;
            padding: 50px 24px;
        }

        .ssa-title {
            font-size: 38px;
        }

        .ssa-tagline,
        .ssa-quote,
        .ssa-signature {
            font-size: 26px;
        }

        .ssa-content p {
            font-size: 15px;
            line-height: 1.7;
        }
    }

    .ssa-testimonials-grid {
        display: flex;
        margin-top: 40px;
    }

    .ssa-testimonial-card {
        padding: 0 60px;
    }

    .ssa-testimonial-card:last-child {
        padding: 0 22.5px;
    }

    .ssa-testimonial-card p {
        flex-grow: 1;
    }

    .ssa-author {
        margin-top: auto;
    }

    /* RESPONSIVE */

    @media (min-width: 1201px) and (max-width: 1350px) {
        .ss-nav {
            margin-left: 30px;
            margin-right: 15px;
        }

        .ss-nav ul {
            gap: 18px;
        }

        .ss-logo img {
            max-width: 200px;
        }

        .ss-cta-inner {
            padding: 0 40px;
        }

        .ss-footer-top {
            padding: 31px 40px;
        }
    }

    @media(max-width:1200px) {
        .ss-toggle {
            display: flex;
        }

        .ss-header .ss-btn {
            display: none;
        }

        .ss-nav {
            position: fixed;
            top: 0;
            right: -100%;
            width: 100%;
            height: 100vh;
            background: rgba(0, 0, 0, 0.98);
            backdrop-filter: blur(10px);
            padding: 120px 0px;
            margin: 0;
            z-index: 998;
            transition: right 0.4s ease;
        }

        .ss-nav.active {
            right: 0;
        }

        .ss-nav ul {
            flex-direction: column;
            align-items: flex-start;
            gap: 24px;
            width: 100%;
        }

        .ss-nav ul li {
            width: 100%;
            text-align: center;
        }

        .ss-description {
            min-height: auto;
            margin-bottom: 15px;
        }

        .ss-nav ul li a {
            font-size: 18px;
            display: block;
            width: 100%;
            padding: 10px 0;
        }

        .mobile-cta-li {
            display: block;
            width: 100%;
            margin-top: 20px;
        }

        .ss-btn-mobile {
            max-width: 70%;
            width: 100%;
        }

        .ssc-wrapper {
            max-height: none;
        }

        .ssw-wrapper {
            max-height: none;
        }

        .ss-cta-inner {
            flex-direction: column;
            gap: 30px;
            text-align: center;
            padding: 0 0px;
        }

        .need-help {
            margin-bottom: 10px;
            text-align: left;
        }

        .ss-footer-contact a img {
            width: 35px;
        }

        .ss-cta-left {
            flex-direction: column;
            align-items: center;
        }

        .ss-cta-right ul {
            display: inline-block;
            text-align: left;
        }

        .ss-footer-top {
            flex-direction: row;
            gap: 25px;
            padding: 31px 40px;
        }

        .ss-footer-bottom {
            grid-template-columns: 1fr 1fr 1fr;
            padding: 31px 40px 20px;
            row-gap:20px;
        }
        .ssa-new-devider-text {
            font-size: 18px;
        }
        .vertical-divider{
            display:none;
        }

        .ssa-testimonials {
            margin:0;
            padding: 60px 20px 40px;
            margin-bottom: 40px;
        }

        .ssa-testimonials-grid {
            flex-direction: column;
            align-items: center;
            gap: 40px;
        }

        .ssa-testimonial-card {
            padding: 0 20px !important;
            width: 100%;
            box-sizing: border-box;
        }

        .border-cuss-wrap {
            display: none;
        }
    }

    @media(max-width:767px) {
        .ssc-title span {
            font-size: 60px;
        }

        .ss-nav {
            right: -125%;
        }

        .ss-footer-top,
        .ss-footer-bottom {
            padding-left: 20px;
            padding-right: 20px;
        }
        .ss-footer-top, .ss-footer-bottom {
            display: flex;
            flex-direction: column;
        }

        .ss-footer-form {
            flex-direction: column;
            width: 100%;
        }

        .ss-footer-form input[type="text"],
        .ss-footer-form input[type="email"],
        .ss-footer-form button {
            width: 100%;
            max-width: 100%;
            font-size:14px;
        }

        .ss-footer-bottom {
            grid-template-columns:1fr;
            gap: 30px;
            padding-bottom: 40px;
        }

        .ss-cta {
            padding: 30px 20px 45px;
        }

        .ss-cta-heading h2 {
            font-size: 24px;
            line-height: 32px;
        }

        .ss-cta-heading span {
            font-size: 48px;
            line-height: 50px;
        }

        .ssa-testimonials {
            padding: 50px 0px 30px;
            margin-bottom: 30px;
        }
        .ssa-testimonials-header {
            padding:0 20px;
        }


        .ssa-testimonial-card p {
            font-size: 15px;
            line-height: 24px;
            margin: 0 0 10px;
        }
    }
   

    /* Responsive */

    @media(max-width:1200px) {

        .ss-cards {
            grid-template-columns: 1fr;
            max-width: 700px;
            margin: 0 auto;
            padding: 0 20px;
        }

        .ss-card {
            min-height: auto;
        }
    }


    @media(max-width:767px) {
     .ssa-testimonials-title {
            font-size: 2.8rem;
            line-height: 57px;
        }
         .ss-cards {
            padding: 0 16px;
        }
        .ss-what-we-do {
            padding: 70px 0;
        }

        .ss-title {
            font-size: 38px;
            line-height: 46px;
        }

        .ss-card-title {
            font-size: 20px;
        }

        .ss-description,
        .ss-list li {
            font-size: 15px;
        }
    }

    @media(max-width: 767px) {
        .ss-header {
            padding: 15px;
        }
        .ssa-testimonials-title span {
            line-height: 26px;
            font-weight: 600;
            font-size: 20px;
            display: block;
            margin-top: 10px;
        }

        .ss-heading {
            text-align: center;
            margin-bottom: 48px;
        }

        .ss-logo svg {
            width: 220px;
            height: 65px;
        }

        .ssa-wrapper {
            max-width: 100%;
            margin: 0 auto;
            gap: 0;
            flex-wrap: wrap;
        }

        .ssa-image {
            width: 100%;
        }

        .ssa-content {
            margin-left: 0;
            max-width: 100%;
            padding: 50px 0px;
        }

        .ssa-content {
            width: 100%;
        }

        .ssa-image img {
            height: auto;
        }

        .ssc-buttons {
            max-width: fit-content;
            flex-direction: column !important;
        }

        .ssc-text {
            max-width: 100%;
            width: 100%;
        }

        .ssc-content {
            width: auto;
            padding: 40px 20px;
        }

        .ssc-script {
            min-height: 85px;
        }

        .ssa-line {
            max-width: 90px;
        }

        .ssw-title {
            max-width: 100%;
        }

        .second-section {
            max-width: 100%;
        }

        .ssw-list {
            margin: 5px 0 38px;
            padding-left: 40px;
        }

        p.ssw-intro,
        p.ssw-intro-last,
        .ssw-bottom-text {
            padding: 0 20px;
        }

        .ss-card-title {
            font-size: 26px;
        }

        .devide {
            padding: 0px 45px 52px;
        }

        .vertical-divider {
            width: 1px;
            height: 50px;
        }
    }

    /* RESPONSIVE */

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

    .new-divider {
        width: 100%;
        height: 14px;
        margin: 0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;
        pointer-events: none;
        /*transform: translateY(-6px);*/

        /* won't interfere with sections */
    }
    .new-divider:nth-of-type(1) {
        transform: translateY(-6px);
    }

    .new-divider-line {
        flex: 1;
        height: 1px;
        background: rgba(253, 110, 189, 0.35);
    }

    .new-divider-heart {
        width: 18px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .new-divider-heart svg {
        display: block;
        width: 18px;
        height: 15px;
    }

    /* ==========================================
       SCROLL REVEAL ANIMATIONS DESIGN SYSTEM
       ========================================== */

    /* Only apply initial hidden state and transitions when JS is active and loaded */
    .js-enabled .reveal-on-scroll {
        opacity: 0;
        will-change: transform, opacity;
        transition-property: opacity, transform;
        transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
        /* Elegant premium ease-out curve */
        transition-delay: 150ms; /* Slight natural delay so animations feel coordinated with scroll settling */
    }

    /* Subtle movements (30px offset maximum) and premium transition durations (900-1000ms) */
    .js-enabled .reveal-fade {
        transition-duration: 900ms;
    }

    .js-enabled .reveal-slide-up {
        transform: translateY(30px);
        transition-duration: 1000ms;
    }

    .js-enabled .reveal-slide-down {
        transform: translateY(-30px);
        transition-duration: 1000ms;
    }

    .js-enabled .reveal-slide-left {
        transform: translateX(30px);
        transition-duration: 1000ms;
    }

    .js-enabled .reveal-slide-right {
        transform: translateX(-30px);
        transition-duration: 1000ms;
    }

    /* Revealed active state */
    .js-enabled .reveal-on-scroll.revealed {
        opacity: 1;
        transform: translate(0, 0);
    }
    
    
    
    /**Form css /
    .job-seeker-page-container {

            max-width: 1260px;

            width: 100%;

            background: #ffffff;

            border-radius: 24px;

            box-shadow: 0 15px 50px rgba(229, 78, 136, 0.04);

            border: 1px solid var(--border-color);

            position: relative;

            overflow: hidden;

            padding: 50px;

        }



        /* Top Right Leaf Graphic and Sparkles */

        .job-seeker-decorations {

            position: absolute;

            top: 0;

            right: 0;

            width: 320px;

            height: 320px;

            pointer-events: none;

            z-index: 1;

        }


.job-seeker-inner {
    margin: 50px 0 0 0;
    background: #ffffff;
    border-radius: 24px;
    box-shadow: 0 15px 50px rgba(229, 78, 136, 0.04);
    border: 1px solid var(--border-color);
    position: relative;
    overflow: hidden;
    padding: 50px;
}
        /* Header Layout */

        .job-seeker-form-header {

            display: flex;

            flex-direction: column;

            gap: 20px;

            margin-bottom: 45px;

            position: relative;

            z-index: 2;

            max-width: 75%;

        }



        .job-seeker-logo-area {

            display: flex;

            align-items: center;

            gap: 15px;

        }


        .job-seeker-form-title {
            
            font-family: var(--font-kudryashev);
            
            font-weight: 700;
            
            font-size: 40px;
            line-height: 1.2;
            color: var(--primary-color);
            margin-top: 10px;
}



        .job-seeker-form-desc {
            font-size: 14px;
            line-height: 1.6;
            color: var(--discription-color);
            font-weight: 400;
            max-width: 680px;
}



        /* Steps Indicator */

        .job-seeker-steps-container {

            display: flex;

            justify-content: space-between;

            align-items: center;

            margin-bottom: 50px;

            position: relative;

            z-index: 2;

            padding: 0 10px;

        }


        .job-seeker-steps-line {
            position: absolute;
            top: 20px;
            left: 40px;
            right: 40px;
            height: 0;
            border-top: 3px dashed #fd6ebd;
        }


        .job-seeker-step-item {

            display: flex;

            flex-direction: column;

            align-items: center;

            gap: 10px;

            z-index: 2;

            width: 8%;

            text-align: center;

        }



        .job-seeker-step-number {

            width: 40px;

            height: 40px;

            border-radius: 50%;

            background: #ffffff;

            border: 1px solid #DED3D9;

            color: #7a7a7a;

            font-weight: 600;

            font-size: 14px;

            display: flex;

            align-items: center;

            justify-content: center;

            transition: all 0.3s ease;

        }
        
        .job-seeker-step-item.job-seeker-active .job-seeker-step-number{
            background: var(--primary-color);
            border-color: var(--primary-color);
            color: #ffffff;
            box-shadow: 0 4px 12px rgba(229, 78, 136, 0.25);
        }


        .job-seeker-step-label {

            font-size: 11px;

            font-weight: 500;

            color: var(--primary-color);

            line-height: 1.3;

        }



        .job-seeker-step-item.job-seeker-active .job-seeker-step-label {

            color: var(--discription-color);

            font-weight: 600;

        }



        /* 2-Column Grid Layout */

        .job-seeker-form-grid {

            display: grid;

            grid-template-columns: 1fr;

            gap: 30px;

            margin-bottom: 40px;

            position: relative;

            z-index: 2;

        }



        /* Form Card */

        .job-seeker-form-card {
            background: #ffffff;
            border-radius: 16px;
            border: 1px solid var(--border-color);
            box-shadow: 0 8px 24px rgba(229, 78, 136, 0.01);
            display: flex;
            flex-direction: column;
            gap: 24px;
            align-self: start;
        }



        .job-seeker-card-header {

            display: flex;

            align-items: center;

            gap: 12px;

            border-bottom: 1px solid #FFF0F5;

            padding-bottom: 16px;

            margin-bottom: 4px;

        }



       .job-seeker-card-icon {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            background: var(--primary-color);
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 13px;
        }
        .job-seeker-card-icon > i {
            font-size: 24px;
        }


        .job-seeker-card-title {

            font-family: var(--font-main);
            color: var(--primary-color);
            font-weight: 600;
            font-size:28px;
            letter-spacing: 0.5px;

        }



        /* Form Controls */

        .job-seeker-form-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
        }
        
        .job-seeker-form-row-second {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
        }
        



        .job-seeker-form-group {

            display: flex;

            flex-direction: column;

            gap: 8px;

        }



        .job-seeker-form-group.job-seeker-full- {

            grid-column: span 2;

        }



.job-seeker-form-group > label{
            font-size: 16px;
            font-weight: 600;
            color: #333;
            font-family: var(--font-main);

        }



       .job-seeker-form-group label span {
            color:var(--primary-color);
            font-size:16px;
        }


.job-seeker-form-group input[type="text"],
.job-seeker-form-group input[type="email"],
.job-seeker-form-group input[type="tel"],
.job-seeker-form-group input[type="url"],
.job-seeker-form-group input[type="number"],
.job-seeker-form-group select,
.job-seeker-form-group textarea {

            width: 100%;

            height: 50px;

            padding: 0 16px;

            border: 1px solid #fd6ebd4a;

            border-radius: 8px;

            font-family: var(--font-main);

            font-size: 13px;

            color: var(--text-dark);

            background: var(--input-bg);

            outline: none;

            transition: all 0.3s ease;

        }

.job-seeker-form-group input[type="text"]:focus,
.job-seeker-form-group input[type="email"]:focus,
.job-seeker-form-group input[type="tel"]:focus,
.job-seeker-form-group input[type="url"]:focus,
.job-seeker-form-group input[type="number"]:focus,
.job-seeker-form-group select:focus,
.job-seeker-form-group textarea:focus,
.job-seeker-form-group input[type="text"]:active,
.job-seeker-form-group input[type="email"]:active,
.job-seeker-form-group input[type="tel"]:active,
.job-seeker-form-group input[type="url"]:active,
.job-seeker-form-group select:active,
.job-seeker-form-group textarea:active {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(253, 110, 189, 0.15);
}
#startDate {
    width: 100%;
    height: 50px;
    padding: 0 16px;
    font-size: 14px;
}
.job-seeker-form-group input:focus,
.job-seeker-form-group input:active,
.job-seeker-form-group select:focus,
.job-seeker-form-group select:active,
.job-seeker-form-group textarea:focus,
.job-seeker-form-group textarea:active {
    border-color: var(--primary-color);
    outline: none;
    box-shadow: 0 0 0 3px rgba(253, 110, 189, 0.15);
    border-radius: 8px;
}

.job-seeker-form-group input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
    .job-seeker-form-group textarea {

            height: 100px;

            padding: 12px 16px;

            resize: none;

        }



.job-seeker-form-group input::placeholder,

.job-seeker-form-group textarea::placeholder,

.ss-talent-form select::placeholder {

            color: #A9A0A5;

            font-size: 13px;

        }



.job-seeker-form-group input:focus,

.job-seeker-form-group select:focus,

.job-seeker-form-group textarea:focus {

            border-color: var(--primary-color);

            background: #ffffff;

            box-shadow: 0 0 0 3px rgba(229, 78, 136, 0.1);

        }
.job-seeker-form-group select:focus,
.job-seeker-form-group select:active,
.job-seeker-form-group select:focus-visible {
    border-color: #FD6EBD;
    outline: none !important;
    box-shadow: 0 0 0 3px rgba(253, 110, 189, 0.15);
}


        /* Dropdowns style */

.job-seeker-form-group select {

            appearance: none;

            background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%237A7A7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");

            background-repeat: no-repeat;

            background-position: right 12px center;

            background-size: 16px;

            padding-right: 40px;

        }



        /* Checkbox & Radio Customization */

        .job-seeker-options-group {

            display: flex;

            gap: 20px;

            margin-top: 4px;

        }



        .job-seeker-checkbox-grid {

            display: grid;

            grid-template-columns: 1fr 1fr;

            gap: 12px;

            margin-top: 4px;

        }



        .job-seeker-custom-option {

            display: flex;

            align-items: center;

            gap: 8px;

            cursor: pointer;

            font-size: 13px;

            color: #4A4A4A;

            font-weight: 500;

            user-select: none;

        }



        .job-seeker-custom-option input {

            display: none;

        }



        .job-seeker-custom-checkbox,
        .job-seeker-custom-radio {

            width: 18px;

            height: 18px;

            border: 1.5px solid #fd6ebd4a;

            background: #ffffff;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            transition: all 0.2s ease;

            flex-shrink: 0;

        }



        .job-seeker-custom-checkbox {

            border-radius: 4px;

        }



        .job-seeker-custom-radio {

            border-radius: 50%;

        }



        .job-seeker-custom-option:hover .job-seeker-custom-checkbox,

        .job-seeker-custom-option:hover .job-seeker-custom-radio {

            border-color: var(--primary-color);

        }



        .job-seeker-custom-option input:checked+.job-seeker-custom-checkbox {

            background:  var(--primary-color);

            border-color:  var(--primary-color);

        }



        .job-seeker-custom-option input:checked+.job-seeker-custom-checkbox::after {

            content: "\f00c";

            font-family: "Font Awesome 6 Free";

            font-weight: 900;

            color: #ffffff;

            font-size: 10px;

        }



        .job-seeker-custom-option input:checked+.job-seeker-custom-radio {
            border-color: #fd6ebd4a;
            border: 2px solid var(--primary-color);
        }


        .job-seeker-custom-option input:checked+.job-seeker-custom-radio::after {

            content: "";

            width: 8px;

            height: 8px;

            border-radius: 50%;

            background: var(--primary-pink);

        }



        /* Section 03 Sub-Box for Licensing Info */

        .job-seeker-sub-licensing-box {

            background: #FFF9FC;

            border: 1px solid #F3EAEF;

            border-radius: 12px;

            padding: 20px;

            display: flex;

            flex-direction: column;

            gap: 15px;

            margin-top: 5px;

        }



        .job-seeker-sub-box-note {

            font-size: 11px;

            color: var(--primary-pink);

            text-align: center;

            margin-top: 5px;

            font-weight: 500;

        }



        /* Card 04 Resume Upload Design */

        .job-seeker-resume-upload-wrapper {

            display: grid;

            grid-template-columns: 1.2fr 1fr;

            gap: 20px;

        }



        .job-seeker-drag-drop-zone {

            border: 1.5px dashed var(--primary-pink);

            background: #FFFBFD;

            border-radius: 12px;

            padding: 30px 20px;

            text-align: center;

            display: flex;

            flex-direction: column;

            align-items: center;

            justify-content: center;

            gap: 12px;

            cursor: pointer;

            transition: all 0.3s ease;

        }



        .job-seeker-drag-drop-zone:hover {

            background: #FFF5F9;

            transform: translateY(-2px);

            box-shadow: 0 4px 12px rgba(229, 78, 136, 0.05);

        }



        .job-seeker-upload-cloud-icon {

            font-size: 36px;

            color: var(--primary-pink);

        }



        .job-seeker-drag-text {

            font-size: 13px;

            font-weight: 600;

            color: #4A4A4A;

        }



        .job-seeker-drag-or {

            font-size: 12px;

            color:#7a7a7a;

        }



        .job-seeker-browse-btn {

            background: var(--primary-pink);

            color: #ffffff;

            padding: 8px 24px;

            border-radius: 20px;

            font-size: 12px;

            font-weight: 600;

            text-transform: uppercase;

            letter-spacing: 0.5px;

            display: inline-block;

            transition: background 0.2s ease;

        }



        .job-seeker-browse-btn:hover {

            background: var(--primary-pink-hover);

        }



        .job-seeker-file-types-hint {

            font-size: 10px;

            color: var(--primary-pink);

            margin-top: 5px;

            font-weight: 500;

        }



        .job-seeker-optional-uploads {

            display: flex;

            flex-direction: column;

            gap: 12px;

        }



        .job-seeker-optional-title {

            font-size: 12px;

            font-weight: 600;

            color: #4A4A4A;

            margin-bottom: 2px;

        }



        .job-seeker-upload-item {

            display: flex;

            align-items: center;

            gap: 12px;

            padding: 10px 15px;

            background: #FAFAFA;

            border: 1px solid var(--border-color);

            border-radius: 8px;

            cursor: pointer;

            transition: all 0.2s ease;

        }



        .job-seeker-upload-item:hover {

            background: #ffffff;

            border-color: var(--primary-pink);

        }



        .job-seeker-upload-item-icon {

            font-size: 15px;

            color: var(--primary-pink);

            background: var(--primary-pink-light);

            width: 32px;

            height: 32px;

            border-radius: 8px;

            display: flex;

            align-items: center;

            justify-content: center;

            flex-shrink: 0;

        }



        .job-seeker-upload-item-text {

            display: flex;

            flex-direction: column;

        }



        .job-seeker-upload-item-name {

            font-size: 12px;

            font-weight: 600;

            color: #2A2A2A;

        }



        .job-seeker-upload-item-action {

            font-size: 10px;

            color: #7a7a7a;

            margin-top: 1px;

        }

.job-seeker-consent-group {
    gap: 15px;
    margin-top: 5px;
}

.job-seeker-consent-option {
    align-items: flex-start;
}

.job-seeker-consent-option .job-seeker-custom-checkbox {
    margin-top: 2px;
}

.job-seeker-consent-text {
    font-weight: 500;
    font-size: 12px;
    line-height: 1.4;
}

        /* Textarea Limit Display */

        .job-seeker-textarea-container {

            position: relative;

            width: 100%;

        }



        .job-seeker-textarea-container textarea {

            width: 100%;

            padding-bottom: 24px;

        }



        .job-seeker-textarea-container .job-seeker-char-limit {

            position: absolute;

            bottom: 8px;

            right: 12px;

            font-size: 10px;

            color: #7a7a7a;

        }



        /* Submit Button Area */

        .job-seeker-submit-container {

            display: flex;

            justify-content: center;

            margin-top: 15px;

            margin-bottom: 45px;

            position: relative;

            z-index: 2;

        }



        .job-seeker-submit-btn {
            background: var(--primary-color);
            color: #ffffff;
            border: none;
            margin-left: auto;
            box-shadow: 0 6px 20px rgba(229, 78, 136, 0.2);
            max-width: fit-content;
            width: 100%;
            padding: 21px 31px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-family: var(--font-main);
            font-weight: 500;
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }



        .job-seeker-submit-btn:hover {

            background: var(--primary-color);

            transform: translateY(-2px);

            box-shadow: 0 8px 25px rgba(229, 78, 136, 0.35);

        }



        /* Success Footer Banner */

        .job-seeker-footer-banner {

            background: #FFF8FA;

            border: 1px solid var(--border-color);

            border-radius: 16px;

            padding: 25px 35px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            position: relative;

            z-index: 2;

        }



        .job-seeker-footer-left {

            display: flex;

            align-items: center;

            gap: 20px;

            max-width: 80%;

        }



        .job-seeker-check-badge {

            width: 48px;

            height: 48px;

            border-radius: 50%;

            border: 1.5px solid var(--primary-pink);

            display: flex;

            align-items: center;

            justify-content: center;

            font-size: 18px;

            color: var(--primary-pink);

            background: #ffffff;

            position: relative;

            flex-shrink: 0;

        }



        .job-seeker-check-badge::after {

            content: '';

            position: absolute;

            top: -4px;

            left: -4px;

            right: -4px;

            bottom: -4px;

            border-radius: 50%;

            border: 0.5px dashed var(--primary-pink);

            opacity: 0.5;

        }



        .job-seeker-footer-text {

            display: flex;

            flex-direction: column;

            gap: 4px;

        }



        .job-seeker-footer-title {

            font-size: 15px;

            font-weight: 700;

            color: var(--primary-pink);

        }



        .job-seeker-footer-desc {

            font-size: 12px;

            color: #7a7a7a;

            line-height: 1.5;

        }



        .job-seeker-footer-decorations {

            display: flex;

            align-items: center;

            pointer-events: none;

        }



        /* Responsive styling */

        @media (max-width: 1024px) {

            .job-seeker-form-grid {

                grid-template-columns: 1fr;

                gap: 30px;

            }

            .job-seeker-page-container {

                padding: 40px 30px;

            }

            .job-seeker-form-header {

                max-width: 100%;

            }

        }



        @media (max-width: 768px) {

            .job-seeker-steps-container {

                display: none;

            }

            .job-seeker-form-row {

                grid-template-columns: 1fr;

                gap: 15px;

            }

            .job-seeker-form-group.job-seeker-full-width {

                grid-column: span 1;

            }

            .job-seeker-resume-upload-wrapper {

                grid-template-columns: 1fr;

            }

            .job-seeker-footer-banner {

                flex-direction: column;

                gap: 20px;

                text-align: center;

                padding: 25px 20px;

            }

            .job-seeker-footer-left {

                flex-direction: column;

                max-width: 100%;

                gap: 15px;

            }

            .job-seeker-footer-decorations {

                display: none;

            }

        }

        /* Multi-step form layout adjustments */
        .job-seeker-form-grid {
            display: block !important;
            max-width: 1000px;
            width: 100%;
            margin: 0 auto 40px;
        }

        .job-seeker-form-card {
            display: none;
            width: 100%;
        }

        .job-seeker-form-card.job-seeker-card-active {
            display: flex;
        }

        /* Custom step navigation buttons */
        .job-seeker-form-navigation {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 15px;
            padding-top: 25px;
            border-top: 1px solid #FFF0F5;
            width: 100%;
        }

        .job-seeker-nav-btn {
            padding: 14px 35px;
            font-size: 13px;
            font-weight: 700;
            border-radius: 30px;
            cursor: pointer;
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 1px;
            display: inline-flex;
            align-items: center;
            gap: 8px;
        }

        .job-seeker-nav-btn-next {
            background: var(--primary-color);
            color: #ffffff;
            border: none;
            margin-left: auto;
            box-shadow: 0 6px 20px rgba(229, 78, 136, 0.2);
            max-width: fit-content;
            width: 100%;
            padding: 21px 31px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            text-decoration: none;
            font-family: var(--font-main);
            font-weight: 500;
            font-size: 16px;
            line-height: 16px;
            letter-spacing: 1px;
            text-transform: uppercase;
            transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .job-seeker-nav-btn-next:hover {
            transform: translateY(-1px);
            box-shadow: 0 8px 25px rgba(229, 78, 136, 0.3);
        }

        .job-seeker-nav-btn-back {
            background: transparent;
            color: #7a7a7a;
            border: 1.5px solid var(--primary-color);
            font-family: var(--font-main);
            font-weight: 500;
            font-size: 16px;
        }

        .job-seeker-nav-btn-back:hover {
            transform: translateY(-1px);
        }

        /* Interactive step headers */
        .job-seeker-step-item {
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .job-seeker-step-item:hover .job-seeker-step-number {
            border-color: var(--primary-pink);
            color: var(--primary-pink);
        }
        .job-seeker-step-number {}

        .job-seeker-step-item.job-seeker-active:hover .job-seeker-step-number {
            border-color: var(--primary-color)violet;
            color: #fff;
        }

        .job-seeker-step-item.disabled {
            cursor: not-allowed;
            pointer-events: none;
        }

        .job-seeker-step-item.job-seeker-completed .job-seeker-step-number {
            background:  var(--primary-color);
            border-color: #fd6ebd4a;
            color: #fff;
        }

        /* Styling for Drag-Drop Zone states */
        .job-seeker-drag-drop-zone.dragover {
            background: #FFF0F5;
            border-color: var(--primary-pink-hover);
            transform: scale(1.02);
        }

        .job-seeker-drag-drop-zone.success {
            background: #F0FFF4;
            border-color: #38A169;
        }

        .job-seeker-drag-drop-zone.success .job-seeker-upload-cloud-icon {
            color: #38A169;
        }

        .job-seeker-drag-drop-zone.success .job-seeker-drag-text {
            color: #2F855A;
        }

        /* Optional Upload Item states */
        .job-seeker-upload-item.success {
            background: #F0FFF4;
            border-color: #38A169;
        }

        .job-seeker-upload-item.success .job-seeker-upload-item-icon {
            background: #C6F6D5;
            color: #38A169;
        }

        /* Success page style */
        .job-seeker-success-card {
            text-align: center;
            padding: 60px 40px;
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 24px;
            max-width: 700px;
            margin: 40px auto;
            border-radius: 24px;
            border: 1px solid var(--border-color);
            background: #ffffff;
            box-shadow: 0 15px 50px rgba(229, 78, 136, 0.04);
        }

        .job-seeker-success-icon {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            border: 2px solid var(--primary-pink);
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 32px;
            color: var(--primary-pink);
            background: var(--primary-pink-light);
            position: relative;
            margin-bottom: 10px;
        }

        .job-seeker-success-icon::after {
            content: '';
            position: absolute;
            inset: -6px;
            border-radius: 50%;
            border: 1px dashed var(--primary-pink);
            opacity: 0.5;
        }

        .job-seeker-success-title {
            font-family: var(--font-serif);
            font-size: 28px;
            font-weight: 700;
            color: #B22D62;
        }

        .job-seeker-success-desc {
            font-size: 15px;
            line-height: 1.6;
            color: #7a7a7a;
            max-width: 500px;
        }
    
    
    /* ==========================================
   MOBILE
========================================== */

    @media (max-width: 767px) {
        
    .job-seeker-inner {
    margin: 0;
    padding: 30px 15px;
}
.job-seeker-card-title {
    font-size: 22px;
    
}
.job-seeker-form-title {
    font-size: 32px;
}
.job-seeker-decorations {
    display:none;
}
    }
    
    
/*************************About Us************************************/
.about-us-main {
    background: #FDF6F4;
    padding: 80px 0 40px;
}
.hero-about-end {
    text-align: center;
    font-weight: 400 !important;
    padding: 10px 0 0;
    color: var(--discription-color);
    margin-bottom: 5px;
    font-family: var(--font-main);
    font-size: 18px;
    line-height: 36px;
    letter-spacing: 3px;
    vertical-align: middle;
    text-transform:uppercase;
}
.about-donna-mom {
    color: var(--primary-color);
    font-weight: 600;
    font-family: 'Kudryashev Display';
    font-style: italic;
    font-size: 34px;
    text-transform: capitalize;
    line-height: 36px;
}
.doona-devider {
    display: flex;
    justify-content: center;
}
.connecting-text-about-us {
    color: var(--primary-color);
    font-family: var(--font-golden);
    font-size: 36px;
    font-weight: 500 !important;
    letter-spacing: 4px;
}
.about-top {
    display: grid;
    gap: 40px;
    justify-content: space-between;
    grid-template-columns: 0.9fr 1.1fr;
}
.about-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.about-right {
    flex: 1;
}
.about-us-divider-bottom{
    max-width:1360px;
}

.about-title {
    font-family: var(--font-kudryashev);
    font-weight: 600;
    font-size: 66px;
    line-height: 74px;
    letter-spacing: 1px;
    vertical-align: middle;
    /*max-width: 361px;*/
    width: 100%;
}

.about-title span {
    color: var(--primary-color);
    font-family: 'Golden Stanbury';
    font-weight: 400;
    font-size: 116px;
    line-height: 74px;
    letter-spacing: 0px;
}
.ssa-heart-divider.about-banner-divider {
    max-width: 352px;
    width: 100%; 
}
.divider {
    width: 120px;
    height: 2px;
    background: var(--primary-color);
    position: relative;
    margin: 15px 0 30px;
}

.divider::after {
    content: "♥";
    position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    color: var(--primary-color);
    font-size: 14px;
}

.about-text {
    color: var(--discription-color);
    margin-bottom: 14px;
    font-family: var(--font-main);
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0px;
    vertical-align: middle;
}

.about-us-highlight-content {
    color: var(--primary-color);
    font-family: var(--font-kudryashev);
    font-weight: 600;
    font-size: 60px;
    line-height: 66px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
}
.about-us-quote {
    font-family: var(--font-golden);
    color: var(--primary-color);
    margin: 14px 0 14px 0;
    font-weight: 400;
    font-size: 60px;
    line-height: 58px;
    letter-spacing: 4px;
    display: block;
    text-align: center;
}
.image-box{
    position: relative;
    overflow: hidden;
    background: #FDF6F4;
}

.image-wrapper{
    position: relative;
    overflow: hidden;
    background: #FDF6F4;
}
.image-wrapper{
    position: relative;
    overflow: hidden;
    background: #FDF6F4;
}
.image-wrapper img{
    width:100%;
    display:block;
    object-fit:cover;

    -webkit-mask:
        linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);
    -webkit-mask-composite: source-in;

    mask:
        linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%),
        linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);
}

.image-wrapper::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background: radial-gradient(
        ellipse 105% 105% at center,
        transparent 88%,
        rgba(253,246,244,.12) 92%,
        rgba(253,246,244,.28) 95%,
        rgba(253,246,244,.55) 98%,
        #FDF6F4 100%
    );
}
.about-text > strong {
    font-family: Poppins;
    font-weight: 500;
    font-style: Italic;
    font-size: 20px;
    line-height: 40px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;
}
.about-text.about-left-botom {
    margin: 37px 0 0 0;
}
/* SECTION 2 */
.about-us-carreer-main {
    padding: 70px 0 30px;
    text-align: center;
    background: url("http://soulandsocial.com/wp-content/uploads/2026/06/Frame-2147209822.webp");
    background-size: 100% 100%;
}
.career {
    text-align: center;
    margin-top: 80px;
}
.about-career-constant{
    display:block;
}

.about-us-career h2 {
    font-family: var(--font-kudryashev);
    font-weight: 600;
    font-size: 66px;
    line-height:74px;
    letter-spacing: 1px;
    vertical-align: middle;
    text-transform: uppercase;
}
.about-us-career-divider {
    justify-content: center;
    margin: 20px 0 48px 0;
}
.about-us-career h2 span {
    color: var(--primary-color);
}
.about-us-career {
    padding: 0 0 30px 0;
}
.about-us-career > p {
    max-width: 700px;
    width:100%;
    margin: 15px auto;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0px;
    font-family:var(--font-main);
}
.about-career-highlight {
    color: var(--primary-color);
    font-weight: 600;
    /* text-align: center; */
    font-size: 22px;
    font-family: var(--font-kudryashev);
}
 @media screen and (768px <= width <= 991px){
     .ss-footer-bottom {
    grid-template-columns: 1fr 1fr;
    padding: 31px 40px 20px;
    row-gap: 20px;
}
 }

/**************Mobile Responsive************************/

@media(max-width: 991px) {
.about-us-main {
    padding: 50px 20px;
}

.about-title {
    font-size: 42px;
}
.about-us-career h2 {
    font-size: 40px;
    line-height: auto;
}
.about-us-carreer-main {
    padding: 50px 0;
}
}
@media(max-width: 767px) {
.about-us-main {
    padding: 30px 15px;
}
.about-us-carreer-main {
    background-size: auto;
}
.about-top {
    gap: 15px;
    display:block;
}
p.about-text svg {
    display: none;
}
.about-title {
    font-size: 40px;
}
.about-us-quote {
    font-size: 26px;
}
.about-title {
    font-size: 28px;
}
.about-title span {
    font-size: 30px;
}
.about-text.about-left-botom {
    margin: 17px 0 0 0;
}
.about-text {
    font-size: 16px;
    text-align:center;
}
.about-us-career h2 {
    font-size: 36px;
    line-height: normal;
}
.about-us-carreer-main {
    padding: 50px 0;
}
.about-us-highlight-content {
    font-size: 36px;
}
.about-us-carreer-main {
    padding: 30px 15px;
}
.about-us-career > p {
    font-size: 16px;
}
.about-us-quote {
    margin: 20px 0 14px 0;
}
.about-us-career {
    padding: 0;
}
.new-divider {
    background:transparent;
}
}  

@media (min-width: 768px) and (max-width: 1024px) {
     .ssa-image {
        width: 100%;
        flex-shrink: 0;
    }
    .ssa-wrapper {
        flex-direction: column;
    }
    .ssa-content{
        width:100%;
    }
    .ss-footer-form-container button[type="submit"], .ss-footer-form-container input[type="submit"], .ss-footer-form-container .wpcf7-submit {
    font-size: 13px;
    width:30%;
    }
}
@media (max-width: 321px) {
    .ssc-title span {
        font-size: 50px;
    }
}

.ssc-organisations-heading {
    font-size: clamp(26px, 5vw, 66px);
    text-align: center;
    font-family: var(--font-kudryashev);
    line-height: 60px;
    padding: 0 0 20px;
    width:100%;
}
.ssc-organisations-content {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.ssc-organisations-text {
    color: #333;
    max-width: 820px;
    width:100%;
    font-weight: 400;
    font-size: 18px;
    line-height: 29px;
    text-align: center;
    padding:30px 0 0 0;
}
.ss-organisation-brands {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap:20px
}
.brand-images img {
    width: 100%;
}
.ssc-organisations {
    padding: 60px 0 80px;
}
.logo-disclaimer {
    text-align: center;
    font-size: 16px;
    font-style: italic;
    color: #666;
    margin-top: 16px;
    line-height: 1.5;
}



/*.supernova body {*/
/*    overflow: hidden !important;*/
/*    background: transparent;*/
/*}*/


/**********Popup css************/
#my-custom-popup{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    z-index:999999;
    justify-content:center;
    align-items:center;
    padding:0;
}

#my-custom-popup.popup-active{
    display:flex;
}

.my-popup-box{
    width:100%;
    max-width:750px;
    height:90vh;
    background:#f3f3fe;
    border-radius:20px;
    overflow:hidden;
    position:relative;
    padding:0;
    box-shadow:0 20px 60px rgba(0,0,0,.25);
    animation:popupZoom .35s ease;
}

.my-popup-box iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
    border-radius:12px;
}

.my-popup-close{
    position:absolute;
    top:0px;
    right:0px;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#FD6EBD;
    color:#fff;
    font-size:26px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .35s ease;
    z-index:999;
}

.my-popup-close:hover{
    background:#000;
    transform:rotate(180deg) scale(1.15);
    box-shadow:0 10px 25px rgba(253,110,189,.45);
}

.my-popup-close-2{
    position:absolute;
    top:0;
    right:0;
    width:42px;
    height:42px;
    border:none;
    border-radius:50%;
    background:#FD6EBD;
    color:#fff;
    font-size:26px;
    cursor:pointer;
    display:flex;
    align-items:center;
    justify-content:center;
    transition:all .35s ease;
    z-index:999;
}

.my-popup-close-2:hover{
    background:#000;
    transform:rotate(180deg) scale(1.15);
    box-shadow:0 10px 25px rgba(253,110,189,.45);
}
.ssc-organisations-text:last-of-type {
    padding-bottom: 30px;
}

@keyframes popupZoom{

    from{
        opacity:0;
        transform:translateY(30px) scale(.9);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }

}

/* Mobile */

@media(max-width:768px){

    #my-custom-popup{
        padding:15px;
    }

    .my-popup-box{
        max-width:100%;
        height:90vh;
        padding:15px;
        border-radius:15px;
    }

    .my-popup-close{
        width:38px;
        height:38px;
        font-size:22px;
    }
    .my-popup-close-2{
        width:38px;
        height:38px;
        font-size:22px;
    }

}


#my-custom-popup-2{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    z-index:999999;
    justify-content:center;
    align-items:center;
    padding:20px;
}

#my-custom-popup-2.popup-active{
    display:flex;
}
#my-custom-popup-3{
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    backdrop-filter:blur(5px);
    -webkit-backdrop-filter:blur(5px);
    z-index:999999;
    justify-content:center;
    align-items:center;
    padding:20px;
}

#my-custom-popup-3.popup-active{
    display:flex;
}