.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: 5.5rem;left: 9rem;}
.hero-title-main {font-size: clamp(32px, 4vw, 62px); color: #182434; line-height: 1.2; letter-spacing: 0.5px; margin: 0;}
.hero-center {position: relative;}
.home-section01 .hero-speaker-img {width: 800px;margin: 0 auto 0 6rem;}
.home-section01 .hero-right {position: absolute;top: 6rem;right: 10.5rem;width: 350px;}
.home-section01 .hero-title-accent {font-size: clamp(26px, 3.2vw, 54px); color: #f9b415; line-height: 1.2; letter-spacing: 0.5px; margin-bottom: 80px; }
.home-section01 .hero-title-accent span{margin-left: 45px}
.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: 90px;padding-right: 10px;}
.home-section01 .hero-quote::before {content: '\201C'; font-size: 48px; color: #e8a020; font-style: normal; position: absolute; left: 60px; top: -8px; line-height: 1; display: block; }
.home-section01 .hero-quote::after {content: '\201D'; font-size: 48px; color: #e8a020; font-style: normal; position: absolute; bottom: -40px; right: 0px; }
.home-section01 .hero-btns {display: flex; flex-direction: column; gap: 12px; align-items: flex-start; margin-top: 40px;padding-left: 65px;}
.home-section01 .btn-hero-primary {color: #fff !important; font-weight: 700; font-size: 14px; padding: 10px 20px; border-radius: 15px; text-transform: uppercase; letter-spacing: 2px; text-decoration: none !important; transition: all 0.2s; width: fit-content; min-width: 250px; text-align: center; background-color: #f9b415; border: 1px solid #fff;}
.home-section01 .btn-hero-primary:hover {background: #0d2f5e;}
.home-section01 .btn-hero-secondary {display: inline-flex; align-items: center; gap: 14px; background: #0d2f5e; color: #fff !important; font-weight: 700; font-size: 14px;padding: 10px 20px;border-radius: 15px;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; font-size: 20px;font-weight: 900;color: #f9b415;}


.home-section02-repeater {margin-top: 25px;}
.home-section02-repeater-wrap{display: grid;gap: 20px;grid-template-columns: 80px 1fr;}
.home-section02-repeater-wrap .home-section02-repeater-icon{width: 100px;}


.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;}
.home-section03 .home-section03-repeater-inner .home-section03-repeater-title{font-size: 28px;}


.tutor-course-archive-grid { display: grid; grid-template-columns: 1fr; gap: 20px; margin-top: 25px;}
@media (min-width: 820px)  { .tutor-course-archive-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .tutor-course-archive-grid { grid-template-columns: repeat(3, 1fr); gap: 25px; } }
.tutor-card{padding: 6px;}
.tutor-card-wrap{background-color: #f2f2f2; transition-duration: 300ms;transition-property: all;}
.tutor-course-thumbnail{padding: 20px 20px 0;}
.tutor-course-thumbnail .tutor-card-image-top{border-radius: 10px;}
.tutor-item-price{font-size: 20px;color: #f7b418;}
.cc-rating-num,
.cc-rating-count{color: #333;}
.cc-card__excerpt{margin-bottom: 0;}
.cc-card__badge{color: #e8a020;margin-bottom: 5px;text-transform: uppercase;}
.tutor-card:hover .tutor-card-wrap{background-color: #182433;}
.tutor-card:hover .tutor-course-name a,
.tutor-card:hover .cc-card__excerpt,
.tutor-card:hover .cc-rating-num,
.tutor-card:hover .cc-rating-count{color: #fff}


.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: 20px;}
.swiper-slide-wrap .content h3{color: #fff;font-size: 20px;margin-bottom: 20px;text-align: center;}
.swiper-slide-wrap .content .text{color: #fff; margin-bottom: 20px; text-align: center;}
.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 .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: 8px 25px; 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;transform: translateY(-10px);}
.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: 14px;margin-bottom: 5px;}
.home-section06 .social-wrap .social-links .social-btn .social-name:not(.social-name-zalo){display: flex;align-items: center;font-size: 18px;font-weight: bold;}
.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{background-color: #eeeeee;}
.home-section07 .home-section07-bt{gap: 10px;display: grid;grid-template-columns: 1fr 1fr;}
.home-section07 .home-section07-bt a{border-radius: 10px;overflow: hidden;}


.home-section08 .home-section08-wrap{background-color: #f2f2f2; border:1px solid #f2f2f2; padding: 20px; border-radius: 15px;}
.home-section08 .home-section08-wrap:hover{border:1px solid #f7b418;}
.home-section08 .home-section08-wrap .content{margin-top: 15px;position: relative;display: grid;gap: 15px;grid-template-columns: 50px 1fr;}
.home-section08 .home-section08-wrap .content h3{margin-bottom: 0;font-size: 18px;}


.home-blog{background-color: #fff; padding: 20px; border-radius: 15px;} 
.home-blog .first-element-layout .blog-item .blog-thumb{border-radius: 12px; overflow: hidden; display: block;} 
.home-blog .first-element-layout .blog-item .blog-thumb img{object-fit: cover;width: 100%;height: 345px;}
.home-blog .first-element-layout .blog-item .blog-content .blog-title{margin-bottom: 8px;}
.home-blog .first-element-layout .blog-item .blog-content .blog-title a{color: #333; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.home-blog .first-element-layout .blog-item .blog-content .post-meta{margin-bottom: 8px;font-size: 14px;}
.home-blog .first-element-layout .blog-item .blog-desc {margin-top: 8px;}
.home-blog .first-element-layout .blog-item .blog-view{display: block;text-align: right;margin-top: 8px;}


.home-blog .second-element-layout .blog-item{height: 180px;position: relative;border-radius: 12px;overflow: hidden;margin-bottom: 15px;}
.home-blog .second-element-layout .blog-item .blog-thumb img{width: 100%;object-fit: cover;}
.home-blog .second-element-layout .blog-item .blog-content{position: absolute;bottom: 0;padding: 15px;background: #1B2737;background: linear-gradient(0deg,rgba(27, 39, 55, 1) 0%, rgba(27, 39, 55, 0) 100%);}
.home-blog .second-element-layout .blog-item .blog-content .blog-title{font-size: 14px;margin-bottom: 0;}
.home-blog .second-element-layout .blog-item .blog-content .blog-title a{color: #fff; display: block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;}
.home-blog .second-element-layout .blog-item .blog-content .post-meta{color: #fff;margin-top: 5px;font-size: 13px;}


.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: 24px; 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: 9rem;top: -5rem;width: 550px; 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: 550px; 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: 430px 1fr; gap: 40px; align-items: start; position: relative; z-index: 5; left: 26rem; }
.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: 24px; 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: 50px; 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: 50px; 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: 24px; line-height: 1.4; 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;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: 1200px) {
	.home-section01 .hero-speaker-img {width: 640px;}
	.home-section01 .hero-left {left: 16rem;}

    .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: 992px) {
	.int-community-top {padding-bottom: 35px;} 
	.int-community-hero-img {right: 8rem;width: 400px;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: 6.5rem;} 
	.int-community-form-card {max-width: 340px;margin: 0 auto; } 
	.int-community-content {padding-top: 65px;}

	.home-section01 { min-height: 320px; }
  	.home-section01 .hero-container {padding: 30px 24px;}
  	.home-section01 .hero-title-main {font-size: 34px;}
  	.home-section01 .hero-title-accent { font-size: 30px; margin-bottom: 20px;}
  	.home-section01 .hero-speaker-img {max-width: 460px;margin: 0 6rem auto;}
  	.home-section01 .hero-left{top: 4rem;left: 8rem;}
  	.home-section01 .hero-right{top: 4rem;right: 3.5rem;width: 18rem;}
  	.home-section01 .hero-quote{padding-left: 70px;padding-right: 0px;margin-bottom: 20px;}
  	.home-section01 .hero-quote::before{left: 45px;}
  	.home-section01 .hero-quote::after{bottom: -50px;}
  	.home-section01 .hero-btns{margin-top: 25px;}
  	.home-section01 .btn-hero-primary{font-size: 12px;padding: 8px 15px;min-width: 220px;}
  	.home-section01 .btn-hero-secondary{display: none;}

	.home-section02-title{font-size: 26px;}
  	.home-section02-repeater-wrap .home-section02-repeater-icon{margin-top: 0;}
  	.home-section02-repeater-text h4{font-size: 20px;}
  	.home-section02-image{width: 70%;margin: 0 auto;}

  	.home-section03 .home-section03-wrap{gap: 0;}
  	.home-section03 .home-section03-repeater-inner{min-height: 260px;}

  	.home-section06 .social-wrap .social-arrow{display: none;}

} 

@media (max-width: 834px) {
  	.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: 4rem;left: 8rem;}
  	.home-section01 .hero-right{tright: 3.5rem;}
  	.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-section06 .social-wrap{flex-wrap: wrap;}
  	.home-section06 .social-wrap .social-intro{width: 100%;}
  	.home-section06 .social-wrap .social-links{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr;}

  	.home-blog{margin-bottom: 30px;}
  	.home-blog .first-element-layout{margin-bottom: 20px;}
  	.home-blog .first-element-layout .blog-item .blog-thumb img{height: 380px;}
  	.home-blog .second-element-layout .blog-item{height: 230px;}

  	.home-section07 .home-section07-bt{grid-template-columns: 1fr 1fr 1fr;}

  	.int-community-hero-img{right: 3rem;width: 360px;}
  	.int-community-grid{grid-template-columns: 300px 1fr;left: 4.5rem;}
  	.int-community-form-card{padding: 20px 15px;}

}

@media (max-width: 576px) {
	.home-section01 .hero-bg{background-position: left center;}
	.home-section01 .hero-left{left: 2rem;top: 3rem;}
	.home-section01 .hero-right{top: 1rem; right: 0; position: relative; width: 100%;}
	.home-section01 .hero-title-accent br{display: none}
	.home-section01 .hero-title-accent span{margin-left: 10px;}
	.home-section01 .hero-btns{margin-top: 20px;margin-bottom: 15px;padding: 0;}

	.home-section02-repeater-wrap{gap: 15px;}
	.home-section02-repeater-text h4{font-size: 18px;}

	.home-section03 .home-section03-wrap {gap: 20px;}
	.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-links{grid-template-columns: 1fr 1fr;}
	.home-section06 .social-wrap .social-links .social-btn .social-name{justify-content: center;}

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

	.home-section08 .home-section08-wrap{padding: 15px;}
	.home-section08 .home-section08-wrap .content img {width: 30px;}
	.home-section08 .home-section08-wrap .content h3{font-size: 16px;margin-left: 45px;}

	.home-blog{padding: 15px;}
	.home-blog .blog-item{max-height: unset;}
	.home-blog .first-element-layout .blog-item .blog-thumb img{height: unset;}
	.home-blog .first-element-layout .blog-item .blog-desc,
	.home-blog .first-element-layout .blog-item .blog-view{display: none;}
	.home-blog .blog-item{max-height: 320px;}
	.home-blog .second-element-layout .blog-item:last-child{margin-bottom: 30px;}

	.tutor-course-thumbnail{padding: 15px 15px 0;}
	.tutor-card-body{padding: 15px;}
	.tutor-card-footer{padding: 15px;}
	.tutor-item-price{font-size: 18px;}

	.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; } 
}