@font-face {
    font-family: 'SVN-Mark Pro';
    font-style: 700;
    font-weight: bold;
    font-display: auto;
    src: url('/wp-content/uploads/2024/08/SVN-Mark-Pro/TTF/SVN-Mark-Pro-Black.ttf') format('truetype');
}

@font-face {
    font-family: 'SVN-Mark Pro';
    font-style: normal;
    font-weight: 600;
    font-display: auto;
    src: url('/wp-content/uploads/2024/08/SVN-Mark-Pro/TTF/SVN-Mark-Pro-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'SVN-Mark Pro';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url('/wp-content/uploads/2024/08/SVN-Mark-Pro/TTF/SVN-Mark-Pro-Light.ttf') format('truetype');
}

.padding15 {
    padding-bottom: 15px !important;
}

.noPadding {
    padding-bottom: 0 !important;
}

/* css banner */
a.button.btn-bn {
    border: 0;
    border-radius: 2px;
    margin: 6px 0;
}

a.button.btn-bn.btn-bn-1 {
    background: linear-gradient(315deg, rgb(245, 61, 87) 0%, rgb(247, 133, 108) 100%);
    width: 100%;
}

a.button.btn-bn.btn-bn-2 {
    background: linear-gradient(315deg, rgb(51, 191, 204) 0%, rgb(66, 204, 51) 100%);
    width: 90%;
}

a.button.btn-bn.btn-bn-3 {
    background: linear-gradient(135deg, rgb(13, 223, 169) 0%, rgb(41, 183, 248) 100%);
    width: 80%;
}

a.button.btn-bn.btn-bn-4 {
    background: linear-gradient(315deg, rgb(243, 78, 139) 0%, rgb(255, 213, 0) 100%);
    width: 70%;
}

a.button.btn-bn.btn-bn-5 {
    background: linear-gradient(315deg, rgb(239, 95, 15) 0%, rgb(246, 63, 183) 100%);
    width: 65%;
}

a.button.btn-bn.btn-bn-6 {
    background: linear-gradient(315deg, rgb(255, 0, 22) 0%, rgb(167, 2, 27) 100%);
    width: 60%;
}

a.button.btn-bn.btn-bn-7 {
    background: linear-gradient(135deg, rgb(249, 191, 102) 0%, rgb(249, 92, 129) 100%);
    width: 50%;
}


/* css section phuong phap */
.box.box-pphap {
	background-color: #fff;
    box-shadow: 11px 10px 38px 0px rgba(46.00000000000001, 63.000000000000064, 99.00000000000001, 0.15);
    border-radius: 10px;
    overflow: hidden;
}

.box-pphap h3 {
    font-size: 24px;
}

.box-pphap p:nth-child(2) {
    padding: 10px 0;
    font-size: 18px;
}

.box-pphap p:last-child {
    text-align: justify;
    font-size: 16px;
}

.box-pphap .box-text {
    height: 258px;
	padding: 10px 15px !important;
    overflow-y: auto;
}


/* css section loi ich */
.st-loiich {
    margin-top: -318px;
}

.icon-box.box-loiich {
    background-color: #fff;
    border-radius: 10px;
    align-items: center;
    padding: 6px 4px 6px 10px;
}

.icon-box.box-loiich img {
    padding-top: 0;
}

.icon-box.box-loiich p {
    margin-bottom: 0;
    color: #222;
    line-height: 22px;
    font-size: 16px;
}

.icon-box.box-loiich .icon-box-text {
    padding-left: 10px !important;
}

.icon-box.box-loiich p strong {
    font-size: 18px;
}

.hover-top {
    transition: all .3s;
}

.hover-top:hover {
    transform: translateY(-6px);
}

/* css section giao vien */
.slide-giang-vien .box.has-hover {
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    padding: 6px;
	margin: 5px 0;
}

.slide-giang-vien .box.has-hover, .slide-giang-vien .box.has-hover img {
    border-radius: 10px;
    overflow: hidden;
}

.slide-giang-vien .box.has-hover img {
    height: 314px;
    object-fit: cover;
}

.slide-giang-vien .box-text {
    padding: 10px 0 0 0 !important;
}

.slide-giang-vien .box-text p {
    padding: 6px 0;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 80px;
}

/* css section khoa hoc */
.box-recuit-posts {
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    margin: 5px 0;
    border-radius: 10px;
    overflow: hidden;
}

.post-category:before {
    content: "\f02b";
    font-family: fontawesome;
    color: #ffffff;
    font-size: 12px;
    padding-right: 4px;
}

.post-category {
    background-color: #39afe4;
    color: #fff;
    font-size: 14px;
    border-radius: 30px;
    width: fit-content;
    padding: 2px 8px;
}

.infor-recuit-posts {
    padding: 12px;
}

h3.name-recuit-posts {
    font-size: 16px;
    color: #222;
    font-weight: 500;
    padding: 10px 0;
    margin-bottom: 0;
}

.info-class {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.info-class {
    color: #39afe4;
}


/* css form ladi */
.form-ladi form.wpcf7-form p {
    width: 49%;
    float: left;
}

.form-ladi form.wpcf7-form p:nth-child(even) {
    margin-right: 2%;
}

.form-ladi form.wpcf7-form p:nth-last-child(2) {
    width: 100% !important;
	float: unset;
	margin-right: 0 !important;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background-color: rgb(255, 222, 89);
    color: rgb(7, 58, 145);
    width: 100%;
    border-radius: 10px;
    font-size: 18px;
    margin-bottom: 0;
}

span.wpcf7-spinner {
    display: none;
}

form.wpcf7-form input, form.wpcf7-form select {
    box-shadow: 0 0;
    border: 0 !important;
    border-radius: 5px;
    font-size: 14px;
    height: 40px;
    color: #222;
	margin-right: 0 !important;
}

form.wpcf7-form input::placeholder {
    color: #222;
}

span.wpcf7-not-valid-tip:after {
    display: none;
}

.wpcf7 .wpcf7-not-valid-tip {
    position: absolute !important;
    top: 16px;
    right: 4px;
}

.wpcf7-response-output {
    margin: 20px 0 0 0 !important;
    color: #fff;
}

/* css section blog */.col.post-item .col-inner {
    box-shadow: 1px 1px 6px rgb(219 239 205);
    border: 1px solid #e3e3e3;
    margin: 5px 0;
    border-radius: 10px;
    overflow: hidden;
}

.col.post-item .col-inner .box-text {
    padding: 12px;
}

.col.post-item .col-inner h5.post-title {
    font-size: 15px;
    font-weight: 500;
}

.col.post-item .col-inner h5.post-title a {
    line-height: 26px;
}

.is-divider {
    display: none;
}

/* css ar-contact */
.arcu-widget ul.messangers-list.not-rounded-items li span.arcu-item-icon svg {
    top: 0;
    left: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    font-size: 40px;
}

.arcu-widget.arcu-menu-style-1 .messanger, .arcu-widget .not-rounded-items .messanger {
    padding-left: 55px !important;
}

.arcu-widget .not-rounded-items .messanger {
    margin: 10px;
    border-radius: 6px;
    width: auto;
    transition: .2s all;
    background: #efefef;
}

/* css footer */
.ct-foo h4 {
    font-size: 15px;
}

.ct-foo p, .ct-foo a {
    font-size: 15px;
    color: #bac4e1 !important;
}

.ct-foo p {
    margin-bottom: 12px;
}

.ct-foo a:hover {
    text-decoration: underline;
	color: #fff !important;
}

a.icon.button.circle {
    border: 0;
    background-color: #b1d4ff21;
    line-height: 38px;
    min-width: 38px;
    min-height: 36px;
}


.copyright-footer {
    border-top: 1px solid #cccccc21;
    padding-top: 10px;
}

/* css trang lien he */
.title-plh h2 {
    margin-bottom: 28px;
    text-transform: uppercase;
}

.icon-box.box-plh {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    background-color: #F0FAFD;
    padding: 10px 10px 10px 18px;
    border-radius: 4px;
	margin-bottom: 20px;
    transition: all .3s;
}

.icon-box.box-plh:before {
    content: "\f3c5";
    font-family: fontawesome;
    font-size: 24px;
    background-color: #66cfa9;
    color: #fff;
    box-shadow: 5px 4px 13px 0px rgba(102.00000000000001, 207, 169.00000000000003, 0.45);
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    margin-right: 18px;
    transition: all .3s;
}

.icon-box.box-plh-map:before {
    content: "\f3c5";
}

.icon-box.box-plh-mail:before {
    content: "\f0e0";
}

.icon-box.box-plh-phone:before {
    content: "\f095";
}

.icon-box.box-plh p {
    margin-bottom: 0;
}

.icon-box.box-plh:hover {
    background-color: #39afe4;
}

.icon-box.box-plh:hover p {
    color: #fff;
}

.icon-box.box-plh:hover:before {
    background-color: #fff;
    color: #66cfa9;
}

/* css slider flatsome */
.flickity-prev-next-button {
    opacity: 1 !important;
}

#main svg.flickity-button-icon {
    background-color: #fff !important;
    box-shadow: 0 0 1px 1px rgba(20, 23, 28, 0.1), 0 3px 1px 0 rgba(20, 23, 28, 0.1);
    padding: 10px;
	border-radius: 20px;
}

#main .flickity-prev-next-button .arrow, #main .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: unset !important;
    border-color: unset;
}

#main .slider-nav-light .flickity-prev-next-button svg, #main .slider-nav-circle .flickity-prev-next-button:hover .arrow {
    fill: #000 !important;
}

/* slide owl */
.owl-dots {
    display: none !important;
}

.owl-nav button {
    position: absolute;
    top: 50%;
    margin: 0px !important;
    transform: translateY(-50%) !important;
    background-color: #fff !important;
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
    opacity: 1;
    transition: .2s ease-in-out;
    z-index: 2;
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    display: flex;
    align-items: center;
    justify-content: center;
}

.owl-nav button i {
    color: #fff;
}

.owl-nav button.owl-prev {
    left: -20px !important;
}

.owl-nav button.owl-prev svg {
    transform: scaleX(-1);
}

.owl-nav button.owl-next {
    right: -20px !important;
}

.owl-nav button svg {
    width: 18px;
    height: 18px;
}

.owl-nav button svg path {
    fill: #1266e3;
}