.home-section01 {position: relative; overflow: hidden;min-height: 380px;}
.home-section01 .hero-bg {position: absolute; inset: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; }
.home-section01 .hero-container {position: relative; z-index: 2; max-width: 1320px; padding: 40px 40px;margin: 0 auto; }
.home-section01 .hero-left {position: absolute; top: 6.5rem; left: 12rem; }

.hero-title-main {font-size: clamp(32px, 4vw, 65px); font-weight: 800; color: #0d2f5e; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.5px; margin: 0; font-style: italic; }
.hero-center {position: relative;}
.home-section01 .hero-speaker-img {width: 800px;margin: 0 auto;}
.home-section01 .hero-right {position: absolute;top: 7rem;right: 2rem;width: 320px;}
.home-section01 .hero-title-accent {font-size: clamp(26px, 3.2vw, 48px); font-weight: 800; color: #e8a020; line-height: 1.1; text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 16px; font-style: italic; }
.home-section01 .hero-quote {font-size: clamp(13px, 1.1vw, 15px); color: #2a3f5e; line-height: 1.75; margin-bottom: 24px; font-style: italic; position: relative; padding-left: 30px; padding-right: 30px; }
.home-section01 .hero-quote::before {content: '\201C'; font-size: 38px; color: #e8a020; font-style: normal; position: absolute; left: 12px; top: 1px; line-height: 1; display: block; }
.home-section01 .hero-quote::after {content: '\201D'; font-size: 38px; color: #e8a020; font-style: normal; position: absolute; bottom: -30px; right: 10px; }
.home-section01 .hero-btns {display: flex; flex-direction: column; gap: 12px; align-items: flex-start; }
.home-section01 .btn-hero-primary {display: inline-block; background: transparent; color: #0d2f5e !important; font-weight: 700; font-size: 11px; padding: 12px 28px; border: 1.5px solid #0d2f5e; border-radius: 2px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none !important; transition: all 0.2s; width: fit-content; min-width: 250px; text-align: center;} 
.home-section01 .btn-hero-primary:hover {background: #0d2f5e; color: #fff !important; }
.home-section01 .btn-hero-secondary {display: inline-flex; align-items: center; gap: 14px; background: #0d2f5e; color: #fff !important; font-weight: 700; font-size: 11px; padding: 12px 28px; border-radius: 2px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none !important; transition: background 0.2s; width: fit-content; min-width: 250px; text-align: center;} 
.home-section01 .btn-hero-secondary:hover {background: #1a4a80; } 
.home-section01 .btn-hero-secondary .arr {display: inline-flex; align-items: center; justify-content: center; background: #e8a020; width: 28px; height: 28px; border-radius: 3px; font-size: 15px; font-weight: 900; }

@media (max-width: 1200px) {
	.home-section01 .hero-speaker-img {width: 640px;}
	.home-section01 .hero-left {left: 16rem;}
}

@media (max-width: 1024px) {
  	.home-section01 { min-height: 320px; }
  	.home-section01 .hero-container {padding: 30px 24px;}
  	.home-section01 .hero-title-main { font-size: 30px; }
  	.home-section01 .hero-title-accent { font-size: 26px; }
  	.home-section01 .hero-speaker-img {max-width: 460px;margin: 0 7rem auto;}
  	.home-section01 .hero-left{top: 5rem;left: 9rem;}
  	.home-section01 .hero-right{top: 4rem;right: 2.5rem;width: 16rem;}
  	.home-section01 .btn-hero-secondary{display: none;}
}

@media (max-width: 820px) {
	.home-section01 .hero-container {padding: 25px 20px;gap: 20px;}
	.home-section01 .hero-title-main {font-size: 26px;}
	.home-section01 .hero-speaker-img {max-width: 350px;margin: 0 1rem auto;}
  	.home-section01 .hero-left{top: 3.5rem;left: 1rem;}
  	.home-section01 .hero-right{top: 1.5rem;right: 0;position: relative;width: 100%;}
  	.home-section01 .center {font-size: 24px;}
  	.home-section01 .hero-quote { text-align: left; padding-left: 20px;padding-right: 20px;}
  	.home-section01 .hero-quote::before{left: 0px;}
  	.home-section01 .hero-quote::after{right: 0px;}
}

.home-section02-repeater {margin-top: 25px;}
.home-section02-repeater-wrap{display: flex;gap: 20px;}
.home-section02-repeater-wrap .home-section02-repeater-icon{width: 115px;}

.home-section03 .home-section03-wrap{gap: 20px;}
.home-section03 .home-section03-repeater-inner{background-color: #fff; border-radius: 12px;padding: 20px; min-height: 309px;}
.home-section03 .home-section03-repeater-inner .home-section03-repeater-text{display: flex; gap: 15px; align-items: center;margin-bottom: 12px;}
.home-section03 .home-section03-repeater-inner .home-section03-repeater-icon{width: 64px;}
.cc-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 25px;}
@media (min-width: 820px)  { .cc-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .cc-grid { grid-template-columns: repeat(3, 1fr); gap: 25px; } }
.cc-card {background: #fff; border-radius: 24px; box-shadow: 0 8px 24px rgba(11,28,48,.05); display: flex; flex-direction: column; transition: transform .4s cubic-bezier(.34,1.56,.64,1), box-shadow .4s ease; }
.cc-card:hover { transform: translateY(-10px) !important; box-shadow: 0 24px 48px rgba(11,28,48,.10); }
.cc-card__thumb { position: relative; height: 220px; overflow: hidden; background: linear-gradient(135deg,#0B1B34,#394762); }
.cc-card__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; }
.cc-card:hover .cc-card__thumb img { transform: scale(1.08); }
.cc-card__badge { position: absolute; top: 16px; left: 16px; background: #008c48; color: #fff; padding: 4px 14px; border-radius: 8px; font-size: .65rem; font-weight: 700; text-transform: uppercase; letter-spacing: .1em; }
.cc-card__body { padding: 24px 24px 20px; display: flex; flex-direction: column; flex-grow: 1; gap: 10px; }
.cc-card__rating { display: flex; align-items: center; gap: 4px; font-size: .8rem; font-weight: 700; color: #008c48; }
.cc-card__star { color: #f7b418; font-size: 1rem; }
.cc-card__title { font-size: 1.05rem; font-weight: 700; color: #0B1B34; line-height: 1.4; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; transition: color .2s; margin: 0; }
.cc-card:hover .cc-card__title { color: #008c48; }
.cc-card__excerpt { font-size: .85rem; color: #44474d; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; flex-grow: 1; margin: 0 0 10px; }
.cc-card__footer { display: flex; align-items: center; justify-content: space-between; padding-top: 16px; border-top: 1px solid #e5eeff; margin-top: 4px; }
.cc-card__price { font-size: 1.1rem; font-weight: 800; color: #0B1B34; }
.cc-card__price.free { color: #008c48; }
.cc-card__btn { background: #008c48; color: #fff !important; padding: 8px 18px; border-radius: 10px; font-size: .75rem; font-weight: 700; text-decoration: none !important; transition: transform .2s, box-shadow .2s; white-space: nowrap; display: inline-block; }
.cc-card__btn:hover { transform: scale(1.05); box-shadow: 0 6px 16px rgba(0,140,72,.3); color: #fff !important; }
.list-item-button .tutor-btn{padding: 8px 15px;}

.dvtv-slider{margin-top: 25px;}
.swiper-slide-wrap{background-color: #1b2737;border-radius: 12px;overflow: hidden;position: relative;transition-duration: 500ms;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.swiper-slide-wrap:hover{transform: translateY(-8px);}
.swiper-slide-wrap .image{overflow: hidden;height: 16rem;position: relative;}
.swiper-slide-wrap .image img{transition-duration: 700ms;transition-property: transform;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);object-fit: cover;width: 100%;height: 100%;}
.swiper-slide-wrap:hover .image img{transform: scaleX(1.1) scaleY(1.1);}
.swiper-slide-wrap .image .image-gradient{inset: 0px;position: absolute;background: #1B2737;background: linear-gradient(0deg,rgba(27, 39, 55, 1) 0%, rgba(27, 39, 55, 0.2) 50%, rgba(27, 39, 55, 0) 100%);}
.swiper-slide-wrap .content{padding: 25px;}
.swiper-slide-wrap .content h3{color: #fff;font-size: 20px;margin-bottom: 20px;}
.swiper-slide-wrap .content .text{color: rgb(117 132 162); margin-bottom: 20px;}
.swiper-slide-wrap .content .link{padding: 12px 10px;border-radius: 12px;background-color: #fff;display: block;font-weight: 600;text-align: center;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.swiper-slide-wrap:hover .content .link,
.swiper-slide-wrap .content .link:hover{background-color: #f7b418; color: #fff;}
.swiper-button-prev,
.swiper-button-next{border: 1px solid #ddd;border-radius: 50%;width: 38px !important;height: 38px !important;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.swiper-button-prev:hover,
.swiper-button-next:hover{background-color: #f7b418;color: #fff;}
.swiper-button-prev svg,
.swiper-button-next svg{width: 18px !important;height: 18px !important;fill: #fff;}
.swiper-button-prev svg path,
.swiper-button-next svg path{fill: #fff;}

.home-section06{background: #fff;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
.home-section06 .container {max-width: 1180px;}
.home-section06 .social-wrap{display: flex;align-items: center;position: relative;justify-content: space-between;}
.home-section06 .social-wrap .social-intro{width: 30%;}
.home-section06 .social-wrap .social-label{font-weight: bold;font-size: 20px;}
.home-section06 .social-wrap .social-desc{font-size: 18px;}
.home-section06 .social-wrap .social-arrow{position: absolute;width: 200px;left: 21rem;top: 4.2rem;}
.home-section06 .social-wrap .social-links{display: flex;gap: 12px;}
.home-section06 .social-wrap .social-links .social-btn{background-color: #1b2737; border: 1px solid #1b2737; display: block; color: #fff; text-align: center; padding: 7px 20px; border-radius: 10px;transition-duration: 300ms;transition-property: all;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);}
.home-section06 .social-wrap .social-links .social-btn span{display: block;}
.home-section06 .social-wrap .social-links .social-btn svg,
.home-section06 .social-wrap .social-links .social-btn svg path{fill:#fff;}
.home-section06 .social-wrap .social-links .social-btn:hover{background-color: #fff; color: #1b2737}
.home-section06 .social-wrap .social-links .social-btn:hover svg,
.home-section06 .social-wrap .social-links .social-btn:hover svg path{fill: #1b2737}
.home-section06 .social-wrap .social-links .social-btn .social-eyebrow{font-size: 13px;margin-bottom: 5px;}
.home-section06 .social-wrap .social-links .social-btn .social-name:not(.social-name-zalo){display: flex;align-items: center;}
.home-section06 .social-wrap .social-links .social-btn .social-name:not(.social-name-zalo) svg{width: 32px; height: 32px;margin-right: 5px;}
.home-section06 .social-wrap .social-links .social-btn .social-name.social-name-zalo{font-size: 20px;font-weight: bold;}

.home-section07 .home-section07-bt{gap: 10px;display: flex;flex-wrap: wrap;}
.home-section07 .home-section07-bt a{border-radius: 10px;overflow: hidden;width: 48%;}

.home-blog .blog-item{position: relative;border-radius: 12px;overflow: hidden;margin-bottom: 15px;}
.home-blog .blog-item .blog-thumb img{width: 100%;object-fit: cover;}
.home-blog .blog-item .blog-content{position: absolute;bottom: 0;padding: 20px;background: #1B2737;background: linear-gradient(0deg,rgba(27, 39, 55, 1) 0%, rgba(27, 39, 55, 0) 100%);}
.home-blog .blog-item .blog-content .blog-title{margin-bottom: 0;}
.home-blog .blog-item .blog-content .blog-title a{color: #fff; }
.home-blog .second-element-layout .blog-item .blog-content .blog-title{font-size: 14px;}

.int-community-top {position: relative; min-height: 200px; padding: 35px 0 20px; background: #fff; }
.int-community-brand {display: flex; align-items: center; gap: 20px; }
.int-community-logo img {width: 80px; height: auto; display: block; }
.int-community-divider {width: 1px; height: 76px; background: #1b2637; opacity: .8; }
.int-community-heading {font-size: 22px; font-weight: 700; line-height: 1.2; letter-spacing: .5px; text-transform: uppercase; }
.int-community-intro {margin-top: 18px; font-size: 15px; line-height: 1.5; }
.int-community-intro-item {position: relative; padding-left: 20px; margin-bottom: 5px; }
.int-community-intro-item::before {content: "»"; position: absolute; left: 0; top: -1px; color: #f7b418; font-size: 22px; line-height: 1; font-weight: 800; }
.int-community-hero-img {position: absolute; right: 10rem;top: -3rem; width: 450px; z-index: 2; pointer-events: none; }
.int-community-hero-img img {width: 100%; height: auto; display: block; }
.int-community-main {position: relative; min-height: 550px; padding: 35px 0; z-index: 1; }
.int-community-left {position: absolute; left: 0; top: 0; width: calc((100vw - 1260px) / 2 + 300px); height: 100%; min-height: 520px; overflow: hidden; z-index: 1; }
.int-community-left::before {content: ""; position: absolute; inset: 0; background: #142235; opacity: .58; z-index: 2; } 
.int-community-left img {width: 100%; height: 100%; object-fit: cover; display: block; }
.int-community-grid {display: grid; grid-template-columns: 420px 1fr; gap: 30px; align-items: start; position: relative; z-index: 5; left: 30rem; }
.int-community-form-card {background: #fff; border-radius: 15px; padding: 26px 28px 34px; box-shadow: 0 10px 28px rgba(17, 34, 54, .12); min-height: 480px; position: relative; z-index: 5; }
.int-community-form-card h2 {margin: 0 0 20px; text-align: center; font-size: 21px; line-height: 1.25; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
.int-community-form input,
.int-community-form-card input[type="text"],
.int-community-form-card input[type="tel"],
.int-community-form-card input[type="email"],
.int-community-form-card textarea,
.int-community-form-card select {width: 100%; height: 45px; border: 1px solid #e7e7e7; background: #f2f2f2; border-radius: 8px; padding: 0 14px; margin-bottom: 15px; color: #333; font-size: 14px; box-shadow: none; }
.int-community-form button,
.int-community-form-card input[type="submit"],
.int-community-form-card button {width: 100%; height: 45px; border: 0; border-radius: 8px; background: #1b2737; color: #fff; font-size: 16px; font-weight: 700; text-transform: uppercase; cursor: pointer; transition: .25s ease; }
.int-community-form button:hover,
.int-community-form-card input[type="submit"]:hover,
.int-community-form-card button:hover {background: #f7b418; }
.int-community-content {padding-top: 115px; position: relative; z-index: 5; }
.int-community-content h2 {margin: 0 0 16px; font-size: 21px; line-height: 1.3; font-weight: 700; text-transform: uppercase; }
.int-community-content ul {list-style: none; margin: 0; padding: 0; max-width: 500px; }
.int-community-content li {position: relative; padding-left: 20px;margin-bottom: 13px;font-size: 15px; line-height: 1.45; }
.int-community-content li::before {content: "»"; position: absolute; left: 0; top: -2px; color: #f7b418; font-size: 23px; line-height: 1; font-weight: 700; }
/* RESPONSIVE */
@media (max-width: 1199px) {
    .int-community-hero-img {right: 5rem;width: 380px;} 
    .int-community-left {width: 40%; } 
    .int-community-grid {grid-template-columns: 360px 1fr; left: 19rem;gap: 25x;}
    .int-community-form-card{padding: 20px;}
    .int-community-form-card h2{font-size: 19px;}
} 
@media (max-width: 991px) {
	.int-community-top {padding-bottom: 35px;} 
	.int-community-hero-img {right: 1rem;width: 330px;top: 0;} 
	.int-community-main{position: relative; min-height: 520px; padding: 35px 0; z-index: 1;} 
	.int-community-left {width: 35%;height: 550px;min-height: 480px;}
	.int-community-grid {grid-template-columns: 330px 1fr;left: 2.5rem;} 
	.int-community-form-card {max-width: 340px;margin: 0 auto; } 
	.int-community-content {padding-top: 65px;} 
} 

@media (max-width: 576px) {
	.home-section02-repeater-wrap{gap: 15px;}

	.home-section03 .home-section03-repeater-inner{padding: 15px;min-height: unset;}
	.home-section03 .home-section03-repeater-inner .home-section03-repeater-icon{width: 48px;}

	.home-section06 .social-wrap{display: block;}
	.home-section06 .social-wrap .social-intro{width: 100%;}
	.home-section06 .social-wrap .social-arrow{display: none;}
	.home-section06 .social-wrap .social-links{flex-wrap: wrap;}
	.home-section06 .social-wrap .social-links .social-btn{width: 48%;}
	.home-section06 .social-wrap .social-links .social-btn .social-name{justify-content: center;}

	.home-section07 .home-section07-bt a img{width: 100%;}

	.home-blog .blog-item{max-height: 320px;}
	.home-blog .second-element-layout .blog-item:last-child{margin-bottom: 30px;}

	.int-community-main{padding: 35px 0 0;}
	.int-community-top {padding: 30px 0} 
	.int-community-brand {gap: 14px; } 
	.int-community-logo img {width: 68px; } 
	.int-community-heading {font-size: 17px; } 
	.int-community-divider {height: 62px; } 
	.int-community-hero-img {display: none;}
	.int-community-left{width: 100%;}
	.int-community-grid {grid-template-columns: 1fr; left: 0; }
  	.int-community-content {padding: 30px 15px;}
	.int-community-form-card {border-radius: 15px;padding: 20px 15px;} 
	.int-community-form-card h2,
	.int-community-content h2 {font-size: 17px; } 
}