/*-- -------------------------- -->
        <---       Side By Side         -->
        <--- -------------------------- -*/

        /* Mobile - 360px */
        @media only screen and (min-width: 0rem) {
            #sbs-449 {
                padding: var(--sectionPadding);
                overflow: hidden;
                position: relative;
            }
            #sbs-449 .cs-container {
                width: 100%;
                max-width: 50rem;
                margin: auto;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                /* 48px - 64px */
                gap: clamp(3rem, 6vw, 4rem);
                position: relative;
            }
            #sbs-449 .cs-content {
                text-align: center;
                width: 100%;
                max-width: 60rem;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            #sbs-449 .cs-topper {
                font-size: clamp(1rem, 2vw, 1.2rem);
                line-height: 1.2em;
                text-transform: uppercase;
                text-align: inherit;
                letter-spacing: .1em;
                font-weight: 700;
                color: var(--primary);
                margin-bottom: 0.25rem;
                display: block;
            }
            #sbs-449 .cs-title {
                font-size: clamp(2.5rem, 5vw, 3.4rem);
                font-weight: 700;
                line-height: 1.2em;
                text-align: inherit;
                max-width: 60rem;
                margin: 0 0 1.5rem 0;
                color: var(--headerColor);
                position: relative;

            }
            #sbs-449 .cs-text {
                font-size: clamp(1rem, 2vw, 1.2rem);
                line-height: 1.5em;
                text-align: justify;
                text-align-last: center;
                width: 100%;
                max-width: 49rem;
                margin: 0 0 1.5rem 0;
                color: var(--bodyTextColor);
            }
            #sbs-449 .cs-text:last-of-type {
                margin-bottom: 2rem;
            }
            #sbs-449 .cs-button-solid {
                font-size: clamp(1rem, 2vw, 1.2rem);
                /* 46px - 56px */
                line-height: clamp(2.875rem, 5.5vw, 3.5rem);
                text-decoration: none;
                font-weight: 700;
                text-align: center;
                margin: 0;
                color: #fff;
                min-width: 9.375rem;
                padding: 0 1.5rem;
                background-color: var(--primary);
                border-radius: 0.25rem;
                display: inline-block;
                position: relative;
                z-index: 1;
                box-sizing: border-box;
                margin-top: 2rem;
            }
            #sbs-449 .cs-button-solid:before {
                content: "";
                position: absolute;
                height: 100%;
                width: 0%;
                background: #cd181f;
                opacity: 1;
                top: 0;
                left: 0;
                z-index: -1;
                border-radius: 0.25rem;
                transition: width 0.3s;
            }
            #sbs-449 .cs-button-solid:hover:before {
                width: 100%;
            }
            #sbs-449 .cs-founder-info {
                background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
                padding: 3rem 2.5rem;
                border-radius: 1.5rem;
                box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
                margin-top: 1rem;
                text-align: center;
                position: relative;
                overflow: hidden;
                transform: perspective(1000px) rotateX(5deg);
                transition: all 0.3s ease;
            }
            #sbs-449 .cs-founder-info:hover {
                transform: perspective(1000px) rotateX(0deg) translateY(-5px);
                box-shadow: 0 20px 50px rgba(0, 0, 0, 0.2);
            }
            #sbs-449 .cs-founder-info::before {
                content: "";
                position: absolute;
                top: -50%;
                left: -50%;
                width: 200%;
                height: 200%;
                background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);
                animation: shimmer 3s infinite;
                pointer-events: none;
            }
            @keyframes shimmer {
                0% { transform: translate(-100%, -100%) rotate(0deg); }
                100% { transform: translate(100%, 100%) rotate(360deg); }
            }
            #sbs-449 .cs-founder-name {
                font-size: clamp(1.5rem, 4vw, 1.8rem);
                font-weight: 700;
                line-height: 1.1em;
                color: #fff;
                margin-bottom: 1rem;
                display: block;
                text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
                position: relative;
                z-index: 2;
            }
            #sbs-449 .cs-job {
                font-size: clamp(0.875rem, 2vw, 1rem);
                line-height: 1.3em;
                font-weight: 600;
                text-transform: uppercase;
                color: rgba(255, 255, 255, 0.9);
                display: block;
                letter-spacing: 0.1em;
                position: relative;
                z-index: 2;
                text-align: center;
            }
        }
        /* Tablet - 768px */
        @media only screen and (min-width: 48rem) {
            #sbs-449 .cs-container {
                max-width: 80rem;
            }
            #sbs-449 .cs-content {
                text-align: center;
            }
            #sbs-449 .cs-founder-info {
                text-align: left;
            }
        }


        /*-- -------------------------- -->
        <---       Meet The Team        -->
        <--- -------------------------- -*/

        /* Mobile - 360px */
        @media only screen and (min-width: 0rem) {
            #meet-team-2196 {
                padding: var(--sectionPadding);
                overflow: hidden;
                position: relative;
                z-index: 1;
                background-image: url('/assets/images/hands-together-team.png');
                background-size: cover;
                background-position: center;
                background-repeat: no-repeat;
                background-attachment: fixed;
            }
            #meet-team-2196::before {
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(255, 255, 255, 0.75);
                z-index: -1;
            }
            #meet-team-2196 .cs-container {
                width: 100%;
                max-width: 80rem;
                margin: auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                /* 48px - 64px */
                gap: clamp(3rem, 6vw, 4rem);
            }
            #meet-team-2196 .cs-content {
                text-align: center;
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
            }
            #meet-team-2196 .cs-topper {
                font-size: clamp(1rem, 2vw, 1.2rem);
                line-height: 1.2em;
                text-transform: uppercase;
                text-align: inherit;
                letter-spacing: .1em;
                font-weight: 700;
                color: var(--primary);
                margin-bottom: 0.25rem;
                display: block;
            }
            #meet-team-2196 .cs-title {
                font-size: clamp(2.5rem, 5vw, 3.4rem);
                font-weight: 700;
                line-height: 1.2em;
                text-align: inherit;
                max-width: 60rem;
                margin: 0 0 1rem 0;
                color: var(--headerColor);
                position: relative;
            }
            #meet-team-2196 .cs-text {
                font-size: clamp(1rem, 2vw, 1.2rem);
                line-height: 1.5em;
                text-align: justify;
                text-align-last: center;
                width: 100%;
                max-width: 45rem;
                margin: 0;
                color: var(--bodyTextColor);
            }
            #meet-team-2196 .cs-card-group {
                width: 100%;
                max-width: 25rem;
                margin: 0;
                padding: 0;
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                row-gap: 2rem;
            }
            #meet-team-2196 .cs-item {
                list-style: none;
                width: 100%;
                display: flex;
                flex-direction: column;
                grid-column: span 12;
                gap: 1rem;
                position: relative;
                text-align: center;
                padding: 2rem 1rem;
                background: #f8f9fa;
                border-radius: 0.5rem;
                transition: all 0.3s ease;
            }
            #meet-team-2196 .cs-item:hover {
                cursor: pointer;
                background: #fff;
                box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
                transform: translateY(-2px);
            }
            #meet-team-2196 .cs-item:hover .cs-name {
                color: var(--primary);
            }
            #meet-team-2196 .cs-info {
                width: 100%;
                display: flex;
                flex-direction: column;
                align-items: center;
                gap: 0.5rem;
            }
            #meet-team-2196 .cs-job {
                /* 16px - 18px */
                font-size: clamp(1rem, 1.8vw, 1.125rem);
                line-height: 1.5em;
                color: var(--bodyTextColor);
                display: block;
            }
            #meet-team-2196 .cs-name {
                /* 28px - 36px */
                font-size: clamp(1.75rem, 3.5vw, 2.2rem);
                font-weight: 700;
                line-height: 1.2em;
                margin: 0;
                color: var(--headerColor);
                display: block;
                transition: color 0.3s ease;
            }
        }
        /* Tablet - 768px */
        @media only screen and (min-width: 48rem) {
            #meet-team-2196 .cs-card-group {
                max-width: none;
                /* 16px - 20px */
                column-gap: clamp(1rem, 2vw, 1.25rem);
            }
            #meet-team-2196 .cs-item {
                grid-column: span 6;
            }
        }
        /* Desktop - 1024px */
        @media only screen and (min-width: 64rem) {
            #meet-team-2196 .cs-item {
                grid-column: span 6;
            }
        }