:root{
	--c1: #0468b1;
	--c2: #2fbef2;
}

h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,body,p,a,li{font-family: "Open Sans", sans-serif;letter-spacing:0;color:#1d1919}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family: "Open Sans", sans-serif;}
body,p,a,li{font-size:15px}
a:active,a:focus,a:hover{color:var(--c1)}
.lines,.lines:after,.lines:before{background-color:var(--c1)}
.content h1,.post-item-description h1,.heading h1,.heading h2{font-weight:700;font-size: 36px;font-family: "Open Sans", sans-serif;color: var(--c1);text-transform:uppercase}
.heading{margin-bottom: 42px;}
p,ul,ol,pre,table{margin-bottom:10px}
ol{list-style-type:decimal}
blockquote{border-left:3px solid #1abc9c;font-size:16px;font-style:italic;padding:5px 15px}
.form-group{margin-bottom:0}
.form-group label{text-transform:none}
.blockquote-color{border-radius:4px}
img{max-width:100%;height:auto}
section{padding: 60px 0;}
.gioithieu-section p{text-align:justify}
.btn{transition:.3s;text-shadow:none!important;border:none;font-size:14px;text-transform: none;letter-spacing: 0;font-weight: 600;}
.slideBox{position:relative}
.slideInfo{position:absolute;bottom:-1px;width:100%;left:0;padding:30px 0;background:#b52f61;z-index:9}
.slideInfo2Con{position:relative;margin:0 auto;display:block}
.slideInfo2.dangki form input{padding:7px 18px;box-shadow:none;border:1px #376C51 solid;margin-bottom:0;border-radius:0;text-align:center;background:transparent}
.slideInfo2.dangki form input::placeholder{font-weight:500;color:#376C51}
.slideInfo2.dangki .btn.btn-primary{background:#B52F61;border-radius:4px}
.slideInfo2{position:absolute;bottom:calc(100vw/1920*990 - 400px);right:0;width:300px;z-index:2;background:rgba(255,255,255,0.94);padding:25px;padding-bottom:6px;border-radius:5px}
.slideInfo2 p{text-align:center;font-weight:800;line-height:1.3;text-transform:uppercase;background:-webkit-linear-gradient(left,#007D6F,#199C8C,#007D70);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:19px}
.slideInfo .slideInfoItem h4{margin-bottom:8px;text-transform:uppercase;font-size:18px;font-weight:400}
.slideInfo .slideInfoItem img{height:25px;margin-top:-9px}
.slideInfo .slideInfoItem p{font-size:12px;line-height:22px;margin-left:4px;margin-bottom:0}
#topbar .top-menu > li:last-child > a{margin:0}
#topbar.topbar-transparent{background-color:rgba(0,0,0,0.4);border-bottom:1px solid rgba(0,0,0,0.12)}
#topbar.topbar-mini{height:30px;line-height:30px;background:var(--c1)}
#topbar.topbar-mini .container{height:30px;line-height:30px}
#topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{line-height:30px;height:30px}
#mainMenu nav > ul > li > a{padding: 12px 17px 11px;font-size: 16px;transition:none;text-transform: none;font-weight: 500;}
#mainMenu nav > ul:first-child > li > a{
    padding: 12px 23px 11px;
}
#mainMenu nav > ul:first-child > li:first-child > a{
    padding-left: 0;
}
#mainMenu nav>ul>li:hover>a{color:var(--c1)}
#mainMenu.menu-right nav > ul > li:last-child > a{padding-right:0}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > a,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content > span,#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li > a{padding:4px 0;font-weight:400;line-height:18px;letter-spacing:-.5px!important}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content li ~ .mega-menu-title{margin-top:0}
#mainMenu nav > ul > li.mega-menu-item .mega-menu-content [class*="col-"] > ul > li.mega-menu-title > a{font-weight:700;letter-spacing:-.5px!important}
#mainMenu nav>ul>li .dropdown-menu>li [class*=col-]>ul>li>a,#mainMenu nav>ul>li .dropdown-menu>li>a,#mainMenu nav>ul>li .dropdown-menu>li>span{font-weight:500;transition:none}
#mainMenu nav > ul > li{padding:0;margin-left:0;transition:none}
#mainMenu nav > ul > li:first-child{padding-left:0}
#mainMenu nav > ul > li:last-child{padding-right:0}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title{padding-bottom:0}
#mainMenu nav>ul>li.mega-menu-item .mega-menu-content .mega-menu-title a{font-family:Montserrat,Helvetica,Arial,sans-serif;font-size:15px;line-height:14px;font-weight:700;text-transform:uppercase;padding-bottom:0}
#mainMenu nav > ul > li > a:hover{cursor:pointer}
#mainMenu nav>ul>li .dropdown-menu>li>a:hover,#mainMenu nav>ul>li .dropdown-menu>li:hover>a{background:var(--c1)!important;color:#fff!important}
#header{background:rgba(0,0,0,0.2)}
#header #header-wrap #logo a>img{padding:0 0;transition:none}
#header.dark #top-search form input::placeholder{color:#fff}
#header .header-extras>ul>li>a:not(.btn) i,#header .header-extras>ul>li>a:not(.btn) img{line-height:1;margin-top:27px;width:28px;text-align:center;height:28px;padding-top:7px;border-radius:20em;background:rgba(0,0,0,0.15);transition:.2s}
#header .header-extras>ul>li>a:not(.btn) img{padding: 6px;border-radius:0;height:auto;width: 28px;/* border:1px #ddd solid; */filter: brightness(0);}
#header .header-extras>ul>li{margin-left:10px}
#header .header-extras>ul>li .btn{background:var(--c1);text-shadow:none;padding:10px 15px;transition:none;font-size:15px;border-radius:20px}
#top-search-trigger i{line-height:80px}
#goToTop{bottom:135px!important;right:28px}
.portfolio-image .quickview{color:#fff;display:none;font-size:13px;background-color:rgba(0,0,0,.4);text-align:center;width:100%;position:absolute;bottom:0;left:0;padding:10px;z-index:1}
.portfolio-image:hover .quickview{display:block}
.portfolio-item.no-overlay .portfolio-description h3{text-transform:initial;letter-spacing:inherit;font-weight:400;font-size:15px;line-height:1.6}
.team-members .team-member .team-image{margin-bottom:0}
.team-members.team-members-shadow .team-member .team-image > img{width:220px;margin:auto;margin-top:20px}
.btn+.btn{margin-left:7px}
.btn-my{background:var(--c1);text-shadow:none!important}
.btn-my:hover{background-color: #d1d1d1;color: var(--c1);transform:scale(1.1)}
.lead{font-weight:400}
.each-product .product-image img{padding:0;transition:.2s;border:1px #ccc solid}
.each-product:hover .product-image img{box-shadow:0 2px 10px 0 rgba(0,0,0,0.15)}
.carousel .each-product .product-image img{box-shadow:none}
.carousel .each-product:hover .product-image img{box-shadow:none;transform:none}
.product-title h1 a{font-weight:400}
.icon-box.large > h3,.icon-box.large > h5{font-size:20px;font-weight:600}
.col-md-2-5{padding-left:5px;padding-right:5px;position:relative}
.product .product-title{margin-bottom:23px}
.product .product-title h3{line-height:1.5}
.product .product-title h3 a{font-size:16px!important;line-height:1.4;font-weight:600;font-family:'Averta',sans-serif!important}
.product .product-price{width:100%;float:left;margin-bottom:0;margin-top:5px;text-align:left}
.product .product-price ins{color:#E82933;font-size:15px;text-transform:none}
.product-page .product .product-image a{margin-bottom:3px;cursor:zoom-in}
.product-page .product .product-title{margin-bottom:10px;float:left;width:100%}
.product-page .product .product-title h1{font-size:26px;font-weight:700;text-transform:none}
.product-page .product .product-rate{font-size:26px;margin-bottom:12px;width:100%;float:left}
.product-page .product .product-price{float:left;width:100%;text-transform:uppercase;margin-bottom:17px}
.product-page .product .product-price ins{font-size:20px}
.product-page .product .product-price + p{float:left;width:100%}
.each-product .product-price del{margin:0;color:#777;text-transform:none;font-size:13px;font-weight:700;margin-bottom:1px;line-height:11px;margin-top:3px}
.product-page .product .product-price del{margin:0;color:#777;text-transform:none;font-size:16px;font-weight:700;margin-bottom:5px;opacity:.8}
.product-page .product .product-image .thumb{overflow:hidden}
.product-page .product .product-image .thumb>a{width:24.7%;border:1px rgba(204,204,204,0.48) solid;overflow:hidden;height:auto;float:left;margin:.2%;padding:0;cursor:zoom-in}
.widget-shop .product .product-title h3 a{font-size:12px!important}
.widget-shop .product{min-height:auto}
.widget-shop .product .product-category,.widget-shop .product .product-title{margin-top:0}
.sidebar .widget{margin-bottom:0;padding-bottom:0;border:none}
.widget-shop .product .product-price ins{font-size:14px}
.product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:0}
.product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:0}
.product-page .product .product-image .thumb>a.active{border:2px #ccc solid}
.product-page .product .product-image .main-product-img{margin-bottom:10px;padding:0}
.product-page .product-description .btn{margin-bottom:0}
.product-page .post-share{float:left;width:100%}
.product-page .post-share .fb-like{margin-top:10px}
.product-size li label span{width:auto;padding:0 5px}
.breadcumb{padding:10px 0}
.breadcumb p{margin:0;font-size:12px;color:#555;line-height:1.4}
.lienhe .widget .widget-title{color:var(--c1);font-weight:800;font-size:22px}
.lienhe .widget p,.lienhe .widget a{/* font-size:18px; *//* line-height:31px; */}
.pagination{overflow:hidden;margin:auto;width:fit-content}
.pagination li i{line-height:1.42857143}
.copyright-text a,.breadcumb p a,.breadcumb p i{font-size:12px}
.each-product .product-image,.each-product .product-image a{position:relative;overflow:inherit;margin-bottom:12px}
.each-product .product-image img.smallLogo{position:absolute;bottom:0;right:0;padding:8px 10px;width:238px;height:auto!important;height:auto;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0;position:absolute;bottom:12px;right:0;padding:5px 10px;width:182px;height:auto!important;height:auto;border:1px #ccc solid;border-top-left-radius:.8em;background:rgba(255,255,255,0.88);margin:0}
.each-product .product-image img.smallLogo2{position:absolute;top:50%;transform:translateY(-50%);right:0;padding:2px 58px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.46);margin:0;position:absolute;transform:translateY(-50%);right:0;padding:2px 40px;width:100%;height:auto!important;height:auto;border:none;background:rgba(255,255,255,0.53);margin:0}
.each-product .product-description{overflow:hidden}
.each-product .product-title{margin-bottom:0}
.each-product .product-price{margin-top:0;text-align:center}
.each-product .product-title h4{font-size:15px;line-height:1.4;text-align:center}
.each-post h4{font-size:16px;line-height: 1.2;margin-bottom:5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.testimonial.testimonial-box .testimonial-item{padding:20px;height:inherit!important;line-height:1.4}
.testimonial .testimonial-item > img{height:90px;width:90px}
.testimonial.testimonial-box .testimonial-item p{font-size:14px;padding-bottom:10px}
.testimonial.testimonial-box .testimonial-item>span{font-size:12px;margin-top:7px}
.equalize.testimonial-box .testimonial-item > span ~ span{margin-bottom:0}
.sidebar:before{display:none}
.tieu-de-h3{border-bottom:2px #eee solid;margin-bottom:20px!important;margin-top:20px;font-size:22px}
#widget-search-form-sidebar .input-group{width:100%}
#widget-search-form-sidebar .input-group .input-group-btn .btn{width:100%}
.imga{position:relative;display:block;width:fit-content;text-align:center;margin:auto}
.imga .smallLogo{position:absolute;bottom:0;right:0;padding:5px 20px;width:300px;height:auto!important;border:none;border-top-left-radius:1.3em;background:rgba(255,255,255,0.88);margin:0}
.background-overlay:before{z-index:-1;background:#000;opacity:.5}
#header #header-wrap{border:none}
.tabs-content img{max-width:100%!important;height:auto}
.footer{background:var(--c1);background-size:cover;background-position:center;padding:60px 0 0}
.google-maps{padding-bottom:62%}
.copyright-content{background:rgba(0,0,0,0.3);min-height:auto;padding:10px 0;border:none}
.copyright-content .copyright-text{color:#fff!important;text-transform:NONE;padding-top:0;line-height:20px;text-align:center}
.foot-icon{display:block;overflow:hidden;margin-top:20px}
.foot-icon a{width:43px;background:rgba(255,255,255,0.37);height:43px;padding:12px;text-align:center;float:left;margin-right: 5px;transition:.2s;border-radius: 20em;}
.foot-icon a i{color:#fff;font-size:19px}
.foot-icon a:hover{background:var(--c2)}
.foot-icon a:hover i{color:#fdfeff!important}
.footer ul{padding:0 0 0 3px;list-style:none}
.footer ul li{margin-bottom:2px}
.footer ul li a{color:#C0E0DE;transition:.2s}
.footer ul li a{position:relative;padding-left:15px;/* font-weight:700; */overflow:hidden;display:block;color:#e6f5f4;}
.footer ul li a i{display:block;position:absolute;left:0;top:5px}
.blockquote-color{background-color:var(--c2)}
.post-thumbnail-list{overflow:hidden}
.post-thumbnail-list .post-thumbnail-entry img{float:left;display:block;height:60px;width:80px;margin-right:16px}
.post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:16px;line-height:1.4}
.widget .post-thumbnail-list .post-thumbnail-entry .post-thumbnail-content a{font-size:14px;line-height:1.4}
.post-thumbnail-list .post-thumbnail-entry a + .post-thumbnail-content{padding-top:6px}
.post-item .post-item-description > h2,.post-item .post-item-description > h2 > a{margin-bottom:10px;line-height:1.4}
.post-thumbnails .post-item:not(.quote) .post-item-description{padding-top:12px}
.post-thumbnails .post-item{padding-bottom:30px}
.widget a{font-size:14px;transition:.2s;line-height:1.3;border-radius:0;transition:none}
.list-group a.active, .list-group a:hover,.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{font-weight:700;background-color: var(--c1);border-color: var(--c1);color:#fff}
.timkiem .heading{margin-bottom:23px}
.timkiem .heading h2{text-transform:none;font-weight:700}
.timkiem form{margin-bottom:10px}
.timkiem form input{border:none;width:600px!important;padding:11px 16px;margin:0}
.timkiem form .btn{background:#EB5556;border:none;padding:13px 20px;text-shadow:none!important;width:170px;text-transform:none;font-family:Averta,san-serif!important;font-size:14px}
.timkiem form .btn i{font-size:12px;margin-left:3px;margin-right:0}
.dangky .heading h2{margin-bottom:16px}
.dangky .heading h2+p{font-size:20px}
.dangky form input{width:100%!important}
.dangky form .form-group{width:100%}
.dangky form .btn{width:100%}
.dangky form .btn:hover,.timkiem form .btn:hover{background:#0098DA}
.form-group{position:relative}
.form-group input+i{position:absolute;left:16px;top:14px;color:#BCBEC0!important;font-size:10px}
.each-product{margin-bottom:0}
.pageHeader{padding: 124px 0;background: #000;}
.pageHeader .heading{margin-bottom:0}
.pageHeader a,.pageHeader i{color:#fff;font-size:12px}

.pageHeader h1,.pageHeader h2{color:#fff;margin-bottom:0;font-size: 48px;margin-bottom: 24px;line-height: 1.2;letter-spacing: -3px!important;margin-bottom: 0;}
.chi-tiet-bai-viet h1{font-size:24px;margin-bottom:10px;margin-top:20px;font-weight:700}
.chi-tiet-bai-viet h2{font-size:22px;margin-bottom:10px;margin-top:20px;font-weight:700}
.chi-tiet-bai-viet h3{font-size:20px;margin-bottom:10px;margin-top:20px;font-weight:700}
.chi-tiet-bai-viet h4{font-size:18px;margin-bottom:10px;margin-top:20px;font-weight:700}
.chi-tiet-bai-viet h5{font-size:16px;margin-bottom:10px;margin-top:20px;font-weight:700}
.chi-tiet-bai-viet ul:not(.tabs-navigation){padding-left:20px}
.chi-tiet-bai-viet img{margin-top:10px;margin-bottom:10px;height:auto!important}
.chi-tiet-bai-viet p{text-align:justify;line-height:1.6}
.chi-tiet-bai-viet p a:not(.btn),.chi-tiet-bai-viet h2 a,.chi-tiet-bai-viet h3 a,.chi-tiet-bai-viet h4 a,.chi-tiet-bai-viet h5 a,.chi-tiet-bai-viet h6 a,.chi-tiet-bai-viet li a{color:#5769bf;border-bottom:1px #5769bf dashed}
.chi-tiet-bai-viet p a:not(.btn):hover,.chi-tiet-bai-viet h2 a:hover,.chi-tiet-bai-viet h3 a:hover,.chi-tiet-bai-viet h4 a:hover,.chi-tiet-bai-viet h5 a:hover,.chi-tiet-bai-viet h6 a:hover,.chi-tiet-bai-viet li a:hover{border-bottom:1px #5769bf solid;font-weight:700}
.chi-tiet-bai-viet a:not(.btn){font-size:1em}
.chi-tiet-bai-viet .mce-toc{border:1px #ddd solid;padding:0 20px;margin-bottom:30px;border-radius:8px;background:#efefef}
.chi-tiet-bai-viet .mce-toc h2{font-size:17px}
.chi-tiet-bai-viet .mce-toc li{line-height:1.4}
.chi-tiet-bai-viet .mce-toc li a{font-size:14px;border:none;color:#111;font-weight:400;line-height:1}
.line-ben-duoi{position:relative}
.line-ben-duoi:before{content:" ";width:50px;border-bottom:3px var(--c1) solid;position:absolute;left:50%;bottom:-10px;transform:translateX(-50%)}
.text-light .line-ben-duoi:before,.line-ben-duoi.text-light:before{border-bottom:3px #fff solid}
.line-hai-ben{width:fit-content;float:none;margin:auto;position:relative}
.line-hai-ben:before{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;left:-62px;top:50%}
.line-hai-ben:after{content:" ";width:50px;border-bottom:2px #ED3237 solid;position:absolute;right:-62px;top:50%}
.text-light .line-hai-ben:before,.line-hai-ben.text-light:before,.text-light .line-hai-ben:after,.line-hai-ben.text-light:after{border-bottom:2px #fff solid}
.btn-hotline-noi{margin:0;font-size:20px;padding:23px 15px 13px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);position:fixed;bottom:16px;left:96px;border:none;z-index:999;border-radius:2em;background-color:var(--c1)!important;transition:.3s}
.btn-hotline-noi:hover{transform:scale(1.05)}
.btn-hotline-noi span:first-child{position:absolute;top:5px;left:50%;transform:translateX(-50%);font-size:11px}
.btn-hotline-noi span:last-child{font-size:21px}
.btn-hotline-noi-2{left:271px;background-color:var(--c2)!important}
.btn-zalo-noi{z-index:2;bottom:16px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s}
.btn-zalo-noi:hover{transform:scale(1.05)}
.btn-zalo-noi img{width:52px}
.btn-whatsapp-noi{z-index:2;bottom:16px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s}
.btn-whatsapp-noi:hover{transform:scale(1.05)}
.btn-whatsapp-noi img{width:52px}
.btn-wechat-noi{z-index:2;bottom:75px;right:20px;position:fixed;border-radius:50%;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3);transition:.3s}
.btn-wechat-noi:hover{transform:scale(1.05)}
.btn-wechat-noi img{width:52px}
.close{font-size:40px}
.fb-livechat{display:block}
.fb-livechat .fb-button{position:fixed;right:21px;cursor:pointer;z-index:999;background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEyOCAxMjgiIGhlaWdodD0iMTI4cHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxMjggMTI4IiB3aWR0aD0iMTI4cHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnPjxyZWN0IGZpbGw9IiMwMDg0RkYiIGhlaWdodD0iMTI4IiB3aWR0aD0iMTI4Ii8+PC9nPjxwYXRoIGQ9Ik02NCwxNy41MzFjLTI1LjQwNSwwLTQ2LDE5LjI1OS00Niw0My4wMTVjMCwxMy41MTUsNi42NjUsMjUuNTc0LDE3LjA4OSwzMy40NnYxNi40NjIgIGwxNS42OTgtOC43MDdjNC4xODYsMS4xNzEsOC42MjEsMS44LDEzLjIxMywxLjhjMjUuNDA1LDAsNDYtMTkuMjU4LDQ2LTQzLjAxNUMxMTAsMzYuNzksODkuNDA1LDE3LjUzMSw2NCwxNy41MzF6IE02OC44NDUsNzUuMjE0ICBMNTYuOTQ3LDYyLjg1NUwzNC4wMzUsNzUuNTI0bDI1LjEyLTI2LjY1N2wxMS44OTgsMTIuMzU5bDIyLjkxLTEyLjY3TDY4Ljg0NSw3NS4yMTR6IiBmaWxsPSIjRkZGRkZGIiBpZD0iQnViYmxlX1NoYXBlIi8+PC9zdmc+) center no-repeat #0084ff;width:52px;height:52px;text-align:center;bottom:76px;border:0;outline:0;border-radius:60px;-webkit-border-radius:60px;-moz-border-radius:60px;-ms-border-radius:60px;-o-border-radius:60px;box-shadow:0 1px 6px rgba(0,0,0,.06),0 2px 32px rgba(0,0,0,.16);-webkit-transition:box-shadow .2s ease;background-size:80%;transition:all .2s ease-in-out}
.fb-livechat .fb-button:focus,.fb-livechat .fb-button:hover{transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,.09),0 4px 40px rgba(0,0,0,.24)}
.fb-livechat .bubble{width:20px;height:20px;background:#c00;color:#fff;position:absolute;z-index:999999999;text-align:center;vertical-align:middle;top:-2px;left:-5px;border-radius:50%}
.fb-livechat .bubble-msg{width:120px;left:-140px;top:5px;position:relative;background:rgba(59,89,152,.8);color:#fff;padding:5px 8px;border-radius:8px;text-align:center;font-size:13px}
.product-sidebar .tieu-de-danh-muc{background:var(--c1);border-radius:4px;color:#fff;padding:8px 20px}
.product-sidebar .list-group a i.fa{float:right;margin-top:4px}
.product-sidebar .list-group a i.fa.fa-minus{display:none}
.product-sidebar .list-group-item{padding:12px 10px;text-transform:none;letter-spacing:-.5px!important;line-height:1.4;font-size:14px!important;transition:none}
.product-sidebar .sidebar{padding-right:15px}
.product-sidebar .sidebar-both .content{padding-left:15px;padding-right:15px}
.product-sidebar .sidebar-both .content + .sidebar{padding-left:15px}
.product-sidebar .box-thong-tin-sidebar p,.box-thong-tin-sidebar p strong,.box-thong-tin-sidebar p a{font-size:13px!important;line-height:21px!important;margin-bottom:0}
.product-sidebar .box-thong-tin-sidebar h4{font-size:16px;margin-bottom:4px}
.comments{border:none!important;padding:0!important;float:left;width:100%}
.comments .comment{padding:0}
.comments .comment .text .text_holder{margin:0}
.comments .comment .text .text_holder p{margin:0;line-height:17px}
.comments .comment .text .name{line-height:20px;margin-bottom:0}
.comments .comment .text{margin-bottom:10px}
.comments .comment img.avatar{border-radius:unset}
#google_translate_element{padding:0 10px;background:#fff;margin-top:0}
#google_translate_element .goog-te-gadget{border:none;padding:0;height:35px}
#google_translate_element .goog-te-gadget-simple{border:none;padding:0;height:35px}
#google_translate_element a,#google_translate_element span{color:#000!important;font-size:12px}
.left-bar{position:fixed;top:50%;transform:translateY(-50%);left:0;height:200px;width:50px;z-index:99}
.left-bar a{width:50px;height:50px;background-size:contain!important;z-index:999;float:left}
.left-bar a span{border:2px var(--c1) solid;color:var(--c1);position:absolute;width:max-content;padding:11px;background:#fff;font-size:20px;left:50px;height:50px;display:none;line-height:1}
.left-bar a:hover span{border-left:0;display:block}
#sticky-wrapper .sticky{z-index:200!important}
.doitac-section .carousel a{padding:10px;overflow:hidden;display:block;background:#fff}
.doitac-section .carousel a span{width:100%;height:130px;background-color:#fff;display:block}
.doitac-section .carousel a p{text-align:center}
.widget.widget-newsletter .btn{background:var(--c1)}
.form-control{border:1px solid #ddd}
select.form-control{background-image:url(./polo/images/dropdown-arrow.png);background-repeat:no-repeat;background-position:right center}
.icon-box .icon a,.icon-box .icon i{width:auto;height:auto;display:block}
.icon-box .icon a img{height:75px;width:auto;border:2px var(--c1) solid;padding:8px;border-radius:20em;transition:.5s}
.icon-box .icon a:hover img{transform:rotate3d(0,1,1,360deg)}
.icon-box.center p,.icon-box.text-center p{font-size:13px;line-height:1.5}
.icon-box.center .icon,.icon-box.text-center .icon{margin-bottom:18px;height:auto;margin-top:19px;width:auto}
.icon-box.center h3,.icon-box.center h5,.icon-box.text-center h3,.icon-box.text-center h5{line-height:1.4;margin-right:0}
.each-post.post-item .post-item-wrap{border:1px #eee solid}
#modalSale .modal-content{position:relative;padding:0;overflow:hidden}
#modalSale .close{position:absolute;top:-7px;right:0;color:#fff;z-index:99;opacity:1;font-size:45px;font-weight:400;width:45px;background:#00000038}
#modalSale .bannerLink{display:block;position:relative;overflow:hidden}
#modalSale .bannerLink:hover{color:inherit}
#modalSale .bannerLink img{max-width:100%}
#modalSale .bannerLink .kmtext{text-align:center;padding:20px 10px}
#modalSale .form-group{width:31.8%;margin-right:1%;padding:0}
#modalSale .form-group input{border:1px #ccc solid;margin-bottom:0;width:100%}
#modalSale .form-group .btn{width:100%;border-radius:0}
.saleButton{box-shadow:0 3px 12px rgba(0,0,0,.15);position:fixed;z-index:999;border-radius:2em;bottom:23px;left:10px}
.saleButton .btn:first-child{margin:0;font-size:20px;padding:33px 8px 14px 15px;border-radius:0;border-top-left-radius:2em;border-bottom-left-radius:2em}
.saleButton .btn:first-child span:first-child{position:absolute;top:14px;left:52%;transform:translateX(-50%);font-size:13px}
.saleButton .btn:last-child{margin:0;font-size:20px;padding:33px 15px 14px 8px;border-radius:0;border-top-right-radius:2em;border-bottom-right-radius:2em;margin-left:-4px}
.saleButton .btn:last-child span:first-child{position:absolute;top:13px;left:47%;transform:translateX(-50%);font-size:13px;color:#fff}
.shop-cart .cart-product-thumbnail>a img{max-height:68px;max-width:initial}
.shop-cart .cart-product-thumbnail .cart-product-thumbnail-name{padding:0}
#header-search{display:none}
/*.fb_dialog{bottom:80px!important;right:17px!important}*/
.hotline-bar{position:fixed;bottom:0;left:0;width:100%;background:var(--c2);z-index:1;padding:10px}
.hotline-bar a{color:#fff;font-size:1.2em;font-style:normal}
.hotline-bar p{color:#fff;margin:0;font-size:20px;font-weight:900;font-style:italic;text-transform:uppercase}
.modal-open .modal,body{padding-right:0!important}
.qr-code{text-align:center;border:3px #fbc909 solid;padding:1px;margin-bottom:30px}
.qr-code img{width:180px;height:auto}
.qr-code p{line-height:1.5;text-transform:uppercase;font-weight:600;letter-spacing:-.6px!important}
#mainMenu nav>ul>li .dropdown-menu{margin-top:0;border-radius:0;padding:0;border:none}
#histats_counter{position:relative}
#histats_counter:before{content:' ';position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}
.table tr th p,.table tr td p{margin-bottom:0}
.container-left{margin-left:calc(50vw - 585px)}
.container-right{margin-right:calc(50vw - 585px)}
.inspiro-slider .slide-captions h2{color:#F5A101;font-weight:800;font-size:2.4em;line-height:1.2;margin-bottom:10px}
#header .header-extras .topbar-dropdown .dropdown-list{margin-top:8px;padding:0 7px;right:0}
.topbar-dropdown .list-entry img{height:17px;width:26px;margin:0;display:block;max-width:initial;margin:4px 0}
#header .header-extras>ul>li .topbar-dropdown>.title{border:1px #ccc solid;line-height:1!important;height:auto;padding:5px;margin-top:26px;border-radius:4px}
.modal{text-align:center;padding:0!important}
/*.modal:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-4px}*/
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.gallery-video{padding-top:70%;position:relative}
.gallery-video i,.gallery-video img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:46px}
.owl-carousel .owl-item .gallery-video img{width:auto;height:auto}
.owl-carousel.equal .owl-stage {
	display: flex;
}
.owl-carousel.equal .owl-item {
	display: flex;
	flex: 1 0 auto;
}
.owl-carousel.equal .owl-item > div {
	display: flex;
	flex: 1 0 auto;
	flex-direction: column;
	width: 100%;
}
.tab-thuvien .tabs-navigation{width:fit-content;margin:auto;margin-bottom:30px}
.tab-thuvien .tabs-navigation li{margin-bottom:10px}
.tab-thuvien .tabs-navigation li a{text-align:center;text-transform:uppercase;color:#ffffff;background:no-repeat;border:none;line-height:1;font-size:13px;font-weight:400;padding:12px 20px 10px;margin-right:12px;border-radius:4px;transition:.2s}
.tab-thuvien .tabs-navigation li.active a,.tab-thuvien .tabs-navigation li.active a:focus,.tab-thuvien .tabs-navigation li.active a:hover,.tab-thuvien .tabs-navigation li:hover a,.tab-thuvien .tabs-navigation li a:hover{background:none;color:#fff;border-color:var(--c1);background: linear-gradient(to left,#B16F27,#EAA724);}
.tab-thuvien .tabs-content{border:none;padding:0;margin:0;position: relative;}
.tab-thuvien .tabs-content .tab-pane{opacity:0;display: block;}
.tab-thuvien .tabs-content .tab-pane.active{opacity:1}
.tab-thuvien .tabs-content .waitactive{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    display: block!important;
}
.tab-thuvien .tabs-content .waitactive.active{z-index:1;}
.box-position {
	position: absolute;
	left: 0;
	top: 0;
	width: calc(100% + 150px);
	height: calc(100% + 150px);
	will-change: transform;
	-webkit-animation: bgPos 100s linear infinite;
	animation: bgPos 100s linear infinite;
	-webkit-transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
	transform: translate3d(-75px, -75px, 0) rotate(0.001deg);
	background-position: 50% 50%;
	background-size: cover;
	z-index: -1;
	opacity: .7;
}
@-webkit-keyframes bgPos {
25% {
-webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg);
transform:translate3d(-150px, -150px, 0) rotate(0.001deg)
}
75% {
-webkit-transform:translate3d(0, 0, 0) rotate(0.001deg);
transform:translate3d(0, 0, 0) rotate(0.001deg)
}
}
@keyframes bgPos {
25% {
-webkit-transform:translate3d(-150px, -150px, 0) rotate(0.001deg);
transform:translate3d(-150px, -150px, 0) rotate(0.001deg)
}
75% {
-webkit-transform:translate3d(0, 0, 0) rotate(0.001deg);
transform:translate3d(0, 0, 0) rotate(0.001deg)
}
}
@media only screen and (max-width:1380px) {
.grid-5-columns .grid-item,.portfolio-5-columns .portfolio-item,.post-5-columns .post-item{width:20%}
}
@media only screen and (min-width:1200px) {
#mainMenu>.container{width:1140px}
}
@media only screen and (min-width:1024px) {
#topbar.topbar-mini .top-menu>li>a,#topbar.topbar-mini .top-menu>li{float:left}
#header #mainMenu.menu-bottom{line-height:40px;border:none;margin-top:80px;position:relative}
#header #mainMenu.menu-bottom nav{float:left}
#header #mainMenu.menu-bottom:before{content:' ';background:var(--c2);position:absolute;top:0;left:-100%;width:300%;height:100%}
#header #mainMenu.menu-bottom nav > ul > li{line-height:40px;padding:0}
#header #mainMenu.menu-bottom nav > ul > li > a{color:#fff}
#header #mainMenu.menu-bottom nav > ul > li:first-child{padding-left:0}
#header #mainMenu.menu-bottom nav > ul > li:first-child a{padding-left:0}
#header.header-menu-bottom.header-sticky.sticky-active #header-wrap{top:-80px}
#header.header-menu-bottom #header-search{display:block;position:absolute;top:23px;left:0}
#header-search .form-inline{margin-left:24%;width:49%}
#header-search .input-group{width:100%}
#header-search .input-group .form-control{display:block;float:left;width:100%;border-radius:20px}
#header-search .input-group-btn{position:absolute;right:0;top:0;z-index:3;border-radius:4px}
#header-search .btn{padding:12px 10px;background:transparent;color:#111;transition:none}
.sidebar-right .content{padding-right:0!important}
.sidebar-left .content{padding-left:0!important}
.single-post .post-thumbnail-list{width:100%;float:left}
.single-post .post-thumbnail-list .post-thumbnail-entry{width:47%;float:left;clear:inherit;margin-right:3%}
.post-thumbnail-list .post-thumbnail-entry img{width:80px;height:60px;margin-right:16px;float:left;display:block}
.sidebar .widget .post-thumbnail-list .post-thumbnail-entry img{width:60px;height:60px;margin-right:10px;float:left;display:block}
.tienich .owl-carousel .owl-item p,.tienich .owl-carousel .owl-item p a{text-align:center;font-weight:400;font-size:8px;line-height:13px}
.tienich .owl-carousel .owl-item p a{font-weight:700;font-style:italic}
.tienich .owl-carousel .owl-item:not(.center) .anhtienich{padding:15px 30px;position:relative}
.tienich .owl-carousel .owl-item:not(.center) .anhtienich:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background:rgba(182,47,98,0.59)}
.tienich .owl-carousel .owl-item:not(.center) .ghichu{opacity:0}
.tienich .owl-carousel .owl-item .anhtienich{transition:.3s}
.tienich .carouselX{zoom:200%;margin-left:-50%;width:200%}
.tienich .owl-carousel .owl-nav .owl-prev{left:36%;z-index:999;zoom:.6;top:34%}
.tienich .owl-carousel .owl-nav .owl-next{right:36%;z-index:999;zoom:.6;top:34%}
.tienich .center{float:left!important;margin:inherit}
}
@media only screen and (max-width:1024px) {
.container-left{margin-left:30px}
.container-right{margin-right:30px}
.tienich .carouselX{width:80%;margin:auto}
#mainMenu.menu-center nav{float:none;display:inline-block;vertical-align:top;border-top:1px #ccc solid;width:100%;line-height:40px;float:left}
#mainMenu nav > ul{margin:auto;display:block;width:fit-content}

.content_main .lkg_itm{
	display:block;
}
}
@media only screen and (max-width:991px) {
.slideInfoItem{margin:15px 0;text-align:center}
.slideInfo{padding:10px 0}
.container-left,.container-right{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}
.btn-cart-xs{position:fixed!important;bottom:85px;left:20px;z-index:999;background:#ddd;border-radius:20em;padding:12px 6px;box-shadow:1px 1px 5px 0 rgba(0,0,0,0.3)}
.table tr th,.table tr td,.table tr td span,.table tr td p,.table tr td a{font-size:12px!important}
.table-responsive>.table>thead>tr>th, .table-responsive>.table>tbody>tr>th, .table-responsive>.table>tfoot>tr>th, .table-responsive>.table>thead>tr>td, .table-responsive>.table>tbody>tr>td, .table-responsive>.table>tfoot>tr>td {
    white-space: initial;
}

.dangky form input{width:100%!important;margin-bottom:10px}
.img-item {display:none !important}
}
@media only screen and (max-width:768px) and (min-width:480px) {
    .col-sm-8{width:66.66666667%}
.col-sm-4{width:33.33333333%}
}
@media only screen and (max-width:480px) {
.slide p{display:none}
.inspiro-slider .slide-captions h2{font-size:20px;text-align:center}
.slideInfo{position:relative;margin-top:-1px}
.slideInfo2{top:13px;transform:none;left:0;width:100%;padding:30px 20px;position:relative;box-shadow:none}
.san-pham .col-md-4,.san-pham .col-md-3{width:50%;float:left;clear:inherit}
/*.fb_dialog{display:none!important}*/
.product-page .product .product-image .thumb>a{width:33%}
.product-page .product .product-image .thumb>a:nth-child(4n+1){margin-left:auto}
.product-page .product .product-image .thumb>a:nth-child(4n+4){margin-right:auto}
.product-page .product .product-image .thumb>a:nth-child(3n+1){margin-left:0}
.product-page .product .product-image .thumb>a:nth-child(3n+3){margin-right:0}
.each-product .product-title h4{font-size:14px;line-height:1.3}
#topbar .top-menu > li{line-height:35px;height:30px}
#header .header-extras > ul > li .btn{position:fixed;bottom:28px;left:10px;z-index:9999}
.product .product-description{padding:0}
.btn-hotline-noi{left:50%;transform:translateX(-50%)}
.btn-hotline-noi-1{left:50%;transform:translateX(-50%);bottom:59px}
.btn-hotline-noi-2{bottom:3px}
.heading h1,.heading h2{font-size:19px;letter-spacing:-1px!important;line-height: 1.1;}
.footer .dangky{padding:0 15px}
.footer .col-md-1,.footer .col-md-2,.footer .col-md-3,.footer .col-md-4,.footer .col-md-5{overflow:hidden;margin-bottom:30px}
.fb-livechat .fb-button{bottom:75px;right:20px}
.fb-livechat .bubble-msg{display:none}
.content h1,.post-item-description h1{font-size:22px}
.product-page .product .product-title h1{font-size:22px}
#modalSale .form-group{width:100%;margin-bottom:10px}
.topbar-dropdown .list-entry img, .topbar-dropdown .title img{
    height: 20px;
}}
@media only screen and (max-width:480px) and (min-width:350px) {
.grid-layout .grid-item{width:50%!important}
}
.d2083{
    /* margin-bottom: 40px; */
}
.d2084{}
.d2085{}
.d2086{}
.d2087{}
.d2088, .tabs-navigation,.justified .tabs-navigation{
    margin-bottom: 12px;
    /* margin: 0 20px 12px; */
    width: calc(100% - 40px);
    margin-left: 20px;
}
.d2088x{    width: fit-content;
    margin: auto;
    margin-bottom: 20px;}
.d2089{}
.d2090{}
.d2091{}
.d2092{}
.d2093,.tabs-content{
    border: none;
    padding: 0;
}
.d2093{
    position: relative;
}
.d2094{}
.d2094:not(.active) {display: block;opacity: 0;}
.d2095{}
.d2096{
    /* margin-left: -20px; */
    /* width: calc(100% + 40px); */
}
.d2097{
    /* margin-bottom: 30px; */
    /* padding: 20px; */
}
.m1{}
.m2{}
.m3{}
.m4{}
.m5{}
.m6{}
.m7{}
.m8{}
.m9{}
.m10{}
.m11{}
.m12{}
.m13{}
.m14{}
.m15{}
.m16{}
.m17{}
.m18{}
.m19{}
.m20 {
    width:100px;
}
.m21{}
.m22{}
.m23{}
.m24{}
.m25{}
.m26{}
.m27{}
.m28{}
.m29{}
.m30{}
.m31{}
.m32{}
.m33{}
.m34{}
.m35{}
.m36{}
.m37{}
.m38{}
.m39{}
.m40{}
.m41{}
.m42{}
.m43{}
.m44{}
.m45{}
.m46{}
.m47{}
.m48{}
.m49{}
.m50{}
.m51{}
.m52{}
.m53{}
.m54{}
.m55{}
.m56{}
.m57{}
.m58{}
.m59{}
.m60{}
.m61{}
.m62{}
.m63{}
.m64{}
.m65{}
.m66{}
.m67{}
.m68{}
.m69{}
.m70{}
.m71{}
.m72{}
.m73{}
.m74{}
.m75{}
.m76{}
.m77{}
.m78{}
.m79{}
.m80{}
.m81{}
.m82{}
.m83{}
.m84{}
.m85{}
.m86{}
.m87{}
.m88{}
.m89{}
.m90{}
.m91{}
.m92{}
.m93{}
.m94{}
.m95{}
.m96{}
.m97{}
.m98{}
.m99{}
.m100{}
.m101{}
.m102{}
.m103{}
.m104{}
.m105{}
.m106{}
.m107{}
.m108{}
.m109{}
.m110{}
.m111{}
.m112{}
.m113{}
.m114{
    text-align: center;
    margin-bottom: 9px;
}
.m115,.inspiro-slider .slide-captions img.m115{
    width: 60%!important;
    margin: auto;
}
.m116,.m117{
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 49px;
    font-weight: 700;
    line-height: 1.1;
}
.m117{
    font-size: 66px;
    margin-bottom: 24px;
}
.m118{
    text-align: center;
}
.m119{
    outline: 1px #fff solid;
    outline-offset: 4px;
}
.m120{}
.m121{}
.m122{}
.m123{}
.m124{}
.m125{}
.m126{}
.m127{}
.m128{}
.m129{}
.m130{}
.m131{}
.m132{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    margin: 0;
}
.m133{}
.m134{
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}
.m135{}
.m136{}
.m137{
    text-align: center;
    margin-bottom: 30px;
}
.m138{
    width: 60%;
}
.m139{}
.m140{}
.m141{
    padding: 20px;
    background: white;
    border-radius: 20px;
}
.m142{
    font-size: 22px !important;
    font-weight: bold !important;
}
.m141 p{text-align: justify;line-height: 2; font-weight:400;}
.m143{}
.m144{}
.m141 p.m145{
    text-align: right;
    margin-top: 20px;
}
.m146{}
.m147{}
.m148{
    position: relative;
    padding: 20px 0;
}
.m149{}
.video_section{
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.video_section .m150{
    width: 50% !important;
}
.m150{
    width: 100%;
}
.m151{
	
    position: absolute;
    top: 50%;
    left: 50%;
    width: 12%;
    transform: translate(-50%,-50%);
}
.m151:hover{
    /* transform box shadow color */
    box-shadow: 0px 10px 20px #3855fa;
}
.m152{}
.m153{
	
}
.m154 {
    background: linear-gradient(90deg, #0267b1, #65a2d0, #0267b1);
}
.m155{
    position: absolute;
    top: 50%;
    left: 0;
    width: 20%;
    transform: translateY(-50%);
}
.m156{}
.m157{
    position: absolute;
    top: 50%;
    right: 0;
    width: 20%;
    transform: translateY(-50%);
}
.bounceInRight .m158{
    float: right
}
.m158 {
}
.m159{}
.m160{
    text-align: center;
    margin-bottom: 40px;
}
.m161,.m225{
    height: 90px;
}
.m162{}
.m163{}
.m164{
    margin-bottom: 30px;
}
.m165{}
.m166{
    position: relative;
    margin-bottom: 14px;
    transition: all 0.5s ease-in-out;
}
.m166:hover{
    transform: scale(1.05);
}
.m167{
    height: 354px!important;
    border: 7px #fff solid;
    border-radius: 15px;
    background-size: cover!important;
    transition: all .3s ease-in-out;
}
.m167:hover, .m301:hover {
    box-shadow: 0px 10px 20px #3855fa; 

}
.owl-item .active:hover{
    transform: scale(1.05);
}
.m300{
    overflow: hidden;
    border-radius: 15px;
}

.m301{
    transition: all .3s ease-in-out;
}
.m301:hover {
    transform: scale(1.05);
    box-shadow: 0px 10px 20px #3855fa; 
}
.m168{
    position: absolute;
    bottom: -10px;
    left: 50%;
    font-size: 15px;
    transform: translateX(-50%);
    background: #fff;
    padding: 4px 24px;
    width: max-content;
    text-transform: uppercase;
    font-weight: 600;
    max-width: 360px;
    min-width: 360px;
    min-height: 64px;
    border-radius: 15px;
    color: var(--c1);
    letter-spacing: -0.6px!important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.m169{
    text-align: center;
}
.m170{
    background: #fff;
    color: var(--c1);
}
.m171{}
.m172{}
.m173{}
.m174{}
.m175{
    margin-bottom: 10px;
}
.m176{}
.m177{
    margin-bottom: 10px;
}
.m178{}
.m179{
    width: 100%;
}
.m180{}
.m181{
    /* width: 100%!important; */
}
.m182{
    width: 100%;
    border: 1px var(--c1) solid;
}
.m182:hover{border-color:var(--c2)}
.m183{}
.m184{}
.m185{
    text-align: right;
}
.m186, .m187{
    margin-right: 10px;
    padding-right: 10px;
    border-right: 1px #ccc solid;
}
.m185 a:not(.btn):hover{text-decoration:underline;}
.m185 a.active{
    font-weight: bold;
}
.m187{}
.m188{
    margin-right: 20px;
}
.m189{}
.m190{
    margin: -40px 0 0 20px;
}
#courseScheduleContainer1 table thead tr th{
    text-align: center !important;
}
#courseScheduleContainer1 {
    margin: 40px auto;
    max-width: 1000px;
    overflow-x: auto;
    font-family: 'Segoe UI', sans-serif;
}

#courseScheduleContainer1 table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
}

#courseScheduleContainer1 thead {
    background-color: #f7c20a;
    color: #000;
}

#courseScheduleContainer1 th, 
#courseScheduleContainer1 td {
    padding: 14px 10px;
    border: 1px solid #000000;
    font-size: 15px;
}

#courseScheduleContainer1 tbody tr:nth-child(even) {
    background-color: #f5fbff;
}

#courseScheduleContainer1 tbody tr:hover {
    background-color: #fff2b3;
    transition: background-color 0.3s ease;
}

#courseScheduleContainer1 td[rowspan] {
    background-color: #fcf3c2;
    font-weight: bold;
    color: #222;
}

/* Responsive scroll on small screens */
@media screen and (max-width: 768px) {
    #courseScheduleContainer1 table {
        font-size: 14px;
    }
}

.m191{    margin-bottom: 70px;
}
.m192{
    background: #fff;
    margin-bottom: 30px;
}
.m192.ketthuc{
    filter: grayscale(1);
    opacity: 0.7;
}
.m193{
    margin-bottom: 0;
}
.m194{}
.m195{
    background: var(--c1);
    color: #fff;
    padding: 10px 37px 10px 20px;
    position: relative;
    overflow: hidden;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px!important;
	margin-bottom: 0px;
}
.m195::before{content:" ";position: absolute;top: -7px;right: -138px;width: 200px;height: 200px;background: #fff;transform: rotate(135deg);}
.m196{
    padding: 10px 20px;
}
.m197.table>tbody>tr>td{
    padding: 3px 5px;
    font-size: 13px;
}
.m197.table>tbody>tr>td:first-child{
    color: #6c6c6c;
}
.m198{}
.m199{}
.m200{}
.m201{}
.m202{}
.m203{}
.m204{}
.m205{}
.m206{}
.m207{}
.m208{}
.m209{}
.m210{}
.m211{}
.m212{}
.m213{}
.m214{}
.m215{}
.m216{}
.m217{}
.m218{
    width: 50%;
    /* display: block; */
    float: left;
    text-align: center;
    background: var(--c2);
    border-radius: 0;
    margin: 0!important;
    color: #666;
}
.m219{
    margin: 0!important;
    width: 50%;
    /* float: left; */
    border-radius: 0;
    background: var(--c1);
}
.m220{
    text-align: center;
}
.m221{}
.m222{}
.m223{}
.m224{
    text-align: center;
    margin-bottom: 40px;
}
.m225{}
.m226{}
.m227{}
.m228{
    background: #fff;
    border-radius: 15px;
    margin-top: 50px;
    padding: 0 30px 30px;
}
.m229{
    width: fit-content;
    margin-left: 10px;
    transform: translateY(-50%);
    margin-bottom: -36px;
}
.m230{
    width: 90px!important;
    height: 90px!important;
    background-size: cover!important;
    border-radius: 20em;
    border: 3px #fff solid;
}
.m231{
    position: absolute;
    top: 17px;
    left: 147px;
    color: #fff;
    font-weight: 500;
}
.m232{
    position: absolute;
    top: 58px;
    left: 147px;
    /* color: #fff; */
    font-weight: 600;
    line-height: 1.2;
}
.m233,.m233 p{
    line-height: 1.4;
    font-size: 13px;
    text-align: justify;
    position: relative;
}
.m233 i{
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 0px 7px;
    text-decoration: underline;
}
.m233:not(.showall){display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; }
.m234{}
.m235{}
.m236{}
.m237{}
.m238{}
.m239{}
.m240{
    margin-bottom: 3.6px;
}
.m241{

}
.m242{}
.m243{}
.m244{}
.m245{}
.m246{}
.m247{}
.m248,.m269{
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 1.2;
}
.m249,.m270{
    text-align: justify;
    font-size: 13px;
    line-height: 1.5;
	display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; 
}
.m250{
    background: #efefef;
}
.m251{}
.m252{}
.m253{}
.m254{}
.m255{}
.m256{}
.m257{}
.m258{}
.m259{}
.m260{}
.m261{}
.m262{
    margin-bottom: 20px;
}
.m263{}
.m264{
    margin-bottom: 30px;
}
.m265{}
.m266{}
.m267{
    margin-bottom: 20px;
}
.m268{
    width: 100%;
}
.m269{}
.m270{}
.m271{}
.m272{}
.m273{}
.m274{}
.m275{}
.m276{}
.m277{}
.m278{}
.m279{}
.m280{}
.m281{}
.m282{
    text-align: center;
}
.m283{}
.m284{
    padding-bottom: 40px;
}
.m285{}
.m286{}
.heading h2.m287{
    color: #fff;
}
.m288{}
.m289{}
.m290{}
.m291{}
.m292{}
.m293{}
.m294{}
.m295{}
.m296{}
.m297{}
.m298{}
.m299{}
.m300{}
.m301{
    border-radius: 14px;
}
.m302{
    color: #fff;
    text-align: center;
    font-size: 17px;
}
.m303{
    padding: 20px 0;
}
.m304{}
.m305{}
.m306{}
.m307{}
.m308{}
.m309{}
.m310{
    margin-top: 42px;
    text-align: center;
}
.m311{}
.m312{}
.m313{}
.m314{
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
}
.m315{
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 18px;
    line-height: 1.4;
}
.m316{}
.m317.table>tbody>tr>td,.m317.table>tbody>tr>td p,.m317.table>tbody>tr>td a{
    color: #fff;
    border-color: #ffffff5e;
    font-size: 12px;
}
.m318{}
.m319{}
.m320{}
.m321{}
.m322{}
.m323{}
.m324{}
.m325{}
.m326{}
.m327{}
.m328{}
.m329{}
.m330{}
.m331{}
.m332{}
.m333{}
.m334{}
.m335{}
.m336{}
.m337{}
.m338{}
.m339{}
.m340{}
.m341{}
.m342{}
.m343{}
.m344{}
.m345{}
.m346{}
.m347{}
.m348{}
.m349{}
.m350{}
.m351{}
.m352{}
.m353{}
.m354{}
.m355{}
.m356{}
.m357{}
.m358{}
.m359{}
.m360{}
.m361{}
.m362{}
.m363{}
.m364{}
.m365{}
.m366{}
.m367{}
.m368{}
.m369{}
.m370{}
.d2098{
    padding: 20px;
    background: #fff;
    border-radius: 13px;
    transition: 0.3s;
}
.d2099{
    display: block;
    width: 100%;
    height: 200px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 14px;
}
.d2100{
    /* padding: 0 15px; */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    display: block!important;
}
.d2100.active{
    opacity: 1;
    z-index: 2;
}
.d2100:first-child{
    position: relative;
}
.d2101{}
.d2102{}
.d2103{}
.d2104{}
.d2105{}
.d2106{
    margin-bottom: 60px;
}
.d2107{}
.d2108{}
.d2109{}
.d2110{}
.d2111{}
.d2112{}
.d2113{}
.d2114{}
.d2115{}
.d2116{}
.d2117{}
.d2118{}
.d2119{}
.d2120{}
.d2121{}
.d2122{}
.d2123{}
.d2124{}
.d2125{
    color: #fff;
    font-size: 41px;
    font-weight: bold;
    line-height: 1;
}
.d2126{}
.tabs-content img.d2127{
    height: 50px;
}
.d2128{}
.d2128x{
    color: var(--c1);
    font-size: 24px;
    font-weight: 600;
}
.a299 span{
    font-size: 12px!important;}
.tabs-navigation li a{
    text-transform: none;
    color: #ffffff;
    text-align: center;
    background: transparent;
    border: 1px var(--c1) solid;
    border-radius: 4px;
    padding: 5px 16px;
    margin-bottom: 5px;
}
.tabs-navigation li.active a{}
.tabs-navigation li.active a, .tabs-navigation li.active a:focus, .tabs-navigation li.active a:hover{
    background: var(--c1);
    border-color: var(--c1);
    color: #fff;
}
.tabs-navigation li{padding: 0 3px;}
.d2098:hover{box-shadow: 0px 4px 20px #A7EC42;}
@media only screen and (max-width:1024px) {
	#mainMenu nav > ul > li > a{
    padding: 12px 9px 11px;
    font-size: 14px;
}
	#mainMenu nav > ul:first-child > li > a{
    padding: 12px 31px 11px;
}.m116, .m117{
    font-size: 35px;
}.m117{font-size: 47px;}.m167{
    height: 289px!important;
}
.m168{
    position: absolute;
    bottom: -10px;
    left: 50%;
    font-size: 15px;
    transform: translateX(-50%);
    background: #fff;
    padding: 4px 24px;
    text-transform: uppercase;
    font-weight: 600;
    min-width: 295px;
    max-width: 295px;
    min-height: 64px;
    border-radius: 15px;
    color: var(--c1);
    letter-spacing: -0.6px!important;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
} 
@media only screen and (max-width:991px) {
	.m137{
    margin-bottom: 0;
}.m141 p.m145{
    text-align: center;
}.m185{
    text-align: center;
}.content h1, .post-item-description h1, .heading h1, .heading h2{
    font-size: 30px;
}.m308,.m312,.m328 {width: 100%;margin-bottom: 30px;}
	.m311 {width: 200px;}.m310{
    margin-top: 0;
}.m314,.m315,.m317.table>tbody>tr>td{text-align:center}
	.m329{
    width: fit-content;
    margin: auto;
}.m331 {
    width: fit-content;
    margin: auto;
    margin-top: 20px;
}
} 
@media only screen and (max-width:480px) {
	.m141{
    padding: 0;
}.m137 {
    margin-bottom: 30px;
}.m138 {
    width: 100%;
}.m163 {
}.m185 a{
    width: 100%;
    float: left;
    border: none;
    margin-bottom: 6px;
}
} 
.m151 {
  width: 80px;
  height: 80px;
  display: block;
  border-radius: 20em;
  /* background: #ffffff; */
  background-image: url(../bigcampain/12.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /* z-index: 10; */
  /* position: absolute; */
  /* top: 0; */
  /* left: 0; */
  /* right: 0; */
  /* bottom: 0; */
  margin: auto;
  -webkit-animation: ripple 0.7s linear infinite;
  animation: ripple 0.7s linear infinite;
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0);
  }
}

@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 3em rgba(255, 255, 255, 0.2);
  }

  100% {
    -webkit-box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 3em rgba(255, 255, 255, 0.2), 0 0 0 5em rgba(255, 255, 255, 0);
  }
}
.m371{}
.m372{}
.m373{}
.m374{}
.m375{}
.m376{}
.m377{}
.m378{}
.m379{}
.m380{
    background: #000;
}
.m381{}
.m382{}
.m383{
}
.m384{
    /* width: 60%!important; */
    margin: auto;
    height: 57px;
    width: auto!important;
}
.pageHeader h1.m385{
    /* font-size: 50px; */
    /* margin-bottom: 24px; */
}
.m386{
    display: none;
}
.m387{}
.m388{}
.m389{}
.m390{}
.m391{}
.m392{}
.m393{}
.m394{}
.m395{}
.m396{}
.m397{}
.m398{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 20%;
    margin: 0;
}
.m399{
	/* display: none; */
}
.m400{
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}
.m401{
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
}
.m402{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60%;
}
.m403{}
.m404{}
.m405{
    text-align: center;
}
.m406{.m138 {
    width: 60%;
};
.m138 {
    width: 60%;
};
    width: 60%;
}
.m407{}
.m408{}
.m409{}
.m410{}
.m411{
    padding: 0 0px 0 30px;
    margin: 0 0 0 30px;
    background-color: white;
}
.m412{}
.m413, .m412 , .m412 p{
    text-align: justify;
    line-height: 1.5;
}
.m414{}
.m415{
    text-align: right;
    text-transform: uppercase;
}
.m416{
    text-align: right;
}
.m417{
    height: 70px;
}
.m418{}
.m419{}
.m420{
    text-align: left;
}
.m421{
}
.m422{
    padding: 92px 0;
}
.m423{}
.m424{}
.m425{}
.m426{
    background: #fff;
    padding: 40px;
    border-radius: 16px;
}
.m426:hover{
    /* transform: scale(1.05); */
    transition: all .3s ease-in-out;
    /* khi hover khiến thẻ m430 thay font chữ là italic */
    .m430{
        font-style: italic;
        /* hiệu ứng mượt mà khi thay đổi font chữ */
        transition: all .3s ease-in-out;
    };
    .m431{
        /* font-weight: bold; */
        /* hiệu ứng mượt mà khi thay đổi font chữ */
        transition: all .3s ease-in-out;
    };
}
.m427{
    text-align: center;
}
.m428{
    width: 52px;
}
.m429{
    margin-bottom: 26px;
}
.m430{}
.m431{}
.m432,.m431 p{
    text-align: justify;
    line-height: 1.4;
}
.m433{}
.m434{}
.m435{}
.m436{
    margin-bottom: 30px;
    border-bottom: 1px #ccc solid;
    padding-bottom: 20px;
}
.m437{}
.m438{}
.m439{
    margin-bottom: 20px;
	display: flex;
    align-items: center !important;
    justify-content: center;
}
.m440{
	
    height: 81px;
}
.m441{
}
.m441 p {
    padding-left: 20px;
    background: url(../images/checkicon.png) no-repeat left center / 10px;
}
/* .m441 ul li::marker{
    content: "\2705";
} */
 
.m442, .m441,.m441 p{
    text-align: justify;
    line-height: 1.4;
}
.m443{}
.m444{}
.m445{}
.m446{}
.m447{
    border-radius: 15px;
}
.m448{}
.m449{
	padding-top:100px !important; 
	position: relative;
	z-index: 2;
	color: white;
	padding: 20px;
}
.m450,.m466{
    text-align: center;
    margin-bottom: 30px;
}
.m451,.m467{
    height: 100px;
}
.m452{}
.m453{}
.m454{
    border: 2px #fff solid;
    border-radius: 15px;
    overflow: hidden;
    transition: all .5s ease-in-out;
}
.m454:hover{
    transform: translateY(-20px);
}
.m455{
    /*padding: 20px 20px 10px;*/
    text-align: center;
    /*background: var(--c1);*/
}
.m456{
    height: 81px;
}
.m457{
    /*width: fit-content;
    margin: auto;
    padding: 10px;*/
}
.m458{
    color: #fff;
    font-size: 20px;
}
.m459{
    /*width: 11px;*/
    margin-right: 6px;
    margin-top: -5px;
}
.m460{}
.m461{}
.m462{}
.m463{}
.m464{}
.m465{}
.m466{}
.m467{}
.m468{}
.m469{}
.m470{}
.m471{}
.m472{
    margin-bottom: 20px;
}
.m473{
    height: 400px!important;
}
.m474{
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    color: var(--c1);
    font-weight: 700;
}
.m475{
    text-align: justify;
    line-height: 1.4;
}
@media only screen and (max-width:991px) {
	.m383 {margin-bottom: 10px;}.pageHeader {
    padding: 64px 0;
}.m384{
    height: 27px;
}.m411{
    padding: 0;
    margin: 0;
}.m406 {
    width: 100%;
}.m420{
    text-align: center;
}.m401{
    width: 32%;
}
.m398{width: 49%;}
.m426{
    padding: 25px;
    margin-bottom: 30px;
}

.m444,.m454 {margin-bottom: 30px;}.m439{
    text-align: center;
}.post-item-description h1{
    font-size: 22px;
}
} 
.m476{}
.m477{}
.m478{}
.m479{}
.m480{}
.m481{}
.m482{}
.m483{}
.m484{}
.m485{}
.m486{}
.m487{}
.m488{}
.m489{}
.m490{}
.m491{}
.m492{}
.m493{}
.m494{}
.m495{}
.m496{}
.m497{}
.m498{}
.m499{}
.m500{}
.m501{}
.m502{}
.m503{}
.m504{}
.m505{}
.m506{}
.m507{}
.m508{}
.m484 .m317.table>tbody>tr>td,.m484 .m317.table>tbody>tr>td a{
    color: #111;
    border-color: #111;
}
.m484 .m315{
    color: #111;
}
.m509{}
.m510{
    transition: all .3s ease-in-out;
    /* border-radius: 15px; */
}
.m510:hover{
    box-shadow: 5px 3px 5px #3972dd;
    transform: scale(1.05);
}
.m511{
}

.m512{
    /* border-radius: 15px 15px 0 0; */
}
.m513{}
.m514{}
.m515{}
.m516{
    height: 60px !important;
}
.m517{
    line-height: 1.3;
    text-align: justify;
	display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;overflow:hidden; 
}
.m518{}
.m519{}
.m520{}
.m521{}
.m522{}
.m523{}
.m524{}
.m525{}
.m526{}
.m527{}
.m528{}
.m529{}
.m530{}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background-color: var(--c1);
    border-color: var(--c1);}
    .m531{}
    .m532{}
    .m533{}
    .m534{}
    .m535{}
    .m536{}
    .m537{}
    .m538{}
    .m539{}
    .m540{}
    .m541{}
    .m542{}
    .m543{}
    .m544{}
    .m545{}
    .m546{}
    .m547{}
    .m548{}
    .m549{}
    .m550{}
    .m551{}
    .m552{}
    .m553{}
    .m554{}
    .m555{}
    .m556{}
    .m557{}
    .m558{}
    .m559{}
    .m560{}
    .m561{}
    .m562{}
    .m563{}
    .m564{}
    .m565{}
    .m566{}
    .m567{}
    .m568{}
/*  cho phần content  */
/* Kiểu cho các mục được chuyển đổi từ bảng */
.course-item {
    display: flex; /* Bật Flexbox để xếp ảnh và nội dung cạnh nhau */
    background-color: #ffffff; /* Nền trắng cho mỗi mục */
    
    overflow: hidden; /* Đảm bảo bo góc áp dụng cho cả ảnh bên trong */
    align-items: center;
}

    /* Đảo ngược thứ tự cho các mục chẵn (ảnh bên phải, chữ bên trái) */
    .course-item:nth-child(even) {
        flex-direction: row-reverse;
    }

    /* Container cho ảnh */
    .course-item .image-container {
        flex: 0 0 45%; /* Ảnh chiếm 45% chiều rộng, không co giãn, không thu nhỏ */
        /* Hoặc bạn có thể dùng width: 45%; */
        overflow: hidden; /* Đảm bảo ảnh không tràn ra ngoài nếu có bo góc */
    }

        .course-item .image-container img {
            width: 100%; /* Ảnh chiếm toàn bộ chiều rộng của container ảnh */
            height: 100%; /* Ảnh chiếm toàn bộ chiều cao của container ảnh */
            object-fit: cover; /* Cắt ảnh để vừa khít, giữ tỷ lệ khung hình */
            display: block; /* Loại bỏ khoảng trống thừa dưới ảnh inline */
            /* Bo góc cho ảnh khớp với .course-item */
            border-radius: 8px; /* Bo góc */
        }

    /* Điều chỉnh bo góc cho ảnh khi mục bị đảo ngược */
    .course-item:nth-child(even) .image-container img {
        border-radius: 0 8px 8px 0; /* Góc trên phải và dưới phải */
    }

    /* Container cho nội dung text */
    .course-item .content-container {
        flex: 1; /* Nội dung text chiếm phần còn lại của không gian */
        padding: 25px 30px; /* Khoảng đệm bên trong */
        display: flex;
        flex-direction: column;
        /* justify-content: center; */ /* Căn giữa nội dung theo chiều dọc nếu muốn */
    }

        .course-item .content-container h2 {
            font-size: 22px; /* Cỡ chữ tiêu đề */
            color: var(--c1); /* Màu chữ tiêu đề */
            ) margin-top: 0;
            margin-bottom: 15px;
        }

        .course-item .content-container p {
            font-size: 15px;
            line-height: 1.6;
            margin-bottom: 20px; /* Khoảng cách dưới đoạn văn */
            color: #555; /* Màu chữ cho đoạn văn */
        }

        /* Nút đăng ký trong .course-item */
        .course-item .content-container .btn-register {
            background-color: var(--c1);
            color: white; /* Màu chữ nút */
            padding: 10px 18px; /* Khoảng đệm nút */
            text-decoration: none; /* Bỏ gạch chân link */
            border-radius: 5px; /* Bo góc nút */
            font-weight: bold;
            text-align: center;
            display: inline-block; /* Cho phép đặt chiều rộng/chiều cao, padding */
            align-self: flex-start; /* Căn nút ở đầu container (nếu content-container là flex column) */
            margin-top: auto; /* Đẩy nút xuống dưới cùng nếu các phần tử trên co giãn */
            transition: background-color 0.3s ease;
        }

            .course-item .content-container .btn-register:hover {
                background-color: var(--c2); /* Màu nền nút khi hover */
            }


/* Kiểu cho các section được tạo từ H2/P (ví dụ: "Nội dung Khoá học MC") */
.course-content-section {
    background-color: #f0f4f8; /* Nền xám nhạt như trong hình */
    padding: 25px 30px;
    margin-bottom: 30px;
/*    border-radius: 8px;*/
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.07);
    /* Bỏ display: flex nếu không cần thiết cho nội dung bên trong nó */
}

    .course-content-section h2 {
        font-size: 22px; /* Hoặc kích thước bạn muốn */
        color: var(--c1); /* Màu đỏ như các tiêu đề khác */
        margin-top: 0;
        margin-bottom: 15px;
        text-align: center; /* Căn giữa tiêu đề nếu muốn */
    }

    .course-content-section p {
        font-size: 15px;
        line-height: 1.6;
        margin-bottom: 20px;
        color: #555; /* Màu chữ */
    }

    .course-content-section .btn-register {
        background-color: var(--c1); /* Màu nút giống các nút khác */
        color: white;
        padding: 10px 18px;
        text-decoration: none;
        border-radius: 5px;
        font-weight: bold;
        display: block; /* Cho nút chiếm cả dòng và dễ căn giữa */
        width: fit-content; /* Để nút chỉ rộng bằng nội dung chữ + padding */
        margin: 15px auto 0 auto; /* Căn giữa nút */
        transition: background-color 0.3s ease;
    }

        .course-content-section .btn-register:hover {
            background-color: var(--c2);
        }

/* Responsive adjustments (Ví dụ cho màn hình nhỏ hơn 768px) */
@media (max-width: 768px) {
    .course-item,
    .course-item:nth-child(even) {
        flex-direction: column; /* Xếp chồng ảnh và nội dung theo chiều dọc */
    }

        .course-item .image-container {
            flex-basis: auto; /* Reset flex-basis */
            width: 100%; /* Ảnh chiếm toàn bộ chiều rộng */
            max-height: 250px; /* Giới hạn chiều cao ảnh trên mobile */
        }

            .course-item .image-container img,
            .course-item:nth-child(even) .image-container img {
                border-radius: 8px 8px 0 0; /* Bo góc trên cho ảnh khi xếp chồng */
                height: 100%; /* Đảm bảo ảnh tôn trọng max-height */
            }

        .course-item .content-container {
            padding: 20px; /* Giảm padding trên mobile */
        }

            .course-item .content-container .btn-register,
            .course-content-section .btn-register {
                align-self: stretch; /* Kéo dài nút ra toàn bộ chiều rộng của container cha */
                text-align: center;
            }
}


    .m569,.m568 > .row{
    /* margin-bottom: 40px; */
}
    .m570,.m567 .col-md-6{
    /* margin-bottom: 30px; */
    transition: all .3s ease-in-out;
}
.m571{
}
.m572{}
.m573, .m567 .col-md-6 img{
border-radius: 15px 15px 15px 15px !important;
}
.m570:hover{
    transform: scale(1.05);
}
    .m574{}
    .m575{}
    .m576,.m567 .heading{
    margin-bottom: 12px;
    margin-top: 10px;
}
    .m577{}
    .m578,.m567 .m431{
    margin-bottom: 17px;
}
    .m579{}
    .m580{}
    .m581{}
    .m582{}
    .m583{}
    .m584{}
    .m585{}
    .m586{}
    .m587{}
    .m588{}
    .m589{}
    .m590{}
    .m591{}
    .m592{}
    .m593{}
    .m594{}
    .m595{}
    .m596{}
    .m597{}
    .m598{}
    .m599{}
    .m600{}
    .m601{}
    .m602{}
    .m603{}
    .m604{}
    .m605{}
    .m606{
    background: #eee;
    padding: 25px;
    margin-bottom: 40px;
}

.m606:hover{
    box-shadow: 1px 1px 5px #4057be;
}
    .m607{}
    .m567 .heading h2.m608{
    text-align: center;
}
    .m609{}
    .m610{}
    .m611{
    background: #eee;
    padding: 25px;
    margin-bottom: 29px;
}
    .m612{}
    .m567 .heading h2.m613{
    text-align: center;
}
    .m614{}
    .m615{}
    .m616{}
    .m617{}
    .m618{}
    .m619{}
    .m620{}
    .m621{}
    .m622{}
    .m623{}
    .m624{}
    .m625{}
    .m626{}
    .m627{}
    .m628{}
    .m629{}
    .m630{}
    .m631{}
    .m632{}
    .m567 .heading.m633{
    margin-bottom: 26px;
}
    .m567 .heading h2.m634{
    text-align: center;
}
    .m635{}
    .m636{}
    .m637{}
    .m638{}
    .m639{}
    .m640{}
    .m641{}
    .m642{}
    .m643{}
    .m644{}
    .m645{}
    .m646{}
    .m647{}
    .m648{}
    .m649{}
    .m650{}
    .m651{}
    .m652{}
    .m653{}
    .m654{}
    .m655{}
    .m656{}
    .m657{}
    .m658{}
    .m659{}
    .m660{}
    .m661{}
    .m662{}
    .m663{}
    .m664{}
    .m665{}
    .m666{}
    .m667{}
    .m668{}
    .m669{}
    .m670{}
    .m671{}
    .m672{}
    .m673{}
.hocphi{
    font-weight: 700;
    font-size: 22px;
    letter-spacing: -1.3px!important;
    margin-bottom: 22px;
}
    .m674{
    text-align: center;
}
.m567 .heading h2{
    font-size: 26px;
    text-align: left;
    line-height: 1.2;
}
@media only screen and (max-width:991px) {
	.m567 .heading h2,.m673{
    text-align: center;
}
} 
.modal-body .table tr td{
    font-size: 13px;
}.product .product-image > a, .product .product-image img,.owl-item img{height: auto}
section.fullscreen, section.fullscreen video,.inspiro-slider.slider-fullscreen,.inspiro-slider.slider-fullscreen .slide{height: calc(100vh - 80px) !important;}

/* Modal Overlay */
.modal-overlay {
    position: fixed; /* Che phủ toàn bộ màn hình */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6); /* Nền mờ */
    display: flex; /* Sử dụng flex để căn giữa dialog */
    justify-content: center;
    align-items: center;
    z-index: 1050; /* Đảm bảo nó hiển thị trên các thành phần khác */
    opacity: 0; /* Ẩn ban đầu */
    visibility: hidden; /* Ẩn ban đầu */
    transition: opacity 0.3s ease, visibility 0.3s ease; /* Hiệu ứng mờ dần */
}

.modal-overlay.active {
    opacity: 1;
    visibility: visible;
}

/* Modal Dialog Box */
.modal-dialog {
    background-color: #fff;
    padding: 25px 30px;
    border-radius: 8px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    width: 90%;
    max-width: 550px; /* Giới hạn chiều rộng tối đa */
    transform: translateY(-50px); /* Hiệu ứng trượt xuống */
    transition: transform 0.3s ease;
    position: relative; /* Để định vị nút đóng */
}

.modal-overlay.active .modal-dialog {
    transform: translateY(0);
}


/* Modal Header */
.modal-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.modal-header h2 {
    margin: 0;
    font-size: 1.4em; /* Cỡ chữ tiêu đề modal */
    color: #333;
}

.modal-close {
    background: none;
    border: none;
    font-size: 2em;
    font-weight: bold;
    color: #aaa;
    cursor: pointer;
    line-height: 1;
    padding: 0 5px;
}

.modal-close:hover {
    color: #777;
}

/* Modal Body & Form */
.modal-body .form-group {
    margin-bottom: 15px;
}

.modal-body .form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box; /* Quan trọng để padding không làm tăng kích thước */
    font-size: 1em;
}

.modal-body select.form-control {
    appearance: none; /* Ẩn giao diện dropdown mặc định */
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5' viewBox='0 0 10 5'%3E%3Cpath fill='%23888' d='M0 0l5 5 5-5z'/%3E%3C/svg%3E"); /* Mũi tên dropdown tùy chỉnh */
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 10px 5px;
    padding-right: 35px; /* Chừa chỗ cho mũi tên */
    cursor: pointer; /* Cho biết có thể nhấp */
}

.modal-body select.form-control[disabled] {
    background-color: #e9ecef; /* Màu nền khác cho select bị vô hiệu hóa */
    cursor: not-allowed;
}

.modal-body textarea.form-control {
    resize: vertical; /* Cho phép thay đổi kích thước theo chiều dọc */
}

.modal-body .btn-submit {
    background-color: #c9302c; /* Màu nút gửi (giống nút Đăng ký học) */                                                     
    color: white;
    border: none
    padding: 12px 20px;
    border-radius: 5px;
    width: 100%;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    margin-top: 10px;
}

.modal-body .btn-submit:hover {
    background-color: #ac2925;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(0 0 0 / 16%);
  z-index: 1;
}

/* General Modal Styles */
#registrationModal.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65); /* Darker overlay for better contrast */
    display: flex; /* Used for centering the dialog, JS will toggle display from none */
    align-items: center;
    justify-content: center;
    z-index: 1000;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; /* Common system font stack */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.modal-dialog-new {
    background-color: #8A8AFF; /* Main purple-blue background color from image */
    /* You can also use a gradient like:
    background-image: linear-gradient(to right, #8e83f5, #7f7fd5); */
    padding: 35px 30px 30px 30px;
    border-radius: 16px; /* Rounded corners for the modal */
    width: 90%;
    max-width: 400px; /* Adjust width as needed */
    position: relative;
    text-align: center;
    color: white;
    box-shadow: 0 10px 25px rgba(0,0,0,0.2);
    box-sizing: border-box;
}

/* Close Button - Retains class="modal-close" for JS functionality */
.modal-dialog-new .modal-close {
    position: absolute;
    top: 12px;
    right: 12px;
    background: transparent;
    border: 1.5px solid rgba(255, 255, 255, 0.8); /* White border */
    color: white;
    font-size: 16px;
    font-weight: bold;
    width: 26px;
    height: 26px;
    line-height: 23px; /* Adjust for vertical centering of '×' */
    text-align: center;
    border-radius: 6px; /* Rounded corners for the button */
    cursor: pointer;
    padding: 0;
    transition: background-color 0.2s, border-color 0.2s;
}

.modal-dialog-new .modal-close:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: white;
}

.modal-title-new {
    font-size: 22px;
    font-weight: 600; /* Semi-bold */
    margin-bottom: 10px;
}

.modal-subtitle-new {
    font-size: 13px;
    line-height: 1.6;
    margin-bottom: 25px;
    opacity: 0.95; /* Slightly less than fully opaque for softer look */
}

/* Form Elements Wrapper - Reusing id="registrationForm" */
#registrationForm .form-input-new {
    width: 100%;
    background-color: white;
    color: #333; /* Dark text for input */
    border: 1px solid #E0E0E0; /* Softer border */
    border-radius: 50px; /* Fully rounded ends */
    padding: 14px 20px;
    margin-bottom: 15px;
    font-size: 15px;
    box-sizing: border-box;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

#registrationForm .form-input-new::placeholder {
    color: #999999; /* Placeholder text color */
    opacity: 1; /* Ensure placeholder is visible */
}

#registrationForm .form-input-new:focus {
    outline: none;
    border-color: #8A8AFF; /* Highlight color on focus */
    box-shadow: 0 0 0 2px rgba(138, 138, 255, 0.3); /* Subtle glow on focus */
}

.form-checkbox-new {
    display: flex;
    align-items: center;
    justify-content: flex-start; /* Align checkbox and label to the left */
    margin-bottom: 25px;
    margin-top: 5px; /* Space above checkbox */
    font-size: 13px;
    color: white;
    text-align: left;
    cursor: pointer; /* Make the whole area clickable */
}

.form-checkbox-new input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #BDBDBD; /* Border for the checkbox */
    width: 16px; /* Size of checkbox */
    height: 16px; /* Size of checkbox */
    border-radius: 3px; /* Slightly rounded checkbox */
    margin-right: 10px;
    position: relative;
    cursor: pointer;
    vertical-align: middle; /* Align with text */
    transition: background-color 0.2s, border-color 0.2s;
}

.form-checkbox-new input[type="checkbox"]:checked {
    background-color: white; /* Keep white background when checked */
    border-color: #8A8AFF; /* Change border color when checked */
}

.form-checkbox-new input[type="checkbox"]:checked::after {
    content: '✔'; /* Checkmark character (Unicode) */
    font-size: 12px;
    color: #8A8AFF; /* Color of the checkmark, matches modal theme */
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}

.form-checkbox-new label {
    cursor: pointer;
    line-height: 1.4;
}

/* Submit Button - Retains id="btn_submitForm" for JS functionality */
.btn-submit {
    background-color: #FFDD43; /* Vibrant yellow from image */
    color: #3A3A3A; /* Dark text for contrast */
    border: none;
    border-radius: 50px; /* Fully rounded ends */
    padding: 14px 25px;
    font-size: 16px;
    font-weight: 600; /* Semi-bold */
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.3s ease, transform 0.1s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.btn-submit:hover {
    background-color: #f5ce30; /* Slightly darker yellow on hover */
}

.btn-submit:active {
    transform: translateY(1px); /* Slight press effect */
}

.btn-submit .arrow {
    margin-left: 10px;
    font-size: 20px;
    line-height: 1; /* Ensure arrow aligns well */
}