/**
 * Shared header & footer (all pages) — matches home page chrome.
 */

/* Header: WhatsApp (replaces cart) */
.accessNav .header_whatsapp {
    position: relative;
    margin-left: 8px;
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

.accessNav .header_whatsapp::before,
.accessNav .header_whatsapp::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 52px;
    height: 52px;
    margin-left: -26px;
    margin-top: -26px;
    border-radius: 50%;
    background: #25d366;
    z-index: 0;
    pointer-events: none;
    animation: header_whatsapp_wave 2s ease-out infinite;
}

.accessNav .header_whatsapp::after {
    animation-delay: 1s;
}

@keyframes header_whatsapp_wave {
    0% {
        transform: scale(1);
        opacity: 0.55;
    }
    100% {
        transform: scale(1.85);
        opacity: 0;
    }
}

.accessNav .header_whatsapp_btn {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #25d366;
    color: #fff;
    font-size: 22px;
    line-height: 1;
    -webkit-transition: background 0.3s ease, color 0.3s ease;
    -o-transition: background 0.3s ease, color 0.3s ease;
    transition: background 0.3s ease, color 0.3s ease;
}

.accessNav .header_whatsapp_btn i {
    color: #fff;
}

.accessNav .header_whatsapp_btn:hover {
    color: #fff;
    background: #1ebe57;
}

/* Topbar & footer: social icons — platform brand colors */
.topbar01 .topsocial a[aria-label="Facebook"],
.footer_01 .aboutWidget .footerSocial a[aria-label="Facebook"] {
    background: #1877f2;
    border-color: #1877f2;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="Instagram"],
.footer_01 .aboutWidget .footerSocial a[aria-label="Instagram"] {
    background: linear-gradient(45deg, #f58529, #dd2a7b, #8134af, #515bd4);
    border-color: transparent;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="YouTube"],
.footer_01 .aboutWidget .footerSocial a[aria-label="YouTube"] {
    background: #ff0000;
    border-color: #ff0000;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="WhatsApp"],
.footer_01 .aboutWidget .footerSocial a[aria-label="WhatsApp"] {
    background: #25d366;
    border-color: #25d366;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="Facebook"]:hover,
.footer_01 .aboutWidget .footerSocial a[aria-label="Facebook"]:hover {
    background: #166fe5;
    border-color: #166fe5;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="Instagram"]:hover,
.footer_01 .aboutWidget .footerSocial a[aria-label="Instagram"]:hover {
    background: linear-gradient(45deg, #e07b24, #c4256b, #6f2d99, #4248b8);
    border-color: transparent;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="YouTube"]:hover,
.footer_01 .aboutWidget .footerSocial a[aria-label="YouTube"]:hover {
    background: #e60000;
    border-color: #e60000;
    color: #fff;
}

.topbar01 .topsocial a[aria-label="WhatsApp"]:hover,
.footer_01 .aboutWidget .footerSocial a[aria-label="WhatsApp"]:hover {
    background: #1ebe57;
    border-color: #1ebe57;
    color: #fff;
}

.topbar01 .topsocial a[aria-label] i,
.footer_01 .aboutWidget .footerSocial a[aria-label] i {
    color: #fff;
}

/* Blog cards & detail: VKSCN team author (no user photo) */
a.blog_author {
    display: inline-flex;
    align-items: center;
}

.footer_01 .footerMapLink {
    color: rgba(255, 255, 255, 0.5);
}

.footer_01 .footerMapLink:hover {
    color: rgba(255, 255, 255, 0.85);
}

.footer_01 .footerMapWidget {
    --footer-map-height: 200px;
}

.footer_01 .footerMapWrap {
    height: calc(var(--footer-map-height) + 30px);
    overflow: hidden;
    border-radius: 6px;
}

.footer_01 .footerMapWrap iframe {
    display: block;
    width: 100%;
    height: calc(var(--footer-map-height) + 30px);
    border: 0;
}

.footer_01 .footer_view_counters {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 14px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1;
    color: rgba(255, 255, 255, 0.55);
}

.footer_01 .footer_view_counter {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.footer_01 .footer_view_counter i.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.65);
}

.footer_01 .footer_view_counter--global i.fa-solid {
    color: var(--theme-color);
}

.footer_01 .footer_view_counter_value {
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.75);
}

.footer_01 .footerPolicyLinks a {
    color: rgba(255, 255, 255, 0.5);
}

.footer_01 .footerPolicyLinks a:hover {
    color: rgba(255, 255, 255, 0.85);
}

.footer_01 .footerPolicyLinks .footerPolicyLinkDummy {
    color: rgba(255, 255, 255, 0.35);
    cursor: default;
}

.blog_author_avatar {
    position: relative;
    top: -1px;
    flex: 0 0 33px;
    width: 33px;
    height: 33px;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--theme-gradient);
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    font-family: 'Fira Sans', sans-serif;
    line-height: 1;
}

/* Home: Clinical & Practical Training cards */
.service_section_08 .row > [class*="col-"] {
    display: flex;
    margin-bottom: 42px;
}

.service_section_08 .service_item_09,
.service_section_08 .service_item_09.ml13 {
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    grid-template-rows: auto 1fr auto;
    column-gap: 14px;
    row-gap: 0;
    flex: 1 1 auto;
    width: 100%;
    min-height: 100%;
    padding: 30px;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}

.service_section_08 .service_item_09 .ibMeta {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    grid-column: 1;
    grid-row: 1;
    align-self: start;
    justify-self: start;
    width: auto;
    height: auto;
    padding: 0;
    margin: 2px 0 0;
    background: none;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    line-height: 1;
    font-size: 38px;
    color: var(--theme-color-two, #023d54);
}

.service_section_08 .service_item_09 h3 {
    grid-column: 2;
    grid-row: 1;
    margin-top: 0;
}

.service_section_08 .service_item_09 p {
    grid-column: 2;
    grid-row: 2;
    margin-bottom: 24px;
    min-height: 0;
}

.service_section_08 .service_item_09 .berpo_btn {
    grid-column: 2;
    grid-row: 3;
    align-self: end;
    margin-top: auto;
}

.service_section_08 .service_item_09 .ibMeta i {
    margin: 0;
    color: var(--theme-color-two, #023d54);
}

.service_section_08 .service_item_09 .berpo_btn.with_icon04 i {
    position: relative;
    z-index: 4;
}

.service_section_08 .service_item_09 .berpo_btn.with_icon04:hover i {
    background: #fff;
    color: var(--theme-color-two, #023d54);
}

@media (max-width: 1199px) {
    .service_section_08 .service_item_09,
    .service_section_08 .service_item_09.ml13 {
        padding: 30px;
        column-gap: 12px;
        grid-template-columns: 48px minmax(0, 1fr);
    }
}

@media (max-width: 767px) {
    .service_section_08 .service_item_09,
    .service_section_08 .service_item_09.ml13 {
        display: block;
        padding: 30px;
    }

    .service_section_08 .service_item_09 .ibMeta {
        margin: 0 0 20px;
        padding: 0;
        justify-content: flex-start;
    }
}
