/* RESET */

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        html,
        body {
            margin: 0;
            padding: 0;
            width: 100%;
        }

        body {
            font-family: "DM Sans", sans-serif;
            color: #222;
            background: #fff;
        }

        a {
            text-decoration: none;
        }


        /*VIVECHANA HERO / BANNER */

        .vivechana-hero {
            position: relative;
            width: 100%;
            min-height: 660px;
            overflow: hidden;
        }


        /*BANNER IMAGE */

        .vivechana-banner-image {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
        }

        .vivechana-banner-image img {
            width: 100%;
            height: 100%;
            display: block;
            object-fit: cover;
            object-position: center center;
        }


        /* WHITE FADE */

        .vivechana-banner-overlay {
            position: absolute;
            inset: 0;
            z-index: 5;

            background:
                linear-gradient(90deg,
                    rgba(255, 255, 255, .98) 0%,
                    rgba(255, 255, 255, .94) 30%,
                    rgba(255, 255, 255, .68) 58%,
                    rgba(255, 255, 255, .10) 100%);
        }

        /*  MAIN HEADER*/

        .vivechana-main-header {
            width: 100%;
            height: 125px;

            position: relative;
            z-index: 999;

            background: #fff;

            box-shadow: 0 1px 8px rgba(0, 0, 0, .04);
        }

        .vivechana-navbar-wrapper {
            width: 100%;
            height: 125px;

            padding: 0 38px;

            box-sizing: border-box;

            display: flex;
            align-items: center;
        }


        /* LOGO*/

        .vivechana-brand-logo {
            width: 205px;

            flex-shrink: 0;

            display: flex;
            align-items: center;
        }

        .vivechana-brand-logo img {
            display: block;

            width: 145px;
            height: auto;

            max-width: 100%;

            object-fit: contain;
        }


        /* DESKTOP NAVIGATION*/

        .vivechana-desktop-navigation {
            flex: 1;

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

        .vivechana-main-menu {
            list-style: none;

            display: flex;
            align-items: center;

            gap: 38px;

            margin: 0;
            padding: 0;
        }

        .vivechana-menu-item {
            position: relative;
        }

        .vivechana-menu-item>a {
            display: flex;
            align-items: center;

            gap: 10px;

            padding: 45px 0;

            color: #111;

            font-size: 17px;
            font-weight: 600;

            white-space: nowrap;

            text-decoration: none;

            transition: .25s ease;
        }

        .vivechana-menu-item>a:hover {
            color: #fb4e27;
        }


        /*  MENU ARROW */

        .vivechana-menu-item>a i {
            color: #999;

            font-size: 9px;

            transition: .25s ease;
        }

        .vivechana-menu-item:hover>a i {
            color: #fb4e27;
        }

        /* ACTIVE MENU ITEM */

        .vivechana-main-menu>li>a.active {
            color: #fb4e27 !important;
        }

        .vivechana-main-menu>li>a.active::after {
            width: 100%;
            opacity: 1;
        }

        .vivechana-main-menu>li>a.active i {
            color: #fb4e27;
        }

        /* DROPDOWN */

        .vivechana-dropdown {
            position: absolute;

            top: calc(100% - 5px);
            left: 50%;

            width: 245px;

            padding: 15px 0;

            background: #fff;

            border-radius: 13px;

            box-shadow:
                0 15px 40px rgba(0, 0, 0, .15);

            opacity: 0;
            visibility: hidden;

            transform:
                translateX(-50%) translateY(12px);

            transition: .25s ease;

            z-index: 2000;
        }

        .vivechana-menu-item:hover .vivechana-dropdown {
            opacity: 1;
            visibility: visible;

            transform:
                translateX(-50%) translateY(0);
        }

        .vivechana-dropdown a {
            display: block;

            padding: 13px 28px;

            color: #292929;

            font-size: 15px;
            font-weight: 600;

            text-decoration: none;

            transition: .2s ease;
        }

        .vivechana-dropdown a:hover {
            color: #fb4e27;

            background: #fafafa;
        }


        /*RIGHT SIDE */

        .vivechana-nav-right {
            width: 235px;

            flex-shrink: 0;

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

            margin-left: 25px;
        }

        /* HEADER SOCIAL MEDIA */

        .vivechana-header-social {

            display: flex;

            align-items: center;

            justify-content: flex-end;

            gap: 18px;
        }

        .vivechana-header-social a {

            width: 34px;
            height: 34px;

            display: flex;

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

            color: #222;

            font-size: 22px;

            text-decoration: none;

            transition: .25s ease;
        }

        .vivechana-header-social a:hover {

            color: #fb4e27;

            transform: translateY(-2px);
        }

        /* MOBILE TOGGLE */

        .vivechana-mobile-toggle {
            display: none;

            width: 46px;
            height: 46px;

            padding: 0;

            border: 0;
            border-radius: 7px;

            background: #fb4e27;

            color: #fff;

            font-size: 20px;

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

            cursor: pointer;
        }


        /* MOBILE MENU */

        .vivechana-mobile-menu {
            position: fixed;

            top: 0;
            right: -100%;

            width: 340px;
            max-width: 90%;

            height: 100vh;

            padding: 85px 30px 30px;

            box-sizing: border-box;

            background: #fff;

            box-shadow:
                -10px 0 35px rgba(0, 0, 0, .15);

            z-index: 5000;

            transition: right .35s ease;
        }

        .vivechana-mobile-menu.active {
            right: 0;
        }


        /* MOBILE CLOSE */

        .vivechana-mobile-close {
            position: absolute;

            top: 23px;
            right: 24px;

            width: 42px;
            height: 42px;

            border: 0;

            background: transparent;

            color: #222;

            font-size: 24px;

            cursor: pointer;
        }


        /* MOBILE LINKS */

        .vivechana-mobile-menu-inner {
            width: 100%;
        }

        .vivechana-mobile-menu-inner>a {
            display: flex;

            align-items: center;
            justify-content: space-between;

            width: 100%;

            padding: 17px 0;

            border-bottom: 1px solid #eee;

            color: #222;

            font-size: 17px;
            font-weight: 600;

            text-decoration: none;

            box-sizing: border-box;

            transition: .25s ease;
        }

        .vivechana-mobile-menu-inner>a:hover {
            color: #fb4e27;
        }

        .vivechana-mobile-menu-inner>a i {
            color: #999;

            font-size: 10px;
        }

        /* MOBILE DROPDOWN ITEMS*/

        .vivechana-mobile-dropdown-item {
            width: 100%;

            border-bottom: 1px solid #eee;
        }


        /* MOBILE DROPDOWN BUTTON */

        .vivechana-mobile-dropdown-toggle {
            width: 100%;

            padding: 17px 0;

            border: 0;

            background: transparent;

            display: flex;

            align-items: center;
            justify-content: space-between;

            color: #222;

            font-family: inherit;

            font-size: 17px;

            font-weight: 600;

            text-align: left;

            cursor: pointer;

            box-sizing: border-box;

            transition: .25s ease;
        }


        .vivechana-mobile-dropdown-toggle:hover {
            color: #fb4e27;
        }


        /*  MOBILE DROPDOWN ARROW */

        .vivechana-mobile-dropdown-toggle i {
            color: #999;

            font-size: 10px;

            transition:
                transform .3s ease,
                color .3s ease;
        }


        /* ACTIVE ARROW */

        .vivechana-mobile-dropdown-item.active .vivechana-mobile-dropdown-toggle i {

            color: #fb4e27;

            transform: rotate(180deg);
        }


        /* MOBILE SUBMENU */

        .vivechana-mobile-dropdown {

            display: none;

            width: 100%;

            padding: 0 0 8px;
        }


        /* OPEN SUBMENU */

        .vivechana-mobile-dropdown-item.active .vivechana-mobile-dropdown {

            display: block;
        }


        /*MOBILE SUBMENU LINKS*/

        .vivechana-mobile-dropdown a {

            display: block;

            width: 100%;

            padding: 12px 15px 12px 20px;

            box-sizing: border-box;

            color: #666;

            font-size: 15px;

            font-weight: 500;

            text-decoration: none;

            border-bottom: 1px solid #f3f3f3;

            transition: .25s ease;
        }


        .vivechana-mobile-dropdown a:hover {

            color: #fb4e27;

            padding-left: 25px;
        }


        .vivechana-mobile-dropdown-toggle {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .vivechana-mobile-dropdown-toggle>a {
            color: #222;
            font-size: 17px;
            font-weight: 600;
            text-decoration: none;
        }

        .vivechana-mobile-dropdown-toggle>button {
            border: 0;
            background: transparent;
            padding: 10px;
            cursor: pointer;
        }



        /* HERO CONTENT */

        .vivechana-hero-content {
            position: absolute;

            z-index: 20;

            left: 8.2%;

            top: 338px;

            width: 980px;

            max-width: 55vw;
        }


        /*KICKER */

        .vivechana-kicker {
            margin-bottom: 17px;

            color: #f4370c ;
            font-size: 35px;

            font-weight: 600;

            line-height: 1.15;

            letter-spacing: 1.8px;

            white-space: nowrap;
        }


        /* MAIN TITLE */

        .vivechana-title {
            width: 950px;

            margin: 0 0 20px;

            color: #222;

            font-family: "DM Sans", sans-serif;

            font-size: 64px;

            font-weight: 700;

            line-height: 1.08;

            letter-spacing: -2.8px;
        }


        /* DESCRIPTION */

        .vivechana-description {
            width: 790px;

            margin: 0 0 25px;

            color: #000;

            font-size: 18px;

            font-weight: 400;

            line-height: 1.65;
        }
        .vivechana-description strong{
            font-size:24px !important;
        }

        /*LARGE DESKTOP */

        @media (min-width: 1500px) {

            .vivechana-navbar-wrapper {
                padding-left: 55px;
                padding-right: 55px;
            }

            .vivechana-brand-logo {
                width: 235px;
            }

            .vivechana-brand-logo img {
                width: 155px;
            }

            .vivechana-main-menu {
                gap: 42px;
            }

            .vivechana-menu-item>a {
                font-size: 18px;
            }

            .vivechana-nav-right {
                width: 250px;
            }

            .vivechana-hero-content {
                left: 8.2%;

                top: 138px;

                width: 1020px;

                max-width: none;
            }

            .vivechana-title {
                width: 1020px;

                font-size: 67px;
            }

            .vivechana-kicker {
                font-size: 37px;
            }
        }


        /* 1400px */

        @media (max-width: 1499px) {

            .vivechana-top-bar-inner {
                padding-left: 28px;
                padding-right: 28px;
            }

            .vivechana-navbar-wrapper {
                padding-left: 28px;
                padding-right: 28px;
            }

            .vivechana-brand-logo {
                width: 190px;
            }

            .vivechana-brand-logo img {
                width: 140px;
            }

            .vivechana-main-menu {
                gap: 27px;
            }

            .vivechana-menu-item>a {
                font-size: 16px;
            }

            .vivechana-nav-right {
                width: 210px;

                margin-left: 15px;
            }



            .vivechana-hero-content {
                left: 7%;

                top: 115px;

                width: 850px;

                max-width: 58vw;
            }

            .vivechana-kicker {
                font-size: 30px;
            }

            .vivechana-title {
                width: 876px;

                font-size: 57px;

                letter-spacing: -2px;
            }

            .vivechana-description {
                width: 700px;

                font-size: 17px;
            }
        }


        /* =========================================================
   1199px
========================================================= */

        @media (max-width: 1199px) {


            .vivechana-desktop-navigation {
                display: none;
            }

            .vivechana-main-header {
                height: 100px;
            }

            .vivechana-navbar-wrapper {
                height: 100px;

                padding: 0 25px;
            }

            .vivechana-brand-logo {
                width: auto;
            }

            .vivechana-brand-logo img {
                width: 140px;
            }

            .vivechana-nav-right {
                width: auto;

                margin-left: auto;
            }


            .vivechana-mobile-toggle {
                display: flex;

                margin-left: 15px;
            }

            .vivechana-hero-content {
                left: 6%;

                top: 100px;

                width: 760px;

                max-width: 70vw;
            }

            .vivechana-kicker {
                font-size: 27px;
            }

            .vivechana-title {
                width: 800px;

                font-size: 52px;
            }

            .vivechana-description {
                width: 650px;

                font-size: 17px;
            }

            .vivechana-header-social {
                display: none;
            }
        }



        /* 1049px */

        @media (max-width: 1049px) {

            .vivechana-hero {
                min-height: 660px;
            }

            .vivechana-banner-image img {
                object-position: 65% center;
            }

            .vivechana-banner-overlay {
                background:
                    linear-gradient(90deg,
                        rgba(255, 255, 255, .98) 0%,
                        rgba(255, 255, 255, .94) 30%,
                        rgba(255, 255, 255, .68) 58%,
                        rgba(255, 255, 255, .10) 100%);
            }

            .vivechana-hero-content {
                left: 5%;

                top: 145px;

                width: 700px;

                max-width: 72vw;
            }

            .vivechana-kicker {
                font-size: 24px;

                white-space: normal;
            }

            .vivechana-title {
                width: 700px;

                font-size: 48px;

                letter-spacing: -1.5px;
            }

            .vivechana-description {
                width: 620px;

                font-size: 16px;
            }
        }


        /* 767px */

        @media (max-width: 767px) {

            .vivechana-hero {
                height: 420px;

                min-height: 420px;
            }


            /* TOP BAR */

            .vivechana-top-bar {
                height: 48px;
            }

            .vivechana-top-bar-inner {
                height: 48px;

                padding: 0 15px;

                justify-content: center;
            }

            .vivechana-announcement {
                width: 100%;

                justify-content: center;

                gap: 9px;
            }

            .vivechana-announcement-pill {
                padding: 6px 11px;

                font-size: 11px;
            }

            .vivechana-announcement-dot {
                font-size: 8px;
            }

            .vivechana-announcement-text {
                font-size: 11px;
            }


            /* MAIN HEADER */

            .vivechana-main-header {
                height: 82px;
            }

            .vivechana-navbar-wrapper {
                height: 82px;

                padding: 0 18px;
            }

            .vivechana-brand-logo img {
                width: 115px;
            }



            .vivechana-mobile-toggle {
                width: 45px;

                height: 45px;

                margin-left: 0;
            }


            /* BANNER */

            .vivechana-banner-image img {
                object-position: 68% center;
            }


            /* HERO TEXT */

            .vivechana-hero-content {
                position: absolute;

                left: 0;

                top: 120px;

                width: 100%;

                max-width: none;

                padding: 0 22px;

                box-sizing: border-box;
            }

            .vivechana-kicker {
                margin-bottom: 13px;

                font-size: 24px;

                line-height: 1.25;

                letter-spacing: 1px;

                white-space: normal;
            }

            .vivechana-title {
                width: 100%;

                margin-bottom: 18px;

                font-size: 40px;

                line-height: 1.08;

                letter-spacing: -1px;
            }

            .vivechana-description {
                width: 100%;

                margin-bottom: 23px;

                font-size: 15px;

                line-height: 1.6;
            }

            .vivechana-learn-more {
                width: 165px;

                height: 56px;
            }
        }


        /*480px */

        @media (max-width: 480px) {

            .vivechana-hero {
                height: 400px;

                min-height: 450px;
            }


            .vivechana-top-bar {
                height: 45px;
            }

            .vivechana-top-bar-inner {
                height: 45px;

                padding: 0 12px;
            }

            .vivechana-announcement-pill {
                font-size: 10px;

                padding: 5px 9px;
            }

            .vivechana-announcement-text {
                font-size: 10px;
            }

            .vivechana-announcement-dot {
                display: none;
            }


            .vivechana-main-header {
                height: 75px;
            }

            .vivechana-navbar-wrapper {
                height: 75px;

                padding: 0 15px;
            }

            .vivechana-brand-logo img {
                width: 105px;
            }

            .vivechana-mobile-toggle {
                width: 43px;

                height: 43px;

                font-size: 19px;
            }


            .vivechana-hero-content {
                top: 40px;

                padding: 0 19px;
            }

            .vivechana-kicker {
                font-size: 18px;
            }

            .vivechana-title {
                font-size: 35px;
            }

            .vivechana-description {
                font-size: 14px;
            }
        }


        /*360px */

        @media (max-width: 360px) {



            .vivechana-brand-logo img {
                width: 105px;
            }

            .vivechana-title {

                font-size: 31px;
            }

            .vivechana-kicker {

                font-size: 17px;
            }

            .vivechana-description {

                font-size: 13.5px;
            }

        }

        /* RISE-D ORANGE SECTION */

        .vivechana-rise-bar {
            width: 100%;
            background: #ff813d;
            position: relative;
            overflow: hidden;
        }

        .vivechana-rise-inner {
            width: 100%;
            padding: 30px 45px 35px;
            box-sizing: border-box;
        }

        /* HEADING */

        .vivechana-rise-heading {
            width: 100%;
            text-align: center;
            margin-bottom: 28px;
        }

        .vivechana-rise-heading h2 {
            margin: 5px 0 0;
            padding: 0;
            color: #fff;
            font-family: "DM Sans", sans-serif;
            font-size: 30px;
            font-weight: 900;
            line-height: 1.1;
            letter-spacing: 1px;
        }

        .vivechana-rise-heading>span {
            display: block;
            color: rgba(255, 255, 255, .95);
            font-family: "DM Sans", sans-serif;
            font-size: 19px;
            font-weight: 800;
        }

        /* FIVE STAGES */

        .vivechana-rise-layers {
            width: 100%;
            display: flex;
            align-items: stretch;
            justify-content: center;
            gap: 0;
        }

        /* INDIVIDUAL CARD */

        .vivechana-rise-item {
            flex: 1 1 0;
            min-width: 0;
            padding: 18px 12px;
            box-sizing: border-box;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: flex-start;
            text-align: center;
            color: #fff;
            border-radius: 10px;
            transition: transform .3s ease, background .3s ease;
        }

        .vivechana-rise-item:hover {
            transform: translateY(-5px);
            background: rgba(255, 255, 255, .08);
        }

        /* ICON */

        .vivechana-rise-icon {
            flex-shrink: 0;
            width: 58px;
            height: 58px;
            margin-bottom: 12px;
            border: 2px solid rgba(255, 255, 255, .9);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 25px;
            transition: all .3s ease;
        }

        .vivechana-rise-item:hover .vivechana-rise-icon {
            transform: scale(1.08);
            background: rgba(255, 255, 255, .12);
        }

        /* STAGE NAME */

        .vivechana-rise-text {
            width: 100%;
        }

        .vivechana-rise-text strong {
            display: block;
            margin: 0;
            color: #fff;
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            font-weight: 700;
            line-height: 1.3;
            text-transform: uppercase;
        }

        .vivechana-rise-text>span {
            display: block;
            margin-top: 6px;
            color: rgba(255, 255, 255, .95);
            font-family: "DM Sans", sans-serif;
            font-size: 13px;
            font-weight: 600;
            line-height: 1.5;
        }

        /* VIEW DETAILS BUTTON */

        .vivechana-rise-details-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 7px;
            margin-top: 15px;
            padding: 9px 14px;
            min-height: 36px;
            border: 1px solid rgba(255, 255, 255, .85);
            border-radius: 30px;
            background: #fff;
            color: #c64e19;
            font-family: "DM Sans", sans-serif;
            font-size: 11px;
            font-weight: 700;
            line-height: 1.2;
            cursor: pointer;
            transition: all .25s ease;
        }

        .vivechana-rise-details-btn:hover {
            background: #ff813d;
            color: #fff;
            border-color: #fff;
            transform: translateY(-2px);
        }

        .vivechana-rise-details-btn:focus-visible {
            outline: 3px solid #fff;
            outline-offset: 3px;
        }

        /* ARROWS */

        .vivechana-rise-arrow {
            flex: 0 0 25px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: rgba(255, 255, 255, .95);
            font-size: 16px;
            padding-bottom: 40px;
        }

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

        .vivechana-rise-modal {
            position: fixed;
            inset: 0;
            z-index: 999999;
            display: none;
            align-items: center;
            justify-content: center;
            padding: 20px;
            box-sizing: border-box;
            background: rgba(19, 27, 23, .72);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
        }

        .vivechana-rise-modal.is-open {
            display: flex;
        }

        /* MODAL BOX */

        .vivechana-rise-modal-box {
            position: relative;
            width: 100%;
            max-width: 620px;
            max-height: 85vh;
            overflow-y: auto;
            overscroll-behavior: contain;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 20px 70px rgba(0, 0, 0, .25);
            box-sizing: border-box;
            animation: vivechanaRiseModalIn .25s ease;
        }

        @keyframes vivechanaRiseModalIn {
            from {
                opacity: 0;
                transform: translateY(15px) scale(.98);
            }

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

        /* MODAL HEADER */

        .vivechana-rise-modal-header {
            position: relative;
            padding: 25px 60px 22px 26px;
            background: #ff813d;
            color: #fff;
            border-radius: 16px 16px 0 0;
        }

        .vivechana-rise-modal-eyebrow {
            display: block;
            margin-bottom: 7px;
            color: rgba(255, 255, 255, .9);
            font-family: "DM Sans", sans-serif;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 1.5px;
            text-transform: uppercase;
        }

        .vivechana-rise-modal-header h3 {
            margin: 0;
            padding: 0;
            color: #fff;
            font-family: "DM Sans", sans-serif;
            font-size: 24px;
            font-weight: 800;
            line-height: 1.3;
        }

        .vivechana-rise-modal-close {
            position: absolute;
            top: 17px;
            right: 17px;
            width: 36px;
            height: 36px;
            padding: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(255, 255, 255, .65);
            border-radius: 50%;
            background: rgba(255, 255, 255, .15);
            color: #fff;
            font-size: 24px;
            line-height: 1;
            cursor: pointer;
            transition: background .2s ease;
        }

        .vivechana-rise-modal-close:hover {
            background: rgba(0, 0, 0, .2);
        }

        /* MODAL CONTENT */

        .vivechana-rise-modal-content {
            padding: 25px 28px 28px;
            color: #374151;
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            line-height: 1.7;
        }

        .vivechana-rise-modal-content p {
            margin: 0 0 18px;
            color: #4b5563;
        }

        .vivechana-rise-modal-content h4 {
            margin: 20px 0 10px;
            color: #a94418;
            font-size: 16px;
            font-weight: 800;
            line-height: 1.4;
        }

        .vivechana-rise-modal-content ul {
            margin: 0;
            padding-left: 22px;
        }

        .vivechana-rise-modal-content li {
            margin-bottom: 8px;
            padding-left: 3px;
        }

        .vivechana-rise-modal-content li::marker {
            color: #ff813d;
        }

        .vivechana-rise-modal-highlight {
            padding: 15px 17px;
            margin-top: 20px;
            border-left: 4px solid #ff813d;
            border-radius: 6px;
            background: #fff4ed;
            color: #873a18;
        }

        .vivechana-rise-modal-highlight strong {
            display: block;
            margin-bottom: 4px;
            color: #a94418;
            font-size: 12px;
            text-transform: uppercase;
            letter-spacing: .6px;
        }

        .vivechana-rise-modal-highlight span {
            display: block;
            font-size: 14px;
            font-weight: 600;
        }

        /* PREVENT BACKGROUND SCROLL */

        body.vivechana-rise-modal-active {
            overflow: hidden;
        }

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

        @media (max-width: 1100px) {
            .vivechana-rise-inner {
                padding: 28px 22px 32px;
            }

            .vivechana-rise-heading h2 {
                font-size: 27px;
            }

            .vivechana-rise-item {
                padding: 15px 7px;
            }

            .vivechana-rise-icon {
                width: 50px;
                height: 50px;
                font-size: 21px;
            }

            .vivechana-rise-text strong {
                font-size: 13px;
            }

            .vivechana-rise-text>span {
                font-size: 10px;
            }

            .vivechana-rise-details-btn {
                padding: 8px 10px;
                font-size: 10px;
            }

            .vivechana-rise-arrow {
                flex-basis: 19px;
                font-size: 14px;
            }
        }

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

        @media (max-width: 700px) {
            .vivechana-rise-inner {
                padding: 25px 15px 28px;
            }

            .vivechana-rise-heading {
                margin-bottom: 22px;
            }

            .vivechana-rise-heading h2 {
                font-size: 25px;
            }

            .vivechana-rise-heading>span {
                font-size: 11px;
            }

            .vivechana-rise-layers {
                display: grid;
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
            }

            .vivechana-rise-item {
                min-height: 0;
                padding: 18px 8px;
                background: rgba(255, 255, 255, .09);
                border: 1px solid rgba(255, 255, 255, .16);
                border-radius: 10px;
            }

            .vivechana-rise-icon {
                width: 48px;
                height: 48px;
                margin-bottom: 10px;
                font-size: 20px;
            }

            .vivechana-rise-text strong {
                font-size: 13px;
            }

            .vivechana-rise-text>span {
                font-size: 10px;
            }

            .vivechana-rise-details-btn {
                margin-top: 13px;
                padding: 9px 11px;
                font-size: 10px;
            }

            .vivechana-rise-arrow {
                display: none;
            }

            /* Fifth card centred */

            .vivechana-rise-item:last-child {
                grid-column: 1 / -1;
                width: calc(50% - 6px);
                justify-self: center;
            }

            .vivechana-rise-modal {
                padding: 12px;
            }

            .vivechana-rise-modal-box {
                max-height: 88vh;
                border-radius: 13px;
            }

            .vivechana-rise-modal-header {
                padding: 22px 55px 20px 20px;
                border-radius: 13px 13px 0 0;
            }

            .vivechana-rise-modal-header h3 {
                font-size: 20px;
            }

            .vivechana-rise-modal-content {
                padding: 20px;
                font-size: 13px;
            }
        }

        /* VERY SMALL MOBILE */

        @media (max-width: 380px) {
            .vivechana-rise-inner {
                padding: 22px 10px 25px;
            }

            .vivechana-rise-heading h2 {
                font-size: 23px;
            }

            .vivechana-rise-layers {
                gap: 9px;
            }

            .vivechana-rise-item {
                padding: 15px 5px;
            }

            .vivechana-rise-icon {
                width: 43px;
                height: 43px;
                font-size: 18px;
            }

            .vivechana-rise-text strong {
                font-size: 11px;
            }

            .vivechana-rise-text>span {
                font-size: 9px;
            }

            .vivechana-rise-details-btn {
                gap: 5px;
                padding: 8px 9px;
                font-size: 9px;
            }

            .vivechana-rise-modal-content {
                padding: 17px;
            }
        }

        /* REDUCED MOTION ACCESSIBILITY */

        @media (prefers-reduced-motion: reduce) {

            .vivechana-rise-item,
            .vivechana-rise-icon,
            .vivechana-rise-details-btn,
            .vivechana-rise-modal-box {
                animation: none;
                transition: none;
            }
        }







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

        .vc-framework-section {

            position: relative;

            width: 100%;

            padding: 85px 0 90px;

            background: #ffffff;

            overflow: hidden;

        }


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

        .vc-framework-header {

            width: min(1050px, 90%);

            margin: 0 auto 58px;

            text-align: center;

        }


        /* =========================================================
   ORANGE SMALL LABEL
========================================================= */

        .vc-framework-label {

            margin-bottom: 15px;

            color: #ef9800;
            font-size: 24px;

            font-weight: 300;

            line-height: 1;

            letter-spacing: 2px;

        }


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

        .vc-framework-header h2 {

            margin: 0 0 24px;

            color: #202020;

            font-family: "DM Sans", sans-serif;

            font-size: 46px;

            font-weight: 700;

            line-height: 1.2;

            letter-spacing: -1.2px;

        }


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

        .vc-framework-header p {

            width: min(760px, 100%);

            margin: 0 auto;

            color: #666;

            font-family: "DM Sans", sans-serif;

            font-size: 18px;

            font-weight: 400;

            line-height: 1.7;

        }


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

        .vc-framework-cards {

            width: min(1350px, 90%);

            margin: 0 auto;

            display: grid;

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

            gap: 38px;

            align-items: stretch;

        }


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

        .vc-flip-card {

            position: relative;

            width: 100%;

            height: 375px;

            perspective: 1400px;

            cursor: pointer;

        }


        /* =========================================================
   FLIP INNER
========================================================= */

        .vc-flip-card-inner {

            position: relative;

            width: 100%;
            height: 100%;

            transform-style: preserve-3d;

            transition:
                transform .75s cubic-bezier(.4, .2, .2, 1);

        }


        /* =========================================================
   DESKTOP HOVER FLIP
========================================================= */

        @media (min-width: 701px) {

            .vc-flip-card:hover .vc-flip-card-inner {

                transform: rotateY(180deg);

            }

        }


        /* =========================================================
   FRONT + BACK
========================================================= */

        .vc-flip-front,
        .vc-flip-back {

            position: absolute;

            inset: 0;

            width: 100%;
            height: 100%;

            border-radius: 11px;

            overflow: hidden;

            backface-visibility: hidden;

            -webkit-backface-visibility: hidden;

        }


        /* =========================================================
   FRONT
========================================================= */

        .vc-flip-front {

            background: #222;

        }


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

        .vc-flip-front img {

            position: absolute;

            inset: 0;

            width: 100%;
            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center center;

            transition:
                transform .7s ease;

        }


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

        .vc-flip-image-overlay {

            position: absolute;

            inset: 0;

            background:

                linear-gradient(to bottom,
                    rgba(0, 0, 0, .03) 20%,
                    rgba(0, 0, 0, .12) 45%,
                    rgba(0, 0, 0, .58) 100%);

            z-index: 2;

        }


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

        @media (min-width: 701px) {

            .vc-flip-card:hover .vc-flip-front img {

                transform: scale(1.04);

            }

        }


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

        .vc-flip-title {

            position: absolute;

            z-index: 5;

            left: 50%;
            top: 52%;

            width: 90%;

            transform:
                translate(-50%, -50%);

            text-align: center;

            color: #ffffff;

            font-size: 44px;

            font-weight: 300;

            line-height: 1.15;

            letter-spacing: 1px;

            text-shadow:
                0 3px 12px rgba(0, 0, 0, .35);

        }


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

        .vc-flip-arrow {

            position: absolute;

            z-index: 8;

            left: 0;
            bottom: 38px;

            width: 100px;
            height: 62px;

            background: #fa4b25;

        }


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

        .vc-flip-arrow span {

            position: absolute;

            right: -7px;
            top: 50%;

            width: 55px;
            height: 55px;

            display: flex;

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

            transform:
                translateY(-50%);

            border-radius: 50%;

            background: #ffffff;

            color: #fa4b25;

            font-size: 20px;

            box-shadow:
                0 3px 12px rgba(0, 0, 0, .08);

        }


        /* BACK */

        .vc-flip-back {

            display: flex;

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

            padding: 45px;

            background: rgba(242, 128, 20, 0.90) !important;


            color: #ffffff;

            transform: rotateY(180deg);

        }


        /* BACK CONTENT */

        .vc-back-content {

            width: 100%;

            max-width: 390px;

            margin: 0 auto;

            text-align: center;

        }


        /*  BACK ICON */

        .vc-back-icon {

            width: 57px;
            height: 57px;

            margin: 0 auto 17px;

            display: flex;

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

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

            border-radius: 50%;

            color: #ffffff;

            font-size: 22px;

        }


        /* 
   BACK SMALL TITLE
 */

        .vc-back-small {

            margin-bottom: 7px;

            font-size: 15px;

            font-weight: 300;

            letter-spacing: 2px;

            text-transform: uppercase;

        }


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

        .vc-flip-back h3 {

            margin: 0 0 15px;

            color: #ffffff;

            font-family: "DM Sans", sans-serif;

            font-size: 27px;

            font-weight: 700;

        }


        /* =========================================================
   BACK TEXT
========================================================= */

        .vc-flip-back p {

            margin: 0;

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

            font-family: "DM Sans", sans-serif;

            font-size: 15px;

            font-weight: 400;

            line-height: 1.65;

        }


        /* =========================================================
   BACK DECORATIVE SHAPE
========================================================= */

        .vc-flip-back::after {

            content: "";

            position: absolute;

            width: 250px;
            height: 250px;

            right: -100px;
            bottom: -120px;

            border-radius: 50%;

            border: 45px solid rgba(255, 255, 255, .09);

            pointer-events: none;

        }


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

        @media (max-width: 1200px) {

            .vc-framework-section {

                padding: 75px 0 80px;

            }


            .vc-framework-cards {

                gap: 24px;

            }


            .vc-flip-card {

                height: 350px;

            }


            .vc-flip-title {

                font-size: 37px;

            }


            .vc-flip-arrow {

                bottom: 30px;

            }


            .vc-flip-back {

                padding: 30px;

            }


            .vc-flip-back p {

                font-size: 14px;

                line-height: 1.55;

            }

        }


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

        @media (max-width: 900px) {

            .vc-framework-header {

                margin-bottom: 45px;

            }


            .vc-framework-header h2 {

                font-size: 40px;

            }


            .vc-framework-header p {

                font-size: 16px;

            }


            .vc-framework-cards {

                width: 92%;

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

                gap: 22px;

            }


            .vc-flip-card {

                height: 340px;

            }


            .vc-flip-card:last-child {

                grid-column: 1 / span 2;

                width: calc(50% - 11px);

                margin: 0 auto;

            }

        }


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

        @media (max-width: 700px) {

            .vc-framework-section {

                padding: 60px 0 65px;

            }


            .vc-framework-header {

                width: 90%;

                margin-bottom: 35px;

            }


            .vc-framework-label {

                font-size: 19px;

                letter-spacing: 1.5px;

            }


            .vc-framework-header h2 {

                margin-bottom: 16px;

                font-size: 32px;

                line-height: 1.2;

                letter-spacing: -.6px;

            }


            .vc-framework-header p {

                font-size: 15px;

                line-height: 1.6;

            }


            .vc-framework-cards {

                width: 90%;

                display: grid;

                grid-template-columns: 1fr;

                gap: 18px;

            }


            .vc-flip-card {

                height: 340px;

            }


            .vc-flip-card:last-child {

                grid-column: auto;

                width: 100%;

            }


            /* -----------------------------------------------------
       MOBILE TAP FLIP
    ----------------------------------------------------- */

            .vc-flip-card.is-flipped .vc-flip-card-inner {

                transform: rotateY(180deg);

            }


            .vc-flip-title {

                font-size: 38px;

            }


            .vc-flip-arrow {

                bottom: 28px;

                width: 90px;

                height: 58px;

            }


            .vc-flip-arrow span {

                width: 52px;
                height: 52px;

                font-size: 18px;

            }


            .vc-flip-back {

                padding: 28px;

            }


            .vc-back-icon {

                width: 50px;
                height: 50px;

                margin-bottom: 12px;

                font-size: 19px;

            }


            .vc-flip-back h3 {

                font-size: 24px;

                margin-bottom: 11px;

            }


            .vc-flip-back p {

                font-size: 14px;

                line-height: 1.55;

            }

        }


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

        @media (max-width: 430px) {

            .vc-framework-section {

                padding: 50px 0 55px;

            }


            .vc-framework-label {

                font-size: 17px;

            }


            .vc-framework-header h2 {

                font-size: 28px;

            }


            .vc-framework-header p {

                font-size: 14px;

            }


            .vc-flip-card {

                height: 310px;

            }


            .vc-flip-title {

                font-size: 33px;

            }


            .vc-flip-arrow {

                bottom: 23px;

                width: 80px;

                height: 53px;

            }


            .vc-flip-arrow span {

                width: 48px;
                height: 48px;

            }


            .vc-flip-back {

                padding: 22px;

            }


            .vc-back-small {

                font-size: 12px;

            }


            .vc-flip-back h3 {

                font-size: 21px;

            }


            .vc-flip-back p {

                font-size: 12.5px;

                line-height: 1.5;

            }

        }


        /* VIVECHANA COUNTER + FOCUS
   ALL CLASSES ARE UNIQUE */

        .vv-counter-focus-wrapper {
            width: 100%;
            position: relative;
            overflow: visible;
        }


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

        .vv-counter-section {
            width: 100%;
            position: relative;
            z-index: 20;

            /*
       IMPORTANT:
       Counter stays BELOW the previous Vision/Mission section.
       It does NOT move upward into the previous cards.
    */
            padding: 45px 0 0;

            /*
       Allows counter to visually sit over the NEXT section.
    */
            margin-bottom: -105px;
        }


        /* ============================================================
   WHITE COUNTER CARD
============================================================ */

        .vv-counter-card {

            width: min(1260px, 88%);

            min-height: 195px;

            margin: 0 auto;

            background: #ffffff;

            border-radius: 12px;

            box-shadow:
                0 15px 45px rgba(0, 0, 0, 0.09);

            padding: 35px 55px;

            display: grid;

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

            align-items: center;

            gap: 35px;

        }


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

        .vv-counter-item {

            display: flex;

            align-items: center;

            justify-content: center;

            gap: 18px;

        }


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

        .vv-counter-number {

            color: #f04b25;

            font-size: 48px;

            font-weight: 700;

            line-height: 1;

            white-space: nowrap;

            min-width: 72px;

        }


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

        .vv-counter-label {

            display: flex;

            flex-direction: column;

            gap: 5px;

            color: #252525;

            font-size: 13px;

            font-weight: 600;

            line-height: 1.35;

        }


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

        .vv-focus-section {

            position: relative;

            z-index: 5;

            width: 100%;

            background: #f7f6f2;

            /*
       Space is reserved at the top so the
       counter overlaps THIS section only.
    */
            padding-top: 170px;

            overflow: hidden;

        }


        /* ============================================================
   FOCUS MAIN
============================================================ */

        .vv-focus-main {

            width: 100%;

            min-height: 650px;

            display: grid;

            grid-template-columns:
                50% 50%;

        }


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

        .vv-focus-image-area {

            position: relative;

            min-height: 650px;

            overflow: hidden;

        }


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

        .vv-focus-image-area img {

            width: 100%;

            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center center;

            filter: grayscale(100%);

        }


        /* ============================================================
   ORANGE DECORATION
============================================================ */

        .vv-focus-orange {

            position: absolute;

            left: -50px;

            bottom: -60px;

            width: 430px;

            height: 245px;

            background: #ffad00;

            z-index: 3;

            transform: rotate(-8deg);

            opacity: .98;

            clip-path: polygon(0 35%,
                    5% 20%,
                    13% 26%,
                    19% 7%,
                    27% 23%,
                    35% 10%,
                    44% 26%,
                    53% 5%,
                    62% 23%,
                    71% 9%,
                    80% 27%,
                    90% 15%,
                    100% 40%,
                    94% 55%,
                    100% 72%,
                    89% 68%,
                    81% 91%,
                    71% 73%,
                    60% 100%,
                    50% 76%,
                    39% 94%,
                    29% 73%,
                    18% 89%,
                    9% 68%,
                    0 77%);

        }


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

        .vv-focus-content {

            background: #f7f6f2;

            display: flex;

            flex-direction: column;

            justify-content: center;

            padding:
                70px clamp(45px, 6vw, 105px);

        }


        /* ============================================================
   SMALL ORANGE HEADING
============================================================ */

        .vv-focus-small-title {

            color: #ee9800;

            font-size: 21px;

            font-weight: 300;

            letter-spacing: 2px;

            margin-bottom: 15px;

        }


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

        .vv-focus-heading {

            margin: 0 0 32px;

            color: #242424;

            font-size: 37px;

            font-weight: 700;

            line-height: 1.2;

        }


        /* ============================================================
   TABS
============================================================ */

        .vv-focus-tabs {

            width: 100%;

            display: grid;

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

            border-bottom:
                1px solid #d9d7d1;

            margin-bottom: 34px;

        }


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

        .vv-focus-tab {

            position: relative;

            border: none;

            outline: none;

            background: transparent;

            padding:
                0 8px 17px;

            color: #78818a;

            font-size: 16px;

            font-weight: 500;

            cursor: pointer;

            transition:
                color .3s ease;

        }


        .vv-focus-tab:hover {

            color: #242424;

        }


        .vv-focus-tab.active {

            color: #242424;

            font-weight: 700;

        }


        /* ============================================================
   ORANGE TAB LINE
============================================================ */

        .vv-focus-tab::after {

            content: "";

            position: absolute;

            left: 0;

            right: 0;

            bottom: -1px;

            height: 3px;

            background: #f04b25;

            transform:
                scaleX(0);

            transform-origin:
                center;

            transition:
                transform .35s ease;

        }


        .vv-focus-tab.active::after {

            transform:
                scaleX(1);

        }


        /* ============================================================
   TAB CONTENT AREA
============================================================ */

        .vv-focus-content-box {

            position: relative;

            min-height: 205px;

        }


        /* ============================================================
   INDIVIDUAL PANEL
============================================================ */

        .vv-focus-panel {

            display: none;

        }


        .vv-focus-panel.active {

            display: block;

            animation:
                vvFadeUp .55s ease both;

        }


        /* ============================================================
   FADE UP ANIMATION
============================================================ */

        @keyframes vvFadeUp {

            from {

                opacity: 0;

                transform:
                    translateY(30px);

            }

            to {

                opacity: 1;

                transform:
                    translateY(0);

            }

        }


        /* ============================================================
   PANEL TEXT
============================================================ */

        .vv-focus-panel p,
        li {

            margin: 0;

            max-width: 700px;

            color: #4b5563;

            font-size: 15.5px;

            font-weight: 400;

            line-height: 1.9;

        }


        .vv-focus-panel strong {

            color: #343434;

            font-weight: 700;

        }

/* SINGLE ORANGE RISE-D CARD */
.vv-rise-points {
    background: #fa4b25;
    border-radius: 16px;
    padding: 30px 32px;
    margin: 20px 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 22px 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}

.vv-rise-point {
    color: #fff;
    font-size: 15.5px;
    line-height: 1.8;
}

.vv-rise-point strong {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
}

@media (max-width: 600px) {
    .vv-rise-points {
        grid-template-columns: 1fr;
        padding: 25px 22px;
        gap: 18px;
    }
}

/* DIGITALISE FULL WIDTH */

.vv-rise-point.digitalise {
  
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    padding-top: 18px;
}

.vv-rise-point.digitalise strong {
    color: #ffe08a;
}


        /*TABLET */

        @media (max-width: 1100px) {


            .vv-counter-card {

                width: 88%;

                padding:
                    30px 35px;

                gap: 25px;

            }


            .vv-counter-number {

                font-size: 40px;

                min-width: 60px;

            }


            .vv-counter-label {

                font-size: 11px;

            }


            .vv-focus-content {

                padding:
                    65px 45px;

            }


            .vv-focus-heading {

                font-size: 31px;

            }


            .vv-focus-tab {

                font-size: 14px;

            }

        }


        /* ============================================================
   TABLET / SMALL LAPTOP
============================================================ */

        @media (max-width: 850px) {


            /*
       Counter becomes normal flow on smaller screens.
       Therefore absolutely NO overlap with Vision/Mission.
    */

            .vv-counter-section {

                padding-top: 35px;

                margin-bottom: 0;

            }


            .vv-counter-card {

                width: 90%;

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

                gap: 30px;

            }


            .vv-focus-section {

                padding-top: 0;

            }


            .vv-focus-main {

                grid-template-columns:
                    1fr;

            }


            .vv-focus-image-area {

                min-height: 470px;

                height: 470px;

            }


            .vv-focus-content {

                padding:
                    65px 8% 75px;

            }


        }


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

        @media (max-width: 600px) {


            .vv-counter-section {

                padding-top: 28px;

            }


            .vv-counter-card {

                width: 92%;

                min-height: auto;

                padding:
                    28px 18px;

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

                gap: 30px 10px;

                border-radius: 10px;

            }


            .vv-counter-item {

                justify-content: flex-start;

                gap: 8px;

            }


            .vv-counter-number {

                font-size: 31px;

                min-width: auto;

            }


            .vv-counter-label {

                font-size: 9px;

                gap: 3px;

            }


            /* IMAGE */

            .vv-focus-image-area {

                height: 390px;

                min-height: 390px;

            }


            /* ORANGE PAINT */

            .vv-focus-orange {

                width: 310px;

                height: 175px;

                left: -55px;

                bottom: -50px;

            }


            /* CONTENT */

            .vv-focus-content {

                padding:
                    52px 7% 65px;

            }


            .vv-focus-small-title {

                font-size: 18px;

                letter-spacing: 1.5px;

            }


            .vv-focus-heading {

                font-size: 28px;

                margin-bottom: 27px;

            }


            /* TABS */

            .vv-focus-tabs {

                margin-bottom: 28px;

            }


            .vv-focus-tab {

                font-size: 11px;

                padding:
                    0 3px 14px;

            }


            /* CONTENT */

            .vv-focus-content-box {

                min-height: 300px;

            }


            .vv-focus-panel p {

                font-size: 14px;

                line-height: 1.8;

            }


            .vv-focus-button {

                min-width: 150px;

                height: 56px;

                margin-top: 18px;

                font-size: 12px;

            }

        }


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

        @media (max-width: 380px) {


            .vv-counter-card {

                padding:
                    23px 12px;

                gap: 24px 5px;

            }


            .vv-counter-number {

                font-size: 27px;

            }


            .vv-counter-label {

                font-size: 8px;

            }


            .vv-focus-image-area {

                height: 340px;

                min-height: 340px;

            }


            .vv-focus-heading {

                font-size: 25px;

            }


            .vv-focus-tab {

                font-size: 10px;

            }


        }


        /* ============================================================
   PREVENT THEME FROM BREAKING THIS SECTION
============================================================ */

        .vv-counter-section *,
        .vv-focus-section * {

            box-sizing: border-box;

        }


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

        .vv-fi-section {
            width: 100%;
            background: #fff;
            padding: 82px 0 15px;
            overflow: hidden;
            position: relative;
        }


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

        .vv-fi-header {
            width: 1240px;
            max-width: calc(100% - 80px);
            margin: 0 auto 43px;

            display: flex;
            justify-content: space-between;
            align-items: flex-end;
        }


        .vv-fi-heading {
            margin: 0;
            padding: 0;
        }


        .vv-fi-eyebrow {
            margin: 0 0 12px;

            color: #ee9700;
            font-size: 21px;
            font-weight: 300;

            letter-spacing: 2px;

            line-height: 1.2;
        }


        .vv-fi-title {
            margin: 0;

            color: #292929;
            font-size: 43px;
            font-weight: 700;

            line-height: 1.15;
        }


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

        .vv-fi-controls {
            display: flex;
            gap: 11px;
            align-items: center;
        }


        .vv-fi-arrow {
            width: 50px;
            height: 50px;

            border-radius: 50%;

            border: 1.5px solid #f0a000;

            background: #fff;

            color: #222;

            font-size: 27px;

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

            cursor: pointer;

            padding: 0;

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


        .vv-fi-arrow:hover {
            background: #f0a000;
            color: #fff;
            transform: translateY(-2px);
        }


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

   Important:
   This is what creates the "side cards bleeding in"
   effect from your reference.
============================================================ */

        .vv-fi-viewport {
            width: 100%;
            overflow: hidden;
            position: relative;
        }


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

        .vv-fi-track {
            display: flex;

            gap: 30px;

            width: max-content;

            padding-left:
                calc((100vw - 1240px) / 2);

            transition:
                transform .75s cubic-bezier(.22, .61, .36, 1);

            will-change: transform;
            margin-bottom: 10px;
        }


        /* ============================================================
   EVERY SLIDE
============================================================ */

        .vv-fi-slide {

            width: 1240px;
            min-width: 1240px;

            height: 575px;

            position: relative;

            overflow: hidden;

            background: #fff;

            box-sizing: border-box;

            /*
       Side slides intentionally have NO rounded corners.
    */

            border-radius: 0;

            box-shadow: none;

            transition:
                box-shadow .5s ease,
                border-radius .5s ease;
        }


        /* ACTIVE/CURRENT SLIDE
 */

        .vv-fi-slide.vv-fi-active {

            border-radius: 11px;

            box-shadow:
                0 13px 35px rgba(0, 0, 0, .12);

        }


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

        .vv-fi-card {

            width: 100%;
            height: 100%;

            display: grid;

            grid-template-columns: 57% 43%;

            padding: 42px;

            box-sizing: border-box;

            background: #fff;
        }


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

        .vv-fi-image {

            width: 100%;
            height: 100%;

            min-height: 491px;

            overflow: hidden;

            border-radius: 10px;

            background: #eee;

            position: relative;
        }


        .vv-fi-image img {

            width: 100%;
            height: 100%;

            object-fit: fill;

            object-position: center;

            display: block;

            transition:
                transform .65s ease;
        }


        .vv-fi-active:hover .vv-fi-image img {

            transform: scale(1.035);

        }


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

        .vv-fi-content {

            padding:
                25px 5px 15px 42px;

            display: flex;

            flex-direction: column;

            justify-content: center;

            box-sizing: border-box;
        }


        /* ============================================================
   CATEGORY
============================================================ */

        .vv-fi-category {

            display: inline-flex;

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

            align-self: flex-start;

            background: #fa4b25;

            color: #fff;

            border-radius: 20px;

            padding: 7px 14px;

            margin-bottom: 32px;

            font-family:
                "DM Sans",
                sans-serif;

            font-size: 12px;

            font-weight: 700;

            line-height: 1;

            text-transform: uppercase;
        }


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

        .vv-fi-card-title {

            margin: 0 0 20px;

            color: #292929;

            font-size: 31px;

            font-weight: 700;

            line-height: 1.28;
        }


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

        .vv-fi-description {

            margin: 0;

            max-width: 530px;

            color: #707070;

            font-size: 15.5px;

            font-weight: 400;

            line-height: 1.95;
        }


        /* ============================================================
   PROGRESS
============================================================ */

        .vv-fi-progress-area strong {}

            width: 100%;

            margin-top: 36px;
        }
.vv-fi-progress-area strong {
    font-weight:400;
}
        .vv-fi-progress {

            width: 100%;

            height: 8px;

            position: relative;

            background: #ededed;

            border-radius: 10px;
        }


        .vv-fi-progress-fill {

            width: 100%;

            height: 100%;

            background: #fa4b25;

            border-radius: 10px;

            position: relative;
        }


        .vv-fi-progress-fill::after {

            content: "";

            position: absolute;

            width: 16px;
            height: 16px;

            right: -1px;

            top: 50%;

            transform: translateY(-50%);

            border-radius: 50%;

            background: #fa4b25;
        }


        /* ============================================================
   METRICS
============================================================ */

        .vv-fi-metrics {

            display: grid;

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

            margin-top: 25px;
        }


        .vv-fi-metric {

            padding:
                0 20px;

            border-right:
                1px solid #dedede;

            box-sizing: border-box;
        }


        .vv-fi-metric:first-child {
            padding-left: 10px;
        }


        .vv-fi-metric:last-child {

            border-right: none;

            padding-right: 0;
        }


        .vv-fi-metric-label {

            display: block;

            margin-bottom: 5px;

            color: #303030;

            font-size: 14px;

            font-weight: 600;
        }


        .vv-fi-metric-value {

            display: block;

            color: #f3a000;

            font-family:
                "DM Sans",
                sans-serif;

            font-size: 14px;

            font-weight: 700;

            line-height: 1.4;
        }


        .vv-fi-metric:first-child .vv-fi-metric-value {

            color: #fa4b25;
        }


        /* SIDE SLIDES
 */

        .vv-fi-slide:not(.vv-fi-active) {

            background: #fff;

            border-radius: 0;

            box-shadow: none;

        }


        .vv-fi-slide:not(.vv-fi-active) .vv-fi-card {

            opacity: .96;
        }


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

        @media (max-width: 1300px) {

            .vv-fi-track {

                padding-left: 6vw;


            }


            .vv-fi-slide {

                width: 88vw;

                min-width: 88vw;

            }


            .vv-fi-header {

                width: 88vw;

                max-width: none;

            }

        }


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

        @media (max-width: 1000px) {

            .vv-fi-section {

                padding:
                    75px 0 90px;

            }


            .vv-fi-header {

                margin-bottom: 35px;

            }


            .vv-fi-title {

                font-size: 37px;

            }


            .vv-fi-slide {

                height: 530px;

            }


            .vv-fi-card {

                padding: 32px;

                grid-template-columns:
                    53% 47%;

            }


            .vv-fi-image {

                min-height: 466px;

            }


            .vv-fi-content {

                padding-left: 30px;

            }


            .vv-fi-card-title {

                font-size: 27px;

            }


            .vv-fi-description {

                font-size: 14px;

                line-height: 1.75;

            }

        }


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

        @media (max-width: 800px) {

            .vv-fi-section {

                padding:
                    65px 0 75px;

            }


            .vv-fi-header {

                flex-direction: column;

                align-items: flex-start;

                gap: 20px;

            }


            .vv-fi-controls {

                align-self: flex-end;

                margin-top: -65px;

            }


            .vv-fi-slide {

                width: 88vw;

                min-width: 88vw;

                height: auto;

            }


            .vv-fi-card {

                grid-template-columns:
                    50% 50%;

                min-height: 500px;

                height: 500px;

                padding: 25px;

            }


            .vv-fi-image {

                min-height: 450px;

            }


            .vv-fi-content {

                padding-left: 25px;

            }


            .vv-fi-card-title {

                font-size: 24px;

            }


            .vv-fi-description {

                font-size: 13px;

                line-height: 1.7;

            }

        }


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

        @media (max-width: 600px) {

            .vv-fi-section {

                padding:
                    55px 0 65px;

            }


            .vv-fi-header {

                width: 90%;

                max-width: none;

                margin-bottom: 28px;

            }


            .vv-fi-eyebrow {

                font-size: 18px;

                letter-spacing: 1.5px;

            }


            .vv-fi-title {

                font-size: 30px;

            }


            .vv-fi-controls {

                align-self: flex-start;

                margin-top: 0;

            }


            .vv-fi-arrow {

                width: 44px;

                height: 44px;

                font-size: 23px;

            }


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

            .vv-fi-track {

                padding-left: 5vw;

                gap: 18px;

            }


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

            .vv-fi-slide {

                width: 90vw;

                min-width: 90vw;

                height: auto;

                border-radius: 0;

            }


            .vv-fi-slide.vv-fi-active {

                border-radius: 10px;

                box-shadow:
                    0 10px 30px rgba(0, 0, 0, .11);

            }


            .vv-fi-card {

                display: flex;

                flex-direction: column;

                height: auto;

                min-height: 0;

                padding: 16px;

            }


            /* IMAGE */

            .vv-fi-image {

                width: 100%;

                height: 275px;

                min-height: 275px;

                border-radius: 8px;

            }


            /* CONTENT */

            .vv-fi-content {

                padding:
                    27px 8px 12px;

                display: block;

            }


            .vv-fi-category {

                margin-bottom: 18px;

                font-size: 10px;

            }


            .vv-fi-card-title {

                font-size: 23px;

                line-height: 1.3;

                margin-bottom: 14px;

            }


            .vv-fi-description {

                font-size: 13px;

                line-height: 1.7;

            }


            /* PROGRESS */

            .vv-fi-progress-area {

                margin-top: 24px;

            }


            .vv-fi-progress {

                height: 7px;

            }


            .vv-fi-progress-fill::after {

                width: 14px;

                height: 14px;

            }


            /* METRICS */

            .vv-fi-metrics {

                margin-top: 21px;

            }


            .vv-fi-metric {

                padding:
                    0 8px;

            }


            .vv-fi-metric:first-child {

                padding-left: 0;

            }


            .vv-fi-metric:last-child {

                padding-right: 0;

            }


            .vv-fi-metric-label {

                font-size: 10.5px;

            }


            .vv-fi-metric-value {

                font-size: 10px;

                line-height: 1.35;

            }

        }


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

        @media (max-width: 380px) {

            .vv-fi-title {

                font-size: 27px;

            }


            .vv-fi-card {

                padding: 12px;

            }


            .vv-fi-image {

                height: 240px;

                min-height: 240px;

            }


            .vv-fi-card-title {

                font-size: 21px;

            }


            .vv-fi-description {

                font-size: 12px;

            }

        }


        /* =========================================================
   VIVECHANA APPROACH SECTION
========================================================= */

        .vc-approach-section {
            position: relative;

            width: 100%;

            padding: 78px 20px 6px;

            overflow: hidden;

            background-color: #f8f7f4;

            background-image:
                radial-gradient(rgba(80, 80, 80, 0.045) 0.7px,
                    transparent 0.8px),
                radial-gradient(rgba(80, 80, 80, 0.028) 0.7px,
                    transparent 0.8px);

            background-size:
                17px 17px,
                23px 23px;

            background-position:
                0 0,
                8px 11px;
        }


        /* Soft paper overlay */

        .vc-approach-section::before {
            content: "";

            position: absolute;

            inset: 0;

            pointer-events: none;

            background:
                radial-gradient(ellipse at center,
                    rgba(255, 255, 255, 0.68) 0%,
                    rgba(255, 255, 255, 0.16) 58%,
                    rgba(220, 215, 205, 0.10) 100%);
        }


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

        .vc-approach-container {
            position: relative;

            z-index: 2;

            width: 100%;

            max-width: 1400px;

            margin: 0 auto;
        }


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

        .vc-approach-heading {
            text-align: center;

            margin-bottom: 40px;
        }


        .vc-approach-heading span {
            display: block;

            margin-bottom: 10px;

            color: #f3a000;

            font-size: 26px;

            line-height: 1.2;

            font-weight: 400;

            letter-spacing: 3px;

            text-transform: uppercase;
        }


        .vc-approach-heading h2 {
            margin: 0;

            color: #242424;

            font-size: 47px;

            line-height: 1.18;

            font-weight: 600;

            letter-spacing: -1px;
        }


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

        .vc-approach-grid {
            display: grid;

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

            align-items: stretch;

            width: 100%;

            max-width: 1320px;

            margin: 0 auto;

            overflow: visible;
        }


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

        .vc-approach-card {
            position: relative;

            min-height: 415px;

            display: flex;

            justify-content: center;

            align-items: flex-start;

            padding:
                46px 27px 38px;

            cursor: pointer;

            background: transparent;

            border-radius: 12px;

            transition:
                transform .35s ease,
                background .35s ease,
                box-shadow .35s ease;

            z-index: 2;
        }


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

        .vc-approach-card-inner {
            position: relative;

            z-index: 4;

            width: 100%;

            text-align: center;
        }


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

        .vc-approach-icon {
            width: 112px;

            height: 112px;

            margin:
                0 auto 29px;

            display: flex;

            align-items: center;

            justify-content: center;

            border-radius: 50%;

            font-size: 43px;

            transition:
                transform .3s ease;
        }


        /* Card 1 */

        .vc-approach-icon-1 {
            color: #ee542d;

            background: #fde8df;
        }


        /* Card 2 */

        .vc-approach-icon-2 {
            color: #e8a000;

            background: #fff0d0;
        }


        /* Card 3 */

        .vc-approach-icon-3 {
            color: #38a9dd;

            background: #e3f5fb;
        }


        /* Card 4 */

        .vc-approach-icon-4 {
            color: #29c477;

            background: #e0f5e9;
        }


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

        .vc-approach-card h3 {
            margin:
                0 0 18px;

            color: #292929;


            font-size: 25px;

            line-height: 1.3;

            font-weight: 600;

            transition:
                transform .3s ease;
        }


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

        .vc-approach-card p {
            width: 100%;

            max-width: 285px;

            margin: 0 auto;

            color: #707070;

            font-size: 16px;

            line-height: 1.85;

            font-weight: 400;
        }


        /* =========================================================
   ORANGE PAINT / BRUSH
========================================================= */

        .vc-approach-brush {
            position: absolute;

            width: 465px;

            height: 355px;

            left: 50%;

            top: 50%;

            transform:
                translate(-50%, -48%) rotate(-3deg) scale(.96);

            opacity: 0;

            pointer-events: none;

            z-index: 1;

            background: #ffa600;

            clip-path: polygon(7% 25%,
                    14% 17%,
                    27% 20%,
                    34% 11%,
                    47% 18%,
                    59% 9%,
                    70% 18%,
                    84% 13%,
                    93% 26%,
                    87% 37%,
                    96% 48%,
                    88% 57%,
                    94% 72%,
                    80% 69%,
                    72% 84%,
                    58% 76%,
                    47% 89%,
                    36% 79%,
                    23% 87%,
                    19% 72%,
                    7% 68%,
                    13% 55%,
                    4% 45%,
                    12% 36%);

            transition:
                opacity .35s ease,
                transform .35s ease;
        }


        /* Paint texture */

        /* .vc-approach-brush::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at 13% 43%,
            rgba(255,255,255,.9) 0 2px,
            transparent 3px
        ),
        radial-gradient(
            circle at 82% 31%,
            rgba(255,255,255,.85) 0 2px,
            transparent 3px
        ),
        radial-gradient(
            circle at 88% 66%,
            rgba(255,255,255,.85) 0 2px,
            transparent 3px
        ),
        radial-gradient(
            circle at 20% 74%,
            rgba(255,255,255,.8) 0 2px,
            transparent 3px
        );
} */


        /* =========================================================
   ACTIVE / HOVER CARD
========================================================= */

        .vc-approach-card:hover,
        .vc-approach-card.active {
            background: #ffffff;

            border-radius: 12px;

            transform:
                translateY(-8px);

            box-shadow:
                0 18px 45px rgba(0, 0, 0, .08);

            z-index: 10;
        }


        /* Show brush */

        /* .vc-approach-card:hover .vc-approach-brush,
.vc-approach-card.active .vc-approach-brush {
    opacity: 1;

    transform:
        translate(-50%, -48%)
        rotate(-3deg)
        scale(1);
} */


        /* Icon movement */

        .vc-approach-card:hover .vc-approach-icon,
        .vc-approach-card.active .vc-approach-icon {
            transform:
                translateY(-2px) scale(1.03);
        }


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

        .vc-approach-button-wrap {
            display: flex;

            justify-content: center;

            margin-top: 6px;
        }


        .vc-approach-button {
            width: 188px;

            height: 68px;

            display: inline-flex;

            align-items: center;

            justify-content: center;

            border:
                2px solid #f3a000;

            border-radius: 38px;

            background: transparent;

            color: #292929;

            text-decoration: none;

            font-size: 15px;

            font-weight: 500;

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


        .vc-approach-button:hover {
            background: #f3a000;

            color: #ffffff;

            transform:
                translateY(-2px);
        }


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

        @media (max-width: 1100px) {

            .vc-approach-section {
                padding:
                    65px 20px 70px;
            }


            .vc-approach-heading h2 {
                font-size: 41px;
            }


            .vc-approach-heading span {
                font-size: 22px;
            }


            .vc-approach-grid {
                grid-template-columns:
                    repeat(2, 1fr);

                max-width: 780px;

                gap: 18px;
            }


            .vc-approach-card {
                min-height: 390px;

                padding:
                    42px 25px 38px;
            }


            .vc-approach-card:hover,
            .vc-approach-card.active {
                transform:
                    translateY(-5px);
            }


            /* .vc-approach-brush {
        width: 430px;

        height: 335px;
    } */

        }


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

        @media (max-width: 767px) {

            .vc-approach-section {
                padding:
                    52px 15px 60px;
            }


            .vc-approach-heading {
                margin-bottom: 28px;
            }


            .vc-approach-heading span {
                font-size: 17px;

                letter-spacing: 2px;

                margin-bottom: 8px;
            }


            .vc-approach-heading h2 {
                font-size: 31px;

                line-height: 1.2;

                letter-spacing: -.5px;
            }


            .vc-approach-grid {
                grid-template-columns: 1fr;

                width: 100%;

                max-width: 450px;

                gap: 14px;
            }


            .vc-approach-card {
                min-height: auto;

                padding:
                    34px 22px 38px;

                border-radius: 0;
            }


            .vc-approach-card.active {
                background: #ffffff;

                border-radius: 14px;

                box-shadow:
                    0 15px 35px rgba(0, 0, 0, .08);

                transform:
                    translateY(-3px);
            }


            .vc-approach-icon {
                width: 98px;

                height: 98px;

                margin-bottom: 23px;

                font-size: 38px;
            }


            .vc-approach-card h3 {
                font-size: 23px;

                margin-bottom: 13px;
            }


            .vc-approach-card p {
                max-width: 340px;

                font-size: 15.5px;

                line-height: 1.78;
            }


            /* .vc-approach-brush {
        width: 385px;

        height: 305px;
    } */


            .vc-approach-button-wrap {
                margin-top: 24px;
            }


            .vc-approach-button {
                width: 175px;

                height: 61px;

                font-size: 14px;
            }

        }


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

        @media (max-width: 480px) {

            .vc-approach-section {
                padding:
                    45px 13px 55px;
            }


            .vc-approach-heading span {
                font-size: 15px;

                letter-spacing: 1.6px;
            }


            .vc-approach-heading h2 {
                font-size: 27px;
            }


            .vc-approach-card {
                padding:
                    31px 17px 34px;
            }


            .vc-approach-icon {
                width: 90px;

                height: 90px;

                font-size: 34px;
            }


            .vc-approach-card h3 {
                font-size: 21px;
            }


            .vc-approach-card p {
                font-size: 14.5px;

                line-height: 1.75;
            }


            /* .vc-approach-brush {
        width: 330px;

        height: 275px;
    } */

        }


/* =========================================================
   VIVECHANA - SUPPORT OUR MISSION & COLLABORATORS
========================================================= */

.vc-support-section {
    position: relative;
    width: 100%;
    padding: 80px 25px;
    background: #fff;
    overflow: hidden;
    box-sizing: border-box;
}

.vc-support-container {
    width: 100%;
    max-width: 1438px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 65px;
    align-items: center;
}


/* LEFT MISSION PANEL */

.vc-mission-panel {
    position: relative;
    min-height: 390px;
    padding: 65px 50px;
    display: flex;
    align-items: center;

    overflow: hidden;
    border-radius: 14px;
    background: #ff4b26;
    box-sizing: border-box;
}

.vc-mission-pattern {
    position: absolute;
    width: 300px;
    height: 300px;
    right: -100px;
    top: -100px;
    border: 10px solid rgba(201, 60, 32, .25);
    border-radius: 50%;
    pointer-events: none;
}

.vc-mission-pattern::after {
    content: "";
    position: absolute;
    width: 220px;
    height: 220px;
    left: -230px;
    top: 230px;
    border: 9px solid rgba(201, 60, 32, .25);
    border-radius: 50%;
}

.vc-mission-content {
    position: relative;
    z-index: 2;
    width: 100%;
}

.vc-mission-label {
    display: inline-block;
    margin-bottom: 17px;
    color: #ffc400;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 2px;
}

.vc-mission-content h2 {
    margin: 0 0 22px;
    color: #fff;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 600;
}

.vc-mission-content p {
    max-width: 490px;
    margin: 0;
    color: #fff;
    font-size: 17px;
    line-height: 1.9;
    font-weight: 400;
}

/* DONATE BUTTON - RIGHT ALIGNED */

.vc-mission-action {
    display: flex;
    justify-content: flex-start;
    margin-top: 35px;
}

.vc-support-donate-button {
    min-width: 205px;
    height: 60px;
    padding: 0 25px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 2px solid #ffc400;
    border-radius: 40px;

    background: #ffc400;
    color: #1f2a44;
    text-decoration: none;

    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;

    transition: .3s ease;
}

.vc-support-donate-button:hover {
    background: transparent;
    color: #fff;
}


/* RIGHT COLLABORATORS PANEL */

.vc-collaborators-panel {
    position: relative;
    width: 100%;
    min-width: 0;
    padding: 15px 0;
    box-sizing: border-box;
}

.vc-collaborators-heading {
    margin-bottom: 30px;
}

.vc-collaborators-eyebrow {
    display: block;
    margin-bottom: 12px;
    color: #f0a000;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: 2px;
}

.vc-collaborators-heading h2 {
    margin: 0 0 15px;
    color: #1f2a44;
    font-size: 38px;
    line-height: 1.25;
    font-weight: 600;
}

.vc-collaborators-heading p {
    max-width: 580px;
    margin: 0;
    color: #68717c;
    font-size: 18px;
    line-height: 1.85;
}


/* LOGO PLACEHOLDER GRID */

.vc-collaborators-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 17px;
}

.vc-collaborator-item {
    min-height: 105px;
    padding: 15px;

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

    background: #fff;
    border: 1px solid #ececec;
    border-radius: 10px;

    box-shadow: 0 5px 22px rgba(31, 42, 68, .055);

    transition: .3s ease;
}

.vc-collaborator-item span {
    color: #a0a5aa;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.vc-collaborator-item:hover {
    transform: translateY(-4px);
    border-color: #ffb29f;
    box-shadow: 0 10px 25px rgba(31, 42, 68, .09);
}


/* BOTTOM NOTE */

.vc-collaborators-note {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-top: 24px;

    color: #68717c;
    font-size: 17px;
    line-height: 1.5;
}

.vc-collaborators-note i {
    color: #ff4b26;
    font-size: 19px;
}


/* TABLET */

@media (max-width: 991px) {

    .vc-support-section {
        padding: 65px 25px;
    }

    .vc-support-container {
        grid-template-columns: 1fr 1fr;
        gap: 35px;
    }

    .vc-mission-panel {
        min-height: 400px;
        padding: 45px 30px;
    }

    .vc-mission-content h2,
    .vc-collaborators-heading h2 {
        font-size: 30px;
    }

    .vc-mission-content p {
        font-size: 15px;
    }

    .vc-collaborators-heading p {
        font-size: 14px;
    }

    .vc-collaborator-item {
        min-height: 90px;
    }
}


/* MOBILE */

@media (max-width: 767px) {

    .vc-support-section {
        padding: 50px 18px;
    }

    .vc-support-container {
        max-width: 550px;
        grid-template-columns: 1fr;
        gap: 42px;
    }

    .vc-mission-panel {
        min-height: auto;
        padding: 45px 25px;
    }

    .vc-mission-content h2 {
        font-size: 29px;
    }

    .vc-mission-content p {
        font-size: 15px;
        line-height: 1.8;
    }

    .vc-mission-action {
        margin-top: 28px;
    }

    .vc-support-donate-button {
        min-width: 185px;
        height: 55px;
    }

    .vc-collaborators-panel {
        padding: 0;
    }

    .vc-collaborators-heading {
        margin-bottom: 23px;
    }

    .vc-collaborators-eyebrow {
        font-size: 14px;
    }

    .vc-collaborators-heading h2 {
        font-size: 29px;
    }

    .vc-collaborators-heading p {
        font-size: 14px;
        line-height: 1.8;
    }

    .vc-collaborators-grid {
        gap: 12px;
    }

    .vc-collaborator-item {
        min-height: 85px;
    }
}


/* SMALL MOBILE */

@media (max-width: 480px) {

    .vc-support-section {
        padding: 42px 14px;
    }

    .vc-mission-panel {
        padding: 38px 21px;
    }

    .vc-mission-content h2,
    .vc-collaborators-heading h2 {
        font-size: 26px;
    }

    .vc-mission-content p {
        font-size: 14px;
    }

    .vc-collaborators-grid {
        gap: 10px;
    }

    .vc-collaborator-item {
        min-height: 75px;
        padding: 10px;
    }

    .vc-collaborator-item span {
        font-size: 11px;
    }

    .vc-collaborators-note {
        font-size: 12px;
    }
}


        /* VIVECHANA
   INSIGHTS & UPDATES */

        .vc-news-section {
            position: relative;
            width: 100%;
            overflow: hidden;

            padding: 30px 20px 76px;

            background: #faf9f6;

            box-sizing: border-box;
        }


        /* =========================================================
   SUBTLE BACKGROUND TEXTURE
========================================================= */

        .vc-news-section::before {
            content: "";

            position: absolute;
            inset: 0;

            pointer-events: none;

            opacity: .25;

            background-image:
                radial-gradient(rgba(100, 100, 100, .10) .7px,
                    transparent .7px);

            background-size: 7px 7px;
        }


        /* =========================================================
   BACKGROUND DECORATION
========================================================= */

        .vc-news-bg-shape {
            position: absolute;

            pointer-events: none;

            z-index: 0;

            opacity: .42;

            border-radius: 50%;
        }


        .vc-news-bg-shape-left {
            left: -170px;
            bottom: -120px;

            width: 520px;
            height: 280px;

            background:
                radial-gradient(ellipse,
                    rgba(225, 222, 213, .9) 0%,
                    rgba(225, 222, 213, .55) 42%,
                    transparent 72%);

            transform: rotate(-15deg);
        }


        .vc-news-bg-shape-right {
            right: -180px;
            top: -110px;

            width: 520px;
            height: 290px;

            background:
                radial-gradient(ellipse,
                    rgba(231, 228, 220, .9) 0%,
                    rgba(231, 228, 220, .55) 42%,
                    transparent 72%);

            transform: rotate(-15deg);
        }


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

        .vc-news-container {
            position: relative;

            z-index: 2;

            width: 100%;
            max-width: 1288px;

            margin: 0 auto;

            box-sizing: border-box;
        }


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

        .vc-news-heading {
            width: 100%;

            text-align: center;

            margin: 0 0 47px;
        }


        /* =========================================================
   ORANGE SMALL HEADING
========================================================= */

        .vc-news-eyebrow {
            margin: 0 0 10px;

            color: #f0a000;
            font-size: 25px;

            line-height: 1;

            font-weight: 400;

            letter-spacing: 2.2px;

            text-transform: uppercase;
        }


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

        .vc-news-heading h2 {
            margin: 0;

            color: #182538;

            font-size: 38px;

            line-height: 1.2;

            font-weight: 500;

            letter-spacing: -.7px;
        }


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

        .vc-news-grid {
            display: grid;

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

            column-gap: 33px;

            align-items: start;
        }


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

        .vc-news-card {
            position: relative;

            width: 100%;
            height: 553px;

            min-height: 553px;
            max-height: 553px;

            overflow: hidden;

            border-radius: 11px;

            background: #fff;

            box-shadow:
                0 4px 16px rgba(0, 0, 0, .055);

            box-sizing: border-box;

            transition:
                transform .25s ease,
                box-shadow .25s ease;
        }


        .vc-news-card:hover {
            transform: translateY(-3px);

            box-shadow:
                0 10px 26px rgba(0, 0, 0, .09);
        }


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

        .vc-news-image-wrap {
            position: relative;

            width: 100%;
            height: 326px;

            overflow: hidden;

            background: #eee;

            box-sizing: border-box;
        }


        .vc-news-image {
            display: block;

            width: 100%;
            height: 326px;

            object-fit: cover;

            object-position: center;

            transition: transform .45s ease;
        }


        .vc-news-card:hover .vc-news-image {
            transform: scale(1.025);
        }


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

        .vc-news-category {
            position: absolute;

            left: 31px;
            top: 32px;

            height: 30px;

            padding: 0 13px;

            display: inline-flex;

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

            border-radius: 18px;

            background: #ffb000;

            color: #fff;
            font-size: 12px;

            line-height: 1;

            font-weight: 600;

            white-space: nowrap;

            box-sizing: border-box;
        }


        .vc-news-category-orange {
            background: #fa4d27;
        }


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

        .vc-news-card-content {
            height: 227px;

            padding:
                27px 33px 18px;

            display: flex;

            flex-direction: column;

            box-sizing: border-box;
        }


        /* =========================================================
   DATE
========================================================= */

        .vc-news-date {
            flex: 0 0 auto;

            margin: 0 0 14px;

            color: #f05a36;
            font-size: 23px;

            line-height: 1;

            font-weight: 400;

            letter-spacing: 1px;

            text-transform: uppercase;
        }


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

        .vc-news-card h3 {
            flex: 0 0 auto;

            width: 100%;

            height: 70px;

            min-height: 70px;
            max-height: 70px;

            margin: 0;

            overflow: hidden;

            color: #182538;

            font-size: 20px;

            line-height: 1.55;

            font-weight: 500;

            letter-spacing: -.15px;

            display: -webkit-box;

            -webkit-box-orient: vertical;

            -webkit-line-clamp: 2;
        }


        /* =========================================================
   META ROW
========================================================= */

        .vc-news-meta {
            flex: 1 1 auto;

            width: 100%;

            margin-top: auto;

            padding-top: 15px;

            border-top:
                1px solid #e6e6e6;

            display: flex;

            align-items: center;

            justify-content: space-between;

            box-sizing: border-box;
        }


        /* =========================================================
   AUTHOR
========================================================= */

        .vc-news-author {
            display: flex;

            align-items: center;

            gap: 10px;

            color: #4d5660;

            font-size: 13px;

            line-height: 1;

            font-weight: 400;

            white-space: nowrap;
        }


        .vc-news-author-icon {
            width: 20px;
            height: 20px;

            display: inline-flex;

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

            color: #fa4d27;

            font-size: 17px;
        }


        /*SHARE BUTTON */

        .vc-news-share {
            width: 24px;
            height: 24px;

            padding: 0;

            border: 0;

            background: transparent;

            display: inline-flex;

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

            color: #65707a;

            font-size: 14px;

            cursor: pointer;

            transition: color .2s ease;
        }


        .vc-news-share:hover {
            color: #fa4d27;
        }


        /* =========================================================
   ALL NEWS
========================================================= */

        .vc-news-button-wrap {
            width: 100%;

            margin-top: 54px;

            display: flex;

            justify-content: center;
        }


        .vc-news-all-button {
            width: 155px;
            height: 62px;

            display: flex;

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

            border:
                2px solid #f0a000;

            border-radius: 32px;

            background: transparent;

            color: #172538;

            text-decoration: none;
            font-size: 13px;

            line-height: 1;

            font-weight: 500;

            box-sizing: border-box;

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


        .vc-news-all-button:hover {
            background: #f0a000;

            color: #fff;
        }


        /* =========================================================
   1200px
========================================================= */

        @media (max-width: 1200px) {

            .vc-news-container {
                max-width: 1080px;
            }


            .vc-news-grid {
                column-gap: 25px;
            }


            .vc-news-card {
                height: 540px;
                min-height: 540px;
                max-height: 540px;
            }


            .vc-news-image-wrap,
            .vc-news-image {
                height: 300px;
            }


            .vc-news-card-content {
                height: 240px;

                padding-left: 27px;
                padding-right: 27px;
            }


            .vc-news-card h3 {
                font-size: 19px;
            }

        }


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

        @media (max-width: 991px) {

            .vc-news-section {
                padding:
                    55px 25px 65px;
            }


            .vc-news-heading {
                margin-bottom: 38px;
            }


            .vc-news-eyebrow {
                font-size: 22px;
            }


            .vc-news-heading h2 {
                font-size: 34px;
            }


            .vc-news-grid {
                grid-template-columns:
                    repeat(2, minmax(0, 1fr));

                gap: 25px;
            }


            .vc-news-card {
                height: 535px;
                min-height: 535px;
                max-height: 535px;
            }


            .vc-news-image-wrap,
            .vc-news-image {
                height: 285px;
            }


            .vc-news-card-content {
                height: 250px;

                padding:
                    24px 25px 17px;
            }


            .vc-news-date {
                font-size: 20px;
            }


            .vc-news-card h3 {
                height: 64px;
                min-height: 64px;
                max-height: 64px;

                font-size: 19px;

                line-height: 1.5;
            }


            .vc-news-card:last-child {
                grid-column: 1 / -1;

                width: calc(50% - 12.5px);

                margin: 0 auto;
            }

        }


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

        @media (max-width: 767px) {

            .vc-news-section {
                padding:
                    48px 15px 58px;
            }


            .vc-news-heading {
                margin-bottom: 31px;
            }


            .vc-news-eyebrow {
                margin-bottom: 9px;

                font-size: 18px;

                letter-spacing: 1.6px;
            }


            .vc-news-heading h2 {
                font-size: 28px;

                line-height: 1.25;
            }


            .vc-news-grid {
                display: flex;

                flex-direction: column;

                gap: 28px;
            }


            .vc-news-card,
            .vc-news-card:last-child {
                width: 100%;

                height: auto;

                min-height: 0;
                max-height: none;

                margin: 0;
            }


            .vc-news-image-wrap,
            .vc-news-image {
                height: 260px;
            }


            .vc-news-category {
                top: 20px;
                left: 20px;

                height: 29px;

                padding:
                    0 12px;

                font-size: 11px;
            }


            .vc-news-card-content {
                height: auto;

                min-height: 215px;

                padding:
                    22px 22px 18px;
            }


            .vc-news-date {
                margin-bottom: 11px;

                font-size: 19px;
            }


            .vc-news-card h3 {
                height: auto;

                min-height: 0;
                max-height: none;

                font-size: 18px;

                line-height: 1.5;

                -webkit-line-clamp: 3;
            }


            .vc-news-meta {
                margin-top: 19px;

                padding-top: 14px;
            }


            .vc-news-author {
                font-size: 12px;
            }


            .vc-news-button-wrap {
                margin-top: 38px;
            }


            .vc-news-all-button {
                width: 145px;
                height: 56px;
            }

        }


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

        @media (max-width: 480px) {

            .vc-news-section {
                padding:
                    40px 12px 50px;
            }


            .vc-news-eyebrow {
                font-size: 16px;

                letter-spacing: 1.3px;
            }


            .vc-news-heading h2 {
                font-size: 25px;
            }


            .vc-news-image-wrap,
            .vc-news-image {
                height: 225px;
            }


            .vc-news-category {
                top: 16px;
                left: 16px;

                height: 28px;

                padding:
                    0 10px;

                font-size: 10px;
            }


            .vc-news-card-content {
                padding:
                    20px 18px 17px;
            }


            .vc-news-date {
                font-size: 17px;
            }


            .vc-news-card h3 {
                font-size: 17px;

                line-height: 1.5;
            }


            .vc-news-author {
                font-size: 11px;
            }


            .vc-news-author-icon {
                font-size: 15px;
            }

        }


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

        .bf-gallery-section {
            width: 100%;
            padding: 35px 38px;
            background: #ffffff;
        }


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

        .bf-gallery-container {
            width: 100%;
            max-width: 1800px;
            margin: 0 auto;

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

            gap: 36px;

            position: relative;
        }


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

        .bf-gallery-card {
            position: relative;

            width: 100%;
            height: 430px;

            border-radius: 12px;

            cursor: pointer;

            overflow: visible;
        }


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

       This keeps the image itself rounded and clipped.
    ===================================================== */

        .bf-image-wrapper {
            position: absolute;

            top: 0;
            left: 0;

            width: 100%;
            height: 100%;

            border-radius: 12px;

            overflow: hidden;

            z-index: 1;

            background: #eeeeee;
        }


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

        .bf-gallery-image {
            width: 100%;
            height: 100%;

            display: block;

            object-fit: cover;

            object-position: center;

            transition:
                transform 0.6s ease,
                filter 0.4s ease;
        }


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

        .bf-gallery-card:hover .bf-gallery-image {
            transform: scale(1.04);
        }


        /* =====================================================
       HOVER ORANGE PANEL
    ===================================================== */

        .bf-hover-content {
            position: absolute;

            /*
         * This creates the offset effect visible
         * in your screenshot.
         */
            top: 25px;
            left: 25px;

            width: 100%;
            height: 100%;

            border-radius: 12px;

            background: rgba(242, 128, 20, 0.90);

            z-index: 5;

            display: flex;
            flex-direction: column;

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

            text-align: center;

            opacity: 0;
            visibility: hidden;

            transform: translate(0, 0);

            transition:
                opacity 0.35s ease,
                visibility 0.35s ease,
                transform 0.35s ease;
        }


        /* =====================================================
       SHOW ON HOVER
    ===================================================== */

        .bf-gallery-card:hover .bf-hover-content {
            opacity: 1;
            visibility: visible;
        }


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

        .bf-plus {
            width: 76px;
            height: 76px;

            border-radius: 50%;

            background: #ffffff;

            color: #111111;

            text-decoration: none;

            display: flex;

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

            margin-bottom: 25px;

            box-shadow: none;

            transition:
                transform 0.25s ease,
                background-color 0.25s ease,
                color 0.25s ease;
        }


        /* =====================================================
       PLUS SYMBOL
    ===================================================== */

        .bf-plus span {
            display: block;

            font-size: 40px;

            font-weight: 300;

            line-height: 1;

            margin-top: -3px;
        }


        /* =====================================================
       PLUS HOVER
    ===================================================== */

        .bf-plus:hover {
            background: #ffffff;

            color: #111111;

            text-decoration: none;

            transform: scale(1.08);
        }


        .bf-plus:hover span {
            color: #111111;
        }


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

        .bf-hover-content h3 {
            margin: 0 0 7px 0;

            padding: 0;

            color: #ffffff;

            font-size: 30px;

            font-weight: 700;

            line-height: 1.2;

            letter-spacing: -0.3px;
        }


        /* =====================================================
       HASHTAGS
    ===================================================== */

        .bf-hover-content p {
            margin: 0;

            padding: 0;

            color: #ffffff;
            font-size: 22px;

            font-weight: 400;

            line-height: 1.4;

            letter-spacing: 2px;
        }


        /* =====================================================
       DESKTOP HOVER EFFECT
    ===================================================== */

        @media (min-width: 992px) {

            .bf-gallery-card:hover .bf-hover-content {
                transform: translate(0, 0);
            }

        }


        /* =====================================================
       LARGE SCREEN
    ===================================================== */

        @media (min-width: 1600px) {

            .bf-gallery-section {
                padding-left: 38px;
                padding-right: 38px;
            }

            .bf-gallery-container {
                gap: 37px;
            }

            .bf-gallery-card {
                height: 430px;
            }

        }


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

        @media (max-width: 1199px) {

            .bf-gallery-section {
                padding: 30px 25px;
            }

            .bf-gallery-container {
                grid-template-columns: repeat(2, minmax(0, 1fr));

                gap: 30px;
            }

            .bf-gallery-card {
                height: 420px;
            }

        }


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

        @media (max-width: 767px) {

            .bf-gallery-section {
                padding: 25px 18px;
            }

            .bf-gallery-container {
                grid-template-columns: 1fr;

                gap: 25px;
            }

            .bf-gallery-card {
                height: 430px;
            }

            .bf-hover-content {
                top: 20px;
                left: 20px;
            }

            .bf-hover-content h3 {
                font-size: 27px;
            }

            .bf-hover-content p {
                font-size: 19px;
            }

            .bf-plus {
                width: 70px;
                height: 70px;
            }

        }


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

        @media (max-width: 480px) {

            .bf-gallery-section {
                padding: 20px 15px;
            }

            .bf-gallery-container {
                gap: 20px;
            }

            .bf-gallery-card {
                height: 390px;
            }

            .bf-hover-content {
                top: 15px;
                left: 15px;
            }

            .bf-plus {
                width: 65px;
                height: 65px;

                margin-bottom: 20px;
            }

            .bf-plus span {
                font-size: 34px;
            }

            .bf-hover-content h3 {
                font-size: 24px;
            }

            .bf-hover-content p {
                font-size: 16px;

                letter-spacing: 1.5px;
            }

        }


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

        @media (max-width: 360px) {

            .bf-gallery-card {
                height: 350px;
            }

            .bf-hover-content h3 {
                font-size: 21px;
            }

            .bf-hover-content p {
                font-size: 14px;
            }

        }

        /* =========================================================
   REFERENCE SIZE FIX
   IMAGE = 322.5px x 322.5px
========================================================= */

        .bf-gallery-section {
            width: 100%;
            padding: 35px 38px !important;
        }

        .bf-gallery-container {
            width: 100%;
            max-width: 100% !important;

            display: grid !important;

            grid-template-columns: repeat(4, 322.5px) !important;

            justify-content: space-between !important;

            gap: 0 !important;
        }


        /* =========================================================
   ACTUAL IMAGE CARD
========================================================= */

        .bf-gallery-card {
            position: relative !important;

            width: 322.5px !important;
            height: 322.5px !important;

            min-width: 322.5px !important;
            max-width: 322.5px !important;

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

            overflow: visible !important;
        }


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

        .bf-image-wrapper {
            position: absolute !important;

            top: 0 !important;
            left: 0 !important;

            width: 322.5px !important;
            height: 322.5px !important;

            min-width: 322.5px !important;
            max-width: 322.5px !important;

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

            overflow: hidden !important;

            border-radius: 12px !important;
        }


        .bf-gallery-image {
            display: block !important;

            width: 322.5px !important;
            height: 322.5px !important;

            min-width: 322.5px !important;
            max-width: 322.5px !important;

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

            object-fit: cover !important;
        }


        /* =========================================================
   HOVER ORANGE PANEL

   Image = 322.5 x 322.5
   Orange panel = same size
   Offset = 25px
========================================================= */

        .bf-hover-content {
            position: absolute !important;

            top: 25px !important;
            left: 25px !important;

            width: 322.5px !important;
            height: 322.5px !important;

            min-width: 322.5px !important;
            max-width: 322.5px !important;

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

            border-radius: 12px !important;

            background: rgba(242, 128, 20, 0.90) !important;

            z-index: 5;

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            text-align: center;

            opacity: 0;

            visibility: hidden;

            transition:
                opacity 0.35s ease,
                visibility 0.35s ease;
        }


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

        .bf-gallery-card:hover .bf-hover-content {
            opacity: 1;
            visibility: visible;
        }


        /* =========================================================
   PLUS
========================================================= */

        .bf-plus {
            width: 58px !important;
            height: 58px !important;

            margin-bottom: 18px !important;

            flex-shrink: 0;

            border-radius: 50%;

            background: #ffffff;

            color: #111111;

            display: flex;

            align-items: center;

            justify-content: center;

            text-decoration: none;
        }


        .bf-plus span {
            font-size: 32px !important;

            line-height: 1;
        }


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

        .bf-hover-content h3 {
            margin: 0 0 7px 0 !important;

            font-size: 24px !important;

            line-height: 1.2;

            white-space: nowrap;
        }


        /* =========================================================
   HASHTAGS
========================================================= */

        .bf-hover-content p {
            margin: 0 !important;

            font-size: 17px !important;

            letter-spacing: 1.5px;

            white-space: nowrap;
        }


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

        @media (max-width: 1400px) {

            .bf-gallery-container {
                grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
                gap: 25px !important;
            }

            .bf-gallery-card {
                width: 100% !important;
                height: auto !important;
                aspect-ratio: 1 / 1;
                min-width: 0 !important;
                max-width: none !important;
                min-height: 0 !important;
                max-height: none !important;
            }

            .bf-image-wrapper,
            .bf-gallery-image {
                width: 100% !important;
                height: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                min-height: 0 !important;
                max-height: none !important;
            }

            .bf-hover-content {
                width: 100% !important;
                height: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                min-height: 0 !important;
                max-height: none !important;
            }
        }


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

        @media (max-width: 991px) {

            .bf-gallery-container {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 30px !important;
            }

        }


        @media (max-width: 576px) {

            .bf-gallery-section {
                padding: 20px 15px !important;
            }

            .bf-gallery-container {
                grid-template-columns: 1fr !important;
                gap: 25px !important;
            }

        }



        .vc-gallery-section {
            width: 100%;
            padding: 0px 0 62px;
            background: #f7f6f2;
            overflow: hidden;
        }

        .vc-gallery-container {
            width: min(1350px, 90%);
            margin: 0 auto;
        }

        .vc-gallery-heading {
            margin-bottom: 42px;
        }

        .vc-gallery-eyebrow {
            margin: 12px 0;
            color: #ef9800;
            font-size: 20px;
            font-weight: 300;
            line-height: 1;
            letter-spacing: 2px;
        }

        .vc-gallery-heading-row {
            display: flex;
            align-items: flex-end;
            justify-content: space-between;
            gap: 35px;
        }

        .vc-gallery-heading h2 {
            margin: 0 0 13px;
            color: #242424;
            font-family: "DM Sans", sans-serif;
            font-size: 44px;
            font-weight: 700;
            line-height: 1.15;
            letter-spacing: -1px;
        }

        .vc-gallery-heading p {
            width: min(1000px, 100%);
            margin: 0;
            color: #666;
            font-family: "DM Sans", sans-serif;
            font-size: 16px;
            font-weight: 400;
            line-height: 1.7;
        }

        .vc-gallery-arrows {
            display: flex;
            align-items: center;
            gap: 10px;
            flex-shrink: 0;
        }

        .vc-gallery-btn {
            width: 52px;
            height: 52px;
            border: 1px solid #dedbd4;
            border-radius: 50%;
            background: #ffffff;
            color: #242424;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 16px;
            cursor: pointer;
            transition:
                background .25s ease,
                color .25s ease,
                border-color .25s ease,
                transform .25s ease;
        }

        .vc-gallery-btn:hover {
            background: #f04b25;
            border-color: #f04b25;
            color: #ffffff;
            transform: translateY(-2px);
        }

        .vc-gallery-btn:disabled {
            opacity: .35;
            cursor: not-allowed;
            transform: none;
        }

        .vc-gallery-viewport {
            width: 100%;
            overflow: hidden;
            touch-action: pan-y;
            cursor: grab;
        }

        .vc-gallery-viewport.is-dragging {
            cursor: grabbing;
        }

        .vc-gallery-track {
            display: flex;
            width: 100%;
            transition: transform .55s cubic-bezier(.4, 0, .2, 1);
            will-change: transform;
        }

        .vc-gallery-slide {
            flex: 0 0 33.333333%;
            width: 33.333333%;
            min-width: 33.333333%;
            padding-right: 18px;
            box-sizing: border-box;
        }

        .vc-gallery-slide:nth-child(3n) {
            padding-right: 0;
        }

        .vc-gallery-card {
            position: relative;
            display: block;
            width: 100%;
            text-decoration: none;
            color: inherit;
            background: #ffffff;
            border-radius: 12px;
            overflow: hidden;
            box-shadow: 0 12px 35px rgba(31, 42, 68, .08);
            transition:
                transform .35s ease,
                box-shadow .35s ease;
        }

        .vc-gallery-card:hover {
            transform: translateY(-7px);
            box-shadow: 0 20px 45px rgba(31, 42, 68, .13);
        }

        .vc-gallery-image-wrap {
            position: relative;
            width: 100%;
            height: 285px;
            overflow: hidden;
            background: #ddd;
        }

        .vc-gallery-image {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            transition: transform .65s ease;
        }

        .vc-gallery-card:hover .vc-gallery-image {
            transform: scale(1.06);
        }

        .vc-gallery-image-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to bottom,
                    rgba(0, 0, 0, .02) 35%,
                    rgba(0, 0, 0, .38) 100%);
            pointer-events: none;
        }

        .vc-gallery-category {
            position: absolute;
            left: 18px;
            bottom: 18px;
            z-index: 4;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-height: 29px;
            padding: 0 12px;
            border-radius: 20px;
            background: #f04b25;
            color: #ffffff;
            font-family: "DM Sans", sans-serif;
            font-size: 10px;
            font-weight: 700;
            letter-spacing: .7px;
        }

        .vc-gallery-open {
            position: absolute;
            top: 18px;
            right: 18px;
            z-index: 5;
            width: 43px;
            height: 43px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 50%;
            background: rgba(255, 255, 255, .94);
            color: #f04b25;
            font-size: 15px;
            opacity: 0;
            transform: translateY(8px) scale(.9);
            transition:
                opacity .3s ease,
                transform .3s ease;
        }

        .vc-gallery-card:hover .vc-gallery-open {
            opacity: 1;
            transform: translateY(0) scale(1);
        }

        .vc-gallery-card-content {
            min-height: 105px;
            padding: 20px 21px 21px;
            display: flex;
            align-items: flex-start;
            gap: 17px;
        }

        .vc-gallery-number {
            flex-shrink: 0;
            color: #f04b25;
            font-size: 17px;
            font-weight: 300;
            line-height: 1.2;
            letter-spacing: 1px;
        }

        .vc-gallery-card-content h3 {
            margin: 0 0 7px;
            color: #242424;
            font-family: "DM Sans", sans-serif;
            font-size: 18px;
            font-weight: 700;
            line-height: 1.3;
        }

        .vc-gallery-card-content p {
            margin: 0;
            color: #777;
            font-family: "DM Sans", sans-serif;
            font-size: 13px;
            font-weight: 400;
            line-height: 1.55;
        }

        .vc-gallery-bottom {
            margin-top: 30px;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 25px;
        }

        .vc-gallery-dots {
            display: flex;
            align-items: center;
            gap: 7px;
        }

        .vc-gallery-dot {
            width: 8px;
            height: 8px;
            padding: 0;
            border: 0;
            border-radius: 50%;
            background: #d1cec7;
            cursor: pointer;
            transition:
                width .25s ease,
                background .25s ease;
        }

        .vc-gallery-dot.active {
            width: 28px;
            border-radius: 10px;
            background: #f04b25;
        }

        .vc-gallery-view-all {
            height: 50px;
            padding: 0 22px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            border: 1px solid #f04b25;
            border-radius: 28px;
            background: transparent;
            color: #f04b25;
            font-family: "DM Sans", sans-serif;
            font-size: 12px;
            font-weight: 700;
            letter-spacing: .5px;
            transition:
                background .25s ease,
                color .25s ease,
                transform .25s ease;
        }

        .vc-gallery-view-all i {
            font-size: 13px;
            transition: transform .25s ease;
        }

        .vc-gallery-view-all:hover {
            background: #f04b25;
            color: #ffffff;
            transform: translateY(-2px);
        }

        .vc-gallery-view-all:hover i {
            transform: translateX(4px);
        }

        @media (max-width: 1100px) {
            .vc-gallery-section {
                padding: 0px 0 50px;
            }

            .vc-gallery-container {
                width: 92%;
            }

            .vc-gallery-heading h2 {
                font-size: 39px;
            }

            .vc-gallery-image-wrap {
                height: 250px;
            }

            .vc-gallery-card-content {
                min-height: 105px;
                padding: 18px 17px;
            }

            .vc-gallery-card-content h3 {
                font-size: 16px;
            }

            .vc-gallery-card-content p {
                font-size: 12px;
            }
        }

        @media (max-width: 850px) {
            .vc-gallery-slide {
                flex: 0 0 50%;
                width: 50%;
                min-width: 50%;
                padding-right: 12px;
            }

            .vc-gallery-slide:nth-child(3n) {
                padding-right: 12px;
            }

            .vc-gallery-slide:nth-child(even) {
                padding-right: 0;
            }

            .vc-gallery-heading-row {
                align-items: flex-end;
            }

            .vc-gallery-image-wrap {
                height: 240px;
            }
        }

        @media (max-width: 700px) {
            .vc-gallery-section {
                padding: 58px 0 62px;
            }

            .vc-gallery-container {
                width: 90%;
            }

            .vc-gallery-heading {
                margin-bottom: 28px;
            }

            .vc-gallery-eyebrow {
                margin-bottom: 10px;
                font-size: 17px;
                letter-spacing: 1.5px;
            }

            .vc-gallery-heading-row {
                align-items: flex-start;
                gap: 18px;
            }

            .vc-gallery-heading h2 {
                margin-bottom: 10px;
                font-size: 31px;
                letter-spacing: -.6px;
            }

            .vc-gallery-heading p {
                font-size: 14px;
                line-height: 1.6;
            }

            .vc-gallery-arrows {
                gap: 7px;
            }

            .vc-gallery-btn {
                width: 42px;
                height: 42px;
                font-size: 13px;
            }

            .vc-gallery-slide {
                flex: 0 0 100%;
                width: 100%;
                min-width: 100%;
                padding-right: 0;
            }

            .vc-gallery-slide:nth-child(even),
            .vc-gallery-slide:nth-child(3n) {
                padding-right: 0;
            }

            .vc-gallery-image-wrap {
                height: 255px;
            }

            .vc-gallery-open {
                opacity: 1;
                transform: translateY(0) scale(1);
                width: 39px;
                height: 39px;
                top: 14px;
                right: 14px;
            }

            .vc-gallery-category {
                left: 14px;
                bottom: 14px;
                min-height: 27px;
                padding: 0 10px;
                font-size: 9px;
            }

            .vc-gallery-card-content {
                min-height: 105px;
                padding: 18px 16px;
            }

            .vc-gallery-card-content h3 {
                font-size: 17px;
            }

            .vc-gallery-card-content p {
                font-size: 12px;
            }

            .vc-gallery-bottom {
                margin-top: 23px;
                gap: 15px;
            }

            .vc-gallery-view-all {
                height: 45px;
                padding: 0 16px;
                font-size: 10px;
            }
        }

        @media (max-width: 480px) {
            .vc-gallery-section {
                padding: 48px 0 52px;
            }

            .vc-gallery-heading h2 {
                font-size: 27px;
            }

            .vc-gallery-heading p {
                font-size: 13px;
            }

            .vc-gallery-arrows {
                display: none;
            }

            .vc-gallery-image-wrap {
                height: 235px;
            }

            .vc-gallery-card-content {
                min-height: 100px;
                padding: 16px 14px;
            }

            .vc-gallery-number {
                font-size: 15px;
            }

            .vc-gallery-card-content h3 {
                font-size: 16px;
            }

            .vc-gallery-card-content p {
                font-size: 11.5px;
            }

            .vc-gallery-bottom {
                align-items: center;
            }

            .vc-gallery-view-all {
                height: 42px;
                padding: 0 13px;
                gap: 8px;
                font-size: 9px;
            }
        }

        @media (max-width: 360px) {
            .vc-gallery-container {
                width: 92%;
            }

            .vc-gallery-heading h2 {
                font-size: 25px;
            }

            .vc-gallery-image-wrap {
                height: 220px;
            }

            .vc-gallery-card-content h3 {
                font-size: 15px;
            }

            .vc-gallery-card-content p {
                font-size: 11px;
            }
        }


        /* =========================================================
VIVECHANA FOOTER
LIGHT / CLEAN / STRONG TYPOGRAPHY
========================================================= */

        .vivechana-footer {
            position: relative;
            width: 100%;

            background: #fff;
            color: #242529;
            overflow: hidden;

            border-top: 1px solid #e4e1dc;

        }

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

        .vivechana-footer .vf-container {
            width: min(1240px, calc(100% - 80px));

            margin: 0 auto;

            padding: 70px 0 65px;

            display: grid;

            grid-template-columns:
                1.45fr 1fr .9fr;

            column-gap: 75px;

            align-items: start;

        }

        /* =========================================================
COLUMN
========================================================= */

        .vivechana-footer .vf-column {
            min-width: 0;
        }

        /* =========================================================
BRAND COLUMN
========================================================= */

        .vivechana-footer .vf-brand {
            max-width: 480px;
        }

        /* =========================================================
LOGO
========================================================= */

        .vivechana-footer .vf-logo {
            display: inline-flex;

            align-items: center;

            width: fit-content;
            max-width: 100%;

            margin-bottom: 24px;

            text-decoration: none;

            background: #ffffff;

            border-radius: 3px;

            overflow: hidden;

        }

        .vivechana-footer .vf-logo-image {
            display: block;

            width: 185px;

            height: auto;

            max-width: 100%;

            max-height: 120px;

            object-fit: contain;

            background: #ffffff;

            transition:
                transform .25s ease,
                opacity .25s ease;

        }

        .vivechana-footer .vf-logo:hover .vf-logo-image {
            transform: translateY(-2px);

            opacity: .92;

        }

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

        .vivechana-footer .vf-description {
            max-width: 490px;

            margin: 0;

            color: #3d3f44;

            font-size: 15px;

            line-height: 1.85;

            font-weight: 500;

            letter-spacing: .05px;

        }

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

        .vivechana-footer .vf-donate-btn {
            display: inline-flex;

            align-items: center;

            justify-content: center;

            gap: 18px;

            min-width: 205px;

            height: 55px;

            margin-top: 27px;

            padding: 0 25px;

            border-radius: 30px;

            background: #ff522b;

            color: #ffffff;

            text-decoration: none;

            font-size: 12px;

            font-weight: 800;

            letter-spacing: .8px;

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

        }

        .vivechana-footer .vf-donate-btn span {
            font-size: 19px;

            line-height: 1;

            transition: transform .25s ease;

        }

        .vivechana-footer .vf-donate-btn:hover {
            color: #ffffff;

            background: #ed4724;

            transform: translateY(-2px);

            box-shadow: 0 10px 25px rgba(255, 82, 43, .22);

        }

        .vivechana-footer .vf-donate-btn:hover span {
            transform: translateX(4px);
        }

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

        .vivechana-footer .vf-column h3 {
            position: relative;

            margin: 2px 0 30px;

            padding-bottom: 13px;

            color: #1f2024;

            font-size: 18px;

            line-height: 1.3;

            font-weight: 800;

            letter-spacing: 1px;

        }

        /* Heading underline */

        .vivechana-footer .vf-column h3::after {
            content: "";

            position: absolute;

            left: 0;

            bottom: 0;

            width: 42px;

            height: 3px;

            background: #ff522b;

            border-radius: 5px;

        }

        /* =========================================================
ADDRESS / CONTACT
========================================================= */

        .vivechana-footer .vf-contact-item {
            display: flex;

            align-items: flex-start;

            gap: 14px;

            margin-bottom: 19px;

            color: #3d3f44;

            font-size: 15px;

            line-height: 1.7;

            font-weight: 500;

        }

        .vivechana-footer .vf-contact-item a {
            color: #3d3f44;

            text-decoration: none;

            font-size: 15px;

            font-weight: 500;

            transition: color .25s ease;

        }

        .vivechana-footer .vf-contact-item a:hover {
            color: #ff522b;
        }

        /* =========================================================
CONTACT ICONS
========================================================= */

        .vivechana-footer .vf-icon {
            flex: 0 0 36px;

            width: 36px;

            height: 36px;

            display: flex;

            align-items: center;

            justify-content: center;

            border: 1px solid #ded8d3;

            border-radius: 50%;

            background: #ffffff;

            color: #ff522b;

            font-size: 14px;

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

        }

        .vivechana-footer .vf-contact-item:hover .vf-icon {
            background: #ff522b;

            border-color: #ff522b;

            color: #ffffff;

            transform: translateY(-2px);

        }

        /* =========================================================
SOCIAL ICONS
========================================================= */

        .vivechana-footer .vf-socials {
            display: flex;

            align-items: center;

            gap: 10px;

            margin-top: 27px;

        }

        .vivechana-footer .vf-socials a {
            width: 38px;

            height: 38px;

            display: flex;

            align-items: center;

            justify-content: center;

            border: 1px solid #d6d3cf;

            border-radius: 50%;

            background: #ffffff;

            color: #292a2e;

            text-decoration: none;

            font-size: 14px;

            font-weight: 600;

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

        }

        .vivechana-footer .vf-socials a:hover {
            background: #ff522b;

            border-color: #ff522b;

            color: #ffffff;

            transform: translateY(-3px);

        }

        /* =========================================================
QUICK LINKS
========================================================= */

        .vivechana-footer .vf-links {
            list-style: none;

            padding: 0;

            margin: 0;

        }

        .vivechana-footer .vf-links li {
            margin-bottom: 15px;
        }

        .vivechana-footer .vf-links a {
            display: flex;

            align-items: center;

            gap: 12px;

            color: #3d3f44;

            text-decoration: none;

            font-size: 14px;

            line-height: 1.5;

            font-weight: 500;

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

        }

        .vivechana-footer .vf-links a span {
            min-width: 22px;

            color: #ff522b;

            font-size: 14px;

            font-weight: 800;

            letter-spacing: .5px;

        }

        .vivechana-footer .vf-links a:hover {
            color: #ff522b;

            transform: translateX(5px);

        }

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

        .vivechana-footer .vf-bottom-container {
            width: min(1240px, calc(100% - 80px));

            margin: 0 auto;

        }

        .vivechana-footer .vf-divider {
            width: 100%;

            height: 1px;

            background: #dcd9d5;

        }

        .vivechana-footer .vf-bottom {
            min-height: 72px;

            display: flex;

            align-items: center;

            justify-content: space-between;

            gap: 30px;

        }

        /* =========================================================
POLICY LINKS
========================================================= */

        .vivechana-footer .vf-policy-links {
            display: flex;

            align-items: center;

            flex-wrap: wrap;

            gap: 11px;

            color: #686a70;

            font-size: 14px;

            font-weight: 500;

        }

        .vivechana-footer .vf-policy-links a {
            color: #686a70;

            text-decoration: none;

            font-weight: 500;

            transition: color .25s ease;

        }

        .vivechana-footer .vf-policy-links a:hover {
            color: #ff522b;
        }

        .vivechana-footer .vf-policy-links span {
            color: #bbb8b4;
        }

        /* =========================================================
COPYRIGHT
========================================================= */

        .vivechana-footer .vf-copyright {
            color: #686a70;

            font-size: 14px;

            font-weight: 500;

            text-align: right;

        }

        .vivechana-footer .vf-copyright strong {
            color: #ff522b;

            font-weight: 800;

        }

        /* =========================================================
BACK TO TOP
========================================================= */

        .vivechana-footer .vf-back-top {
            position: absolute;

            right: 0;

            bottom: 0;

            width: 62px;

            height: 55px;

            border: 0;

            border-radius: 32px 0 0 0;

            background: #ff522b;

            color: #ffffff;

            font-size: 20px;

            font-weight: 700;

            cursor: pointer;

            display: flex;

            align-items: center;

            justify-content: center;

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

        }

        .vivechana-footer .vf-back-top:hover {
            width: 72px;

            background: #ed4724;

        }

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

        @media (max-width: 1100px) {

            .vivechana-footer .vf-container {
                width: min(920px, calc(100% - 50px));

                grid-template-columns:
                    1.3fr 1fr .9fr;

                column-gap: 45px;
            }

            .vivechana-footer .vf-bottom-container {
                width: min(920px, calc(100% - 50px));
            }

        }

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

        @media (max-width: 800px) {

            .vivechana-footer .vf-container {
                width: calc(100% - 50px);

                grid-template-columns: 1fr 1fr;

                gap: 45px 35px;

                padding-top: 58px;

                padding-bottom: 52px;
            }

            .vivechana-footer .vf-brand {
                grid-column: span 2;

                max-width: 700px;
            }

            .vivechana-footer .vf-description {
                max-width: 680px;
            }

            .vivechana-footer .vf-bottom-container {
                width: calc(100% - 50px);
            }

            .vivechana-footer .vf-bottom {
                min-height: auto;

                padding: 22px 0;

                flex-direction: column;

                align-items: flex-start;

                gap: 12px;
            }

            .vivechana-footer .vf-copyright {
                text-align: left;
            }

        }

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

        @media (max-width: 560px) {

            .vivechana-footer .vf-container {
                width: calc(100% - 36px);

                display: block;

                padding-top: 48px;

                padding-bottom: 38px;
            }

            .vivechana-footer .vf-column {
                margin-bottom: 42px;
            }

            .vivechana-footer .vf-column:last-child {
                margin-bottom: 0;
            }


            /* LOGO */

            .vivechana-footer .vf-logo {
                margin-bottom: 21px;

                max-width: 100%;

                background: #ffffff;
            }

            .vivechana-footer .vf-logo-image {
                width: 155px;

                max-width: 70vw;

                max-height: 105px;

                object-fit: contain;

                background: #ffffff;
            }


            /* DESCRIPTION */

            .vivechana-footer .vf-description {
                max-width: 100%;

                font-size: 14px;

                line-height: 1.8;

                font-weight: 500;
            }


            /* BUTTON */

            .vivechana-footer .vf-donate-btn {
                min-width: 190px;

                height: 53px;

                margin-top: 24px;

                font-size: 11px;

                font-weight: 800;
            }


            /* HEADINGS */

            .vivechana-footer .vf-column h3 {
                margin-bottom: 24px;

                font-size: 16px;

                font-weight: 800;
            }


            /* CONTACT */

            .vivechana-footer .vf-contact-item {
                font-size: 14px;

                line-height: 1.65;

                font-weight: 500;
            }

            .vivechana-footer .vf-contact-item a {
                font-size: 14px;

                font-weight: 500;
            }


            /* QUICK LINKS */

            .vivechana-footer .vf-links a {
                font-size: 14px;

                font-weight: 500;
            }


            /* BOTTOM */

            .vivechana-footer .vf-bottom-container {
                width: calc(100% - 36px);
            }

            .vivechana-footer .vf-bottom {
                padding: 21px 0 27px;
            }

            .vivechana-footer .vf-policy-links {
                font-size: 11px;

                font-weight: 500;

                gap: 8px;
            }

            .vivechana-footer .vf-copyright {
                font-size: 11px;

                line-height: 1.6;

                font-weight: 500;
            }


            /* BACK TO TOP */

            .vivechana-footer .vf-back-top {
                width: 50px;

                height: 46px;

                font-size: 18px;
            }

        }

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

        @media (max-width: 380px) {

            .vivechana-footer .vf-logo-image {
                width: 140px;

                max-width: 65vw;
            }

            .vivechana-footer .vf-description {
                font-size: 13.5px;

                line-height: 1.75;

                font-weight: 500;
            }

            .vivechana-footer .vf-contact-item,
            .vivechana-footer .vf-contact-item a,
            .vivechana-footer .vf-links a {
                font-size: 13.5px;

                font-weight: 500;
            }

            .vivechana-footer .vf-socials a {
                width: 35px;

                height: 35px;
            }

        }


        .vivechana-footer,
        .vivechana-footer .vf-container,
        .vivechana-footer .vf-column,
        .vivechana-footer .vf-brand {
            box-sizing: border-box;
        }

        .vivechana-footer h3,
        .vivechana-footer p,
        .vivechana-footer ul {
            overflow: visible;
        }

        .vivechana-footer h3 {
            white-space: normal;
            word-break: normal;
        }

        .vivechana-footer {
            position: relative;
            z-index: 2;
            clear: both;
        }

        /* SLIM VOLUNTEER INVITATION */
        .vc-volunteer-strip {
            background: #faf5eb;
            border-top: 1px solid #eee3d1;
            border-bottom: 1px solid #eee3d1;
            padding: 16px 5%;
        }

        .vc-volunteer-inner {
            max-width: 1400px;
            margin: auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }

        .vc-volunteer-inner p {
            margin: 0;
            color: #514337;
            font-size: 15px;
            line-height: 1.6;
        }

        .vc-volunteer-inner p>i {
            color: #ad7136;
            margin-right: 10px;
        }

        .vc-volunteer-inner p strong {
            color: #382a20;
            font-weight: 750;
        }

        .vc-volunteer-btn {
            flex-shrink: 0;
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 11px 19px;
            border-radius: 5px;
            background: #ff522b;
            color: #fff;
            text-decoration: none;
            font-size: 13px;
            font-weight: 700;
            transition: background .2s ease;
        }

        .vc-volunteer-btn:hover {
            background: #ff522b;
            color: #fff;
        }

        @media (max-width: 650px) {
            .vc-volunteer-strip {
                padding: 14px 18px;
            }

            .vc-volunteer-inner {
                gap: 12px;
            }

            .vc-volunteer-inner p {
                font-size: 13px;
            }

            .vc-volunteer-inner p span {
                display: none;
            }

            .vc-volunteer-btn {
                padding: 10px 12px;
                font-size: 12px;
            }
        }



        .vivechana-living,
        .vivechana-initiatives {
            width: 100%;
            margin: 0;
            padding: 34px 0;
            box-sizing: border-box;
        }

        .vivechana-living *,
        .vivechana-initiatives * {
            box-sizing: border-box;
        }

        .vivechana-living {
            background: #fff;
        }

        .vivechana-living .vivechana-living-inner,
        .vivechana-initiatives .vivechana-initiatives-inner {
            width: calc(100% - 48px);
            max-width: 1200px;
            margin: 0 auto;
            padding: 0;
        }

        .vivechana-living .vl-heading {
            max-width: 850px;
            margin: 0 auto 24px;
            text-align: center;
        }

        .vivechana-living .vivechana-eyebrow,
        .vivechana-initiatives .vivechana-eyebrow {
            margin: 0 0 8px;
            color: #df792e;
            font-size: 12px;
            font-weight: 750;
            letter-spacing: 1.4px;
            line-height: 1.5;
        }

        .vivechana-living .vl-heading h2 {
            margin: 0;
            color: #292723;
            font-size: clamp(27px, 3vw, 37px);
            font-weight: 750;
            line-height: 1.3;
        }

        .vivechana-living .vl-heading h2 span {
            display: block;
            color: #e87935;
        }

        /* Five compact experience cards */

        .vivechana-living .vivechana-living-items {
            display: grid;
            grid-template-columns: repeat(5, minmax(0, 1fr));
            gap: 14px;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        .vivechana-living .vl-item {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            min-width: 0;
            min-height: 125px;
            padding: 17px;
            border: 1px solid #eee5da;
            border-radius: 10px;
            background: #fffaf4;
            box-shadow: 0 4px 14px rgba(55, 40, 20, .045);
            color: #302c27;
            font-size: 15px;
            font-weight: 650;
            line-height: 1.5;
            overflow-wrap: anywhere;
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .vivechana-living .vl-item:hover {
            transform: translateY(-3px);
            box-shadow: 0 7px 18px rgba(55, 40, 20, .09);
        }

        .vivechana-living .vl-item-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 36px;
            height: 36px;
            margin-bottom: 13px;
            border-radius: 9px;
            background: #fce8d8;
            color: #d96f2b;
            font-size: 12px;
            font-weight: 800;
        }

        /* Knowledge pipeline */

        .vivechana-living .vivechana-pipeline {
            margin-top: 19px;
            padding: 19px 22px;
            border: 1px solid #eadbc8;
            border-radius: 11px;
            background: #f8f1e7;
        }

        .vivechana-living .vl-pipeline-heading {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15px;
        }

        .vivechana-living .vl-pipeline-symbol {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 34px;
            height: 34px;
            border-radius: 50%;
            background: #fce4d0;
            color: #d96f2b;
            font-size: 18px;
        }

        .vivechana-living .vl-pipeline-heading h3 {
            margin: 0;
            color: #302c27;
            font-size: 19px;
            font-weight: 750;
        }

        .vivechana-living .vl-pipeline-steps {
            display: flex;
            align-items: center;
            justify-content: space-between;
            flex-wrap: wrap;
            gap: 9px;
        }

        .vivechana-living .vl-pipeline-steps span {
            padding: 9px 12px;
            border: 1px solid #e9d7c2;
            border-radius: 7px;
            background: #fff;
            color: #37312a;
            font-size: 13px;
            font-weight: 700;
        }

        .vivechana-living .vl-pipeline-steps b {
            color: #df792e;
            font-size: 17px;
        }

        .vivechana-living .vl-pipeline-note {
            margin: 14px 0 0;
            padding-top: 12px;
            border-top: 1px solid #e8d9c7;
            color: #62584c;
            font-size: 13px;
            line-height: 1.6;
        }


        /* 
   VIVECHANA — OUR INITIATIVES
 */

        .vivechana-initiatives {
            background: #f8f2e9;
            border-top: 1px solid #eee3d6;
        }

        .vivechana-initiatives .vi-heading {
            margin: 0 0 22px;
            text-align: center;
        }

        .vivechana-initiatives .vi-heading h2 {
            margin: 0;
            color: #292723;
            font-size:41px;
            font-weight: 750;
            line-height: 1.3;
        }

        .vivechana-initiatives .vi-intro {
            
            margin: 9px auto 0;
            color: #625e57;
            font-size: 14px;
            line-height: 1.65;
        }
        .vi-intro strong {
            font-weight:800;
             font-size: 19px;
        }
        /* Initiative grid */

        .vivechana-initiatives .vi-grid {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 14px;
            width: 100%;
            margin: 0;
            padding: 0;
        }

        /* Individual initiative card */

        .vivechana-initiatives .vivechana-initiative {
            display: flex;
            align-items: flex-start;
            gap: 15px;
            position: relative;
            min-width: 0;
            min-height: 120px;
            margin: 0;
            padding: 20px;
            border: 1px solid #eadfce;
            border-radius: 10px;
            background: #fff;
            box-shadow: 0 4px 14px rgba(45, 35, 24, .045);
            transition: transform .2s ease, box-shadow .2s ease;
        }

        .vivechana-initiatives .vivechana-initiative:hover {
            transform: translateY(-3px);
            box-shadow: 0 8px 20px rgba(45, 35, 24, .09);
        }

        .vivechana-initiatives .vi-number {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            width: 43px;
            height: 43px;
            border-radius: 9px;
            background: #fce8d8;
            color: #d96f2b;
            font-size: 14px;
            font-weight: 800;
        }

        .vivechana-initiatives .vi-content {
            flex: 1;
            min-width: 0;
            padding-right: 5px;
        }

        .vivechana-initiatives .vi-content h3 {
            margin: 1px 0 8px;
            color: #292723;
            font-size: 17px;
            font-weight: 750;
            line-height: 1.4;
            overflow-wrap: anywhere;
        }

        .vivechana-initiatives .vi-content p {
            margin: 0;
            color: #625e57;
            font-size: 15px;
            line-height: 1.65;
        }

        .vivechana-initiatives .vi-arrow {
            flex-shrink: 0;
            color: #df792e;
            font-size: 20px;
            line-height: 1;
        }

        .vivechana-initiatives .vivechana-initiative.vi-wide {
            grid-column: 1 / -1;
            min-height: 85px;
            align-items: center;
        }


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

        @media (max-width: 950px) {

            .vivechana-living,
            .vivechana-initiatives {
                padding: 28px 0;
            }

            .vivechana-living .vivechana-living-items {
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
            }

            .vivechana-living .vl-item {
                min-height: 115px;
            }

            .vivechana-initiatives .vi-grid {
                gap: 12px;
            }

            .vivechana-initiatives .vivechana-initiative {
                padding: 17px;
            }
        }


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

        @media (max-width: 600px) {

            .vivechana-living,
            .vivechana-initiatives {
                padding: 24px 0;
            }

            .vivechana-living .vivechana-living-inner,
            .vivechana-initiatives .vivechana-initiatives-inner {
                width: calc(100% - 28px);
            }

            .vivechana-living .vl-heading,
            .vivechana-initiatives .vi-heading {
                margin-bottom: 17px;
            }

            .vivechana-living .vl-heading h2,
            .vivechana-initiatives .vi-heading h2 {
                font-size: 25px;
                line-height: 1.35;
            }

            .vivechana-living .vivechana-living-items {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 10px;
            }

            .vivechana-living .vl-item {
                min-height: 105px;
                padding: 13px;
                font-size: 13px;
            }

            .vivechana-living .vl-item-icon {
                width: 31px;
                height: 31px;
                margin-bottom: 10px;
                font-size: 11px;
            }

            .vivechana-living .vivechana-pipeline {
                margin-top: 13px;
                padding: 15px;
            }

            .vivechana-living .vl-pipeline-heading h3 {
                font-size: 17px;
            }

            .vivechana-living .vl-pipeline-steps {
                justify-content: flex-start;
                gap: 8px;
            }

            .vivechana-living .vl-pipeline-steps span {
                padding: 8px 10px;
                font-size: 12px;
            }

            .vivechana-living .vl-pipeline-steps b {
                font-size: 14px;
            }

            .vivechana-living .vl-pipeline-note {
                font-size: 12px;
            }

            .vivechana-initiatives .vi-grid {
                grid-template-columns: 1fr;
                gap: 10px;
            }

            .vivechana-initiatives .vivechana-initiative {
                min-height: 0;
                padding: 15px;
                gap: 12px;
            }

            .vivechana-initiatives .vi-number {
                width: 36px;
                height: 36px;
                font-size: 12px;
            }

            .vivechana-initiatives .vi-content h3 {
                font-size: 15px;
            }

            .vivechana-initiatives .vi-content p {
                font-size: 14px;
                line-height: 1.6;
            }

            .vivechana-initiatives .vivechana-initiative.vi-wide {
                grid-column: auto;
                min-height: 0;
            }
        }


        /* EXTRA SMALL PHONES */

        @media (max-width: 360px) {

            .vivechana-living .vivechana-living-inner,
            .vivechana-initiatives .vivechana-initiatives-inner {
                width: calc(100% - 22px);
            }

            .vivechana-living .vl-heading h2,
            .vivechana-initiatives .vi-heading h2 {
                font-size: 23px;
            }

            .vivechana-living .vl-item {
                padding: 11px;
                font-size: 12px;
            }

            .vivechana-initiatives .vivechana-initiative {
                padding: 12px;
            }
        }
.vivechana-initiatives a.vivechana-initiative {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}


        /* VIVECHANA — KNOWLEDGE EXPERIENCE SECTION */
        .vivechana-living {
            --vl-ink: #192b40;
            --vl-orange: #ed682b;
            padding: 65px 24px 72px;
            background: #fff;
            color: var(--vl-ink);
            overflow: hidden;
        }

        .vivechana-living,
        .vivechana-living * {
            box-sizing: border-box;
        }

        .vivechana-living-inner {
            width: 100%;
            max-width: 1240px;
            margin: 0 auto;
        }

        .vivechana-living .vl-heading {
            max-width: 950px;
            margin-bottom: 34px;
        }

        .vivechana-living .vl-eyebrow {
            display: inline-block;
            margin-bottom: 14px;
            color: var(--vl-orange);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 2.4px;
        }

        .vivechana-living .vl-heading h2 {
            margin: 0;
            font-size: 41px;
            font-weight: 750;
            line-height: 1.2;
            letter-spacing: -1.1px;
            color: var(--vl-ink);
        }

        .vivechana-living .vl-heading h2 span {
            display: block;
            margin-top: 5px;
            color: var(--vl-orange);
        }

        /* FIVE FEATURE CARDS */
        .vivechana-living .vivechana-living-items {
            display: grid;
            grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 16px;
            margin-bottom: 26px;
        }

        .vivechana-living .vl-item {
            min-width: 0;
            min-height: 190px;
            padding: 22px 19px;
            border: 1px solid #eee5d9;
            border-radius: 17px;
            background: #fbf8f1;
            box-shadow: 0 5px 18px rgba(50, 42, 28, 0.035);
            transition: transform 0.25s ease, box-shadow 0.25s ease;
        }

        .vivechana-living .vl-item:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 26px rgba(50, 42, 28, 0.09);
        }

        .vivechana-living .vl-item-top {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 12px;
            margin-bottom: 22px;
        }

        .vivechana-living .vl-item-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 45px;
            height: 45px;
            flex: 0 0 45px;
            border-radius: 50%;
            font-size: 14px;
            font-weight: 800;
        }

        .vivechana-living .vl-symbol {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 48px;
            height: 48px;
            border-radius: 50%;
            font-size: 34px;
            font-weight: 500;
            line-height: 1;
        }

        .vivechana-living .vl-item h3 {
            margin: 0;
            font-size: 17px;
            font-weight: 750;
            line-height: 1.45;
            color: var(--vl-ink);
        }

        /* INDIVIDUAL CARD ACCENTS */
        .vivechana-living .vl-orange .vl-item-icon,
        .vivechana-living .vl-orange .vl-symbol {
            color: #e96125;
            background: #fff0e7;
        }

        .vivechana-living .vl-yellow .vl-item-icon,
        .vivechana-living .vl-yellow .vl-symbol {
            color: #bd8500;
            background: #fff5d9;
        }

        .vivechana-living .vl-blue .vl-item-icon,
        .vivechana-living .vl-blue .vl-symbol {
            color: #087db2;
            background: #e3f5fc;
        }

        .vivechana-living .vl-green .vl-item-icon,
        .vivechana-living .vl-green .vl-symbol {
            color: #168453;
            background: #e3f6e9;
        }

        .vivechana-living .vl-purple .vl-item-icon,
        .vivechana-living .vl-purple .vl-symbol {
            color: #5a4ca5;
            background: #efebfc;
        }

        /* DISTINCTIVE PIPELINE PANEL */
        .vivechana-living .vivechana-pipeline {
            display: grid;
            grid-template-columns: 225px minmax(0, 1fr);
            align-items: center;
            gap: 26px;
            padding: 27px 30px;
            border: 1px solid #f4d9bd;
            border-radius: 19px;
            background: linear-gradient(110deg, #fff4e6 0%, #fffaf3 100%);
        }

        .vivechana-living .vl-pipeline-heading {
            display: flex;
            align-items: center;
            gap: 14px;
            min-width: 0;
        }

        .vivechana-living .vl-pipeline-symbol {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 49px;
            height: 49px;
            flex: 0 0 49px;
            border-radius: 50%;
            background: var(--vl-orange);
            color: #fff;
            font-size: 27px;
        }

        .vivechana-living .vl-pipeline-label {
            display: block;
            margin-bottom: 5px;
            color: var(--vl-orange);
            font-size: 12px;
            font-weight: 800;
            letter-spacing: 1.5px;
        }

        .vivechana-living .vl-pipeline-heading h3 {
            margin: 0;
            font-size: 18px;
            font-weight: 800;
            line-height: 1.3;
            color: var(--vl-ink);
        }

        .vivechana-living .vl-pipeline-steps {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 8px;
        }

        .vivechana-living .vl-pipeline-steps span {
            display: inline-flex;
            justify-content: center;
            align-items: center;
            min-height: 42px;
            padding: 9px 13px;
            border: 1px solid #f1dfcd;
            border-radius: 12px;
            background: #fff;
            color: var(--vl-ink);
            font-size: 13px;
            font-weight: 750;
            text-align: center;
        }

        .vivechana-living .vl-pipeline-steps b {
            color: var(--vl-orange);
            font-size: 20px;
            font-weight: 500;
        }

        .vivechana-living .vl-pipeline-note {
            margin: 14px 0 0;
            color: #797368;
            font-size: 13px;
            line-height: 1.6;
        }

        /* TABLET */
        @media (max-width: 1050px) {
            .vivechana-living .vivechana-living-items {
                grid-template-columns: repeat(3, minmax(0, 1fr));
            }

            .vivechana-living .vivechana-pipeline {
                grid-template-columns: 1fr;
                gap: 22px;
            }

            .vivechana-living .vl-pipeline-steps {
                flex-wrap: wrap;
                justify-content: flex-start;
            }
        }

        /* MOBILE */
        @media (max-width: 600px) {
            .vivechana-living {
                padding: 42px 16px 46px;
            }

            .vivechana-living .vl-heading {
                margin-bottom: 24px;
            }

            .vivechana-living .vl-eyebrow {
                font-size: 10px;
                letter-spacing: 1.6px;
            }

            .vivechana-living .vl-heading h2 {
                font-size: clamp(27px, 7vw, 34px);
                line-height: 1.25;
                letter-spacing: -0.6px;
            }

            .vivechana-living .vivechana-living-items {
                grid-template-columns: repeat(2, minmax(0, 1fr));
                gap: 12px;
                margin-bottom: 20px;
            }

            .vivechana-living .vl-item {
                min-height: 158px;
                padding: 16px 14px;
                border-radius: 14px;
            }

            .vivechana-living .vl-item-top {
                margin-bottom: 17px;
            }

            .vivechana-living .vl-item-icon {
                width: 37px;
                height: 37px;
                flex-basis: 37px;
                font-size: 12px;
            }

            .vivechana-living .vl-symbol {
                width: 38px;
                height: 38px;
                font-size: 27px;
            }

            .vivechana-living .vl-item h3 {
                font-size: 15px;
                line-height: 1.4;
            }

            .vivechana-living .vivechana-pipeline {
                padding: 21px 17px;
                gap: 20px;
                border-radius: 16px;
            }

            .vivechana-living .vl-pipeline-steps {
                display: grid;
                grid-template-columns: 1fr auto 1fr;
                gap: 9px;
                align-items: center;
            }

            .vivechana-living .vl-pipeline-steps span {
                min-height: 39px;
                padding: 8px 5px;
                font-size: 12px;
            }

            .vivechana-living .vl-pipeline-steps b {
                text-align: center;
                font-size: 17px;
            }

            .vivechana-living .vl-pipeline-note {
                font-size: 12px;
            }
        }

        @media (max-width: 360px) {
            .vivechana-living .vivechana-living-items {
                grid-template-columns: 1fr;
            }

            .vivechana-living .vl-item {
                min-height: auto;
            }

            .vivechana-living .vl-item-top {
                margin-bottom: 12px;
            }
        }


        /* OUR MISSION - COMPACT TEXT ALIGNMENT */



        .vc-back-content h3 {
            margin-bottom: 0;
        }


        /* FIX: PREVENT TOP CONTENT FROM BEING CUT OFF */

        #vv-featured-initiatives .vv-fi-content {
            min-height: 0;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;

            justify-content: flex-start;
            align-self: stretch;

            box-sizing: border-box;
            overscroll-behavior-y: contain;

            scrollbar-width: thin;
            scrollbar-color: #f0a000 #f1f1f1;
        }

        #vv-featured-initiatives .vv-fi-content::-webkit-scrollbar {
            width: 6px;
        }

        #vv-featured-initiatives .vv-fi-content::-webkit-scrollbar-track {
            background: #f1f1f1;
            border-radius: 10px;
        }

        #vv-featured-initiatives .vv-fi-content::-webkit-scrollbar-thumb {
            background: #f0a000;
            border-radius: 10px;
        }

        /* KEEP THE EXISTING CARD LAYOUT INTACT */

        #vv-featured-initiatives .vv-fi-card {
            min-height: 0;
        }

        #vv-featured-initiatives .vv-fi-content>* {
            flex-shrink: 0;
        }

/*google review*/
.vc-google-reviews {
    padding: 45px 5%;
    background: #faf6ef;
    color: #382d24;
}

.vc-reviews-container {
    max-width: 1200px;
    margin: auto;
}

.vc-reviews-heading {
    text-align: center;
    margin-bottom: 25px;
}

.vc-reviews-heading h2 {
    font-size: 40px;
    font-weight: 800;
    margin: 0 0 7px;
}

.vc-reviews-heading h2 span {
    color: #ff522b;
}

.vc-reviews-heading p {
    color: #806e5d;
    font-size: 16px;
    margin: 0 0 12px;
}

.vc-google-rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
    font-size: 16px;
}

.vc-google-rating span,
.vc-review-stars {
    color: #e9a126;
    letter-spacing: 2px;
}

.vc-reviews-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}

.vc-review-card {
    background: #fff;
    padding: 20px;
    border: 1px solid #eee3d5;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(71, 48, 27, .05);
    transition: .25s ease;
}

.vc-review-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(71, 48, 27, .09);
}

.vc-review-stars {
    font-size: 16px;
    margin-bottom: 9px;
}

.vc-review-card p {
    font-size: 16px;
    line-height: 1.6;
    color: #493629;
    margin: 0 0 10px;
}

.vc-review-card > span {
    color: #987044;
    font-size: 16px;
    font-weight: 600;
}

.vc-reviews-link {
    text-align: center;
    margin-top: 23px;
}

.vc-reviews-link a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ff522b;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.vc-reviews-link a:hover {
    color: #d83d1c;
}

@media (max-width: 700px) {
    .vc-google-reviews {
        padding: 35px 16px;
    }

    .vc-reviews-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vc-review-card {
        padding: 17px;
    }
}
   
.vf-contact-label {
    font-weight: 700;
    color: #382d24;
    font-size: 14px;
    margin-bottom: 14px;
}