/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap'); */
* {
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: gray;
}

html,
.menu_fix_mobile {
    scrollbar-width: thin;
    scrollbar-color: gray;
}

@font-face {
    font-family: 'sfprodisplay-bold';
    src: url('../fonts/SFPRODISPLAYBOLD.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sfprodisplay';
    src: url('../fonts/SFPRODISPLAYMEDIUM.OTF');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sfprodisplay-regular';
    src: url('../fonts/SFPRODISPLAYREGULAR.OTF');
    font-weight: normal;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    margin: 10px 0;
    padding: 0;
    color: #717173;
}

table {
    width: 100%;
}

table,
th,
td {
    font-size: 100%;
    padding: 10px;
    margin-bottom: 10px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding-left: 10px;
    border: 1px solid #ddd;
}

tr {
    margin-bottom: 10px;
}

td {
    vertical-align: central;
    padding: 5px !important;
    border-color: #ddd;
}

ul li {
    list-style: none;
    position: relative;
}

p {
    padding: 0;
    margin: 0;
}

body {
	font-family: Roboto, sans-serif;
    background-color: #fff !important;
    color: #333;
}

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

a {
    text-decoration: none;
    font-family: var(--font-body-family);
    color: #444;
}

ol,
ul {
    margin: 0;
}

a:focus,
a:hover {
    text-decoration: none;
    cursor: pointer;
    color: #006a41;
}

html {
    scroll-behavior: smooth;
}

section.slideshow.slideshow-mb {
    display: none;
}

.swiper-slide img {
    /* height: 80vh; */
    object-fit: cover;
}



.hedding-title-all-service h2 {
    text-align: center;
    display: inline-block;
    position: relative;
    font-size: 35px;
    font-weight: 600;
    padding-bottom: 5px;
    padding-left: 20px;
    padding-right: 20px;
    color: #051D3B;
}

.hedding-title-all-service {
    text-align: center;
}
ul.pagination {
    display: flex;
    justify-content: center;
    gap: 0px 5px;
}

ul.pagination li {
    background: #cdcdcd;
    width: 25px;
    display: inline-flex;
    height: 25px;
    justify-content: center;
    align-items: center;
    border-radius: 2px;
}
section.slideshow.slideshow-desktop .slick-dots {
    bottom: 0;
}

section.slideshow.slideshow-desktop .slick-dots .slick-active {
    width: 35px;
    border-radius: 5px;
    background: #008fc7;
    border: 1px solid #008fc7;
    filter: drop-shadow(0px 0px 2px #fff);
}

section.slideshow.slideshow-desktop .slick-dots li {
    border: 1px solid #008fc7;
}


.item-list-service {
    position: relative;
    background: #fff;
    padding: 10px;
    border-radius: 10px;
    overflow: hidden;
}

.item-list-service .model-content-service {
    display: inline-block;
    max-width: 100%;
    padding: 0.5rem 1.25rem;
    background-color: #fff;
    color: #767676;
    font-size: 0.875rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    color: #008fc7;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
}

span.card-lead {
    font-size: 15px;
}

.item-list-service img {
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.model-video video {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    inherit;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.model-so .number-1-plus {
    font-size: 37px;
    color: #EC2229;
    font-weight: 700;
    filter: drop-shadow(2px 2px 1px #cdcdcd);
}

.model-so {
    text-align: center;
    padding-bottom: 30px;
}

.model-so .keyper-text {
    font-size: 16px;
    color: #fff;
    font-weight: 500;
}


.padding-row-nn {
    /* align-items: center; */
    padding-top: 20px;
}

span.number-1-plus:after {
    content: '+';
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    font-size: 20px;
    top: -1em;
    right: 0;
}

.main {
    overflow: hidden;
}

section.phuongphap {
    padding: 30px 0px;
    background-color: transparent;
    background-image: linear-gradient(90deg, #9C484800 55%, #EAEBEE 48%);
}

section.nn-quantily {
    padding-bottom: 30px;
    padding-top: 30px;
    background: url('https://be-better.monamedia.net/wp-content/uploads/2023/07/course_bg_1-2.png') no-repeat center center / cover;
    background-color: rgb(255 255 255 / 0%);
    /* ??t m?u n?n v?i d? m? */
    background-blend-mode: overlay;
    /* Ph?i m?u n?n v? ?nh n?n */
    background-position: top;
}

p.hinhthuc:before {}

p.hinhthuc {
    position: relative;
    display: inline-block;
    padding-right: 12px;
    color: #000;
    font-size: 21px;
    font-weight: 600;
}

.pages-home-model-hedding h2 {
    color: #072e84;
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 7px;
}

.pages-home-model-hedding h2 span {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #ff5b11;
    background-image: -webkit-gradient(linear, left top, right top, from(#c62128), to(#ff5b11));
    background-image: -webkit-linear-gradient(left, #c62128, #ff5b11);
    padding-left: 10px;
    font-size: 39px !important;
}

span.inner-title-pp {
    color: #000;
    font-weight: 400;
    font-size: 16px;
    width: 73%;
    display: inline-block;
}


.item-quytrinh-tiepnhan-ss h3 {
    font-size: 20px;
    color: #c62128;
    font-weight: 600;
    padding: 0px 10px;
    border-radius: 5px;
    margin-bottom: 13px;
}

.item-quytrinh-tiepnhan-ss ul li {
    color: #000;
}

.list-phuongphap {
    background: #fff;
    border-radius: 10px;
}

.row.box--ppchecked {
    padding-top: 30px;
}

li.element-images-pp img {
    width: 60px;
    height: 60px;
}

li.element-images-pp {}

li.element-images-pp span {
    flex: 1;
    padding-left: 10px;
}

.box-images-ppday {
    border-radius: 5px;
    overflow: hidden;
    /* box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; */
    position: relative;
}

.box-images-ppday img {
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.list-phuongphap:last-child {
    margin-bottom: 0px;
}















.post-detail-forms .box-form-section-blader {
    width: 70%;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 30px;
    margin-top: 20px;
    padding: 20px 40px;
}

.post-detail-forms {
    padding: 10px 0;
    font-size: 16px;
    line-height: 24px;
    text-align: justify;
    color: #242424;
}

.post-detail-forms a {
    color: #12628f
}

.post-detail-forms a:hover {
    color: #f06829
}

.post-detail-forms h1 {
    color: #12628f;
    font-size: 25px;
    padding-bottom: 10px;
}

.post-detail-forms h2 {
    color: #333;
    padding: 10px 0;
    font-size: 22px;
    margin: 0;
}

.post-detail-forms h3 {
    padding: 10px 0;
    color: #333;
    font-size: 20px;
}

.post-detail-forms h4 {
    padding: 10px 0;
    color: #333;
    font-size: 18px;
}

.post-detail-forms h5,
h6 {
    padding: 10px 0;
    color: #333;
    font-size: 16px;
}

strong {
    font-weight: 600;
}

.post-detail-forms img {
    padding: 0px 0px 15px 0px;
    margin: 0 auto;
}

.post-detail-forms p {
    padding-bottom: 10px;
    font-size: 14px;
}

.post-detail-forms ul {
    padding-left: 25px;
}

.post-detail-forms ul li {
    font-size: 14px;
    list-style: disc;
}



.post-detail-forms .box-form-section-blader h2 {
    font-size: 23px;
    padding-bottom: 20px;
}

.post-detail-forms .box-form-section-blader form input {
    padding: 7px 16px;
}

.post-detail-forms .btn-ground-blader-form button {
    width: unset;
}

















.box-newslter {
    padding: 20px 0px;
    background: #fff;
    align-items: center;
    /* margin: 0px 15px; */
    padding-top: 35px;
}

.inner-newsleter p {
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.28;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    width: 100%;
    color: #000;
    font-weight: 600;
}

.flex-newsleter {
    display: flex;
    align-items: center;
}

.mark-form p {
    font-size: 14px;
    display: inline-block;
    font-weight: 500;
    color: #000;
    padding-bottom: 10px;
}

.mark-form form input {
    font-weight: 300;
    font-size: 13px;
    line-height: 24px;
    letter-spacing: 0.025em;
    color: var(--text-color);
    border: solid 1px #f3f3f3;
    padding: 11px 25px 13px 25px;
    background-color: #f3f3f3;
    border-radius: 0;
    width: 60%;
}

.mark-form form button {
    display: inline-block;
    outline: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1.4px;
    text-indent: 0.265em;
    text-transform: uppercase;
    padding: 17px 20px 17px 20px;
    appearance: none;
    cursor: pointer;
    background: #fff;
    width: 38%;
    color: #fff;
    font-weight: 600;
    animation: glowing 1.8s infinite;
}





@keyframes glowing {
    0% {
        background-color: #008fc7;
        box-shadow: 0 0 3px #008fc7;
    }

    50% {
        background-color: #008fc7;
        box-shadow: 0 0 15px #008fc7;
    }

    100% {
        background-color: #008fc7;
        box-shadow: 0 0 3px #008fc7;
    }
}


section.list-teach {
    /* padding-top: 50px; */
    /* padding-bottom: 20px; */
    background: #f0f1f3;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.hedding-title-all-service p {
    color: #000;
}

section.list-teach .hedding-title-all-service h2 {
    margin-bottom: 0px;
    font-size: 35px;
    color: #051D3B;
}

section.list-teach .hedding-title-all-service {
    padding-bottom: 20px;
}

.item-tearch {
    padding: 6px;
}

p.author-desig.th-desig {
    font-size: 14px;
}

.keyper-teach {
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.model-profile-teach {
    padding: 11px;
}

.model-profile-teach ul h2 {
    color: #000;
    font-size: 17px;
    font-weight: 600;
}

.model-profile-teach ul li {
    position: relative;
    font-size: 15px;
    text-align: justify;
    padding-bottom: 10px;
    color: #000;
}


.model-profile-teach ul li i {
    padding-right: 5px;
    color: #2ac23c;
}

.item-camnhan {
    padding: 10px;
}

.item-camnhan iframe {
    width: 100%;
    height: 347px;
    border-radius: 10px;
    display: block;
}

.video-camnhan {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}


.item-camnhan.slick-slide.slick-current.slick-active.slick-center {
    width: 420px;
    margin-top: 0px;
}

.item-camnhan.slick-slide.slick-current.slick-active.slick-center iframe {
    height: 390px;
    display: block;
}

.item-camnhan.slick-slide.slick-active {
    margin-top: 30px;
    width: 340px;
}

.item-camnhan.slick-slide.slick-current.slick-active.slick-center .video-camnhan {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}

.item-camnhan.slick-slide.slick-active .video-camnhan:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #00000026;
}

.item-camnhan.slick-slide.slick-current.slick-active.slick-center .video-camnhan:before {
    content: "";
    background: none;
}






.btn-conteiner-news {
    display: flex;
    justify-content: left;
    --color-text: #ffffff;
    --color-background: #ff135a;
    --color-outline: #ff145b80;
    --color-shadow: #00000080;
}

.btn-content-news {
    display: flex;
    align-items: center;
    padding: 5px 13px;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    font-size: 30px;
    color: var(--color-text);
    background: linear-gradient(62deg, rgba(38, 62, 150, 1) 0%, rgba(17, 108, 184, 1) 53%, #11c1f2 93%);
    transition: 1s;
    border-radius: 100px;
    box-shadow: 0 0 0.2em 0 #11c1f2;
    height: 45px;
    line-height: 45px;
}

.btn-content-news:hover,
.btn-content-news:focus {
    transition: 0.5s;
    -webkit-animation: btn-content 1s;
    animation: btn-content 1s;
    outline: 0.1em solid transparent;
    outline-offset: 0.2em;
    box-shadow: 0 0 0.4em 0 #008fc7;
}

.btn-content-news .icon-arrow {
    transition: 0.5s;
    margin-right: 0px;
    transform: scale(0.6);
}

.btn-content-news:hover .icon-arrow {
    transition: 0.5s;
    margin-right: 15px;
}

.icon-arrow {
    width: 20px;
    margin-left: 5px;
    position: relative;
    top: 6%;
}

/* SVG */
#arrow-icon-one {
    transition: 0.4s;
    transform: translateX(-60%);
}

#arrow-icon-two {
    transition: 0.5s;
    transform: translateX(-30%);
}

.btn-content-news:hover #arrow-icon-three {
    animation: color_anim 1s infinite 0.2s;
}

.btn-content-news:hover #arrow-icon-one {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.6s;
}

.btn-content-news:hover #arrow-icon-two {
    transform: translateX(0%);
    animation: color_anim 1s infinite 0.4s;
}

/* SVG animations */
@keyframes color_anim {
    0% {
        fill: white;
    }

    50% {
        fill: #3454df;
    }

    100% {
        fill: white;
    }
}

/* Button animations */
@-webkit-keyframes btn-content {
    0% {
        outline: 0.2em solid var(--color-background);
        outline-offset: 0;
    }
}

@keyframes btn-content {
    0% {
        outline: 0.2em solid #008fc7;
        outline-offset: 0;
    }
}




.box-content-hinhanh {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.box-content-hinhanh h3 a {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}

.box-content-hinhanh i {
    width: 75px;
    height: 75px;
    background: #ffffffb5;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    color: #fff;
    box-shadow: 0 0 0 0 #ffffff;
    -webkit-animuiion: zoom 1.3s infinite;
    animation: zoom 1.3s infinite;
    font-size: 30px;
}









.keyper-news-pages {
    padding: 11px;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.item-news-pages {
    padding: 10px 25px;
}

.model-content-news-pages {
    padding: 10px;
}

.model-content-news-pages h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.model-content-news-pages p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

span.btn-title {
    font-size: 14px;
}

a.btn-content-news svg {
    width: 35px;
    height: 35px;
}

.btn-conteiner-news {
    padding-left: 10px;
}

.btn-conteiner-news a {
    color: #000;
    font-weight: 600;
}

.img-news img {
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



section.form-blader {
    background: #1491C9 !important;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;

}

section.form-blader:before {
    content: "";
    position: absolute;
    background: url(../images/Rectangle_25.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}


.box-form-section-blader h2 {
    color: #051D3B;
    font-weight: 600;
    padding-bottom: 49px;
    text-align: left;
    text-transform: full-size-kana;
    font-size: 35px;
}

.box-form-section-blader form input {
    width: 100%;
    padding: 12px 20px;
    margin-bottom: 20px;
    border-radius: 15px;
    border: 1px solid #a2a2a2;
}

.box-form-section-blader form select {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
    background: none;
    height: 50px;
}

.box-form-section-blader form textarea {
    width: 100%;
    height: 150px;
    border: none;
    margin-top: 20px;
    border-radius: 5px;
    border: 1px solid #cdcdcd;
}

.label-form-blader {
    display: flex;
    justify-content: space-between;
}

.label-form-blader input {
    width: 49% !important;
}

.btn-ground-blader-form button {
    padding: 11px 20px;
    background: #1491C9;
    font-size: 18px;
    border-radius: 15px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 17px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
    margin-bottom: 20px;
    width: 100%;
}

.btn-ground-blader-form {
    text-align: center;
}

.box-form-section-blader form p {
    color: #051D3B;
    font-size: 17px;
    font-style: italic;
    text-align: center;
}

.box-form-section-blader {
    padding: 40px 60px;
    background: #ffffff;
    border-radius: 30px 0px 0px 30px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    height: 100%;
}


section.boxx-video-camnhan {
    background: #DD781D !important;
    /* padding: 50px 0px; */
    position: relative;
}

section.boxx-video-camnhan:before {
    content: "";
    position: absolute;
    background: url(../images/Rectangle18.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

section.news {
    padding-top: 20px;
    background: #f0f1f3 !important;
}

@keyframes zoom {
    0% {
        transform: scale(.9)
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 15px #ffffff17;
    }

    100% {
        transform: scale(.9);
        box-shadow: 0 0 0 0 #ffffff87;
    }
}

.box-banner-form-left img {}

@keyframes upDown {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}


.box-form-member {
    padding-bottom: 20px;
    position: relative;
    z-index: 99999;
}

.box-form-member form input {
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 10px;
    border-radius: 5px;
}

.box-form-member form button {
    padding: 8px 20px;
    background: #008fc7;
    font-size: 18px;
    border-radius: 5px;
    color: #fff;
    margin-top: 5px;
    margin-bottom: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
    animation: zoom 1.3s infinite;
    margin-bottom: 20px;
}

.item-list-service a {
    position: relative;
}

section.phuongphap p.hinhthuc {
    text-transform: uppercase;
    line-height: 30px;
    color: #e0781d;
}

section.phuongphap .pages-home-model-hedding h2 {
    text-shadow: 6px 5px 1px #e4e4e4;
    font-size: 39px;
    text-transform: uppercase;
    line-height: 40px;
    color: #0A0C1B;
    margin-bottom: 25px;
}











/* tab  */
.tabs {
    display: flex;
    padding-bottom: 12px;
}

.tablinks {
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
    transition: 0.2s ease;
    padding: 13px 20px 13px 20px;
    margin: 0px 0px 10px 0px;
    color: #333333;
    border-right: 1px solid #e1e1e1;
    background-color: #f4f5f8;
    position: relative;
}

.tablinks:hover {}

.tablinks.active {
    color: #ffffff;
    background: #de7621;
}

.tabcontent {
    /*! display: none; */
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.tabcontent p {
    color: #333;
    font-size: 16px;
}

.tabcontent.active {
    /* display: block; */
    visibility: visible;
    opacity: 1;
    height: unset;
}

button.tablinks.active:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0px 26px 19px 0;
    right: 0;
    bottom: -18px;
    transition: 0.4s;
    border-color: transparent #de7621 transparent transparent;
}

.box-views-post svg {
    width: 18px;
    height: 18px;
    margin-right: 5px;
    fill: #6d6d6d;
}

.box-element-page-tabs span {
    font-weight: 600;
    font-size: 22px;
}

.box-element-page-tabs p {
    display: flex;
    align-items: center;
}

.box-element-page-tabs {
    padding-bottom: 10px;
}

.pages-innder-tabs-tiepnhan span {
    display: inline-block;
    font-size: 17px;
}

/* end tab  */


.year-experience {
    /* position: absolute; */
    /* top: -1px; */
    /* left: 9px; */
    z-index: 99999;
    /* background: #fff; */
    animation: zoom 1.3s infinite;
}

.year-experience button {
    padding: 10px 20px;
    height: 55px;
    max-width: 295px;
    width: 295px;
    font-size: 18px;
    text-transform: uppercase;
    position: relative;
    z-index: 99;
    background: #fff;
    overflow: unset;
    color: #000;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.year-experience:before {
    content: "";
    position: absolute;
    background: #ffa800;
    max-width: 294px;
    width: 305px;
    top: 8px;
    left: 9px;
    z-index: -1;
    right: 0;
    bottom: -8px;
}

span.sub-title-luachon {
    font-size: 16px;
    font-weight: 500;
    color: #1c7ed4;
    text-transform: uppercase;
    margin-top: -0.41em;
    margin-bottom: 0px;
    display: block;
}

.sec-title-luachon {
    font-size: 36px;
    margin-bottom: 70px;
    color: #000;
    font-weight: 600;
    margin-top: 0px;
}

a.th-btn-luachon {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #1492cc;
    color: #fff;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 20.5px 29px;
}

.shape-mockup {
    position: absolute;
    z-index: -1;
    margin-top: 0px;
}

.model-tabs-pp {
    margin-top: 10px;
}

.box-slick-luachon {
    padding-top: 67px;
}


.header-tomtat svg {
    width: 15px;
    height: 15px;
    margin-top: 8px;
}

.header-left-tomtat {
    display: flex;
    align-items: center;
}

.header-tomtat {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-left-tomtat p {
    padding-left: 10px;
    padding-bottom: 0px !important;
    font-weight: 700 !important;
}

.tomtatnd {
    margin-top: 20px;
    border: 1px solid rgb(171 171 171 / 95%);
    padding: 5px 10px;
    background: #eee;
    overflow: hidden;
    width: 77%;
}

.content-tomtat h3 {
    line-height: 1.1 !important;
    margin-top: 0px !important;
}

.header-right-tomtat p {
    display: inline-flex;
    align-items: center;
}

.content-tomtat ul {
    padding-left: 20px;
}

.content-tomtat ul li {
    list-style: none !important;
}

.content-tomtat ul li a {
    font-size: 17px;
    font-weight: 700;
}

.content-tomtat {
    height: 0;
    max-height: 0px;
}

.header-right-tomtat {
    cursor: pointer;
}

.tomtatnd.active-scroll .content-tomtat {
    height: 100%;
    max-height: 100%;
    transition: 1s ease;
}








.keyper-category-card {
    text-align: center;
    border-radius: 10px;
    border: 1px solid var(--f-2-f-2-f-2, #F2F2F2);
    background: var(--white-color, #FFF);
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.06);
    padding: 7px;
    position: relative;
}

.items-slick-luachon {
    padding: 3px;
}

section.luachon-main-pages .ctnr {
    max-width: 1423px;
}

.category-card_icon img {
    border-radius: 5px;
}

.model-content-slick-luachon h2 {
    text-align: justify;
    font-size: 29px;
    color: #000;
    font-weight: 500;
    position: absolute;
    bottom: 62px;
    left: 29px;
}

.card-lead {
    position: absolute;
    bottom: 5px;
    text-align: center;
    width: 100%;
    background: linear-gradient(90deg, rgb(222 118 33 / 83%) 0%, rgb(236 140 62 / 91%) 47%, rgb(240 150 77 / 82%) 93%);
    padding: 5px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.category-card_icon {
    position: relative;
    overflow: hidden;
    border-radius: 5px;
}


.box-slick-luachon .slick-prev.slick-arrow {
    opacity: 1;
    visibility: visible;
    --pos-x: 0;

    top: 0px;
    right: 60px;
    left: auto;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background: #F3F7FB;
    box-shadow: none;
    color: #0D5EF4;
}

.box-slick-luachon button i {
    font-size: 15px;
    margin-top: 8px;
}

.box-slick-luachon .slick-next.slick-arrow {
    opacity: 1;
    visibility: visible;
    --pos-x: 0;
    top: 0px;
    right: 12px;
    left: auto;
    width: 40px;
    height: 30px;
    line-height: 30px;
    border-radius: 10px;
    background: #F3F7FB;
    box-shadow: none;
    color: #0D5EF4;
}

a.th-btn-luachon i {
    padding-left: 10px;
}













.event-card_img {}

.event-card {
    position: relative;
    border-radius: 10px;
    z-index: 2;
}

.bg-mask {
    -webkit-mask-position: center center;
    mask-position: center center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
}

.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.event-card .event-author {
    padding-left: 155px;
    margin-bottom: 30px;
}

.event-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px;
}

.event-card .event-author {
    padding-left: 150px;
    margin-bottom: 30px;
}

.event-author .avater {
    max-width: 46px;
    border-radius: 999px;
    overflow: hidden;
}

.event-author .author-name {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.event-meta p,
.event-meta span,
.event-meta a {
    margin-bottom: 0;
    font-size: 14px;
}

.event-card_title {
    font-weight: 600;
    margin-bottom: 15px;
    line-height: 25px;
    min-height: 50px;
    display: flex;
    align-items: center;
}

.event-card .th-btn-news {
    padding: 9.5px 27px;
}

.th-btn-news:before {
    content: "";
    position: absolute;
    height: 0%;
    left: 50%;
    top: 50%;
    width: 600%;
    background-color: #0F2239;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(60deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(60deg);
    transform: translateX(-50%) translateY(-50%) rotate(60deg);
    z-index: -1;
    -webkit-transition: 0.7s ease;
    transition: 0.7s ease;
}

a.th-btn-news {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #1492cc;
    color: #ffffff;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;
}

h3.event-card_title.th-text a {
    color: #051D3B;
    font-size: 25px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4;
}

h3.event-card_title.th-text a:hover {
    color: #DD781D;
}

.event-meta i {
    padding-right: 5px;
    color: #0D5EF4;
}

.event-card .th-btn-news i {
    padding-left: 5px;
}


.breadcrumbs.clearfix ul li:last-child a {
    cursor: context-menu;
}

.news_item .image img {
    display: block;
    height: 80px;
}

.news_item .date_time {
    margin-top: 5px;
    width: 100%;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}





.teacher-bottom {
    position: relative;
    margin-top: 15px;
    transition: all 0.3s linear;
    /*! padding-top: 100px !important; */
    padding: 20px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 0px;
}



h3.teacher-name {
    color: #1492cc;
    font-size: 25px;
    text-transform: unset;
    line-height: 30px;
    margin-bottom: 5px;
    font-weight: 600;
}

p.teacher-deg {
    color: #DD781D;
    font-size: 20px;
    text-transform: capitalize;
    line-height: 24px;
}

.corpix-teacher-wrapper:hover .teacher-bottom:before {
    width: 30px;
}

.corpix-teacher-wrapper:hover .teacher-bottom {}


.social-shear {
    text-align: center;
    /*! height: 170px; */
    /*! padding-top: 60px; */
}

.corpix-teacher-wrapper:hover .social-shear {}

ul.team-info-icons li a {
    color: #051D3B;
    font-size: 20px;
}



.corpix-teacher-wrapper:hover .teacher-image:before {
    transform: scale(1);
    opacity: 1;
    visibility: visible;
}

.teacher-image {
    position: relative;
    border-radius: 100%;
    overflow: hidden;
    filter: drop-shadow(2px 4px 6px #cdcdcd);
}

ul.team-info-icons {
    text-align: left;
}

ul.team-info-icons li {
    list-style: disc;
    margin-left: 20px;
    color: #051D3B;
    font-size: 20px;
}

.item-teachs {
    padding: 13px;
    overflow: hidden;
    padding-top: 80px;
}

section.luachon-main-pages {
    padding-bottom: 30px;
}

.item-slicks-camnhan-pages {}

.icon_video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.icon_video svg {
    width: 40px;
    height: 40px;
    fill: #fff;
}

.box-meember-slick-camnhan {
    position: relative;
    /* border-radius: 10px; */
    overflow: hidden;
}

.item-slicks-camnhan-pages {
    padding: 10px;
}

.box-meember-slick-camnhan:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000030;
}

.btn-viewll-camnhan {
    text-align: center;
}

.btn-viewll-camnhan a {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    border: none;
    text-transform: uppercase;
    text-align: center;
    background-color: #0D5EF4;
    color: #fff;
    box-shadow: 0px 6px 16px rgba(13, 94, 244, 0.24);
    border-radius: 5px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    padding: 14.5px 29px;
}

.list-camnhan {
    margin-bottom: 15px;
}

section.nn-quantily .hedding-title-all-service h2 {
    text-transform: uppercase;
    background-image: linear-gradient(62deg, #1492cc 0%, rgba(17, 108, 184, 1) 53%, rgba(17, 193, 242, 1) 93%);
    font-size: 27px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0);
}

section.nn-quantily .hedding-title-all-service h2:before {
    content: "";
    background: none;
}

section.nn-quantily .hedding-title-all-service h2:after {
    content: "";
    background: none;
}

section.nn-quantily .hedding-title-all-service p {
    color: #777777;
    font-family: "Playfair Display", sans-serif;
    font-size: 22px;
    font-style: italic;
}

section.nn-quantily .hedding-title-all-service span {
    font-size: 16px;
    width: 79%;
    display: inline-block;
    padding-bottom: 10px;
}

.number-1-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: space-between;
}

.item-quatily {
    width: calc(93%/3);
    text-align: center;
    background: #cdcdcdfc;
    position: relative;
    border-radius: 5px;
    background: linear-gradient(279deg, rgba(226, 226, 226, 1) 0%, rgba(255, 255, 255, 1) 47%, rgba(228, 228, 228, 1) 93%);
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.item-quatily h2:after {
    content: '+';
    position: relative;
    line-height: 0;
    vertical-align: baseline;
    font-size: 23px;
    top: -13px;
}

.item-quatily h2 {
    color: #EC2229 !important;
    font-size: 32px;
    font-weight: 700;
}

.item-quatily span {
    color: #000;
    font-size: 16px;
}

.item-quatily {
    padding: 28px 8px;
}

.model-video {
    height: 100%;
    position: relative;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 5px;
    overflow: hidden;
}

.model-video source {
    height: 100%;
}
















.layout-contact {
    margin-bottom: 30px
}

.layout-contact .des_foo {
    margin-bottom: 10px;
    font-size: 15px;
    font-weight: 300;
}

.layout-contact .des_foo span {
    color: #1d7ad1 !important;
    font-weight: 700
}

.layout-contact .contact {
    margin-bottom: 20px;
    background: #fff
}

.layout-contact .contact h4 {
    font-size: 19px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px
}

.layout-contact .contact .info-contact {
    padding: 5px;
    border-radius: 0 0 10px 10px
}

.layout-contact .contact .info-contact .description {
    margin-top: 10px
}

.layout-contact .contact .info-contact .group-address {
    margin-top: 10px
}

.group-address .info a,
.group-address .info span {
    margin-bottom: 0px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    display: block;
}

.layout-contact .contact .info-contact .group-address .title {
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 10px
}

.layout-contact .contact .info-contact .group-address ul {
    list-style: none;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.layout-contact .contact .info-contact .group-address ul li {
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
    width: 100%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
    display: flex;
    align-items: center
}

.layout-contact .form-contact .content-form {
    padding: 0px;
    display: block;
    font-size: 15px;
    font-weight: 300;
    margin-bottom: 5px;
}

.layout-contact .form-contact h4 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px
}

.layout-contact .form-contact .group_contact {
    border-radius: 0 0 10px 10px
}

.layout-contact .form-contact .group_contact input,
.layout-contact .form-contact .group_contact textarea {
    border: 1px solid #e1e1e1;
    width: 100%;
    margin-bottom: 10px;
    outline: none;
    font-size: 14px;
    border-radius: 8px
}

.layout-contact .form-contact .group_contact input {
    padding: 5px 20px;
    border: 1px solid #e6e6e6
}

.layout-contact .form-contact .group_contact textarea {
    padding: 10px 20px;
    height: 77px;
    border: 1px solid #e6e6e6
}

.layout-contact .form-contact .group_contact .btn-lienhe {
    background: #1d7ad1;
    color: #fff;
    border: initial;
    padding: 0 20px;
    line-height: 35px;
    font-size: 14px;
    border-radius: 20px
}

.layout-contact .form-contact .group_contact .btn-lienhe:hover {
    background-color: #ff8806;
    color: #fff
}

#contact_map {
    height: 100%
}

#contact_map iframe {
    width: 100%;
    border-radius: 5px;
    height: 100%
}

.group-address .icon svg {
    height: 18px;
}





.breadcrumbs.clearfix ul {
    display: flex;
    padding: 8px 0px;
}

.breadcrumbs.clearfix {
    background: #f6f6f6;
}

.breadcrumbs.clearfix ul li {
    position: relative;
    padding-right: 15px;
    padding-left: 7px !important;
}

.breadcrumbs.clearfix ul li:before {
    content: '/';
    right: 100%;
    position: absolute;
}

.breadcrumbs.clearfix ul li:nth-child(1):before {
    content: '';
}

.breadcrumbs.clearfix ul li:nth-child(1) {
    padding-left: 0px;
}

section.list-teach .hedding-title-all-service p {
    color: #DD781D;
    font-size: 18px;
}


.icon-ytb-quantily a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 999999;
}

a.td_video_button.mfp-iframe:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #f00;
    z-index: 0;
    animation: pulse-border 1500ms ease-out infinite;
}

a.td_video_button.mfp-iframe:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: translateX(-50%) translateY(-50%);
    background-color: #f00;
    transition: all 200ms;
}

a.td_video_button.mfp-iframe i {
    z-index: 2;
    position: absolute;
    height: 30px;
    width: 30px;
    text-align: center;
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-46%, -47%);
}

@keyframes pulse-border {
    0% {
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -webkit-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        -ms-transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0;
    }
}

.box-banner-form-left .td-section-title-content {
    padding: 0px 0px 0px 15px;
    border-style: solid;
    border-width: 0px 0px 0px 2px;
    border-color: #fff;
}


.box-banner-form-left h6.subtitle {
    color: #fff;
    font-weight: 600;
    font-size: 23px;
    position: relative;
    display: inline-block;
    margin-bottom: 0px;
}

.box-banner-form-left h2.title {
    font-size: 28px;
    line-height: 48px;
    margin: 0px 0px 0px 0px;
    font-weight: 600;
    color: #fff;
}

.inner-text-compoonkey {
    padding-left: 15px;
    /* padding-top: 20px; */
}

.inner-text-compoonkey p {
    color: #fff;
    font-size: 16px;
    text-align: justify;
}

.box-images-form {
    position: relative;
    /* height: 332px; */
    border-radius: 10px;
    overflow: hidden;
    margin-top: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.box-images-form img {
    height: 100%;
}

.box_news_detail h1 {
    background: #008fc7;
    display: inline-block;
    padding: 5px 20px;
    color: #fff;
    font-size: 20px;
    border-radius: 10px 10px 0px 0px;
    margin-bottom: 0px;
}

.box_news_detail {
    border-bottom: 1px solid #008fc7;
    margin-bottom: 20px;
}

.box-new-post-by .news_infor h3 a {
    font-size: 18px;
}

.news_infor h3 {
    font-weight: 600;
    text-align: center;
    margin: unset;
}

.box-new-post-by {
    padding: 0;
    border-radius: 0;
    overflow: auto;
    border-radius: 1.25rem;
    box-shadow: 0 0.25rem 1.875rem rgba(182, 51, 51, 0.2);
    border: solid 3px #fff;
}

.news_item.clm {
    padding-bottom: 20px;
}

.box-new-post-by .news_infor {
    padding: 0;
}

.box-new-post-by .image {
    border-radius: 10px;
    overflow: hidden;
}

.layout-contact .contact .info-contact .group-address ul li .icon {
    width: 40px;
    min-width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #1d7ad1;
    border-radius: 50%;
    margin-right: 10px
}

.layout-contact .contact .info-contact .group-address ul li .icon svg path {
    fill: #1d7ad1;
}


.layout-contact .contact .info-contact .group-address ul li b {
    display: block
}

.layout-contact .contact .info-contact .group-address ul li a {
    color: #000
}

.layout-contact .contact .info-contact .group-address ul li a:hover {
    color: #008b4b
}

.layout-contact .contact .info-contact .group-address .see-store {
    color: #fff;
    background-color: #008b4b;
    line-height: 38px;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 5px
}

.layout-contact .contact .info-contact .group-address .see-store:hover {
    background-color: #009b50
}

.layout-contact .form-contact {
    background: #fff
}

#contact_map p {
    display: inline-block;
    width: 100%;
    height: 100%;
}






/* form  */



.modal_popup .modal_popup_bd {
    opacity: 1;
    visibility: initial;
    transform: translateY(0px);
}

select.popup-select-form {
    height: 56px;
    border: 1px solid #e4e7ee;
    width: 100%;
    border-radius: 5px;
    padding: 4px 15px 0px 15px;
    color: #4a4e56;
    font-size: 14px;
}

.modal_popup_bd {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    padding: 100px 0px 0px;
    overflow: auto;
    background: none;
    transform: translateY(-101%);
    transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -webkit-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}

.modal_popup_bd:before {
    position: absolute;
    content: "";
    background: #00000070;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.modal_popup_bd .modal-popup-inner_bd {
    background: #f0f3f9;
    border-radius: 10px;
    position: relative;
    max-width: 1110px;
}

.modal_popup_bd .close-modal_bd {
    position: absolute;
    right: -15px;
    top: -15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border-radius: 50px;
    background: #1c7ed4;
    color: #fff;
    font-size: 16px;
    z-index: 3;
    cursor: pointer;
}

.modal_popup_bd .form_inner_bd {
    position: relative;
    padding: 40px 50px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, .05);
}

.modal_popup_bd .contact-form_bd p {
    position: relative;
    margin: 0px 0px 15px;
    padding: 0px;
}

.modal_popup_bd .contact-form_bd p label {
    display: block;
    width: 100%;
    font-size: 13px;
    color: #282f3b;
    font-weight: 600;
    text-transform: uppercase;
}

.modal_popup_bd .contact-form_bd p label input {
    position: relative;
    height: 56px;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #e4e7ee;
    width: 100%;
    padding: 4px 15px 0px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    margin-bottom: 20px;
    color: #4a4e56;
}

.modal_popup_bd .contact-form_bd p label i {
    position: absolute;
    top: 46px;
    right: 14px;
    color: #1c7ed4;
    margin: auto;
    font-size: 16px;
    height: 16px;
}

.modal_popup_bd .contact-form_bd p .btn-sb-form {
    position: relative;
    display: inline-block;
    min-width: 160px;
    min-height: 60px;
    font-size: 17px;
    line-height: 60px;
    padding: 0px 20px;
    border-radius: 10px 0px 10px 0px;
    border: 1px solid #1c7ed4;
    background: #1c7ed4;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

form.contact-form_bd p label textarea {
    position: relative;
    height: 115px;
    line-height: 26px;
    border-radius: 5px;
    border: 1px solid #e4e7ee;
    width: 100%;
    padding: 4px 15px 0px 15px;
    display: block;
    transition: 0.5s ease-in-out !important;
    -moz-transition: 0.5s ease-in-out !important;
    -o-transition: 0.5s ease-in-out !important;
    -ms-transition: 0.5s ease-in-out !important;
    margin-bottom: 20px;
    color: #4a4e56;
}


.logo_bd img {
    height: 70px;
    width: auto;
    margin-bottom: 10px;
}

.about_company_inner_bd {
    border-radius: 10px;
    padding: 40px 50px 50px 50px;
    overflow: hidden;
}

.text_bd p {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 15px;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
}

.text_bd a {
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    color: #4a4e56;
}

.text_bd {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e7ee;
}

.post_contet_modal_bd h2 {
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #282f3b;
}

.post_enable_bd {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.modal_post_grid_bd {
    margin-bottom: 15px;
    position: relative;
}

.modal_post_grid_bd a {
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    display: block;
}

.modal_post_grid_bd a img {
    height: 100px;
    width: 100%;
    object-fit: cover;
    display: block;
}

.modal_post_grid_bd a:before {
    position: absolute;
    background: #282f3b;
    content: "";
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 10px;
    left: 0;
    top: 0;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.modal_post_grid_bd a:after {
    position: absolute;
    content: "\e912";
    font-family: "icomoon";
    width: 16px;
    font-size: 16px;
    height: 16px;
    color: #078586;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    opacity: 0;
    transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.modal_post_grid_bd:hover a:before {
    opacity: 0.8;
}

.modal_post_grid_bd:hover a:after {
    opacity: 1;
}

.post_contet_modal_bd {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e4e7ee;
}

/* end form  */

.event-card_content .event-meta {
    padding-bottom: 15px;
}

span.sub-title-luachon i {
    padding-right: 10px;
}

.news_list.search-pages .news_item {
    border-radius: 10px;
    padding-top: 10px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.news_item {}

.news_list.search-pages {
    padding-top: 20px;
    padding-bottom: 20px;
}

.news_list.search-pages .news_item img {
    border-radius: 10px;
}

.news_list.search-pages .image {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}

.news_list.search-pages .news_infor {
    padding: 10px;
}

.news_list.search-pages .news_infor h3 a {
    font-size: 25px;
    display: inline-block;
    padding-bottom: 11px;
}

.news_list.search-pages .desc {
    font-size: 16px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
}

.model-tabs-pp .tablinks {
    width: 100%;
    min-width: max-content;
    max-width: fit-content;
}

.model-tabs-pp .tabs {}

.model-tabs-pp .tabs::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #F5F5F5;
}

.model-tabs-pp .tabs::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
    height: 4px;
}

.model-tabs-pp .tabs::-webkit-scrollbar-thumb {
    background-color: #000000;
    border: 2px solid #555555;
}

.wrapper_tabcontent {
    padding-top: 10px;
}

















.box_news_detail p {
    padding-bottom: 10px;
}

.title-headding .bg_img .title {
    display: inline-block;
    height: 100%;
    width: 100%;
    color: #006a41;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    line-height: 42px;
}

.news_rale .title-headding {
    margin-bottom: 20px;
}

.news_rale .news_item {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 3px;
    padding: 5px;
    border-radius: 5px;
    overflow: hidden;
}

.news_rale .news_item .news_infor h3 a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
}

.news_item .image {
    overflow: hidden;
    width: 40%;
    height: 80px;
}

.news_rale .news_item .news_infor {
    width: 60%;
    padding-left: 9px;
    text-align: left;
    padding: 0 10px;
    position: relative;
}

.news_item .news_infor h3 a {
    color: #222;
    font-size: 16px;
    font-weight: 600;
    /* line-height: 21px; */
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;
    overflow: hidden;
    text-overflow: ellipsis;
}

.news_rale.clm {
    position: sticky;
    top: 40px;
    left: 0;
    z-index: 111;
    user-select: none;
    height: 90% !important;
    padding-top: 15px;
}

.news_note {
    font-size: 15px;
    padding: 10px 22px;
    background-color: #eee;
    color: #333;
    line-height: 25px;
    text-align: justify;
    margin-bottom: 15px;
}

.event-meta p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #051D3B;
    font-size: 20px;
}

.news_list.search-pages .image {
    width: 100%;
    height: unset;
    margin-bottom: 15px;
}

.category-card_icon:hover img {
    transform: scale(1.1);
    transition: 0.5s ease;
    border-radius: 5px;
}

.model-video:after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: hsla(0, 0%, 100%, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
    animation: expand 4s infinite;
}

.box-images-ppday:after {
    position: absolute;
    width: 200%;
    height: 0%;
    left: 50%;
    top: 50%;
    background-color: hsla(0, 0%, 100%, .3);
    transform: translate(-50%, -50%) rotate(-45deg);
    content: "";
    z-index: 1;
    animation: expand 4s infinite;
}

.experience-text:hover button {
    background: #1c7ed4;
    color: #fff;
}

@keyframes expand {
    0% {
        height: 0%;
        background-color: hsla(0, 0%, 100%, .3);
    }

    50% {
        height: 250%;
        background-color: transparent;
    }

    100% {
        height: 0%;
        background-color: hsla(0, 0%, 100%, .3);
    }
}


.box-new-post-by .image {
    width: 100%;
    height: unset;
}

.box-new-post-by .image img {
    height: 450px;
}

.box-new-post-by .news_infor h3 a {
    font-size: 17px;
    line-height: 30px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 5px;
    min-height: 30px;
}

.box-new-post-by .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-family: var(--font-body-family);
    overflow: hidden;
    text-overflow: ellipsis;
}


section.boxx-video-camnhan a.td_video_button.mfp-iframe:before {
    content: "";
    width: 50px;
    height: 50px;
}

section.boxx-video-camnhan a.td_video_button.mfp-iframe:after {
    width: 50px;
    height: 50px;
    background: none;
    border: 2px solid #ffffffba;
    background: #ff00007d;
}

section.boxx-video-camnhan a.td_video_button.mfp-iframe i {
    font-size: 17px;
}

.model-video img {
    display: block;
    height: 100%;
}

.block-content-camnhan h3 {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    margin: 5px 0px;
}

.item-pages-camnhan2 {
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
}

.block-content-camnhan {
    padding: 5px 10px 10px 10px;
}

.block-content-camnhan a {
    font-size: 15px;
    color: #1491c9;
    font-style: italic;
    display: flex;
    justify-content: right;
    align-items: center;
    height: 0;
    opacity: 0;
    visibility: hidden;
    transition: height .7s ease-in-out;
}

.item-pages-camnhan2:hover .block-content-camnhan a {
    height: 24px;
    opacity: 1;
    visibility: visible;
}

.block-content-camnhan a svg {
    height: 13px;
    fill: #1491c9;
    margin-left: 2px;
}

.list-camnhan .slick-prev.slick-arrow {
    position: absolute;
    top: -36px;
    right: 65px;
    left: unset;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #cfcfcf;
    opacity: 0.4;
}

.list-camnhan .slick-prev.slick-arrow i {
    color: #000000b8;
    font-size: 14px;
}

.list-camnhan .slick-next.slick-arrow {
    position: absolute;
    top: -36px;
    right: 17px;
    left: unset;
    opacity: unset;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    background-color: #cfcfcf;
    justify-content: center;
}

.list-camnhan .slick-next.slick-arrow i {
    color: #4c4a4ab8;
    font-size: 14px;
}

.noi_dung_in p {
    padding-bottom: 10px;
}

.noi_dung_in ul li {
    list-style: disc !important;
    margin-left: 20px;
}

section.boxx-video-camnhan h2 {
    background: unset;
    color: #fff;
    -webkit-text-fill-color: unset;
}



.hedding-titles-banner2-desk h2 {
    font-size: 43px;
    color: #1491C9;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 1.5;
}

.hedding-titles-banner2-desk-desc {
    font-size: 20px;
    color: #051D3B;
    padding-bottom: 20px;
}

.hedding-titles-banner2-desk h2 span {
    display: block;
    color: #051D3B;
    width: 89%;
}

.banner-2-desk {
    padding: 0px 0px;
    padding-bottom: 15px;
}
.banner-2-desk img{
	min-height: 300px;
}
.hedding-titles-banner2-desk p {
    color: #051D3B;
    padding-bottom: 18px;
}

.hedding-titles-banner2-desk a {
    display: inline-flex;
    width: 175px;
    height: 50px;
    background: #1491C9;
    color: #fff;
    line-height: 50px;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    font-size: 16px;
    font-weight: 600;
    transition: background .7s ease-in-out;
}

.hedding-titles-banner2-desk a:hover {}

.hedding-titles-banner2-desk a svg {
    width: 25px;
    height: 25px;
}

.hedding-titles-banner2-desk a svg path {
    fill: #fff;
}

.icon-chatluong img {
    width: 29.28px;
    height: 33.33px;
    object-fit: contain;
}

.item-chatluong {
    display: flex;
    align-items: center;
    box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.20000000298023224);
    width: 213px;
    padding: 10px;
    border-radius: 20px;
    background: #fff;
}

.box-imgaes-banners-rightw {
    position: relative;
}

.desc-icon-chatluong p {
    font-size: 16px;
    color: #000;
    text-align: center;
    line-height: 1.4;
    font-weight: 500;
}

.icon-chatluong {
    padding-right: 10px;
}

.item-chatluong:nth-child(1) {
    position: absolute;
    top: 104px;
}

.item-chatluong:nth-child(2) {
    position: absolute;
    top: 153px;
    right: 0;
}

.item-chatluong:nth-child(3) {
    position: absolute;
    bottom: 47px;
    left: 20px;
}

.item-chatluong:nth-child(4) {
    position: absolute;
    right: 0;
    bottom: 80px;
}

.img-banners {
    height: auto;
    width: auto;
    /* animation: upDown 5s infinite; */
    padding-top: 20px;
}

.desc-icon-chatluong {
    flex: 1;
}

.list-conso {
    display: flex;
    justify-content: space-between;
    padding: 25px 0px;
}
.item-mitslength{
	padding: 0px 15px;
}
.item-mitslength h2 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    margin: unset;
    display: inline-block;
    position: relative;
}

section.consokh {
    background: #1491C9;
    position: relative;
}

section.consokh:before {
    position: absolute;
    content: "";
    background: url(../images/Rectangle_7.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

.item-mitslength p {
    color: #fff;
    font-size: 18px;
}
.item-mitslength span {
    font-size: 40px;
    font-weight: 600;
	color: #fff
}
.item-mitslength h2:after {
    content: "+";
    font-size: 40px;
    font-weight: 500;
    position: absolute;
    right: -24px;
    top: -8px;
}

section.select-khoahoc {
    background: #f0f1f3;
}

.hedding-title-select-khoahoc {
    text-align: center;
}

.hedding-title-select-khoahoc p {
    font-size: 19px;
    color: #DD781D;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.3;
}

.hedding-title-select-khoahoc h2 {
    color: #051D3B;
    font-weight: 600;
    font-size: 35px;
    margin-top: 0px;
}

.list-item-select-khoahoc {
    padding-top: 65px;
}

.img-select-khoahoc img {
    height: 240px;
    width: 206.93px;
}

.item-list-khoahoc {
    background: #1491C9;
    display: flex;
    position: relative;
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0px 6px 6px rgba(0, 0, 0, 0.25);
    overflow: hidden;
}

.row-list-khoashoc a:hover .item-list-khoahoc {
    background: #DD781D;
}

.desc-khoahocs h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 600;
    width: 128 px;
    line-height: 1.2;
    padding-bottom: 11px;
}

.img-select-khoahoc {
    position: absolute;
    right: -13px;
    top: -50px;
    width: 50%;
    z-index: 99;
}

.list-item-select-khoahoc .clm {
    padding-bottom: 108px;
}

.desc-khoahocs {
    width: 50%;
    text-align: center;
    display: block;
    justify-content: center;
    position: relative;
    z-index: 9;
}

.desc-khoahocs span {
    font-size: 15px;
    color: white;
    padding-bottom: -1px;
    border-bottom: 1px solid;
    display: none;
    position: absolute;
    bottom: 0px;
    left: 34px;
}

.row-list-khoashoc a:hover .item-list-khoahoc .desc-khoahocs span {
    display: block;
}

.desc-khoahocs span svg {
    height: 11px;
    fill: white;
}

.clm-list-item-khoahoc {
    width: 400px;
    height: 240px;
    margin-bottom: 40px;
    margin-right: 23px;
    position: relative;
}

.row-list-khoashoc {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

span.texts {
    font-size: 276px;
    position: absolute;
    z-index: 9;
    line-height: 0;
    bottom: 97px;
    opacity: 0.5;
    color: #ffffff36;
    font-weight: bold;
}

span.texts:nth-child(2) {
    left: 40%;
}

span.texts:nth-child(3) {
    right: -62px;
}

span.texts:nth-child(1) {
    left: -18px;
}

.post-detail-forms{

}











.item-text-inner-ptas {
    display: flex;
    align-items: center;
    padding-bottom: 20px;
}

.ractical-lefts {
    width: 50%;
}

.item-text-inner-ptas h2 {
    font-size: 160px;
    font-weight: bold;
    line-height: 1;
    color: #1491C9;
}

.model-inner-item-ptase {
    flex: 1;
    padding-left: 10px;
}

.model-inner-item-ptase-desc p span {
    font-size: 20px !important;
    font-weight: 400;
}

.model-inner-item-ptase p {
    color: #1491C9;
    font-size: 25px;
    font-weight: 600;
}

.model-inner-item-ptase p span {
    color: #DD781D;
}

p.text-lengthes {
    color: #051D3B;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.3;
}

.hedding-racticals p {
    color: #1491C9;
    font-size: 19px;
}

.hedding-racticals h2 {
    color: #1491C9;
    font-weight: 600;
    font-size: 36px;
}

section.ractical {
    position: relative;
    background: #1491C9 !important;
}

.ractical-rights {
    width: calc(100% - 50%);
}

.list-ractical {
    display: flex;
}

.item-images-raction img {
    height: 400px;
    object-fit: fill;
}
.fancybox-container {
    z-index: 9999999999 !important;
}
.item-images-raction:nth-child(3) {
    margin-top: -110px;
    padding-left: 130px;
    /* animation: upDown 5s infinite; */
}

.list-images-ractivals {
    position: relative;
}.btn-ractical a img {
    width: auto;
    height: 26px;
    padding-left: 5px;
}

.btn-ractical {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    transform: translate(-50%, -50%);
}

.btn-ractical a {
    background-color: rgb(255 255 255 / 0.7);
    width: 70px;
    height: 70px;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.btn-ractical a:before {
}
@keyframes rotatePlay {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes rotatePlayRev {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}

.btn-ractical a:before {
    content: "";
    position: absolute;
    width: 105%;
    height: 105%;
    background: #fff;
    border-radius: 100%;
    z-index: -1;
    animation: zoom 1.3s infinite;
    box-shadow: 0 0 0 0 #ffffff;
    background-color: rgb(255 255 255 / 70%);
}

.item-images-raction:nth-child(2) {
    content: "";
    position: absolute;
    height: 353px;
    border: 2px solid #1491C9;
    border-radius: 20px;
    top: 56%;
    transform: translate(-50%, -50%);
    z-index: 1;
    left: 55%;
    width: 88%;
}

.item-images-raction {
    position: relative;
    z-index: 3;
}

.box-name-tearchs {
    text-align: center;
}

.teacher-image img {
    width: 150px;
    height: 150px;
    margin: 0 auto;
    border-radius: 100%;
}

.corpix-teacher-wrapper {
    background: #fff;
    position: relative;
    border-radius: 15px;
    /* height: 352px; */
    display: flex;
    align-items: flex-start;
}

section.boxx-video-camnhan .ctnr {
    position: relative;
    z-index: 1;
}

.hedding-title-all-service p {
    color: #fff;
    font-size: 18px;
}

.teacher-img {
    position: absolute;
    top: -65px;
    left: 50%;
    transform: translateX(-50%);
}

section.news .hedding-title-all-service p {
    color: #DD781D;
}

.event-card_img.bg-mask img {
    height: 245px;
    border-radius: 20px;
}

.box-containes-forms {
    display: flex;
    position: relative;
}

.models-formes {
    width: 50%;
}

.avatar-form {
    width: 50%;
}

.avatar-form-mesr {
    width: 473px;
    margin: 0 auto;
}

.box-desc-form-left-bleder {
    text-align: center;
}

.box-desc-form-left-bleder h2 {
    color: #fff;
    text-align: left;
    font-size: 43px;
    font-weight: bold;
    padding-bottom: 20px;
}

.avatar-form-mesr h2 span {
    display: block;
    text-align: left;
}

.avatar-form-mesr img {
    display: block;
    height: 587px;
    width: 473px;
}

.avatar-form {
    padding: 30px 0px;
    padding-bottom: 0px;
}


.list-sliders-desk .slick-dots li button {
    color: #96b5c3;
    background: #96b5c3;
    border-radius: 100%;
    width: 10px;
    height: 10px;
}

.list-news-pages.slick-initialized.slick-slider {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

.list-sliders-desk .slick-dots {
    bottom: -20px;
}

.slick-dots li {
    list-style: none !important;
}

.list-sliders-desk .slick-dots li.slick-active button {
    color: #1490c9;
    background: #1490c9;
}

.hedding-titles-banner2-desk {
    /* animation-name: fadeInRight; */
    /* animation-delay: 0s; */
    /* animation-duration: 1.5s; */
    /* animation-iteration-count: 1; */
}

.box-slider-rightw-desk {
    /* animation-name: fadeInLeft; */
    /* animation-delay: 0s; */
    /* animation-duration: 1.5s; */
    /* animation-iteration-count: 1; */
}

.box_news_detail_in {
    width: 100%;
    color: #717173;
    line-height: 26px;
    text-align: justify;
    font-size: 16px !important;
    margin-bottom: 10px;
}

.box_news_detail_in h1 {
    color: #006a41;
    font-size: 22px;
    /* text-transform: uppercase; */
    font-weight: 700;
    margin: 20px 0 10px;
    text-align: left;
}

.date_time {
    color: #888;
    margin-bottom: 0;
}

.ai-center {
    align-items: center;
}

.d-flex {
    display: flex;
}

.date_time span {
    margin-right: 10px;
    font-size: 14px;
}

.date_time i {
    margin-right: 5px;
    font-size: 13px;
}

.name-p .index {
    /* display: none; */
}

.name-p span {
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 600;
    color: #008fc7;
}

.params .name-p span {
    margin-bottom: 10px;
    font-size: 19px;
    font-weight: 600;
    color: #008fc7;
}









.sidebar>*:not(:last-child) {
    margin-bottom: 1.5rem;
}

h2.accordion-header .accordion-button {
    background-color: #F5E2C8;
    color: rgba(34, 34, 34, 0.7);
    justify-content: space-between;
    min-height: 3.4375rem;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18px 1.25rem;
    font-size: 16px;
    text-align: left;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

button.accordion-button:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 3.4375rem;
    transition: all 0.2s ease-in-out;
    background-color: #E2C6A0;
}

button.accordion-button:after {}

.btton-before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 5.4375rem;
    transition: all 0.2s ease-in-out;
    background-color: #E2C6A0;
    flex-shrink: 0;
    margin-left: auto;
    content: "";
    background-repeat: no-repeat;
    background-size: 1rem;
    transition: transform 0.2s ease-in-out;
}

.btton-before svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
}

.btton-before svg path {
    fill: #fff;
}

.accordion-item.accordion-item-bg-1:nth-child(2) .accordion-header .accordion-button {
    background: #E1BF90;
    color: #fff;
}

.accordion-item.accordion-item-bg-1:nth-child(2) .accordion-header .accordion-button .btton-before {
    background-color: #C7A26F;
}



.accordion-item.accordion-item-bg-1:nth-child(3) .accordion-header .accordion-button {
    background: #D88373;
    color: #fff;
}

.accordion-item.accordion-item-bg-1:nth-child(3) .accordion-header .accordion-button .btton-before {
    background-color: #C76856;
}





.accordion-item.accordion-item-bg-1:nth-child(4) .accordion-header .accordion-button {
    background: #008fc7;
    color: #fff;
}

.accordion-item.accordion-item-bg-1:nth-child(4) .accordion-header .accordion-button .btton-before {
    background-color: #007fb1;
}

section.bg-light.border.rounded.p-3.form-slider-bars {
    background: #F6F6F6;
    margin-top: 20px;
    padding: 2rem !important;
    border-radius: 0.5rem !important;
    border: 1px solid #E9E9E9;
    margin-bottom: 20px;
}

section.bg-light.border.rounded.p-3.form-slider-bars h6 {
    font-size: 17px;
    color: #333;
    margin-top: 0px;
}

section.bg-light.border.rounded.p-3.form-slider-bars form .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    height: 40px;
}

section.bg-light.border.rounded.p-3.form-slider-bars form .input-group input {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    height: 100%;
    border: none;
    font-size: 17px;
}

section.bg-light.border.rounded.p-3.form-slider-bars form .input-group .btn.btn-primary {
    background-color: #EC2229;
    border-color: #EC2229;
    height: 100%;
    border-radius: unset;
}

section.bg-light.border.rounded.p-3.form-slider-bars form {
    border: 1px solid #bebbbb;
    border-radius: 5px;
}

section.bg-light.border.rounded p {
    margin-top: 20px;
    display: inline-block;
    font-style: italic;
    font-weight: 100;
}

section.bg-light.border.rounded.p-3.form-slider-bars svg {
    width: 50px;
    height: 50px;
}

.accordion-collapse {
    display: none;
}

.accordion-item.accordion-item-bg-1.active .accordion-collapse {
    display: block;
}

.page_news .row {
	/* padding: 0 80px; */
}

.box_news_detail{

}
.news-rale .news-list{
	padding: 0 0 30px;
}
.news-list{
	padding: 30px 0;
}
.news-list__item:not(:last-child){
	margin-bottom: 25px;
}
.news-list__ttl{
	font-size: 22px;
	color: #006a41;
	font-weight: 400;
	margin-top: 0;
}
.news-list__ttl>a{
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	color: inherit;
}
.news-list__brief{
	font-size: 14px;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	display: -webkit-box;
	
}
.news-list__action a{
	border: 1px solid #006a41;
	color: #006a41;
	display: block;
	text-align: center;
	padding: 10px;
	
}
@media (min-width: 992px){
	
	.banner-2-mobi{
		display: none !important;
	}
}
@media (max-width: 992px) {
	.banner-2-desk{
		display: none !important;
	}
}
@media (max-width: 575px){
	.news-list__ct{
		margin-bottom: 10px;
	}
}















section.box-mxh h5 span {
    display: inline-block;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #EC2229;
    font-size: 20px;
    color: #333;
}

section.box-mxh {
    margin-top: 15px;
}

.social-buttons {
    padding: 1.5rem;
    background: url(https://static.ebomb.edu.vn/ielts-fighter/images/aside-social-bg.svg) no-repeat center center;
    background-size: cover;
}

.social-buttons>div>a {
    color: #000;
    background-color: #fff;
    border-color: #fff;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    text-align: left;
    word-break: break-all;
    margin-bottom: 10px;
    font-size: 16px;
    justify-content: left;
}

.social-buttons>div>a>span {
    display: inline-flex;
    min-width: 1.5rem;
    margin-right: 15px;
}

.social-buttons>div>a>span>svg {
    width: 20px;
    height: 20px;
}

.social-buttons p {
    color: #fff;
}

.hotlines {
    background: #f00;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.hotlines svg {
    fill: #fff;
}

.hotlines svg path {}

.news_item_in {
    padding: 10px 0;
}

.news_item_in .image img {
    border-radius: 10px;
    width: 100%;
    height: 190px;
}

.news_item_in .news_infor {}

.news_item_in .news_infor h3 {
    font-size: 20px;
    text-align: left;
    margin-bottom: 10px;
}

.news_item_in .news_infor h3 a {
    color: #333;
    font-size: 17px;
    font-weight: 600;
}

.news_item_in .news_infor h3 a:hover {
    color: #1491C9
}


.news_item_in .news_infor .desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-family: var(--font-body-family);
    text-overflow: ellipsis;
    font-size: 15px;
    color: #5c5c5c;
    font-weight: 400;
    margin-bottom: 10px;
}

.news_item_in .news_infor a {
    font-size: 15px;
    font-weight: 500;
}

.news_item_in .news_infor a svg {
    height: 17px;
    fill: #333;
    position: relative;
    top: 2px;
    margin-left: 10px;
}

.hedding-racticals {
    text-align: center;
}

section.ractical:before {
    content: "";
    position: absolute;
    background: url(https://ngoaingupta.edu.vn/frontend/images/Rectangle_25.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

section.ractical .ctnr {
    position: relative;
    z-index: 9999;
}














.item-applices:hover svg path:nth-child(1) {
    stroke: #de771d;
    fill: #de771d;
    transition: 0.5s ease;
}

.box-applica {
    display: flex;
    flex-wrap: wrap;
    width: 405px;
    justify-content: center;
    position: relative;
}

.box-applica .item-applices:nth-child(1) {
    transform: rotate(240deg);
}

.box-applica .item-applices:nth-child(2) {
    transform: rotate(120deg);
    margin-left: -22px;
}

.box-applica .item-applices:nth-child(3) {
    margin-top: -93px;
}

.box-inner-pta {
    position: absolute;
    z-index: 101;
    width: 250px;
    height: 250px;
    background: #fff;
    border-radius: 100%;
    background: #ffffff;
    top: 51%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    left: 50%;
}

.list-item-pta {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95%;
    height: 95%;
    border: 4px solid #1490c9;
    border-radius: 100%;
}

.list-item-pta h2 {
    font-size: 68px;
    font-weight: bold;
    color: #051d3b;
}

.tabs-ptas {
    padding: 15px 20px;
    background: #fff;
    border-radius: 15px;
    position: relative;
    margin-top: 45px;
}

.item-tabs-lefts h2 {
    color: #1491C9;
    font-weight: 700;
}

.item-tabs-lefts h2 span {
    color: #DD781D;
}

.item-tabs-lefts p {
    color: #000;
    font-size: 18px;
}

.box-tabs-kerper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.item-tabs-lefts {
    width: 70%;
}

.btn-tabs-ptas {
    width: 30%;
    text-align: center;
}

.btn-tabs-ptas a {
    display: inline-block;
    padding: 10px 26px;
    background: #DD781D;
    border-radius: 10px;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.tabs-ptas:before {
    content: "";
    position: absolute;
    width: 27px;
    height: 27px;
    background: #fff;
    transform: rotate(45deg);
    top: -13px;
    left: 190px;
    box-shadow: -2px -2px 5px -4px;
}

.item-applices svg path:nth-child(1) {
    fill: #1490c9;
}

.active-color svg path:nth-child(1) {
    stroke: #de771d;
    fill: #de771d;
}

.box-applica.active-2 {
    transform: rotate(115deg);
    transition: 0.5s ease;
}

.box-applica.active-3 {
    transform: rotate(0deg);
    transition: 0.5s ease;
}

.box-applica.active-1 {
    transform: rotate(243deg);
    transition: 0.5s ease;
}

.model-pta-left {
    position: relative;
    width: 405px;
}

.item-pta-text.active h2 {
    color: #de771d;
}

.tabs-ptas {
    display: none;
}

.box-list-tabs.active-2 .tabs-ptas.active-2 {
    display: block;
}

.box-list-tabs.active-1 .tabs-ptas.active-1 {
    display: block;
}


.box-list-tabs.active-3 .tabs-ptas.active-3 {
    display: block;
}





section.ractical .hedding-racticals p {
    color: #fff;
}

section.ractical .hedding-racticals h2 {
    color: #fff;
}

.btn-tabs-ptas a:hover {
    background: #1491c9;
    color: #fff;
    transition: 0.3s ease;
}

.item-applices {
    cursor: pointer;
}

.item-slicks-banner2.slick-slide {
    height: unset;
}



.page_news.pages-list-ielts .news_infor h3 {}

@media (max-width:990px) {
    .ctnr {
        max-width: 720px;
    }
}

@media only screen and (min-width: 550px) and (max-width:820px) {
    .clm-list-item-khoahoc {
        width: calc(100% / 2);
        margin: 0px 10px;
    }
}

@media(min-width:1600px) {
    .event-author .author-name {
        font-size: 16px;
    }

    .event-card_img.bg-mask img {
        object-fit: cover;
    }

    .item-camnhan.slick-slide.slick-active {
        width: 400px;
    }

    .item-camnhan.slick-slide.slick-current.slick-active.slick-center {
        width: 500px;
    }
}

@media (min-width: 767px) {
    .layout-contact .contact .info-contact .group-address ul li .info {
        margin-right: 15px
    }

    .layout-contact .contact .info-contact .group-address ul li {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

@media (max-width: 1600px) {
    .item-news-pages {
        padding: 10px 10px;
    }

    .event-card_img.bg-mask img {}

    .event-card {}
}

@media (max-width:1110px) {
    .item-news-pages {
        margin-top: 20px;
    }

    .item-news-pages {
        padding: 10px;
    }

    .event-card_img {
        position: unset;
        clip-path: unset;
        width: 100%;


    }

    .event-card {
        margin-top: 10px;
    }

    .event-card .event-author {
        padding-left: unset;
        margin-bottom: 10px;
    }

    .event-card_img.bg-mask img {
        width: 100%;
        height: 100%;
    }

    .sec-title-luachon {
        font-size: 28px;
    }
}

@media (max-width: 991px) {
    .avatar-form-mesr {
        width: 337px;
        margin: 0 auto;
    }

    .ractical-rights {
        width: 100%;
        order: 1;
    }

    .ractical-lefts {
        width: 100%;
        order: 2;
    }

    .list-ractical {
        display: flex;
        flex-wrap: wrap;
    }

    .hedding-titles-banner2-desk h2 {
        font-size: 37px;
    }

    .hedding-titles-banner2-desk p {
        font-size: 20px;
    }

    .clm.order-banners {
        order: 1;
        padding-top: 20px;
    }

    .img-banners {
        width: 100%;
        height: unset;
    }

    .item-mitslength {
        width: calc(100% / 3);
        text-align: center;
        margin-bottom: 30px;
    }

    .list-conso {
        flex-wrap: wrap;
        justify-content: center;
    }

    .clm-list-item-khoahoc {
        width: calc(94% / 2);
        margin: 0px 10px;
    }

    .row-list-khoashoc {
        justify-content: center;
    }


    .models-formes {
        width: 70%;
    }

    .avatar-form-mesr img {
        width: 100%;
        height: unset;
    }

    .box-form-section-blader {
        padding: 40px 20px;
    }





    .btn-w-mobile {
        text-align: center;
    }

    a.th-btn-luachon {
        display: none;
    }

    a.th-btn-luachon.mobile {
        display: inline-block;
    }

    .box-slick-luachon button.slick-prev.slick-arrow {
        top: 50%;
        left: 0;
        z-index: 999;
    }


    .box-slick-luachon button.slick-next.slick-arrow {
        top: 50%;
        right: 0;
    }

    .title-area-luachon {
        text-align: center;
    }

    h2.sec-title-luachon br {
        display: none;
    }

    section.phuongphap {
        background-image: none;
    }

    .list-camnhan .slick-next.slick-arrow {
        display: none !important;
    }

    .list-camnhan .slick-prev.slick-arrow {
        display: none !important;
    }

    .box-banner-form-left {
        background: #fff;
        margin-top: 10px;
        border-radius: 5px;
        padding: 10px;
    }

    section.news .slick-slider {
        margin-bottom: 0px;
    }

    .event-meta p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    h3.event-card_title.th-text a {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    section.phuongphap .tablinks {
        min-width: max-content;
        max-width: fit-content;
    }

    .modal_popup_bd .form_inner_bd {
        padding: 20px;
    }

    .about_company_inner_bd.clm {
        display: none;
    }

    .modal_popup_bd .modal-popup-inner_bd {
        width: 90%;
    }

    section.luachon-main-pages {
        padding-bottom: 15px;
    }

    section.slideshow.slideshow-mb .slick-dots {
        display: none !important;
    }

    section.slideshow.slideshow-desktop {
        display: none;
    }

    .layout-contact .form-contact {
        margin-bottom: 20px
    }

    .hedding-title-all-service h2 {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 35px !important;
    }

    .item-quatily h2 {
        font-size: 27px;
        margin-bottom: 5px;
    }

    .item-quatily span {
        font-size: 16px;
    }

    .hedding-title-all-service h2:after {
        display: none;
    }

    .hedding-title-all-service h2:before {
        display: none;
    }

    section.phuongphap .pages-home-model-hedding h2 {
        font-size: 26px;
        margin-bottom: 15px;
        line-height: 35px;
    }

    .row.box--ppchecked {
        padding-top: 5px;
    }

    .event-card_img {
        position: unset;
        display: block;
        padding-bottom: 15px;
        height: 222px;
    }

    .event-card .event-author {
        padding-left: unset;
        margin-bottom: 10px;
    }

    .event-card {
        padding: 15px;
        margin-top: 0px;
    }

    .event-card_img img {
        border-radius: 10px;
    }

    section.slideshow.slideshow-mb {
        display: block;
    }

    .sec-title-luachon {
        margin-bottom: 20px;
    }

    .box-slick-luachon {
        margin-bottom: 10px;
    }

    section.nn-quantily {
        padding-top: 15px;
    }

    .item-quatily {
        width: calc(95% / 2);
    }

    section.list-teach {
        /*! padding-top: 10px; */
    }

    section.boxx-video-camnhan {
        /*! padding-top: 10px; */
    }

    section.boxx-video-camnhan {
        /*! padding-top: 10px; */
        /*! padding-bottom: 10px; */
    }

    .box-banner-form-left h2.title {
        font-size: 29px;
    }

    section.luachon-main-pages .ctnr {
        max-width: 830px;
    }

    .sec-title-luachon {
        margin-bottom: 30px;
    }

    .shape-mockup {
        display: none;
    }

    .box-slick-luachon {
        padding-top: 5px;
    }

    .box-images-ppday {
        margin-top: 35px;
    }

    .box-banner-form-left {
        padding-top: 30px;
    }

    #contact_map iframe {
        height: 450px
    }
}

@media(max-width:789px) {
    .item-tabs-lefts {
        width: 100%;
    }

    .btn-tabs-ptas {
        width: 100%;
        text-align: left;
        margin-top: 20px;
    }
	
	.page_news .row {
		padding: 0 5px !important;
	}
}


@media(max-width: 551px) {
    .box-applica {
        width: 358px;
    }

    .model-pta-left {
        position: relative;
        width: 358px;
        margin: 0 auto;
    }

    .svg-items svg {
        width: 183px;
        height: 267px;
    }


    .box-applica .item-applices:nth-child(3) svg {
        width: 307px;
        height: 204px;
    }

    .box-inner-pta {
        width: 215px;
        height: 215px;
        margin-top: -10px;
    }

    .post-detail-forms .box-form-section-blader {
        width: 100%;
    }

    .tomtatnd {
        width: 100%;
    }

    .list-teach-slick.slick-initialized.slick-slider {
        margin-bottom: 0px;
    }

    .teacher-bottom {
        padding: 10px;
    }

    section.form-blader {
        padding-bottom: 25px;
    }

    .box-desc-form-left-bleder h2 {
        font-size: 35px;
        text-align: center;
    }

    .avatar-form-mesr {
        width: unset;
    }

    .avatar-form {
        width: 100%;
    }

    .box-containes-forms {
        display: block;
    }

    .avatar-form-mesr h2 span {
        text-align: center;
    }

    .models-formes {
        width: 100%;
    }

    .box-form-section-blader {
        border-radius: 39px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .box-form-section-blader h2 {
        padding-bottom: 20px;
        font-size: 27px;
        text-align: center;
    }

    .ractical-rights {
        width: 100%;
    }

    section.ractical {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .event-card {
        padding: 15px 0px;
    }

    .ractical-lefts {
        width: 100%;
    }

    .list-ractical {}

    .hedding-racticals h2 {
        font-size: 34px;
    }

    .hedding-racticals p {
        font-size: 16px;
    }

    .item-images-raction:nth-child(3) {
        padding-left: 23px;
        display: none;
    }

    .social-shear {
        text-align: center;
        /*! height: 265px; */
    }


    .item-mitslength {
        width: calc(100% / 2);
    }

    .clm-list-item-khoahoc {
        width: calc(95% / 1);
        height: unset;
        margin-bottom: 70px;
    }

    .img-select-khoahoc img {
        height: unset;
        width: unset;
    }

    .desc-khoahocs h2 {
        font-size: 45px;
        width: 120px;
    }

    .hedding-titles-banner2-desk h2 {
        font-size: 24px;
    }

    .hedding-titles-banner2-desk h2 span {
        font-size: 20px;
        padding-top: 10px;
    }

    .hedding-titles-banner2-desk p {
        font-size: 14px;
    }

    .social-shear ul li {
        font-size: 16px;
    }

    .box-element-page-tabs span {
        font-size: 19px;
    }

    li.element-images-pp img {
        width: 70px;
        height: 70px;
    }

    .pages-innder-tabs-tiepnhan span {
        font-size: 15px;
    }

    .item-quytrinh-tiepnhan-ss ul li {
        padding: 10px 5px;
    }

    .item-news-pages {
        margin-top: 0px;
    }

    section.news {
        padding-top: 0px;
    }

    .item-news-pages {
        padding: 0px;
    }

    .social-shear {
        position: unset;
        opacity: 1;
        transform: unset;
        visibility: visible;
        font-size: 16px;
    }

    .corpix-teacher-wrapper:hover .social-shear {
        opacity: 1;
        visibility: visible;
        transform: unset;
    }

    .corpix-teacher-wrapper:hover .teacher-image:before {
        opacity: 0;
    }

    .corpix-teacher-wrapper:hover .teacher-bottom:before {
        width: 30px;
    }

    a.td_video_button.mfp-iframe:after {
        width: 50px;
        height: 50px;
    }

    a.td_video_button.mfp-iframe:before {
        width: 50px;
        height: 50px;
    }

    .box-banner-form-left h2.title {
        font-size: 27px;
        line-height: 35px;
    }

    section.phuongphap .item-quatily {
        width: calc(93% / 2);
    }



    section.phuongphap .tabs {
        overflow: scroll;
    }

    .item-quatily {
        width: calc(93% / 2);
    }

    .sec-title-luachon {
        font-size: 27px;
        margin-bottom: 15px;
    }
	.post-detail-forms tr, .post-detail-forms td{
		display: block !important;
		width: 100% !important;
	}
}

.desc p{
    font-size: 17px;
    color: #051D3B;
    line-height: 1.4;
    margin-top: 4px;
    margin-bottom: 15px;
}
.for-whom-body ul li {
    font-size: 18px;
    color: #051D3B;
}

.for-whom-body ul li span,
.for-whom-body ul li span strong {
    font-size: 18px;
    margin-right: 4px;
    font-weight: 400;
}

.btn-box {
    display: flex;
    justify-content: center;
    gap: 25px;
    margin-top: 40px;
}

.btn-box .btn {
    border-radius: 15px;
    font-weight: 500;
    font-size: 15px;
    border: 2px solid #1491C9;
    padding: 8px 20px 6px 20px;
}

.btn-box .btn svg {
    width: 30px;
    height: 29px;
}

.btn-box .btn.btn-primary {
    background-color: #1491C9;
}

.btn-box .btn.btn-primary svg path {
    fill: white;
}

.btn-box .btn.btn-second {
    color: #1491C9;
}

.btn-box .btn.btn-second svg path {
    fill: #1491C9;
}

.characteristic {
    background-color: #F0F1F3;
}

.characteristic-box {
    background-color: white;
    border-radius: 15px;
    padding: 22px 30px;
    margin-bottom: 25px;
}

.characteristic__title {
    font-size: 22px;
    color: #DD781D;
    font-weight: bold;
    margin: 0px;
}

.characteristic-box .desc p {
    font-size: 18px;
    color: #051D3B;
    line-height: 1.4;
    margin-top: 4px;
}

.rank-box {

    height: 391px;
    display: flex;
    align-items: center;
}

.rank-item {
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
    height: 100%;
    width: 100%;
    display: flex;
    position: relative;
    align-items: center;
    margin-right: 45px;
    /*! padding: 10px 0px; */
}

.rank-number {
    width: fit-content;
    height: 140px;
    margin-left: -25px;
}

.rank-box {
    position: relative;
    width: 400px;
    padding: 10px 0px;
}

.rank-box::before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    background-image: url(../images/Group.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
}

.clm:nth-child(2n+2) .rank-box::before {
    background-image: url(../images/Group2.png);
}

.rank-text {
    padding: 0px 40px 0px 20px;
    flex: 1;
}

.rank-box__title {
    text-align: center;
    font-size: 22px;
    color: #051D3B;
    font-weight: 600;
}

.rank-text ul li {
    font-size: 18px;
    color: #051D3B;
    line-height: 1.4;
    font-weight: 300;
}

.rank-text ul li span {
    color: #1491c9;
}

.faq-answer {
    display: none;
}

.faq-item.active .faq-answer {
    display: block;
    font-size: 18px;
    color: #051D3B;
    line-height: 1.4;
    margin-top: 10px;
}

.faq-question {
    cursor: pointer;
    font-weight: bold;
}
.faq-item{
    background-color: white;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / 15%) 2px 1px 8px;
    padding: 7px 18px;
}
.faq-question{
    color: #051D3B;
    font-size: 17px;
   
}
.faq-item{
    margin-bottom: 20px;
}
.faq-question span{
    color: #DD781D;
}
.faq-question-icon {
    right: -5px;
    top: 25%; 
}
.faq-question-icon svg{
    height: 15px;
    right: 0; 
    -webkit-transition: -webkit-transform 0.3s ease 0.2s;
  transition: transform 0.3s ease 0.2s;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
.faq-item.active .faq-question .faq-question-icon svg{
    -webkit-transition: -webkit-transform 0.3s ease 0.2s;
  transition: transform 0.3s ease 0.2s;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.slick-slide {
    height: unset;
}


.list-licensing .teacher-bottom{
    padding-top: 40px !important;
}
.list-licensing .teacher__title{
    position: absolute;
    text-align: center;
    width: 55%;
    background-color: #e0811d;
    color: white;
    font-size: 22px;
    padding: 7px 0px 6px 0px;
    top: -15px;
    border-radius: 0px 0px 20px 20px;
    left: 50%;
    transform: translate(-50%, 0%);
}
.list-licensing .item-teachs {
    padding-top: 0px;
}


.why-choose .hedding-title-all-service h2{
    color: white;
}
.why-choose .clm{
    margin-bottom: 16px;
}
.why-choose-box{
    background-color: white;
    box-shadow: rgb(0 0 0 / 15%) 2px 1px 8px;
    border-radius: 20px;
    padding: 25px 20px;
    height: 100%;
}
.why-choose-icon img{
    width: unset;
    height: 60px;
    margin: 0 auto;
    display: block;
}
.why-choose-box .desc p{
    text-align: center;
}
.why-choose__title{
    font-size: 22px;
    color: #051D3B;
    text-align: center;
    font-weight: 600;
    margin-bottom: 7px;
    margin-top: 20px;
}
.pt{
    padding-top: 50px;
}
.pb{
    padding-bottom: 50px;
}

table{
    border-collapse: unset;
    border-spacing: 7px;
    padding: 0px;
}
section.route .hedding-title-all-service p {
    font-size: 19px;
    color: #DD781D;
    font-weight: 500;
    margin-bottom: 5px;
    line-height: 1.3;
}
section.route{
    background-color: #F0F1F3;
}
 .route .table .tr .td{
    border-radius: 10px !important;
    font-size: 17px;

 }
 .route .table .tr:last-child .clm:last-child .td{
    margin-bottom: 8px;
 }
 .route .table .tr .clm{
    margin-bottom: 8px;
 }
 .route .table .tr .slide-3  .clm{
    margin-bottom: 0px;
 }
.route .table .tr .clm:first-child .td{
    background-color: #f0f1f3;
}
.route .table .tr:first-child .clm:first-child .td{
    background-color: #1491C9;
    color: white;
}
.route .table .tr:not(:first-child) .clm:nth-child(3) td{
    background-color: #51C9FF;
}

.route .table .clm:last-child .td{
    background-color: #CAF0F8;
    text-align: left;
    padding-left: 17px !important;
}

/* .landmark-box-number{
    height: 120px;
} */
.clm .landmark-box .landmark-item-number{
    border-radius: 10px 10px 0px 0px;
}
.clm:nth-child(1) .landmark-box .landmark-item-number{
    height: 30px;
    background-color: #FFE8B1
}
.clm:nth-child(2) .landmark-box .landmark-item-number{
    height: 40px;
    background-color: #88BA3F;
}
.clm:nth-child(3) .landmark-box .landmark-item-number{
    height:50px;
    background-color: #88BA3F;
}
.clm:nth-child(4) .landmark-box .landmark-item-number{
    height: 60px;
    background-color: #00B3C7;
}
.clm:nth-child(5) .landmark-box .landmark-item-number{
    height: 70px;
    background-color: #00B3C7;
}
.clm:nth-child(6) .landmark-box .landmark-item-number{
    height: 80px;
    background-color: #00B3C7;
}
.clm:nth-child(7) .landmark-box .landmark-item-number{
    height: 90px;
    background-color: #00B3C7;
}
.clm:nth-child(8) .landmark-box .landmark-item-number{
    height: 100px;
    background-color: #00B3C7;
}
.clm:nth-child(9) .landmark-box .landmark-item-number{
    height: 110px;
    background-color: #599CDB;
}
.clm:nth-child(10) .landmark-box .landmark-item-number{
    height: 120px;
    background-color: #A882C5;
}
.landmark-body .clm{
    display: flex;
    align-items: end;
}
.clm .landmark-box .landmark-item-number,
.landmark-box{
    width: 100%;
}

.landmark-box__title{
    font-size: 16px;
    color: #051D3B;
    text-align: center;
}
.landmark-box-text{
    background-color: #90E0F0;
    font-size: 16px;
    color: #051D3B;
    border-radius: 10px;
    padding: 5px 160px;
    margin: 7px 0px;
}
.landmark-body .clm,
.landmark-body{
    --gutter: 4px;
}
.clm .landmark-box-2{
    background-color: #B4B4B4;
    padding: 15px 0px;
    border-radius: 10px;
}
.landmark-box-2.tablinks.active{
    background-color: #FFE8B1;
}
table {
    border: 0px;
}
table tr th{
    background-color: #DD781D;
    color: white;
    font-weight: 400;
    text-align: center;
}
table tr th:last-child{
    border-radius: 0px 20px 0px 0px;
}
table tr th:first-child{
    border-radius: 20px 0px 0px 0px;
}
td{
    color: #051D3B;
    text-align: center;
    background-color: #90E0F0;
    font-size: 14px;
    padding: 10px 5px !important;
    line-height: 1.3;
}
table tr td:last-child{
    border-right: 0px solid #FFF;
}
table tr:last-child td{
    border-bottom: 0px solid #FFF;
    
}
table tr:last-child td:last-child{
    border-radius: 0px 0px 20px 0px;
}
table tr:last-child td:first-child{
    border-radius: 0px 0px 0px 20px;
}
.table {
    border: 0px;
}
.table .tr .th{
    background-color: #DD781D;
    color: white;
    font-weight: 400;
    text-align: center;
}
.table .tr .th:last-child{
    border-radius: 0px 20px 0px 0px;
}
.table .tr .th:first-child{
    border-radius: 20px 0px 0px 0px;
}
.td{
    color: #051D3B;
    text-align: center;
    background-color: #90E0F0;
    font-size: 14px;
    padding: 10px 5px !important;
    line-height: 1.3;
}
.table .tr .td:last-child{
    border-right: 0px solid #FFF;
}
.table .tr:last-child .td{
    border-bottom: 0px solid #FFF;
    
}
.table .tr:last-child .td:last-child{
    border-radius: 0px 0px 20px 0px;
}
.table .tr:last-child .td:first-child{
    border-radius: 0px 0px 0px 20px;
}
.slick-slider {
    margin-bottom: 0px;
}
.landmark-box-2{
    position: relative;
}
.landmark-box-2.tablinks.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 108%;
    left: 50%;
    margin-left: -20px;
    border-left: 13px solid transparent;
    border-right: 13px solid transparent;
    border-top: 18px solid #1491C9;
}

.cl-white{
    color: white !important;
}

@media (max-width: 992px) {
    .rank .row{
        justify-content: center;
    }
    .rank-box{
        margin-bottom: 10px;
    }
    .rank-item {
        margin-right: 33px;
        margin-left: 33px;
    }
    .rank-box::before{
        /*! height: 378px; */
        /*! top: -10px; */
    }
    .rank-box {
        height: 378px;
    }
    .rank-text {
        padding: 0px 40px 0px 10px;
    }
    .rank-text ul li {
        font-size: 17px;
    }
    .why-choose-box {
        padding: 20px 15px;
        margin-bottom: 15px;
      }
      .landmark-box-text {
        padding: 5px 10px;
      }
      .landmark-body .clm, .landmark-body {
        --gutter: 1px;
      }
      .pb {
        padding-bottom: 30px;
      }
      .pt {
        padding-top: 30px;
      }
}
@media (max-width: 586px){
    .box-form-section-blader {
        height: unset;
      }
      .hedding-title-all-service h2 {
        font-size: 29px !important;
      }
}

.list-teach .hedding-title-all-service p{
    text-align: center !important;
    color: white;
}
.hedding-title-select-khoahoc{
    padding-bottom: 20px;
}

@media (max-width: 786px){
    .btn-box{
        flex-direction: column;
        gap: 15px;
    }
    .characteristic__img{
        margin-bottom: 15px;
    }
    .characteristic-box{
        margin-bottom: 15px;
    }
    .hedding-title-select-khoahoc h2 {
        font-size: 28px;
    }
    .rank-box::before {
        /*! height: 393px; */
        /*! top: -10px; */
      }
      .rank-box{
        margin-bottom: 15px;
      }
      .rank-number {
        height: 110px;
      }
      .landmark-box__title p{
        display: none;
      }
      .landmark-box__title {
        font-size: 13px;
      }
      .route .table .tr .td {
        border-radius: 10px !important;
        font-size: 15px;
      }
      .wrapper_tabcontent .table ul li, .wrapper_tabcontent .table p {
        font-size: 14px !important;
        margin-left: 10px !important;
      }
      .rank .clm{
        display: flex;
        justify-content: center;
      }
   .landmark-box-text{
    display: block;
  text-align: center;
}
}

.list-teach-slick-2 .teacher-bottom .social-shear{
    padding-top: 0px !important;
  }
.convert .clm:first-child{
  overflow-x: auto;
}

.video-column__box{
	position: relative;
}

.video-column__img{
	position: relative;
	overflow: hidden;
	cursor: pointer;
	z-index: 1;
	transition: all .3s;
}
.video-column__img::before{
	content: "";
	padding-top: calc((241 / 320) * 100%);
	display: block;
}
.video-column__img img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.video-column__icon{
	width: 60px;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background: #00000080;
    border-radius: 50%;
}
.video-column__iframe{
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	transition: all .3s;
}
.video-column__box.open .video-column__iframe{
	z-index: 2;
	opacity: 1;
}
.video-column__box.open .video-column__img{
	opacity: 0;
	z-index: -1;
}
.list-sliders-mobi{
	position: relative;
	overflow: hidden;
}

@media (max-width: 640px){
	.list-sliders-mobi::before{
		content: "";
		padding-top: 120%;
		display: block;
	}
	.list-sliders-mobi img{
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}