:root {
    --green: #4caf50;
    --blue-dark: #1f7fcf;
    --orange: #f8981d;
    --blue: #2491eb;
    --alert: #bf4800;
    --gray: #6e6e73;
    --red: #fe2c55;
    --black: #000;
    --white: #fff;
    --cl-text: #000000;
    --cl-orange : rgba(255, 130, 30, 1);
    --cl-blue : rgba(28, 110, 178, 1);
    --cl-ddd: #ddd;
    --cl-gray : rgba(0, 0, 0, 0.55);
    --text-head : #101010;
}
body {
    font-family: 'Barlow', sans-serif !important;
}
.body-no-scroll {
    overflow: hidden;
}
body, h1, h2, h3, h4, h5, p:not(.responsive-block-editor-addons-text-content-1), ul, ol, figure, figcaption, blockquote, dl, dd {
    margin: 0;
    color: var(--cl-text);
}
body{
    background: #FAFCFF;
}
a{
    text-decoration: none;
}
table{
    border-collapse: collapse;
}
.wp-block-flexible-table-block-table.is-scroll-on-mobile{
    overflow: auto;
}
html{
    font-size: 16px;
}
body,h1, h2, h3, h4, h5, p, ul, ol, li,a,
button,
input,
select,
optgroup,
textarea{
    font-family: "Barlow" , sans-serif;
}
input:focus{
    outline: 0;
}
.navbar-toggler:focus{
    outline: 0;
    box-shadow: none;
}
.gap-1{
    gap: 8px !important;
}
.gap-2{
    gap: 16px !important;
}
.gap-3{
    gap: 24px !important;
}
.gap-4{
    gap: 32px;
}
.gap-5{
    gap: 40px;
}
.gap-6{
    gap: 48px;
}
.slick-dots{
    bottom: -26px;
}
.slick-dots li{
    width: 6px;
    height: 6px;
    border-radius: 8px;
    background: #D9D9D9;
    margin: 0;
}
.slick-dots li button{
    width: 6px;
    height: 6px;
    padding: 0;
}
.slick-dots li.slick-active{
    width: 32px;
    background: #51A4E9;
}
.slick-dots li.slick-active button{
    width: 32px;
}
.slick-dots li + li{
    margin-left: 8px;
}
.slick-dots li button:before{
    display: none;
}
.header .container-fluid{
    max-width: 1488px;
    padding-left: 0rem;
    padding-right: 0rem;
}
.header{
    background: #fff;
    box-shadow: 0 0 8px 3px rgba(0, 0, 0, 0.1);
}
.sticky.header {
    position: sticky;
    z-index: 1000;
    top: 0;
}
.admin-bar .sticky.header {
    top: 32px;
}
.header__container{
    width: 100%;
    justify-content: space-between;
    align-items: center;
}
.header__first{
    width: 100%;
}
.box-logo{
    display: flex;
    gap: 0px;
    align-items: start;
}
.box-logo a:first-child{
    padding-top: 5px;
}
.link-blog{
    padding: 0 4px;
    font-weight: 700;
    font-size: 18px;
    line-height: 25px;
    color: #248FE9;
}
.link-blog:hover{
    color: #248FE9;
}
.navbar{
    padding: 20px 0;
}
.nav-item{
    position: relative;
}
.nav-item .navbar-nav{
    min-width: 276px;
    opacity: 0;
    visibility: hidden;
    width: auto;
    position: absolute;
    top: 100%;
    left: 0;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding: 6px;
    background: #fff;
    margin-left: 0;
    border-radius: 5px;
    box-shadow: 0px 6px 12px -3px rgba(89, 96, 99, 0.08);
}
.nav-item:hover .navbar-nav{
    opacity: 1;
    visibility: visible;
}
.navbar-nav .nav-item .nav-link{
    padding: 12px 16px;
    border-radius: 8px;
    box-shadow: none;
    text-transform: capitalize;
    color: var(--text-head);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
    vertical-align: middle;
}
.navbar-nav .nav-item .nav-link.active{
    color: rgb(36, 145, 235);
}
.navbar-nav .nav-item .nav-link.active svg path{
    fill: rgb(36, 145, 235);
}
.navbar-nav .nav-item .nav-link:hover{
    background-color: rgba(36, 143, 233, 0.04);
    color: rgb(36, 145, 235);
}
.navbar-nav .nav-item .nav-link svg{
    vertical-align: middle;
    width: 24px;
    height: 24px;
    margin-left: 8px;
}
.btn{
    outline: 0;
    border: 0;
}
.btn:hover{
    color: #fff;
    background: #248FE9;
}
.blog .btn:focus{
    color: #fff;
    background: #248FE9;
    box-shadow: none;
}
.btn_apply{
    border-radius: 10px;
    padding: 9px 20px;
    font-size: 15px;
    font-weight: 500;;
}
.primarySection{
    padding: 48px 0;
}
.primarySection h1{
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
}
.primarySection .head-text{
    font-size: 20px;
    line-height: 28px;
}
.form-search{
    max-width: 564px;
    width: 100%;
    margin: 0 auto;
}
.form-search input::placeholder{
    color: #ABB1B6;
}
.form-search input{
    border-radius: 12px;
    border: 1px solid #D2D7DA;
    padding: 12px 14px;
    font-size: 16px;
    color: #ABB1B6;
}
.box-search{
    gap: 8px;
}
.btn_search{
    padding: 12px 16px;
    border-radius: 16px;
    background: #DFF0FF;
}
.btn_search:hover svg path{
    fill: #fff;
}
.primary-banner{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%), url("./images/bg_primary.png") lightgray 0px -113.818px / 100% 140.762% no-repeat;
    height: 372px;
    width: 100%;
    align-items: end;
    padding: 0 25px 0 48px;
    justify-content: space-between;
    border-radius: 16px;
    margin-top: 72px;
    background-size: cover;
    background-position: center;
}
.btn-more{
    border-radius: 16px;
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    background: #248FE9;
    font-weight: 600;
}
.btn-more:hover{
    color: #fff;
}
.banner-left{
    max-width: 464px;
    color: var(--white);
    padding-bottom: 40px;
    flex: 1;
}
.banner-right{
    flex: 1;
    text-align: right;
}
.banner-left h4{
    color: var(--white);
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}
.banner-right img{
    width: 516px;
}
.post_info{
    align-items: center;
    font-size: 14px;
    line-height: 22px;
    flex-wrap: wrap;
    gap: 6px 16px !important;
}
.post_category{
    font-size: 14px;
    color: #51A4E9;
    font-weight: 600;
    line-height: 22px;
}
.post-excerpt{
    font-size: 16px;
    line-height: 24px;
}
.banner-left .post-excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.primary-articles{
    margin-top: 72px;
}
.article_info{
    margin-top: 24px;
}
.article_info .post_category{
    color: #248FE9;
}
.article_info .post-date{
    color: rgba(0, 0, 0, 0.55);
}
.article_info h4{
    margin-top: 8px;
    color: var(--text-head);
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}
.article_info .post-excerpt{
    margin-top: 8px;
    color: #353535;
}
.list-articles > .row{
    margin-right: -24px;
    margin-left: -24px;
}
.list-articles > .row > *{
    padding-left: 24px;
    padding-right: 24px;
}
.articles-pagination{
    margin-top: 48px;
}
.articles-pagination > .d-flex{
    flex-wrap: wrap;
    gap: 16px;
}
.btn.btn-load-article{
    border-radius: 16px;
    border: 2px solid #7D7D7D;
    font-weight: 600;
    width: 466px;
    padding: 12px 16px;
}
.articles-pagination .pages{
    padding: 0 6px;
    gap: 6px;
    margin: 0;
    list-style: none;
    flex-wrap: wrap;
    align-items: baseline;
}
.articles-pagination .pages li{
    width: 40px;
    text-align: center;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.23);
}
.articles-pagination .pages li.dot{
    border: 0;
}
.articles-pagination .pages li a{
    color: rgba(0, 0, 0, 0.95);
    padding: 10px 0;
    font-size: 14px;
    line-height: 20px;
    display: block;
}
.articles-pagination .pages li a:hover{
    background: #248FE9;
    border: 1px solid #248FE9;
    color: var(--white);
}
.articles-pagination .pages li.active{
    background: #248FE9;
    border: 1px solid #248FE9;
}
.articles-pagination .pages li.active a{
    color: var(--white);
}
.trendingPost{
    padding: 48px 0 42px;
}
.trending{
    gap: 72px;
    flex-wrap: wrap;
}
.trending-articles{
    width: calc(100% - 72px - 368px);
}
.trending-sidebar{
    width: 368px;
}
.article-wrap .trending-sidebar{
    padding-top: 24px;
}
.article-horizon .article_thumbnail{
    width: 270px;
    border-radius: 12px;
}
.article .article_thumbnail img{
    border-radius: 16px;
    aspect-ratio: 1.5;
    object-fit: cover;
}
.article-horizon .article_info{
    margin-top: 0;
    width: calc(100% - 294px);
}
.article-horizon .post-excerpt{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 400px;
}
.sidebar-box{
    padding: 40px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 6px 12px -3px rgba(89, 96, 99, 0.08);
}
.sidebar-promotion img{
    border-radius: 16px;
}
.sidebar-heading{
    color: #4F5254;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: uppercase;
}
.sidebar-box h4{
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--text-head);
}
.sidebar-box p{
    color: #353535;
    font-size: 14px;
    line-height: 22px;
}
.btn-learn{
    padding: 6px 12px;
    border-radius: 8px;
    background: #248FE9;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
}
.btn-learn:focus{
    color: #fff;
    background: #248FE9;
    outline: 0;
}
.tech-sidebar{
    padding: 40px;
    border-radius: 16px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.24) 0%, rgba(0, 0, 0, 0.24) 100%), url(./images/bg_tech.png) lightgray 50% / cover no-repeat;
    position: relative;
    color: #fff;
}
.tech-sidebar:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(15, 76, 128, 0.76);
    top: 0;
    left: 0;
    border-radius: 16px;
}
.tech-sidebar > *{
    position: inherit;
}
.tech-sidebar h4{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    color: #fff;
}
.tech-sidebar p{
    color: #fff;
}
#tech-tips .slick-list {
    margin-right: -20px;
}
#tech-tips .swiper-pagination {
    text-align: center;
}
.sidebar-tech-tips .swiper-button-next, .sidebar-tech-tips .swiper-button-prev{
    display: none;
}
/*.tech-sidebar.slick-slide{*/
/*    margin: 0 10px;*/
/*}*/
.swiper{
    width: 100%;
}
#tech-tips .swiper-pagination{
    position: unset;
    margin-top: 16px;
}
#trend-articles .swiper-pagination{
    position: unset;
    margin-top: 16px;
    text-align: left;
}
.popular-articles{
    /*margin-top: 54px;*/
}
.popular-articles .swiper-pagination {
    position: unset;
    margin-top: 16px;
    text-align: left;
}
.tech-sidebar.swiper-slide{
    width: 100%;
}
.swiper-pagination-bullet{
    width: 6px;
    height: 6px;
    border-radius: 8px;
    background: #D9D9D9;
    opacity: 1;
}
.swiper-pagination-bullet-active{
    width: 32px;
    height: 6px;
    background: #51A4E9;
}
.sidebar-faq h4{
    color: #185F9C;
}
.sidebar-faq h4 a{
    color: #185F9C;
}
.sidebar-faq h4 svg{
    width: 20px;
    height: 20px;
    margin-left: 6px;
}
.sidebar-last_post h4{
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.1px;
}
.mail{
    padding: 48px 0;
}
.mailBox{
    border-radius: 24px;
    background: #D9E9F5;
    padding: 42px;
    text-align: center;
}
.mail__heading{
    color: #191919;
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
}
.mail__text{
    color: rgba(0, 0, 0, 0.70);
    font-size: 20px;
    line-height: 1.4;
}
.form-subscribe{
    margin-top: 40px;
}
.box__input{
    max-width: 542px;
    width: 100%;
}
.mail__input{
    width: 100%;
    padding: 11px 16px;
    border-radius: 16px;
    background: #fff;
    display: flex;
    gap: 8px;
    align-items: center;
}
.mail__input svg{
    width: 32px;
    height: 32px;
}
.mail__input input{
    flex: 1;
    line-height: 1.4;
    font-size: 20px;
    border: 0;
    padding: 0;
    color: #ABB1B6;
}
.mail__input input::placeholder{
    color: #ABB1B6;
}
.btn_sub{
    border-radius: 24px;
    padding: 18px 32px;
    background: linear-gradient(81deg, #145593 -26.22%, #248FE9 37.28%, #62C3FE 70.83%, #7FCEFF 86.66%, #7DCDFF 98.57%);
    box-shadow: 3px 20px 34px 3px rgba(36, 143, 233, 0.40);
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    color: #fff;
}
.site-footer{
    background: #175893;
    padding: 72px 0;
}
.footer_img img{
    width: 295px;
}
.list_icons{
    display: flex;
    list-style: none;
    justify-content: start;
    padding-left: 0;
}
.footer__app-title{
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.4;
}
.footer__appList{
    display: flex;
    gap: 24px;
}
.footer-left{
    width: 295px;
}
.footer_menu-title{
    color: #F89921;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
}
.footer_contact{
    width: 202px;
}
.footer-right{
    gap: 48px;
    flex-wrap: wrap;
}
.footer_menu{
    max-width: 138px;
}
.footer_menu-houropen, .footer_menu-houropen p{
    color: #fff;
}
.footer_menu-houropen > div{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
}
.footer_menu-list{
    list-style: none;
    display: flex;
    flex-direction: row;
    gap: 12px;
    flex-wrap: wrap;
    padding-left: 0;
}
.footer_menu-list li{
    width: 100%;
}
.footer_menu-list li a{
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}
footer hr{
    background-color: #fff;
    margin: 32px 0;
}
.bold-text{
    font-weight: 600;
}
.white-text{
    color: #fff;
}
footer .white-text{
    font-size: 14px;
    line-height: 22px;
}
footer .white-text a{
    color: #fff;
}
footer .little-text a{
    color: #fff;
    text-decoration: underline;
}
.name-site{
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
}
.realated_links{
    list-style: none;
    padding-left: 0;
    display: flex;
    gap: 4px;
    flex-wrap: wrap;
    align-items: center;
}
.realated_links li a{
    font-size: 15px;
    font-weight: 500;
    color: #FFF;
}
.realated_links li + li:before{
    content: '|';
    margin-right: 4px;
    color: #fff;
}
.site-footer .little-text{
    color: #fff;
    font-size: 12px;
    line-height: 20px;
}
.navbar-light .navbar-toggler{
    border: 0;
    padding: 0;
}
.navbar-light .navbar-toggler-icon{
    background-image: url('./images/icon_menu.svg');
}
.flex-footer{
    flex-wrap: wrap;
    row-gap: 32px;
}
.container {
    padding-left: 24px;
    padding-right: 24px;
}
.breadcrumbs-nav{
    padding: 16px 0;
}
.breadcrumbs{
    list-style: none;
    display: flex;
    padding-left: 0;
    align-items: center;
}
.article-banner .breadcrumbs{
    justify-content: center;
}
.breadcrumbs .breadcrumb-separator{
    margin: 0 8px;
}
.breadcrumbs .breadcrumb-separator svg{
    vertical-align: sub;
}
.breadcrumbs .breadcrumb-item{
    color: #696969;
    font-size: 16px;
    line-height: 1.5;
}
.breadcrumbs .breadcrumb-item a{
    color: #101010;
}
.archive-heading{
    padding: 48px 0;
}
.categoryBanner__title{
    font-size: 48px;
    font-weight: 600;
    line-height: 54px;
    color: #101010;
}
.search .categoryBanner__title{
    font-size: 30px;
    color: #282727;
    line-height: 36px;
    margin-bottom: 48px;
}
.search .categoryBanner__title span{
    color: #1D72BA;
}
.categoryBanner__wrap p{
    color: #353535;
    font-size: 16px;
}
.archives{
    gap: 12px;
    list-style: none;
    padding-left: 0;
    flex-wrap: wrap;
}
.archives li{
    border-radius: 8px;
    padding: 9px 14px;
    background: #EAECEE;
    font-weight: 500;
    color: #101010;
    font-size: 16px;
}
.categoryList{
    padding: 48px 0 42px;
}
.categoryList .main{
    gap: 72px;
    justify-content: space-between;
    flex-wrap: wrap;
}
.category-articles{
    width: calc(100% - 72px - 368px);
}
.category-articles .row{
    margin-left: -24px;
    margin-right: -24px;
    row-gap: 48px;
}
.category-articles .row>* {
    padding-right: 24px;
    padding-left: 24px;
}
.category-articles .btn.btn-load-article{
    width: 270px;
}
.back_to_top{
    position: fixed;
    bottom: 10px;
    right: 10px;
    cursor: pointer;
    display: none;
    border-radius: 100%;
}
.back_to_top > svg{
    width: 40px;
    height: 40px;
    line-height: 1;
    vertical-align: baseline;
}
.img_nothing img{
    max-width: 368px;
}
.no-results{
    padding: 48px 0;
    display: flex;
    gap: 54px;
    flex-direction: column;
}
.no-results h4{
    font-size: 30px;
    line-height: 1.2;
    font-weight: 600;
    color: #191919;
}
.no-results .page-content p{
    color: #191919;
    font-size: 18px;
    line-height: 26px;
    max-width: 588px;
    text-align: center;
}
.btn-goto{
    padding: 15px 24px;
    color: #fff;
    font-weight: 700;
    line-height: 26px;
    border-radius: 16px;
    background: #248FE9;
}
.breadcrumbs.notshow .bread-crumb-item{
    display: none;
}
.breadcrumbs.notshow .bread-crumb-more{
    display: block;
}
.breadcrumbs.show .bread-crumb-item{
    display: inline-block;
}
.breadcrumbs.show .bread-crumb-more{
    display: none;
}
.column-list-post{
    gap: 36px;
}
.list-posts h4{
    color: #282727;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
}
.popular-articles .row{
    margin-right: -24px;
    margin-left: -24px;
}
.popular-articles > .row>*{
    padding-left: 24px;
    padding-right: 24px;
}
.share_detail{
    position: fixed;
    bottom: 10px;
    left: 10px;
    cursor: pointer;
    display: none;
    z-index: 9;
}
.share_btn{
    background: #FF821E;
    padding: 10px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.share_btn > svg{
    width: 20px;
    height: 20px;
    line-height: 1;
    vertical-align: baseline;
}
.share_btn ul{
    transition: visibility 0s, opacity 0.5s linear;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: calc(100% + 15px);
    left: 0;
    list-style: none;
    padding: 0;
}
.share_btn ul li{
    cursor: pointer;
    margin-bottom: 8px;
}
.share_btn ul li svg{
    width: 40px;
    height: 40px;
}
.share_btn .close_share_icon {
    display: none;
}
.share_btn.open .close_share_icon{
    display: block;
}
.share_btn.open ul{
    visibility: visible;
    opacity: 1;
}
.share_btn.open .share_icon{
    display: none;
}
.notification{
    padding: 6px;
    background: #FBE095;
}
.notification-row{
    min-height: 52px;
    align-items: center;
    gap: 16px;
}
.text-noti{
    color: #020203;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
}
.btn_deal{
    padding: 0;
    color: #C0481E;
    font-size: 18px;
    font-weight: 700;
    height: fit-content;
    border-bottom: 3px solid #F05A25;
    border-radius: 0;
}
.btn_deal:hover{
    background: transparent;
    color: #C0481E;
}
.article-banner{
    padding: 48px 0;
}
.article-banner h1{
    color: #191919;
    font-weight: 600;
    font-size: 48px;
    line-height: 54px;
    text-align: center;
    max-width: 956px;
}
.article-banner .post_category{
    color: #248FE9;
    font-size: 16px;
}
.article-banner .post-date{
    color: rgba(0, 0, 0, 0.55);
    font-size: 16px;
}
.post_read{
    color: #353535;
    display: flex;
    align-items: center;
    gap: 6px;
}
.author-article{
    font-size: 16px;
}
.socials{
    list-style: none;
    align-items: center;
    gap: 16px;
    padding-left: 0;
}
.socials li{
    color: #8A8A8A;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}
.single .article{
    width: calc(100% - 96px - 368px);
}
.col-article{
    gap: 96px;
    flex-wrap: wrap;
}
.in-this-article{
    max-width: 266px;
}
.in-this-article{
    padding: 24px 0;
}
.in-this-article.sticky{
    position: sticky;
    top: 90px;
    height: 100%;
}
.admin-bar .in-this-article.sticky{
    top: 122px;
}
.post-heading{
    margin-top: 24px;
}
.in-this-heading{
    color: #282727;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}
.post-heading a{
    color: inherit;
}
.heading-h2{
    font-weight: 600;
    font-size: 16px;
    line-height: 1.5;
    color: #353535;
    margin-top: 20px;
}
.heading-h2:first-child{
    margin-top: 0;
}
.heading-h3{
    font-weight: 500;
    color: #696969;
    margin-left: 12px;
    margin-top: 16px;
}
.heading-h3 + .heading-h4{
    margin-top: 10px;
}
.heading-h4{
    color: #696969;
    margin-left: 40px;
    list-style-type: disc;
    display: list-item;
}
.heading-h2 + .heading-h2{
    margin-top: 20px;
}
.post-heading ol{
    padding-left: 16px;
    margin: 0;
    margin-top: 16px;
    margin-left: 16px;
}
.post-heading ol > li{
    color: #101010;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}
.heading-h2 ol > li + li{
    margin-top: 12px;
}
.post-heading ul{
    padding-left: 12px;
    margin: 0;
    margin-top: 10px;
    list-style: none;
}
.post-heading ul > li{
    color: #696969;
    font-size: 16px;
    line-height: 1.5;
}
.post-heading ul > li + li{
    margin-top: 10px;
}
.content-article{
    width: calc(100% - 40px - 266px);
}
.content-article{
    padding-top: 24px;
}
.content-article p{
    font-size: 20px;
    margin-top: 32px;
    color: #353535;
}
.wp-caption {
    margin-top: 24px;
}
.wp-block-table {
    margin-top: 24px;
}
.wp-block-embed{
    margin-top: 24px;
}
.content-article > ul{
    margin-top: 12px;
}
.content-article ul li{
    font-size: 20px;
    line-height: 28px;
    color: #353535;
}
.content-article ul ul{
    margin-top: 12px;
}
.content-article ul li + li{
    margin-top: 12px;
}
.content-article ul li::marker{
    font-size: 16px;
}
.content-article > .wp-block-image{
    margin-top: 32px;
}
.content-article *:first-child {
    margin-top: 0;
}
.content-article h2{
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    color: rgba(0, 0, 0, 0.95);
    margin-top: 24px;
}
.content-article h2 .has-inline-color{
    font-weight: 700;
    text-transform: uppercase;
}
.content-article h3{
    font-weight: 600;
    font-size: 24px;
    line-height: 30px;
    margin-top: 24px;
}
.content-article h4, .content-article h5, .content-article h6{
    margin-top: 24px;
}
.content-article > .wp-block-group{
    margin-top: 64px;
}
.nutshell{
    margin-top: 32px;
    border-radius: 8px;
    padding: 24px;
    border: 1px solid #C9CFD3;
}
.nutshell h2{
    font-size: 36px;
    font-weight: 600;
    line-height: 42px;
    color: rgba(0, 0, 0, 0.95);
}
.nutshell p, .nutshell ul li{
    margin-top: 24px;
    font-size: 18px;
    line-height: 26px;
}
.nutshell ul li + li{
    margin-top: 12px;
}
.nutshell p strong{
    font-size: 20px;
    font-weight: 600;
}
.table-normal table tr th{
    font-weight: 500;
    font-size: 16px;
}
.table-normal table tr td{
    font-size: 16px;
}
.wp-block-buttons{
    margin-top: 24px;
}
.box-light{
    margin-top: 24px;
    padding: 0 32px;
}
.box-light .wp-block-buttons{
    margin-top: 0;
}
.box-light > .wp-block-group{
    padding: 24px 0;
    width: calc(100% - 64px - 224px);
}
.box-light .box-heading{
    color: #248FE9;
    font-weight: 600;
    font-size: 36px;
    line-height: 42px;
}
.box-orange .box-heading{
    color: #E38B1B;
}
.box-light .box-text{
    margin-top: 12px;
    font-size: 14px;
    line-height: 22px;
}
.box-light .wp-block-buttons{
    margin-top: 12px;
}
.box-light .wp-block-buttons .wp-block-button__link{
    padding: 12px 16px;
    border-radius: 16px;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    box-shadow: 1px 6px 20px 2px rgba(36, 143, 233, 0.24);
    background: linear-gradient(81deg, #145593 -26.22%, #248FE9 37.28%, #62C3FE 70.83%, #7FCEFF 86.66%, #7DCDFF 98.57%);
}
.box-orange .wp-block-buttons .wp-block-button__link{
    background: linear-gradient(90deg, #FF6F00 -6.37%, #FF8F00 4.67%, #FFA000 89.07%, #F89921 107.11%);
    box-shadow: 0px 20px 34px 3px rgba(248, 152, 29, 0.20), 0px 15px 22px 2px rgba(248, 152, 29, 0.14), 0px 8px 9px -5px rgba(248, 152, 29, 0.20);
}
.box-surface{
    margin-top: 32px;
    border-radius: 16px;
    border: 1px solid #80B9E9;
    background: #F6FBFF;
    padding: 24px 32px;
}
.box-surface p.box-heading{
    color: #101010;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
}
.box-surface p{
    margin-top: 16px;
    font-size: 16px;
}
.box-surface p mark{
    font-weight: 500;
}
.plan p{
    margin-top: 24px;
}
.plan-detail{
    border-radius: 12px;
    background: #DFF0FF;
    margin-top: 0;
}
.plan-detail.plan-active{
    background:  #248FE9;
    padding: 6px 4px;
}
.plan-detail .card-title{
    border-radius: 12px 12px 0 0;
    padding: 8px 12px;
    margin-bottom: 0;
}
.plan-detail.plan-active .card-title{
    padding: 8px;
}
.plan-detail .card-title > .d-flex{
    align-items: center;
}
.plan-detail .card-title img{
    width: 16px;
    height: 16px;
}
.plan-detail.plan-active .card-title img{
    filter: brightness(0) invert(1);
}
.plan-detail .card-title span{
    font-weight: 500;
    font-size: 12px;
    color: #101010;
    line-height: 20px;
}
.plan-detail.plan-active .card-title span{
    color: #fff;
}
.plan-detail .card-content{
    padding: 16px 24px;
    background: #fff;
    border: 1px solid #D9E8F5;
    border-radius: 12px;
    margin-top: 0;
}
.plan-detail.plan-active .card-content{
    background: #F0F8FF;
    margin: 4px 0;
}
.plan-detail .card-content .card-text .data{
    font-size: 14px;
}
.plan-detail.plan-active .card-content .card-text .data{
    color: #145082;
}
.plan-detail .card-content .card-text p{
    margin-top: 0;
}
.plan-detail .card-content .plan-data{
    color: #101010;
    font-size: 30px;
    font-weight: 700;
    line-height: 36px;
}
.plan-detail.plan-active .card-content .plan-data{
    color: #145082;
}
.plan-data-row{
    margin-top: 12px;
}
.plan-data-row p{
    color: #353535;
    font-size: 14px;
    line-height: 22px;
}
.plan-detail .card-content .card-text .plan-price{
    font-size: 14px;
    margin-top: 12px;
}
.plan-price b{
    color: #101010;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}
.plan-active .plan-price b{
    color: #145082;
}
.plan > .is-layout-flex{
    gap: 24px;
}
.btn_orange a{
    padding: 15px 24px;
    border-radius: 16px;
    color: #fff;
    background: #F89921;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th, .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr td{
    border-color: rgba(36, 143, 233, 0.50);
    padding: 16px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.95);
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table>table tr th{
    font-weight: 500;
}
.row-light{
    background: #ECF4FA !important;
}
.wp-block-list{
    margin-top: 16px;
}
.related-post{
    margin-top: 64px;
    border-top: 1px solid #EEEEEE;
    padding-top: 24px;
}
.column-related{
    gap: 24px;
}
.column-related .box-post{
    width: calc(50% - 12px);
    border-radius: 16px;
    box-shadow: 0px 3px 6px 2px rgba(152, 162, 179, 0.08), 0px 2px 6px -3px rgba(152, 162, 179, 0.12);
    padding: 24px;
    background: #fff;
}
.box-next .box-post-head{
    flex-direction: row-reverse;
}
.box-post-head{
    display: flex;
    gap: 10px;
    align-items: center;
}
.box-post-head svg{
    width: 24px;
    height: 24px;
}
.box-post-head .box-post-title{
    flex: 1;
    text-align: center;
    font-size: 16px;
    color: #282727;
    line-height: 1.5;
}
.post-name{
    font-weight: 600;
    line-height: 26px;
    font-size: 18px;
    color: #101010;
    text-align: center;
}
.comments-area{
    margin-top: 64px;
}
.comments-list .comments-title{
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
    color: #353535;
    border-bottom: 1px solid #858A8E;
    display: inline-block;
    width: fit-content;
}
.section_comments{
    padding: 24px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 3px 6px 2px rgba(152, 162, 179, 0.08), 0px 2px 6px -3px rgba(152, 162, 179, 0.12);
}
.author_comment{
    font-size: 18px;
    color: #101010;
    font-weight: 600;
    line-height: 26px;
}
.comment_date{
    color: #4B4A4A;
    font-size: 14px;
    line-height: 22px;
}
.single .content_comment p{
    margin-top: 0;
    font-size: 16px;
    line-height: 24px;
    color: #282727;
}
.div-comment{
    gap: 6px;
}
.comment-reply-link{
    padding: 6px 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #248FE9;
}
.comment-reply-link:hover{
    color: #248FE9;
    background: #fff;
}
.section_comments .comment{
    margin-bottom: 16px;
}
.section_comments .comment + .comment{
    margin-bottom: 16px;
    padding-top: 16px;
    border-top: 1px solid #E0E3E6;
}
.section_comments .parent > .depth-2{
    margin-left: 16px;
}
.section_comments .parent > .depth-3{
    margin-left: 32px;
}
.section_comments .parent > .depth-4{
    margin-left: 32px;
}
.section_comments .comment:last-child{
    margin-bottom: 0;
}
.section_comments .comment-form p{
    margin: 0;
}
.comments-area > .comment-respond{
    margin-top: 24px;
    border-radius: 16px;
    padding: 32px;
    background: #FFF;
    box-shadow: 0px 6px 12px -3px rgba(89, 96, 99, 0.08);
}
.reply-head{
    gap: 12px;
    text-align: center;
}
.reply-head h4{
    color: #1F2937;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.25;
}
.notice-reply{
    color: #4B5563;
    font-size: 14px;
    line-height: 22px;
}
.comment-form-author{
    flex: 1;
}
.content-article .comment-form p.comment-form-author{
    margin-top: 0;
}
.comment-form input,.comment-form textarea{
    width: 100%;
    border-radius: 8px;
    border: 1px solid #D2D7DA;
    font-size: 14px;
    line-height: 22px;
    padding: 8px 12px;
}
.comment-form input:focus,.comment-form textarea:focus{
    outline: none;
}
.comment-form-author input::placeholder{
    color: #ABB1B6;
}
.comment-form-comment label{
    color: rgba(0, 0, 0, 0.88);
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 8px;
}
.comment-form .form-submit{
    text-align: center;
    display: flex;
    gap: 16px;
}
.comment-form .form-submit .submit{
    background: #248FE9;
    border-radius: 16px;
    padding: 12px 16px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    border: 1px solid #248FE9;
    flex: 1;
}
.reply_author{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
    margin-left: 16px;
    color: #B0B0B0;
    font-size: 14px;
    line-height: 22px;
}
.reply_content{
    color: #696969;
}
.single .list-posts{
    margin-top: 64px;
}
.single .list-posts .article{
    width: auto;
}
.single .list-posts .popular-articles{
    margin-top: 0;
}
.single .list-posts .article_info h4{
    font-size: 24px;
}
.single .popular-articles .row{
    margin-right: -12px;
    margin-left: -12px;
}
.single .popular-articles > .row>* {
    padding-left: 12px;
    padding-right: 12px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table thead tr th{
    font-size: 24px;
    line-height: 30px;
    padding: 6px 16px;
}
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table tr th,
.wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table tr td{
    padding: 6px 16px;
    font-size: 16px;
}
.phone-item{
    border-radius: 12px;
    padding-bottom: 16px;
    border: 1px solid rgba(189, 221, 248, 0.50);
    background: #FFF;
}
.extensions{
    display: flex;
    padding: 8px 8px 0;
    gap: 12px;
    flex-wrap: wrap;
    min-height: 36px;
}
.extension{
    border-radius: 4px;
    padding: 4px 8px;
}
.extension p{
    color: inherit;
    font-size: 12px;
    font-weight: 600;
    line-height: 20px;
}
.single .phone-item p{
    margin: 0;
}
.phone-image{
    padding: 16px 0 24px;
    text-align: center;
}
.phone-image img{
    width: 143px;
    height: 183px;
    object-fit: contain;
}
.phone-detail{
    padding: 8px 24px;
    gap: 12px;
}
.phone-brand{
    color: #696969;
    font-size: 12px;
    line-height: 20px;
}
.phone-detail-text{
    gap: 4px;
}
.phone-name{
    color: #191919;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
}
.phone-certified{
    padding: 0 4px;
    background: #DF3311;
    border-radius: 4px;
    color: #fff;
}
.phone-desc{
    color: #636468;
    font-size: 12px;
    line-height: 20px;
}
.phone-prices{
    vertical-align: baseline;
    display: flex;
    align-items: baseline;
    gap: 6px;
}
.phone-prices .price{
    color: #191919;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
}
.phone-prices .retail-price{
    color: #667085;
    font-size: 12px;
    line-height: 22px;
}
.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* nền tối mờ */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}
.loader {
    border: 6px solid #f3f3f3;
    border-top: 6px solid #3498db; /* màu xanh */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 1s linear infinite;
    margin: 50px auto; /* căn giữa */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@media (min-width: 576px) {
    .container {
        max-width: 100%;
    }
}
.best-seller{
    padding: 4px 24px;
}
.best-seller p{
    padding: 0 24px;
    border-radius: 4px;
    background: #FCEBE7;
    color: #B2290E;
    font-size: 10px;
    text-align: center;
    font-weight: 600;
    line-height: 18px;
}
.select-phone{
    padding: 8px 24px 0;
    text-align: center;
}
.btn-select{
    padding: 9px 14px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    color: #fff;
    background: #F89921;
    width: 100%;
}
.btn-select:hover{
    background: #F89921;
}
.swiper-pagination{
    position: unset;
    margin-top: 16px;
    text-align: left;
}
.plan .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
    background: #DFF0FF;
}
.plan .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #248FE9;
}
.plan .swiper-pagination-bullet + .swiper-pagination-bullet{
    margin-left: 12px !important;
}
.btn-cancel{
    padding: 9px 14px;
    background: #fff;
    border: 1px solid #248FE9;
    color: #248FE9;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    border-radius: 12px;
}
.form-subscribe .error{
    margin-top: 8px;
    color: red;
    text-align: left;
}
.no-article .blank-image{
    width: 353px;
}
.blank-text h4{
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;
}
.blank-text p{
    color: #020203;
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}
.blank-text p a{
    color: #1D72BA;
    text-decoration: underline;
}
.comment-navigation .nav-links{
    display: flex;
}
.comment-navigation .nav-links a{
    border: 1px solid #7D7D7D;
    font-size: 14px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.87);
    line-height: 22px;
    padding: 6px 12px;
    display: inline-block;
    min-width: 90px;
    text-align: center;
}
.comment-navigation .nav-links .nav-previous a{
    border-radius: 4px 0 0 4px;
}
.comment-navigation .nav-links .nav-next a{
    border-radius: 0 4px 4px 0;
}
.comment-navigation .nav-links .nav-previous + .nav-next a{
    border-left: 0;
}
.comment-navigation .nav-links a svg{
    vertical-align: bottom;
}
.form-submit .btn-cancel{
    display: none;
}
.item_comment .form-submit .btn-cancel{
    display: inline-block;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.content-article .article-share ul li{
    color: #8A8A8A;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    margin-top: 0;
}
.content-article .article-share .socials{
    gap: 6px;
    justify-content: center;
}
.content-article .article-share{
	margin-top: 32px;
}
@media (min-width: 768px) {
    .container {
        max-width: 100%;
    }
}
@media (min-width: 1200px) {
    .container{
        max-width: 1200px;
    }
    .article-wrap .container{
        max-width: 100%;
    }
}
@media (min-width: 1500px) {
    .article-wrap .container{
        max-width: 1488px;
        padding: 0;
    }
}
@media (max-width: 1199px) {
    .col-article {
        gap: 48px;
    }
    .single .article {
        width: calc(100% - 48px - 368px);
    }
    .col-article .article > .d-flex{
        gap: 24px !important;
    }
    .in-this-article{
        max-width: none;
        flex: 1;
    }
    .content-article{
        flex: 1;
        width: 100%;
    }
}
@media (max-width: 991px) {
    .gap-3 {
        gap: 16px !important;
    }
    .gap-6{
        gap: 24px;
    }
    .content-article{
        padding-top: 12px;
    }
    .primary-banner{
        flex-wrap: wrap;
        height: auto;
        margin-top: 42px;
        padding: 20px 24px 0;
    }
    .banner-left{
        width: 100%;
        max-width: 100%;
        flex: none;
    }
    .banner-right{
        flex: none;
        width: 100%;
        text-align: center;
    }
    .header .container-fluid {
        padding: 12px 16px;
    }
    .navbar{
        padding: 0;
    }
    .header{
        padding: 12px 16px;
    }

    .trending{
        flex-wrap: wrap;
        gap: 16px;
    }
    .trending-articles {
        width: calc(100% - 16px - 368px);
    }
    .categoryList .main{
        gap: 16px;
    }
    .category-articles{
        width: calc(100% - 16px - 368px);
    }
    .article-horizon .article_thumbnail{
        width: 160px;
    }
    .article-horizon .article_info{
        margin-top: 0;
        width: calc(100% - 184px);
    }
    .post_info{
        flex-wrap: wrap;
        /*flex-direction: column;*/
        /*align-items: start;*/
        /*gap: 8px !important;*/
    }
    .banner-right img{
        width: 100%;
        max-width: 542px;
    }
    .primary-articles{
        margin-top: 42px;
    }
    .nav-item .navbar-nav{
        margin-top: 0;
        position: unset;
        background: transparent;
        border-radius: 0px;
        display: none;
        box-shadow: none;
        opacity: 1;
        visibility: visible;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 12px 0;
    }
    .navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
        color: #fff;
    }
    .navbar-light .navbar-nav .nav-link.active{
        color: #fff;
    }
    .navbar-collapse{
        position: fixed;
        width: 100vw;
        height: 100%;
        background: #248FE9;
        left: 0;
        top: 0;
        z-index: 99999;
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: start;
    }
    .admin-bar .navbar-collapse{
        top: 0;
        padding: 16px;
    }
    .navbar-nav .nav-item .nav-link svg{
        margin-left: 0;
        width: 24px;
        height: 24px;
    }
    .navbar-nav .nav-item .nav-link.active svg path{
        fill: #fff;
    }
    .navbar-nav .nav-item .nav-link svg path{
        fill: #fff;
    }
    .minus_icon{
        display: none !important;
    }
    .nav-link.show > .minus_icon{
        display: block !important;
    }
    .nav-link.show > .plus_icon{
        display: none !important;
    }
    .close-menu {
        /* position: absolute;
        right: 14px;
        top: 0px; */
        cursor: pointer;
        padding: 8px;
        font-weight: 600;
        color: #fff;
        text-decoration: underline;
    }
    .navbar-nav{
        padding: 24px 12px 0;
        width: 100%;
    }
    .article_info{
        margin-top: 16px;
    }
    .trending-sidebar{
        width: 100%;
    }
    .single .article{
        width: 100%;
    }
    .col-article .article > .d-flex{
        flex-wrap: wrap;
    }
    .in-this-article{
        width: 100%;
        flex: none;
        background: #F0F8FF;
        border-radius: 8px;
        padding: 16px;
    }
    .in-this-heading{
        font-size: 18px;
    }
    .post-heading {
        margin-top: 16px;
    }
    .heading-h2 + .heading-h2{
        margin-top: 8px;
    }
    .box-this-heading{
        align-items: center;
        justify-content: space-between;
        gap: 10px;
    }
    .content-article > .wp-block-group{
        margin-top: 32px;
    }
    /*.admin-bar .sticky.header {*/
    /*    top: 0;*/
    /*}*/
    .nav-item .navbar-nav{
        padding: 0 8px;
    }
    .in-this-article.sticky{
        position: unset;
    }
}
@media (max-width: 768px) {
    .gap-2 {
        gap: 8px !important;
    }
    .banner-left{
        text-align: center;
    }
    .admin-bar .sticky.header{
        top: 0;
    }
    .banner-left .post_info{
        justify-content: center;
    }
    .banner-left > .gap-2{
        gap: 12px !important;
    }
    .container{
        width: 100%;
    }
    .notification{
        padding: 8px 0;
    }
    .notification .container{
        padding: 0 12px;
    }
    .btn.btn-load-article{
        max-width: 100%;
        width: 100%;
        padding: 6px 12px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        border-radius: 8px;
        border: 1px solid #7D7D7D;
    }
    .category-articles .btn.btn-load-article{
        width: 100%;
    }
    .articles-pagination{
        margin-top: 42px;
    }
    .articles-pagination > .d-flex{
        flex-wrap: wrap;
    }
    .trending{
        flex-wrap: wrap;
        gap: 0;
    }
    .mail__input{
        width: 100%;
    }
    .footer-left{
        width: 100%;
    }
    .footer-right{
        flex-wrap: wrap;
    }
    .article-horizon{
        flex-wrap: wrap;
    }
    .article-horizon .article_thumbnail{
        width: 100%;
    }
    .article-horizon .post-excerpt{
        width: 100%;
        max-width: 100%;
    }
    .articles-pagination .pages{
        flex-wrap: wrap;
    }
    .header__menu-mobile{
        margin-right: 8px;
    }
    .admin-bar .navbar-collapse {
        top: 46px;
        padding: 16px;
        height: calc(100% - 46px);
    }
    .list-articles > .row{
        margin-right: -6px;
        margin-left: -6px;
        row-gap: 42px;
    }
    .list-articles > .row > *{
        padding-left: 6px;
        padding-right: 6px;
    }
    .trending-articles {
        width: 100%;
    }
    .category-articles{
        width: 100%;
        padding-bottom: 24px;
    }
    .trending-sidebar{
        width: 100%;
        padding: 24px 0;
    }
    .primarySection h1{
        font-size: 30px;
        line-height: 36px;
    }
    .primarySection .head-text{
        font-size: 16px;
        line-height: 24px;
    }
    .back_to_top{
        display: block;
    }
    .form-search input{
        padding: 8px 12px;
        font-size: 14px;
    }
    .btn_search{
        padding: 9px 14px;
    }
    .btn_search img{
        width: 24px;
        height: 24px;
    }
    .post_category{
        font-size: 14px;
    }
    .article_info .post_category{
        font-size: 12px;
    }
    .post-date{
        font-size: 14px;
    }
    .article_info .post-date{
        font-size: 12px;
    }
    .article_info h4{
        font-size: 18px;
    }
    .post-excerpt{
        font-size: 14px;
        line-height: 22px;
    }
    .articles-pagination .pages{
        gap: 12px;
    }
    .articles-pagination .pages li{
        width: 32px;
    }
    .articles-pagination .pages li a{
        padding: 6px 0;
    }
    .post-read{
        font-size: 14px;
    }
    .banner-left h4{
        font-size: 20px;
        line-height: 28px;
    }
    .btn-more{
        padding: 6px 12px;
        font-size: 14px;
        line-height: 22px;
        font-weight: 500;
        border-radius: 8px;
    }
    .article-horizon .article_info{
        width: 100%;
    }
    .sidebar-box{
        padding: 24px;
    }
    .sidebar-box h4{
        font-size: 16px;
    }
    .sidebar-box p{
        font-size: 12px;
        line-height: 20px;
    }
    .tech-sidebar{
        padding: 24px;
    }
    .trendingPost {
        padding: 0;
    }
    .mail{
        padding: 24px 0;
    }
    .mailBox{
        padding: 24px;
    }
    .mail__heading{
        font-size: 20px;
        line-height: 28px;
    }
    .mail__text{
        font-size: 14px;
    }
    .form-subscribe{
        margin-top: 24px;
    }
    .mail__input{
        padding: 12px 14px;
        max-width: none;
    }
    .mail__input input{
        font-size: 16px;
    }
    .form-subscribe > .d-flex{
        flex-wrap: wrap;
    }
    .mail__button{
        width: 100%;
    }
    .btn_sub{
        width: 100%;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        padding: 12px 16px;
        border-radius: 16px;
    }
    .footer-left{
        text-align: center;
    }
    .list_icons, .footer__appList{
        justify-content: center;
    }
    .footer__appList img{
        width: 168px;
    }
    .footer__app-title{
        font-size: 14px;
    }
    .footer-right{
        gap: 24px;
    }
    .footer_contact{
        width: calc(50% - 12px);
    }
    .footer_menu{
        max-width: 100%;
        width: calc(50% - 12px);
    }
    .footer_menu-houropen > div{
        font-size: 12px;
    }
    .footer_menu-houropen .hour-text{
        font-size: 12px;
    }
    .footer_menu-title{
        font-size: 14px;
    }
    footer .white-text a{
        font-size: 12px;
    }
    .name-site{
        font-size: 12px;
        text-align: center;
    }
    .realated_links li a{
        font-size: 12px;
        text-align: center;
    }
    .site-footer .little-text{
        text-align: center;
    }
    .realated_links{
        justify-content: center;
    }
    footer hr{
        margin: 16px 0;
    }
    .archive-heading{
        padding: 24px 0 0;
    }
    .breadcrumbs-nav{
        padding: 0;
        box-sizing: content-box;
    }
    .categoryBanner{
        margin-top: 32px;
    }
    .categoryBanner__title{
        font-size: 30px;
        line-height: 36px;
        text-align: center;
    }
    .categoryBanner__wrap p{
        text-align: center;
    }
    .categoryList{
        padding: 24px 0 0;
    }
    .category-articles .row{
        row-gap: 42px;
    }
    .categoryList .main {
        gap: 0;
    }
    .breadcrumb-item.bread-crumb-more{
        padding: 0 4px;
        background: #f5f5f5;
        border-radius: 2px;
    }
    .breadcrumbs{
        row-gap: 8px;
    }
    .list-posts h4{
        font-size: 20px;
        line-height: 1.4;
    }
    .no-results h4{
        font-size: 20px;
        line-height: 1.4;
    }
    .no-results .page-content p{
        font-size: 14px;
    }
    .popular-articles{
        margin-top: 0px;
        padding: 0px;
    }
    .share_detail{
        display: block;
    }
    .article-banner h1{
        font-size: 30px;
        line-height: 36px;
    }
    .article-banner {
        padding: 24px 0;
    }
    .breadcrumbs .breadcrumb-item{
        font-size: 12px;
    }
    .breadcrumbs .breadcrumb-item:last-child{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 161px;
    }
    .author-article{
        font-size: 14px;
    }
    .article-banner .info-article{
        justify-content: center;
        flex-wrap: wrap;
    }
    .socials{
        flex-wrap: wrap;
        justify-content: center;
        gap: 10px;
    }
    .socials li:first-child{
        width: 100%;
        text-align: center;
    }
    .article-wrap .container{
        padding-left: 16px;
        padding-right: 16px;
    }
    .content-article p{
        font-size: 14px;
        margin-top: 16px;
    }
    .nutshell h2{
        font-size: 24px;
        line-height: 30px;
    }
    .nutshell p strong{
        font-size: 16px;
    }
    .nutshell p, .nutshell ul li {
        margin-top: 12px;
        font-size: 14px;
        line-height: 22px;
    }
    .content-article h2 {
        font-size: 24px;
        line-height: 30px;
    }
    .table-normal tr th{
        font-size: 14px;
        line-height: 22px;
    }
    .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table thead tr th{
        font-size: 14px;
    }
    .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table tr th,
    .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table.table-normal > table tr td{
        font-size: 14px;
    }
    .box-light .box-heading {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }
    .box-light .box-text{
        text-align: center;
        font-size: 12px;
    }
    .box-light .wp-block-buttons{
        text-align: center;
        justify-content: center;
    }
    .wp-block-group.box-light{
        flex-wrap: wrap;
        justify-content: center;
        gap: 12px;
        padding: 0 16px !important;
    }
    .box-light > .wp-block-group{
        width: 100%;
    }
    .content-article h3{
        font-size: 20px;
        line-height: 28px;
    }
    .content-article ul li{
        font-size: 16px;
    }
    .box-surface p.box-heading{
        font-size: 18px;
    }
    .btn_deal{
        font-size: 14px;
    }
    .text-noti {
        font-size: 13px;
    }
    .notification-row{
        min-height: unset;
        flex-wrap: wrap;
        justify-content: start !important;
        gap: 6px;
    }
    .extensions {
        padding: 4.15px 4.15px 0;
        min-height: 27px;
    }
    .extension {
        border-radius: 8px 0px 0px 8px;
    }
    .single .phone-item p{
        font-size: 10px;
        font-weight: 600;
        line-height: 15px;
    }
    .phone-image {
        padding: 8px 0 12px;
    }
    .phone-detail{
        padding: 8px;
    }
    .phone-brand{
        font-size: 10px;
        line-height: 15px;
    }
    .phone-certified{
        padding: 0 2px;
        border-radius: 2px;
        font-size: 10px;
    }
    .phone-name{
        font-size: 12px;
        font-weight: 500;
        line-height: 20px;
    }
    .phone-desc{
        font-size: 10px;
        line-height: 15px;
    }
    .phone-prices .price{
        font-size: 18px;
        line-height: 24px;
    }
    .phone-prices .retail-price{
        font-size: 10px;
        line-height: 15px;
    }
    .best-seller {
        padding: 2px 12px;
    }
    .select-phone {
        padding: 8px 8px 0;
        text-align: center;
    }
    .btn-select{
        font-size: 12px;
        line-height: 20px;
        padding: 4.67px 7.26px;
        border-radius: 6px;
    }
    .phone-item {
        padding-bottom: 8px;
        border-radius: 6px;
    }
    .plan-detail .card-title {
        padding: 8px;
    }
    .plan-detail .card-title span{
        font-size: 11px;
    }
    .plan-detail.plan-active{
        padding: 4px;
    }
    .plan .swiper{
        gap: 16px;
    }
    .plan-detail.plan-active .card-content{
        margin: 0;
    }
    .plan .swiper-wrapper{
        align-items: end;
    }
    .plan-detail .card-content .card-text .data{
        font-size: 12px;
    }
    .plan-detail.plan-active .card-content{
        padding: 8px 12px;
    }
    .plan-detail .card-content{
        padding: 12px 16px;
    }
    .plan-data-row {
        margin-top: 8px;
    }
    .plan-detail .card-content .plan-data{
        font-size: 20px;
        line-height: 28px;
    }
    .plan-data-row p{
        font-size: 12px;
    }
    .plan-detail .card-content .card-text .plan-price{
        margin-top: 8px;
        font-size: 12px;
    }
    .plan-price b{
        font-size: 16px;
        line-height: 22px;
    }
    .section_comments{
        padding: 12px;
    }
    .comments-area > .comment-respond{
        margin-top: 32px;
    }
    .reply-head h4 {
        font-size: 18px;
    }
    .reply-head{
        gap: 1px;
    }
    .notice-reply {
        font-size: 12px;
        line-height: 20px;
    }
    .item_comment .reply-head{
        display: none !important;
    }
    .comment-form .form-submit{
        display: flex;
        align-items: center;
        gap: 16px;
    }
    .comment-form .form-submit a{
        display: none;
    }
    .item_comment .comment-form .form-submit a{
        display: inline-block;
    }
    .comment-form .form-submit .submit{
        padding: 9px 14px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }
    .single .list-posts{
        margin-top: 16px;
    }
    .col-article {
        gap: 24px;
    }
    .sidebar-tech-tips .swiper-container-wrapper{
        position: relative;
    }
    .sidebar-tech-tips .swiper-button-next, .sidebar-tech-tips .swiper-button-prev{
        display: flex;
        width: auto;
        height: auto;
        padding: 6px;
        border-radius: 8px;
        background: #fff;
    }
    .sidebar-tech-tips .swiper-button-next svg, .sidebar-tech-tips .swiper-button-prev svg{
        width: 24px;
        height: 24px;
    }
    .sidebar-tech-tips .swiper-button-prev:after,  .sidebar-tech-tips .swiper-button-next:after{
        content: '';
    }
    .sidebar-tech-tips .swiper-button-prev{
        left: 0;
        top: 50%;
        transform: translateX(-50%) translateY(-50%);
    }
    .sidebar-tech-tips .swiper-button-next{
        right: 0;
        top: 50%;
        transform: translateX(50%) translateY(-50%);
    }
    .site-footer{
        padding: 40px 0;
    }
    .site-footer .container {
        padding-left: 16px;
        padding-right: 16px;
    }
    .footer_img img{
        width: 178px;
    }
    .footer_socials .list_icons li img{
        width: 24px;
    }
    .search .categoryBanner__title{
        font-size: 20px;
        color: #282727;
        line-height: 28px;
        margin-bottom: 24px;
    }
    .blank-text h4{
        font-size: 18px;
        line-height: 26px;
    }
    .blank-text p{
        color: #020203;
        font-size: 13px;
        line-height: 19px;
        text-align: center;
    }
    .btn_apply{
        padding: 6px 12px;
    }
    .content-article > .wp-block-image{
        margin-top: 24px;
    }
    .column-related{
        flex-wrap: wrap;
    }
    .column-related .box-post{
        width: 100%;
    }
    .box-light > .wp-block-group {
        padding: 24px 0 0;
    }
    .item_comment .form-submit .btn-cancel{
        padding: 8px 14px;
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
    }
    .comment-navigation .nav-links a{
        padding: 6px;
        font-size: 14px;
        font-weight: 500;
    }
    .box-next .box-post-head .box-post-title{
        text-align: right;
    }
    .box-prev .box-post-head .box-post-title{
        text-align: left;
    }
}
@media (max-width: 768px) {
    .load-article{
        width: 100%;
    }
    .articles-pagination > .d-flex{
        gap: 24px;
    }
    .articles-pagination .pages{
        width: 100%;
        justify-content: center;
    }
}
@media (max-width: 575px) {
    .img_nothing img{
        max-width: 238px;
    }
}