* {
    box-sizing: border-box;
}

body {
    margin: 0;
    /* font: 14px/1.5 Arial, Helvetica, sans-serif; */
    font: 14px/1.5 'Roboto', Arial, Helvetica, sans-serif;
    color: #333;
    background: #fff;
}

html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none;
    color: inherit;
}

img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: auto;
}

:root {
    --container: 1600px;
    --border: #E6E6E6;
    --muted: #F7F7F7;
    --blue: #0f4ea8;
    --red: #DA291C;
    --bg: #FFFFFF;
    --ink: #333333;
    --gray: #999999;
    --foot: #5E6774;
    --header-height: 56px;
    --gap: 20px;
    --newsgap: 30px;
    --section-stack-gap: 30px;
    --radius-sm: 4px;
    --radius-md: 8px;
    --ease-standard: 0.25s ease;
}

.container {
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 16px;
}

.section {
    padding: clamp(14px, 2vw, 24px) 0;
}

.section.soft {
    background: var(--bg);
}

/* Header */
.header {
    position: relative;
    z-index: 20;
    background: #fff;
    border-bottom: 1px solid var(--border);
    transition: transform var(--ease-standard);
}

.skip-link {
    position: absolute;
    left: 12px;
    top: -100px;
    z-index: 999;
    background: var(--blue);
    color: #fff;
    padding: 8px 12px;
    border-radius: var(--radius-sm);
}

.skip-link:focus {
    top: 12px;
}

.header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 30;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.08);
}

body.has-fixed-header {
    padding-top: var(--header-height);
}

.header-top {
    background-color: var(--muted);
    min-height: 36px;
    display: none;
    align-items: center;
}

.top-media {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--gap);
    color: #666;
}

.top-media a {
    display: inline-grid;
    place-items: center;
    width: 18px;
    height: 18px;
    color: #707985;
}

.top-media a i {
    font-style: normal;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.top-media a i.website {
    background-image: url("data:image/svg+xml,%3Csvg t='1776393144326' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='16180' width='200' height='200'%3E%3Cpath d='M909.47571581 328.11459855c-48.76914743-93.2096277-133.39685312-168.0940616-233.74802754-206.59959229-48.07535409-18.82291511-99.65738108-28.6189755-151.32990284-30.94921619h-29.84819631c-57.88649695 2.52631274-115.47134461 14.64507257-168.35800473 37.92485581-79.81639965 34.53884263-148.62260054 92.34238602-195.49135753 163.82572431-44.1689959 66.92843413-68.30847959 145.78709731-69.90722078 225.0303633v15.52739673c1.10101988 42.77386799 8.11436564 85.35166395 21.73383068 126.09694052 18.62684308 55.96348277 49.27440998 108.14880833 89.33343445 152.28009807 56.98909034 63.24077166 133.20078109 109.98886894 216.72746687 132.4014105 34.44834784 9.50949357 70.20887006 14.15489249 105.96185104 16.00249432h29.84819631c27.23893005-1.6515298 54.58343732-4.26833732 81.22661004-10.09016844 65.80479057-13.86832567 128.19340301-42.48730117 181.08006314-82.82535122 51.57448575-39.38785483 94.3408125-89.82361453 123.68374626-146.75991622 30.2478816-57.81108462 46.16742241-122.3187833 47.66812758-187.00747151v-15.6178915c-1.20659712-65.57101237-17.62385921-130.85545793-48.58061664-189.23967619z m-16.62087535 166.05038775h-124.7923074a681.267359 681.267359 0 0 0-34.05620377-172.94307382 571.36144362 571.36144362 0 0 0 70.71413261-34.6293374 368.54000858 368.54000858 0 0 1 47.57009154 69.63573643c22.73681453 42.78895046 36.35627953 90.0272278 40.56428702 137.93667479zM682.6354568 705.80966278a734.51599826 734.51599826 0 0 0-20.92691884-6.10839793c-39.16161786-10.77642054-79.52229158-16.68874645-120.0865786-19.50162598v-123.96277187h163.55423995c-0.10557725 4.56244538-0.30164928 9.12489074-0.49772133 13.67979489a627.69444676 627.69444676 0 0 1-22.04302118 135.89300089z m-90.54003158 183.12373702c-16.62087537 3.59716767-33.55094124 5.8218311-50.47346586 7.2772889v-153.73555587c34.74999712 2.51877149 69.30392221 7.75238652 102.86240468 16.97531328 6.20643395 1.64398859 12.4128679 3.48404919 18.52126584 5.33165103a624.12744401 624.12744401 0 0 1-63.98735367 122.50731409c-2.31515822 0.67871088-4.61523401 1.16889098-6.92285099 1.64398857zM428.14904123 161.18188666a426.98455668 426.98455668 0 0 1 49.372446-7.27728888v146.85795225c-33.55094124-2.62434874-66.89826919-7.75992774-99.25015455-16.68120521-3.00141035-0.77674689-6.00282068-1.6515298-9.01177225-2.52631273a627.61149321 627.61149321 0 0 1 58.8894808-120.37314543z m222.73782879 122.6053501c-9.61507082 2.6168075-19.23014164 4.9470482-28.94324846 6.98318085-26.34152342 5.7237951-53.38438144 8.82324145-80.3216622 10.6708433V154.00263378c11.62103854 0.97281893 23.13649983 2.51877149 34.65950234 4.46440936a635.57503422 635.57503422 0 0 1 74.60540832 125.32019362zM360.94912274 343.92102085c37.95502075 10.47477127 77.11663859 16.39463839 116.57236449 19.19997671v131.04398874h-145.62119021a623.13200139 623.13200139 0 0 1 19.02652838-153.056845c3.31060085 0.96527771 6.7116965 1.93809663 10.02229734 2.81287955z m116.57236449 212.31584615v124.06080787c-30.44395364 2.13416867-60.78987126 5.52772307-90.53249034 12.02826508-7.11138179 1.45545778-14.12472756 3.09944635-21.22856812 4.94704819a622.67952748 622.67952748 0 0 1-30.85118018-140.93054389h142.61977987v-0.10557725z m-76.8149893 196.6150011c25.24050356-5.52772307 50.97872842-8.54421588 76.8149893-10.37673527v152.86077296a641.42703025 641.42703025 0 0 1-88.3304506-139.86723018c3.90635818-0.86724167 7.70713911-1.73448336 11.5154613-2.61680751z m-15.51985549 124.83001354a386.77470757 386.77470757 0 0 1-127.59010447-71.181689 510.88830409 510.88830409 0 0 1 70.00525679-32.40467396 705.06748724 705.06748724 0 0 0 57.58484768 103.58636296z m156.43531692-383.51689534V363.61117764c31.65055077-2.13416867 63.19552428-5.52772307 94.04670445-12.22433709a626.84228754 626.84228754 0 0 0 37.85698472-9.31342153 624.42155207 624.42155207 0 0 1 30.2478816 152.09156728h-162.15157077z m216.32778157-253.15915875a504.96089571 504.96089571 0 0 1-46.57464892 22.01285625 672.42149386 672.42149386 0 0 0-38.85996858-75.17100073 380.93025277 380.93025277 0 0 1 85.4346175 53.15814448z m-419.73743272-49.27440998a679.3141799 679.3141799 0 0 0-29.14686174 68.28585589 519.80204033 519.80204033 0 0 1-44.46310394-21.82432546 384.37659581 384.37659581 0 0 1 73.60996568-46.46153043z m-153.32832931 133.85686825a373.20803119 373.20803119 0 0 1 32.44992135-42.47975994 574.40056011 574.40056011 0 0 0 73.01420838 36.66547006 682.1647656 682.1647656 0 0 0-22.53320126 174.39099036H126.29614736c5.20345008-59.65114524 25.23296233-118.04290474 58.58783154-168.57670048z m-41.2656216 314.26576175c-9.10980828-27.16351773-14.7204849-55.29231312-17.22417392-83.70767536h144.21852106a680.22666898 680.22666898 0 0 0 34.15423978 159.94198981 569.16694509 569.16694509 0 0 0-92.94568457 44.51589258 367.15996311 367.15996311 0 0 1-68.20290235-120.75020703z m549.92926223 212.41388218a671.39588629 671.39588629 0 0 0 29.14686174-64.59065221 509.45547001 509.45547001 0 0 1 37.25368616 18.8229151h1.50070516a411.67585569 411.67585569 0 0 1-14.22276359 11.44004896 382.56670013 382.56670013 0 0 1-53.67848947 34.32768815z m113.27684609-90.97742303a584.59630579 584.59630579 0 0 0-64.09293089-33.0683024 684.80419681 684.80419681 0 0 0 25.83626088-155.38708565c0.30164928-5.52018182 0.49772132-11.15348214 0.60329856-16.68120522h123.58571027c-4.20800747 47.14024133-17.32220994 93.59423055-39.45572591 135.88545967a362.07717273 362.07717273 0 0 1-46.47661291 69.2511336z' p-id='16181' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.facebook {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392363257' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='14166' width='200' height='200'%3E%3Cpath d='M767.414857 6.838857v150.857143h-89.709714c-70.290286 0-83.419429 33.718857-83.419429 82.285714v107.995429h167.424l-22.272 169.142857H594.285714v433.700571H419.437714V517.12H273.737143V347.977143h145.700571V223.414857C419.437714 78.848 508.013714 0 637.147429 0c61.696 0 114.870857 4.571429 130.304 6.838857z' fill='%235e6774' p-id='14167'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.x {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392906522' class='icon' viewBox='0 0 1119 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5397' width='200' height='200'%3E%3Cpath d='M430.592 587.60533366L211.456 864.93866666h128.170667l90.965333-115.2 65.194667 82.602667-106.666667 134.997333H0l430.592-544.938667 349.525333 442.538667h128.170667L623.957333 505.00266666 908.288 145.06666666h-128.170667L559.786667 423.93599966 339.626667 145.06666666h-128.170667l154.965333 196.266667-65.194666 82.602666L0 42.66666666h389.12l170.666667 216.064L730.624 42.66666666h389.12L754.346667 505.00266666l365.397333 462.336h-389.12z' p-id='5398' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.youTube {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392735268' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='18747' width='200' height='200'%3E%3Cpath d='M1003.2 265.6c-11.2-44.8-46.4-78.4-91.2-91.2-80-20.8-400-20.8-400-20.8s-320 0-400 20.8c-44.8 11.2-78.4 46.4-91.2 91.2C0 345.6 0 512 0 512s0 166.4 20.8 246.4c11.2 44.8 46.4 78.4 91.2 91.2 80 20.8 400 20.8 400 20.8s320 0 400-20.8c44.8-11.2 78.4-46.4 91.2-91.2C1024 678.4 1024 512 1024 512s0-166.4-20.8-246.4z m-593.6 400V358.4L675.2 512 409.6 665.6z' p-id='18748' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.instagram {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392948410' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6421' width='200' height='200'%3E%3Cpath d='M512 359.657143c-83.885714 0-152.342857 68.457143-152.342857 152.342857S428.114286 664.342857 512 664.342857 664.342857 595.885714 664.342857 512 595.885714 359.657143 512 359.657143zM968.914286 512c0-63.085714 0.571429-125.6-2.971429-188.571429-3.542857-73.142857-20.228571-138.057143-73.714286-191.542857-53.6-53.6-118.4-70.171429-191.542857-73.714285-63.085714-3.542857-125.6-2.971429-188.571428-2.971429-63.085714 0-125.6-0.571429-188.571429 2.971429-73.142857 3.542857-138.057143 20.228571-191.542857 73.714285C78.4 185.485714 61.828571 250.285714 58.285714 323.428571c-3.542857 63.085714-2.971429 125.6-2.971428 188.571429s-0.571429 125.6 2.971428 188.571429c3.542857 73.142857 20.228571 138.057143 73.714286 191.542857 53.6 53.6 118.4 70.171429 191.542857 73.714285 63.085714 3.542857 125.6 2.971429 188.571429 2.971429 63.085714 0 125.6 0.571429 188.571428-2.971429 73.142857-3.542857 138.057143-20.228571 191.542857-73.714285 53.6-53.6 70.171429-118.4 73.714286-191.542857 3.657143-62.971429 2.971429-125.485714 2.971429-188.571429zM512 746.4c-129.714286 0-234.4-104.685714-234.4-234.4S382.285714 277.6 512 277.6 746.4 382.285714 746.4 512 641.714286 746.4 512 746.4z m244-423.657143c-30.285714 0-54.742857-24.457143-54.742857-54.742857s24.457143-54.742857 54.742857-54.742857 54.742857 24.457143 54.742857 54.742857a54.674286 54.674286 0 0 1-54.742857 54.742857z' p-id='6422' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.weChat {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392794650' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='21752' width='200' height='200'%3E%3Cpath d='M866.048 308.8c-17.28 150.912-48.32 308.736-107.776 449.152-50.944 120.32-172.032-89.216-178.432-144.96C578.368 512 892.288 79.04 866.048 308.8z m-600.32 449.152c-59.456-140.416-90.56-298.24-107.776-449.152C131.712 79.04 445.696 512 444.16 612.992c-6.4 55.68-127.488 265.28-178.432 144.96zM512 500.672C253.632 11.392-47.04-49.28 105.088 598.72 177.856 908.8 316.352 1035.264 512 710.528c195.648 324.736 334.144 198.272 406.912-111.744C1071.04-49.216 770.368 11.52 512 500.608z' fill='%235e6774' p-id='21753'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.linkedIn {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392817967' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='22777' width='200' height='200'%3E%3Cpath d='M260.096 155.648c0 27.307008-9.899008 50.516992-29.696 69.632-19.796992 19.115008-45.396992 28.672-76.8 28.672-30.036992 0-54.612992-9.556992-73.728-28.672-19.115008-19.115008-28.672-42.324992-28.672-69.632 0-28.672 9.556992-52.224 28.672-70.656 19.115008-18.432 44.372992-27.648 75.776-27.648 31.403008 0 56.32 9.216 74.752 27.648 18.432 18.432 28.331008 41.984 29.696 70.656 0 0 0 0 0 0m-202.752 808.96c0 0 0-632.832 0-632.832 0 0 196.608 0 196.608 0 0 0 0 632.832 0 632.832 0 0-196.608 0-196.608 0 0 0 0 0 0 0m313.344-430.08c0-58.708992-1.364992-126.292992-4.096-202.752 0 0 169.984 0 169.984 0 0 0 10.24 88.064 10.24 88.064 0 0 4.096 0 4.096 0 40.96-68.267008 105.812992-102.4 194.56-102.4 68.267008 0 123.220992 22.868992 164.864 68.608 41.643008 45.739008 62.464 113.664 62.464 203.776 0 0 0 374.784 0 374.784 0 0-196.608 0-196.608 0 0 0 0-350.208 0-350.208 0-91.476992-33.451008-137.216-100.352-137.216-47.787008 0-81.236992 24.576-100.352 73.728-4.096 8.192-6.144 24.576-6.144 49.152 0 0 0 364.544 0 364.544 0 0-198.656 0-198.656 0 0 0 0-430.08 0-430.08 0 0 0 0 0 0' fill='%235e6774' p-id='22778'%3E%3C/path%3E%3C/svg%3E");
}

.top-media a i.tikTok {
    background-image: url("data:image/svg+xml,%3Csvg t='1776392842272' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='23829' width='200' height='200'%3E%3Cpath d='M534.613051 0.853323C590.505685 0 645.971659 0.426661 701.437632 0c3.413291 65.279184 26.879664 131.838352 74.665733 177.917776 47.786069 47.359408 115.19856 69.119136 180.904406 76.372379v171.944517c-61.439232-2.133307-123.305125-14.933147-179.19776-41.386149-24.319696-11.093195-46.932747-25.173019-69.119136-39.679504-0.426661 124.585109 0.426661 249.170219-0.853323 373.328666-3.413291 59.732587-23.039712 119.038512-57.59928 168.104566-55.892635 81.918976-152.744757 135.251643-252.156848 136.958288-61.012571 3.413291-122.025141-13.226501-174.077824-43.946118-86.185589-50.772699-146.771499-143.784869-155.731387-243.623621-0.853323-21.333067-1.279984-42.666133-0.426661-63.572539 7.679904-81.065653 47.786069-158.718016 110.078624-211.624021 70.825781-61.439232 169.811211-90.878864 262.39672-73.385749 0.853323 63.145877-1.706645 126.291755-1.706645 189.437632-42.239472-13.653163-91.732187-9.813211-128.851723 15.786469-26.879664 17.493115-47.359408 44.372779-58.025941 74.665733-8.959888 21.759728-6.39992 45.652763-5.973259 68.692475 10.239872 69.972459 77.652363 128.851723 149.331467 122.451803 47.786069-0.426661 93.438832-28.159648 118.185189-68.692475 8.106565-14.079824 17.066453-28.586309 17.493115-45.226101 4.266613-76.372379 2.559968-152.318096 2.986629-228.690475 0.426661-171.944517-0.426661-343.462373 0.853323-514.980229z' p-id='23830' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
}

.header-inner {
    display: flex;
    align-items: center;
    gap: var(--gap);
    padding: 12px 0;
    flex-wrap: wrap;
    justify-content: space-between;
}

.logo {
    height: 60px;
    flex: 0 0 auto;
}

.logo img {
    height: 60px;
}


.menu-btn {
    display: inline-grid;
}

.nav {
    display: none;
    gap: var(--gap);
    font-weight: 700;
    font-size: 18px;
    min-width: 0;
}

.nav a {
    color: #333;
    white-space: nowrap;
}

.nav a:hover {
    color: var(--red);
}

.tools {
    margin-left: auto;
    display: flex;
    gap: var(--gap);
    align-items: center;
    color: var(--muted);
    flex: 0 0 auto;
}

/* Huawei-like header icon buttons */
.hicon-btn {
    width: 44px;
    height: 44px;
    border: 0;
    background: transparent;
    display: inline-grid;
    place-items: center;
    cursor: pointer;
    color: var(--ink);
    border-radius: 999px;
    transition: background-color var(--ease-standard);
}

.hicon-btn svg {
    display: block;
}

.hicon-btn:hover {
    background-color: #f3f5f7;
}

.menu-btn .icon-close {
    display: none;
}

body.is-menu-open .menu-btn .icon-menu {
    display: none;
}

body.is-menu-open .menu-btn .icon-close {
    display: block;
}

/* Mobile drawer nav (Huawei-like) */
.mnav {
    display: none;
}

.mnav.is-open {
    display: block;
}

.mnav__overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--header-height);
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    z-index: 10;
}

.mnav__panel {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--header-height);
    bottom: 0;
    background: #fff;
    z-index: 11;
    display: block;
    transform: translateX(100%);
    transition: transform 0.24s ease;
}

.mnav.is-open .mnav__panel {
    transform: translateX(0);
}

.mnav__body {
    position: relative;
    height: calc(100dvh - var(--header-height));
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0;
}

.mnav__list {
    margin: 0;
    padding: 8px 0 18px;
    list-style: none;
}

.mnav__item {
    border-bottom: 1px solid var(--border);
}

.mnav__link {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--gap);
    padding: 12px 20px;
    background: #fff;
    border: 0;
    cursor: pointer;
    text-align: left;
    font: 700 15px/1.2 'Roboto', Arial, Helvetica, sans-serif;
    color: var(--ink);
}

.mnav__link:hover {
    background: #fafafa;
}

#mnavDesktop {
    display: none;
}

#mnavMobile {
    display: block;
}

.mnav__desktop-inner {
    max-width: var(--container);
    margin: 0 auto;
    padding: 20px 16px;
}

.mega-menu {
    position: relative;
    padding: 10px 0 18px;
}

.mega-close {
    position: absolute;
    top: 8px;
    right: 0;
    width: 32px;
    height: 32px;
    border: 0;
    background: transparent;
    cursor: pointer;
    color: #555;
    display: inline-grid;
    place-items: center;
}

.mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--gap);
    padding-right: 44px;
}

.mega-col h4 {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid var(--border);
    font-size: 18px;
    color: var(--foot);
    letter-spacing: 0.01em;
}

.mega-links {
    margin: 20px 0 0;
    padding: 0;
    list-style: none;
}

.mega-links li+li {
    margin-top: 10px;
}

.mega-links a {
    display: inline-flex;
    align-items: center;
    gap: var(--gap);
    color: var(--foot);
    font-size: 16px;
}

.no-scroll {
    overflow: hidden;
}

/* Titles */
.title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 4px solid var(--border);
}

.title::before {
    position: absolute;
    content: "";
    left: 0;
    top: -4px;
    width: 80px;
    height: 4px;
    background: var(--red);
}

.title h2 {
    font-size: 24px;
}

.title a {
    font-size: 12px;
    color: var(--gray);
    font-weight: 700;
}

/* Generic grids */
.grid {
    display: grid;
    gap: var(--newsgap);
}

/* Grid columns by breakpoint (mobile-first) */
.g2,
.g3,
.g4 {
    grid-template-columns: 1fr;
}

.g1,
.g6,
.g7 {
    grid-template-columns: repeat(2, 1fr);
}

.g5 {
    grid-template-columns: repeat(3, 1fr);
}

.g12{
    grid-template-columns: repeat(3, 1fr);
}

@media (min-width: 576px) {
    .g5 {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .g1 {
        grid-template-columns: repeat(4, 1fr);
    }

    .g2,
    .g3,
    .g4 {
        grid-template-columns: repeat(2, 1fr);
    }

    .g5,
    .g6 {
        grid-template-columns: repeat(3, 1fr);
    }
    .g12{
        grid-template-columns: repeat(8, 1fr);
    }
}

@media (min-width: 992px) {
    .g3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .g4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .g6 {
        grid-template-columns: repeat(6, 1fr);
    }
    .g12{
        grid-template-columns: repeat(10, 1fr);
    }
}

/* Cards */
.card {
    display: flex;
    flex-direction: column;
    height: 100%;
    transition: transform var(--ease-standard);
    border-radius: var(--radius-md);
}

.card-body {
    padding: 10px 0 0 0;
}

.card h3 {
    font-size: 18px;
    line-height: 1.6;
    margin: 0 0 20px;
    font-weight: 400;
}

.card h2 {
    font-size: 22px;
    line-height: 1.6;
    margin: 0 0 20px;
}

.magazine h3 {
    margin: 0 auto;
    text-align: center;
}

.card .item-content {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
    color: #666;
}

.card .thumb {
    overflow: hidden;
    cursor: pointer;
}

.card .thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.section-videos .card .thumb img {
    aspect-ratio: 16 / 9;
}


.magazine .thumb img {
    aspect-ratio: unset;
}


.card:hover .thumb img {
    transform: scale(1.1);
}

.card:hover {
    transform: translateY(-3px);
}

.card .thumb a {
    position: relative;
}

.card .icon-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg t='1776676274659' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5678' width='200' height='200'%3E%3Cpath d='M546.133333 977.749333C298.666667 977.749333 97.450667 776.533333 97.450667 529.066667S298.666667 80.384 546.133333 80.384 994.816 281.6 994.816 529.066667 793.6 977.749333 546.133333 977.749333z m0-829.098666c-209.749333 0-380.416 170.666667-380.416 380.416s170.666667 380.416 380.416 380.416 380.416-170.666667 380.416-380.416S755.882667 148.650667 546.133333 148.650667z' fill='%23ffffff' p-id='5679'%3E%3C/path%3E%3Cpath d='M498.517333 692.906667c-10.752 0-21.504-2.56-31.402666-7.850667a67.584 67.584 0 0 1-36.010667-59.904V432.981333c0-25.088 13.824-48.128 36.010667-59.904 22.186667-11.776 48.981333-10.24 69.802666 3.925334l133.12 96.426666c18.261333 12.629333 29.184 33.450667 29.184 55.637334 0 22.357333-11.093333 43.349333-29.696 55.978666l-131.925333 95.573334c-12.117333 8.192-25.6 12.288-39.082667 12.288z m-1.024-260.096l1.706667 192.341333 131.072-95.914667-0.341333-0.341333h0.341333l-132.778667-96.085333z' fill='%23ffffff' p-id='5680'%3E%3C/path%3E%3C/svg%3E");
    background-size: contain;
}

.meta {
    font-size: 12px;
    color: var(--gray);
    display: flex;
}

.meta>span {
    display: flex;
    align-items: center;
    margin-right: 20px;
}


.meta span i {
    font-style: normal;
    display: inline-block;
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 4px;
}

.meta span i.icon-time {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M512 25.6c268.63 0 486.4 217.77 486.4 486.4S780.63 998.4 512 998.4 25.6 780.63 25.6 512 243.37 25.6 512 25.6z m0 76.8C285.78 102.4 102.4 285.78 102.4 512S285.78 921.6 512 921.6 921.6 738.22 921.6 512 738.22 102.4 512 102.4z m38.4 132.27v304.1l116.76 116.74-54.31 54.31-128-128a38.4 38.4 0 0 1-11.05-23.36L473.6 554.67V234.67h76.8z' fill='%23999'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.meta span i.icon-count {
    background-image: url("data:image/svg+xml,%3Csvg t='1776305530416' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='10875' width='14' height='14'%3E%3Cpath d='M515.495 877.837c-203.89 0-394.38-109.518-496.326-286.611-11.068-19.224-4.66-43.69 14.564-54.76 19.224-11.068 43.69-4.66 54.759 14.564 87.964 152.044 251.658 246.416 427.003 246.416S854.535 703.074 942.5 551.03c11.068-19.224 35.535-25.632 54.759-14.563 19.224 11.068 25.632 35.535 14.563 54.759-101.945 176.51-292.436 286.61-496.326 286.61z m461.956-394.964c-13.98 0-27.38-6.99-34.952-19.807-87.964-152.043-251.659-246.415-427.004-246.415s-339.04 93.79-427.003 245.833c-11.068 19.224-35.535 25.632-54.76 14.563C14.51 465.98 8.102 441.512 19.17 422.288c101.945-176.51 292.436-286.61 496.326-286.61s394.381 109.518 496.326 286.61c11.069 19.224 4.66 43.691-14.563 54.76-6.408 4.077-13.399 5.825-19.807 5.825z' p-id='10876' fill='%23999999'%3E%3C/path%3E%3Cpath d='M515.495 726.376c-120.003 0-217.288-97.285-217.288-217.289S395.492 291.8 515.495 291.8s217.289 97.285 217.289 217.288-97.285 217.289-217.289 217.289z m0-354.186c-75.73 0-136.897 61.167-136.897 136.897s61.167 136.898 136.897 136.898 136.898-61.75 136.898-136.898S591.226 372.19 515.495 372.19z' p-id='10877' fill='%23999999'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.meta span.buyer-country{
    margin-left: auto;
    margin-right: 0;
}

.meta span.buyer-country img{
    height: 14px;
}

/* Top ads */
.hero {
    margin-top: 20px;
}

.card .thumb h3 {
    text-align: center;
}

/* News */
.news-feature {
    display: grid;
    gap: var(--newsgap);
    grid-template-columns: 1fr;
}

.news-feature>.card {
    background: var(--muted);
}


.news-feature>.card .card-body {
    padding: 20px;
}

.news-side {
    display: grid;
    gap: var(--newsgap);
    grid-template-columns: 1fr;
}

/* Buses */
.buses-wrap {
    display: flex;
    gap: var(--newsgap);
    flex-direction: column-reverse;
}

.cta {
    display: none;
}

.cta img {
    height: 100%;
    width: auto;
    object-fit: cover;
}

.buses-tab {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.buses-tab span {
    display: flex;
    gap: 10px;
    color: var(--gray);
}

.buses-left {
    margin-bottom: var(--newsgap);
}

.section-buses .card img {
    border: 1px solid #cccccc;
}

.btn {
    display: inline-block;
    padding: 4px 8px;
    border-radius: var(--radius-sm);
    background: var(--red);
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    transition: filter var(--ease-standard), transform var(--ease-standard);
}

.btn:hover {
    filter: brightness(0.95);
    transform: translateY(-1px);
}

.btn.blue {
    background: var(--blue);
    width: 100%;
    height: 100%;
    min-height: 40px;
    outline: none;
    border: 0 none;
}


/* Promo */

.promo .thumb img {
    aspect-ratio: 2.5/1;
}

/* Form area */
.form-wrap {
    display: grid;
    gap: var(--gap);
    grid-template-columns: 1fr;
}

.form-card {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 14px;
    background: #fff;
    flex: 1;
}

.form-grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: 1fr;
}

.form-cont,
.links {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.form-cont .title {
    flex-shrink: 0;
}

input,
select,
textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    font: inherit;
    transition: border-color var(--ease-standard), box-shadow var(--ease-standard);
}

input:focus,
select:focus,
textarea:focus {
    border-color: #8fb2e6;
    box-shadow: 0 0 0 3px rgba(15, 78, 168, 0.12);
    outline: none;
}

textarea {
    min-height: 90px;
    resize: vertical;
}

.code img {
    width: auto;
    height: 100%;
}

.linkCont {
    border: 1px solid var(--border);
    border-radius: var(--radius-sm);
    padding: 14px;
    flex: 1;
    /* display: flex;
    align-items: center; */
}

.linkCont>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.linkCont>a img {
    width: auto;
    height: 50px;
}

.linktext{
    display: grid;
    margin-top: 20px;
    line-height: 3;
}


/* Subscribe */
.sub {
    background: linear-gradient(90deg, #f59f00, #ffb941);
    color: #fff;
    padding: 16px 0;
}

.sub-inner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--gap);
}

.sub strong {
    font-size: 18px;
}

/* Footer */
.footer {
    background: var(--muted);
    padding: 24px 0 0;
    color: var(--foot);
}

.footer-grid {
    display: grid;
    gap: var(--gap);
    grid-template-columns: 1fr;
}

.footer h4 {
    margin: 0 0 8px;
    font-size: 18px;
}


.footer p {
    margin: 20px 0;
    color: var(--foot);
}

.linkList a, .linkList span {
    display: block;
    color: var(--foot);
    padding: 6px 0;
}


.linkList span i {
    font-style: normal;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

.linkList span i.tel {
    background-image: url("data:image/svg+xml,%3Csvg t='1776390514323' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='5595' width='200' height='200'%3E%3Cpath d='M217.856 94.677333c-36.608 14.762667-60.928 38.485333-96.597333 83.2-88.618667 111.232-9.386667 332.8 194.730666 535.210667l10.581334 10.368c192 184.576 434.986667 264.533333 527.701333 184.064l3.029333-2.816-1.450666 1.194667a249.301333 249.301333 0 0 0 64.042666-77.994667c33.152-64 24.149333-130.858667-41.173333-182.954667-94.037333-75.008-157.184-77.568-219.434667-20.48l-6.997333 6.570667-18.005333 17.834667c-7.808-1.621333-19.882667-7.338667-34.730667-16.896-29.610667-19.114667-66.517333-50.901333-108.586667-92.586667-41.941333-41.642667-74.069333-78.208-93.312-107.605333l-3.882666-6.101334a120.448 120.448 0 0 1-12.245334-24.832l-0.938666-3.413333 18.133333-17.92 6.613333-6.954667c57.472-61.738667 54.912-124.373333-20.650666-217.642666-51.328-63.36-109.653333-83.328-166.826667-60.245334z m99.925333 113.493334l11.221334 14.08c37.546667 48.682667 37.888 64.853333 16.384 89.258666l-8.32 8.874667-21.12 20.821333c-45.482667 45.056-25.258667 102.314667 41.856 181.205334l14.08 16.085333 15.232 16.682667 8.106666 8.533333 16.981334 17.621333 18.176 18.261334 9.258666 9.130666 18.090667 17.450667 17.408 16.298667c5.717333 5.205333 11.306667 10.24 16.810667 15.104l16.213333 13.909333c79.616 66.56 137.216 86.570667 182.698667 41.685333l21.034666-20.992 5.546667-5.248c24.277333-22.186667 39.296-25.301333 80.725333 3.968l12.586667 9.258667 14.250667 11.093333c31.232 24.917333 34.261333 47.573333 18.602666 77.781334a165.845333 165.845333 0 0 1-26.88 36.608l-7.253333 7.338666-5.546667 5.12-5.333333 4.650667c-14.421333 14.293333-69.888 15.658667-141.184-7.722667-90.709333-29.781333-189.994667-92.074667-280.746667-182.101333-177.109333-175.658667-241.408-355.413333-188.16-422.272 26.453333-33.194667 43.648-49.92 61.653334-57.173333 19.285333-7.808 38.570667-1.194667 67.626666 34.688z' fill='%235e6774' p-id='5596'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.linkList span i.email {
    background-image: url("data:image/svg+xml,%3Csvg t='1776390597621' class='icon' viewBox='0 0 1024 1024' version='1.1' xmlns='http://www.w3.org/2000/svg' p-id='6658' width='200' height='200'%3E%3Cpath d='M926.47619 355.644952V780.190476a73.142857 73.142857 0 0 1-73.142857 73.142857H170.666667a73.142857 73.142857 0 0 1-73.142857-73.142857V355.644952l73.142857 62.000762V780.190476h682.666666V417.645714l73.142857-62.000762zM853.333333 170.666667a74.044952 74.044952 0 0 1 26.087619 4.778666 72.704 72.704 0 0 1 30.622477 22.186667 73.508571 73.508571 0 0 1 10.678857 17.67619c3.169524 7.509333 5.12 15.652571 5.607619 24.210286L926.47619 243.809524v24.380952L559.469714 581.241905a73.142857 73.142857 0 0 1-91.306666 2.901333l-3.632762-2.925714L97.52381 268.190476v-24.380952a72.899048 72.899048 0 0 1 40.155428-65.292191A72.97219 72.97219 0 0 1 170.666667 170.666667h682.666666z m-10.971428 73.142857H181.638095L512 525.58019 842.361905 243.809524z' p-id='6659' fill='%235e6774'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}


.linkList a:hover {
    color: var(--blue);
}

.footerLeft a img {
    width: auto;
    height: 60px;
}

.footerLeft .top-media {
    margin-top: 40px;
    justify-content: flex-start;
}

.foot-bottom {
    border-top: 1px solid #d4dbe1;
    padding: 20px 16px;
    display: grid;
    gap: var(--gap);
    align-items: center;
    text-align: center;
}

.code {
    grid-template-columns: auto max-content;
}

.foot-bottom span a {
    display: inline-block;
    margin-left: 20px;
}

.foot-bottom span i {
    font-style: normal;
}

.foot-bottom img {
    display: inline-block;
    width: auto;
    margin-right: 4px;
    vertical-align: middle;
}

.foot-bottom>div {
    display: flex;
    gap: var(--gap);
    justify-content: center;
}

a:focus-visible,
button:focus-visible {
    outline: 2px solid var(--blue);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

/* Responsive */
@media (min-width: 576px) {
    .news-side {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .header-inner {
        flex-wrap: nowrap;
    }

    /* desktop drawer content differs */
    #mnavDesktop {
        display: block;
    }

    #mnavMobile {
        display: none;
    }

    /* desktop menu: full-width panel, container-width content */
    .mnav__overlay {
        top: var(--header-height);
        background: rgba(0, 0, 0, 0.18);
    }

    .mnav__panel {
        left: 0;
        right: 0;
        top: var(--header-height);
        bottom: auto;
        width: auto;
        max-width: none;
        max-height: calc(100dvh - var(--header-height));
        overflow: hidden;
        box-shadow: none;
    }

    .mnav__body {
        height: auto;
        max-height: calc(100dvh - var(--header-height));
        overflow-y: auto;
    }

    #mnavDesktop .mnav__list {
        padding-top: 14px;
    }

    #mnavDesktop .mnav__link,
    #mnavDesktop .mnav__item {
        border: 0;
        padding: 0;
    }

    .foot-bottom>div {
        justify-content: flex-end;
    }

    .news-feature {
        grid-template-columns: 1fr 1fr;
    }

    .buses-wrap {
        flex-direction: row;
    }

    .news-feature,
    .buses-wrap {
        margin-bottom: var(--section-stack-gap);
    }

    .buses-left {
        flex: 3;
    }


    .magazine h3 {
        margin: 0 0 30px;
    }

    .cta {
        flex: 1;
    }

    .promo {
        grid-template-columns: 1fr 1fr;
    }

    .form-wrap {
        grid-template-columns: 1.25fr 0.75fr;
    }

    .form-grid {
        grid-template-columns: 1fr 1fr;
    }

    .form-grid .full {
        grid-column: 1/-1;
    }

    .footer-grid {
        grid-template-columns: 1.2fr 2fr 1fr;
    }

}

@media (min-width: 992px) {

    .header-top {
        display: flex;
    }

    .nav {
        display: flex;
        align-items: center;
        flex: 1 1 auto;
        min-width: 0;
        gap: clamp(8px, 0.9vw, 20px);
        overflow: hidden;
    }

    .nav a {
        font-size: clamp(13px, 0.75vw, 18px);
    }

    .tools {
        margin-left: 0;
    }


    .cta {
        display: block;
    }
}