:root {
    --seo-mcolor: rgb(256,242,0);
    --seo-scolor: rgb(46,49,146);
}
.page-template-seo .page-seo{
    font-family: 'Inter', sans-serif;
}
.page-seo{
    font-size: 15px;
    color: #000;
}
.page-seo .h1,
.page-seo .h2,
.page-seo .h3,
.page-seo .h4,
.page-seo .h5,
.page-seo .h6,
.page-seo h1,
.page-seo h2,
.page-seo h3,
.page-seo h4,
.page-seo h5,
.page-seo h6{
    font-family: 'Inter', sans-serif;
}
/*.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6{
    color: #000000;
}*/
.dark, .dark p, .dark td {
    color: #ffffff;
}
.box-blog-post .is-divider{
    opacity: 0;
}
.page-seo .row,
.page-seo .container{
    max-width: 1230px;
}
.page-seo li{
    margin-bottom: 0;
}
.main-title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 1em;
}
.main-banner .main-title {
    font-size: 3.3em;
    line-height: 1.3;
    margin-bottom: 0;
}
.main-banner .main-title span {
    font-size: .75em;
    margin-bottom: 20px;
    display: block;
    position: relative;
}
.main-banner .main-title span:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 50%;
    height: 2px;
    background: #fff;
}
.main-banner p {
    font-size: 18px;
    line-height: 1.5;
    color: #fff;
}
.slider-bao-chi .ux-logo{
    margin-left: 30px !important;
    margin-right: 30px !important;
}
.slider-bao-chi .ux-logo-link img{
    outline: 2px dotted red !important;
    outline-offset: 0.2em;
}
.button.primary {
    background-color: #276AE3;
    border: 1px solid #276AE3;
}
.button.secondary {
    background-color: #FF5454;
    border: 1px solid #FF5454;
}
@media (max-width: 767px) {
    .main-title {
        font-size: 32px;
    }
}
@media (max-width: 600px) {
    .main-banner .main-title,
    .main-title {
        font-size: 28px;
    }
}
/*pain-box*/
.pain-box .col-inner{
    background: #FFFFFF;
    box-shadow: 0 8px 24px rgba(20, 20, 43, 0.14);
    border-radius: 10px;
    padding: 30px 15px;
    transition: all .4s;
}
.pain-box .col-inner:hover {
    background: linear-gradient(90deg, #002D85 0%, #0069CA 100%);
}
.pain-box .col-inner:hover *{
    color: #fff;
}
.pain-box .box-head {
    display: flex;
    align-items: end;
    gap: 6px;
    min-height: 55px;
    margin-bottom: 20px;
}
.pain-box .box-head .number {
    font-size: 45px;
    font-weight: bold;
    line-height: 1;
    color: #FF5454;
}
.pain-box .box-head .title {
    font-size: 18px;
    font-weight: bold;
}
/*end pain-box*/
/*banner-gioi-thieu*/
.banner-gioi-thieu{
    border-radius: 30px;
    overflow: hidden;
    background-color: transparent;
}
.banner-gioi-thieu .button.icon.circle{
    background: linear-gradient(to right, #00409b 0%, #0061c0 80%);;
    border-color: #ffffff;
}
/*end banner-gioi-thieu*/
/*box-doi-tuong*/
.box-doi-tuong .col-inner{
    background: #FFFFFF;
    box-shadow: 0 14px 42px rgba(20, 20, 43, 0.14);
    border-radius: 10px;
    padding: 20px 0;
}
.box-doi-tuong p{
    line-height: 1.5;
    padding: 0 25px;
}
.sec-doi-tuong .section-bg{
    background-size: 100% 50% !important;
    background-position: top;
}
/*end box-doi-tuong*/
/*sec-ky-nang*/
.sec-ky-nang .col-inner .icon-box-left{
    align-items: center;
    height: 100%;
}
.sec-ky-nang .col-inner .icon-box-text{
    position: relative;
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 14px 42px rgba(20, 20, 43, 0.14);
    border-radius: 10px;
    padding-left: 60px;
}
.sec-ky-nang .col-inner .icon-box-img{
    margin-right: -40px;
    z-index: 1;
}
/*end sec-ky-nang*/
/*sec-tai-sao*/
.row-tai-sao .col-inner{
    position: relative;
    height: 100%;
    padding: 20px;
    background: #FFFFFF;
    box-shadow: 0 14px 42px rgba(20, 20, 43, 0.14);
    border-radius: 10px;
}
.row-tai-sao .col{
    margin-top: 40px;
}
.row-tai-sao .col-inner .icon-box-img{
    margin-top: -70px;
}
/*end sec-tai-sao*/
/*sec-thanh-tuu*/
.sec-thanh-tuu .high-light {
    font-size: 48px;
    line-height: 64px;
    font-weight: 800;
    text-align: center;
    margin: 0;
    color: #fff;
}
.sec-thanh-tuu p {
    font-size: 18px;
    line-height: 1.5;
}
@media (max-width: 900px) {
    .sec-thanh-tuu .high-light {
        font-size: 38px;
        line-height: 54px;
    }
}
@media (max-width: 600px) {
    .sec-thanh-tuu .high-light {
        font-size: 28px;
        line-height: 40px;
    }
}
/*end sec-thanh-tuu*/
/*accordion*/
.accordion-item{
    background-color: #fff;
    border: 1px solid #2AD5FF;
    margin-bottom: 30px;
    border-radius: 16px;
    padding: 10px 14px;
}
.accordion-title{
    border-top: none;
    padding-left: 0;
}
.accordion-title.active{
    background-color: unset;
}
.accordion-title h3{
    margin-bottom: 0;
}
.accordion-title .toggle{
    right: 0;
    left: unset;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    margin: 0;
    padding: 0;
    min-height: unset;
    opacity: 1;
    background-color: rgba(86, 204, 242 ,.2);
}
.accordion-title .toggle i{
    line-height: 40px;
    color: #5868E3;
}
/*end accordion*/
/*slider-chuyen-gia*/
.slider-chuyen-gia .row {
    background: #FFFFFF;
    border-radius: 10px;
    border: 2px solid #ddd
}
.slider-chuyen-gia .chuyen-gia {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 0;
    background: linear-gradient(90deg, #0036C1 0%, #7737FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.slider-chuyen-gia .position {
    font-size: 18px;
    margin-bottom: 15px;
    color: #333333;
}
.slider-chuyen-gia .desc {
    font-size: 16px;
    color: #6E6E73;
    text-align: justify;
    padding-right: 20px;
}
.slider-nav-outside.slider-nav-circle .previous,
.slider-nav-outside.slider-nav-circle .next{
    transform: none !important;
}
.flickity-prev-next-button svg, .flickity-prev-next-button .arrow{
    background-color: #E6E6E8;
    border: 2px solid #E6E6E8 !important;
}
.slider-nav-outside .flickity-page-dots{
    bottom: -20px;
}
@media (max-width: 767px) {
    .slider-chuyen-gia .chuyen-gia,
    .slider-chuyen-gia .position{
        font-size: 28px;
        text-align: center;
    }
    .slider-chuyen-gia .desc {
        font-size: 14px;
        padding: 0 20px;
    }
}
@media (min-width: 550px) {
    .slider-2-cols .flickity-slider .row {
        width: 50% !important;
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width: 549px) {
    .slider-2-cols .flickity-slider .row {
        margin-left: 10px !important;
        margin-right: 10px !important;
    }
}
/*end slider-chuyen-gia*/
/*row-don-vi-hop-tac*/
.row-don-vi-hop-tac .col-inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%!important;
    height: 96px;
    background: #fff;
    -webkit-box-shadow: 0 30px 40px rgba(212,217,232,.2);
    box-shadow: 0 30px 40px rgba(212,217,232,.2);
    border-radius: 16px;
    text-align: center;
}
.row-don-vi-hop-tac .col-inner img{
    max-height: 80%;
    width: auto;
}
/*end row-don-vi-hop-tac*/
/*sec-khoa-hoc*/
.sec-khoa-hoc:before {
    content: "";
    position: absolute;
    top: 0;
    right: 50px;
    width: 600px;
    height: 600px;
    background: #D7F3FF;
    border-radius: 50%;
}
.sec-khoa-hoc h2 {
    font-size: 40px;
    font-weight: 700;
    color: #1C2C40;
    line-height: 1.5;
    margin: 0 0 0.5em;
}
.sec-khoa-hoc .price {
    font-size: 48px;
    font-weight: 700;
    background: linear-gradient(90deg, #0036C1 0%, #7737FF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    line-height: 1.5;
    margin-bottom: 10px;
}
.sec-khoa-hoc .message-box{
    padding: 20px !important;
    border-radius: 10px;
    line-height: 1.5;
    overflow: hidden;
}
.sec-khoa-hoc .message-box .col-inner{
    background: rgba(255, 255, 255, 0.74) !important;
    backdrop-filter: blur(2px);
    border-radius: 10px;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.sec-khoa-hoc .message-box .col-inner h3 {
    font-size: 28px;
    margin-top: 3rem;
    margin-bottom: 1rem;
}
.sec-khoa-hoc .message-box .col-inner p{
    margin-top: 1rem;
    margin-bottom: 1rem;
}
/*end sec-khoa-hoc*/
/*sec-bang-gia*/
.sec-bang-gia .pricing-table{
    text-align: left !important;
    padding: 40px;
    border: none;
    box-shadow: none;
}
.sec-bang-gia .pricing-table .price,
.sec-bang-gia .pricing-table .title,
.sec-bang-gia .pricing-table .items{
    padding: 0;
}
.sec-bang-gia .pricing-table .title{
    background-color: unset;
    margin-bottom: 2rem;
    font-size: 1.17rem;
    border: none;
}
.sec-bang-gia .pricing-table .price {
    color: #0F1928;
    font-size: 35px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 20px;
    font-weight: bold;
}
.sec-bang-gia .dark .pricing-table .price{
    color: #ffffff;
}
.sec-bang-gia .pricing-table .items ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
.sec-bang-gia .pricing-table .items ul li{
    margin-left: 0;
    margin-bottom: 10px;
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 15px;
}
.sec-bang-gia .pricing-table .items ul li:empty{
    opacity: 0;
}
.sec-bang-gia .pricing-table .items ul li:before{
    font-family: 'fl-icons' !important;
    content: "\e00a";
    margin-right: 10px;
    color: #276AE3;
}
.sec-bang-gia .dark .pricing-table .items ul li:before{
    color: #ffffff;
}
.sec-bang-gia .pricing-table .items ul li.last {
    border-top: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 17px !important;
    padding: 25px 0;
}
/*end sec-bang-gia*/
/*sec-loi-ich*/
.sec-loi-ich .section-bg{
    height: 60%;
    background: #276AE3;
}
.sec-loi-ich h3{
    margin-top: 1rem;
}
.sec-loi-ich p{
    margin: 1rem 0 !important;
}
/*end sec-loi-ich*/
/*sec-contact*/
.sec-contact{
    background: linear-gradient(90deg, #0036C1 0%, #7737FF 100%);
}
label, input, select, textarea{
    font-size: 1em !important;
}
input, select, textarea{
    border-radius: 10px !important;
}
textarea{
    height: 70px;
    min-height: 70px;
}
/*end sec-contact*/
/*popup qc*/
#popup-qc{
    padding: 10px !important;
}
#popup-qc section{
    background: linear-gradient(90deg, #0036C1 0%, #7737FF 100%);
    border: 3px solid #0036C1;
    border-radius: 10px;
    padding: 15px;
}
#popup-qc button.mfp-close {
    top: -15px !important;
    right: -15px;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #fff;
    z-index: 9999;
    mix-blend-mode: normal;
    color: #333;
    opacity: 1;
}
/*end popup qc*/
