/* hotlinebar */
::-webkit-scrollbar-thumb {
    background-color: var(--scrolltab);
    border-radius: 82px;
    border: 4px solid var(--scrolltab);
}
::-webkit-scrollbar-track {
    background: var(--white)!important;
}
.load-more-container
{
	display:grid;
	justify-items: center;
}
.load-more-button
{
	width: 200px!important;
	height: 50px;
	padding:0px 2px!important
}
@media only screen and (max-width: 786px)
{
	.content-wrapper
	{
		display: block!important
	}
	.hotline-bar-box ul {
        display: flex!important;
        align-items: center!important;
        justify-content: space-around!important;
    }
	.hotline-bar-box ul li a {
        padding: 0 12px;
    }
	.hotline-bar-box
	{
		position: fixed!important;
        top: inherit!important;
        left: calc(50% - 175px)!important;
        background: linear-gradient(180deg, var(--hotlinevar-1) 0%, var(--hotlinevar-2) 100%)!important;
        width: 350px!important;
        border-radius: 40px!important;
        overflow: hidden!important;
        z-index: 99!important;
        box-shadow: -5px 10px 30px rgba(72, 72, 72, .12)!important;
        height: 60px!important;
        bottom: 10px!important;
	}
}
.hotline-bar-box {
    position: fixed;
    top: 30%;
    right: 5px;
    background: linear-gradient(180deg, var(--hotlinevar-1) 0%, var(--hotlinevar-2) 100%);
    width: 60px;
    border-radius: 40px;
    overflow: hidden;    
	z-index: 99;box-shadow: -5px 10px 30px rgba(72, 72, 72, 0.12);
}

.hotline-bar-box ul {
    list-style: none;
    text-align: center;
    color: var(--white);
    padding: 0;
    margin: 0;
    padding: 12px 0;
    border-radius: 40px;
    overflow: hidden;
}
.hotline-bar-box ul li a {
    font-size: 12px;
    line-height: 16px;
    color: var(--white);
    width: 100%;
    display: block;
    padding: 9px 0;
}
.hotline-bar-box ul li a span {
    display: block;
    width: 100%;
}
.hotline-bar-box ul li{
    position: relative;
}
.hotline-bar-box ul li:after{
    content:'';
    position: absolute;
    bottom: 0;
    left: 5px;
    width: 50px;
    height: 1px;
    background: var(--white);
}
.hotline-bar-box ul li:last-child:after{
    content: none;
}
/* page khai giang - khoa hoc */
.form-home-kg .form-item
{
	display: flex;
	justify-content: center;
	
}
.container-form
{
	max-width: 400px;
    margin: 0 auto;
    padding: 25px;
    background-image: url(/wp-content/uploads/2024/10/bg-form-lgk.png);
    background-size: 100% 100%;
    padding-top: 150px;
}
.form-home-kg input
{
	border-radius: 36px 0 0 36px;
    border-top: 1px solid var(--Primary-500);
    border-bottom: 1px solid var(--Primary-500);
    border-left: 1px solid var(--Primary-500);
    padding: 10px 16px;
    border-right: none;
    height: 36px;
    width: 208px;
}
.container-cd
{
	max-width: 464px;
    margin: 0 auto;
    text-align: center;
}
.btndkkg
{
	border-radius: 0 36px 36px 0;
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	color: var(--black);
    border: none;
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    width: 100px;
	height: -webkit-fill-available;
}
.btndkkg:hover
{
	background: var(--white);
	border: 1px solid var(--border-btn)
}
.title-khhhhh
.khoa-hoc-tabs-container 
{
	width: 100%;
	overflow: hidden;
}
.khoa-hoc-tabs-titles-wrapper {
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}
.khoa-hoc-tabs-titles {
	white-space: nowrap;
	overflow-x: auto;
	padding-bottom: 20px;
	text-align: center;
	display: flex;
	column-gap: 5px
}
.khoa-hoc-tab-title {
    padding: 10px 28px!important;
    border-radius: 82px;
    border: none!important;
    cursor: pointer;
    font-size: 18px;
    transition: all 1s;
    color: var(--black);
	background-color: var(--white)!important
}
.khoa-hoc-tab-title.active 
{
    border-radius: 82px;
    background: linear-gradient(94deg, #F2C040 3.39%, #F5CF70 99.07%);
}

.khoa-hoc-col-left, .khoa-hoc-col-right {
	width: 45%;
}
/* toc */
.table-of-contents
{
	border-radius: 16px;
    background: var(--color-toc);
    border: 1px solid #fbe7cf;
    max-height: 325px;
    width: 50%;
    overflow-y: scroll;
    display: block !important;
    padding: 12px 24px;
	margin-bottom:20px
}
.table-of-contents::-webkit-scrollbar
{
	background: var(--scrolltab)
}
.toc-header
{
	display: flex;
    justify-content: space-between;
}
.ez-toc-title-toggle
{
	border: 1px solid var(--color-sbbl);
    border-radius: 5px;
    width: 35px;
    position: relative;
    display: flex;
    cursor: pointer;
    font-size: 16px;
    height: 30px;
    align-items: center;
    justify-content: center;
}
.title-toc
{
	font-size: 19px;
	font-family: var(--medi)!important;
	color: var(--black)!important;
	text-transform:uppercase;
	display: block;
}
.ez-toc-title-container
{
	display: flex;
    justify-content: space-between;
}
.title-toc:before
{
    content: "";
    width: 168px;
    height: 2px;
    background-color: #c49c51;
    position: relative;
    bottom: -30px;
    display: block;
}
.table-of-contents h2 {
  margin-top: 0;
}

.table-of-contents ul {
  list-style-type: none;
  padding-left: 0!important;
}

.table-of-contents li {
  margin-bottom: 5px;
}
.ez-toc-title-toggle a
{
	color: var(--color-sbbl)!important
}
.table-of-contents li.toc-level-h3 {
  margin-left: 20px!important;
}
.table-of-contents li a {
  	color: var(--silver);
    box-shadow: none;
    text-shadow: none;
    display: inline-flex;
    align-items: stretch;
    flex-wrap: nowrap;
}
.course-content h2[data-heading-number]::before,
.course-content h3[data-heading-number]::before {
    content: attr(data-heading-number) ' ';
}
@media only screen and (max-width: 590px)
	{
		.rank-math-breadcrumb:before
		{
			bottom: auto!important
		}
		.rank-math-breadcrumb>p>a:nth-child(1)
		{
			margin-left: 15px
		}
		.course-content ul
		{
			padding-left: 20px
		}
		.table-of-contents li a
		{
			font-size: 15px
		}
		.searchform .flex-grow
		{
			display:block
		}
		.mobile-sidebar-levels-1 .nav-slide>li>.sub-menu, .mobile-sidebar-levels-1 .nav-slide>li>ul.children
		{
			padding-top: 0;
        	transform: translateX(-95%);
        	margin-top: 53%;
        	background: var(--white);
        	margin-left: -20px;
        	z-index: 999;
		}
		.menu-item .sub-menu
		{
			transition: all 0.3s ease-in-out;
		}
		.sidebar-menu ul li
		{
			padding-left:20px!important
		}
		.nav-vertical>li>ul li a, .nav-vertical>li>ul li button
		{
			color: var(--black)!important
		}
		.off-canvas-left .mfp-content
		{
			background-color: var(--white)
		}
		.off-canvas .mobile-sidebar-slide .sidebar-menu
		{
			transform: translateX(0)!important
		}
		.slick-custom-arrow
		{
			top: 52%!important
		}
		.slick-next
		{
			right: -20px !important;
		}
		.slick-prev
		{
			left: -10px!important
		}
		.slider-nav-push:not(.slider-nav-reveal) .flickity-prev-next-button
		{
			display:none
		}
		img.quote-icon-tr
		{
			bottom: 100px
		}
		.ly-do-columns
		{
			grid-template-columns: 1fr 1fr!important;
    		row-gap: 20px;
		}
		.hoc-vien-reviews .slick-list
		{
			padding-bottom:0px!important
		}
		.res-dm-mobile
		{
			margin-bottom: 48px!important
		}
		.giao-vien-info
		{
			height: 235px
		}
		.tro-giang-mdl
		{
			margin-top: 48px
		}
		.title-breadcrumb
		{
			margin-bottom: 48px!important
		}
		.countdown-value 
		{
    		font-size: 32px!important;
    		padding-right: 15px!important;
		}
		.countdown-sub
		{
			padding-right: 15px!important;
		}
		.form-hdcc-kg
		{
			margin-top: -48px
		}
		.countdown-title
		{
			margin-bottom: 0px!important;
		}
}
.table-of-contents li a:hover 
{
	text-decoration: underline;
}
.gap-h2
{
	margin-bottom: 20px;
}
.gap-h2-top
{
	margin-top: 30px
}
.col-he-thong-ph .col
{
	padding:0!important
}
.dung-cu-hoc-tap-slider
{
	margin-top: 30px
}
.gt-bld-bg .section-bg.bg-loaded
{
	background-size: 100% 100% !important;
}
.tro-giang-container
{
	margin-top: 20px;
	margin-bottom: -30px
}
/* header */
@media screen and (min-width: 1600px) 
{
	.container-width,
    .full-width .ubermenu-nav,
    .container,
    .row:not(.row-full-width) {
        max-width: 1560px !important
    }
}
@media only screen and (max-width: 1601px)
{
	.container-width,
    .full-width .ubermenu-nav,
    .container,
    .row:not(.row-full-width) {
        max-width: 1240px!important
    }
	.chi-nhanh-container
	{
		justify-content: space-evenly!important;
	}
	.giao-vien-info
	{
		height: 220px
	}
	.flex-right
	{
		margin-left: 0;
	}
	.header .nav>li
	{
		line-height:50px
	}
	.header .flex-row
	{
		display:flex;
		justify-content: space-evenly;
	}
	.flex-grow
	{
		display:none
	}
	.giao-vien-info
	{
		height:260px!important
	}
}
.nav-dropdown-has-arrow li.has-dropdown:before, .nav-dropdown-has-arrow li.has-dropdown:after
{
	display: none!important
}
.header .nav-top-link:hover
{
	color: var(--theme-color)
}
.nav-dropdown.nav-dropdown-default>li
{
		border-radius: 8px;
    	line-height: 1.4;
    	margin-bottom: 7px;
    	border-radius: 8px;
}
.nav-dropdown.nav-dropdown-default>li:hover 
{
	    background: #ffefd2;
}
.nav li.has-icon-left>a>img
{
	width:auto;
	height:20px
}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a
{
	border-bottom: none;
	font-size:14px;
	color: var(--black);
	font-family: var(--medi)
}
@media only screen and (max-width: 768px)
{
	.header .logo
{
	display:block
}
	.header .nav-right
	{
		justify-content: flex-end;
		width: 100%
	}
	.table-of-contents
	{
		width:100%!important
	}
}
.header .header-inner
{
	max-width: 95%;
    margin: 0 auto;
}
.nav-dropdown-has-shadow .nav-dropdown
{
    background: #fff;
    -webkit-animation: mc-fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    animation: mc-fade-in-bottom 0.3s cubic-bezier(0.39, 0.575, 0.565, 1) both;
    border-radius: 8px;
    box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, 0.30), 0px 2px 5px -1px rgba(50, 50, 93, 0.25);
	border:none
}
.header .nav-top-link
{
	padding: 8px 2px;
    border-radius: 20px;
    position: relative;
    transition: all 0.3s;
	font-family: var(--medi);
	color: var(--menucolor);
	font-size: 14px
}
@media only screen and (max-width: 768px)
{
	.nav .sub-menu
{
	left:50px
}
}
/* khai giang */
.form-content .item
{
	text-align: left
}
.form-kg
{
	top: 30px;
    position: relative;
}
.khoa-hoc-tab-content .grid
{
	column-gap: 16px;
    row-gap: 64px;
	display: grid
}
.khoa-hoc-tab-content .grid--2-cols {
    grid-template-columns: repeat(2, 1fr);
}
.khoa-hoc-tab-content .boxtqkh
{
	background: var(--white);
    padding: 16px;
    line-height: 1.7;
    color: var(--black);
    font-size: 16px;
}
.khoa-hoc-tab-content .title-khhhhh
{
	background-image: url(/wp-content/uploads/2024/10/bg-title-lkg.png);
    background-repeat: no-repeat;
    height: 40px;
    width: 200px;
	line-height: 40px;
    padding-left: 30px;
    background-size: 100% 100%;
    display: inline-block;
    margin-bottom: 10px;
	font-size:16px;
	color: var(--white)
}
.khoa-hoc-tab-content
{
	border-radius: 12px;
    background: var(--Primary-50);
    padding: 20px;
}
.khaigiang-secc p
{
	color:var(--black)
}
.khoa-hoc-tabs-content .khoa-hoc-tab-content 
{
	display: none;
}
.khoa-hoc-tabs-content .khoa-hoc-tab-content.active 
{
	display: flex;
	justify-content: space-between;
}
@media only screen and (max-width: 768px)
{
	.tt-kgp p
	{
		margin-top:10px;
		margin-bottom:-20px!important
	}
	.title-gt-lkg h2:before
	{
		width:58%;
		left:15px!important;
		top: 10px!important
	}
	.title-gt-lkg h2
	{
		font-size:20px!important
	}
	#tab-quy-trình-đăng-ký
	{
		display:none
	}
}
.hd-dk-item .number p
{
    color: var(--Primary-200);
    font-size: 45px;
    font-style: normal;
    font-weight: 500;
    line-height: 52px;
}
.hd-dk-item .col-inner
{
	border-radius: 16px;
    border: 1px solid var(--Primary-500);
    background: var(--Primary-50);
    padding: 16px;
    position: relative;
    line-height: 1.7;
}
.hd-dk-item .img-inner
{
	position: static!important;
}
.hd-dk-item p ,.hd-dk-item li ,.hd-dk-item span
{
	text-align: justify;
	color: var(--black)
}
.hd-dk-item .img-inner img {
	width: 124px;
    position: absolute;
    bottom: 0;
    right: 0;
    height: 124px;
    opacity: 1;
    border-radius: 16px;
}
.tab-khai-giang .tab a span
{
    color: var(--black);
	font-family: var(--medi);
	font-size: 18px
}
.tab-khai-giang .row
{
	align-items: stretch;
	min-height:100%
}
.tab-khai-giang .nav
{
	column-gap: 37px;
}
.tab-khai-giang .col, .tab-khai-giang .col-inner
{
	min-height:100%
}
.hd-dk-item .img
{
	display:contents;
}
.tab-khai-giang .active a span
{
	color: var(--Primary-600);
}

/* lich khai giang */
.table-date-opening
{
	border-radius: 12px;
    background: var(--Primary-50);
    padding: 36px 16px 16px 16px;
    position: relative;
}
.table-date-opening:before
{
	content: '';
    position: absolute;
    width: 90%;
    height: 100px;
    top: -20px;
    left: 5%;
    background-image: url(/wp-content/uploads/2024/10/Calendar-pin.svg);
    background-size: 90px;
    background-repeat: repeat-x;
}

@media only screen and (max-width: 768px)
{
	.table-date-opening
	{
    	overflow-y: hidden;
	}
	.lich-khai-giang-table
	{
    	position: sticky;
		top: 0;
    	width: 100%;
		table-layout: inherit!important
	}
}
.lich-khai-giang-table
{
	width: 100%;
    border-spacing: 3px;
    border-collapse: separate;
    table-layout: fixed;
	text-transform: capitalize;
}
.lich-khai-giang-table th
{
	border-radius: 8px;
    background: var(--Primary-400)!important;
	text-transform: capitalize;
	font-family: var(--semi)
}
.lich-khai-giang-table td:last-child {
    color: var(--red)!important;
	font-family: var(--bold)
}
.lich-khai-giang-table tr td:first-child 
{
    background: var(--Primary-400);
}
.lich-khai-giang-table tr td:first-child 
{
    background: var(--Primary-400);
	font-family: var(--bold)
}
.lich-khai-giang-table th, .lich-khai-giang-table td {
    border: 1px solid #FDF7E7;
    text-align: left;
    padding: 12px 8px;
    margin: 7px !important;
    background: #ffff;
    padding: 16px 12px;
    border-radius: 10px;
    width: calc(100% / 7);
}
/* thanh lien he */
        .contact-buttons {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: #f1b432;
            padding: 10px 0;
            border-radius: 10px 0 0 10px;
            z-index: 9999;
        }
        .contact-button {
            text-align: center;
            margin: 10px 0;
        }
        .contact-button a {
            display: flex;
            align-items: center;
            color: white;
            text-decoration: none;
            padding: 5px;
        }
        .contact-button img {
            width: 24px;
            height: 24px;
            margin-right: 10px;
        }
        .contact-button span {
            font-size: 14px;
        }
@media only screen and (max-width: 768px)
{
	.teacher-columns
	{
		display:block!important
	}
	.res-pondtt .col-inner
	{
		width: 90%!important
	}
	.breadcrumb
	{
		margin-top: 20px!important;
	}
}
.lh-trang
{
	margin-bottom: 70px
}
.lh-trang .title-form
{
    font-size: 32px;
    line-height: 40px;
    color: var(--tthh);
	margin-bottom: 30px;
	margin-top: 25px;
	font-family: var(--medi)
}
.lh-trang .form-home input
{
	background: var(--silver-fafa);
    border: 1px solid var(--silver-bd);
    border-radius: 41px;
    height: 40px;
    font-size: 16px;
    width: 100%;
    padding: 0 20px;
}
.lh-trang .form-home textarea
{
	background: var(--silver-fafa);
    border: none;
    border-radius: 20px;
    height: 256px;
    width: 100%;
    padding: 30px 20px;
    border: 1px solid var(--silver-bd);
    font-size: 16px;
}
.lh-trang .wpcf7
{
	padding: 0px 15px;
}
.lh-trang .wpcf7 .form-item-lhpgae
{
	margin-bottom: 20px;
	column-gap: 20px;
}
.col-bc-lh
{
	padding: 0 15px 0px;
}
/* menu mobile */
    #main-menu:not(.mfp-hide) {
        opacity: 1;
        visibility: visible;
    }

    .sidebar-menu ul {
        list-style: none;
        padding-left: 0;
    }

    .sidebar-menu ul li {
        display: flex;
        align-items: center;
        padding: 10px 0;
        cursor: pointer;
    }

    .sidebar-menu ul li a {
        text-decoration: none;
        color: #000;
        font-weight: bold;
        margin-left: 10px;
    }

    .sidebar-menu ul li a:hover {
        color: #d4a254;
    }

    .sidebar-menu ul li .icon {
        width: 20px;
        height: 20px;
    }

    .submenu {
        display: none;
        margin-left: 20px;
    }

    .submenu.active {
        display: block;
    }
/* module lydohomepage */
/* pc */
.tabs ul {
	list-style-type: none;
	padding: 0;
}
.tabs ul li {
	margin-bottom: 10px;
	margin-left: 0
}
.tabs ul li a {
	display: flex;
    border-bottom: none;
    text-decoration: none;
    background-color: transparent;
    padding: 15px 15px;
    transition: background-color 0.3s ease;
    word-wrap: break-word;
    font-size: 20px;
    line-height: 22px;
    color: #616161;
    padding-left: 0px;
    width: 100%;
}
.tabs ul li a:hover, .tabs ul li a.active 
{
	background: linear-gradient(270deg, #FFC838 0%, rgba(255, 245, 217, 0) 100%);
	border-right: 3px solid #B48B0E;
	color: #775A00;
}
.tabs ul li a.disabled 
{
    pointer-events: none;
    opacity: 0.6;
}
.ly-do-tabs-container
{
	display: flex;
	width: 100%;
}
.tab-pane img 
{
    width: 100%;
    min-height: 615px;
}
.tab-content 
{
    position: relative;
    overflow: hidden;
    height: auto;
}
.tab-pane 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
}
.tab-pane.active 
{
    opacity: 1;
    position: relative;
    pointer-events: auto;
}
.ly-do-tabs-container .tab-content
{
	width: calc(100% - 38.8rem);
	height: 620px
}
.ly-do-tabs-container .tabs
{
	width: 38.8rem;
	position: relative;
}
.ly-do-tabs-container .tabs:after
{
	content: '';
    position: absolute;
    right: 1px;
    top: 0;
    width: 1px;
    height: 100%;
    background: var(--silver-bd);
    z-index: -1;
}
.img-csvc
{
	width: 100%;
    position: relative;	
}
.img-csvc:after 
{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    right: 0px;
    top: 0px;
    -moz-box-shadow: inset 0px 0px 39px 54px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 39px 54px rgba(255, 255, 255, 1);
}
.dung-cu-hoc-tap-slider .slick-slide
{
	padding-right: 15px
}
/* mb */
			.ly-do-slick-slider .img-csvc 
				{
    				padding: 0;
   			 		background: transparent;
    				position: relative;
    				margin-top: 0px;
				}
			.ly-do-slick-slider .slick-list
			{
				padding: 0px!important;
			}
            .ly-do-slick-slider {
                margin: 20px 0;
				margin-left: -10px;
            }
            .ly-do-slick-slider .slider-item {
                text-align: center;
                padding: 10px;
            }
            .ly-do-slick-slider .slider-item img {
                height: 250px;
        		object-fit: cover;
            }
            .ly-do-slick-slider .slider-title {
                display: table;
    			margin: 0 auto;
    			width: 100%;
				height: 60px;
    			border-radius: 22px;
    			padding: 8px 10px;
    			font-size: 16px;
    			line-height: 24px;
    			color: var(--black);
    			margin-top: 10px;
    			background: linear-gradient(286.17deg, #FACC15 0%, #FFE580 100%);
				
            }
.info-contact
{
	font-size: 22px;
    color: #d9b061;
    line-height: 28px;
    margin-bottom: 5px;
	font-family: var(--medi)
}
.respon-chi-nhanh .col
{
	padding: 0
}
@media only screen and (max-width: 768px)
{
	.chi-nhanh-list-page
	{
		grid-template-columns: repeat(1, 1fr);
	}
}
.dat-lich-hen-button
{
	display: flex;
    align-items: baseline;
	column-gap: 5px
}
.dat-lich-hen-button:hover
{
	background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	color: var(--black)
}
.dat-lich-hen-button:hover i
{
	color: var(--black)!important
}
.dat-lich-hen-button i
{
	color: var(--black)!important;
}
.dat-lich-hen-button
{
	border: 1px solid var(--border-btn);
    color: var(--black);
    font-size: 16px;
    border-radius: 24px;
    margin-top: 0;
    position: absolute;
    right: 0;
    width: 159px;
    bottom: -50%;
	font-family: var(--regular);
	font-weight: normal;
}
.chi-nhanh-list-page
{
	display:grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: 20px;
    row-gap: 20px;
}
@media only screen and (max-width:768px)
{
	.chi-nhanh-list-page
{
	 grid-template-columns: repeat(1, 1fr);
	}
}
/* giang vien page */
/* custom danh muc bai viet */
.dm-post-st .list-khoa-hoc
{
	display: grid;
    grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
    text-align: left;
    column-gap: 30px;
}
.dm-post-st .list-khoa-hoc li {
    padding: 0px 10px;
    border-radius: 8px;
    margin: 10px 5px;
    text-align: left;
    display: block;
}
.dm-post-st .list-khoa-hoc a {
	display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 33px;
	color: var(--black);
    font-size: 16px;
	font-family: var(--medi);
	column-gap: 5px
}
.dm-post-st .list-khoa-hoc li:hover
{
	background: #FFF2D2;
	transform:scale(1.1)
}
.dm-post-st .list-khoa-hoc h2 {
    margin-bottom: 0;
}
.list-child-cate
{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
    align-items: center;
    justify-content: center;
    width: 100%;
    list-style: none;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0;
    text-align: left;
	column-gap: 30px
}
.list-child-cate a
{
	color: var(--black);
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 33px;
	font-family: var(--medi)
}
.brearumb-div {
    margin-bottom: 1rem;
}
.title-breacrumb {
    display: block;
    width: 100%;
}
.title-breacrumb h1 {
    text-align: center;
    font-size: 32px;
    line-height: 40px;
    font-weight: 500;
    text-transform: uppercase;
    color: #d9b061;
}
.title-breadcrumb
{
	margin-bottom: 20px
}
@media only screen and (max-width: 768px)
{
	.grid
	{
		display: block!important
	}
	.container .title-breadcrumb h1
	{
		font-size: 22px;
        line-height: 30px;
        margin-top: 10px;
		font-family: var(--bold);
		margin-bottom:-30px;
	}
}
.list-child-cate li{
	padding: 0px 10px;
    border-radius: 8px;
    margin: 10px 5px;
    text-align: left;
    display: block;
}
.list-child-cate h2
{
	margin-bottom:0
}
.list-child-cate a
{
	display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    line-height: 33px;
}
.list-child-cate li:hover
{
	background: #FFF2D2;
	transform:scale(1.1)
}
@media only screen and (max-width:768px)
{
	.grid:not(:last-child) {
    margin-bottom: 30px!important;
}
}
.grid:not(:last-child) {
    margin-bottom: 96px;
}
.grid--4-cols {
    grid-template-columns: repeat(4, 1fr);
}
.grid {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
}
.item-news-page a {
    color: #212121;
    font-size: 16px;
    line-height: 24px;
}
.item-bc 
.item-bc h3
{
	height: 60px
}
.item-bc span, .news-item span {
    color: #635D57;
    font-size: 14px;
    position: relative;
    padding-left: 22px;
    display: inline-block;
    width: 100%;
    line-height: 14px;
    height: 20px;
}
.item-bc span img, .news-item span img {
    margin-right: 6px;
    display: inline-block;
    position: absolute;
    left: 0;
    top: -4px;
}
.item-bc p
{
	font-size: 14px;
    line-height: 20px;
    color: #616161;
}
.item-bc h4 a, .item-bc h3 a {
    color: #212121;
    font-size: 18px;
    line-height: 24px;
	font-family: var(--medi);
    padding-top: 10px;
    display: block;
    padding-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 59px;
}
.item-bc a img {
    border-radius: 12px;
    height: 192px;
    object-fit: cover;
    width: 100%;
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.item-bc:hover h3 a
{
	color: var(--theme-color)
}
.item-bc h3 a
{
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.title-breadcrumb h1
{
	text-align: center;
    font-size: 32px;
    line-height: 40px;
   font-family: var(--medi);
    text-transform: uppercase;
    color: #d9b061;
}
/* he thong may moc */
.acf-gallery-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	margin: 40px 0;
}
.acf-gallery-item img {
	width: 100%;
	height: 300px;
	object-fit: cover;
	border-radius: 16px;
}
/* galley khai giang */
.anh-khai-giang-slick-slider {
	transform: rotateY(180deg);
}
.anh-khai-giang-slick-slider .slick-slide {
	transform: rotateY(180deg);
	margin-right: 10px;
}
.anh-khai-giang-slick-slider .slick-track {
	display: flex;
}
.anh-khai-giang-slick-slider .slide img {
	width: 100%;
	height: auto;
}
.img-sld-plt
{
	width: 400px!important;
    border-radius: 10px;
    height: 250px!important;
    object-fit: cover;
}
/* phong ly thuyet */
.ly-thuyet-slick-slider {
	transform: rotateY(180deg);
}
.ly-thuyet-slick-slider .slick-slide {
	transform: rotateY(180deg);
	margin-right: 10px;
}
.ly-thuyet-slick-slider .slick-track {
	display: flex;
}
.ly-thuyet-slick-slider .slide img {
	width: 100%;
	height: auto;
}
.img-sld-plt
{
	width: 400px!important;
    border-radius: 10px;
    height: 250px!important;
    object-fit: cover;
}
/* phong thuc hanh */
.phong-thuc-hanh-slider .slick-slide {
	margin-right: 10px;
}
.phong-thuc-hanh-slider .slick-track {
	display: flex;
}
.phong-thuc-hanh-slider .slide img {
	width: 100%;
	height: auto;
}
/* dung cu hoc tap */
.dcht-img
{
	width: 95%;
    height: 300px;
    object-fit: cover;
    border-radius: 16px;
}
.dung-cu-hoc-tap-navigation
{
	display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
    margin-top: 40px;
    left: -15px;
}
.dung-cu-hoc-tap-navigation .slick-prev, .dung-cu-hoc-tap-navigation .slick-next {
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--black);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    border: none;
    opacity: 1;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}
.dung-cu-hoc-tap-navigation .dung-cu-hoc-tap-dots {
    border-radius: 20px;
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.15);
    width: 308px;
    left: calc(50% - 150px);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -20px;
    position: absolute;
}
.dung-cu-hoc-tap-navigation .slick-prev img, .dung-cu-hoc-tap-navigation .slick-next img {
    min-width: 24px;
    height: auto;
}
.dung-cu-hoc-tap-navigation .slick-dots {
    margin-top: 0px;
}
.dung-cu-hoc-tap-navigation .slick-prev {
    left: calc(50% - 200px);
}
.dung-cu-hoc-tap-navigation .slick-next {
    left: calc(50% + 170px);
}
.dung-cu-hoc-tap-navigation .slick-prev:before, .dung-cu-hoc-tap-navigation .slick-next:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--cl-btn2);
}
.dung-cu-hoc-tap-navigation .slick-prev:hover:before , .dung-cu-hoc-tap-navigation .slick-next:hover:before
{
	animation: vong_zoom 1.5s infinite linear;
}
/* giao vien menu page */
.slick-slide img
{
	width: 100%
}
.giao-vien-carousel-navigation .slick-prev:before, .giao-vien-carousel-navigation .slick-next:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--cl-btn2);
}
.giao-vien-carousel-navigation .slick-prev:hover:before , .giao-vien-carousel-navigation .slick-next:hover:before
{
	animation: vong_zoom 1.5s infinite linear;
}
.giao-vien-carousel-navigation .slick-prev
{
	left: calc(50% - 200px);
}
.giao-vien-carousel-navigation .slick-next
{
	left: calc(50% + 170px);
}
.giao-vien-carousel-navigation .slick-dots
{
	margin-top: 0px
}
.giao-vien-carousel-navigation
{
	display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    width: 100%;
	margin-top: 40px;
    left: -15px;
}
.giao-vien-carousel-navigation .giao-vien-carousel-dots
{
    border-radius: 20px;
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
    box-shadow: 0px 4px 17px 0px rgba(0, 0, 0, 0.15);
    width: 308px;
    left: calc(50% - 150px);
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -20px;
	position: absolute
}
.giao-vien-carousel-navigation .slick-prev, .giao-vien-carousel-navigation .slick-next
{
	background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    color: var(--black);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    border: none;
    opacity: 1;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}
.giao-vien-carousel-navigation .slick-prev img, .giao-vien-carousel-navigation .slick-next img
{
	min-width: 24px;
    height: auto;
}
.giao-vien-carousel-container 
{
	position: relative;
	padding: 20px;
	background: var(--white);
}
.giao-vien-carousel 
{
	display: flex;
	align-items: center;
}
.giao-vien-item 
{
	text-align: center;
	padding: 20px;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.giao-vien-image img 
{
	width: 100%;
	height: auto;
}
.giao-vien-info 
{
	padding-top: 15px;
	background: #ffeeba;
	border-radius: 10px;
	padding: 15px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.giao-vien-name
{
	margin: 0;
	font-size: 20px;
	line-height: 32px;
	color: var(--black);
}
.giao-vien-info-content {
	display: block
}
.giao-vien-image img
{
	clip-path: polygon(0% 0%, 100% 0%, 100% 80%, 50% 100%, 50% 100%, -20% 70%);
}
.giao-vien-info
{
	height: 180px;
}
.giao-vien-carousel .inactive-slide
{
	transform: scale(0.95);
	transition: all .2s ease-in-out;
    overflow: hidden;
	opacity: .5
}
.giao-vien-carousel .active-slide
{
	transform: scale(1.05)!important;
	opacity:1
}
.giao-vien-info-left 
{
	height:100%
}
.giao-vien-info-right 
{
	margin-top: 10px
}
.giao-vien-chuc-vu
{
	font-size: 16px;
	color: var(--black);
	font-family: var(--regular);
	margin-bottom: 5px
}
.giao-vien-kinh-nghiem,
.giao-vien-hoc-vien 
{  
	font-size: 16px;
	color: var(--black);
	font-family: var(--regular)
}
.giao-vien-carousel-navigation.slick-dots li 
{
	margin: 0 5px;
}
.giao-vien-carousel-navigation.slick-dots li button:before 
{
	font-size: 12px;
	color: #999;
	transition: color 0.3s ease;
}
.giao-vien-carousel-navigation.slick-dots li.slick-active button:before 
{
	color: #007bff;
}
.giao-vien-carousel-navigation.active-slide 
{
	padding: 10px;
	opacity: 1;
}
.giao-vien-carousel-navigation.inactive-slide 
{
	opacity: 0.4;
}

/* tro giang */
.tro-giang-container {
    display: grid;
    column-gap: 20px;
    row-gap: 20px;
	grid-template-columns: repeat(5, 1fr);
}

.tro-giang-item {
	border-radius: 12px;
    background: #F9E2A7;
    overflow: hidden;
}

.tro-giang-thumbnail img {
    width: 100%;
    height: auto;
}

.tro-giang-name {
    font-weight: bold;
    margin: 10px 0 5px;
	color: var(--black)
}
.tro-giang-chuc-vu
{
	color: var(--black)
}

.tro-giang-chuc-vu,
.tro-giang-hoc-vien {
    margin: 0;
}

.tro-giang-hoc-vien {
    margin-top: 5px;
	color: var(--black)
}
.tro-giang-content
{
	padding: 12px;
}
.tro-giang-name h3
{
	color: var(--black);
	font-size: 20px
}
/* page giao vien */

.teacher-profile {
    max-width: 1240px; 
    margin: 0 auto;
    padding: 0 20px;
    background: var(--white);
    border-radius: 10px;
}
.teacher-header {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}
.teacher-thumbnail {
    flex-shrink: 0; 
    float: left;
    width: 184px;
    background: var(--bg-ns);
    height: 184px;
    display: flex;
    align-items: flex-end;
	border-radius:50%
}
.teacher-thumbnail img
{
	height: auto;
    width: 100%;
    max-height: 100%;
    object-fit: cover;
    object-position: top;
	border-radius:50%
}
.teacher-main-info {
    display: flex;
    flex-direction: column;
}
.teacher-name {
	color: var(--black);
    font-size: 45px;
    line-height: 52px;
}
.teacher-position {
    font-size: 24px;
    color: var(--gvpage);
    margin: 5px 0;
	font-family: var(--medi)
}
.teacher-experience {
    font-size: 16px;
    margin: 10px 0;
	color: var(--black)
}
.teacher-details {
    margin-top: 20px;
}
.teacher-columns {
    display: flex;
    gap: 20px;
}
.teacher-column {
    flex: 1;
}
.teacher-section {
    margin-bottom: 20px;
    padding: 15px;
    border-radius: 8px;
    background-color: var(--white);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.teacher-section-title {
    background: var(--gvpage);
    color: var(--black);
    font-size: 20px;
    border: none;
    padding: 10px 20px;
    border-radius: 20px;
    cursor: default;
    margin-bottom: 10px;
    display: inline-block;
	font-family: var(--bold)
}

.teacher-section-content {
    position: relative;
    overflow: hidden;
    max-height: 180px;
    line-height: 15px;
    transition: max-height 0.5s ease;
    color: var(--black);
}
.teacher-section-content .fade-effect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
}
.teacher-section-content.expanded {
    max-height: none;
    overflow: visible;
}
.toggle-button {
    background: none;
    color: var(--gvpage);
    border: none;
    padding: 0;
    margin-top: 10px;
    cursor: pointer;
    font-size: 14px;
    text-decoration: underline;
    transition: color 0.3s ease;
}
.teacher-section-content
{
	text-transform: justify
}
.teacher-section-content ul
{
	margin-left: 20px;
	line-height: 22px
}

@media only screen and (max-width: 768px)
{
	.teacher-section, .teacher-header, .teacher-thumbnail, .teacher-main-info
	{
		display:block!important
	}
	.teacher-thumbnail
	{
		float:unset;
		margin-left:85px
	}
	.teacher-name
	{
		font-size: 20px;
		line-height:30px;
		margin-top: 20px
	}
	.teacher-profile
	{
		padding:10px
	}
	.teacher-main-info
	{
		margin-left:12px
	}
	.teacher-position
	{
		font-size: 16px
	}
}
/* bai viet lien quan */
.related-posts-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 20px;
}

.related-post-item {
   	display: flex;
    align-items: center;
	padding-bottom: 15px;
    border-bottom: 1px solid #E8E2D0;
}
.related-post-date img {
    margin-right: 6px;
}
.related-post-thumbnail {
    flex-shrink: 0;
    width: 150px;
    height: 100px;
    margin-right: 15px;
}

.related-post-thumbnail img {
    object-fit: cover;
    margin-right: 14px;
    border-radius: 10px;
}

.related-post-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.related-post-title {
    margin: 0;
    font-size: 16px;
    font-family: var(--bold);
	color: var(--black)
}

.related-post-title a {
    text-decoration: none;
    color: var(--black)!important;
    transition: color 0.3s ease;
}

.related-post-title a:hover {
    color: #f7941d;
}

.related-post-date {
    font-size: 14px;
    color: var(--color-sbbl);
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.date-icon {
    margin-right: 5px;
    color: #999;
}

/* custom page khoa hoc */
.sidebar-column
{
    position: relative;
}

@media only screen and (max-width: 768px)
{
	.course-title 
	{
		font-size: 20px!important;
        line-height: 30px;
	}
	.content-wrapper h2
	{
		font-size: 22px!important;
	}
	.diva-post-author
	{
		display:block!important
	}
	.diva-post-author .author-avt
	{
		width: 100%!important;
   	 	height: auto!important;
		border-radius:50%
	}
	.diva-author-info
	{
		width:100%!important
	}
}
.tentg-bvkh
{
	color: var(--theme-color);
	font-family: var(--bold)
}
.course-section {
    margin-bottom: -26px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
}
.relate-heading:after {
    content: '';
    position: relative;
    background: var(--theme-color);
    width: 150px;
    height: 2px;
    bottom: -10px;
    left: 0;
    display: block;
}
.relate-heading {
    font-size: 22px;
    line-height: 22px;
    position: relative;
    padding-bottom: 10px;
    margin: 30px 0;
	color: var(--black);
    font-family: var(--bold)
}
.section_title.pb-3.mb-5.fw-bold.heading-tertiary {
    position: relative;
    clear: both;
    color: var(--ttb1);
	font-family: var(--bold);
    font-size: 22px;
    padding-bottom: 10px;
}
.section_title::after {
    content: "";
    width: 150px;
    height: 2px;
    background-color: #b37917;
    position: absolute;
    bottom: 0;
    left: 0;
}
.diva-post-author {
    display: flex;
    gap: 20px;
    justify-content: flex-start;
    border: 1px dashed #8f6917;
    background: #fff8f3;
    width: 100%;
    padding: 24px;
    border-radius: 12px;
    align-items: start;
}
.diva-post-author .author-avt {
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.diva-post-author .author-avt img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.diva-author-info {
    width: calc(100% - 14rem);
}
.diva-author-info>.tentg-bvkh {
    
}
.author-description {
    line-height: 1.6;
    font-size: 16px;
}
.course-content figure, .course-content img
{
	width: 100%!important;
}
.course-content figure
{
	margin-top: 20px
}
.course-content li
{
	color: var(--black)
}
.course-content
{
	font-size: 16px;
	line-height: 22px;
	text-align: justify
}
.course-content a:hover
{
	color: var(--theme-color)
}
.content-wrapper .course-content p, .course-content span
{
	color: var(--black);
	font-family: var(--regular);
}
.content-wrapper a
{
	color: var(--tthh);
	font-family: var(--bold);
}
.content-wrapper h2
{
	font-family: var(--bold);
	font-size: 25px;
	color: var(--tthh);
}
.content-wrapper h2, .content-wrapper h3, .content-wrapper h4, .content-wrapper h5
{
	margin: 15px 0;
}
.content-wrapper h3
{
	color: var(--tthh);
	font-size: 20px;
}
.content-wrapper .wp-caption-text
{
	color: var(--capimg);
    font-size: 16px;
    text-align: center;
    display: block;
    margin-top: 0;
    padding-bottom: 4px;
}
.wpcf7 .wpcf7-not-valid-tip {
    position: relative;
    background: 0 0;
    padding: 15px;
    font-size: 12px;
    line-height: 15px;
    left: 18px;
    bottom: 0;
}
.content-wrapper .wp-caption .wp-caption-text
{
	font-style: italic;
    margin-bottom: 13px !important;
    background: var(--bgcapimg);
    border-radius: 0px 0px 10px 10px !important;
    overflow: hidden;
}
.content-wrapper
{
	display: grid;
    grid-template-columns: 2fr 1fr;
    margin-bottom: 20px;
    column-gap: 32px;
    row-gap: 32px;
}
.rank-math-breadcrumb a
{
	color: var(--sub-nhansu)
}
.rank-math-breadcrumb p
{
	font-size: 14px;
	margin-left: 2%;
	margin-bottom: 0px;
}
.rank-math-breadcrumb {
    margin-bottom: 20px;
	margin-top: 20px
}
.container .rank-math-breadcrumb
{
	margin-bottom: 10px;
}
.rank-math-breadcrumb
{
	position: relative
}
.rank-math-breadcrumb .last {
    color: var(--theme-color);
    text-decoration: none;
    transition: color 0.3s ease;
}
.rank-math-breadcrumb a:hover
{
	color: var(--theme-color);
}
.teacher-profile .rank-math-breadcrumb p
{
	margin-left: 2.5%;
}
.rank-math-breadcrumb:before 
{
    content: '';
    background: url(/wp-content/uploads/2024/10/iconhome.webp);
    position: absolute;
    display: block;
    left: 0;
    bottom: 5px;
    width: 20px;
    height: 16px;
}
.course-title {
    font-size: 32px;
    margin-bottom: 20px;
	color: var(--tthh)
}
.course-introduction .intro-text {
	background: var(--colortabbr);
    padding: 15px 30px 15px;
    border-left: 4px solid var(--Primary-600);
    text-align: justify;
    margin: 20px 0;
    border-radius: 12px;
	color: var(--black)
}
.course-thumbnail {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 20px;
}
.course-content {
    margin-bottom: 20px;
}
.course-feedback {
    margin-bottom: 20px;
}
.course-author {
    margin-bottom: 20px;
}
.course-author .author-info {
    display: flex;
    align-items: center;
}
.course-author .author-info img {
    margin-right: 10px;
}
.course-faq {
    margin-bottom: 20px;
}
.form-sidebar
{
	background-image: url(/wp-content/uploads/2024/10/FormBG.png);
    border-radius: 24px;
    padding: 30px;
    margin-top: 80px;
    text-align: center;
    background-size: 100% 100%;
    padding-top: 60px;
    position: sticky;
    top: 150px;
}
.form-sidebar .heading-sidebar
{
	font-size: 28px;
    margin-bottom: 20px;
    color: var(--black);
    font-family: var(--bold)
}
.form-sidebar .heading-sidebar1 {
    color: #707070;
    font-size: 14px;
	margin-bottom:15px
}
.form-sidebar:before
{
	content: '';
    position: absolute;
    background-image: url(/wp-content/uploads/2024/10/bacsi.png);
    width: 116px;
    height: 116px;
    top: -70px;
    right: 38%;
    background-position: center;
    background-repeat: no-repeat;
}
/* lienhe-page */
.info-contact
{
	background: #FFF2DD;
    border-radius: 24px;
    padding: 40px;
}
.info-contact ul
{
	margin-left: -25px;
}
.info-contact>h4 {
    font-size: 24px;
    line-height: 36px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B1AAA2;
    color: var(--tthh);
}
.info-contact li strong {
	display: block;
    width: 100%;
    font-size: 22px;
    color: var(--tthh);
    margin-bottom: -5px;
}
.info-contact p
{
	word-break: break-all;
}
.info-contact li {
    display: flex;
    align-items: center;
    color: #616161;
    font-size: 16px;
    line-height: 24px;
    margin: 25px 0;
}
.info-contact img
{
	margin-right: 10px;
}
.h4-tt-plh
{
	font-size: 24px;
    line-height: 36px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #B1AAA2;
}
.h4-tt-plh h4
{
	color: #d9b061;
}
.top-gap-lh
{
	margin-top: 10px
}
.form-item-lhpgae
{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 10px;
}
/* homepage */
.khh2
{
	margin-bottom:50px
}
.flickity-page-dots .dot.is-selected
{
	width: 18px;
    height: 8px;
    border-radius: 8px;
    background: var(--black);
}
.hotline-bar-box img
{
	cursor: pointer;
}
@keyframes xoayxoay
{
	0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
30% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
33% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
36% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}
39% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
42% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}
45% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
48% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
    opacity: 1;
}
51% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
}
54% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
}
57% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
}
.hotline-bar-box .call-icon:hover img, .hotline-bar-box .tuvan-icon:hover img, .hotline-bar-box .face-icon:hover img, .hotline-bar-box .email-icon:hover img
{
	animation: xoayxoay 2s infinite linear;
}
.title-dm-post
{
	color: var(--theme-color)!important;
	cursor: pointer
}
.hvtmrs
{
 	flex-flow: inherit; 
}
.hvtmrs > * 
{
    margin-left: 20px;
}

.hvtmrs > :nth-child(1) {
    margin-left: 0;
}
@media only screen and (max-width: 590px)
{	
	.hvtmrs > * 
	{
    	margin-left: 0px;
	}
	.resmb-subtexxt
	{
		margin-bottom:-20px
	}
	.acf-gallery-grid 
	{
		grid-template-columns: repeat(1, 1fr);
	}
	.res-titleh1-mb .col
	{
		padding: 0!important;
	}
	.ly-do
	{
		margin-top: 90px;
	}
	.btn-xct
	{
		margin-bottom:0
	}
	.title h1, .title h2 
	{
        font-size: 20px !important;
        text-align: center!important;
        line-height: 30px !important;
        margin-top: 0px;
        margin-bottom: 10px;
    }
	.nhan-vien-sec
	{
		padding-right: 20px!important
	}
	.hvtmrs
	{
		margin-top: 30px;
    	width: 100%
	}
	.respon-chi-nhanh
	{
		margin-top: 70px!important
	}
	.chi-nhanh-container 
	{
        display: block!important
    }
	.chi-nhanh-list
	{
		padding: 0px 16px 25px 16px!important
	}
	.chi-nhanh-map-wrapper iframe
	{
		padding: 0px 20px;
	}
	.gaptop-70
	{
		margin-top: -70px;
	}
	.giao-vien-carousel-navigation
	{
		left: 30px!important;
		margin-top: 30px!important
	}
	.giao-vien-carousel-navigation .slick-prev
	{
		left: calc(50% - 52%)!important;
	}
	.giao-vien-carousel-navigation .slick-next
	{
		left: calc(50% + 25%)!important;
	}  
	.giao-vien-carousel-navigation .giao-vien-carousel-dots
	{
		max-width: 230px!important;
		margin-top: 35px;
    	left: 13% !important;
	}
	.tro-giang-container
	{
		grid-template-columns: repeat(2, 1fr)!important;
	}
	.lh-trang .info-contact
	{
		padding: 20px 20px 0 20px;
	}
	.lh-trang
	{
		margin-bottom: 0
	}
	.lh-trang .col-form-lh
	{
		margin-top: -40px
	}
	.lh-trang .wpcf7 .form-item-lhpgae
	{
		margin-bottom: 0px;
	}
	.lh-trang .wpcf7
	{
		padding: 0
	}
	.lh-trang .form-item-lhpgae
	{
		display:block
	}
	.lh-trang .top-gap-lh
	{
		flex-flow: inherit
	}
	.header .header-inner
	{
		grid-template-columns: 0fr 1fr 3fr!important;
	}
	.ly-do-item
	{
		padding: 30px 10px!important
	}
	.left-hvdg
	{
		top: -670px!important;
	}
	.cot-hv
	{
		height: 550px;
	}
	.dung-cu-hoc-tap-slider .slick-track
	{
		margin-left: 60px;
	}
}
@media only screen and (max-width: 944px)
{
	.gioi-thieu-sec
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.gioi-thieu-sec .title h1 ,.gioi-thieu-sec .txt-hvtm p
	{
		text-align: center
	}
	.khh2 h2
	{
		text-align: center
	}
	.title-h2-tc .col
	{
		padding: 0
	}
	.khsection
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.khh2
	{
		margin-bottom: 40px
	}
	.column-left, .column-right 
	{
        order: 1;
    }
	.column-center 
	{
        grid-column: span 2;
        order: 3;
    }
	.ly-do-columns
	{
		grid-template-columns: 1fr 1fr!important;
    	column-gap: 20px;
    	row-gap: 20px;
	}
	.ly-do
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.ly-do-sec
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.ly-do-sec
	{
		padding-bottom:0!important
	}
	.ly-do-slick-slider
	{
		margin:0!important;
		margin-left: -10px!important;
	}
	.img-csvc:after
	{
		display:none
	}
	.camket-sec h2, .camket-sec p
	{
		text-align: center
	}
	.camket-home
	{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
	.camket-sec .col 
	{
    	max-width: 100%!important;
	}
	.camket-home .atbf1:after, .camket-home .col:before, .camket-home .atbf2:before, .camket-home .atbf3:before, .camket-home .atbf2:after, .camket-home .atbf3:after, .camket-home .atbf4:before
	{
		display:none
	}
	.nhan-vien-list-btn .slick-prev
	{
		margin-left: 0px;
	}
	.nhan-vien-sec
	{
		padding-left: 20px!important;
	}
	.res-mb-dgia
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.bao-chi-sec
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.respon-bcc
	{
		padding-left: 20px!important;
		padding-right: 20px!important
	}
	.kcttvm h2
	{
		text-align: center
	}
	.row-slider .flickity-page-dots 
	{
    	bottom: 15px;
	}
	.respon-chi-nhanh
	{
		margin-top: 48px
	}
	.chi-nhanh-container
	{
		justify-content: flex-start!important;
	}
	.col-he-thong-ph .col
	{
		padding-left: 15px!important;
		padding-right: 15px!important
	}
	.dungcu-sec
	{
		margin-top: -70px
	}
	.group-btn-dv
	{
		display: block!important
	}
	.dat-lich-hen-button
	{
		bottom: -18%;
		position: relative
	}
	.form-sidebar:before
	{
		right: 42%
	}
	.btn-viewall
	{
		font-size: 12px
	}
	.form-sidebar .heading-sidebar
	{
		font-size:24px
	}
	.content-wrapper
	{
		display: block
	}
	.grid:not(:last-child)
	{
		margin-bottom: 20px
	}
	.res-dm-tablet
	{
		margin-bottom: 48px!important
	}
	.grid--4-cols
	{
		grid-template-columns: repeat(2, 1fr);
	}
	.header .header-inner
	{
		display: flex;
	}
	.header .logo
	{
		display: block
	}
	.header-main
	{
		height: 80px !important;
	}
	.header .logo a
	{
		display: flex;
    	justify-content: space-around;
	}
	.tro-giang-container
	{
		 grid-template-columns: repeat(3, 1fr);
	}
	.giao-vien-info
	{
		height: 255px;
	}
	.hoc-vien-reviews .slick-list
	{
		padding-bottom: 20%;
	}
	.cot-hv
	{
		display:block
	}
	.khoa-hoc-info li img
	{
		width: 12px;
		height: auto
	}
	.khoa-hoc-title
	{
		height: 40px
	}
	.box-blog-hp a
			{
				font-size: 16px
			}
			.bao-chi-container
			{
				margin: -10px 0
			}
			.res-mb-dgia
			{
				margin-top: -30px;
				padding-top: 0px
			}
			.res-mb-camket
			{
				padding-bottom: 20px
			}
			.camket-home .col:before , .camket-home .atbf1:after, .camket-home .atbf2:after, .camket-home .atbf3:after, .camket-home .atbf4:before, .camket-home .atbf2:before, .camket-home .atbf3:before
			{
				display:none
			}			
            .acf-three-columns {
                display: grid;
                grid-template-columns: 1fr 1fr;
                column-gap: 16px;
				row-gap: 16px;
			}
            .column-left, .column-right {
                order: 1;
            }
            .column-center {
                grid-column: span 2;
                order: 3;
            }
            .ly-do-item {
                height: 180px;
                display: flex;
                flex-direction: column;
                justify-content: space-between;
            }
			.ly-do-item .icon img 
			{
				width: 30px;
			}
			.title-ly-do h3
			{
				font-size: 16px;
			}
			.ly-do-item 
			{
				padding: 40px 10px;
			}
	.mfp-container
	{
		height:0px!important
	}
	.off-canvas-center .nav-vertical>li>a
	{
		font-size: 16px!important;
		color: var(--black);
		font-family: var(--bold)
	}
	.medium-logo-center .logo
	{
		margin:0px;
		margin-bottom: 11px
	}
	.header .header-inner
	{
		grid-template-columns: 0fr 1fr 2fr;
		padding: 10px 20px 0 20px!important;
	}
	.header .flex-row
	{
		display: grid !important;
	}
	.khoa-hoc-content h3 a
	{
		font-size: 18px!important
	}
	.khoa-hoc-excerpt, .khoa-hoc-giang-vien
	{
		font-size: 14px!important
	}
	.khoa-hoc-so-buoi img
	{
		margin-right: 5px
	}
	.khoa-hoc-so-buoi, .khoa-hoc-thoi-gian, .khoa-hoc-so-bai-hoc , .khoa-hoc-chuc-vu 
	{
		font-size: 13px!important;
	}
	.header .is-small
	{
		padding: 0;
	}
	.off-canvas-center .mfp-content
	{
		padding-top: 673px!important;
	}
	.off-canvas-center .nav-vertical>li>a
	{
		justify-content: start!important;
	}
	.nav-sidebar.nav-vertical>li+li
	{
		border-top: 0px;
	}
	.khoa-hoc-list {
        display: flex;
    }
    .khoa-hoc-item {
        width: 100%;
        margin-bottom: 20px;
    }
	.nhan-vien-item 
	{
    	background: var(--white);
    	text-align: center;
    	overflow: hidden;
    	margin-right: -45px!important;
    	margin-left: 65px;
	}
	.res-mb-hv
	{
		padding-top: 15px!important;
		padding-bottom: 15px!important;
	}
	.left-hvdg
	{
		width: 100%!important;
		position: relative;
		margin-left: 0%;
		margin-top: 0%;
		top: inherit;
		bottom: 0;
		transform: none;
		border-radius: 0px 0px 10px 10px;
		transform: translateY(70%)!important;
	}
	.video-hv-box 
	{
        width: 100%!important;
        overflow: hidden;
        border-radius: 20px 20px 0 0;
    }
	.lh-trang
	{
		display: block;
	}
	.lh-trang .col-left-lh
	{
		max-width: 100%;
	}
	.col-form-lh
	{
		max-width: 100%;
	}
	.hvtmrs .col
	{
		margin-right: 20px;
	}
	.hvtmrs .nth4hv
	{
		margin-right: 0px!important;
/* 		width: 292px!important */
	}
	.rank-math-breadcrumb p
	{
		margin-left: 3%;
	}
	.tro-giang-mdl
	{
		margin-top: 40px
	}
}
.hvtmrs .col
{
	padding:0;
}
.res-titleh1-mb .col
{
	padding: 0 0 20px;
}
.resmb-subtexxt .col
{
	padding: 0 0 50px;
}
@media screen and (min-width: 1600px)
{
	.space-70
	{
		margin-top: 70px
	}
	.gap-h2-top h3
	{
		margin-bottom: 20px;
	}
}
.title a, .title h1, .title h2
{
	color: var(--tthh);
	font-family: var(--semi);
    font-size: 32px;
    line-height: 40px;
	text-transform:uppercase;
	margin-bottom: 0px
}
.title h3
{
	color: var(--tthh);
	font-family: var(--semi);
    font-size: 24px;
    line-height: 32px;
	text-transform:uppercase
}
.txt-hvtm
{
	color: var(--black);
}
.btn-xct
{
	color: var(--black);
    font-size: 14px;
	font-family:var(--regular);
	font-weight: 500;
    width: 125px;
    height: 36px;
    border-radius: 22px;
    text-align: center;
    text-decoration: none;
    border: none;
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	line-height:2.8
}
.btn-xct:hover
{
	background: linear-gradient(286.17deg, var(--cl-btn2) 0%, var(--cl-btn1) 100%);
	color: var(--black);
	box-shadow:none
}
.box-hp-it:hover .col-inner
{
	transform: scale(1.0) translateY(-5px);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.box-hp-it:hover img
{
	transform: scale(1.1) translateY(-5px);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.box-hp-it h3
{
    font-size: 18px;
    line-height: 28px;
    margin: 10px 0;
    color: var(--white);
}
.box-hp-it p
{
    font-size: 16px;
    line-height: 28px;
    color: var(--white);
	font-family: var(--regular)
}
.box-hp-it img
{
    max-height: 79px;
    margin-bottom: 20px;
	margin-left:-80px;
	margin-top:30px;
    transition: all 0.3s linear 0s;
}
.number-about p
{
	position: absolute;
    top: 15px;
    color: var(white);
    right: 15px;
    text-align: center;
    font-size: 64px;
    line-height: 50px;
    text-transform: capitalize;
    -webkit-text-stroke: 1px rgb(255 255 255 / 51%);
    -webkit-text-fill-color: transparent;
}
.title-ldo h2
{
    font-size: 32px;
    line-height: 40px;
    color: var(--black);
	margin-bottom: 30px
}
.box-it-ldo
{
	padding: 27px 10px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    border: 1px solid var(--brown);
    backdrop-filter: blur(10px);
    text-align: center;
	line-height:1.3;
	margin-bottom: 16px
}
.box-it-ldo img
{
	height: 40px;
    width: auto;
}
.title-kh h3
{
    font-size: 24px;
    color: var(--brown1);
    margin-top: 10px;
}
.tab-home span
{
	font-size: 20px!important
}
.tab-home li
{
    border-bottom: none;
    text-decoration: none;
    background-color: transparent;
    transition: all 0.2s ease-in-out;
    font-size: 20px;
    color: var(--silver);
    padding-left: 0px;
}
.tab-home li:hover
{
	background: linear-gradient(270deg, #FFC838 0%, rgba(255, 245, 217, 0) 100%)!important;
    border-right: 3px solid #B48B0E;
    color: var(--brown1);
}
.tab-home .active
{
	background: linear-gradient(270deg, #FFC838 0%, rgba(255, 245, 217, 0) 100%)!important;
    border-right: 3px solid #B48B0E;
    color: var(--brown1);
}
.tab-home .nav-vertical
{
	width: 40%;
}
.lam-mo:after
{
	content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    -webkit-box-shadow: inset 0px 0px 39px 54px rgba(255, 255, 255, 1);
    -moz-box-shadow: inset 0px 0px 39px 54px rgba(255, 255, 255, 1);
    box-shadow: inset 0px 0px 39px 54px rgba(255, 255, 255, 1);
}
.camket-home .box-text-inner h3
{
	font-size:18px
}
.camket-home .col:nth-child(4):before
{
	opacity:0
}
.camket-home .col:before
{
	position: absolute;
    content: '';
    right: -25%;
    width: 50%;
    height: 2px;
    border-bottom: 1px dashed #9d9d9d;
    top: 20%;
}
.camket-sec .col
{
	padding: 0px 15px 0px
}
.box-img-ck img
{
	margin: 0 auto;
    max-height: 79px;
    margin-bottom: 30px;
    transition: all 0.3s linear 0s;
}
.camket-home .box-img-ck-last:after, .camket-home .box-img-ck-last:before
{
	opacity:0
}
.camket-home .atbf1:after
{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid var(--grey);
    border-radius: 50%;
    top: 16%;
    left: unset;
    right: 25%;
}
.camket-home .atbf2:after , .camket-home .atbf3:after
{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid var(--grey);
    border-radius: 50%;
    top: 16%;
    left: unset;
    right: 25%;
}
.camket-home .atbf2:before , .camket-home .atbf3:before
{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid var(--grey);
    border-radius: 50%;
    top: 16%;
    left: unset;
    right: 72%;
}
.camket-home .atbf4:before
{
	content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    border: 2px solid var(--grey);
    border-radius: 50%;
    top: 16%;
    left: unset;
    right: 72%;
}
.box-img-ck:hover
{
	transform: scale(1.0) translateY(-5px);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.box-img-ck:hover img
{
	transform: scale(1.1) translateY(-5px);
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.box-img-ck h3
{
	margin-top: 20px;
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--black);
}
.box-img-ck p 
{
	font-size: 14px;
    line-height: 24px;
    color: var(--black);
}
.box-img-ck .box-image
{
	width: 80px;
    background: var(--brown2);
    display: block;
    padding: 17px 17px 0px 17px;
    margin: 0 auto;
    border-radius: 20px;
    position: relative;
}
.nav>li>a 
{
	font-size: 14px;
    color: var(--menucolor);
    text-decoration: none;
}
.kcttvm 
{
	margin-bottom: 20px
}
/*custom khoa hoc*/
.intro-text p
{
	font-size:16px;
	color: var(--black)
}
.khoa-hoc-list .slick-dots
{
	bottom: -15px
}
.khoa-hoc-list {
    display: flex;
    flex-wrap: wrap;
    margin: -15px;
}
.khoa-hoc-item {
    width: calc(100% / 3 - 30px);
    margin: 15px;
    background: var(--white);
    border-radius: 8px;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    overflow: hidden;
}
.khoa-hoc-thumbnail img {
    width: 100%;
    height: auto;
    display: block;
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}

.khoa-hoc-content h3 a {
    color: var(--theme-color);
    font-size: 18px;
	font-family: var(--bold);
	text-transform:uppercase
}
.khoa-hoc-thumbnail {
    overflow: hidden;
	position: relative;
	width: 100%;
    height: 240px;
}
.khoa-hoc-item:hover .khoa-hoc-thumbnail img
{
	transform: scale(1.1)
}
.khoa-hoc-title
{
	height: 50px
}
.khoa-hoc-content {
    padding: 20px;
}
.khoa-hoc-excerpt {
    margin-bottom: 15px;
	font-size:16px;
	color: var(--silver);
}
.khoa-hoc-info li img
{
	margin-right: 5px;
	width: 12px
}
.khoa-hoc-info li
	{
		display:flex;
		align-items: center;
		margin-right: 15px;
		margin-left: 0px!important
	}
.khoa-hoc-info ul {
	display: flex;
    list-style: none;
    margin: 10px 0;
    padding-left: 0;
    color: var(--silver-sub);
    justify-content: space-between;
}
.khoa-hoc-so-buoi strong, .khoa-hoc-thoi-gian strong
{
	color: var(--black);
}
.khoa-hoc-so-buoi i, .khoa-hoc-thoi-gian i
{
	font-size: 16px;
	color: var(--theme-color);
}
.khoa-hoc-so-buoi, .khoa-hoc-thoi-gian, .khoa-hoc-so-bai-hoc
{
	font-size: 14px;
	color: var(--silver);
}

.khoa-hoc-giang-vien-info {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
	height: 50px
}

.khoa-hoc-anh-giang-vien img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 10px;
}

.khoa-hoc-giang-vien {
    font-family: var(--bold);
	font-size: 15px;
	color: var(--black)
}

.khoa-hoc-chuc-vu {
    font-size: 14px;
    color: var(--silver);
}

.khoa-hoc-buttons {
    margin-top: 20px;
    display: flex;
    gap: 10px;
}
.btn-tu-van
{
	background: var(--white);
    border-radius: 30px;
    padding: 12px 20px;
    color: var(--black);
    width: 48%;
    text-align: center;
    border: 1px solid var(--border-btn);
}
.btn-tu-van:hover {
    background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	color: var(--black)
}
.btn-chi-tiet {
    padding: 12px 2px;
    text-align: center;
    text-decoration: none;
    transition: background-color 0.3s;
	width: 48%;
    text-align: center;
    border: 1px solid #d9ad00;
	background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	color: var(--black);
	border-radius: 99px;
}
.btn-chi-tiet:hover {
    background: var(--white);
	color: var(--black)
}
/* khai giang */
/* bo dem khai giang */
.countdown-container {
    border-radius: 8px;
    background: var(--Primary-400);
    max-width: 460px;
    margin: 0 auto;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px 0px 16px 24px;
    column-gap: 0;
    margin-bottom: 30px;
}
.countdown-element {
    color:  #302303;
	text-align: center;
	font-size: 20px;
	line-height: 37px;
    padding-top: 8px;
	border-right: 1px solid #302303;
}
.countdown-element:nth-last-child(1)
{
	border-right: none
}
.countdown-element:nth-last-child(1)
{
	padding-right: 20px
}
.countdown-value {
    font-size: 57px;
	font-family: var(--bold);
    padding-right: 10px;
    padding-left: 10px;
}
.countdown-sub
{
    padding-right: 10px;
    padding-left: 10px;
	margin-top:10px
}
/* endbodem */
.tt-kgp p
{
	color: var(--black);
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 10px;
	font-family: var(--bold)
}
.title-gt-lkg
{
	text-align: center;
    margin-bottom: 30px;
    font-size: 16px;
    font-family: var(--bold);
    line-height: 24px;
	color: var(--black);
}
.title-gt-lkg h2
{
	font-size: 32px;
    position: relative;
    display: inline-block;
	color:var(--black);
    padding: 10px;
	width: max-content; 
}
.demnguoc p
{
	font-size: 20px;
	color: var(--black)
}
.title-gt-lkg h2:before
{
	content: '';
    background-image: url(/wp-content/uploads/2024/10/Decoration.svg);
    position: absolute;
    width: 100%;
    background-size: contain;
    height: 100%;
    z-index: -1;
    left: -20px;
    background-repeat: no-repeat;
    top: 15px;
}
/* co so vat chat */
.subtextcsvc p
{
	font-size: 16px;
	color :var(--subtxtcsvc);
	font-style: italic;
	font-family: var(--bold);
	text-align: center
}

/* cac chi nhanh */
.chi-nhanh-list .active
{
	border: 2px solid var(--colortabbr);
    background: var(--colortabbg);
}
.chi-nhanh-search svg
{
	display: block;
    max-height: 100%;
    max-width: 100%;
}
.chi-nhanh-search .icon-search
{
	display: flex;
    position: absolute;
    right: 25px;
    top: 62%;
    transform: translateY(-50%);
}

#search_location
{
	position: relative;
    background-color: #ffeed7;
    border-radius: 32px;
    width: fit-content;
    margin: 0 auto;
    z-index: 4;
    display: flex !important;
    margin-bottom: 40px;
    max-width: 100%;
}
.title-tcn p
{
	color: var(--tthh);
    font-family: var(--semi);
    font-size: 32px;
    line-height: 40px;
    text-transform: uppercase;
	text-align:center
}
.chi-nhanh-title 
{
	font-size:18px;
	color: var(--theme-color-bold);
	font-family: var(--bold);
}

.chi-nhanh-dia-chi, .chi-nhanh-phone, .chi-nhanh-gio-lam-viec
{
	font-family: var(--regular);
	color: var(--colortab);
}
.chi-nhanh-item a
{
	color: var(--theme-color)
}
.chi-nhanh-item i
{
	color: var(--theme-color)
}
.chi-nhanh-container {
    display: grid;
	grid-template-columns: 1fr 2fr
}
.chi-nhanh-container .col
{
	padding: 0!important
}
.group-btn-dv
{
	display: flex;
	justify-content: space-between;
	position: relative
}
.chi-nhanh-dia-chi, .chi-nhanh-phone,.chi-nhanh-gio-lam-viec,.dinh-vi
{
	display: flex;
    column-gap: 10px;
    align-items: center;
}
.chi-nhanh-list-wrapper {
    flex-basis: 27.5%;
    position: relative;
    overflow: hidden;
}

.chi-nhanh-list {
	display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 567px;
    overflow-y: auto;
    padding: 0px 16px;
}

.chi-nhanh-item {
    border: 1px solid transparent;
    background-color: var(--white);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.2);
    border-radius: 24px;
    cursor: pointer;
    padding: 24px;
    display: grid;
    column-gap: 15px;
}

.chi-nhanh-item.active {
    border: 2px solid var(--colortabbr);
	background: var(--colortabbg)
}


.chi-nhanh-map-wrapper {
    flex-basis: 70%;
}

 .chi-nhanh-map-wrapper iframe
{
	min-width: 100%;
    min-height: 567px;
    border-radius: 24px;
    padding-left: 15px;
}

.chi-nhanh-map[style*="display: block;"] {
    display: block;
}
.chi-nhanh-list::-webkit-scrollbar {
    width: 9px;
}
.chi-nhanh-list::-webkit-scrollbar-track {
    background: var(--white); 
}
.chi-nhanh-list::-webkit-scrollbar-thumb {
    background-color: var(--scrolltab);
    border-radius: 20px;
    border: 0px solid var(--scrolltab); 
}
.chi-nhanh-search {
    position: relative;
	text-align: center;
	margin-top: 20px
}

#chi-nhanh-search-input 
{
	border-radius: 24px;
    width: 345px;
    max-width: 100%;
    font-size: 15px;
    padding: 10px !important;
    border: 7px solid var(--bordertk);
    margin-bottom: 0px;
    height: 50px;
}

#chi-nhanh-search-results {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--white);
    border: 1px solid var(--silver);
    border-radius: 8px;
    max-height: 200px;
    overflow-y: auto;
    z-index: 10;
    padding: 10px;
}

#chi-nhanh-search-results div {
    padding: 10px;
    cursor: pointer;
    border-bottom: 1px solid var(--silver);
}

#chi-nhanh-search-results div:hover {
    background: var(--silver);
}

.search-icon {
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #b8860b;
}

/* doi-ngu-nhan-su */
.nhan-vien-sec .col
{
	padding: 0
}
.nhan-vien-list {
    display: block;
    width: 85%;
    margin: 0 auto;
}
.nhan-vien-item
{
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.nhan-vien-item {
	background: var(--white);
    padding: 0px !important;
    text-align: center;
    margin-right:25px;
    overflow: hidden;
}

.nhan-vien-image {
    width: 100%;
    height: auto;
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 8px;
    overflow: hidden;
}

.nhan-vien-image img {
    width: 100%;
    height: auto;
    border-radius: 8px;
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
}
.nhan-vien-name
{
	margin-top: 15px;
}
.nhan-vien-name a {
    margin-top: 15px;
    font-size: 18px;
    font-family: var(--bold);
	color: var(--black)
}

.nhan-vien-chuc-vu {
    margin-top: 5px;
    font-size: 16px;
    color: var(--sub-nhansu);
	height: 50px
}

.slick-prev, .slick-next {
    transition: opacity 0.3s ease;
}

.slick-prev.hidden, .slick-next.hidden {
    opacity: 0;
    pointer-events: none;
}
.slick-next {
    right: 0%;
	box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.25);
}
.nhan-vien-list-btn .slick-prev
{
	margin-left: -2%;
}
.nhan-vien-list .slick-slide {
    padding: 10px;
}

.nhan-vien-list .slick-list {
    overflow: hidden;
}
.nhan-vien-list .slick-track {
    display: flex;
    align-items: center;
}
.btn-next-slider
{
	position: absolute;
    top: 45%;
    display: block;
    left: -2rem;
    z-index: 2;
    width: 48px!important;
    height: 48px!important;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid #FFFFFF;
    box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.25);
    backdrop-filter: blur(4px);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
/*  blog hp */
.box-blog-hp img
{
	border-radius: 12px
}
.box-blog-hp .is-divider
{
	display:none
}
.box-blog-hp a: hover
{
	color: var(--theme-color)!important
}
.box-blog-hp a
{
	font-size:18px;
	color: var(--black);
	font-family: var(--medi)
}
.box-blog-hp p
{
	font-size: 14px;
	color: var(--silver)
}

/* baochi */
.bao-chi-sec .col
{
	padding: 0
}

.bao-chi-container {
    text-align: center;
    margin: 20px 0;
}

.bao-chi-title {
    font-size: 24px;
    color: var(--theme-color);
    margin-bottom: 20px;
    font-weight: bold;
}

.bao-chi-slider {
    margin: 20px 0;
}

.bao-chi-item {
    padding: 10px;
}

.bao-chi-item img {
    height: 75px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.slick-dots li button:before {
    color: var(--theme-color);
}

.slick-dots li
{
	background: var(--black);
	width: 8px;
	height:8px
}
.slick-dots .slick-active
{
	width: 18px;
	height:8px;
    border-radius: 8px;
	background: var(--black)
}
/* footer */
.copyright-footer
{
	margin-bottom: -5px;
}
.link-cs
{
	margin-bottom: 10px;
	display: flex;
	column-gap: 20px
}
.link-cs p
{
	font-size: 22px;
	line-height: 22px;
	text-transform: uppercase;
	font-family: var(--medi)
}
.link-cs a
{
	font-style: italic;
	font-size: 14px;
	font-family: var(--regular);
	color: var(--white);
	text-transform: initial;
	cursor: pointer
}
.link-cs a:hover
{
	color: var(--theme-color)
}
.ft-img-bct img
{
	width: 150px;
    height: auto;
}
.fl-us
{
	font-size: 15px
}
.menu-ft .ux-menu-link__link:hover .ux-menu-link__text, .menu-ft .ux-menu-link__link:hover i
{
	color: var(--theme-color)
}
.danh-sach-dia-chi
{
	list-style:none;
	margin-bottom: 30px
}
.danh-sach-dia-chi img
{
	margin-right: 10px;
    max-width: 16px;
}
.absolute-footer
{
	padding: 10px 0 0
}
.danh-sach-dia-chi li
{
	margin: 10px 0;
    display: flex;
    align-items: center;
    line-height: 1.7;
	margin-left: 0!important;
}
.danh-sach-dia-chi p
{
	font-size: 14px;
	margin-bottom: 5px;
}
.bg-footer
{
	background: var(--black);
	color: var(--white);
	font-family: var(--medi)
}
.bg-footer iframe
{
	width:100%;
	height:220px
}
.icon-ft-social-1
{
	background: url(/wp-content/uploads/2024/10/Frame-1.svg);
    width: 60px;
    height: 60px;
    display: block;
}
.icon-ft-social-2
{
	background: url(/wp-content/uploads/2024/10/Frame-2.svg);
	width: 60px;
    height: 60px;
    display: block;
}
.icon-ft-social-3
{
	background: url(/wp-content/uploads/2024/10/Frame-3.svg);
	width: 60px;
    height: 60px;
    display: block;
}
.social ul 
{
    display: flex;
    list-style: none;
    padding: 0;
}
.social ul li 
{
    background: var(--brown);
    border-radius: 50%;
}
.social a 
{
    cursor: pointer;
}
.icon-ft-dc
{
	width:16px;
	margin-right:10px
}
.title-ft span
{
	color: var(--white);
	font-family: var(--regular);
	font-size: 22px
}
.form-home
{
	text-align: center;
}
.bg-ft-form .col
{
	padding-bottom:0px!important
}
.bg-ft-form
{
	background: url(/wp-content/uploads/2024/10/Support-BG.png);
	background-size: 100% 100%;
    padding-top: 180px;
}
.title-form
{
	color: var(--brown);
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 15px;
    font-family: var(--regular);
    text-align: center;
}
.btn-viewall
{
	width: auto;
    background-image: url(/wp-content/uploads/2024/10/btn-de.png);
    background-size: 100%;
    background-color: transparent;
    color: var(--brown);
    background-size: 100% 100%;
    height: 48px;
    padding-bottom: 5px;
    margin-top: 12px;
    cursor: pointer;
}
.form-home input
{
	background: #FFF8F2;
    border: none;
    border-radius: 41px;
    height: 36px;
    font-size: 14px;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 10px;
    color: var(--silver);
}
.box-hp-it .col-inner
{
    border-radius: 20px;
    display: flex;
    align-items: center;
    text-align: left;
    justify-content: left;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
    transition: all 1s;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    background: #FFDF99;
    border-radius: 8px;
    padding: 0px 20px;
    background: radial-gradient(50% 50% at 50% 50%, #ffdf99 0%, #cf9f12 100%);
    z-index: 1;
    transition: all 0.3s linear 0s;
}
.title-chi-nhanh-ft p
{
	font-size: 32px;
    font-family: var(--semi);
    color: var(--theme-color);
    margin-bottom: 30px;
    text-align: center;
}
/* danh gia tu hoc vien */
.hv-box {
    position: relative;
    width: 100%;
}

.video-hv-box {
    width: 65%;
    overflow: hidden;
    border-radius: 20px;
}

.video-container-box {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.video-container-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.left-hvdg {
    width: 40%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background: #d9b061;
    padding: 20px;
    border-radius: 10px;
    backdrop-filter: blur(8px);
    box-shadow: -5px 10px 30px rgba(0, 0, 0, 0.04);
    color: #fff;
}

.left-hvdg .hoc-vien-rate span {
	font-size:30px
}

.left-hvdg .hoc-vien-nhan-xet {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 15px;
}

.giao-vien {
    display: flex;
    align-items: center;
}

.left-hvdg .giao-vien .hoc-vien-image img {
    width: 65px;
    height: 65px;
}

.left-hvdg .info-gv .hoc-vien-name {
    font-size: 22px;
    margin-bottom: 6px;
    color: var(--white);
}

.info-gv .hoc-vien-chuc-vu {
    font-size: 14px;
}

.giao-vien .hoc-vien-image img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin-right: 10px;
    object-fit: cover;
}

.hoc-vien-slider .slick-prev, .hoc-vien-slider .slick-next {
    display: none;
}
.respon-bcc .row
{
	margin-bottom: -67px;
}
.respon-bcc .small-12
{
	padding:0
}
.res-mb-dgia .col
{
	padding: 0
}
.hoc-vien-reviews
{
	padding-bottom:30px
}
.hoc-vien-slider {
    cursor: grab;
}

.hoc-vien-slider:active {
    cursor: grabbing;
}

.hoc-vien-column.left-hvdg {
    cursor: grab;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
}

.hoc-vien-slider .hoc-vien-review {
    transition: transform 0.6s ease-in-out;
}
.hoc-vien-slider .slick-dots {
	display: flex !important;
    justify-content: center;
    list-style: none;
    margin-bottom: 0;
    margin-top: 15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.hoc-vien-slider .slick-dots li button:before {
    font-size: 12px;
    color: #ccc;
}

.hoc-vien-slider .slick-dots li.slick-active button:before {
    color: #ffd700;
}

img.quote-icon-tr {
    position: absolute;
    right: 25px;
    bottom: 37px;
    width: 33px;
}

.hoc-vien-slider .slick-slide {
    width: 1132px;
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
    transition-duration: 0ms;
}

/* social ft */
.social-media-icons {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 20px 0;
	justify-content: flex-start
}

.icon-circle {
    width: 50px;
    height: 50px;
    background: #4b2a00;
    border-radius: 50%;
    display: flex;
    transition: transform 0.3s ease;
}

.icon-circle img {
    width: 100%;
    height: auto;
}
/* resmodule hvtm */
	.gap--15
	{
		margin-top:-15px
	}
	.gap-10
	{
		margin-top:10px
	}
	.gap-40
	{
		margin-top: 35px
	}
	.gap-20
	{
		margin-bottom: 20px
	}
.slick-custom-arrow img
{
	min-width: 24px;
    height: auto;
}
.slick-custom-arrow
{
	background: linear-gradient(286.17deg, var(--cl-btn1) 0%, var(--cl-btn2) 100%);
	border-radius: 50%;
    width: 48px;
    height: 48px;
    color: var(--black);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
    border: none;
    opacity: 1;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 47%;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0px;
}
.slick-custom-arrow:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--cl-btn2);
}
.slick-custom-arrow:hover:before
{
	animation: vong_zoom 1.5s infinite linear;
}
@keyframes vong_zoom
{
	70% {
    box-shadow: 0 0 0 15px transparent;
	}
	100% {
    box-shadow: 0 0 0 0 transparent;
}
}
.btn-xct:before
{
	content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 99px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 0 0 var(--cl-btn2);
}
.btn-xct:hover::before
{
	animation: vong_zoom 1.5s infinite linear;
}
@media only screen and (max-width: 768px) 
{
	.title-ldo h2
	{
		font-size: 20px!important;
		line-height:30px!important
	}
	.btn-xct
	{
		margin-top: 20px;
	}
	.title h1 a, .title h2 a
	{
		font-size: 20px!important;
	}
	.res-title-left
	{
		text-align:left
	}
	.khh2 a
	{
		line-height:30px
	}
	.khh2
	{
		margin-bottom:40px
	}
	.txt-hvtm
	{
		text-align:center;
		padding-bottom:5px
		
	}
	.khsection
	{
		margin-top:-8px
	}
	.box-it-ldo
	{
		height:160px;		
	}
	.box-it-ldo .ly-do .row .row:not(.row-collapse)
	{
		margin-left: -5px;
    	margin-right: -5px;
	}
	.title-kh h3
	{
		font-size:14px;
		line-height: 1.4
	}
}
.khsection .col
{
	padding: 0
}
/* ly do section home page */
.ly-do-sec .col
{
	padding: 0
}
.giao-vien-carousel-navigation .slick-prev
{
	opacity: 1!important
}
.ly-do-columns {
            display: grid;
            grid-template-columns: 1fr 2fr 1fr;
            column-gap: 20px
        }
        .column {
			display: grid;
    		column-gap: 20px;
    		row-gap: 20px;
        }
        .column-center {
            text-align: center;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .center-image {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }
        .ly-do-item {
            padding: 60px 10px;
    		border-radius: 8px;
    		min-height: 180px;
    		background: rgba(255, 255, 255, 0.2);
    		border: 1px solid var(--brown1);
    		backdrop-filter: blur(10px);
    		text-align: center;
			transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
        }
        .ly-do-item:hover {
            transform: scale(1.05);
        }
        .ly-do-item .icon img {
            margin-bottom: 10px;
			width: 45px;
			height: auto
        }
		.title-ly-do h3
		{
			font-family: var(--bold);
			color: var(--brown1);
			font-size: 18px
		}
.center-image
{
	border-radius: 8px
}
.csvc-mb
{
	margin-bottom:-10px
}
.ly-do
{
	margin-top: 105px
}
.ly-do .col
{
	padding: 0
}
.camket-home
{
	margin-top:50px
}
/* khai giang */
.col-su-menh .col-inner
{
	display: flex;
	column-gap: 16px;
}
.item-tn {
    border-radius: 24px;
    padding: 40px;
    font-size: 16px;
    line-height: 24px;
    color: var(--black);
    background-image: url(/wp-content/uploads/2024/10/bg-sm.webp);
    box-shadow: -5px 10px 30px rgba(72, 72, 72, 0.12);
    backdrop-filter: blur(10px);
    background-size: cover;
    margin-top: 15px;
	z-index: 2;
}
.icon1-tn h3, .icon2-tn h3
{
	margin-left: 18%;
    margin-top: 9px;
	color: var(--black)
}
.icon1-tn:before {
    content: '';
    background: url(/wp-content/uploads/2024/10/Mask-Group-1_2.webp);
    width: 30px;
    height: 30px;
    position: absolute;
    display: block;
    left: 0;
    margin-left: 30px;
}
.icon2-tn:before {
    content: '';
    background: url(/wp-content/uploads/2024/10/Mask-Group.webp);
    width: 40px;
    height: 35px;
    position: absolute;
    display: block;
    left: 0;
    margin-left: 30px;
}
.col-su-menh .img
{
	display: flex;
    align-items: center;
    left: -40px;
    z-index: 1;
	flex: 1
}
.icon1-tn, .icon2-tn
{
	flex:1
}
.nhan-vien-item:hover .nhan-vien-image img
{
	transform: scale(1.1)
}
.bao-chi-item img
{
	transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s;
    display: block;
}
.bao-chi-item:hover img
{
	transform: scale(1.05) translateY(-5px);
}
.box-blog-hp .box-blog-post:hover a
{
	color: var(--theme-color)
}
.khoa-hoc-tab-title:hover
{
	background: linear-gradient(94deg, #F2C040 3.39%, #F5CF70 99.07%);
}
.gap-30
{
	margin-bottom: 30px;
}
.max-width-900
{
	width: 900px
}
.list-gia-tri .col-inner
{
    margin: 0 auto;
    display: flex;
    text-align: center;
    background-color: var(--white);
    border-radius: 24px;
    grid-template-columns: repeat(3, 1fr);
    padding: 53px 0;
    background-image: url(/wp-content/uploads/2024/10/bg-tam-tin-nhan.webp);
    background-size: 100% 100%;
    box-shadow: 0px 4px 32px 0px rgba(96, 96, 96, 0.16);
}
.item-giatri
{
	font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
    border-right: 1px solid #E0E0E0;
}
.item-giatri p:nth-child(1)
{
	color: var(--theme-color);
    font-size: 45px;
    line-height: 52px;
	font-family: var(--medi);
    margin-bottom: 10px;
}
.txt-bld p, .txt-bld li, .txt-bld strong, .txt-bld a, .txt-bld h4, .txt-bld h3
{
	color: var(--black)
}
.img-100w
{
	width:100%
}
/* giangvienpage */
.modal-title
{
	color: var(--black)
}
.modal-title h4
{
	color: var(--black);
	font-size: 24px
}
/* gioi thieu */
@media only screen and (max-width: 591px)
{
	.icon1-tn h3, .icon2-tn h3
	{
		margin-left: 13%!important
	}
	.item-tn
	{
		position: relative;
		z-index: 2;
	}
	.col-su-menh .col-inner
	{
		display: block
	}
	.icon1-tn h3, .icon2-tn h3 
	{
    	margin-top: 7px;
	}
	.img .img-inner
	{
		width: 100%
	}
	.max-width-900
	{
		width: 100%
	}
	.max-width-900 .col-inner
	{
		display:block
	}
	.item-giatri:before
	{
		content: '';
        position: absolute;
        width: 150px;
        height: 1px;
        background: #d8a000;
        left: calc(50% - 75px);
		margin-top: 40%!important;
	}
	.item-giatri
	{
		padding: 30px 10px!important
	}
	.list-gia-tri .col-inner
	{
		margin-top:-40px
	}
}
@media only screen and (max-width: 940px)
{
	.col-su-menh
	{
		margin-top: 165px;
	}
	.col-su-menh .img
	{
		position:absolute;
    	left: 0;
    	top: -180px;
	}
	.col-su-menh .img-inner
	{
		width:100%
	}
	.icon1-tn h3, .icon2-tn h3
	{
		margin-left: 40%
	}
	.col-su-menh .col-inner
	{
		width:93%
	}
}
.banner #bannerImage
{
	width:100%
}
.list-why-item .col-inner
{
	margin-bottom: 0px;
    border-radius: 12px;
    background: #FCEFCF;
    padding: 0px 24px 24px 24px;
    position: relative;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
	column-gap: 20px;
	row-gap: 20px
}
.img-why-about .img-inner, .img-why-about
{
	position:unset
}
.img-why-about img {
    position: absolute;
    height: 80%;
    width: auto;
    right: 10px;
    z-index: 0;
    top: 10%;
    opacity: .8;
}
.content-why {
    position: relative;
}
.content-why h3 {
    color: #302303;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 10px;
}
.content-why p {
    color: #302303;
    font-size: 16px;
    line-height: 24px;
}
.title-lotrinh h2
{
	color: var(--white);
}
.title-lotrinh {
    font-size: 32px;
    line-height: 40px;
    border-radius: 12px;
    background-color: var(--Primary-500);
    display: -webkit-inline-box;
    text-align: center;
    margin: 0 auto;
    padding: 22px 22px 8px 22px;
    margin-bottom: 50px;
    background-image: url(/wp-content/uploads/2024/10/bg-lotrinh.webp);
    background-size: cover;
}
.gaptop-70
{
	padding-top:70px!important
}
.gaptop-30
{
	padding-bottom:15px
}
.res-tablet
{
	margin-top: 20px
}
/* popup form */
.popup-content .heading-sidebar
{
	font-size: 32px;
    line-height: 40px;
    color: var(--tthh);
    margin-bottom: 30px;
    margin-top: 25px;
    font-family: var(--medi);
}
.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 999
}
.popup-content {
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    position: relative;
    width: 90%;
    max-width: 500px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.close-popup {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}