/*
Theme Name: Flatsome child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
:root{
--main-col:#00aeef;
--secon-color:#144186;
--thir-color:#39688e;
--liner-col:linear-gradient(to right, #00aeef 0%,#144186 100%);
--liner-2-col:linear-gradient(to right, #ffd246 0%,#ffbe47 100%);
}
/*************** ADD CUSTOM CSS HERE.   ***************/
li.html {
    padding-right: 10px;
}

.scrollbar, .box-scroll {
    height: 600px;
    overflow-y: scroll;
    border-top: 15px solid #fff;
    border-bottom: 15px solid #fff;
    margin-bottom: 25px;
    border-radius: 0 10px 10px 0;
}
.st_margin-gt {
    margin-top: -140px;
}
.table-lt-custom, .table-responsive {
    overflow: auto;
}
.continue-shopping a.button.primary {
    margin: 0 10px;
    background: white !important;
    box-shadow: none;
    border-radius: unset;
    animation: 1s pulse infinite;
    margin-right: 40px;
    border: 1px solid;
}
.coupon button.button,.woocommerce-cart-form button.button.primary,.wc-proceed-to-checkout a.checkout-button,#payment button#place_order{
    color: white !important;
    border-radius: 6px !important;
}
p#billing_first_name_field,p#billing_address_1_field {
    width: 100%;
}
/*Scrollbar*/
.scrollbar::-webkit-scrollbar, .box-scroll::-webkit-scrollbar {
    width: 10px;
}
.scrollbar::-webkit-scrollbar-thumb, .box-scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: var(--main-col);
}
.scrollbar::-webkit-scrollbar-track, .box-scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0/30%);
    border-radius: 10px;
    background-color: #f5f5f5;
}

a.button.primary {
    margin: 0;
    background: linear-gradient(to right, #00aeef 0%,#144186 100%) !important;
    box-shadow: 0px 15px 20px -17px #000;
    border-radius: 99px !important;
    animation: 1s pulse infinite;
/*    margin-right: 40px;*/
    border:0; 
}
/*Header*/
/*Top bar menu*/
.html span {
    font-size: 14px;
    color: white;
}
.icon_hotline {
    display: inline-block;
    width: 19px;
    height: 21px;
    background: url(/wp-content/uploads/2023/08/hotline-w_1.webp);
        background-size: contain;
}
.icon_user {
    width: 18px;
    height: 21px;
    background: url(/wp-content/uploads/2023/08/user-w.webp) no-repeat center;
    background-size: contain;
}
.header-nav .menu-item a {
    color: #333;
    font-size: 15px;
    text-transform: uppercase;
}
.header-nav .menu-item a:hover {
    color: var(--main-col);
}
.row-menu .pd-row-4 {
    padding: 40px 20px 20px !important;
}
.row-menu .pd-row-1{
    padding: 40px 30px !important;
}
.row-menu .pd-row-2 {
    padding: 30px 30px 0px !important;
}
.has_l:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 75px;
    background: #E6E6E6;
    right: 0;
    bottom: 50%;
    transform: translateY(50%);
}
.has_l:after {
    height: 60%;
}
.header-nav>li {
    margin: 0 35px !important;
}
#header .menu-item-has-block .nav-dropdown {
    padding: 0 15px !important;
}
.row-menu h3 {
    font-size: 16px;
    color: var(--main-col); !important;
    line-height: 1.4;
    font-weight: 600;
}
.row-menu .icon-box .icon-box-text p {
    font-size: 14px;
}
.row-menu .row-menu-last {
    background: #f2f2f2;
}
/*Menu 3 cấp*/
/* Css Menu 3 level */
#wide-nav a.nav-top-link {
    color: white;
}
.nav-dropdown>li.nav-dropdown-col{display:block}
.nav-dropdown{border:1px solid #ddd; padding:0}
.nav-dropdown .menu-item>a, .nav-dropdown li.menu-item a {
    font-weight: 700 !important;
    text-transform: none !important;
    font-size: 14px;
}
.nav-dropdown .nav-dropdown-col>ul li:hover{background:#e8f2ea}
.nav-dropdown-default>li:hover>a, .nav-dropdown .nav-dropdown-col>ul li:hover>a,.nav-dropdown li.active>a{color:var(--main-col);}
.nav-dropdown-default>li:hover {
    background: #edfaff;
}
.nav-dropdown .menu-item a:before {
    content: "\f101";
    font-family: FontAwesome;
    padding-right: 5px;
    font-size: 8px;
    position: relative;
    top: -2px;
    font-weight: 700;
}
#masthead .nav>li.menu-item {
    margin: 0 10px;
}
.nav-dropdown-has-arrow li.has-dropdown:before,.nav-dropdown-has-arrow li.has-dropdown:after{border-width: 10px;
    margin-left: -10px; opacity: 0 !important;}
.nav-dropdown .nav-dropdown-col>ul{border: 1px solid #d2d2d2;margin-top:-40px;box-shadow: 2px 2px 5px #828282;display:none;position: absolute;
    left: 100%;z-index: 9;background: white;min-width: 240px;}
.nav-dropdown>li.nav-dropdown-col{width:100%;border-right:0}
.nav-dropdown>li.nav-dropdown-col.active .sub-menu{display: none !important;}
.nav-dropdown>li.nav-dropdown-col.active:hover .sub-menu{display: block !important;}
.nav-dropdown .nav-dropdown-col>ul li a{padding:10px;  text-transform: none;color:var(--main-col);}
.header-nav li.nav-dropdown-col:hover >ul{display:block !important}
.stuck .menu-item .nav-top-link{
    padding:0 !important;
}
/*End Menu 3 cấp*/

/*Trang chủ*/
.title-home h1{
    font-weight: 800;
    font-size: 60px;
}
.title-home h2{
    font-weight: 800;
    font-size: 55px;
}
.title-home h3 {
    font-weight: 800;
    font-size: 30px;
}
.st_banner .col-img-full {
    padding-bottom: 0;
    padding-right: 0;
}
.st_banner .row-text-padding .col-inner{
	padding: 50px;
}
.tab-cdn-sto li.tab.has-icon {
    color: #fff;
    background-color: var(--main-col);
    padding: 10px 20px;
    width: 100%;
    height: 70px;
    margin-right: 0;
}
.tab-cdn-sto li.tab.has-icon:first-child {
	border-radius: 4px 0 0 4px;
}
.tab-cdn-sto li.tab.has-icon:last-child{
	border-radius: 0 4px 4px 0;
}

.tab-cdn-sto li.tab.active.has-icon {
    color: var(--main-col);
    background-color: #FFFFFF;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
}
.tab-cdn-sto ul.nav.nav-bold{
    padding-bottom: 40px;
    width: 100%;
    overflow-x: auto;
    display: grid;
    grid-template-columns: auto auto auto;
}
.tab-cdn-sto ul li span {
    font-size: 20px;
    color: white;
}
.tab-cdn-sto ul li.tab.active span {
    color: var(--main-col);
}
.tab-cdn-sto .entry-content .row-table h3{
	color: var(--main-col);
}
.tab-cdn-sto .entry-content .row-table .table {
    border: 1px solid #ececec;
}
.tab-cdn-sto .entry-content .row-table .table tr th {
    padding: 20px;
    background: var(--main-col);
    color: white;
}
.tab-cdn-sto .entry-content .row-table .table tr:nth-child(even) {
    background-color: #f0f0f0;
}
/*Các gói*/
.server_real {
    background-color: #F5F5F5;
    padding: 70px 0;
}

.box_server {
    background-color: #1F79F5;
    border-radius: 11px;
    padding: 5px;
    width: 100%;
    margin-bottom: 35px;
    display: flex;
    flex-direction: column;
}
.box_parameter-right2{
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.title_server {
    color: #ffffff;
    font-size: 32px;
    font-weight: 700;
}

.title_server-real {
    /* padding-bottom: 50px; */
}

.box_parameter-bottom {
    display: flex;
    background-color: #F4FAFF;
    padding: 20px;
    justify-content: end;
    border-radius: 11px;
    flex: 1;
}

.box_parameter {
    background-color: #ffffff;
    border-radius: 11px;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.box_parameter-top {
    padding: 20px;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 11px;
}
.box_gift{
    flex-direction: row;
}
.box_servers {
    display: flex;
    margin-left: -40px;
    flex-wrap: wrap;
}

.box_number {
    display: flex;
}

.list_box {
    width: 45%;
    line-height: 32px;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}

.box_number {
    display: flex;
    justify-content: space-between;
}


.item_box-parameter {
    font-size: 14px;
    border-bottom: 1px solid #F0F0F0;
}

.box_parameter-title {
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    padding-bottom: 10px;
}

.title_server {
    padding: 15px 0 15px 30px;
}

.box_gift {
    display: flex;
}

.gift_month {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 100px;
    font-weight: 900;
    line-height: 80px;
    color: #1F79F5;
    padding-right: 5px;
}

.box_gift-right {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.box_parameter-right {
    display: flex;
    flex-direction: column;
    text-align: right;
    width: 45%;
}

.box_parameter-left {
    border-right: 4px solid #1F79F5;
    width: 55%;
}
.gift_text{
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #000000;
}

.month_user {
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    text-align: left;
    color: #ff8a00;
    position: relative;
}
.month_user::after {
    content: '++';
    font-size: 30px;
    position: absolute;
    bottom: 0px;
    right: -40px;
}

.server_choose {
    margin-bottom: 20px;
    width: 80%;
}
.pay_choose{
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    padding-bottom:5px;
}

.line_blue {
    background-color: #1F79F5;
    height: 80%;
    width: 4px;
}

.pay_number {
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 40px;
    font-weight: 800;
    line-height: 30px;
    color:#FF8A00;
    margin-bottom:8px;
}
.pay_unit{
    font-size: 20px;
    font-weight: 600;
}

.btn_pay {
    margin-left:auto;
    margin-top: auto;
    padding: 2px 35px;
    background-color: #FF8A00;
    border-radius: 25px;
    border: none;
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    color:#ffffff;
    text-transform: uppercase;
}
.btn_pay:hover{
    color: #fff;
}
.box_parameter2 {
    background-color: #ffffff;
    border-radius: 11px;
}

.box_parameter-bottom2 {
    display: flex;
    background-color: #F4FAFF;
    padding: 20px;
    justify-content: space-between;
    border-radius: 11px;
}
.box_parameter-left2{
    position: relative;
}
.box-paramater2-left {
    display: flex;
    flex-direction: column;
    border-right: 4px solid #DEF1FF;
    width: 50%;
    align-items: start;
    padding-right: 35px;
}

.box_parameter2-right {
    flex: 1;
    justify-content: center;
    align-items: center;
    display: flex;
}
.box_btn .btn_pay{
    font-size: 16px;
    font-weight: 600;
    line-height: 40px;
    text-align: center;
    padding:3px 60px;
    border-radius: 25px;
    width:100%;
}
.box_parameter-top2{
    padding:20px;
    border-radius: 11px;
}

.box_top-sever {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn_offer {
    padding: 5px 35px;
    background-color: #12C482;
    border: none;
    border-radius: 22.5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    color:white;
}
.box-paramater2-left1{
    padding-bottom:8px;
}
.box-offer{
    padding-right:20px;
}
.box_server-mini{
    background-color: #1F79F5;
    border-radius: 11px;
    padding: 5px;
    width: calc(100% - 40px);
    margin: 35px 0px 35px 40px;
}
.box_parameterMini{
    display: flex;
    background-color: #F4FAFF;
    border-radius: 11px;
}
.box_parameterMini-top{
    margin: 1%;
    width: 50%;
    padding: 20px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 11px;
}
.box_parameterMini-bottom{
    display: flex;
    background-color: #F4FAFF;
    padding: 20px;
    justify-content: space-between;
    border-radius: 11px;
    width:47%;
}
.box_gift-img img{
    width: 80px !important;
    margin-top: -25px;
}
.box_parameterMini-left{
    border-right: 4px solid #1F79F5;
    width: 55%;
}
.box_parameterMini-right{
    display: flex;
    flex-direction: column;
    text-align: right;
}
@media (max-width:1200px) {
  .btn_pay {
    margin: 0 auto;
    padding: 10px 65px;
}
    
    .gift_month{
        font-size: 45px;
    }
    .box_btn .btn_pay{
        padding: 3px 45px;
    }
    .server_real .nav-link{
        font-size: 24px;
    }
    
}
/*Tính năng*/
.st_tinhnang .col-padding-tn{
	padding: 11%;
}
/*Accordion*/
.accordion.accor_custom {
    position: relative;
    box-shadow: 2px 2px 10px #595959a3;
    margin-bottom: 10px;
    border-radius: 5px;
    border-bottom: 2px solid var(--main-col);
}
.accor_custom .accordion-title span {
    color: var(--main-col) !important;
    font-weight: 700 !important;
    text-transform: capitalize;
}
.accor_custom .accordion-title span:before{
    position: absolute;
    content: "+";
    top: 7px;
    left: 8px;
    font-family: Arial;
    transition: .3s transform;
    font-size: 34px;
    font-weight: 400;
    border: none;
    width: 32px;
    height: 32px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background: var(--main-col);
    border-radius: 4px;
}
.accor_custom .accordion-title.active span:before {
    content: "-";
}
.accor_custom .accordion-item {
    border-bottom: 1px solid var(--main-col);
}
.accor_custom .accordion-item .accordion-item {
    border-bottom:0;
}
.accor_custom .accordion-title, .accor_custom .accordion-title.active {
    background-color: var(--white);
    padding: 0.5em 0.5em 0.5em 2.7em;
    border-color: #fff;
}
.accor_custom .accordion-inner {
    padding: 10px 15px;
}
.accor_custom .box .box-text h3{
    color: var(--main-col);
}
/*End Accordion*/
.title-cauhoi .home-line:after {
    bottom: -15px;
    left: 60px;
}
.title-cauhoi .home-line {
    margin-bottom: 30px;
}
.home-title {
    color: #222d3a;
    font-weight: 800;
    font-size: 32px;
    text-transform: uppercase;
}
.st_cauhoi .icon-box {
    border-radius: 10px;
    background: #FFF;
    padding: 15px;
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2);
    margin-bottom: 50px;
    border: 1px solid #ededed;
    position: relative;
}
.st_cauhoi .icon-box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 15px;
    bottom: -15px;
    background: #bc8b762e;
    z-index: -1;
    border-radius: 10px;
}
.st_cauhoi{
    padding-bottom: 0 !important;
}
/*Footer*/
.absolute-footer {
    display: none;
}
.st_footer {
    margin-bottom: 30px;
}
ul.list_footer li{
    list-style: none;
    margin-left: 0;
    margin-bottom: 5px;
}
.ft_thongtin {
    background: var(--liner-col);
}
.ft_thongtin .col{padding-bottom: 0 !important;}
ul.thongtin-lh {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
}
ul.thongtin-lh li{
    margin-bottom: 0 !important;
}
.thongtin-lh li {
    list-style: none;
    margin-left: 0 !important;
}
.title-ft,.section-title-main{
    color: var(--main-col);
}
/* .st_footer,.st_footer .col{
    padding-bottom: 0 !important;
} */
.st_footer a:hover{color: var(--main-col);}
.ft_absolute .col{
    border-top: 1px solid #ebebeb;
    padding-bottom: 10px;
    padding-top: 10px;
}
.ss_footer .bg-fill {
    background-size: 100% 100%!important;
}
.ss_footer .row-top {
    padding-top: 40px;
}
.ss_footer .row-line .col-inner {
    padding-top: 20px;
    border-top: 1px solid white;
}
/*.ss_footer .row-line, .ss_footer .row-line p{
    padding-bottom: 0px;
    margin-bottom: 0px;
}*/
.ss_footer h4{
    font-size: 18px;
    margin-bottom: 20px;
}
.ss_footer ul li{
    list-style-type: none;
    margin-left: 0;
    font-size: 14px;
}
.ss_footer ul li i{
    margin-right: 10px;
    font-size: 18px;
    padding: 2px;
}
.ss_footer ul.li-2c li{
    display: inline-block;
    width: 49%;
}
.ss_ftbottom p{
    padding-top: 20px;
    border-top: 1px solid  rgba(255,255,255,0.3);
}
/* css call mobile */
.box_fixbtm {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    text-align: center;
}
.box_fixbtm .list_icon {
    display: flex;
    margin-bottom: 0px;
    background: var(--liner-col);
    justify-content: center;
    align-items: center;
}
    .box_fixbtm .list_icon li {
        display: inline-block;
        width: calc(40% - 20px);
        border: 0;
        margin: 0;
        padding: 0;
        text-align: center;
        padding: 10px 0;
    }
    .box_fixbtm .list_icon li a{
        color: #fff;
        position: relative;
    }
    .box_fixbtm li.img-phone {
    color: white;
    font-weight: bold;
}
.img-phone img {
    margin-right: 10px;
    animation: 1s ease-in-out 0s normal none infinite running ring-alo-circle-img-anim;
}
/* .box_fixbtm .form-flat {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
 */
.box_fixbtm span.wpcf7-form-control-wrap {
    float: left;
    width: calc(100% - 147px);
}
.box_fixbtm input.wpcf7-submit {
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 99px 99px 0;
}
.box_fixbtm span.wpcf7-spinner {
    display: none;
}
.box_fixbtm input.wpcf7-form-control.wpcf7-number{
    background-color: white;
    margin-bottom: 0;
}
.box_fixbtm form.wpcf7-form.init {
    margin-bottom: 0;
}
@keyframes ring-alo-circle-img-anim{
	0% {
    transform: rotate(0deg) scale(1) skew(1deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
    100% {
        transform: rotate(0deg) scale(1) skew(1deg);
    }
}
@media (min-width: 1920px) and (max-width: 2560px)  {
	.st_banner .row-text-padding .col-inner {
	    padding: 50px 50px 50px 230px;
	}
}
@media only screen and (max-width: 480px) {
/*  Menu mobile  */
.off-canvas-left .mfp-content {
        width: 100%;
        top: 70px;
        background: transparent !important;
        box-shadow: none;
    }
    .mobile-sidebar {
        background: #fff;
    }
	.main-menu-overlay {
		background-color: #fcfcfc !important;
	}
    .off-canvas:not(.off-canvas-center) .nav-vertical li>a {
        font-size: 17px;
    }
    .off-canvas:not(.off-canvas-center) .nav-vertical li li.menu-item-has-children>a {
        color: var(--main-col) !important;
    }
    .mobile-nav .header-button .button.is-outline {
        border-color: var(--main-col) !important;
    }
    .nav-sidebar.nav-vertical>li.menu-item.active{
        background-color: rgb(255 255 255 / 5%) !important;
    }
    .mfp-content .toggle {
        color: #000;
    }
    .icon-menu:before {
        content: "\f550";
        font-family: "Font Awesome 5 Free" !important;
        font-weight: 900;
        margin-right: 5px;
        color: white;
    }
    .icon-menu:after {
         content: "Menu";
         font-weight: bold;
         color: #fff;
         font-family: 'Muli';
    }
    .header-main .nav > li > a > i {
        font-size: 18px;
        color: #fff;
        background: var(--main-col);
        border-radius: 4px;
        padding: 5px;
    }
    .nav-sidebar.nav-vertical>li+li{border-color: #ececec !important;}

	.sidebar-menu .menu-item i.icon-angle-down:before {
    position: absolute;
    content: "+";
    top: -15px;
    left: -15px;
    font-family: Arial;
    transition: .3s transform;
    width: 32px;
    height: 32px;
    line-height: 31px;
    color: #fff;
    background: var(--main-col);
    border-radius: 4px;
}
.sidebar-menu .menu-item.active i.icon-angle-down:before {
    content: "-";
    top: -15px;
    left: -19px;
    line-height: 28px;
}
/*Trang chủ New*/
.title-home h1{
    font-size: 36px;
}
.title-home h2{
    font-size: 36px;
}
.title-home h3 {
    font-size: 24px;
}	
.st_banner .row-text-padding .col-inner {
    padding: 50px 10px;
}
.tab-cdn-sto li.tab.has-icon{
	width: 230px;
}
.tab-cdn-sto li a{
	padding: 0;
}
.tab-cdn-sto li.tab.has-icon {
    height: 100%;
}
.tab-cdn-sto ul.nav.nav-bold {
    justify-content: start;
    text-align: center;
}

.row-change-cdn {
    display: flex;
    flex-direction: column-reverse;
}
.st_tinhnang .col-padding-tn {
    padding: 10px;
}
.server_choose,.box_parameter-left {
    width: 100%;
}
.box_parameter-right {
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 100%;
}
.box_parameter-left {
    border: none;
    border-bottom: 4px solid #1F79F5;
    padding: 7px;
}
.box_parameter-bottom {
    display: flex;
    background-color: #F4FAFF;
    padding: 0;
    justify-content: left;
    border-radius: 11px;
    flex: 1;
    flex-direction: column;
    align-items: center;
    align-content: center;
}
.box_parameter-right1 {
    text-align: left;
    width: 50%;
}
.box_parameter-right2 {
    flex-direction: column;
    display: flex;
    width: 50%;
    align-items: flex-end;
}
.box_parameter-right01 {
	display: flex;
    justify-content: space-between;
}
.pay_number {
    font-size: 30px;
}
.box_parameter-right1 .pay_choose {
    padding-right: 5%;
}
.box_parameter-right2 br {
    display: none;
}
.box_parameter-right {
    padding: 20px 10px 0px 10px;
}

/*End News*/
    body{overflow: hidden;}
    .ss_banner .section-content{min-height: 900px;}
    .box-bn .box-t2,.ss_banner .box-bn .box-t1{font-size: 28px;}
    .box-ani .ani-h1{font-size: 165px;}
    .box-ani .ani-h2{font-size: 140px;}
    .box-bn .box-p1{font-size: 17px;}
    .box-ani .ani-img img{width: 150px;left:20px;}
    .box-bn .box-p2{font-size:15px;}
    .ss_banner .col.large-5{left: 0;}
    .img-1 {
        width: 183px;
        height: auto;
        top: 50px;
        left: 125px;
        z-index: 9;
    }
    .img-1:before {
        bottom: -10px;
        right: -10px;
    }
    .img-2 {
        width: 160px;
        height: auto;
        top: 140px;
        left: 0;
        z-index: 10;
    }
    .img-3 {
        position: absolute;
        width: 330px;
        height: auto;
        top: 43px;
        left: 0px;
        z-index: 7;
    }
    .ss_banner .col {
        padding: 30px 30px;
    }
    .ss_banner ul.banner-luachon {
        flex-direction: column;
    }
    .ss_banner .col.large-5 {
        padding: 0 0;
    }
    .st_video iframe {
        height: 200px;
    }
    ul.tinhnang {
    flex-direction: column;
    margin-bottom: 0;
}


    .tinhnang li {
        width: 100%;
        margin: 0 15px 15px 0px !important;
    }
    .title-dathang h3.title-dt-1 {
        font-size: 40px;
    }
    .sale-text h4 {
        padding: 5px;
        font-size: 12px;
       
    }
    h3.sale-ani {
        font-size: 15px;
    }
    h3.sale-h1 {
        font-size: 12px;
    }
    .ss_footer {
        background: var(--liner-col);
    }
    .ss_pro:before {
        width: 165px;
        height: 210px;
        left: 0px;
    }
	.box_fixbtm .list_icon {
		flex-direction: column;
	}
	.box_fixbtm input.wpcf7-form-control.wpcf7-number {
		margin-bottom: 20px;
		margin-left: 15px;
	}
    .box_fixbtm .list_icon li {
		width: calc(100% - 0px);
	}
	.box_fixbtm span.wpcf7-form-control-wrap {
    width: 355px;
}
	.st_footer, .st_footer .col:last-child {
    padding-bottom: 70px !important;
}
    .ss_pro .pro-rate .rate-ot h4, .ss_pro .pro-rate .rate-ot p{font-size: 12px;}
    .ss_pro .section-content{padding:10px;}
    .ss_pro .row-pro {padding: 15px 0 0;}
    .ss_pro .pro-h1{font-size: 20px;}
    .ss_pro .pro-rate .rate-star,.ss_pro .pro-rate .rate-ot:nth-child(2),.ss_pro .pro-price{padding-right: 10px;}
    .ss_pro .pro-price .price .giaban,.box-info ul li,.box-info > p,.ss_dlpro .col_txt ul li,.ss_uudiem .r-3col ul li {font-size: 13px;}
    .ss_pro .pro-price .price .giakm{font-size: 16px; top: 0;}
    h3.title-page{font-size: 22px;}
    .ss_dlpro .title-dtpro{font-size: 16px;}
    .ss_dlpro .col_txt h3,.ss_uudiem .r-3col h4{font-size: 18px;}
    .ss_paysale .row  {padding:10px 0;}
    .ss_infopro .box-text-bottom h4 {font-size: 15px;}
    .ss_dlpro .gallery-col.col .box-image {padding-top: 200px !important;}
    .ss_uudiem .r-3col{padding: 20px;}
    .ss_uudiem .r-3col .col {padding-bottom: 20px;}
    .ss_paysale .col_txtsale h3{font-size: 20px; text-align: center;}
    .ss_paysale .col_txtsale .item_sale{padding: 10px 10px 10px 20px !important;}
    .ss_paysale .col_txtsale .item_sale>*{font-size: 14px;}
    .ss_comment .box-sort .s-left,.ss_comment .box-sort .s-right {font-size: 13px;}
    .ss_comment .col.item h3 {font-size: 16px;}
    .ss_comment .col.item .icon-box-text p {font-size: 12px;}
    .ss_comment .col.item_fdb {margin-left: 30px;}
    .ss_comment .col.item {padding: 0;}
    
    .ss_dangky .dky-h1{font-size: 25px;margin-bottom: -8px;}
    .ss_dangky .dky-h2{font-size: 25px;}
    .ss_dangky .dky-box-sale img {
        width: 150px;
    }
    .ss_dangky .dky-box-sale .dky-p1{font-size: 15px;}
    .ss_dangky .dky-img .img1 {
        width: 175px !important;
        left: 140px;
    }
    .ss_dangky .dky-img .img2 {
        width: 160px !important;
    }
    .ss_dangky .dky-dorm{flex-basis: 95%;margin: auto;}
    .ss_dangky .dky-dorm .col-inner{padding: 20px;}
    .ss_footer ul li{font-size: 12px;}
    .ss_footer h4{font-size: 17px}
    .dislay-none{display: none;}
    .home-title, h2 span.head-color {
    font-size: 24px;
    text-align: center;
}
    .title-left .home-line:after,.title-cauhoi .home-line:after {
    top: 15px;
    left: 50%;
    bottom: 0;
}
    .st_danhgia .icon-box{
        padding: 15px 15px 15px 0!important;
        flex-direction: column;
    align-items: center;
    }
.st_danhgia .col-nopadding {
    padding: 0 !important;
    margin-top: 0 !important;
}
.st_danhgia .col-inner .text-ct{
    text-align: center !important;
}
.st_camket .icon-box {
    padding: 10px 0 !important;
}
.st_loiich .row-but-check .col-inner {
    text-align: center !important;
}
.tab-hosting li {
    padding: 6px;
}
.row-down-mb, .col_down_mb .col-inner {
    display: flex;
    flex-direction: column-reverse;
}
h2.pt-2,.row-center h2 ,.row-center h3 {
    text-align: center !important;
}
.pt-4,.row-center p {
    text-align: justify !important;
}
.st_quytrinhfb .icon-box{
    flex-direction: column;
    align-items: center;
}
ul.thongtin-lh {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0 !important;
    flex-direction: column;
}
ul.thongtin-lh li{
    margin-bottom: 10px !important;
}

.col-cau-hoi-center .col-inner {text-align: center;}
/*Trang chi tiết sp*/
.tt_them {
        display: flex;
        padding: 5px;
        flex-direction: column;
    }
    .tt_content span {
        font-size: 14px;
    }
    .tt_them .tt_img img {
        width: 30px;
    }
    .tt_content h3 {
    margin: 0;
}


}


/*css dihi  */
/*Thông tin thanh toán  */
h3.ttl_normal {
    font-size: 28px;
}
.chuyenkhoan-nganhang .ttl_normal:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 120px;
    height: 1px;
    background: linear-gradient(to right, #008dd0, #124b90);
}
.col-top-title {
    margin-top: -10px;
}
.st_chuyen-khoan .row-st, .st_chuyen-khoan .row-st, .st_truc-tiep .row-st, .st_tan-noi .row-st {
    box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.5);
    padding: 20px;
}
.st_chuyen-khoan .fa-solid, .fas {
    color: #008dd0;
	padding-right: 15px;
	font-size: 18px;
}
.st_chuyen-khoan .thongtin-chuyenkhoan h4 {
    color: #008dd0;
}
.st_chuyen-khoan .thong-tin-tai-khoan {
    border: 1px solid #ededed;
    padding: 5px;
}
.st_tan-noi .chuyenkhoan-nganhang strong {
    color: #008dd0;
}
/*tuyển dụng  */
.st_chaomung .content h2{
    font-size: 48px;
    font-weight: 600;
    line-height: 1.4;
}
.st_chaomung .content h2 span span{
    color: #016BCB;
}
.st_chaomung .content p{
    max-width: 50%;
    line-height: 1.5;
    text-align: justify;
    font-size: 18px;
    color: #282828;
    margin-bottom: 50px;
}
.st_chaomung.content a.btn{
    padding: 15px 20px;
    font-size: 20px;
}
.st_footer .col {
    padding-bottom: 0px !important;
}
@media only screen and (max-width: 48rem) {
	h3.ttl_normal {
    font-size: 20px;
}
	.st_chuyen-khoan img.attachment-.size- {
    width: 100px;
    margin-left: 33%;
}
	.st_chuyen-khoan .box-text p {
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    padding: 5px;
}
	.st_truc-tiep img.attachment-original.size-original {
    width: 30px;
	margin-left: 10px;
    margin-top: 10px;
}
	.st_truc-tiep .col.small-8.large-4{
		margin-left: -30px;
	}
	.st_footer, .st_footer .col {
    padding-bottom: 22px !important;
}
	.st_footer .col.col-2.large-2 {
    margin-top: 0px;
	}
	.blog-tintuc img.attachment-original.size-original.wp-post-image {
    background-color: #fff;
    height: 260px;
}
	.row-slider .flickity-prev-next-button svg {
    padding: 1px !important;

}
}