/* Extracted from Shared/Components/FooterHome/Default.cshtml. */
.study-footer,
    .study-footer * { box-sizing: border-box; }

    .study-footer {
        --footer-primary: #2457c5;
        --footer-deep: #102a56;
        --footer-text: #dbe7fb;
        clear: both;
        margin-top: 42px;
        color: var(--footer-text);
        font-family: "Be Vietnam Pro", Roboto, Arial, sans-serif;
        background: var(--footer-deep);
    }

    .study-footer__accent {
        height: 4px;
        background: linear-gradient(90deg, #2457c5 0%, #45a5ff 48%, #32c7a2 100%);
    }

    .study-footer__main {
        padding: 52px 0 38px;
        background:
            radial-gradient(circle at 10% 10%, rgba(69, 165, 255, .16), transparent 30%),
            linear-gradient(135deg, #102a56 0%, #132f5f 55%, #0d2348 100%);
    }

    .study-footer__container {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 34px;
        align-items: start;
    }

    /* Bootstrap 3 clearfix pseudo-elements become grid items and occupy a column. */
    .study-footer__container::before,
    .study-footer__container::after {
        display: none;
        content: none;
    }

    .study-footer a { color: inherit; text-decoration: none; }

    .study-footer__brand {
        display: inline-flex;
        align-items: center;
        gap: 13px;
        color: #fff !important;
    }

    .study-footer__logo {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 52px;
        width: 52px;
        height: 52px;
        overflow: hidden;
        border-radius: 14px;
        background: #fff;
        box-shadow: 0 8px 22px rgba(0, 0, 0, .18);
    }

    .study-footer__logo img { width: 100%; height: 100%; object-fit: contain; padding: 4px; }
    .study-footer__logo--fallback { color: #fff; font-size: 23px; background: linear-gradient(135deg, #4385ed, #2fc7a0); }
    .study-footer__brand strong { display: block; font-size: 20px; line-height: 1.3; }
    .study-footer__brand small { display: block; margin-top: 3px; color: #a9c3e9; font-size: 12px; font-weight: 500; }

    .study-footer__description {
        max-width: 100%;
        margin: 20px 0 18px;
        color: #bdcdea;
        font-size: 13px;
        line-height: 1.75;
    }

    .study-footer__badges { display: flex; flex-wrap: wrap; gap: 8px; }
    .study-footer__badges span {
        padding: 6px 9px;
        color: #d9e8ff;
        font-size: 11px;
        font-weight: 500;
        border: 1px solid rgba(160, 195, 241, .2);
        border-radius: 6px;
        background: rgba(255, 255, 255, .06);
    }
    .study-footer__badges i { margin-right: 4px; color: #55d6ae; }

    .study-footer__column h2 {
        position: relative;
        margin: 3px 0 21px;
        padding-bottom: 12px;
        color: #fff;
        font-size: 15px;
        font-weight: 700;
        line-height: 1.4;
    }
    .study-footer__column h2::after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 34px;
        height: 2px;
        border-radius: 2px;
        background: #48a9ff;
        content: "";
    }

    .study-footer__column ul { margin: 0; padding: 0; list-style: none; }
    .study-footer__column li + li { margin-top: 11px; }
    .study-footer__column li a { color: #bdcdea; font-size: 13px; line-height: 1.5; transition: color .2s ease, transform .2s ease; }
    .study-footer__column li a i { width: 14px; color: #5db3ff; }
    .study-footer__column li a:hover,
    .study-footer__column li a:focus { display: inline-block; color: #fff; transform: translateX(3px); }

    .study-footer__intro,
    .study-footer__column,
    .study-footer__contact {
        min-width: 0;
    }

    .study-footer__contact-item {
        display: flex;
        align-items: flex-start;
        gap: 11px;
        margin-bottom: 13px;
        color: #fff !important;
    }
    .study-footer__contact-item > span:first-child {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex: 0 0 34px;
        width: 34px;
        height: 34px;
        color: #75c3ff;
        border: 1px solid rgba(117, 195, 255, .24);
        border-radius: 9px;
        background: rgba(65, 143, 232, .11);
    }
    .study-footer__contact-item small { display: block; margin-bottom: 1px; color: #92add3; font-size: 10px; }
    .study-footer__contact-item strong { display: block; font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
    .study-footer__address strong { color: #d2def1; font-weight: 500; }

    .study-footer__social { display: flex; gap: 8px; margin-top: 17px; }
    .study-footer__social a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        color: #cfe0f8;
        border: 1px solid rgba(184, 210, 244, .2);
        border-radius: 9px;
        background: rgba(255, 255, 255, .06);
        transition: background .2s ease, border-color .2s ease, transform .2s ease;
    }
    .study-footer__social a:hover,
    .study-footer__social a:focus { color: #fff; border-color: #4385ed; background: #2457c5; transform: translateY(-2px); }

    .study-footer__bottom { border-top: 1px solid rgba(184, 210, 244, .13); background: #0a1d3c; }
    .study-footer__bottom-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 58px;
        gap: 24px;
        color: #8fa7ca;
        font-size: 11px;
    }
    .study-footer__bottom p { margin: 0; }
    .study-footer__bottom-inner > div { display: flex; align-items: center; gap: 22px; }
    .study-footer__bottom a { color: #bcd3f3; }
    .study-footer__bottom a:hover { color: #fff; }

    .study-footer__popup { position: fixed; bottom: 12px; left: 12px; z-index: 9000; max-width: calc(100vw - 24px); }
    .study-footer__popup button { padding: 4px 8px; color: #fff; font-size: 11px; border: 0; border-radius: 5px 5px 0 0; background: #2457c5; cursor: pointer; }
    .study-footer__popup img { display: block; max-width: 100%; height: auto; cursor: pointer; }

    @media (max-width: 991px) {
        .study-footer__container { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 24px; }
        .study-footer__intro { grid-column: 1 / -1; }
        .study-footer__description { max-width: 700px; }
        .study-footer__contact { grid-column: auto; }
    }

    @media (max-width: 767px) {
        .study-footer { margin-top: 28px; }
        .study-footer__main { padding: 36px 0 28px; }
        .study-footer__container { grid-template-columns: 1fr 1fr; gap: 32px 22px; padding-right: 20px; padding-left: 20px; }
        .study-footer__intro,
        .study-footer__contact { grid-column: 1 / -1; }
        .study-footer__bottom-inner { align-items: flex-start; flex-direction: column; min-height: 0; padding: 17px 20px; gap: 7px; }
        .study-footer__bottom-inner > div { align-items: flex-start; flex-direction: column; gap: 6px; }
    }

    @media (max-width: 480px) {
        .study-footer__container { grid-template-columns: 1fr; }
        .study-footer__intro,
        .study-footer__contact { grid-column: auto; }
        .study-footer__brand strong { font-size: 17px; }
        .study-footer__column h2 { margin-bottom: 15px; }
    }