
/* CONTACT PAGE */
.vc-contact {
    --vc-orange: #ff522b;
    color: #242529;
    background: #fff;
    overflow: hidden;
}

.vc-contact * { box-sizing: border-box; }

.vc-contact-container {
    width: min(1100px, calc(100% - 40px));
    margin: auto;
}

/* TOP CONTACT SECTION */
.vc-contact-top {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 45px;
    padding: 35px 0 0;
}

.vc-contact-image {
    min-width: 0;
    height: 300px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.vc-contact-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.vc-contact-info { padding: 20px 0 45px; }

.vc-contact-eyebrow {
    display: block;
    color: var(--vc-orange);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1.5px;
    margin-bottom: 10px;
}

.vc-contact-info h2 {
    font-size: 28px;
    font-weight: 700;
    margin: 0 0 17px;
    color: #222;
}

.vc-contact-description {
    font-size: 13px;
    line-height: 1.9;
    color: #666;
    margin: 0 0 27px;
}

.vc-contact-detail {
    display: flex;
    align-items: center;
    gap: 19px;
    margin: 0 0 18px;
}

.vc-contact-icon {
    flex: 0 0 49px;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--vc-orange);
    background: #fff;
    box-shadow: 0 5px 25px rgba(0,0,0,.07);
    font-size: 19px;
}

.vc-contact-detail h3 {
    font-size: 15px;
    font-weight: 700;
    margin: 0 0 5px;
}

.vc-contact-detail p,
.vc-contact-detail a {
    color: #4b4b4b;
    font-size: 16px;
    line-height: 1.7;
    margin: 0;
    overflow-wrap: anywhere;
}

.vc-contact-detail a:hover { color: var(--vc-orange); }

/* MESSAGE FORM */
.vc-contact-form-wrap {
    position: relative;
    z-index: 5;
    width: calc(100% - 40px);
    max-width: 900px;
    margin: -5px auto -40px;
    padding: 32px 38px 28px;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 8px 40px rgba(0,0,0,.12);
}

.vc-contact-form-wrap h2 {
    margin: 0 0 8px;
    font-size: 27px;
    font-weight: 700;
    color: #242424;
}

.vc-contact-form-note {
    color: #777;
    font-size: 11px;
    margin: 0 0 22px;
}

.vc-contact-fields {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px 15px;
}

.vc-contact-fields input,
.vc-contact-fields textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid #e4e4e4;
    border-radius: 28px;
    padding: 0 20px;
    min-height: 45px;
    color: #000;
    background: #fff;
    font-size: 17px;
    outline: none;
    transition: border-color .2s;
}

.vc-contact-fields input:focus,
.vc-contact-fields textarea:focus {
    border-color: var(--vc-orange);
}

.vc-contact-fields .vc-full { grid-column: 1 / -1; }

.vc-contact-fields textarea {
    min-height: 95px;
    padding-top: 15px;
    border-radius: 22px;
    resize: vertical;
}

.vc-contact-submit {
    margin-top: 15px;
    min-height: 42px;
    padding: 0 22px;
    border: 0;
    border-radius: 25px;
    background: var(--vc-orange);
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: background .2s, transform .2s;
}

.vc-contact-submit:hover {
    background: #e84421;
    transform: translateY(-1px);
}

/* MAP */
.vc-contact-map-section {
    position: relative;
    z-index: 1;
    padding-top: 0;
}


.vc-contact-map-section .leaflet-container {
    font-family: "DM Sans", sans-serif;
}

/* TABLET */
@media (max-width: 767px) {
    .vc-contact-container {
        width: calc(100% - 32px);
    }

    .vc-contact-top {
        grid-template-columns: 1fr;
        gap: 5px;
        padding-top: 25px;
    }

    .vc-contact-image {
        height: 300px;
    }

    .vc-contact-image img {
        max-width: 410px;
    }

    .vc-contact-info {
        padding: 25px 5px 30px;
    }

    .vc-contact-info h2 { font-size: 25px; }

    .vc-contact-form-wrap {
        width: calc(100% - 28px);
        margin: 0 auto -25px;
        padding: 27px 22px;
    }

    .vc-contact-form-wrap h2 { font-size: 24px; }

}

/* SMALL MOBILE */
@media (max-width: 480px) {
    .vc-contact-image { height: 275px; }

    .vc-contact-info { padding-top: 20px; }

    .vc-contact-fields {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vc-contact-fields .vc-full { grid-column: auto; }

    .vc-contact-form-wrap {
        width: calc(100% - 24px);
        padding: 24px 17px;
        border-radius: 8px;
    }

    .vc-contact-form-wrap h2 { font-size: 22px; }

  
}

/* MAP */
.vc-contact-map-section {
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background: #f1f1f1;
}

#vcOfficeMapFrame {
    display: block;
    width: 100%;
    height: 390px;
    border: 0;
}

@media (max-width: 767px) {
    #vcOfficeMapFrame {
        height: 330px;
    }
}

@media (max-width: 480px) {
    #vcOfficeMapFrame {
        height: 290px;
    }
}


/* GLOBAL */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{ font-family: "DM Sans", sans-serif;
color:#222;background:#fff;overflow-x:hidden}
a{text-decoration:none}
button{font-family:inherit}

/* 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;display:flex;align-items:center}
.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;transition:.25s}
.vivechana-menu-item>a:hover{color:#fb4e27}
.vivechana-menu-item>a i{color:#999;font-size:9px;transition:.25s}
.vivechana-menu-item:hover>a i{color:#fb4e27}
.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}

/* DESKTOP 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;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;transition:.2s}
.vivechana-dropdown a:hover{color:#fb4e27;background:#fafafa}

/* HEADER SOCIALS AND MOBILE BUTTON */
.vivechana-nav-right{width:235px;flex-shrink:0;display:flex;align-items:center;justify-content:flex-end;margin-left:25px}
.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;transition:.25s}
.vivechana-header-social a:hover{color:#fb4e27;transform:translateY(-2px)}
.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;background:#fff;box-shadow:-10px 0 35px rgba(0,0,0,.15);z-index:5000;transition:right .35s}
.vivechana-mobile-menu.active{right:0}
.vivechana-mobile-close{position:absolute;top:23px;right:24px;width:42px;height:42px;border:0;background:transparent;color:#222;font-size:24px;cursor:pointer}
.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;transition:.25s}
.vivechana-mobile-menu-inner>a:hover{color:#fb4e27}
.vivechana-mobile-menu-inner>a i{color:#999;font-size:10px}
.vivechana-mobile-dropdown-item{width:100%;border-bottom:1px solid #eee}
.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}
.vivechana-mobile-dropdown-toggle:hover{color:#fb4e27}
.vivechana-mobile-dropdown-toggle i{color:#999;font-size:10px;transition:transform .3s,color .3s}
.vivechana-mobile-dropdown-item.active .vivechana-mobile-dropdown-toggle i{color:#fb4e27;transform:rotate(180deg)}
.vivechana-mobile-dropdown{display:none;width:100%;padding:0 0 8px}
.vivechana-mobile-dropdown-item.active .vivechana-mobile-dropdown{display:block}
.vivechana-mobile-dropdown a{display:block;width:100%;padding:12px 15px 12px 20px;color:#666;font-size:15px;font-weight:500;border-bottom:1px solid #f3f3f3;transition:.25s}
.vivechana-mobile-dropdown a:hover{color:#fb4e27;padding-left:25px}
.vivechana-mobile-dropdown-toggle>a{color:#222;font-size:17px;font-weight:600}
.vivechana-mobile-dropdown-toggle>button{border:0;background:transparent;padding:10px;cursor:pointer}

/* BANNER */
.activities-hero{height:495px;position:relative;overflow:hidden;display:flex;align-items:center}
.hero-background{position:absolute;inset:0;background-image:url("https://res.cloudinary.com/dkiedkqe/image/upload/v1787822227/ph10_yn3mtu.jpg");background-size:cover;background-position:center center;filter:grayscale(100%)}
.hero-dark-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,28,.52),rgba(20,22,28,.66),rgba(20,22,28,.53))}
.orange-shape{position:absolute;top:-80px;height:650px;background:linear-gradient(135deg,rgba(255,75,35,.82),rgba(255,145,0,.70));z-index:2;pointer-events:none}
.orange-left{left:-170px;width:300px;transform:rotate(10deg) skewX(-15deg);clip-path:polygon(0 0,65% 0,100% 100%,0 100%)}
.orange-right{right:-190px;width:430px;transform:rotate(-8deg) skewX(10deg);clip-path:polygon(35% 0,100% 0,100% 100%,0 100%)}
.hero-content{position:relative;z-index:5;text-align:center;color:#fff;padding-top:15px}
.hero-content h1{font-size:58px;font-weight:700;margin-bottom:25px;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.breadcrumb-area{display:flex;align-items:center;justify-content:center;gap:15px}
.breadcrumb-area a{color:#fff;font-size:15px;font-weight:700}
.breadcrumb-area span{font-size:12px}
.breadcrumb-area strong{color:#ffad00;font-size:15px}

/* SUPPORT TAB */
.support-tab{position:fixed;right:0;top:50%;transform:translateY(-50%);width:50px;height:202px;background:#f53258;color:#fff;z-index:4000;display:flex;align-items:center;justify-content:center;border-radius:5px 0 0 5px;transition:.3s}
.support-tab span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:14px;font-weight:700}
.support-tab i{display:none}
.support-tab:hover{background:#d92547;color:#fff}

/* FOOTER *//* =========================================================
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;
}

}

/* =========================================================
EXTRA SAFETY FOR FOOTER CONTENT
Prevents headings/text from being clipped
========================================================= */

.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;
}

/* RESPONSIVE */
@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}
}
@media(max-width:1399px){
.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}
}
@media(max-width:1199px){
.vivechana-main-header,.vivechana-navbar-wrapper{height:100px}
.vivechana-navbar-wrapper{padding:0 25px}
.vivechana-desktop-navigation,.vivechana-header-social{display:none}
.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}
}
@media(max-width:767px){
.vivechana-main-header,.vivechana-navbar-wrapper{height:82px}
.vivechana-navbar-wrapper{padding:0 18px}
.vivechana-brand-logo img{width:115px}
.vivechana-mobile-toggle{width:45px;height:45px;margin-left:0}
.activities-hero{height:380px}
.hero-content h1{font-size:40px;margin-bottom:20px}
.breadcrumb-area{gap:10px}
.breadcrumb-area a,.breadcrumb-area strong{font-size:12px}
.orange-left{left:-230px}
.orange-right{right:-300px}
.support-tab{width:42px;height:150px}
.support-tab span{font-size:11px}
}
@media(max-width:480px){
.vivechana-main-header,.vivechana-navbar-wrapper{height:75px}
.vivechana-navbar-wrapper{padding:0 15px}
.vivechana-brand-logo img{width:105px}
.vivechana-mobile-toggle{width:43px;height:43px;font-size:19px}
.activities-hero{height:330px}
.hero-content h1{font-size:34px}
}
@media(max-width:360px){
.vivechana-brand-logo img{width:105px}
}

/* COMPACT BANK DETAILS */

.vc-bank-details-section {
    max-width: 600px;
    margin: 25px auto 35px;
    padding: 20px 25px;
    background: #fffaf7;
    border: 4px solid #ff522b;
    border-radius: 5px;
}

.vc-bank-details-section h2 {
    font-size: 21px;
    font-weight: 700;
    color: #ff522b;
    margin-bottom: 14px;
    text-align: center;
}
.vc-bank-details-list {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 25px;
     text-align:center;
}

.vc-bank-details-list p {
    margin: 0;
    font-size: 18px;
    line-height: 1.6;
    color: #2e2d2d;
}

.vc-bank-details-list strong {
    color: #222;
}

@media(max-width: 576px) {
    .vc-bank-details-section {
        margin: 20px 15px 25px;
        padding: 17px;
    }

    .vc-bank-details-list {
        grid-template-columns: 1fr;
        gap: 9px;
    }
}

