/* ----------------------------------------------------------------
	Custom CSS
-----------------------------------------------------------------*/
/* --------------------- 
	FONT ADD-ON
----------------------*/
/* QUICKSAND */
@font-face {
    font-family: 'quicksand';
    font-weight: 300;
    src: url("fonts/Quicksand/Quicksand-Light.ttf")
}

@font-face {
    font-family: 'quicksand';
    font-weight: 400;
    src: url("fonts/Quicksand/Quicksand-Regular.ttf")
}

@font-face {
    font-family: 'quicksand';
    font-weight: 500;
    src: url("fonts/Quicksand/Quicksand-Medium.ttf")
}

@font-face {
    font-family: 'quicksand';
    font-weight: 600;
    src: url("fonts/Quicksand/Quicksand-SemiBold.ttf")
}

@font-face {
    font-family: 'quicksand';
    font-weight: 700;
    src: url("fonts/Quicksand/Quicksand-Bold.ttf")
}

/* POPPINS */
@font-face {
    font-family: 'Poppins';
    font-weight: 300;
    src: url("fonts/Poppins/Poppins-Light.ttf")
}

@font-face {
    font-family: 'Poppins';
    font-weight: 400;
    src: url("fonts/Poppins/Poppins-Regular.ttf")
}

@font-face {
    font-family: 'Poppins';
    font-weight: 500;
    src: url("fonts/Poppins/Poppins-Medium.ttf")
}

@font-face {
    font-family: 'Poppins';
    font-weight: 600;
    src: url("fonts/Poppins/Poppins-SemiBold.ttf")
}

@font-face {
    font-family: 'Poppins';
    font-weight: 700;
    src: url("fonts/Poppins/Poppins-Bold.ttf")
}

/* UTM MAGNESIUM */
@font-face {
    font-family: 'UtmMagnesium';
    font-weight: 700;
    src: url("fonts/UtmMagnesium/UTM-MAGNESIUM.TTF")
}

/* --------------------- 
	BASE
----------------------*/
html {
    /* scroll-behavior: smooth; */
}

.full_screen {
    min-height: calc(100vh - 60px);
}

a:hover {
    color: var(--primary-color);
    text-decoration: underline !important;
}

/* --------------------- 
	Header 
----------------------*/
/* Title */
.sTitle {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700;
}

/* Logo */
#header,
#header-wrap,
#logo img {
    height: 60px;
}

#header #header-wrap {
    height: 60px;
    transition: .4s;
}

/* primary-menu */
#primary-menu {
    height: 60px;
    margin: 0 auto;
}

#primary-menu,
#primary-menu ul {
    position: relative;
}

#primary-menu ul li {
    cursor: pointer;
}

#primary-menu ul li a {
    padding: 19px 12px;
}

#primary-menu ul li a.active {
    color: #00b0f0 !important;
}

#primary-menu .menu-line {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    width: 100px;
    background: var(--primary-color);
    transition: .3s ease-in-out
}

/* --------------------- 
	Slider 
----------------------*/
#slider .swiper-pagination {
    margin: auto;
    position: absolute;
    right: 0px;
    top: 50%;
    left: inherit;
    width: 5%;
    height: auto;
    bottom: inherit !important;
    transform: translateY(-50%);
}

#slider .swiper-pagination .swiper-pagination-bullet {
    margin: 20px 0;
    display: block;
    width: 20px;
    height: 20px;
    background: transparent;
    border: 2px solid #ffffff;
}

#slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    border: 2px solid #ffffff;
    background: var(--primary-color) !important;
}

#slider .slider-caption.slider-caption-center {
    max-width: 600px;
    transform: translateY(-50%);
    top: 50% !important;
}

/* --------------------- 
	About us 
----------------------*/
#about_us {
    padding: 80px 0;
}

#about_us .about_us_heading {
    font-size: 3rem;
}

#about_us .about_us_right {
    padding-left: 40px;
}

#about_us .about_us_content {
    font-family: 'quicksand';
    text-align: justify;
}

/* --------------------- 
	Service 
----------------------*/
#service {
    background: #333;
    padding: 0;
}

#service .service_heading {
    padding: 0 20px;
    border: 5px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    text-shadow: 0px 1px 10px #3e3e3e;
    font-size: 4vw;
    box-shadow: 0px 1px 10px #3e3e3e;
    white-space: nowrap;
}

#service .service_heading--sm {
    display: none;
    padding: 0 10px;
    color: #fff;
    font-size: 35px;
    margin: 0;
    text-align: center;
}

#service .service_image {
    background-image: url(../images/service/service.jpg);
    background-attachment: fixed;
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
}

#service .list-box {
    padding: 40px 0;
    background-color: #333;
    height: 100%;
}

#service .list-box .service_box {
    margin: 40px 0;
    display: flex;
}

#service .list-box .service_box:first-child {
    margin-top: 0;
}

#service .list-box .service_box:last-child {
    margin-bottom: 0;
}

#service .service_box .service_box_icon {
    margin-right: 50px;
    width: 70px;
}

#service .service_box .service_box_content {
    flex: 1;
}

#service .service_box .service_box_heading {
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 1;
}

#service .service_box .service_box_desc {
    margin: 0;
    font-size: 17px;
    font-family: 'quicksand';
    text-align: justify;
}

/* --------------------- 
	S-member 
----------------------*/
#smember {
    background: #ccc;
    padding: 0;
}

#smember .smember_heading {
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #333;
    font-size: 4vw;
    white-space: nowrap;
}

#smember .smember_heading--sm {
    display: none;
    padding: 0 10px;
    color: #fff;
    font-size: 35px;
    margin: 0;
    text-align: center;
}

#smember .smember_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: #bbb;
    color: #333;
}

#smember .smember_content {
    text-align: center;
    padding: 20px;
}

#smember .smember_content .smember_tos {
    background-color: #ccc;
    height: 100%;
    display: inline-block;
    background: #333333;
    color: #fff;
    border-radius: 50px;
    padding: 10px 20px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    font-size: 20px;
    transition: .3s;
}

#smember .smember_content .smember_tos:hover {
    background: #222;
    text-decoration: none !important;
}

#smember .smember_content .smember_contact {
    margin: 10px 0;
    list-style: none;
}

#smember .smember_content .smember_contact li {
    margin-top: 0;
    color: #525252;
    font-size: 16px;
    font-family: 'quicksand';
}

#smember .smember_content .smember_contact li span {
    margin-bottom: 0;
}

/* --------------------- 
	Inventory 
----------------------*/
#inventory {
    text-align: center;
}

#inventory .heading-block {
    padding: 20px 0;
    margin: 0;
}

#inventory .inventory_total_data {
    display: flex;
    justify-content: center;
    margin: 20px 0 40px 20px;
    flex-wrap: wrap;
}

#inventory .inventory_total_data .inventory_data_item {
    margin: 0 40px;
    text-align: center;
}

#inventory .inventory_total_data .inventory_data_item .inventory_data_number {
    margin: 0;
    padding: 10px 0;
    font-size: 3rem;
    font-weight: bold;
    border-bottom: 1px solid #333;
    display: inline-block;
}

#inventory .inventory_total_data .inventory_data_item p {
    margin: 10px 0;
    font-size: 20px;
}


#inventory .owl-carousel .owl-stage {
    padding: 0;
}

#inventory .inventory_zone .inventory_item {
    position: relative;
}

#inventory .inventory_zone .inventory_item .inventory_item_image {
    height: calc(100vh - 60px);
    position: relative;
}

#inventory .inventory_zone .inventory_item .inventory_item_image:after {
    content: "";
    /* background: rgba(58, 56, 51, 0.4); */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#inventory .inventory_zone .inventory_item .inventory_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#inventory .inventory_zone .inventory_item .inventory_item_meta {
    padding: 20px 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0.8);
    text-align: center;
}

#inventory .inventory_zone .inventory_item .inventory_item_meta .inventory_name {
    margin-bottom: 0;
    font-size: 40px;
    color: #333333;
}

#inventory .inventory_zone .inventory_item .inventory_item_meta p {
    margin: 0;
    font-size: 18px;
    color: #616161;
    font-family: quicksand;
}

#inventory .inventory_zone .swiper-button {
    padding: 50px 20px;
    /* background-color: rgba(255, 255, 255, 0.7); */
    filter: brightness(10) saturate(0);
    margin: 0 -10px;
}

/* Type */
#inventory .inventory_type_heading {
    margin: 0;
    /* color: #555; */
    font-size: 30px;
    text-align: center;
    font-weight: 400;
    font-family: 'quicksand';
    position: relative;
    display: inline-block;
}

#inventory .inventory_type_heading:after,
#inventory .inventory_type_heading:before {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background: #333;
    margin: 0 10px;
}

#inventory .inventory_type_heading:after {
    right: 100%;
}

#inventory .inventory_type_heading:before {
    left: 100%;
}

#inventory .inventory_type {
    margin: 40px auto;
}

#inventory .inventory_type .inventory_item .inventory_item_icon {
    width: 80px;
    height: 80px;
    margin: auto;
    border-radius: 50%;
    padding: 0px 14px;
    border: 2px solid #333;
    transition: .4s;
}

#inventory .inventory_type .inventory_item:hover .inventory_item_icon {
    border-color: var(--primary-color) !important;
}

#inventory .inventory_type .inventory_item .inventory_item_icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#inventory .inventory_type .inventory_item .inventory_item_meta {
    padding: 10px 0;
    width: 100%;
    background: #ffffff;
    text-align: center;
}

#inventory .inventory_type .inventory_item .inventory_item_meta .inventory_name {
    margin-bottom: 45px;
    color: #000;
    font-weight: 400;
    transition: .4s;
}

#inventory .inventory_type .inventory_item:hover .inventory_item_meta .inventory_name {
    color: var(--primary-color) !important;
}

#inventory .inventory_type .inventory_item {
    position: relative;
}

#inventory .inventory_type .inventory_item .inventory_item_image {
    height: calc(100vh - 187px);
}

#inventory .inventory_type .inventory_item .inventory_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#inventory .inventory_type .swiper-pagination span {
    background: transparent;
    border-color: #333;
}

#inventory .inventory_type .swiper-pagination span.swiper-pagination-bullet-active {
    background: #00b0f0 !important;
    border-color: #333;
}

/* ----------------wifi plus------------------- */
#wfplus .swiper-button {
    padding: 0 20px;
    /* background-color: rgba(255, 255, 255, 0.7); */
    filter: brightness(10) saturate(0);
    margin: 0 -10px;
}

#wfplus .heading-block {
    padding: 20px 0;
    margin: 0;
}

#wfplus .tag {
    margin: 36px 10px 10px 10px;
    background-color: #d2d2d2;
    padding-top: 33px;
}

#wfplus .tag:hover {
    -webkit-transform: scale(1.07);
    -ms-transform: scale(1.07);
    -o-transform: scale(1.07);
    transform: scale(1.07);
    box-shadow: 2px 1px 5px 2px #ff5722;
}

#wfplus .tag:hover .ap_name {
    background-color: #ff5722;
}

#wfplus .ap_name {
    color: #fff;
    background: #4c4c4c;
    padding: 16px 0;
    font-size: 20px;
    text-align: center;
    font-family: 'Quicksand', sans-serif;
    text-transform: uppercase;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
    margin: -55px 20px 0px 20px;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 50% 100%, 0 75%);
}

#wfplus .price {
    color: #4c4c4c;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    height: 199px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}

#wfplus .tag .price ul {
    list-style: none;
    font-size: 15px;
    font-family: 'Quicksand', sans-serif;
    color: #9095aa;
}

#wfplus .tag .price li {
    border-bottom: 1px solid #bdbec3;
    height: 40px;
    line-height: 35px;
    color: #4c4c4c;
    padding: 0 6px;
    display: flex;
}

#wfplus .tag .price li:nth-child(2n+1) {
    background-color: #f1ebeb;
}

#wfplus .tag .price p {
    color: #15100c;
    font-weight: 600;
    width: 30%;
}

#wfplus .tag .price span {
    color: #3e3b3b;
    font-weight: 400;
    width: 43%;
    text-align: left;
}

#wfplus .tag .price .img_ap {
    width: 30px;
    margin-left: 36px;
    padding: 3px 0;
}

#wfplus .tag .price .img_ap:hover {
    transform: scale(3.5);
    padding-right: 5px;
}

#wfplus .ap_footer {
    padding-top: 20px;
}

#wfplus .ap_footer p {
    color: #4c4c4c;
    font-size: 14px;
    text-align: center;
    margin: 0;
    padding-bottom: 9px;
}

#wfplus .ap_footer .group_link .link_buy {
    font-style: initial;
    padding: 0 6px;
    text-decoration: underline !important;
}

#wfplus .ap_footer .group_link {
    text-align: center;
    font-size: 15px;
    padding-bottom: 15px;
}

/* #wfplus .ap_footer button{
    border: none;
    padding: 5px 31px;
    margin-bottom: 4px;
    border-radius: 4px;
    color: #fff;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    background-color: #d24d1a;
    box-shadow: 2px 2px 12px 5px #ff5722;
} */
#wfplus .ap_footer button {
    border: none;
    padding: 5px 31px;
    margin-bottom: 4px;
    border-radius: 4px;
    color: #d24d1a;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    font-weight: bold;
    border: 1px solid #d24d1a;
}

#wfplus .ap_footer button:hover {
    background-color: #d24d1a;
    color: #fff;
}

#wfplus .ap_footer button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.1s;
}

#wfplus .ap_footer button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.2s;
}

#wfplus .ap_footer button:hover span {
    padding-right: 16px;
}

#wfplus .ap_footer button:hover span:after {
    opacity: 1;
    right: 0;
}

#wfplus .ap_footer .group_link .pdf {
    color: #b91105;
}

#wfplus .ap_footer .group_link .video {
    color: #1d5eb1;
}

#wfplus .ap_footer .group_link .file_config {
    color: #1f6731;
}

/* --------------------- 
	network 
----------------------*/
#network {
    padding: 20px 0;
    overflow: visible;
}

#network .heading-block span {
    font-family: 'quicksand';
}

#network .network_select_province {
    margin-top: 10px;
    border: 1px solid #333;
}

#network .container {
    /* padding:20px 0; */
}

#network .network_province {
    position: relative;
    text-align: center;
    display: flex;
    width: 100%;
}

#network .network_province:after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

#network .network_province .network_province_image {
    position: absolute;
    width: 100%;
    height: 100%;
    max-width: 500px;
    max-height: 500px;
    margin: auto;
    border-radius: 50%;
    border: 10px solid #ddd;
    overflow: hidden;
}

#network .network_province .network_province_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#network .network_province .network_province_meta {
    position: absolute;
    top: 15%;
    right: 0;
    z-index: 100;
    text-align: center;
}

#network .network_province .network_province_ap {
    padding: 0px 37px;
    margin-right: 50px;
    background: #eee;
    display: inline-block;
    font-size: 25px;
    font-weight: bold;
    color: #333;
    transform: skew(-20deg);
}

#network .network_province .network_province_meta .network_province_name {
    margin: 0;
    font-size: 40px;
    padding: 0px 30px;
    background: #333;
    color: #fff;
    transform: skew(-20deg);
}

#network .jsmaps-text {
    display: none !important;
    text-align: center;
}

#network .jsmaps {
    background: url('../images/network/extra.png');
    background-size: contain;
    background-repeat: no-repeat;
}

#network .network_province_item {
    position: relative;
}

#network .network_province_item .network_province_item_image {
    height: calc(60vh);
    position: relative;
}

#network .network_province_item .network_province_item_image:after {
    content: "";
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#network .network_province_item .network_province_item_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#network .network_province_item .network_province_item_meta {
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

#network .network_province_item .network_province_item_meta .network_province_name {
    margin-bottom: 0;
    font-size: 40px;
    color: #fff;
    white-space: nowrap;
}

#network .network_province_item .network_province_item_meta p {
    margin: 0;
    padding: 3px 0;
    font-size: 36px;
    color: #eee;
    font-family: quicksand;
    background: #0000009e;
}

#network .network_default {}

/* --------------------- 
	Solution 
----------------------*/
#solution {
    padding-bottom: 40px;
    background-image: url('../images/wifi_solution/back_ground.jpg');
    background-size: cover;
    background-attachment: fixed;
}

#solution .feature-box {
    display: flex;
    position: relative;
    padding-left: 35px;
    width: 80%;
    margin: 40px auto 0 auto;
}

#solution .header-block {
    top: 20px;
    left: 20px;
    background: #FF8925;
    color: black;
    padding-left: 30px;
    width: 20%
}

#solution .text-box {
    border: 2px solid #00b0f0;
    /* fallback color */
    background: rgb(255 255 255);
    padding: 32px 17px 27px 43px;
    width: 100%;
    height: 114px;
    display: inline-table;
    align-items: center;
    opacity: 0.7;
    border-radius: 15px;
}

#solution .text-box p {
    margin: 0;
    color: #212529;
    font-size: 16px;
    font-family: 'quicksand';
    /* text-align: justify; */
}

#solution .circle {
    position: absolute;
    border: 1px solid black;
    background-color: white;
    height: 70px;
    border-radius: 50%;
    width: 70px;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    margin: auto;
    padding: 12px;
    transform: translateX(-50%);
    z-index: 100;
}

#solution .iconSolution {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    margin: auto;
    transform: translateX(-50%);
    z-index: 100;
    width: 25%;
}

#solution .contentSolution {
    color: #00b0f0;
    font-weight: bold;
    font-size: 20px;
}

/* --------------------- 
	partner 
----------------------*/
#partner {
    padding: 40px 0;
    position: relative;
    background-image: url('../images/partner/bg2.jpg');
    background-size: cover;
    background-attachment: fixed;
}

#partner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.6); */
}

#partner .heading-block {
    margin-bottom: 20px;
}

#partner .partner_heading {
    font-family: 'Poppins', sans-serif !important;
    font-size: 40px;
    position: relative;
    z-index: 100;
    color: #212529;
}

#partner .partner_item {
    position: relative;
}

#partner .partner_container img {
    height: 100px;
}

#partner .partner_item .partner_item_image {
    margin: 20px 20px;
    border: 2px solid #00b0f0;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    height: 90px;
    padding: 20px 20px;
    width: auto;
    background-color: #fff;
}

#partner .partner_item .partner_item_image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    margin: 0 auto;
}

/* --------------------- 
	ads 
----------------------*/
#ads {
    padding: 0;
    position: relative;
    color: #eee;
}

#ads .container {
    position: relative;
}

#ads .ads_list {
    padding: 20px 0;
}

#ads .swiper-pagination {
    bottom: 0 !important;
}

#ads .swiper-pagination span {
    background: transparent;
    border-color: #333;
    width: 15px;
    height: 15px;
}

#ads .swiper-pagination span.swiper-pagination-bullet-active {
    background: #333 !important;
    border-color: #333;
}

#ads .ads_item {
    background-color: #fff;
    opacity: 0 !important;
    /* padding: 15px; */
}

#ads .ads_item.swiper-slide-active {
    opacity: 1 !important;
}

#ads .ads_item .ads_heading h2 {
    margin-bottom: 20px;
    font-size: 25px;
    position: relative;
    z-index: 100;
    color: #00b0f0;
    text-align: left;
}

#ads .ads_item p {
    font-size: 18px;
    color: #555;
    text-align: justify;
    font-family: 'quicksand';
}

#ads .ads_item .ads_content {
    text-align: center;
    margin-top: 15px;
    font-size: 16px;
    font-weight: 500;
    font-family: 'quicksand';
    color: #555;
    white-space: nowrap;
}

#ads .ads_item .ads-flow {
    margin: 20px 0;
    justify-content: space-between;
    padding: 0 0;
}

#ads .ads_item .ads-flow-item {
    padding: 0;
    position: relative;
}

#ads .ads_item .ads-flow-item img {
    /* filter: grayscale(.3) brightness(.7) contrast(.8); */
}

#ads .ads_heading_right .arrow {
    width: 50px;
}

#ads .ads_item p {
    margin-bottom: 8px !important;
}

#ads .ads_item img {
    /* filter: grayscale(1); */
}


#ads .animate-step-2 {
    animation-delay: .3s !important;
}

#ads .animate-step-3 {
    animation-delay: .6s !important;
}


#ads .animate-step-4 {
    animation-delay: .9s !important;
}


#ads .animate-step-5 {
    animation-delay: 1.2s !important;
}

#ads .arrow {
    width: 50px;
    margin: auto;
}

/* --------------------- 
	News 
----------------------*/
#news {
    background: #00b0f0;
    padding: 0;
}

#news .news_heading {
    padding: 0 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #00b0f0;
    font-size: 3vw;
    white-space: nowrap;
}

#news .news_heading--sm {
    display: none;
    padding: 0 10px;
    color: #fff;
    font-size: 35px;
    margin: 0;
    text-align: center;
}

#news .news_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 40%;
    height: 100%;
    background-color: #a3e1f7;
}

#news .news_content {
    padding: 20px 5px;
}

#news .news_content .news_list {
    margin: 10px 0;
    list-style: square;
    color: #f9f9f9;
}

#news .news_content .news_list li a {
    margin-top: 0;
    color: #f9f9f9;
    font-size: 16px;
    font-family: 'quicksand';
    text-decoration: none !important;
    line-height: 25px;
}

#news .news_content .news_list li a:hover {
    color: #373a3b;
}

/* --------------------- 
	Footer 
----------------------*/
#footer {
    background: #222;
    font-family: 'quicksand';
}

#footer .footer_wrapper {
    padding: 140px 0;
    color: #fff;
}

#footer .footer_wrapper hr {
    border-color: #00b0f0;
}

#footer .footer_wrapper .footer_logo {
    width: 200px;
}

#footer .footer_wrapper .footer_brand,
#footer .footer_wrapper .footer_policy {
    text-align: left;
}

#footer .footer_wrapper .footer_policy a {
    color: #fff;
}

#footer .footer_wrapper .footer_contact {
    text-align: right;
}

#footer .footer_wrapper .footer_contact_heading {
    color: #00b0f0;
}

#footer .footer_wrapper .footer_contact_list {
    list-style: none;
    padding: 0;
}

#footer .footer_wrapper .footer_contact_list li {
    margin: 10px 0;
}

#footer .footer_wrapper .footer_contact_list span {}

#footer .footer_wrapper .footer_contact_list i {
    margin-left: 10px;
}

#footer .footer_social {
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-end;
    margin: 0;
}

#footer .footer_social li {
    margin-left: 5px;
    width: 30px;
    height: 30px;
    text-align: center;
    /* line-height: 30px; */
    /* border: 1px solid #777; */
}

#footer .footer_social li a {
    color: #fff
}

#footer .iconContact {
    width: 4%;
}

/* MEDIA FB, YOUTUBE... */
.circle-row {
    display: flex;
    gap: 70px;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding: 30px 0;
}

.circle-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    /* tăng khoảng cách giữa hình tròn và chữ */
}

.circle {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border: 5px solid #e0e0e0;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
}

.circle img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.facebook:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(59, 89, 152, 0.5);
    border-color: #3b5998;
}

.youtube:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(255, 0, 0, 0.5);
    border-color: #ff0000;
}

.linkedin:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 28px rgba(0, 119, 181, 0.5);
    border-color: #0077b5;
}

.circle-name {
    font-size: 1rem;
    font-weight: 600;
    color: #777777;
    text-align: center;
}

@media (max-width: 768px) {
    .circle {
        width: 130px;
        height: 130px;
        border-width: 4px;
    }

    .circle-name {
        font-size: 0.9rem;
    }

    .circle-row {
        gap: 24px;
    }

    .circle-wrap {
        gap: 12px;
    }
}

@media (max-width: 480px) {
    .circle {
        width: 100px;
        height: 100px;
        border-width: 3px;
    }

    .circle-name {
        font-size: 0.8rem;
    }

    .circle-row {
        gap: 16px;
    }

    .circle-wrap {
        gap: 10px;
    }
}

/* ----------------------------------------------------------------
	Responsive CSS
-----------------------------------------------------------------*/
/* LARGE */
@media (max-width: 1199.98px) {
    #primary-menu ul li a {
        padding: 19px 10px;
    }
}

/* MEDIUM */
@media (max-width: 991px) {

    /* HEADER */
    #header {
        position: fixed;
        width: 100%;
        z-index: 9999 !important;
    }

    /* LOGO */
    #logo {
        height: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /* MENU */
    #primary-menu .menu-line {
        display: none
    }

    #primary-menu-trigger {
        top: 15px;
        font-size: 30px;
    }

    #primary-menu {
        height: auto;
    }

    /* About us*/
    #about_us {
        padding: 40px 0 0 0;
    }

    #about_us .about_us_right {
        padding: 0;
    }

    #about_us .about_us_heading {
        font-size: 2rem;
        margin: 15px 0;
        text-align: center;
    }

    #about_us .about_us_content {
        font-size: 15px;
    }

    /* SERVICE */
    /* SOLUTION */
    #solution .feature-box {
        width: 100%;
    }

    /* INVENTORY */
    #inventory .inventory_zone .inventory_item .inventory_item_meta .inventory_name {
        font-size: 32px;
    }

    #inventory .inventory_zone .inventory_item .inventory_item_meta p {
        margin: 0;
        font-size: 16px;
    }

    #inventory .inventory_total_data {
        margin: 20px 0 40px 0;
    }

    #inventory .inventory_total_data .inventory_data_item .inventory_data_number {
        font-size: 2.5rem;
    }

    #inventory .inventory_total_data .inventory_data_item p {
        font-size: 18px;
    }
}

/* SMALL */
@media (max-width: 767px) {
    .container {
        padding: 20px !important;
    }

    /* MENU SM */
    #primary-menu {
        height: auto;
    }

    /* SLIDER SM */
    #slider .swiper-pagination {
        display: none;
    }

    /* SERVICE */
    #service .service_image {
        display: none;
    }

    #service .service_heading--sm {
        display: block;
    }

    /* ADS */

    #ads .ads_item .ads_content {
        margin-top: 10px;
        font-size: 14px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    /* INVENTORY */
    #inventory .inventory_total_data {
        margin: 20px 0;
    }

    #inventory .inventory_total_data .inventory_data_item {
        margin: 0 20px
    }

    #inventory .inventory_total_data .inventory_data_item .inventory_data_number {
        font-size: 2rem;
    }

    #inventory .inventory_total_data .inventory_data_item p {
        font-size: 14px;
    }

    /* FOOTER SM */
    #footer .footer_wrapper {
        padding: 20px 0;
    }

    #footer .footer_wrapper .footer_logo {
        margin: auto;
    }

    #footer .footer_wrapper .footer_contact,
    #footer .footer_wrapper .footer_copyright,
    #footer .footer_wrapper .footer_brand,
    #footer .footer_wrapper .footer_policy {
        text-align: center;
    }

    #footer .footer_wrapper .footer_social {
        justify-content: center;
    }

    #footer .footer_wrapper .footer_contact_list i {
        display: none;
    }

    #footer .footer_wrapper .footer_contact_list .iconContact {
        display: none;
    }
}

/* EXTRAL SMALL */
@media (max-width: 448px) {
    .heading-block {
        /* margin-bottom:20px!important; */
    }

    .heading-block h2 {
        font-size: 30px !important;
    }

    /* ABOUT */
    #about_us .about_us_content p {
        font-size: 18px !important;
    }

    /* SOLUTION */
    #solution .section {
        padding: 0;
    }

    #solution .section h2 {
        font-size: 30px !important;
    }

    /* INVENTORY */
    #inventory .inventory_total_data {
        margin: 20px 0;
        display: flex;
        text-align: center;
    }

    /* SERVICE */
    #service .list-box {
        padding: 15px 0;
    }

    #service .list-box .service_box {
        display: block;
        margin: 15px 0;
    }

    #service .service_box .service_box_heading {
        text-align: center;
        font-size: 20px;
    }

    #service .service_box .service_box_icon {
        margin: 0 auto 15px auto;
        width: 70px;
    }

    #service .service_box .service_box_desc {
        font-size: 14px;
    }

    /* ADs */
    #ads {
        padding: 20px 0;
    }

    #ads .ads_item .arrow {
        margin: auto;
        width: 20px;
    }

    #ads .ads_item .ads_heading h2 {
        margin-bottom: 10px;
        font-size: 20px !Important;
    }

    /* ADS */
    #ads .section {
        padding: 0;
    }

    #ads .ads_item .ads_content {
        font-size: 12px;
    }

    /* Network */
    #network .network_province_item .network_province_item_meta .network_province_name {
        font-size: 30px;
    }

    #network .network_province_item .network_province_item_meta p {
        font-size: 30px;
    }
}

.effect-fadeInLeft {
    position: relative;
    opacity: 0;
    left: -10%;
    transition: .8s ease;
}

.run-animation {
    animation: fadeInLeft .8s forwards;
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        left: -10%;
    }

    to {
        opacity: 1;
        left: 0;
    }
}

/* MiaWiFi-style section */
.mia-section {
    width: 100%;
    padding: 72px 24px 86px;
    background: #fff;
}

.mia-container {
    width: min(1120px, 100%);
    margin: 0 auto;
}

/* Heading follows the simple blue/white visual language of miawifi.vn */
.mia-heading {
    text-align: center;
    margin: 0 0 42px;
}

.mia-heading h2 {
    margin: 0;
    color: #203b9b;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 600;
}

.mia-heading h2:after {
    content: "";
    display: block;
    width: 48px;
    height: 3px;
    margin: 14px auto 0;
    background: #00b0f0;
    border-radius: 4px;
}

.mia-heading p {
    margin: 16px auto 0;
    max-width: 680px;
    color: #777;
    font-size: 15px;
    line-height: 1.6;
}

/* 2 x 2 image layout */
.mia-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px;
}

.mia-card {
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 20px;
    overflow: hidden;
    transition: .25s ease;
}

.mia-card:hover {
    border-color: #203b9b;
    transform: translateY(-3px);
    box-shadow: 0 8px 22px rgba(32, 59, 155, .10);
}

.mia-image {
    position: relative;
    margin: 14px 14px 0;
    overflow: hidden;
    border-radius: 13px;
    background: #f5f6f9;
}

.mia-image img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 1.5/1;
    object-fit: cover;
    transition: transform .35s ease;
}

.mia-card:hover .mia-image img {
    transform: scale(1.025);
}

/* Text is intentionally restrained because the supplied graphics already contain data */
.mia-info {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 17px 20px 20px;
}

.mia-number {
    color: #00b0f0;
    font-size: 20px;
    font-weight: 700;
    min-width: 24px;
}

.mia-info h3 {
    margin: 0;
    color: #00b0f0;
    font-size: 22px;
    font-weight: 600;
    font-family: 'quicksand';
}

.mia-info p {
    margin: 4px 0 0;
    color: #777;
    font-size: 18px;
    font-family: 'quicksand';
}

@media(max-width:700px) {
    .mia-section {
        padding: 52px 16px 62px
    }

    .mia-heading {
        margin-bottom: 28px
    }

    .mia-heading h2 {
        font-size: 28px
    }

    .mia-grid {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .mia-card {
        border-radius: 16px
    }

    .mia-image {
        margin: 10px 10px 0;
        border-radius: 11px
    }

    .mia-info {
        padding: 14px 15px 17px
    }
}

/* =========================================================
   MiaWiFi Inventory v3 + Venue
   - Chỉ style Inventory mới + Venue mới
   - KHÔNG style phần Segment (.inventory_type / .inventory_type_heading)
   - Nên đặt toàn bộ block này ở CUỐI file custom.css
   ========================================================= */

/* ---------- Inventory section / heading ---------- */
#inventory.mia-premium-inventory {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 60px 0 90px !important;
  background: #f7fbfd !important;
}

#inventory.mia-premium-inventory::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .28;
  background-image:
    linear-gradient(rgba(20,59,86,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,59,86,.08) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: linear-gradient(to bottom, #000, transparent 72%);
}

#inventory.mia-premium-inventory::after {
  content: "REAL-WORLD DATA";
  position: absolute;
  right: -36px;
  top: 155px;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  font-size: 11px;
  letter-spacing: .42em;
  font-weight: 800;
  color: rgba(13,69,101,.26);
  z-index: 0;
}

#inventory.mia-premium-inventory > .container {
  position: relative;
  z-index: 2;
}

#inventory.mia-premium-inventory .mia-data-intro {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
  gap: 50px;
  align-items: start;
  margin-bottom: 42px;
}

#inventory.mia-premium-inventory .mia-kicker {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  font-size: 18px;
  font-weight: 800;
  letter-spacing: .24em;
  text-transform: uppercase;
  color: #0b88bd;
}

#inventory.mia-premium-inventory .mia-kicker::before {
  content: "";
  width: 34px;
  height: 2px;
  border-radius: 999px;
  background: #00b0f0;
}

#inventory.mia-premium-inventory .mia-data-title {
  margin: 0;
  max-width: 900px;
  font-size: clamp(54px,6.2vw,94px);
  line-height: .9;
  letter-spacing: -.06em;
  font-weight: 800;
  color: #123d5a;
}

#inventory.mia-premium-inventory .mia-data-title span {
  position: relative;
  display: inline-block;
  color: #00a9e9;
}

#inventory.mia-premium-inventory .mia-data-title span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 10%;
  bottom: -12px;
  height: 8px;
  border-radius: 999px;
  background: linear-gradient(90deg,#00b0f0,rgba(0,176,240,0));
}

#inventory.mia-premium-inventory .mia-data-copy {
  max-width: 440px;
  margin: 0 0 4px;
  padding-top: 12px;
  font-size: 17px;
  line-height: 1.8;
  color: #527082;
  text-align: left;
}

/* ---------- KPI Inventory v3 ---------- */
#inventory.mia-premium-inventory .inventory_total_data {
  position: relative;
  z-index: 2;
  display: grid !important;
  grid-template-columns: 1.45fr .8fr .8fr .8fr !important;
  grid-template-rows: 150px 150px !important;
  gap: 14px !important;
  margin: 0 0 44px !important;
}

#inventory.mia-premium-inventory .inventory_total_data::before {
  content: "LIVE NETWORK";
  position: absolute;
  left: 34px;
  bottom: 24px;
  z-index: 4;
  pointer-events: none;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .25em;
  color: rgba(255,255,255,.62);
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item {
  position: relative;
  overflow: hidden;
  min-width: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 26px !important;
  display: flex !important;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start !important;
  text-align: left !important;
  border: 1px solid rgba(10,97,137,.11) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.72) !important;
  box-shadow: 0 16px 48px rgba(26,77,106,.08) !important;
  backdrop-filter: blur(14px);
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:hover {
  transform: translateY(-6px);
  border-color: rgba(0,176,240,.34) !important;
  box-shadow: 0 24px 70px rgba(24,92,130,.15) !important;
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item::after {
  content: "";
  position: absolute;
  width: 110px;
  height: 110px;
  right: -38px;
  top: -38px;
  border: 1px solid rgba(0,176,240,.16);
  border-radius: 50%;
  box-shadow:
    0 0 0 18px rgba(0,176,240,.035),
    0 0 0 36px rgba(0,176,240,.02);
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) {
  grid-row: 1 / 3 !important;
  grid-column: 1 !important;
  padding: 36px !important;
  color: #fff !important;
  background: linear-gradient(155deg,#0f3c58 0%,#0b5878 58%,#009fd6 140%) !important;
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1)::before {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  right: -80px;
  bottom: -120px;
  border: 1px solid rgba(255,255,255,.17);
  border-radius: 50%;
  box-shadow:
    0 0 0 44px rgba(255,255,255,.035),
    0 0 0 88px rgba(255,255,255,.02);
}

#inventory.mia-premium-inventory .inventory_total_data .inventory_data_number {
  position: relative;
  z-index: 2;
  font-size: 43px !important;
  line-height: 1 !important;
  letter-spacing: -.045em !important;
  font-weight: 800 !important;
  color: #123d5a !important;
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) .inventory_data_number {
  font-size: clamp(88px,10vw,154px) !important;
  line-height: .78 !important;
  letter-spacing: -.075em !important;
  color: #fff !important;
  text-shadow: 0 8px 28px rgba(0,0,0,.1);
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item p {
  position: relative;
  z-index: 2;
  margin: 8px 0 0 !important;
  font-size: 12px !important;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #6f8795 !important;
}

#inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) p {
  font-size: 14px !important;
  letter-spacing: .14em;
  color: rgba(255,255,255,.74) !important;
}

/* ---------- Venue slider má»›i ---------- */
#inventory.mia-premium-inventory > .inventory_wrapper.inventory_zone.swiper-container {
  position: relative;
  z-index: 2;
  margin-top: 38px !important;
  padding: 0 max(22px, calc((100vw - 1170px)/2)) !important;
}

#inventory.mia-premium-inventory > .inventory_wrapper.inventory_zone.swiper-container::before {
  content: "VENUE SIGNALS";
  display: block;
  margin-bottom: 18px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .24em;
  color: #5d7989;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_list > .inventory_item {
  overflow: hidden !important;
  border: 1px solid rgba(10,97,137,.08) !important;
  border-radius: 24px !important;
  background: #fff !important;
  box-shadow: 0 16px 42px rgba(20,69,98,.10) !important;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_image {
  height: 250px !important;
  overflow: hidden !important;
  border-radius: 24px 24px 0 0 !important;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_image img {
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: cover !important;
  transition: transform .55s ease;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item:hover > .inventory_item_image img {
  transform: scale(1.055);
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_meta {
  padding: 18px 18px 20px !important;
  text-align: left !important;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_meta .inventory_name {
  margin: 0 0 5px !important;
  color: #143b56 !important;
}

#inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_meta p {
  margin: 0 !important;
  color: #6f8795 !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 991px) {
  #inventory.mia-premium-inventory {
    padding: 30px 0 78px !important;
  }

  #inventory.mia-premium-inventory .mia-data-intro {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  #inventory.mia-premium-inventory .mia-data-copy {
    max-width: 650px;
  }

  #inventory.mia-premium-inventory .inventory_total_data {
    grid-template-columns: repeat(2,1fr) !important;
    grid-template-rows: auto !important;
  }

  #inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) {
    grid-row: auto !important;
    grid-column: 1 / 3 !important;
    min-height: 260px !important;
  }

  #inventory.mia-premium-inventory > .inventory_wrapper.inventory_zone.swiper-container {
    padding: 0 18px !important;
  }
}

@media (max-width: 575px) {
  #inventory.mia-premium-inventory {
    padding: 72px 0 62px !important;
  }

  #inventory.mia-premium-inventory .mia-data-title {
    font-size: 50px;
  }

  #inventory.mia-premium-inventory .mia-data-intro {
    margin-bottom: 30px;
  }

  #inventory.mia-premium-inventory .inventory_total_data {
    gap: 10px !important;
  }

  #inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item {
    padding: 18px !important;
    border-radius: 18px !important;
  }

  #inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) {
    min-height: 220px !important;
    padding: 26px !important;
  }

  #inventory.mia-premium-inventory .inventory_total_data .inventory_data_number {
    font-size: 33px !important;
  }

  #inventory.mia-premium-inventory .inventory_total_data > .inventory_data_item:nth-child(1) .inventory_data_number {
    font-size: 84px !important;
  }

  #inventory.mia-premium-inventory .inventory_zone .inventory_item > .inventory_item_image {
    height: 205px !important;
  }
}

/* ==================================================
   INVENTORY V3 - VENUE DESKTOP ALIGNMENT
   ================================================== */

/* ===== VENUE PC - ALIGN NUMBER & TEXT ===== */
@media (min-width: 992px) {

  #inventory.mia-premium-inventory .inventory_zone .inventory_item_meta {
    padding: 18px 18px 20px !important;
    min-height: 120px !important;
    box-sizing: border-box !important;
  }

  #inventory.mia-premium-inventory .inventory_zone .inventory_name {
    margin: 0 0 10px !important;

    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;

    height: 42px !important;
    min-height: 42px !important;

    display: flex !important;
    align-items: center !important;

    white-space: nowrap !important;
  }

  #inventory.mia-premium-inventory .inventory_zone .inventory_item_meta p {
    margin: 0 !important;

    font-size: 18px !important;
    line-height: 1.35 !important;

    min-height: 48px !important;
  }
}

/* ==================================================
   GLOBAL TYPOGRAPHY - MIAWIFI
   Poppins   = Heading / Key Number
   Quicksand = Body / Content / Navigation
   ================================================== */

/* Base content */
body,
p,
a,
li,
label,
input,
textarea,
select,
button,
table,
th,
td {
    font-family: 'Quicksand', sans-serif;
}

/* Main headings */
h1,
h2,
h3,
h4,
h5,
h6,
.sTitle {
    font-family: 'Poppins', sans-serif !important;
}

/* Navigation */
#primary-menu,
#primary-menu a {
    font-family: 'Quicksand', sans-serif !important;
}

/* Network & Audience */
.mia-heading h2,
.mia-info h3 {
    font-family: 'Poppins', sans-serif !important;
}

.mia-heading p,
.mia-info p,
.mia-number {
    font-family: 'Quicksand', sans-serif !important;
}

/* Inventory */
#inventory.mia-premium-inventory .mia-kicker,
#inventory.mia-premium-inventory .mia-data-title,
#inventory.mia-premium-inventory .inventory_data_number,
#inventory.mia-premium-inventory .inventory_zone .inventory_name {
    font-family: 'Poppins', sans-serif !important;
}

#inventory.mia-premium-inventory .mia-data-copy,
#inventory.mia-premium-inventory .inventory_data_item p,
#inventory.mia-premium-inventory .inventory_type_heading,
#inventory.mia-premium-inventory .inventory_type .inventory_name,
#inventory.mia-premium-inventory .inventory_zone .inventory_item_meta p {
    font-family: 'Quicksand', sans-serif !important;
}

/* Service / Network / Partner / Ads / Footer */
#service,
#network,
#partner,
#ads,
#footer {
    font-family: 'Quicksand', sans-serif;
}

#service h1,
#service h2,
#service h3,
#service h4,
#network h1,
#network h2,
#network h3,
#network h4,
#partner h1,
#partner h2,
#partner h3,
#partner h4,
#ads h1,
#ads h2,
#ads h3,
#ads h4,
#footer h1,
#footer h2,
#footer h3,
#footer h4 {
    font-family: 'Poppins', sans-serif !important;
}

/* =========================================================
   MIA NETWORK V2 - Coverage Dashboard
   ========================================================= */
#network.mia-network-section {
    position: relative;
    margin: 0 !important;
    padding: 60px 0 88px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 12% 14%, rgba(0, 176, 240, .10), transparent 28%),
        radial-gradient(circle at 90% 86%, rgba(22, 139, 208, .08), transparent 26%),
        #f7fbfd;
}

#network.mia-network-section::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .38;
    background-image:
        linear-gradient(rgba(18, 59, 89, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(18, 59, 89, .05) 1px, transparent 1px);
    background-size: 34px 34px;
    mask-image: linear-gradient(to bottom, transparent, #000 16%, #000 84%, transparent);
}

#network.mia-network-section > .container {
    position: relative;
    z-index: 2;
}

#network .mia-network-intro {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 60px;
    align-items: end;
    margin-bottom: 46px;
    text-align: left;
}

#network .mia-network-kicker {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    color: #168bd0;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

#network .mia-network-kicker::before {
    content: "";
    width: 27px;
    height: 2px;
    background: #00b0f0;
}

#network .mia-network-title {
    margin: 0;
    color: #123b59;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(40px, 4vw, 60px);
    line-height: 1.06;
    letter-spacing: -.035em;
    font-weight: 700;
}

#network .mia-network-title span {
    color: #00a9e8;
}

#network .mia-network-copy {
    max-width: 500px;
    margin: 0 0 4px auto;
    color: #64798a;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 17px;
    line-height: 1.75;
    text-align: left;
}

#network .mia-network-dashboard {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(390px, .92fr);
    min-height: 570px;
    border: 1px solid rgba(18, 59, 89, .10);
    border-radius: 30px;
    overflow: hidden;
    background: rgba(255,255,255,.92);
    box-shadow: 0 25px 70px rgba(18, 59, 89, .10);
}

#network .mia-network-map-panel {
    position: relative;
    min-height: 570px;
    padding: 28px 30px 22px;
    background: linear-gradient(145deg, #f8fcfe 0%, #edf8fc 100%);
    overflow: hidden;
}

#network .mia-network-map-panel::after {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    left: -150px;
    bottom: -180px;
    border: 1px solid rgba(0,176,240,.16);
    border-radius: 50%;
    box-shadow: 0 0 0 70px rgba(0,176,240,.035), 0 0 0 140px rgba(0,176,240,.025);
    pointer-events: none;
}

#network .mia-network-panel-label {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #6f8494;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .16em;
}

#network .mia-network-panel-label i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #00b0f0;
    box-shadow: 0 0 0 6px rgba(0,176,240,.10);
}

#network #vietnam-map {
    position: relative;
    z-index: 2;
    height: 500px;
    min-height: 500px;
    margin-top: 4px;
}

#network .jsmaps {
    background-size: contain !important;
    background-position: center !important;
}

#network .mia-network-detail-panel {
    position: relative;
    display: flex;
    min-height: 570px;
    padding: 38px;
    align-items: stretch;
    background: #fff;
}

#network .network_default,
#network .network_province {
    width: 100%;
    min-width: 0;
}

#network .network_default {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}

#network .mia-network-default-copy {
    max-width: 470px;
}

#network .mia-network-overline {
    display: block;
    margin-bottom: 13px;
    color: #00a9e8;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 700;
    letter-spacing: .15em;
}

#network .mia-network-default-copy h3 {
    margin: 0 0 16px;
    color: #123b59;
    font-family: 'Poppins', sans-serif;
    font-size: 35px;
    line-height: 1.16;
    font-weight: 700;
    letter-spacing: -.025em;
}

#network .mia-network-default-copy p {
    max-width: 400px;
    margin: 0;
    color: #728696;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 1.65;
}

#network .mia-network-chart-wrap {
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    height: 310px;
    margin-top: 20px;
    border-radius: 22px;
    overflow: hidden;
    background: linear-gradient(145deg, rgba(0,176,240,.05), rgba(18,59,89,.03));
}

#network .mia-network-chart-wrap img {
    width: 100%;
    max-width: 430px;
    max-height: 280px;
    object-fit: contain;
    margin: auto;
}

#network .network_province {
    position: relative;
    height: 100%;
    min-height: 494px;
    border-radius: 22px;
    overflow: hidden;
    background: #123b59;
}

#network .network_province::after {
    display: none !important;
}

#network .network_province .network_province_image {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    margin: 0;
    border: 0;
    border-radius: 0;
}

#network .network_province .network_province_image::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(9,40,61,.08) 22%, rgba(9,40,61,.86) 100%);
}

#network .network_province .network_province_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .55s ease;
}

#network .network_province:hover .network_province_image img {
    transform: scale(1.035);
}

#network .network_province .network_province_meta {
    position: absolute;
    z-index: 3;
    top: auto;
    right: 34px;
    bottom: 34px;
    left: 34px;
    text-align: left;
}

#network .network_province .network_province_meta .network_province_name {
    margin: 0 0 20px;
    padding: 0;
    background: none;
    color: #fff;
    transform: none;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(31px, 3vw, 46px);
    line-height: 1.05;
    font-weight: 700;
    letter-spacing: -.03em;
}

#network .network_province .network_province_ap {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 0;
    padding: 0;
    background: none;
    color: #fff;
    transform: none;
    font-family: 'Poppins', sans-serif;
    font-size: 0;
}

#network .network_province .network_province_ap > span {
    font-size: clamp(54px, 5.3vw, 76px);
    line-height: .95;
    font-weight: 700;
    letter-spacing: -.045em;
}

#network .network_province .network_province_ap small {
    margin-top: 10px;
    color: rgba(255,255,255,.72);
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 600;
    letter-spacing: .17em;
}

/* Mobile selector */
#network .mia-network-mobile-filter {
    margin: -8px 0 26px;
    text-align: left;
}

#network .mia-network-mobile-filter > span {
    display: block;
    margin-bottom: 8px;
    color: #6b8191;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .15em;
    text-transform: uppercase;
}

#network .network_select_province,
#network .mia-network-mobile-filter .bootstrap-select {
    width: 100% !important;
    max-width: 100% !important;
}

#network .mia-network-mobile-filter .bootstrap-select > .dropdown-toggle,
#network .network_select_province {
    min-height: 48px;
    border: 1px solid rgba(18,59,89,.14) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: #123b59 !important;
    box-shadow: 0 8px 24px rgba(18,59,89,.06);
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 600;
}

/* Mobile province slider */
@media (max-width: 991.98px) {
    #network.mia-network-section {
        padding: 30px 0 64px !important;
    }

    #network .mia-network-intro {
        display: block;
        margin-bottom: 28px;
    }

    #network .mia-network-title {
        font-size: clamp(34px, 8.5vw, 48px);
    }

    #network .mia-network-copy {
        max-width: 650px;
        margin: 20px 0 0;
        font-size: 16px;
        line-height: 1.65;
    }

    #network > .d-lg-none {
        position: relative;
        z-index: 2;
    }

    #network .network_province_wrapper {
        padding: 0 20px 8px;
        overflow: visible;
    }

    #network .network_province_item {
        min-height: 440px;
        border-radius: 24px;
        overflow: hidden;
        box-shadow: 0 18px 45px rgba(18,59,89,.16);
        background: #123b59;
    }

    #network .network_province_item .network_province_item_image {
        height: 440px;
    }

    #network .network_province_item .network_province_item_image:after {
        background: linear-gradient(180deg, rgba(8,35,54,.06) 20%, rgba(8,35,54,.86) 100%);
    }

    #network .network_province_item .network_province_item_meta {
        right: 24px;
        bottom: 28px;
        left: 24px;
        top: auto;
        transform: none;
        text-align: left;
    }

    #network .network_province_item .network_province_item_meta .network_province_name {
        margin: 0 0 10px;
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
        line-height: 1.12;
        white-space: normal;
        font-weight: 700;
        letter-spacing: -.025em;
    }

    #network .network_province_item .network_province_item_meta p {
        display: inline-block;
        margin: 0;
        padding: 8px 12px;
        border: 1px solid rgba(255,255,255,.24);
        border-radius: 9px;
        background: rgba(255,255,255,.12);
        backdrop-filter: blur(8px);
        color: #fff;
        font-family: 'Poppins', sans-serif;
        font-size: 18px;
        line-height: 1;
        font-weight: 600;
    }
}

@media (max-width: 575.98px) {
    #network.mia-network-section {
        padding: 54px 0 54px !important;
    }

    #network.mia-network-section > .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #network .mia-network-kicker {
        margin-bottom: 12px;
        font-size: 10px;
    }

    #network .mia-network-title {
        font-size: clamp(31px, 10vw, 40px);
        line-height: 1.08;
    }

    #network .mia-network-copy {
        margin-top: 16px;
        font-size: 15px;
    }

    #network .network_province_wrapper {
        padding: 0 14px 6px;
    }

    #network .network_province_item,
    #network .network_province_item .network_province_item_image {
        min-height: 390px;
        height: 390px;
    }

    #network .network_province_item .network_province_item_meta {
        right: 20px;
        bottom: 22px;
        left: 20px;
    }

    #network .network_province_item .network_province_item_meta .network_province_name {
        font-size: 27px;
    }
}



/* ==================================================
   MIA NETWORK V3 - REMOVE REGIONAL PIE CHART
   Clean interactive map + province detail layout
   ================================================== */

/* Default state no longer uses the legacy chart image */
#network .mia-network-chart-wrap {
    display: none !important;
}

#network .mia-network-detail-panel {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    display: flex;
    align-items: stretch;
}

#network .network_default {
    position: relative;
    width: 100%;
    min-height: 560px;
    padding: 64px 56px 44px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background:
        radial-gradient(circle at 78% 22%, rgba(0, 176, 240, .12), transparent 26%),
        linear-gradient(145deg, #ffffff 0%, #f5fbff 100%);
}

#network .network_default::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .45;
    background-image:
        linear-gradient(rgba(17, 59, 86, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 59, 86, .045) 1px, transparent 1px);
    background-size: 38px 38px;
    mask-image: linear-gradient(to bottom, rgba(0,0,0,.65), transparent 86%);
}

#network .mia-network-default-copy {
    position: relative;
    z-index: 2;
    max-width: 470px;
}

#network .mia-network-default-copy h3 {
    margin: 14px 0 18px;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(34px, 3.1vw, 50px);
    line-height: 1.08;
    letter-spacing: -.04em;
    font-weight: 700;
    color: #123b59;
}

#network .mia-network-default-copy h3 span {
    color: #00a9e7;
}

#network .mia-network-default-copy p {
    max-width: 430px;
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 17px;
    line-height: 1.72;
    color: #5d7180;
}

#network .mia-network-guide {
    position: absolute;
    z-index: 1;
    right: -12px;
    bottom: 42px;
    width: 250px;
    height: 250px;
    border: 1px solid rgba(0, 176, 240, .18);
    border-radius: 50%;
}

#network .mia-network-guide::before,
#network .mia-network-guide::after {
    content: "";
    position: absolute;
    border: 1px solid rgba(0, 176, 240, .13);
    border-radius: 50%;
}

#network .mia-network-guide::before { inset: 34px; }
#network .mia-network-guide::after { inset: 72px; }

#network .mia-network-guide__pin {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 76px;
    height: 76px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: linear-gradient(145deg, #11b5ef, #1479bd);
    box-shadow: 0 18px 40px rgba(0, 137, 205, .26);
}

#network .mia-network-guide__pin::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translate(-50%, -50%);
    border: 5px solid #fff;
    border-radius: 50%;
}

#network .mia-network-guide__pin span {
    position: absolute;
    left: 50%;
    bottom: -15px;
    width: 22px;
    height: 22px;
    background: #1479bd;
    transform: translateX(-50%) rotate(45deg);
    border-radius: 0 0 6px 0;
    z-index: -1;
}

#network .mia-network-guide__line {
    position: absolute;
    height: 1px;
    background: rgba(0, 176, 240, .28);
    transform-origin: left center;
}

#network .mia-network-guide__line--one {
    width: 78px;
    left: 25px;
    top: 70px;
    transform: rotate(28deg);
}

#network .mia-network-guide__line--two {
    width: 88px;
    right: 12px;
    bottom: 74px;
    transform: rotate(-24deg);
}

#network .mia-network-guide__dot {
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #00b0f0;
    box-shadow: 0 0 0 7px rgba(0, 176, 240, .09);
}

#network .mia-network-guide__dot--one { left: 28px; top: 63px; }
#network .mia-network-guide__dot--two { right: 25px; bottom: 68px; }
#network .mia-network-guide__dot--three { right: 40px; top: 49px; }

#network .mia-network-hint {
    position: relative;
    z-index: 2;
    width: fit-content;
    max-width: 430px;
    margin-top: 40px;
    padding: 13px 17px;
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(0, 176, 240, .18);
    border-radius: 999px;
    background: rgba(255,255,255,.8);
    box-shadow: 0 10px 30px rgba(19, 76, 109, .06);
    backdrop-filter: blur(8px);
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #49697d;
}

#network .mia-network-hint__icon {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 27px;
    border-radius: 50%;
    background: #e7f8ff;
    color: #009fdc;
    font-size: 15px;
}

/* Province selected state occupies the same clean panel */
#network .network_province {
    width: 100%;
    min-height: 560px;
    padding: 34px;
    grid-template-columns: minmax(0, 1.08fr) minmax(260px, .92fr);
    gap: 30px;
    align-items: center;
}

#network .network_province .network_province_image {
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: 420px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 26px !important;
    overflow: hidden;
    box-shadow: 0 24px 60px rgba(19, 76, 109, .15);
}

#network .network_province .network_province_meta {
    position: relative !important;
    inset: auto !important;
    z-index: 2;
    margin: 0 !important;
    padding: 10px 6px !important;
    text-align: left !important;
}

#network .network_province .network_province_meta .network_province_name {
    margin: 12px 0 24px !important;
    padding: 0 !important;
    background: none !important;
    transform: none !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(32px, 3vw, 46px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em;
    color: #123b59 !important;
}

#network .network_province .network_province_ap {
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
    transform: none !important;
    color: #00a9e7 !important;
}

@media (max-width: 1199px) and (min-width: 992px) {
    #network .network_default,
    #network .mia-network-detail-panel,
    #network .network_province {
        min-height: 500px;
    }

    #network .network_default {
        padding: 48px 38px 38px;
    }

    #network .mia-network-guide {
        width: 205px;
        height: 205px;
        right: -28px;
    }

    #network .network_province {
        padding: 26px;
        grid-template-columns: 1fr .8fr;
        gap: 22px;
    }

    #network .network_province .network_province_image {
        height: 360px !important;
    }
}

@media (max-width: 991px) {
    /* Desktop empty-state artwork is intentionally hidden on mobile.
       Mobile keeps the province selector + existing swipe cards. */
    #network .mia-network-guide,
    #network .mia-network-hint {
        display: none;
    }
}


/* Map MB */
/* ==================================================
   MOBILE SELECT - LIMIT DROPDOWN HEIGHT
   ================================================== */
@media (max-width: 991.98px) {

    /* Dropdown được render vào body */
    body > .bs-container .dropdown-menu {
        max-height: 360px !important;
        overflow: hidden !important;
    }

    /* Vùng danh sách tỉnh scroll riêng */
    body > .bs-container .dropdown-menu .inner {
        max-height: 300px !important;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        -webkit-overflow-scrolling: touch;
    }
}

/* ==================================================
   MIA SOLUTIONS 2 — COMPACT PREMIUM TWO-CARD LAYOUT
   Fully namespaced to avoid legacy #solution conflicts
   ================================================== */
#solution.mw-solutions2 {
    position: relative;
    padding: 40px 0 96px !important;
    margin: 0 !important;
    background: #f7fbfd !important;
    background-image:
        linear-gradient(rgba(17, 155, 215, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(17, 155, 215, .045) 1px, transparent 1px),
        radial-gradient(circle at 88% 10%, rgba(38, 187, 238, .10), transparent 26%) !important;
    background-size: 60px 60px, 60px 60px, auto !important;
    color: #12364e !important;
    overflow: hidden !important;
}

#solution.mw-solutions2 .mw-solutions2__intro {
    max-width: 900px;
    margin: 0 0 42px;
    text-align: left;
}

#solution.mw-solutions2 .mw-solutions2__eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 15px;
    color: #168bd0;
    font-family: 'Poppins', sans-serif !important;
    font-size: 18px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .18em;
    text-transform: uppercase;
}

#solution.mw-solutions2 .mw-solutions2__eyebrow::before {
    content: "";
    width: 27px;
    height: 2px;
    flex: 0 0 27px;
    background: #00b0f0;
}

#solution.mw-solutions2 .mw-solutions2__intro h2 {
    margin: 0 0 16px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(36px, 4vw, 54px) !important;
    line-height: 1.08 !important;
    letter-spacing: -.035em !important;
    font-weight: 700 !important;
    text-transform: none !important;
    color: #0b3049 !important;
}

#solution.mw-solutions2 .mw-solutions2__intro h2 span {
    color: #0aa9e8 !important;
}

#solution.mw-solutions2 .mw-solutions2__intro p {
    max-width: 920px;
    margin: 0 !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
    color: #526c7e !important;
}

#solution.mw-solutions2 .mw-solutions2__grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    max-width: 1180px !important;
    margin: 0 auto !important;
}

#solution.mw-solutions2 .mw-solutions2__card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    min-height: 390px !important;
    padding: 32px 34px 30px !important;
    border-radius: 26px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    transition: transform .3s ease, box-shadow .3s ease !important;
}

#solution.mw-solutions2 .mw-solutions2__card:hover {
    transform: translateY(-5px) !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement {
    background: linear-gradient(145deg, #082b43 0%, #0d4567 62%, #0b85b7 140%) !important;
    box-shadow: 0 22px 50px rgba(8, 43, 67, .17) !important;
    color: #fff !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement::after {
    content: '';
    position: absolute;
    right: -110px;
    bottom: -150px;
    width: 300px;
    height: 300px;
    border: 1px solid rgba(80, 210, 255, .16);
    border-radius: 50%;
    box-shadow: 0 0 0 50px rgba(80, 210, 255, .035), 0 0 0 100px rgba(80, 210, 255, .02);
    pointer-events: none;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership {
    background: rgba(255, 255, 255, .96) !important;
    border: 1px solid rgba(10, 169, 232, .18) !important;
    box-shadow: 0 22px 50px rgba(15, 67, 96, .08) !important;
    color: #12364e !important;
}

#solution.mw-solutions2 .mw-solutions2__meta {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin: 0 0 26px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 11px !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    letter-spacing: .16em !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement .mw-solutions2__meta {
    color: rgba(255, 255, 255, .62) !important;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership .mw-solutions2__meta {
    color: #6b8495 !important;
}

#solution.mw-solutions2 .mw-solutions2__card-head {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 58px !important;
    gap: 22px !important;
    align-items: start !important;
}

#solution.mw-solutions2 .mw-solutions2__card h3 {
    margin: 0 0 13px !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(27px, 2.4vw, 37px) !important;
    line-height: 1.1 !important;
    letter-spacing: -.03em !important;
    font-weight: 600 !important;
    text-transform: none !important;
    color: inherit !important;
}

#solution.mw-solutions2 .mw-solutions2__card-head p {
    max-width: 410px !important;
    margin: 0 !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement .mw-solutions2__card-head p {
    color: rgba(255, 255, 255, .72) !important;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership .mw-solutions2__card-head p {
    color: #60798a !important;
}

#solution.mw-solutions2 .mw-solutions2__icon {
    width: 58px !important;
    height: 58px !important;
    min-width: 58px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 11px !important;
    border-radius: 16px !important;
    box-sizing: border-box !important;
    position: static !important;
    transform: none !important;
}

#solution.mw-solutions2 .mw-solutions2__icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    margin: 0 !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement .mw-solutions2__icon {
    background: rgba(255, 255, 255, .09) !important;
    border: 1px solid rgba(255, 255, 255, .13) !important;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership .mw-solutions2__icon {
    background: #edf8fd !important;
    border: 1px solid rgba(10, 169, 232, .13) !important;
}

#solution.mw-solutions2 .mw-solutions2__items {
    position: relative !important;
    z-index: 2 !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: auto !important;
    padding-top: 27px !important;
}

#solution.mw-solutions2 .mw-solutions2__items span {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding: 10px 34px 10px 14px !important;
    border-radius: 12px !important;
    font-family: 'Quicksand', sans-serif !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 600 !important;
}

#solution.mw-solutions2 .mw-solutions2__items span::after {
    content: '\2197';
    position: absolute;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Poppins', sans-serif !important;
    font-size: 13px;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement .mw-solutions2__items span {
    background: rgba(255, 255, 255, .075) !important;
    border: 1px solid rgba(255, 255, 255, .10) !important;
    color: rgba(255, 255, 255, .90) !important;
}

#solution.mw-solutions2 .mw-solutions2__card--engagement .mw-solutions2__items span::after {
    color: #54d3ff !important;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership .mw-solutions2__items span {
    background: #f5fbfe !important;
    border: 1px solid rgba(10, 169, 232, .11) !important;
    color: #294b61 !important;
}

#solution.mw-solutions2 .mw-solutions2__card--ownership .mw-solutions2__items span::after {
    color: #0aa9e8 !important;
}

@media (max-width: 991.98px) {
    #solution.mw-solutions2 {
        padding: 72px 0 80px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__grid {
        gap: 18px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__card {
        min-height: 380px !important;
        padding: 28px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__items {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 767.98px) {
    #solution.mw-solutions2 {
        padding: 58px 0 64px !important;
        background-size: 44px 44px, 44px 44px, auto !important;
    }
    #solution.mw-solutions2 .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__intro {
        margin-bottom: 30px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__intro h2 {
        font-size: 36px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__intro p {
        font-size: 15.5px !important;
        line-height: 1.6 !important;
    }
    #solution.mw-solutions2 .mw-solutions2__grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__card {
        min-height: 0 !important;
        padding: 25px 23px 24px !important;
        border-radius: 21px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__meta {
        margin-bottom: 22px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__card-head {
        grid-template-columns: minmax(0, 1fr) 48px !important;
        gap: 14px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__card h3 {
        font-size: 29px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__card-head p {
        font-size: 14.5px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__icon {
        width: 48px !important;
        height: 48px !important;
        min-width: 48px !important;
        padding: 9px !important;
        border-radius: 14px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__icon img {
        max-width: 30px !important;
        max-height: 30px !important;
    }
    #solution.mw-solutions2 .mw-solutions2__items {
        grid-template-columns: 1fr !important;
        gap: 8px !important;
        padding-top: 22px !important;
    }
}


/* ==================================================
   FINAL POLISH - PREMIUM NAVY ENGAGEMENT CARD
   ================================================== */
.mw-solutions2__card--engagement,
.mw-solutions2-card--engagement,
.mia-solutions-card--engagement {
  background:
    radial-gradient(circle at 90% 100%, rgba(0,176,240,.22) 0%, rgba(0,176,240,.08) 35%, transparent 60%),
    linear-gradient(135deg, #0b3550 0%, #0c4566 55%, #0876a3 100%) !important;
}

/* ==================================================
   MOBILE POLISH - OUR SOLUTIONS
   Compact, premium, balanced spacing
   ================================================== */
@media (max-width: 767.98px) {
    #solution.mw-solutions2 {
        padding: 50px 0 52px !important;
        background-size: 40px 40px, 40px 40px, auto !important;
    }

    #solution.mw-solutions2 .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__intro {
        margin-bottom: 26px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__intro h2 {
        font-size: 34px !important;
        line-height: 1.08 !important;
        letter-spacing: -1.1px !important;
        margin-bottom: 14px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__intro p {
        max-width: 100% !important;
        font-size: 15px !important;
        line-height: 1.55 !important;
        margin-bottom: 0 !important;
    }

    #solution.mw-solutions2 .mw-solutions2__grid {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card {
        min-height: 0 !important;
        padding: 24px 22px 24px !important;
        border-radius: 22px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card:hover {
        transform: none !important;
    }

    #solution.mw-solutions2 .mw-solutions2__meta {
        margin-bottom: 20px !important;
        font-size: 10px !important;
        letter-spacing: .15em !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card-head {
        grid-template-columns: minmax(0, 1fr) 46px !important;
        gap: 14px !important;
        align-items: start !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card h3 {
        font-size: 28px !important;
        line-height: 1.08 !important;
        letter-spacing: -.03em !important;
        margin-bottom: 14px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card-head p {
        max-width: 100% !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    #solution.mw-solutions2 .mw-solutions2__icon {
        width: 46px !important;
        height: 46px !important;
        min-width: 46px !important;
        padding: 9px !important;
        border-radius: 13px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__icon img {
        max-width: 28px !important;
        max-height: 28px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__items {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
        padding-top: 20px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__items span {
        min-height: 44px !important;
        padding: 10px 34px 10px 14px !important;
        border-radius: 11px !important;
        font-size: 14px !important;
        line-height: 1.3 !important;
    }

    #solution.mw-solutions2 .mw-solutions2__items span::after {
        right: 13px !important;
        font-size: 12px !important;
    }
}

@media (max-width: 380px) {
    #solution.mw-solutions2 {
        padding: 44px 0 46px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__intro h2 {
        font-size: 31px !important;
        letter-spacing: -.9px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card {
        padding: 22px 20px !important;
        border-radius: 20px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card h3 {
        font-size: 26px !important;
    }

    #solution.mw-solutions2 .mw-solutions2__card-head p,
    #solution.mw-solutions2 .mw-solutions2__items span {
        font-size: 13.5px !important;
    }
}

/* ==================================================
   SOLUTIONS - FINAL PREMIUM POLISH
   Card depth + mobile spacing
   ================================================== */

/* Light/Data card: subtle premium depth */
.mw-solutions2__card--data {
    border: 1px solid rgba(0, 176, 240, 0.14) !important;
    box-shadow:
        0 10px 30px rgba(11, 53, 80, 0.06),
        0 2px 8px rgba(11, 53, 80, 0.025) !important;
}

/* Engagement card: very restrained shadow so both cards feel grounded */
.mw-solutions2__card--engagement {
    box-shadow:
        0 14px 34px rgba(8, 45, 70, 0.12),
        0 3px 10px rgba(8, 45, 70, 0.05) !important;
}

@media (max-width: 767.98px) {
    /* Give the intro a little more breathing room before the cards */
    .mw-solutions2__copy {
        margin-bottom: 36px !important;
    }

    .mw-solutions2__card--data {
        box-shadow:
            0 10px 26px rgba(11, 53, 80, 0.065),
            0 2px 7px rgba(11, 53, 80, 0.025) !important;
    }

    .mw-solutions2__card--engagement {
        box-shadow:
            0 12px 28px rgba(8, 45, 70, 0.11),
            0 2px 8px rgba(8, 45, 70, 0.045) !important;
    }
}

/* =========================================================
   CASE STUDIES - PREMIUM SHOWCASE
   Scoped namespace to avoid legacy #ads styles
   ========================================================= */
#ads.mw-cases {position:relative;padding: 0px 0 96px !important;background:#f7fbfd !important;color:#153c57;overflow:hidden;}
#ads.mw-cases::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.28; background-image:linear-gradient(rgba(20,59,86,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(20,59,86,.07) 1px,transparent 1px); background-size:54px 54px; mask-image:linear-gradient(to bottom,#000,transparent 75%); }
#ads.mw-cases > .container { position:relative; z-index:2; }
.mw-cases__intro { max-width:900px; margin-bottom:38px; }
.mw-cases__kicker {display:inline-flex;align-items:center;gap:12px;margin-bottom:16px;color:#0b88bd;font-family:'Poppins',sans-serif;font-size: 17px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;}
.mw-cases__kicker::before { content:""; width:34px; height:2px; border-radius:99px; background:#00b0f0; }
.mw-cases__intro h2 { margin:0; font-family:'Poppins',sans-serif; font-size:clamp(46px,5vw,72px); line-height:.98; letter-spacing:-.045em; font-weight:700; color:#123d5a; }
.mw-cases__intro h2 span { color:#00a9e9; }
.mw-cases__intro p { max-width:720px; margin:20px 0 0; font-family:'Quicksand',sans-serif; font-size:17px; line-height:1.7; color:#5a7485; }
.mw-cases__tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin:0 0 18px; padding:7px; border:1px solid rgba(12,86,124,.10); border-radius:22px; background:rgba(255,255,255,.68); box-shadow:0 10px 32px rgba(18,61,90,.05); }
.mw-cases__tab { position:relative; min-width:0; padding:18px 20px 20px; border:0; border-radius:16px; background:transparent; text-align:left; cursor:pointer; transition:.25s ease; }
.mw-cases__tab span {display:block;margin-bottom:8px;font: 700 25px/1 'Poppins',sans-serif;letter-spacing:.18em;color:#7d9aaa;}
.mw-cases__tab strong { display:block; font:600 17px/1.25 'Poppins',sans-serif; color:#234b64; }
.mw-cases__tab small { display:block; margin-top:5px; font:600 13px/1.3 'Quicksand',sans-serif; color:#7a94a3; }
.mw-cases__tab::after { content:""; position:absolute; left:20px; right:20px; bottom:9px; height:2px; border-radius:99px; background:#00b0f0; transform:scaleX(0); transform-origin:left; transition:.25s ease; }
.mw-cases__tab:hover:not(.is-active) {
  background:rgba(0,176,240,.06);
}

.mw-cases__tab:focus-visible {
  outline:2px solid #00b0f0;
  outline-offset:2px;
}

/* Active tab: full blue state so users can immediately see which case is selected */
.mw-cases__tab.is-active {
  background:linear-gradient(135deg,#00b0f0 0%,#008fc9 100%);
  box-shadow:0 10px 28px rgba(0,143,201,.24);
}

.mw-cases__tab.is-active span,
.mw-cases__tab.is-active strong {
  color:#fff;
}

.mw-cases__tab.is-active small {
  color:rgba(255,255,255,.82);
}

.mw-cases__tab.is-active::after {
  background:rgba(255,255,255,.92);
  transform:scaleX(1);
}
.mw-cases__stage { overflow:hidden; border:1px solid rgba(9,98,142,.12); border-radius:30px; background:rgba(255,255,255,.88); box-shadow:0 24px 70px rgba(17,73,104,.10); }
.mw-cases__panel { padding:34px 38px 40px; animation:mwCaseIn .35s ease both; }
@keyframes mwCaseIn { from{opacity:0;transform:translateY(8px)} to{opacity:1;transform:none} }
.mw-cases__meta { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:38px; align-items:end; padding-bottom:28px; border-bottom:1px solid rgba(17,83,118,.10); }
.mw-cases__eyebrow { display:block; margin-bottom:8px; font:700 11px/1 'Poppins',sans-serif; letter-spacing:.16em; color:#00a9e9; }
.mw-cases__meta h3 { margin:0 0 8px; font:700 32px/1.1 'Poppins',sans-serif; color:#123d5a; }
.mw-cases__meta p { max-width:650px; margin:0; font:500 15px/1.65 'Quicksand',sans-serif; color:#637d8d; }
.mw-cases__metrics { display:flex; gap:10px; }
.mw-cases__metrics div { min-width:112px; padding:13px 16px; border:1px solid rgba(0,176,240,.12); border-radius:16px; background:#f5fbfe; }
.mw-cases__metrics strong { display:block; font:700 23px/1 'Poppins',sans-serif; color:#123d5a; }
.mw-cases__metrics span { display:block; margin-top:6px; font:600 11px/1.2 'Quicksand',sans-serif; color:#78909d; text-transform:uppercase; letter-spacing:.08em; }
.mw-cases__journey { display:grid; grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr) 80px minmax(0,1fr); align-items:center; gap:8px; padding:40px 20px 8px; }
.mw-cases__step { position:relative; min-width:0; text-align:center; }
.mw-cases__step > span { display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; margin-bottom:13px; border-radius:50%; background:#eaf8fe; color:#008fc9; font:700 11px/1 'Poppins',sans-serif; }
.mw-cases__phone { height:330px; display:flex; align-items:center; justify-content:center; }
.mw-cases__phone img { display:block; max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; filter:drop-shadow(0 18px 22px rgba(14,55,78,.12)); }
.mw-cases__step > strong { display:block; margin-top:15px; font:600 14px/1.35 'Poppins',sans-serif; color:#234b64; }
.mw-cases__connector { position:relative; height:1px; margin-top:20px; background:linear-gradient(90deg,rgba(0,176,240,.25),#00b0f0); }
.mw-cases__connector::before,.mw-cases__connector::after { content:""; position:absolute; top:50%; width:7px; height:7px; border-radius:50%; background:#00b0f0; transform:translateY(-50%); }
.mw-cases__connector::before { left:0; } .mw-cases__connector::after { right:0; }
.mw-cases__lead-visual { padding:36px 6px 4px; text-align:center; }
.mw-cases__lead-visual img { display:block; max-width:100%; max-height:480px; width:auto; height:auto; margin:0 auto; object-fit:contain; filter:drop-shadow(0 18px 24px rgba(14,55,78,.10)); }

@media (max-width:991.98px) {
  #ads.mw-cases { padding:68px 0 72px !important; }
  .mw-cases__intro h2 { font-size:48px; }
  .mw-cases__meta { grid-template-columns:1fr; gap:22px; align-items:start; }
  .mw-cases__metrics { width:100%; }
  .mw-cases__metrics div { flex:1; min-width:0; }
  .mw-cases__journey { grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr) 42px minmax(0,1fr); padding-left:0; padding-right:0; }
  .mw-cases__phone { height:270px; }
}

@media (max-width:767.98px) {
  #ads.mw-cases { padding:54px 0 58px !important; }
  #ads.mw-cases > .container { padding-left:20px !important; padding-right:20px !important; }
  .mw-cases__intro { margin-bottom:26px; }
  .mw-cases__kicker {font-size: 18px;margin-bottom:13px;}
  .mw-cases__kicker::before { width:28px; }
  .mw-cases__intro h2 { font-size:36px; line-height:1.04; letter-spacing:-.035em; }
  .mw-cases__intro p { margin-top:14px; font-size:15px; line-height:1.55; }
  .mw-cases__tabs { display:flex; gap:8px; overflow-x:auto; padding:6px; margin:0 -2px 14px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .mw-cases__tabs::-webkit-scrollbar { display:none; }
  .mw-cases__tab { flex:0 0 78%; scroll-snap-align:start; padding:15px 16px 18px; }
  .mw-cases__stage { border-radius:24px; }
  .mw-cases__panel { padding:24px 18px 28px; }
  .mw-cases__meta { gap:18px; padding-bottom:22px; }
  .mw-cases__meta h3 { font-size:27px; }
  .mw-cases__meta p { font-size:14px; line-height:1.55; }
  .mw-cases__metrics { gap:7px; }
  .mw-cases__metrics div { padding:11px 8px; border-radius:13px; text-align:center; }
  .mw-cases__metrics strong { font-size:19px; }
  .mw-cases__metrics span { font-size:9px; letter-spacing:.04em; }
  .mw-cases__journey { display:flex; gap:14px; overflow-x:auto; align-items:stretch; padding:28px 2px 6px; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; scrollbar-width:none; }
  .mw-cases__journey::-webkit-scrollbar { display:none; }
  .mw-cases__step { flex:0 0 78%; scroll-snap-align:center; padding:18px 14px 20px; border:1px solid rgba(0,176,240,.11); border-radius:20px; background:#fbfdfe; }
  .mw-cases__connector { display:none; }
  .mw-cases__phone { height:330px; }
  .mw-cases__step > strong { margin-top:12px; font-size:14px; }
  .mw-cases__lead-visual { padding:26px 0 0; }
  .mw-cases__lead-visual img { max-height:none; width:100%; filter:none; }
}


/* ==================================================
   CASE STUDIES V2 - SOLUTION + PERFORMANCE + WORKFLOW
   ================================================== */
#ads.mw-cases .mw-cases__tab small {
  margin-top:7px;
  font-size:12px;
  line-height:1.35;
  /* color:#78919f; */
}

#ads.mw-cases .mw-cases__tab strong {
  font-size:16px;
}

#ads.mw-cases .mw-cases__case-copy {
  min-width:0;
}

#ads.mw-cases .mw-cases__facts {
  display:grid;
  grid-template-columns:1.35fr .75fr 1fr;
  gap:12px;
  padding:18px 38px;
  border-bottom:1px solid rgba(17,83,118,.10);
  background:linear-gradient(180deg,rgba(246,251,254,.88),rgba(255,255,255,.88));
}

#ads.mw-cases .mw-cases__facts > div {
  min-width:0;
  padding:15px 16px;
  border:1px solid rgba(8,123,174,.09);
  border-radius:15px;
  background:#fff;
}

#ads.mw-cases .mw-cases__facts span {
  display:block;
  margin-bottom:7px;
  font:700 10px/1 'Poppins',sans-serif;
  letter-spacing:.15em;
  color:#00a9e9;
}

#ads.mw-cases .mw-cases__facts strong {
  display:block;
  font:600 13px/1.5 'Quicksand',sans-serif;
  color:#365b70;
}

#ads.mw-cases .mw-cases__workflow-title {
  display:flex;
  align-items:baseline;
  justify-content:space-between;
  gap:20px;
  padding:28px 38px 0;
}

#ads.mw-cases .mw-cases__workflow-title span {
  font:700 11px/1 'Poppins',sans-serif;
  letter-spacing:.16em;
  color:#123d5a;
}

#ads.mw-cases .mw-cases__workflow-title small {
  font:600 12px/1.4 'Quicksand',sans-serif;
  color:#8196a3;
}

#ads.mw-cases .mw-cases__journey {
  padding-top:26px;
}

#ads.mw-cases .mw-cases__lead-visual {
  padding-top:24px;
}

@media (max-width:991.98px) {
  #ads.mw-cases .mw-cases__facts {
    grid-template-columns:1fr 1fr;
    padding:16px 28px;
  }
  #ads.mw-cases .mw-cases__facts > div:first-child {
    grid-column:1 / -1;
  }
  #ads.mw-cases .mw-cases__workflow-title {
    padding-left:28px;
    padding-right:28px;
  }
}

@media (max-width:767.98px) {
  #ads.mw-cases .mw-cases__tab strong {
    font-size:15px;
  }
  #ads.mw-cases .mw-cases__tab small {
    font-size:11px;
  }
  #ads.mw-cases .mw-cases__facts {
    grid-template-columns:1fr;
    gap:8px;
    padding:14px 18px 18px;
  }
  #ads.mw-cases .mw-cases__facts > div:first-child {
    grid-column:auto;
  }
  #ads.mw-cases .mw-cases__facts > div {
    padding:13px 14px;
  }
  #ads.mw-cases .mw-cases__workflow-title {
    display:block;
    padding:24px 18px 0;
  }
  #ads.mw-cases .mw-cases__workflow-title small {
    display:block;
    margin-top:7px;
  }
}


/* ==================================================
   CASE STUDIES - TAB DISCOVERY HINT
   ================================================== */
#ads.mw-cases .mw-cases__tab-hint {
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  margin:0 6px 10px;
  font:700 10px/1 'Poppins',sans-serif;
  letter-spacing:.16em;
  color:#6f8b9b;
  pointer-events:none;
  user-select:none;
}

#ads.mw-cases .mw-cases__tab-hint-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:rgba(0,176,240,.08);
  color:#00a9e9;
  font-size:13px;
  letter-spacing:0;
}

#ads.mw-cases .mw-cases__tab {
  cursor:pointer;
  transition:
    background-color .2s ease,
    color .2s ease,
    box-shadow .2s ease,
    transform .2s ease;
}

#ads.mw-cases .mw-cases__tab:hover:not(.is-active) {
  transform:translateY(-1px);
}

@media (max-width: 767.98px) {
  #ads.mw-cases .mw-cases__tab-hint {
    justify-content:flex-start;
    margin:0 2px 8px;
    font-size:9px;
    letter-spacing:.13em;
  }

  #ads.mw-cases .mw-cases__tab-hint-arrow {
    width:20px;
    height:20px;
    font-size:12px;
  }
}


/* ==================================================
   CASE STUDIES - HINT AT START OF TABS
   ================================================== */
#ads.mw-cases .mw-cases__tab-hint {
  justify-content:flex-start !important;
  margin:0 6px 10px !important;
  text-align:left;
}

@media (max-width: 767.98px) {
  #ads.mw-cases .mw-cases__tab-hint {
    justify-content:flex-start !important;
    margin:0 2px 8px !important;
  }
}


/* ==================================================
   CASE STUDIES - DISCOVERY CALLOUT
   ================================================== */
#ads.mw-cases .mw-cases__tab-hint {
  display:flex !important;
  align-items:center;
  justify-content:flex-start !important;
  gap:12px;
  width:max-content;
  max-width:100%;
  margin:0 0 14px !important;
  padding:10px 14px 10px 10px;
  border:1px solid rgba(0,176,240,.18);
  border-radius:14px;
  background:rgba(0,176,240,.07);
  box-shadow:0 6px 18px rgba(18,61,90,.05);
  text-align:left;
  pointer-events:none;
}

#ads.mw-cases .mw-cases__tab-hint-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 30px;
  width:30px;
  height:30px;
  border-radius:10px;
  background:#00b0f0;
  color:#fff;
  font:700 15px/1 'Poppins',sans-serif;
}

#ads.mw-cases .mw-cases__tab-hint-copy {
  display:flex;
  flex-direction:column;
  gap:2px;
}

#ads.mw-cases .mw-cases__tab-hint-copy strong {
  margin:0;
  font:700 11px/1.25 'Poppins',sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#123d5a;
}

#ads.mw-cases .mw-cases__tab-hint-copy span {
  margin:0;
  font:600 12px/1.35 'Quicksand',sans-serif;
  letter-spacing:0;
  color:#6f8797;
}

@media (max-width:767.98px) {
  #ads.mw-cases .mw-cases__tab-hint {
    width:100%;
    margin-bottom:10px !important;
    padding:9px 11px 9px 9px;
    border-radius:12px;
  }

  #ads.mw-cases .mw-cases__tab-hint-icon {
    flex-basis:28px;
    width:28px;
    height:28px;
    border-radius:9px;
    font-size:14px;
  }

  #ads.mw-cases .mw-cases__tab-hint-copy strong {
    font-size:10px;
  }

  #ads.mw-cases .mw-cases__tab-hint-copy span {
    font-size:11px;
  }
}


/* ==================================================
   CASE STUDIES - MOBILE FINAL POLISH
   Clear tab carousel + compact content
   ================================================== */
@media (max-width: 767.98px) {

  /* Keep the whole Case Studies block comfortably inside the viewport */
  #ads.mw-cases {
    padding: 0px 0 54px !important;
    overflow: hidden !important;
  }

  #ads.mw-cases > .container {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* Intro */
  #ads.mw-cases .mw-cases__intro {
    margin-bottom: 22px !important;
  }

  #ads.mw-cases .mw-cases__intro h2 {
    font-size: 34px !important;
    line-height: 1.04 !important;
  }

  #ads.mw-cases .mw-cases__intro p {
    margin-top: 12px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  /* Hint: visible but compact */
  #ads.mw-cases .mw-cases__tab-hint {
    width: 100% !important;
    margin: 0 0 10px !important;
    padding: 9px 10px !important;
    gap: 10px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  #ads.mw-cases .mw-cases__tab-hint-icon {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
  }

  /* Horizontal tab rail:
     one full tab + a deliberate peek of the next tab */
  #ads.mw-cases .mw-cases__tabs {
    position: relative !important;
    display: flex !important;
    gap: 8px !important;
    width: calc(100% + 16px) !important;
    margin: 0 -16px 14px 0 !important;
    padding: 6px 16px 6px 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    scroll-padding-left: 0 !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    border-radius: 20px !important;
  }

  #ads.mw-cases .mw-cases__tabs::-webkit-scrollbar {
    display: none !important;
  }

  /* Give enough width for full text while still exposing the next card */
  #ads.mw-cases .mw-cases__tab {
    flex: 0 0 calc(100vw - 78px) !important;
    min-width: calc(100vw - 78px) !important;
    max-width: 410px !important;
    min-height: 108px !important;
    padding: 14px 16px 18px !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    overflow: hidden !important;
  }

  #ads.mw-cases .mw-cases__tab span {
    margin-bottom: 7px !important;
    font-size: 24px !important;
    letter-spacing: .14em !important;
  }

  #ads.mw-cases .mw-cases__tab strong {
    font-size: 15px !important;
    line-height: 1.25 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }

  #ads.mw-cases .mw-cases__tab small {
    margin-top: 5px !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    white-space: normal !important;
  }

  #ads.mw-cases .mw-cases__tab::after {
    left: 16px !important;
    right: 16px !important;
    bottom: 8px !important;
  }

  /* Detail card */
  #ads.mw-cases .mw-cases__stage {
    border-radius: 22px !important;
  }

  #ads.mw-cases .mw-cases__panel {
    padding: 22px 18px 26px !important;
  }

  #ads.mw-cases .mw-cases__meta {
    gap: 16px !important;
    padding-bottom: 18px !important;
  }

  #ads.mw-cases .mw-cases__meta h3 {
    margin-bottom: 7px !important;
    font-size: 25px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }

  #ads.mw-cases .mw-cases__meta p {
    font-size: 13px !important;
    line-height: 1.55 !important;
  }

  /* KPI cards stay on one row but with safer spacing */
  #ads.mw-cases .mw-cases__metrics {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
  }

  #ads.mw-cases .mw-cases__metrics div {
    min-width: 0 !important;
    padding: 10px 5px !important;
    border-radius: 12px !important;
    text-align: center !important;
  }

  #ads.mw-cases .mw-cases__metrics strong {
    font-size: 18px !important;
  }

  #ads.mw-cases .mw-cases__metrics span {
    margin-top: 5px !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    letter-spacing: .03em !important;
    overflow-wrap: anywhere !important;
  }

  /* Facts: compact stack */
  #ads.mw-cases .mw-cases__facts {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 7px !important;
    padding: 14px 0 !important;
    background: transparent !important;
  }

  #ads.mw-cases .mw-cases__facts > div,
  #ads.mw-cases .mw-cases__facts > div:first-child {
    grid-column: auto !important;
    padding: 12px 13px !important;
    border-radius: 13px !important;
  }

  #ads.mw-cases .mw-cases__facts span {
    margin-bottom: 5px !important;
    font-size: 9px !important;
  }

  #ads.mw-cases .mw-cases__facts strong {
    font-size: 12px !important;
    line-height: 1.45 !important;
  }

  #ads.mw-cases .mw-cases__workflow-title {
    display: block !important;
    padding: 18px 0 0 !important;
  }

  #ads.mw-cases .mw-cases__workflow-title small {
    display: block !important;
    margin-top: 7px !important;
    font-size: 11px !important;
  }

  /* Workflow: show one card clearly + next card peek */
  #ads.mw-cases .mw-cases__journey {
    gap: 10px !important;
    margin-right: -18px !important;
    padding: 22px 18px 5px 0 !important;
  }

  #ads.mw-cases .mw-cases__step {
    flex: 0 0 calc(100% - 34px) !important;
    min-width: calc(100% - 34px) !important;
    padding: 16px 12px 18px !important;
    border-radius: 18px !important;
  }

  #ads.mw-cases .mw-cases__phone {
    height: 300px !important;
  }

  #ads.mw-cases .mw-cases__lead-visual {
    padding-top: 20px !important;
  }
}

/* Extra-small phones */
@media (max-width: 390px) {
  #ads.mw-cases .mw-cases__tab {
    flex-basis: calc(100vw - 66px) !important;
    min-width: calc(100vw - 66px) !important;
  }

  #ads.mw-cases .mw-cases__intro h2 {
    font-size: 31px !important;
  }

  #ads.mw-cases .mw-cases__meta h3 {
    font-size: 23px !important;
  }

  #ads.mw-cases .mw-cases__phone {
    height: 270px !important;
  }
}


/* ==================================================
   CASE STUDIES - MOBILE TAP TABS FINAL
   3 clear full-width tap targets; no horizontal swipe
   ================================================== */
@media (max-width: 767.98px) {
  #ads.mw-cases .mw-cases__tab-hint {
    margin-bottom: 12px !important;
  }

  #ads.mw-cases .mw-cases__tab-hint-icon {
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 28px !important;
    border-radius: 8px !important;
    font-size: 9px !important;
    letter-spacing: .08em !important;
  }

  /* Show all case-study choices at once */
  #ads.mw-cases .mw-cases__tabs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 6px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    border-radius: 18px !important;
  }

  #ads.mw-cases .mw-cases__tab {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 46px minmax(0, 1fr) 22px !important;
    grid-template-areas:
      "num title arrow"
      "num desc arrow" !important;
    column-gap: 10px !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 74px !important;
    padding: 12px 12px !important;
    border: 1px solid rgba(18, 61, 90, .08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
    overflow: visible !important;
    text-align: left !important;
    scroll-snap-align: none !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  #ads.mw-cases .mw-cases__tab::before {
    content: "›" !important;
    grid-area: arrow !important;
    justify-self: end !important;
    align-self: center !important;
    width: 22px !important;
    height: 22px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    background: #eef8fc !important;
    color: #00a9e9 !important;
    font: 700 19px/1 'Poppins', sans-serif !important;
  }

  #ads.mw-cases .mw-cases__tab span {
    grid-area: num !important;
    align-self: stretch !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    border-radius: 10px !important;
    background: #f1f8fb !important;
    font-size: 17px !important;
    line-height: 1 !important;
    letter-spacing: .06em !important;
    color: #66879a !important;
  }

  #ads.mw-cases .mw-cases__tab strong {
    grid-area: title !important;
    align-self: end !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    color: #234b64 !important;
  }

  #ads.mw-cases .mw-cases__tab small {
    grid-area: desc !important;
    align-self: start !important;
    margin: 3px 0 0 !important;
    font-size: 10.5px !important;
    line-height: 1.3 !important;
    color: #7a94a3 !important;
  }

  /* Active tab reads immediately as selected */
  #ads.mw-cases .mw-cases__tab.is-active {
    border-color: #00b0f0 !important;
    background: linear-gradient(135deg, #f5fcff 0%, #eef9fd 100%) !important;
    box-shadow: 0 8px 20px rgba(0, 176, 240, .10) !important;
    transform: none !important;
  }

  #ads.mw-cases .mw-cases__tab.is-active span {
    background: #00b0f0 !important;
    color: #fff !important;
  }

  #ads.mw-cases .mw-cases__tab.is-active strong {
    color: #0f4160 !important;
  }

  #ads.mw-cases .mw-cases__tab.is-active::before {
    content: "✓" !important;
    background: #00b0f0 !important;
    color: #fff !important;
    font-size: 12px !important;
  }

  /* Remove desktop underline treatment on mobile */
  #ads.mw-cases .mw-cases__tab::after {
    display: none !important;
  }

  #ads.mw-cases .mw-cases__tab:active {
    transform: scale(.99) !important;
  }

  #ads.mw-cases .mw-cases__tab:focus-visible {
    outline: 3px solid rgba(0,176,240,.22) !important;
    outline-offset: 2px !important;
  }
}

@media (max-width: 390px) {
  #ads.mw-cases .mw-cases__tab {
    grid-template-columns: 42px minmax(0, 1fr) 20px !important;
    min-height: 70px !important;
    padding: 10px !important;
    column-gap: 9px !important;
  }

  #ads.mw-cases .mw-cases__tab strong {
    font-size: 13px !important;
  }

  #ads.mw-cases .mw-cases__tab small {
    font-size: 10px !important;
  }
}

/* ==================================================
   CASE STUDIES - MOBILE WORKFLOW ALL STEPS VISIBLE
   Show all 3 phone steps at the same time; no horizontal swipe
   ================================================== */
@media (max-width: 767.98px) {
  #ads.mw-cases .mw-cases__journey {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 4px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    align-items: start !important;
  }

  #ads.mw-cases .mw-cases__step {
    flex: none !important;
    min-width: 0 !important;
    width: 100% !important;
    padding: 10px 5px 12px !important;
    border-radius: 14px !important;
    scroll-snap-align: none !important;
    box-sizing: border-box !important;
  }

  #ads.mw-cases .mw-cases__step > span {
    width: 27px !important;
    height: 27px !important;
    margin-bottom: 8px !important;
    font-size: 9px !important;
  }

  #ads.mw-cases .mw-cases__phone {
    width: 100% !important;
    height: 205px !important;
    min-width: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  #ads.mw-cases .mw-cases__phone img {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
  }

  #ads.mw-cases .mw-cases__step > strong {
    margin-top: 9px !important;
    min-height: 30px !important;
    font-size: 10px !important;
    line-height: 1.35 !important;
  }

  #ads.mw-cases .mw-cases__connector {
    display: none !important;
  }
}

@media (max-width: 390px) {
  #ads.mw-cases .mw-cases__journey {
    gap: 5px !important;
  }

  #ads.mw-cases .mw-cases__step {
    padding: 9px 3px 10px !important;
    border-radius: 12px !important;
  }

  #ads.mw-cases .mw-cases__phone {
    height: 180px !important;
  }

  #ads.mw-cases .mw-cases__step > strong {
    font-size: 9px !important;
  }
}



/* ==================================================
   ADVANTAGE - PREMIUM COMPACT REDESIGN
   ================================================== */
#about_us.mw-advantage {
    position: relative;
    overflow: hidden;
    padding: 84px 0 !important;
    background:
        linear-gradient(rgba(0, 176, 240, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 176, 240, .045) 1px, transparent 1px),
        #f7fbfe;
    background-size: 42px 42px;
}

#about_us.mw-advantage::before {
    content: '';
    position: absolute;
    width: 420px;
    height: 420px;
    border-radius: 50%;
    right: -160px;
    top: -180px;
    background: radial-gradient(circle, rgba(0, 176, 240, .12), rgba(0, 176, 240, 0) 70%);
    pointer-events: none;
}

#about_us .mw-advantage__grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(380px, .92fr);
    gap: 56px;
    align-items: center;
}

#about_us .mw-advantage__kicker {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 14px;
    color: #009fda;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 2.4px;
}

#about_us .mw-advantage__kicker span {
    width: 28px;
    height: 2px;
    background: #00b0f0;
}

#about_us .mw-advantage__title {
    margin: 0;
    color: #103d59;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(38px, 4vw, 58px);
    line-height: 1.02;
    letter-spacing: -2px;
    font-weight: 700;
}

#about_us .mw-advantage__title span {
    color: #00aeef;
}

#about_us .mw-advantage__lead {
    max-width: 620px;
    margin: 22px 0 30px;
    color: #617b8e;
    font-family: 'Quicksand', sans-serif;
    font-size: 16px;
    line-height: 1.65;
    font-weight: 500;
}

#about_us .mw-advantage__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

#about_us .mw-advantage__item {
    min-height: 126px;
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
    padding: 20px;
    border: 1px solid #d9ebf5;
    border-radius: 18px;
    background: rgba(255, 255, 255, .9);
    box-shadow: 0 10px 30px rgba(16, 61, 89, .045);
    transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}

#about_us .mw-advantage__item:hover {
    transform: translateY(-3px);
    border-color: #a6ddf3;
    box-shadow: 0 16px 34px rgba(16, 61, 89, .09);
}

#about_us .mw-advantage__item--featured {
    background: linear-gradient(145deg, #0b3854, #0d597c);
    border-color: transparent;
}

#about_us .mw-advantage__number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #eef8fc;
    color: #00aeea;
    font-family: 'Poppins', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

#about_us .mw-advantage__item--featured .mw-advantage__number {
    background: rgba(255, 255, 255, .12);
    color: #67d8ff;
}

#about_us .mw-advantage__item h3 {
    margin: 1px 0 7px;
    color: #123e5a;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1.25;
    font-weight: 650;
}

#about_us .mw-advantage__item p {
    margin: 0;
    color: #6c8495;
    font-family: 'Quicksand', sans-serif;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 500;
}

#about_us .mw-advantage__item--featured h3 {
    color: #fff;
}

#about_us .mw-advantage__item--featured p {
    color: rgba(255, 255, 255, .74);
}

#about_us .mw-advantage__visual {
    position: relative;
}

#about_us .mw-advantage__image-wrap {
    position: relative;
    overflow: hidden;
    min-height: 520px;
    border-radius: 32px;
    box-shadow: 0 28px 65px rgba(16, 61, 89, .14);
}

#about_us .mw-advantage__image-wrap::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 55%, rgba(5, 39, 59, .72) 100%);
    pointer-events: none;
}

#about_us .mw-advantage__image-wrap img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 520px;
    object-fit: cover;
    object-position: center;
}

#about_us .mw-advantage__image-label {
    position: absolute;
    z-index: 2;
    left: 28px;
    bottom: 28px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    color: #fff;
}

#about_us .mw-advantage__image-label strong {
    font-family: 'Poppins', sans-serif;
    font-size: 13px;
    letter-spacing: 1.4px;
}

#about_us .mw-advantage__image-label span {
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    opacity: .82;
}

#about_us .mw-advantage__proofbar {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1px;
    overflow: hidden;
    margin: -28px 22px 0;
    position: relative;
    z-index: 3;
    border-radius: 18px;
    background: #dcebf3;
    box-shadow: 0 16px 32px rgba(16, 61, 89, .12);
}

#about_us .mw-advantage__proofbar div {
    padding: 16px 12px;
    text-align: center;
    background: #fff;
}

#about_us .mw-advantage__proofbar strong {
    display: block;
    color: #0e3e5a;
    font-family: 'Poppins', sans-serif;
    font-size: 22px;
    line-height: 1.1;
}

#about_us .mw-advantage__proofbar span {
    display: block;
    margin-top: 4px;
    color: #7790a1;
    font-family: 'Quicksand', sans-serif;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
}

@media (max-width: 991.98px) {
    #about_us.mw-advantage {
        padding: 64px 0 !important;
    }

    #about_us .mw-advantage__grid {
        grid-template-columns: 1fr;
        gap: 34px;
    }

    #about_us .mw-advantage__visual {
        order: -1;
    }

    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        min-height: 420px;
    }
}

@media (max-width: 575.98px) {
    #about_us.mw-advantage {
        padding: 48px 0 54px !important;
        background-size: 32px 32px;
    }

    #about_us .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    #about_us .mw-advantage__grid {
        gap: 26px;
    }

    #about_us .mw-advantage__visual {
        order: initial;
    }

    #about_us .mw-advantage__kicker {
        margin-bottom: 10px;
        font-size: 10px;
        letter-spacing: 2px;
    }

    #about_us .mw-advantage__title {
        font-size: 34px;
        line-height: 1.04;
        letter-spacing: -1.2px;
    }

    #about_us .mw-advantage__lead {
        margin: 15px 0 22px;
        font-size: 14px;
        line-height: 1.55;
    }

    #about_us .mw-advantage__list {
        grid-template-columns: 1fr;
        gap: 9px;
    }

    #about_us .mw-advantage__item {
        min-height: 0;
        grid-template-columns: 34px minmax(0, 1fr);
        gap: 11px;
        padding: 15px 16px;
        border-radius: 15px;
    }

    #about_us .mw-advantage__number {
        width: 32px;
        height: 32px;
        border-radius: 9px;
        font-size: 11px;
    }

    #about_us .mw-advantage__item h3 {
        margin: 0 0 4px;
        font-size: 14px;
    }

    #about_us .mw-advantage__item p {
        font-size: 12.5px;
        line-height: 1.42;
    }

    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        min-height: 300px;
        height: 300px;
    }

    #about_us .mw-advantage__image-wrap {
        border-radius: 22px;
    }

    #about_us .mw-advantage__image-label {
        left: 18px;
        bottom: 18px;
    }

    #about_us .mw-advantage__image-label strong {
        font-size: 11px;
    }

    #about_us .mw-advantage__image-label span {
        font-size: 12px;
    }

    #about_us .mw-advantage__proofbar {
        margin: -20px 12px 0;
        border-radius: 14px;
    }

    #about_us .mw-advantage__proofbar div {
        padding: 12px 5px;
    }

    #about_us .mw-advantage__proofbar strong {
        font-size: 17px;
    }

    #about_us .mw-advantage__proofbar span {
        font-size: 8px;
        letter-spacing: .2px;
    }
}


/* ==================================================
   ADVANTAGE — MOBILE COMPACT COPY
   Desktop keeps the full copy; mobile uses scan-first copy.
   ================================================== */
@media (max-width: 767.98px) {
    #about_us .mw-advantage__lead {
        display: none !important;
    }

    #about_us .mw-advantage__list {
        gap: 7px !important;
    }

    #about_us .mw-advantage__item {
        grid-template-columns: 30px minmax(0, 1fr) !important;
        gap: 10px !important;
        padding: 12px 14px !important;
        border-radius: 14px !important;
    }

    #about_us .mw-advantage__number {
        width: 30px !important;
        height: 30px !important;
        border-radius: 8px !important;
        font-size: 10px !important;
    }

    #about_us .mw-advantage__item h3 {
        margin: 0 0 2px !important;
        font-size: 13px !important;
        line-height: 1.2 !important;
    }

    #about_us .mw-advantage__item p[data-mobile] {
        font-size: 0 !important;
        line-height: 1.3 !important;
        margin: 0 !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        content: attr(data-mobile);
        font-family: 'Quicksand', sans-serif;
        font-size: 11.5px;
        line-height: 1.3;
    }

    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        min-height: 230px !important;
        height: 230px !important;
    }

    #about_us .mw-advantage__proofbar {
        margin-top: -16px !important;
    }
}

/* ==================================================
   ADVANTAGE — MOBILE 2-COLUMN FINAL
   6 benefits = 3 compact rows. Desktop/tablet unchanged.
   ================================================== */
@media (max-width: 767.98px) {
    #about_us.mw-advantage {
        padding-top: 58px !important;
        padding-bottom: 58px !important;
    }

    #about_us .mw-advantage__list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 8px !important;
        width: 100% !important;
    }

    #about_us .mw-advantage__item {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        min-width: 0 !important;
        min-height: 112px !important;
        padding: 12px !important;
        gap: 8px !important;
        border-radius: 15px !important;
    }

    #about_us .mw-advantage__number {
        flex: 0 0 auto !important;
        width: 28px !important;
        height: 28px !important;
        border-radius: 8px !important;
        font-size: 9px !important;
    }

    #about_us .mw-advantage__item > div:last-child {
        min-width: 0 !important;
        width: 100% !important;
    }

    #about_us .mw-advantage__item h3 {
        margin: 0 0 3px !important;
        font-size: 12px !important;
        line-height: 1.15 !important;
        letter-spacing: -0.2px !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        font-size: 10.5px !important;
        line-height: 1.2 !important;
    }

    #about_us .mw-advantage__visual {
        margin-top: 18px !important;
    }

    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        min-height: 215px !important;
        height: 215px !important;
    }

    #about_us .mw-advantage__proofbar {
        margin-top: -14px !important;
    }
}

@media (max-width: 360px) {
    #about_us .mw-advantage__list {
        gap: 6px !important;
    }
    #about_us .mw-advantage__item {
        min-height: 108px !important;
        padding: 10px !important;
    }
    #about_us .mw-advantage__item h3 {
        font-size: 11px !important;
    }
    #about_us .mw-advantage__item p[data-mobile]::after {
        font-size: 9.5px !important;
    }
}

/* ==================================================
   ADVANTAGE — EDITORIAL / DIVIDER REDESIGN
   Remove repeated card-box language and keep the section light.
   ================================================== */
#about_us .mw-advantage__list {
    gap: 0 !important;
    border-top: 1px solid rgba(16, 61, 89, .16);
}

#about_us .mw-advantage__item,
#about_us .mw-advantage__item--featured,
#about_us .mw-advantage__item--proof {
    position: relative;
    min-height: 118px;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 22px 18px 22px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(16, 61, 89, .16) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
}

#about_us .mw-advantage__item:nth-child(odd) {
    padding-right: 28px !important;
}

#about_us .mw-advantage__item:nth-child(even) {
    padding-left: 28px !important;
}

#about_us .mw-advantage__item:nth-child(even)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 20px;
    bottom: 20px;
    width: 1px;
    background: rgba(16, 61, 89, .11);
}

#about_us .mw-advantage__item:hover {
    transform: none !important;
    box-shadow: none !important;
}

#about_us .mw-advantage__number,
#about_us .mw-advantage__item--featured .mw-advantage__number {
    width: auto !important;
    height: auto !important;
    display: block !important;
    padding-top: 2px;
    border-radius: 0 !important;
    background: transparent !important;
    color: #00aeef !important;
    font-family: 'Poppins', sans-serif;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .9px;
    line-height: 1.2 !important;
}

#about_us .mw-advantage__item h3,
#about_us .mw-advantage__item--featured h3 {
    margin: 0 0 6px !important;
    color: #103d59 !important;
    font-size: 15px !important;
    line-height: 1.25 !important;
    font-weight: 700 !important;
}

#about_us .mw-advantage__item p,
#about_us .mw-advantage__item--featured p {
    color: #6c8495 !important;
    font-size: 12.5px !important;
    line-height: 1.45 !important;
}

#about_us .mw-advantage__image-wrap {
    border-radius: 26px !important;
}

#about_us .mw-advantage__proofbar {
    border-radius: 0 0 18px 18px !important;
    margin: -18px 22px 0 !important;
    background: rgba(16, 61, 89, .12) !important;
    box-shadow: 0 14px 28px rgba(16, 61, 89, .10) !important;
}

@media (max-width: 767.98px) {
    #about_us.mw-advantage {
        padding-top: 52px !important;
        padding-bottom: 50px !important;
    }

    #about_us .mw-advantage__grid {
        gap: 22px !important;
    }

    #about_us .mw-advantage__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 0 !important;
        margin-top: 22px !important;
    }

    #about_us .mw-advantage__item,
    #about_us .mw-advantage__item--featured,
    #about_us .mw-advantage__item--proof {
        min-height: 88px !important;
        display: grid !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 13px 9px 13px 0 !important;
        border: 0 !important;
        border-bottom: 1px solid rgba(16, 61, 89, .14) !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
    }

    #about_us .mw-advantage__item:nth-child(odd) {
        padding-right: 12px !important;
    }

    #about_us .mw-advantage__item:nth-child(even) {
        padding-left: 12px !important;
    }

    #about_us .mw-advantage__item:nth-child(even)::before {
        top: 12px;
        bottom: 12px;
        background: rgba(16, 61, 89, .10);
    }

    #about_us .mw-advantage__number,
    #about_us .mw-advantage__item--featured .mw-advantage__number {
        width: auto !important;
        height: auto !important;
        padding: 1px 0 0 !important;
        font-size: 9px !important;
    }

    #about_us .mw-advantage__item h3,
    #about_us .mw-advantage__item--featured h3 {
        margin: 0 0 3px !important;
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    #about_us .mw-advantage__item p[data-mobile] {
        font-size: 0 !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        content: attr(data-mobile) !important;
        color: #6c8495;
        font-family: 'Quicksand', sans-serif;
        font-size: 9.8px !important;
        line-height: 1.2 !important;
    }

    #about_us .mw-advantage__visual {
        margin-top: 2px !important;
    }

    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        min-height: 205px !important;
        height: 205px !important;
        border-radius: 20px !important;
    }

    #about_us .mw-advantage__image-label {
        left: 16px !important;
        bottom: 16px !important;
    }

    #about_us .mw-advantage__proofbar {
        margin: -12px 10px 0 !important;
        border-radius: 0 0 14px 14px !important;
    }

    #about_us .mw-advantage__proofbar div {
        padding: 10px 4px !important;
    }

    #about_us .mw-advantage__proofbar strong {
        font-size: 15px !important;
    }

    #about_us .mw-advantage__proofbar span {
        font-size: 7px !important;
    }
}

@media (max-width: 360px) {
    #about_us .mw-advantage__item,
    #about_us .mw-advantage__item--featured,
    #about_us .mw-advantage__item--proof {
        min-height: 84px !important;
        padding-top: 11px !important;
        padding-bottom: 11px !important;
    }

    #about_us .mw-advantage__item h3,
    #about_us .mw-advantage__item--featured h3 {
        font-size: 10.5px !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        font-size: 9px !important;
    }
}

/* =========================================================
   ADVANTAGE — MOBILE VISUAL FINAL POLISH
   Keep the phone as the primary subject and reduce dead space
   ========================================================= */
@media (max-width: 767.98px) {
    #about_us.mw-advantage {
        padding-bottom: 30px !important;
    }

    #about_us .mw-advantage__visual {
        margin-top: 6px !important;
        padding-bottom: 0 !important;
    }

    /* Give the source image enough vertical room so the phone is not over-cropped. */
    #about_us .mw-advantage__image-wrap {
        height: 265px !important;
        min-height: 265px !important;
        border-radius: 20px !important;
        overflow: hidden !important;
    }

    #about_us .mw-advantage__image-wrap img {
        width: 100% !important;
        height: 265px !important;
        min-height: 265px !important;
        object-fit: cover !important;
        object-position: 42% center !important;
    }

    /* Softer overlay: preserve the phone artwork. */
    #about_us .mw-advantage__image-wrap::after {
        background: linear-gradient(180deg, transparent 64%, rgba(5, 39, 59, .62) 100%) !important;
    }

    #about_us .mw-advantage__image-label {
        left: 14px !important;
        right: 14px !important;
        bottom: 38px !important;
    }

    #about_us .mw-advantage__image-label strong {
        font-size: 10px !important;
        letter-spacing: .08em !important;
        line-height: 1.15 !important;
    }

    #about_us .mw-advantage__image-label span {
        margin-top: 3px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    /* Smaller overlap keeps the photo readable while visually connecting the proof stats. */
    #about_us .mw-advantage__proofbar {
        position: relative !important;
        z-index: 3 !important;
        margin: -28px 10px 0 !important;
        border-radius: 14px !important;
        background: rgba(255, 255, 255, .97) !important;
        box-shadow: 0 12px 28px rgba(16, 61, 89, .12) !important;
        overflow: hidden !important;
    }

    #about_us .mw-advantage__proofbar div {
        padding: 10px 4px 9px !important;
    }

    #about_us .mw-advantage__proofbar strong {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    #about_us .mw-advantage__proofbar span {
        margin-top: 4px !important;
        font-size: 6.5px !important;
        line-height: 1.1 !important;
    }

    /* Pull the following legacy Reasons section closer to Advantage. */
    #about_us + .reason {
        margin-top: 0 !important;
        padding-top: 26px !important;
    }
}

@media (max-width: 390px) {
    #about_us .mw-advantage__image-wrap,
    #about_us .mw-advantage__image-wrap img {
        height: 245px !important;
        min-height: 245px !important;
    }
}


/* =========================================================
   ADVANTAGE — NO-IMAGE PREMIUM FINAL
   Editorial capabilities + typographic proof strip.
   Desktop: intro + proof rail, 3-column capability matrix.
   Mobile: concise 2-column matrix, proof rail at the end.
   ========================================================= */
#about_us.mw-advantage {
    position: relative !important;
    overflow: hidden !important;
    padding: 30px 0 84px !important;
    background:
        linear-gradient(rgba(0, 176, 240, .040) 1px, transparent 1px),
        linear-gradient(90deg, rgba(0, 176, 240, .040) 1px, transparent 1px),
        #f8fcff !important;
    background-size: 42px 42px !important;
}

#about_us.mw-advantage::before {
    width: 560px !important;
    height: 560px !important;
    right: -210px !important;
    top: -260px !important;
    opacity: .7 !important;
}

#about_us.mw-advantage::after {
    content: '';
    position: absolute;
    left: -160px;
    bottom: -260px;
    width: 480px;
    height: 480px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(0, 176, 240, .07), rgba(0, 176, 240, 0) 70%);
    pointer-events: none;
}

#about_us .mw-advantage__premium {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(420px, .75fr);
    grid-template-areas:
        'intro proof'
        'list list';
    column-gap: 72px;
    row-gap: 48px;
    align-items: end;
}

#about_us .mw-advantage__intro {
    grid-area: intro;
    max-width: 760px;
}

#about_us .mw-advantage__kicker {
    margin-bottom: 16px !important;
}

#about_us .mw-advantage__title {
    max-width: 720px;
    font-size: clamp(46px, 4.4vw, 66px) !important;
    line-height: .99 !important;
    letter-spacing: -2.5px !important;
}

#about_us .mw-advantage__lead {
    max-width: 660px !important;
    margin: 22px 0 0 !important;
    font-size: 15.5px !important;
    line-height: 1.65 !important;
}

#about_us .mw-advantage__proofbar {
    grid-area: proof;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    align-self: end;
    margin: 0 !important;
    overflow: visible !important;
    border-radius: 0 !important;
    border-top: 1px solid rgba(16, 61, 89, .18);
    border-bottom: 1px solid rgba(16, 61, 89, .18);
    background: transparent !important;
    box-shadow: none !important;
}

#about_us .mw-advantage__proofbar div {
    position: relative;
    padding: 23px 18px 20px !important;
    background: transparent !important;
    text-align: left !important;
}

#about_us .mw-advantage__proofbar div + div::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    bottom: 18px;
    width: 1px;
    background: rgba(16, 61, 89, .12);
}

#about_us .mw-advantage__proofbar strong {
    font-size: clamp(26px, 2.4vw, 36px) !important;
    line-height: 1 !important;
    letter-spacing: -1px;
}

#about_us .mw-advantage__proofbar span {
    margin-top: 8px !important;
    font-size: 9px !important;
    letter-spacing: 1.1px !important;
    color: #6f8798 !important;
}

#about_us .mw-advantage__list {
    grid-area: list;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
    margin: 0 !important;
    border-top: 1px solid rgba(16, 61, 89, .18) !important;
    border-bottom: 1px solid rgba(16, 61, 89, .18) !important;
}

#about_us .mw-advantage__item,
#about_us .mw-advantage__item--featured,
#about_us .mw-advantage__item--proof {
    position: relative !important;
    min-height: 150px !important;
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) !important;
    gap: 14px !important;
    align-items: start !important;
    padding: 27px 26px 26px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
    transition: background-color .22s ease !important;
}

#about_us .mw-advantage__item:nth-child(-n+3) {
    border-bottom: 1px solid rgba(16, 61, 89, .13) !important;
}

#about_us .mw-advantage__item:not(:nth-child(3n+1))::before {
    content: '' !important;
    position: absolute !important;
    left: 0 !important;
    top: 24px !important;
    bottom: 24px !important;
    width: 1px !important;
    background: rgba(16, 61, 89, .10) !important;
}

#about_us .mw-advantage__item:nth-child(even)::before {
    /* override earlier two-column rule; desktop separators are controlled above */
}

#about_us .mw-advantage__item:hover {
    background: rgba(255, 255, 255, .46) !important;
}

#about_us .mw-advantage__number,
#about_us .mw-advantage__item--featured .mw-advantage__number {
    padding-top: 2px !important;
    color: #00aeef !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
}

#about_us .mw-advantage__item h3,
#about_us .mw-advantage__item--featured h3 {
    margin: 0 0 8px !important;
    color: #103d59 !important;
    font-size: 15px !important;
    line-height: 1.22 !important;
    font-weight: 700 !important;
}

#about_us .mw-advantage__item p,
#about_us .mw-advantage__item--featured p {
    margin: 0 !important;
    max-width: 330px;
    color: #6b8395 !important;
    font-size: 12.5px !important;
    line-height: 1.5 !important;
}

/* The old image column is intentionally removed from the final section. */
#about_us .mw-advantage__visual,
#about_us .mw-advantage__image-wrap,
#about_us .mw-advantage__image-label {
    display: none !important;
}

@media (max-width: 1199.98px) {
    #about_us .mw-advantage__premium {
        grid-template-columns: minmax(0, 1fr) minmax(360px, .8fr);
        column-gap: 48px;
    }

    #about_us .mw-advantage__item {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

@media (max-width: 991.98px) {
    #about_us.mw-advantage {
        padding: 70px 0 66px !important;
    }

    #about_us .mw-advantage__premium {
        grid-template-columns: 1fr;
        grid-template-areas:
            'intro'
            'list'
            'proof';
        row-gap: 32px;
    }

    #about_us .mw-advantage__list {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #about_us .mw-advantage__item:nth-child(-n+3) {
        border-bottom: 0 !important;
    }

    #about_us .mw-advantage__item:nth-child(-n+4) {
        border-bottom: 1px solid rgba(16, 61, 89, .13) !important;
    }

    #about_us .mw-advantage__item:not(:nth-child(3n+1))::before {
        display: none !important;
    }

    #about_us .mw-advantage__item:nth-child(even)::before {
        content: '' !important;
        display: block !important;
        position: absolute !important;
        left: 0 !important;
        top: 22px !important;
        bottom: 22px !important;
        width: 1px !important;
        background: rgba(16, 61, 89, .10) !important;
    }

    #about_us .mw-advantage__proofbar {
        width: min(620px, 100%);
    }
}

@media (max-width: 767.98px) {
    #about_us.mw-advantage {
        padding: 0 0 46px !important;
        background-size: 32px 32px !important;
    }

    #about_us .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #about_us .mw-advantage__premium {
        row-gap: 24px !important;
    }

    #about_us .mw-advantage__kicker {
        margin-bottom: 10px !important;
        font-size: 16px !important;
        letter-spacing: 2px !important;
    }

    #about_us .mw-advantage__title {
        font-size: clamp(34px, 9vw, 42px) !important;
        line-height: 1.01 !important;
        letter-spacing: -1.5px !important;
    }

    #about_us .mw-advantage__lead {
        display: none !important;
    }

    #about_us .mw-advantage__list {
        margin-top: 0 !important;
    }

    #about_us .mw-advantage__item,
    #about_us .mw-advantage__item--featured,
    #about_us .mw-advantage__item--proof {
        min-height: 88px !important;
        grid-template-columns: 26px minmax(0, 1fr) !important;
        gap: 7px !important;
        padding: 13px 12px 13px 0 !important;
    }

    #about_us .mw-advantage__item:nth-child(odd) {
        padding-right: 12px !important;
        padding-left: 0 !important;
    }

    #about_us .mw-advantage__item:nth-child(even) {
        padding-left: 12px !important;
        padding-right: 0 !important;
    }

    #about_us .mw-advantage__item:nth-child(even)::before {
        top: 12px !important;
        bottom: 12px !important;
    }

    #about_us .mw-advantage__number,
    #about_us .mw-advantage__item--featured .mw-advantage__number {
        font-size: 9px !important;
    }

    #about_us .mw-advantage__item h3,
    #about_us .mw-advantage__item--featured h3 {
        margin-bottom: 3px !important;
        font-size: 11.5px !important;
        line-height: 1.15 !important;
    }

    #about_us .mw-advantage__item p[data-mobile] {
        font-size: 0 !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        content: attr(data-mobile) !important;
        color: #6b8395 !important;
        font-family: 'Quicksand', sans-serif !important;
        font-size: 9.8px !important;
        line-height: 1.22 !important;
    }

    #about_us .mw-advantage__proofbar {
        width: 100% !important;
        margin-top: 2px !important;
    }

    #about_us .mw-advantage__proofbar div {
        padding: 16px 7px 14px !important;
        text-align: center !important;
    }

    #about_us .mw-advantage__proofbar div + div::before {
        top: 13px !important;
        bottom: 13px !important;
    }

    #about_us .mw-advantage__proofbar strong {
        font-size: 20px !important;
        letter-spacing: -.5px !important;
    }

    #about_us .mw-advantage__proofbar span {
        margin-top: 5px !important;
        font-size: 7px !important;
        letter-spacing: .55px !important;
    }
}

@media (max-width: 360px) {
    #about_us .container {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    #about_us .mw-advantage__title {
        font-size: 32px !important;
    }

    #about_us .mw-advantage__item {
        min-height: 84px !important;
    }

    #about_us .mw-advantage__item h3 {
        font-size: 10.5px !important;
    }

    #about_us .mw-advantage__item p[data-mobile]::after {
        font-size: 9px !important;
    }
}

/* ==================================================
   NEWS - MINIMAL FINAL
   ================================================== */
#news.mw-news-minimal {
    margin: 0 !important;
    padding: 0 !important;
    background: #f7fbfd !important;
    color: #073a58 !important;
    border-top: 1px solid #dcebf2;
    border-bottom: 1px solid #dcebf2;
}

#news.mw-news-minimal .mw-news-minimal__inner {
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 48px;
    padding: 42px 0;
}

#news.mw-news-minimal .mw-news-minimal__kicker {
    margin-bottom: 10px;
    color: #00aef0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;
}

#news.mw-news-minimal h2 {
    margin: 0;
    color: #073a58 !important;
    font-family: 'Poppins', sans-serif;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1.08;
    font-weight: 700;
    letter-spacing: -1.4px;
}

#news.mw-news-minimal p {
    margin: 10px 0 0;
    color: #668094 !important;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    line-height: 1.5;
}

#news.mw-news-minimal .mw-news-minimal__link {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    gap: 22px;
    padding: 13px 0;
    color: #073a58 !important;
    border-bottom: 1px solid #9fc9da;
    font-family: 'Poppins', sans-serif;
    font-size: 11px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.2px;
    text-decoration: none !important;
    transition: color .2s ease, border-color .2s ease;
}

#news.mw-news-minimal .mw-news-minimal__link b {
    color: #00aef0;
    font-family: Arial, sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1;
}

#news.mw-news-minimal .mw-news-minimal__link:hover {
    color: #00aef0 !important;
    border-color: #00aef0;
}

@media (max-width: 767.98px) {
    #news.mw-news-minimal .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #news.mw-news-minimal .mw-news-minimal__inner {
        min-height: 0;
        display: block;
        padding: 30px 0 27px;
    }

    #news.mw-news-minimal .mw-news-minimal__kicker {
        margin-bottom: 9px;
        font-size: 15px;
        letter-spacing: 1.5px;
    }

    #news.mw-news-minimal h2 {
        font-size: 28px;
        line-height: 1.08;
        letter-spacing: -1px;
    }

    #news.mw-news-minimal p {
        display: none;
    }

    #news.mw-news-minimal .mw-news-minimal__link {
        width: 100%;
        justify-content: space-between;
        margin-top: 20px;
        padding: 12px 0 8px;
        font-size: 10px;
    }
}


/* =========================================================
   MIA PARTNER — WEBSITE DESIGN SYSTEM FINAL
   Keep the existing Swiper; align Partner with MiaWiFi's
   current editorial / data-platform visual language.
   ========================================================= */
#partner {
    min-height: 0 !important;
    padding: 72px 0 78px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 88% 18%, rgba(0, 176, 240, .08), transparent 28%),
        #ffffff !important;
    background-image: none !important;
    border-top: 1px solid #e2edf3;
}

#partner::before { display: none !important; }

#partner .container { position: relative; }

#partner .mia-partner-head {
    max-width: 760px;
    margin: 0 0 38px !important;
    padding: 0 !important;
    text-align: left !important;
}

#partner .mia-partner-kicker {
    margin-bottom: 12px;
    color: #00aef0;
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 1.8px;
}

#partner .partner_heading {
    margin: 0 !important;
    color: #073a58 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: clamp(34px, 3.5vw, 48px) !important;
    line-height: 1.04 !important;
    font-weight: 700 !important;
    letter-spacing: -1.7px !important;
}

#partner .partner_heading span { color: #00aef0; }

#partner .mia-partner-copy {
    max-width: 580px;
    margin: 15px 0 0;
    color: #668094;
    font-family: 'Quicksand', sans-serif;
    font-size: 14px;
    line-height: 1.55;
}

#partner .partner_wrapper {
    overflow: hidden !important;
    padding: 4px 0 10px;
}

#partner .partner_list { align-items: center; }

#partner .partner_item {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

#partner .partner_item .partner_item_image {
    width: 100% !important;
    height: 96px !important;
    margin: 0 !important;
    padding: 18px 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e0ebf1 !important;
    border-radius: 14px !important;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 8px 24px rgba(7, 58, 88, .045);
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}

#partner .partner_item .partner_item_image:hover {
    transform: translateY(-3px);
    border-color: #b9deec !important;
    box-shadow: 0 12px 28px rgba(7, 58, 88, .08);
}

#partner .partner_item .partner_item_image img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 52px !important;
    object-fit: contain !important;
}

@media (max-width: 767.98px) {
    #partner {
        padding: 38px 0 40px !important;
        background: #fff !important;
    }

    #partner .container {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #partner .mia-partner-head {
        margin-bottom: 24px !important;
    }

    #partner .mia-partner-kicker {
        margin-bottom: 9px;
        font-size: 17px;
        letter-spacing: 1.5px;
    }

    #partner .partner_heading {
        font-size: 28px !important;
        line-height: 1.07 !important;
        letter-spacing: -1px !important;
    }

    #partner .mia-partner-copy {
        display: none;
    }

    #partner .partner_wrapper {
        margin-right: -20px;
        padding-right: 20px;
        padding-bottom: 6px;
    }

    #partner .partner_item .partner_item_image {
        height: 76px !important;
        padding: 13px 15px !important;
        border-radius: 12px !important;
        box-shadow: none;
    }

    #partner .partner_item .partner_item_image img {
        max-height: 40px !important;
    }
}


/* Partner mobile — 2 logos per viewport */
@media (max-width: 767.98px) {
    #partner .partner_list {
        align-items: stretch !important;
    }

    #partner .partner_item {
        min-width: 0 !important;
    }

    #partner .partner_item .partner_item_image {
        height: 76px !important;
        padding: 12px 14px !important;
    }

    #partner .partner_item .partner_item_image img {
        max-width: 92% !important;
        max-height: 38px !important;
    }
}