:root {
    --sf-primary: #087F5B;
    --sf-heading: #075B45;
    --sf-white: #FFFFFF;
    --sf-surface-soft: #F1F8F4;
    --sf-text: #26332E;
    --sf-text-muted: #64716A;
    --sf-border: #E2EBE5;
    --sf-font-family: "Inter", "Noto Sans Devanagari", "Nirmala UI", Mangal, sans-serif;
    --sf-text-size: 16px;
    --sf-body-line-height: 1.65;
    --font-poppins: var(--sf-font-family);
    --font-inter: var(--sf-font-family);
    --font-rubik: var(--sf-font-family);
    --font-jost: var(--sf-font-family);
    --sf-radius-card: 16px;
    --sf-radius-control: 10px;
    --sf-shadow-card: 0 8px 24px rgba(7, 91, 69, 0.08);
}

body {
    font-family: var(--sf-font-family) !important;
    font-size: var(--sf-text-size) !important;
    font-weight: 400 !important;
    line-height: var(--sf-body-line-height) !important;
    color: var(--sf-text);
    background: var(--sf-white);
}

body :not(i):not([class*="bi-"]):not([class*="bx-"]):not([class*="fa-"]) {
    font-family: var(--sf-font-family) !important;
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
    color: var(--sf-heading);
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
}

body h1 {
    font-size: clamp(2.625rem, 3vw + 1rem, 3.25rem) !important;
}

body h2 {
    font-size: clamp(1.875rem, 2vw + 1rem, 2.25rem) !important;
}

body h3 {
    font-size: clamp(1.5rem, 1.4vw + 1rem, 1.875rem) !important;
}

body h4 {
    font-size: clamp(1.125rem, 0.8vw + 0.9rem, 1.375rem) !important;
}

body h5 {
    font-size: 1.125rem !important;
}

body h6 {
    font-size: 1rem !important;
}

body p {
    font-size: var(--sf-text-size) !important;
    font-weight: 400 !important;
    line-height: var(--sf-body-line-height) !important;
}

body label,
body .form-label,
body .form-label-custom,
body .member-input-group label {
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
}

body button,
body .btn,
body [role="button"],
body .primary-btn1,
body .primary-btn2,
body .secondary-btn1,
body .social-btn {
    font-size: 0.9375rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body input,
body select,
body textarea,
body .form-control,
body .form-select {
    font-family: var(--sf-font-family) !important;
    font-size: 0.9375rem !important;
}

body .main-menu a,
body .menu-list a {
    font-size: 0.875rem !important;
    font-weight: 500 !important;
}

body .section-title h2,
body .section-title h3,
body .section-title2 h2,
body .section-title3 h2,
body .section-title4 h2,
body .section-title5 h2,
body .section-title3 h3,
body .page-section-title,
body .activity-section-title,
body .campaign-section-title,
body .event-section-title,
body .patient-section-title {
    font-size: clamp(1.875rem, 2vw + 1rem, 2.25rem) !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.02em;
}

body .home-campaign-title,
body .card-title-modern,
body .activity-title,
body .campaign-title,
body .event-title,
body .work-carousel-title {
    font-size: clamp(1.125rem, 0.7vw + 0.95rem, 1.375rem) !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body .package-card-tab-slider .price-area h5 {
    font-size: 1.125rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body .home-campaign-desc,
body .card-desc-modern,
body .activity-excerpt,
body .campaign-desc,
body .event-desc-snippet,
body .page-section-subtitle,
body .activity-section-subtitle,
body .campaign-section-subtitle,
body .event-section-subtitle,
body .patient-section-subtitle {
    font-size: 1rem !important;
    line-height: var(--sf-body-line-height) !important;
}

body .verticle-tab-section .verticle-tab-content h3 {
    font-size: 1.375rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

body .verticle-tab-section .verticle-tab-content p {
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: var(--sf-body-line-height) !important;
}

body .verticle-tab-section .verticle-tab-content .list-title {
    font-size: 1.0625rem !important;
    font-weight: 600 !important;
}

body .verticle-tab-section .verticle-tab-content .custom-list li {
    font-size: 1rem !important;
    line-height: 1.5 !important;
}

body .verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link h6 {
    font-size: 0.9375rem !important;
    font-weight: 500 !important;
    line-height: 1.35 !important;
}

body .contact-info-header p,
body .form-header p,
body .legal-content,
body .activity-detail-section .activity-content-body,
body .activity-detail-section .activity-meta-item,
body .activity-detail-section .recent-activity-date {
    font-size: 1rem !important;
    line-height: var(--sf-body-line-height) !important;
}

body .contact-form-card input,
body .contact-form-card select,
body .contact-form-card textarea,
body .contact-form-card .nice-select,
body .contact-form-card .nice-select .current,
body .contact-form-card .nice-select .option {
    font-family: var(--sf-font-family) !important;
    font-size: 0.9375rem !important;
}

body .meta-pill-tag,
body .event-organizer-pill,
body .activity-org-tag,
body .campaign-org-tag,
body .page-header-badge,
body .activity-header-badge,
body .campaign-header-badge,
body .event-header-badge,
body .patient-header-badge {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    letter-spacing: 0;
}

@media (max-width: 767.98px) {
    body {
        --sf-text-size: 1rem;
    }

    body h1 {
        font-size: clamp(2rem, 7vw, 2.5rem) !important;
    }

    body h2,
    body .section-title h2,
    body .section-title h3,
    body .section-title2 h2,
    body .section-title3 h2,
    body .section-title4 h2,
    body .section-title5 h2,
    body .page-section-title,
    body .activity-section-title,
    body .campaign-section-title,
    body .event-section-title,
    body .patient-section-title {
        font-size: clamp(1.75rem, 6vw, 2rem) !important;
    }

    body h3 {
        font-size: 1.375rem !important;
    }
}

a {
    color: var(--sf-primary);
}

a:hover,
a:focus-visible {
    color: var(--sf-heading);
}

.eco_inner_page_banner h1,
.eco_inner_page_banner h2,
.eco_inner_page_banner h3,
.eco_inner_page_banner .breadcrumb-list a,
.eco_inner_page_banner .breadcrumb-list .active {
    color: var(--sf-white) !important;
}

.top-bar {
    background: var(--sf-surface-soft) !important;
    color: var(--sf-text) !important;
}

.top-bar .foundation-name,
.top-bar a:not(.topbar-center a) {
    color: var(--sf-heading) !important;
}

.topbar-center a {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.topbar-center a:hover {
    background: var(--sf-heading) !important;
    border-color: var(--sf-heading) !important;
}

.topbar-right .social-icon-area ul li a {
    border-color: var(--sf-primary) !important;
    color: var(--sf-primary) !important;
}

.topbar-right .social-icon-area ul li:hover a {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.right-sidebar-menu,
.sidebar-form,
.sidebar-form .form-control,
.sidebar-form .form-select {
    color: var(--sf-text);
}

.sidebar-form .form-control:focus,
.sidebar-form .form-select:focus {
    border-color: var(--sf-primary) !important;
    box-shadow: 0 0 0 0.2rem rgba(8, 127, 91, 0.16) !important;
}

.submit-btn,
.primary-btn1,
.primary-btn2,
.secondary-btn1,
.btn-front-primary,
.btn-event-view,
.btn-patient-call,
.social-btn,
.right-sidebar-button button {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: var(--sf-white) !important;
    border-radius: var(--sf-radius-control);
}

.submit-btn:hover,
.primary-btn1:hover,
.primary-btn2:hover,
.secondary-btn1:hover,
.btn-front-primary:hover,
.btn-event-view:hover,
.btn-patient-call:hover,
.social-btn:hover,
.right-sidebar-button button:hover {
    background: var(--sf-heading) !important;
    border-color: var(--sf-heading) !important;
    color: var(--sf-white) !important;
}

.btn-front-secondary,
.btn-patient-modal,
.btn-campaign-detail {
    background: var(--sf-white) !important;
    border: 1px solid var(--sf-border) !important;
    color: var(--sf-heading) !important;
    border-radius: var(--sf-radius-control);
}

.btn-front-secondary:hover,
.btn-patient-modal:hover,
.btn-campaign-detail:hover {
    background: var(--sf-surface-soft) !important;
    color: var(--sf-heading) !important;
    border-color: var(--sf-primary) !important;
}

.front-page-section,
.activity-section,
.campaign-section,
.event-section,
.patient-section,
.about-page-wrapper,
.member-registration-section,
.member-login-section,
.contact-main-section,
.legal-main-section {
    background: var(--sf-surface-soft) !important;
}

.card-modern,
.activity-card,
.campaign-card,
.event-card,
.patient-card,
.about-story-card,
.work-carousel-card,
.stat-counter-card,
.pillar-card,
.member-registration-card,
.member-login-card,
.contact-card,
.contact-info-card,
.contact-form-card,
.legal-card,
.legal-content-card {
    background: var(--sf-white) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--sf-radius-card) !important;
    box-shadow: var(--sf-shadow-card);
}

.card-modern:hover,
.activity-card:hover,
.campaign-card:hover,
.event-card:hover,
.patient-card:hover,
.work-carousel-card:hover,
.stat-counter-card:hover,
.pillar-card:hover {
    border-color: var(--sf-primary) !important;
    box-shadow: 0 14px 32px rgba(7, 91, 69, 0.14);
}

.page-section-title,
.activity-section-title,
.campaign-section-title,
.event-section-title,
.patient-section-title,
.about-story-title,
.work-carousel-title,
.pillar-card-title,
.card-title-modern,
.activity-title,
.campaign-title,
.event-title {
    color: var(--sf-heading) !important;
}

.contact-info-header h3,
.legal-intro h2,
.member-login-card-header h2,
.member-registration-card-header h2 {
    color: var(--sf-heading) !important;
}

.contact-info-header p,
.legal-content,
.member-login-card-body,
.contact-method-item,
.contact-notice-box {
    color: var(--sf-text-muted);
}

.contact-method-item {
    background: var(--sf-white) !important;
    border-color: var(--sf-border) !important;
}

.contact-method-item:hover {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-primary) !important;
}

.contact-notice-box {
    background: var(--sf-surface-soft) !important;
    border-left-color: var(--sf-primary) !important;
}

.notice-icon i,
.notice-content h6 {
    color: var(--sf-heading) !important;
}

.method-icon,
.member-registration-card-header,
.member-login-card-header {
    background: var(--sf-primary) !important;
}

.member-login-section,
.member-registration-section {
    margin-top: 0 !important;
    padding-top: 36px !important;
    background: var(--sf-surface-soft) !important;
}

.member-login-card,
.member-registration-card {
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--sf-radius-card) !important;
    box-shadow: var(--sf-shadow-card) !important;
}

.member-login-card-header,
.member-registration-card-header {
    background: var(--sf-primary) !important;
}

.member-login-card-header h2,
.member-login-card-header p,
.member-registration-card-header h2,
.member-registration-card-header p {
    color: var(--sf-white) !important;
}

.registration-section-divider,
.legal-badge,
.info-badge {
    color: var(--sf-heading) !important;
}

.registration-section-divider {
    border-bottom-color: var(--sf-border) !important;
}

.registration-section-divider i,
.method-icon,
.contact-social-icons li a {
    color: var(--sf-primary);
}

.form-control-custom:focus,
.form-select-custom:focus,
.member-form-control:focus {
    border-color: var(--sf-primary) !important;
    box-shadow: 0 0 0 4px rgba(8, 127, 91, 0.14) !important;
}

.form-control-custom,
.form-select-custom,
.member-form-control {
    border-color: var(--sf-border) !important;
    color: var(--sf-text) !important;
    border-radius: var(--sf-radius-control) !important;
}

.btn-registration-submit,
.member-login-btn,
.contact-submit-btn,
.btn-campaign-donate {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: var(--sf-white) !important;
    border-radius: var(--sf-radius-control) !important;
}

.btn-registration-submit:hover,
.member-login-btn:hover,
.contact-submit-btn:hover,
.btn-campaign-donate:hover {
    background: var(--sf-heading) !important;
    border-color: var(--sf-heading) !important;
    color: var(--sf-white) !important;
}

.contact-social-icons li a,
.contact-social-icons li a.facebook:hover,
.contact-social-icons li a.twitter:hover,
.contact-social-icons li a.whatsapp:hover,
.contact-social-icons li a.youtube:hover,
.contact-social-icons li a.instagram:hover {
    border-color: var(--sf-primary) !important;
    background: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.legal-badge,
.info-badge {
    background: var(--sf-surface-soft) !important;
    border: 1px solid var(--sf-border);
}

.legal-main-section .legal-card,
.contact-main-section .contact-info-card,
.contact-main-section .contact-form-card,
.member-login-card,
.member-registration-card {
    border-radius: var(--sf-radius-card) !important;
    box-shadow: var(--sf-shadow-card) !important;
}

.campaign-pill-item,
.bank-detail-card {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
    color: var(--sf-text-muted) !important;
}

.campaign-pill-item i,
.event-date-chip .chip-day,
.event-date-chip .chip-month,
.patient-illness-box i,
.activity-readmore-btn {
    color: var(--sf-primary) !important;
}

.btn-campaign-share,
.btn-campaign-share:hover {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.front-pagination .page-item .page-link,
.patient-pagination .page-item .page-link {
    border-color: var(--sf-border);
    color: var(--sf-heading);
}

.front-pagination .page-item.active .page-link,
.patient-pagination .page-item.active .page-link {
    background: var(--sf-primary);
    border-color: var(--sf-primary);
    color: var(--sf-white);
}

.front-pagination .page-item .page-link:hover,
.patient-pagination .page-item .page-link:hover {
    background: var(--sf-surface-soft);
    border-color: var(--sf-primary);
    color: var(--sf-heading);
}

.page-section-subtitle,
.activity-section-subtitle,
.campaign-section-subtitle,
.event-section-subtitle,
.patient-section-subtitle,
.card-desc-modern,
.activity-excerpt,
.campaign-desc,
.event-desc-snippet {
    color: var(--sf-text-muted) !important;
}

.meta-pill-tag,
.event-organizer-pill,
.activity-org-tag,
.campaign-org-tag,
.page-header-badge,
.activity-header-badge,
.campaign-header-badge,
.event-header-badge,
.patient-header-badge {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
    color: var(--sf-heading) !important;
}

.footer-section {
    background: #064E45 !important;
    color: #E7F2ED !important;
    border-top: 1px solid rgba(255, 255, 255, 0.18) !important;
}

.footer-section .text-white,
.footer-section h4,
.footer-section h5,
.footer-section h6 {
    color: #FFFFFF !important;
}

.footer-section p,
.footer-section li {
    color: #E7F2ED !important;
}

.footer-section a,
.footer-section .footer-contact i {
    color: #FFFFFF !important;
}

.footer-bottom {
    border-top-color: rgba(255, 255, 255, 0.22) !important;
}

.footer-section iframe,
.footer-widget iframe {
    max-width: 100%;
}

.footer-section .social-list li a {
    border-color: rgba(255, 255, 255, 0.6) !important;
    background: transparent !important;
    color: #FFFFFF !important;
}

.footer-section .social-list li a i {
    color: #FFFFFF !important;
}

.footer-section .social-list li a:hover {
    background: #FFFFFF !important;
    border-color: #FFFFFF !important;
}

.footer-section .social-list li a:hover i {
    color: #064E45 !important;
}

.home1-about-section,
.testimonial-section,
.home4-banner3-with-package-slider {
    background-color: var(--sf-white);
}

.verticle-tab-section,
.package-card-tab-section,
.feature-card-section {
    background-color: var(--sf-surface-soft) !important;
}

.verticle-tab-section {
    padding: 48px 0 !important;
}

.verticle-tab-section > .container > .row:first-child .section-title {
    margin-bottom: 24px !important;
}

.verticle-tab-section .verticle-tab-wrapper > .row {
    flex-direction: column !important;
    row-gap: 20px !important;
}

.verticle-tab-section .verticle-tab-wrapper > .row > [class*="col-"] {
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar {
    padding-right: 0 !important;
}

.verticle-tab-section #pills-tab5 {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
}

.verticle-tab-section #pills-tab5 .nav-link,
.verticle-tab-section #pills-tab5 .nav-link:hover,
.verticle-tab-section #pills-tab5 .nav-link.active {
    min-height: 116px !important;
    padding: 14px 10px !important;
    background: #FFFFFF !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: 12px !important;
    box-shadow: 0 3px 12px rgba(7, 91, 69, 0.04) !important;
    transform: none !important;
    transition: border-color 160ms ease, box-shadow 160ms ease !important;
}

.verticle-tab-section #pills-tab5 .nav-link:hover,
.verticle-tab-section #pills-tab5 .nav-link.active {
    border: 2px solid var(--sf-primary) !important;
    box-shadow: 0 6px 16px rgba(7, 91, 69, 0.1) !important;
}

.verticle-tab-section #pills-tab5 .nav-link .icon,
.verticle-tab-section #pills-tab5 .nav-link .icon img {
    width: 44px !important;
    height: 44px !important;
}

.verticle-tab-section #pills-tab5 .nav-link .icon img {
    border-radius: 10px !important;
}

.verticle-tab-section #pills-tab5 .nav-link h6,
.verticle-tab-section #pills-tab5 .nav-link.active h6 {
    color: var(--sf-heading) !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
}

.verticle-tab-section #pills-tab5Content .tab-pane.show.active .verticle-tab-content-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 0.9fr);
    align-items: center;
    gap: 24px;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid var(--sf-border);
    border-radius: var(--sf-radius-card);
    box-shadow: 0 4px 16px rgba(7, 91, 69, 0.05);
}

.verticle-tab-section .verticle-tab-content-wrap .verticle-tab-content {
    max-width: none !important;
    min-width: 0;
}

.verticle-tab-section .verticle-tab-content-wrap .eg-tag2 {
    padding: 7px 12px !important;
    margin-bottom: 12px !important;
    border-radius: 999px;
    background: var(--sf-surface-soft) !important;
    -webkit-mask-image: none !important;
}

.verticle-tab-section .verticle-tab-content-wrap .eg-tag2 span {
    color: var(--sf-heading) !important;
    font-family: var(--sf-font-family) !important;
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
}

.verticle-tab-section .verticle-tab-content-wrap .verticle-tab-img {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.verticle-tab-section .verticle-tab-content-wrap .verticle-tab-img > div {
    min-width: 0;
    margin: 0 !important;
}

.verticle-tab-section .verticle-tab-content-wrap .verticle-tab-img img {
    width: 100% !important;
    height: 180px;
    border-radius: 10px;
    object-fit: cover;
}

.package-card-tab-section {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
}

.feature-card-section {
    padding: 48px 0 0 !important;
}

.activity-detail-section {
    background: var(--sf-surface-soft) !important;
}

.activity-main-article,
.activity-gallery-box,
.activity-sidebar-card {
    background: var(--sf-white) !important;
    border: 1px solid var(--sf-border) !important;
    border-radius: var(--sf-radius-card) !important;
    box-shadow: var(--sf-shadow-card) !important;
}

.activity-detail-title,
.activity-gallery-title,
.sidebar-widget-title,
.recent-activity-info h5 {
    color: var(--sf-heading) !important;
}

.activity-meta-bar,
.activity-lead-desc {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
    color: var(--sf-text) !important;
}

.activity-meta-item,
.activity-content-body {
    color: var(--sf-text-muted) !important;
}

.activity-meta-item i,
.activity-lead-desc {
    border-left-color: var(--sf-primary) !important;
}

.activity-meta-item i,
.sidebar-widget-title i,
.recent-activity-item:hover .recent-activity-info h5 {
    color: var(--sf-primary) !important;
}

.activity-gallery-header {
    border-bottom-color: var(--sf-border) !important;
}

.gallery-icon-circle,
.gallery-count-pill {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
    color: var(--sf-heading) !important;
}

.activity-gallery-item:hover {
    border-color: var(--sf-primary) !important;
}

.gallery-zoom-badge {
    color: var(--sf-heading) !important;
}

.activity-share-btn,
.activity-share-btn.share-wa,
.activity-share-btn.share-fb,
.activity-share-btn.share-tw,
.activity-share-btn.share-copy {
    background: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.sidebar-cta-card {
    background: var(--sf-surface-soft) !important;
    color: var(--sf-text) !important;
    border: 1px solid var(--sf-border);
    border-radius: var(--sf-radius-card) !important;
}

.sidebar-cta-card h3,
.sidebar-cta-card h4,
.sidebar-cta-card h5,
.sidebar-cta-card p {
    color: var(--sf-heading) !important;
}

.sidebar-cta-icon {
    background: var(--sf-white) !important;
    color: var(--sf-primary) !important;
}

.sidebar-cta-btn,
.sidebar-cta-btn:hover {
    background: var(--sf-primary) !important;
    color: var(--sf-white) !important;
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
    border-radius: var(--sf-radius-control) !important;
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link:hover,
.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link.active {
    background: var(--sf-primary) !important;
    border-color: var(--sf-primary) !important;
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link h6 {
    color: var(--sf-heading) !important;
}

.verticle-tab-section .verticle-tab-wrapper .verticle-tab-sidebar .nav-pills .nav-item .nav-link.active h6 {
    color: var(--sf-white) !important;
}

.verticle-tab-section .verticle-tab-content h3,
.verticle-tab-section .verticle-tab-content .list-title {
    color: var(--sf-heading) !important;
}

.verticle-tab-section .verticle-tab-content p,
.verticle-tab-section .verticle-tab-content li {
    color: var(--sf-text-muted) !important;
}

.home-campaign-card,
.social-connect-card {
    background: var(--sf-white) !important;
    border-color: var(--sf-border) !important;
    border-radius: var(--sf-radius-card) !important;
    box-shadow: var(--sf-shadow-card) !important;
}

.home-campaign-thumb-wrap {
    background: var(--sf-surface-soft) !important;
    border-color: var(--sf-border) !important;
}

.home-campaign-title,
.home-campaign-title a {
    color: var(--sf-heading) !important;
}

.home-campaign-desc {
    color: var(--sf-text-muted) !important;
}

.social-connect-card::before,
.social-connect-card.fb-card::before,
.social-connect-card.insta-card::before,
.social-connect-card.yt-card::before {
    background: var(--sf-primary) !important;
}

.social-btn,
.social-btn.fb-btn,
.social-btn.insta-btn,
.social-btn.yt-btn {
    background: var(--sf-primary) !important;
}

.feature-card-section .brand-icon {
    background: var(--sf-surface-soft);
    color: var(--sf-primary);
}

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        scroll-behavior: auto !important;
        transition-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
    }
}

.package-card-slider2 .swiper-slide,
.package-card-tab-slider .swiper-slide {
    max-width: 100%;
    box-sizing: border-box;
}

.home-campaign-card,
.package-card-tab-slider .package-card,
.social-connect-card {
    border-color: var(--sf-border) !important;
    box-shadow: 0 4px 16px rgba(7, 91, 69, 0.06) !important;
    transition: box-shadow 160ms ease, border-color 160ms ease, transform 160ms ease !important;
}

.home-campaign-card:hover,
.social-connect-card:hover {
    transform: translateY(-2px) !important;
    border-color: var(--sf-primary) !important;
    box-shadow: 0 8px 20px rgba(7, 91, 69, 0.1) !important;
}

.home-campaign-card .home-campaign-body {
    padding: 18px !important;
}

.package-card-tab-slider .package-card-img-wrap {
    height: 200px !important;
}

.social-connect-card {
    height: 100% !important;
    min-height: 0;
}

.feature-card-section .row.g-md-4.gy-5 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    grid-auto-rows: 1fr;
    gap: 24px;
}

.feature-card-section .row.g-md-4.gy-5 > [class*="col-"] {
    width: 100%;
    max-width: 100%;
    padding: 0;
}

.social-card-body {
    min-height: 0;
}

.social-card-footer {
    margin-top: auto;
}

.social-connect-card {
    align-self: stretch;
}

.feature-card-section {
    margin-bottom: 64px !important;
}

@media (max-width: 767.98px) {
    .feature-card-section .row.g-md-4.gy-5 {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .top-bar.style-2 {
        gap: 8px;
        padding: 8px 12px !important;
    }

    .top-bar.style-2 .topbar-left {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
    }

    .top-bar.style-2 .topbar-left .content {
        min-width: 0;
    }

    .top-bar.style-2 .topbar-left .content a,
    .top-bar.style-2 .topbar-left .content p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .top-bar.style-2 .topbar-right {
        flex: 0 0 auto;
    }

    .footer-widget iframe {
        max-width: 100% !important;
    }

    .home4-banner3-with-package-slider .package-card-slider-wrapper {
        padding: 28px 15px !important;
    }

    .package-card-slider2 .swiper-slide,
    .package-card-tab-slider .swiper-slide {
        width: 100% !important;
    }

    .home-campaign-thumb-wrap {
        height: 160px !important;
    }

    .package-card-tab-slider .package-card-img-wrap {
        height: 180px !important;
    }

    .package-card-tab-section {
        padding: 56px 0 !important;
    }

    .package-card-tab-section .section-title {
        margin-bottom: 32px !important;
    }

    .feature-card-section {
        margin-top: 32px !important;
        margin-bottom: 56px !important;
    }

    .social-connect-card {
        min-height: 0;
        padding: 18px 16px;
    }

    .social-card-body {
        flex: 0 0 auto;
    }

    .fb-embed-container,
    .fb-embed-container iframe {
        min-height: 320px;
    }

    .verticle-tab-section {
        padding: 36px 0 !important;
    }

    .verticle-tab-section #pills-tab5 {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .verticle-tab-section #pills-tab5 .nav-link,
    .verticle-tab-section #pills-tab5 .nav-link:hover,
    .verticle-tab-section #pills-tab5 .nav-link.active {
        min-height: 104px !important;
        padding: 10px 8px !important;
    }

    .verticle-tab-section #pills-tab5Content .tab-pane.show.active .verticle-tab-content-wrap {
        grid-template-columns: minmax(0, 1fr);
        gap: 18px;
        padding: 18px;
    }

    .verticle-tab-section .verticle-tab-content-wrap .verticle-tab-img img {
        height: 140px;
    }

    .feature-card-section {
        padding-top: 36px !important;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .feature-card-section .row.g-md-4.gy-5 {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}