:root {
  --dl-primary: #7150df;
  --dl-primary-hover: #5938c9;
  --dl-primary-soft: #f0ebfe;
  --dl-primary-ring: rgba(113, 80, 223, .18);
  --dl-heading: #201c33;
  --dl-text: #56546b;
  --dl-muted: #848196;
  --dl-bg: #f8f7fb;
  --dl-surface: #ffffff;
  --dl-border: #e9e6f0;
  --dl-shadow: 0 12px 34px rgba(37, 28, 70, .055);
  --dl-shadow-up: 0 18px 48px rgba(37, 28, 70, .10);
  --dl-radius: 16px;
  --dl-radius-lg: 22px;
  --dl-radius-sm: 10px;
}

/* ---- Foundations ---- */
html { scroll-behavior: smooth; }
body {
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background: var(--dl-bg);
  color: var(--dl-text);
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: var(--dl-heading);
  font-family: inherit;
  font-weight: 750;
  line-height: 1.27;
  letter-spacing: -.025em;
}

p { line-height: 1.75; }
a { color: var(--dl-primary); text-decoration: none; transition: color .18s ease; }
a:hover, a:focus { color: var(--dl-primary-hover); text-decoration: none; }
::selection { background: #e8defe; color: var(--dl-heading); }
:focus-visible { outline: 3px solid var(--dl-primary-ring); outline-offset: 3px; }

.page-content { flex: 1 1 auto; padding-top: 44px; padding-bottom: 58px; }
.content { margin-top: 24px; margin-bottom: 24px; }
.page { min-height: 100%; }
.center { text-align: center !important; }
.gray, .settings-hint, .email_text { color: var(--dl-muted); }
.text-green { color: var(--dl-primary) !important; }

/* ---- Navigation ---- */
.navbar, .navbar-default {
  background: var(--dl-surface);
  border-color: var(--dl-border);
  border-radius: 0;
  box-shadow: none;
}
.navbar { padding: 12px 0; margin-bottom: 0; }
.navbar-default { border-top: 0; border-left: 0; border-right: 0; border-bottom: 1px solid var(--dl-border); }
.navbar-brand,
.navbar-default .navbar-brand {
  height: auto;
  margin-top: 0;
  opacity: 1;
  color: var(--dl-heading);
  font-size: 23px;
  font-weight: 800;
  line-height: 1.5;
  letter-spacing: -.045em;
}
.navbar-brand:hover,
.navbar-default .navbar-brand:hover { opacity: 1; color: var(--dl-primary); }
.navbar-brand img { max-height: 40px; max-width: 100%; object-fit: contain; }
.nav li a,
.navbar-default .navbar-nav > li > a,
.navbar-nav > li > a,
.dropdown-lang {
  color: #565168;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}
.nav li a { border-radius: 9px; }
.nav li a:hover,
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover {
  background: var(--dl-primary-soft);
  color: var(--dl-primary-hover);
}
.navbar-toggle { border-radius: 10px; border: 1px solid var(--dl-border); }
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover { background: var(--dl-primary-soft); }
.navbar-collapse { border-top-color: var(--dl-border); }

/* ---- Hero and search ---- */
.custom-jum {
    position: relative;
    isolation: isolate;

    background:
        radial-gradient(
            ellipse 55% 85% at 95% 0%,
            rgba(36, 121, 217, 0.09) 0%,
            transparent 75%
        ),
        radial-gradient(
            ellipse 45% 70% at 0% 100%,
            rgba(90, 155, 230, 0.045) 0%,
            transparent 80%
        ),
        linear-gradient(
            135deg,
            #ffffff 0%,
            #f9fbff 42%,
            #f2f7fd 100%
        );

    color: var(--dl-text, #56546b);

    border: 0;
    border-bottom: 1px solid #e7edf5;
    border-radius: 0;
    box-shadow: none;
}

/* Premium typography */
.custom-jum .home-search h1 {
    color: #172b46;
    font-weight: 800;
    letter-spacing: -0.035em;
    line-height: 1.18;
}

.custom-jum .home-search h2 {
    color: #64748b;
    font-weight: 400;
    line-height: 1.5;
}

/* Elevated form */
.custom-jum .form-home-search .input-group {
    border-radius: 12px;
    background: #fff;
    box-shadow:
        0 10px 35px rgba(30, 64, 110, 0.07),
        0 2px 8px rgba(30, 64, 110, 0.035);

    transition: box-shadow .2s ease;
}

.custom-jum .form-home-search .input-group:focus-within {
    box-shadow:
        0 0 0 3px rgba(36, 121, 217, 0.12),
        0 12px 35px rgba(30, 64, 110, 0.09);
}
.home-search { text-align: center; }
.home-search h1 {
  color: var(--dl-heading);
  max-width: 850px;
  margin: 0 auto 15px;
  font-size: clamp(32px, 4.4vw, 54px);
  font-weight: 800;
  line-height: 1.12;
  letter-spacing: -.055em;
}
.home-search h2 {
  color: var(--dl-text);
  max-width: 670px;
  margin: 0 auto 30px;
  font-size: clamp(16px, 1.7vw, 19px);
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0;
}
#form_download #btn_submit {
    background: #00c733;
    border: 1px solid #00c733;
    color: #fff !important;
    font-weight: 700;
    transition:
        background .2s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

/* Hover and focus */
#form_download #btn_submit:hover,
#form_download #btn_submit:focus {
    background: #00ad2c;
    border-color: #00ad2c;
    box-shadow: 0 4px 14px rgba(0, 199, 51, .20);
}

/* Active */
#form_download #btn_submit:active {
    background: #009e28;
    border-color: #009e28;
    box-shadow: none;
}

/* Disabled */
#form_download #btn_submit:disabled {
    opacity: .65;
    cursor: not-allowed;
    box-shadow: none;
}
.form-home-search { max-width: 820px; margin: 22px auto 0; }
.form-home-search .input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  padding: 8px;
  border: 1px solid #e5e0ef;
  border-radius: 18px;
  background: var(--dl-surface);
  box-shadow: 0 16px 45px rgba(48, 35, 85, .10), 0 2px 8px rgba(48, 35, 85, .035);
  transition: border-color .2s ease, box-shadow .2s ease;
}
.form-home-search .input-group:focus-within {
  border-color: #a993ee;
  box-shadow: 0 0 0 4px var(--dl-primary-ring), var(--dl-shadow-up);
}
.form-home-search .input-group .form-control,
.form-home-search .input-group input {
  display: block;
  flex: 1 1 0%;
  width: 1%;
  min-width: 0;
  height: 55px;
  padding: 13px 17px;
  margin: 0;
  border: 0;
  border-radius: 12px;
  background: transparent;
  color: var(--dl-heading);
  font-size: 15px;
  line-height: 1.5;
  box-shadow: none !important;
}
.form-home-search input::placeholder { color: #a29eaf; opacity: 1; }
.form-home-search .input-group-btn,
.form-home-search .input-group-append {
  display: flex;
  flex: 0 0 auto;
  width: auto;
  align-items: stretch;
  white-space: nowrap;
}
.form-home-search .input-group .btn,
.form-home-search .input-group button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 55px;
  padding: 0 27px;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0;
  white-space: nowrap;
}
.form-home-search .input-group .input-group-btn .btn,
.form-home-search .input-group .input-group-append .btn,
.form-home-search .input-group button { border-radius: 12px; }
.form-home-search button { text-transform: none; }

/* ---- Primary/secondary buttons ---- */
.btn-download,
.btn-standard,
.btn-extension,
.btn-primary {
  background: var(--dl-primary);
  border: 1px solid var(--dl-primary);
  border-radius: 12px;
  color: #fff !important;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.45;
  box-shadow: 0 6px 15px rgba(113, 80, 223, .16);
  transition: background .18s ease, border-color .18s ease,
              box-shadow .18s ease, transform .18s ease;
}
.btn-download { padding: 12px 23px; }
.btn-standard { padding: 12px 22px; text-transform: none; }
.btn-extension { margin-left: 8px; padding: 13px 19px !important; }
.btn-download:hover,
.btn-download:focus,
.btn-download:active,
.btn-standard:hover,
.btn-standard:focus,
.btn-standard:active,
.btn-extension:hover,
.btn-extension:focus,
.btn-extension:active,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background: var(--dl-primary-hover) !important;
  border-color: var(--dl-primary-hover) !important;
  color: #fff !important;
  box-shadow: 0 9px 22px rgba(113, 80, 223, .20);
  text-decoration: none;
}
.btn-download:hover,
.btn-standard:hover,
.btn-extension:hover { transform: translateY(-1px); }
.btn:disabled,
.btn[disabled] { opacity: .62; transform: none; cursor: not-allowed; }
.btn-default,
.btn-back,
.btn-modal {
  border: 1px solid var(--dl-border);
  border-radius: 11px;
  background: #fff;
  color: var(--dl-heading);
  box-shadow: none;
}
.btn-default:hover,
.btn-back:hover,
.btn-modal:hover {
  border-color: #d9cffa;
  background: var(--dl-primary-soft);
  color: var(--dl-primary-hover);
}
.btn-default.retry,
.btn-default.starting { background: #fff; font-size: 14px !important; }
.btn-default.retry span { color: var(--dl-primary); }
.reload-link { background: transparent; border: none; color: var(--dl-primary); }

/* ---- Content blocks and cards ---- */
.card,
.card-blog,
.card_ex,
.card-qrcode {
  background: var(--dl-surface);
  border: 1px solid var(--dl-border);
  border-radius: var(--dl-radius-lg);
  box-shadow: var(--dl-shadow);
}
.card { padding: 20px; margin: 20px 0; }
.card-blog { padding: 28px; margin-bottom: 24px; }
.card_ex.padd15 { padding: 20px; }
.card-title { display: block; color: var(--dl-heading); font-size: 16px; font-weight: 750; overflow-wrap: anywhere; word-break: normal; }
.card-text { color: var(--dl-text); font-size: 14px; }
.card-blog h1 { margin-top: 0; margin-bottom: 20px; font-size: clamp(26px, 3vw, 36px); }
.card-blog p { color: var(--dl-text); }
.card-blog img { max-width: 100%; height: auto; }
.img-blog { border: 1px solid var(--dl-border); border-radius: 14px; }
.wrap-txt { margin-bottom: 26px; }
.wrap-txt h3 { margin: 0 0 12px; font-size: 20px; }
.wrap-txt p { margin: 0; }
.stitle { color: var(--dl-heading); font-size: 30px; font-weight: 780; }
.stitle-other { margin-bottom: 18px; }
.setup { color: var(--dl-heading); font-size: 19px; font-weight: 750; text-transform: none; }

/* ---- Video preview and extraction results ---- */
.download-links { position: relative; }
.download-ready, .await { margin: 24px 0; text-align: center; }
.download-ready h3 {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  margin-top: 0;
  margin-bottom: 15px;
  padding: 0;
  background: none;
  color: var(--dl-heading);
  font-size: 22px;
  font-weight: 750;
}
.download-ready h3::before {
  content: "✓";
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #e7f5ee;
  color: #14855d;
  font-size: 17px;
  line-height: 1;
}
.download-ready a,
.download-ready a:hover,
.download-ready a:focus { color: var(--dl-primary); border-bottom-color: #c9b8f3; }
.btns-download p { margin-bottom: 10px; }
.btns-download p:last-child { margin-bottom: 0; }
.btns-download p a,
.card .btns-download p a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 48px;
  padding: 11px 16px;
  border-radius: 11px;
  font-size: 15px;
  font-weight: 700;
}
.card .btns-download p a.btn-download { color: #fff !important; }
.conversion-format { display: block; margin: 12px 0 6px; color: var(--dl-heading); font-size: 14px; font-weight: 700; text-transform: none; }
select.format-select,
.form-control,
select.form-control,
textarea.form-control {
  border: 1px solid var(--dl-border);
  border-radius: 10px;
  color: var(--dl-heading);
  background-color: var(--dl-surface);
  box-shadow: none;
}
select.format-select { width: 100%; height: 43px; padding: 8px 13px; margin-bottom: 15px; font-size: 14px; }
.form-control:focus,
select.format-select:focus {
  border-color: #b4a0f3;
  box-shadow: 0 0 0 3px var(--dl-primary-ring);
  outline: none;
}
a.img-video { overflow: hidden; border-radius: 14px; background: #f2f0f8; }
.time-video { right: 9px; bottom: 9px; padding: 4px 9px; border-radius: 6px; background: rgba(26, 22, 42, .82); font-size: 12px; }
.btn-play-video { border: 0; background: rgba(26, 22, 42, .77); box-shadow: 0 5px 18px rgba(0,0,0,.2); }
.btn-play-video:hover { background: var(--dl-primary); }
video { max-width: 100%; border-radius: 12px; background: #161322; }
#myModalVideo .modal-body video { border-radius: 0 0 16px 16px; }
#process { margin: 28px 0; }

/* ---- Blog/sidebar/navigation details ---- */
.list-group { border-color: var(--dl-border); }
.list-group-item { border-color: var(--dl-border); }
.list-group-blog a { font-size: 14px; border-color: var(--dl-border); }
.list-group-blog a:hover { background: #faf8ff; color: var(--dl-primary-hover); }
.list-group-blog a.active,
.list-group-blog a.active:hover { background: var(--dl-primary-soft); border-color: var(--dl-primary-soft); color: var(--dl-primary-hover); }
.dropdown-menu { padding: 7px; border: 1px solid var(--dl-border); border-radius: 12px; box-shadow: var(--dl-shadow-up); }
.dropdown-menu > li > a,
.dropdown-menu .dropdown-item { border-radius: 8px; padding: 8px 12px; color: var(--dl-text); }
.dropdown-menu > li > a:hover,
.dropdown-menu .dropdown-item:hover,
.lang-box .dropdown-menu .dropdown-item.active,
.lang-box .dropdown-menu .dropdown-item:hover { background: var(--dl-primary-soft); color: var(--dl-primary-hover); }
.dropdown-lang { text-transform: none; }
.lang-box-title { color: var(--dl-muted); }
.list-lang { border-top: 1px solid var(--dl-border); }
.list-lang li a { color: var(--dl-text); text-transform: none; }
.list-lang li a:hover { color: var(--dl-primary); }
.extension-nav { background: #fff; border-bottom: 1px solid var(--dl-border); }
.extension-nav ul li a { color: var(--dl-text); }
.extension-nav ul li.active a,
.extension-nav ul li a:hover { color: var(--dl-primary); }
.extension .extension-link,
.extension .extension-link:hover { color: var(--dl-primary); }
.extension .extension-link strong { color: var(--dl-heading); }
.social-fb-cont { background: #fff; border-color: var(--dl-border); border-radius: 12px; }
.social-fb-cont > span { background: #f8f7fb; border-bottom-color: var(--dl-border); color: var(--dl-heading); }
.ol-decorated li::before { border-color: var(--dl-primary); color: var(--dl-primary); }

/* ---- Modals, notices, loading ---- */
.modal-content { overflow: hidden; border: 1px solid var(--dl-border); border-radius: 18px; box-shadow: var(--dl-shadow-up); }
.modal-header { border-bottom-color: var(--dl-border); }
.modal-footer { border-top-color: var(--dl-border); }
.modal-title { font-weight: 750; }
.alert { border-radius: 12px; }
.alert-download { z-index: 2; }
.settings-hint { font-size: 13px; }
.qrcode-p { color: var(--dl-muted); }
#qrcode img { border: 1px solid var(--dl-border); border-radius: 12px; }
.range-time table td { border: none !important; }
.range-time button { border-radius: 9px; }
.ball-clip-rotate > div,
.conversion-loader .ball-clip-rotate > div { border-color: var(--dl-primary); border-bottom-color: transparent; }
.spin { animation-duration: .75s; }

/* ---- Ads: visual placeholders only, never obstruct downloads ---- */
.ads-p { color: #a09aad; font-size: 11px !important; letter-spacing: .08em; text-transform: uppercase; }
.ad-placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100px;
  padding: 16px;
  border: 1px dashed #dcd6eb;
  border-radius: 12px;
  background: #fcfbff;
  color: #a29dad;
  font-size: 12px;
  text-align: center;
  letter-spacing: .02em;
}
.adblock { background: rgba(255,255,255,.96); color: var(--dl-heading); }
.adblock-title h4 { color: var(--dl-heading); font-size: 25px; }

/* ---- Footer ---- */
footer {
  margin-top: auto;
  padding: 30px 0;
  background: #fff;
  border-top: 1px solid var(--dl-border);
}
footer p { color: var(--dl-muted); font-size: 13px; }
footer a, .bottom_ul li a { color: var(--dl-text); font-size: 13px; }
footer a:hover, footer a:focus, .bottom_ul li a:hover { color: var(--dl-primary-hover); }
footer .navbar-brand { margin-top: 0; height: auto; }

.footer-language {
    position: relative;
    display: inline-block;
}

/* Trigger button */
.site-footer .footer-language .dropdown-toggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    min-height: 42px;
    padding: 10px 14px;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 10px;

    color: #334155;
    font-size: 13px;
    font-weight: 600;
    line-height: 20px;

    box-shadow: 0 1px 3px rgba(15, 23, 42, .04);
    transition: border-color .2s, background .2s;
}

.site-footer .footer-language .dropdown-toggle:hover,
.site-footer .footer-language.open .dropdown-toggle {
    background: #f8fbff;
    border-color: #b9d7f8;
    color: #2479d9;
}

.footer-language .dropdown-toggle > svg:first-child {
    color: #2479d9;
    flex-shrink: 0;
}

.footer-language .language-current {
    white-space: nowrap;
}

.footer-language .language-chevron {
    color: #64748b;
    transition: transform .2s ease;
}

.footer-language.open .language-chevron {
    transform: rotate(180deg);
}

/* Dropdown panel */
.site-footer .footer-language .language-menu {
    right: 0;
    left: auto;

    width: 340px;
    max-width: calc(100vw - 30px);
    max-height: 340px;
    overflow-y: auto;

    margin-bottom: 10px;
    padding: 10px;

    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 14px;

    box-shadow:
        0 16px 40px rgba(15, 23, 42, .10),
        0 4px 12px rgba(15, 23, 42, .04);
}

/* Two-column language grid */
.site-footer .footer-language.open .language-menu {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 4px;
}

/* Header spans both columns */
.footer-language .language-menu-heading {
    grid-column: 1 / -1;
    padding: 8px 10px 12px;

    color: #64748b;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .045em;
}

/* Each language */
.footer-language .language-menu > li {
    min-width: 0;
    margin: 0;
}

.site-footer .footer-language .language-menu .language-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 6px;

    width: 100%;
    min-height: 38px;
    padding: 9px 11px;

    border: 0;
    border-radius: 8px;

    background: transparent;
    color: #475569;

    font-size: 13px;
    font-weight: 500;
    line-height: 20px;

    text-decoration: none;
    white-space: normal;
    overflow-wrap: anywhere;

    transition: background .18s, color .18s;
}

/* Hover */
.site-footer .footer-language .language-menu a.language-option:hover,
.site-footer .footer-language .language-menu a.language-option:focus {
    background: #f0f6ff;
    color: #2479d9;
}

/* Selected language */
.site-footer .footer-language .language-menu .is-current,
.site-footer .footer-language .language-menu > .active > .is-current {
    background: #eaf3ff;
    color: #2479d9;
    font-weight: 700;
}

.footer-language .is-current svg {
    flex-shrink: 0;
    color: #2479d9;
}

.bottom_ul { list-style: none; }

/* ---- Error/thank-you pages ---- */
.display-error { color: var(--dl-heading); font-weight: 800; letter-spacing: -.065em; }
.thankyou-title h1, .thankyou-title h2 { color: var(--dl-heading); text-transform: none; }
.thankyou-title-p p { color: var(--dl-text); }
.btn-dimiss { border-radius: 12px; }

/* ---- Responsiveness ---- */
@media (min-width: 1200px) {
  .container:not(.container-download) { width: 1100px; }
  .container-download { width: min(1320px, calc(100% - 36px)); }
}
@media (max-width: 991px) {
  .custom-jum.jum-padd, .custom-jum.jumb-padd { padding-top: 54px; padding-bottom: 56px; }
  .page-content { padding-top: 32px; padding-bottom: 38px; }
  .card-blog { padding: 23px; }
  .navbar .navbar-brand { max-width: 80%; }
}
@media (max-width: 767px) {
  .navbar { padding: 10px 0; }
  .navbar-default .navbar-nav > li > a { padding: 12px 14px; }
  .navbar-collapse { padding: 10px 0; overflow-x: hidden; }
   .custom-jum {
        background:
            radial-gradient(
                ellipse at 100% 0%,
                rgba(36, 121, 217, 0.07),
                transparent 70%
            ),
            linear-gradient(
                180deg,
                #ffffff 0%,
                #f4f8fe 100%
            );
    }

    .custom-jum .home-search h1 {
        font-size: clamp(28px, 6vw, 38px);
        letter-spacing: -0.025em;
    }
  .custom-jum.jum-padd, .custom-jum.jumb-padd { padding-top: 43px; padding-bottom: 48px; }
  .home-search h1 { font-size: clamp(30px, 8vw, 43px); }
  .home-search h2 { font-size: 16px; margin-bottom: 23px; }
  .form-home-search { margin-top: 18px; }
  .form-home-search .input-group { gap: 8px; padding: 8px; }
  .form-home-search .input-group .form-control,
  .form-home-search .input-group input { height: 50px; font-size: 14px; }
  .form-home-search .input-group .btn,
  .form-home-search .input-group button { min-height: 50px; padding: 0 18px; }
  .card, .card-blog { border-radius: 18px; }
  .card { padding: 16px; }
  .card-blog { padding: 20px; }
  .stitle { font-size: 26px; }

  .site-footer,
.site-footer .footer-bottom,
.site-footer .footer-language {
    overflow: visible;
}

.site-footer .footer-language {
        position: relative;
        display: inline-block;
        max-width: 100%;
    }

    .site-footer .footer-language .dropdown-toggle {
        display: inline-flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;

        max-width: 100%;
        min-height: 42px;
        padding: 10px 14px;
        border-radius: 10px;
        font-size: 13px;
    }

    /* Align dropdown to left on mobile */
    .site-footer .footer-language .language-menu {
        position: absolute;
        bottom: calc(100% + 8px);
        top: auto;
        left: 0;
        right: auto;

        width: 280px;
        max-width: calc(100vw - 30px);
        max-height: min(320px, 60vh);

        margin: 0;
        padding: 8px;

        overflow-x: hidden;
        overflow-y: auto;

        border-radius: 12px;
        box-shadow: 0 12px 30px rgba(15, 23, 42, .12);
        z-index: 1050;
    }

    /* Single column */
    .site-footer .footer-language.open .language-menu {
        display: block;
    }

    .site-footer .footer-language .language-menu > li {
        display: block;
        width: 100%;
    }

    .site-footer .footer-language .language-menu-heading {
        padding: 10px 12px;
    }

    .site-footer .footer-language .language-menu .language-option {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        min-height: 42px;
        padding: 11px 12px;

        font-size: 13px;
        border-radius: 8px;
    }
}
@media (max-width: 540px) {
  .form-home-search .input-group {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 9px;
    border-radius: 16px;
  }
  .form-home-search .input-group .form-control,
  .form-home-search .input-group input {
    display: block;
    width: 100% !important;
    flex: 0 0 auto;
    min-height: 50px;
    height: 50px;
    padding: 12px 14px;
    border-radius: 10px !important;
    margin: 0 !important;
    box-shadow: none !important;
  }
  .form-home-search .input-group-btn,
  .form-home-search .input-group-append { display: block; width: 100%; }
  .form-home-search .input-group .btn,
  .form-home-search .input-group button {
    width: 100% !important;
    min-height: 49px;
    border-radius: 10px !important;
    box-shadow: none;
  }
  .home-search h1 { font-size: 31px; }
  .card-blog h1 { font-size: 25px; }
  footer { padding: 27px 0; }
  .bottom_ul { float: none; text-align: center; }
}

/* ---- Language direction and accessibility ---- */
[dir="rtl"] body, body[dir="rtl"] { text-align: right; }
[dir="rtl"] .btn-extension { margin-right: 8px; margin-left: 0; }
[dir="rtl"] .time-video { right: auto; left: 9px; }
[dir="rtl"] .form-home-search .input-group input { text-align: right; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

@media (max-width: 375px) {

    .site-footer .footer-language .language-menu {
        width: 250px;
        max-width: calc(100vw - 30px);
        max-height: 55vh;
    }

    .site-footer .footer-language .dropdown-toggle {
        padding: 9px 12px;
        font-size: 12px;
    }
}

@media (max-width: 480px) {
    .site-footer .footer-language .language-menu {
        width: min(320px, calc(100vw - 30px));
        max-height: 300px;
        padding: 8px;
    }

    .site-footer .footer-language .language-menu .language-option {
        padding: 9px 8px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .footer-language * {
        transition: none !important;
    }
}