.elementor-100398 .elementor-element.elementor-element-25c3b18{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-100398 .elementor-element.elementor-element-25c3b18:not(.elementor-motion-effects-element-type-background), .elementor-100398 .elementor-element.elementor-element-25c3b18 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;}.elementor-100398 .elementor-element.elementor-element-3fcc85e{--display:flex;--justify-content:center;}.elementor-100398 .elementor-element.elementor-element-5697e76{--display:flex;}.elementor-100398 .elementor-element.elementor-element-5ba1920{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-100398 .elementor-element.elementor-element-339ad3a{--display:flex;}.elementor-100398 .elementor-element.elementor-element-be3b0aa{--display:flex;}.elementor-100398 .elementor-element.elementor-element-308f64f{--display:flex;}.elementor-100398 .elementor-element.elementor-element-e16aaf1{--display:flex;}.elementor-100398 .elementor-element.elementor-element-2ad941c{--display:flex;}.elementor-100398 .elementor-element.elementor-element-b89195a{--display:flex;}.elementor-100398 .elementor-element.elementor-element-aa40eea{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ce3fca3{--display:flex;}.elementor-100398 .elementor-element.elementor-element-93ccb7b{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#FF0000;}.elementor-100398 .elementor-element.elementor-element-4d53f56{--display:flex;--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100398 .elementor-element.elementor-element-fe394b8{--display:flex;--margin-top:-15px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100398 .elementor-element.elementor-element-2cec736{--display:flex;}.elementor-100398 .elementor-element.elementor-element-dde4624{--display:flex;}.elementor-100398 .elementor-element.elementor-element-038ef78{--display:flex;}.elementor-100398 .elementor-element.elementor-element-0d1e062{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ba62088{--display:flex;}.elementor-100398 .elementor-element.elementor-element-6627a62{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-size:40px;--e-n-carousel-arrow-normal-color:#000000;--e-n-carousel-arrow-hover-color:#FD0000;--e-n-carousel-dots-normal-color:#0C0000;}.elementor-100398 .elementor-element.elementor-element-e45e69a{--display:flex;}.elementor-100398 .elementor-element.elementor-element-58864b4{--display:flex;}.elementor-100398 .elementor-element.elementor-element-cfebbf6{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ad61843{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-5fc3023{--display:flex;}.elementor-100398 .elementor-element.elementor-element-03cf9b9{--display:flex;}.elementor-100398 .elementor-element.elementor-element-4b0ac40{--display:flex;}.elementor-100398 .elementor-element.elementor-element-2265858{--display:flex;}.elementor-100398 .elementor-element.elementor-element-7ae877a{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-db5c8d4{--display:flex;}.elementor-100398 .elementor-element.elementor-element-2814c6f{--display:flex;}.elementor-100398 .elementor-element.elementor-element-193f7dc{--display:flex;}.elementor-100398 .elementor-element.elementor-element-cb16275{--display:flex;}.elementor-100398 .elementor-element.elementor-element-747cbb1{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-d4a324f{--display:flex;}.elementor-100398 .elementor-element.elementor-element-d690f03{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ad7b0e5{--display:flex;}.elementor-100398 .elementor-element.elementor-element-f6dabc3{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-d86546e{--display:flex;}.elementor-100398 .elementor-element.elementor-element-d86546e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-100398 .elementor-element.elementor-element-81414bd{--display:flex;}.elementor-100398 .elementor-element.elementor-element-5ad1b59{--display:flex;}.elementor-100398 .elementor-element.elementor-element-5a4b1f6{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-c770d10{--display:flex;}.elementor-100398 .elementor-element.elementor-element-4deda7c{--display:flex;}.elementor-100398 .elementor-element.elementor-element-288f040{--display:flex;}.elementor-100398 .elementor-element.elementor-element-7ce6b0d{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-9527e02{--display:flex;}.elementor-100398 .elementor-element.elementor-element-9f18c83{--display:flex;}.elementor-100398 .elementor-element.elementor-element-5bbddde{--display:flex;}.elementor-100398 .elementor-element.elementor-element-731a623{--display:flex;}.elementor-100398 .elementor-element.elementor-element-f61a882{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-90c0f18{--display:flex;}.elementor-100398 .elementor-element.elementor-element-f9579fa{--display:flex;}.elementor-100398 .elementor-element.elementor-element-e2bcc98{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ee8b3da{--display:flex;}.elementor-100398 .elementor-element.elementor-element-2d9160e{--display:flex;}.elementor-100398 .elementor-element.elementor-element-e9ee277{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-b6ef377{--display:flex;}.elementor-100398 .elementor-element.elementor-element-1a856b2{--display:flex;}.elementor-100398 .elementor-element.elementor-element-3677b8e{--display:flex;}.elementor-100398 .elementor-element.elementor-element-537d0e8{--display:flex;}.elementor-100398 .elementor-element.elementor-element-ec10807{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:-30px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-100398 .elementor-element.elementor-element-1a96338{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100398 .elementor-element.elementor-element-1a96338:not(.elementor-motion-effects-element-type-background), .elementor-100398 .elementor-element.elementor-element-1a96338 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;}.elementor-100398 .elementor-element.elementor-element-4c3b260{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;}.elementor-100398 .elementor-element.elementor-element-4c3b260 .elementor-divider-separator{width:100%;margin:0 auto;margin-left:0;}.elementor-100398 .elementor-element.elementor-element-4c3b260 .elementor-divider{text-align:left;padding-block-start:2px;padding-block-end:2px;}.elementor-100398 .elementor-element.elementor-element-4c3b260 .elementor-divider__text{font-family:"Roboto Slab", Sans-serif;font-size:20px;font-weight:700;-webkit-text-stroke-color:#000;stroke:#000;}.elementor-100398 .elementor-element.elementor-element-241c39a{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-100398 .elementor-element.elementor-element-241c39a:not(.elementor-motion-effects-element-type-background), .elementor-100398 .elementor-element.elementor-element-241c39a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FDF9F2;}.elementor-100398 .elementor-element.elementor-element-e6444cf{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-100398 .elementor-element.elementor-element-623ed34 img{width:78%;}.elementor-100398 .elementor-element.elementor-element-8cb07a1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-100398 .elementor-element.elementor-element-533165d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-100398 .elementor-element.elementor-element-b04503d{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;}.elementor-100398 .elementor-element.elementor-element-b04503d .elementor-heading-title{font-family:"Roboto Slab", Sans-serif;color:#41009B;}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-main-swiper .swiper-slide{background-color:#FDFBF7;border-radius:10px;border-color:#DBD3FF;}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-swiper-button{font-size:20px;}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__header{padding-block-end:calc( 20px / 2 );}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__content{padding-block-start:calc( 20px / 2 );}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__header, .elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__name{font-family:"Roboto", Sans-serif;font-size:20px;font-weight:600;}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__text{color:#000000;}.elementor-100398 .elementor-element.elementor-element-b2071ca .elementor-testimonial__image img{width:40px;height:40px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-100398 .elementor-element.elementor-element-3fcc85e{--width:50%;}.elementor-100398 .elementor-element.elementor-element-5697e76{--width:50%;}.elementor-100398 .elementor-element.elementor-element-e6444cf{--width:50%;}.elementor-100398 .elementor-element.elementor-element-8cb07a1{--width:50%;}}@media(max-width:1024px){.elementor-100398 .elementor-element.elementor-element-93ccb7b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-6627a62{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-ad61843{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-7ae877a{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-747cbb1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-f6dabc3{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-5a4b1f6{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-7ce6b0d{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-f61a882{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-e9ee277{--e-n-carousel-swiper-slides-to-display:2;}.elementor-100398 .elementor-element.elementor-element-ec10807{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-100398 .elementor-element.elementor-element-93ccb7b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-6627a62{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-20px;--e-n-carousel-arrow-next-right-position:-20px;}.elementor-100398 .elementor-element.elementor-element-ad61843{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-7ae877a{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-747cbb1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-f6dabc3{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-5a4b1f6{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-7ce6b0d{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-f61a882{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-e9ee277{--e-n-carousel-swiper-slides-to-display:1;}.elementor-100398 .elementor-element.elementor-element-ec10807{--e-n-carousel-swiper-slides-to-display:1;}}/* Start custom CSS for html, class: .elementor-element-088d9b0 */.tag {
display: inline-flex;
align-items: center;
gap: 8px;
font-family: "Inter", sans-serif;
font-size: 14px;
font-weight: 600;
padding: 6px 18px;
border-radius: 20px;
/* Nền cam rất nhạt */
background: #fff4e6;
/* Chữ cam đậm */
color: #f58a1f;
/* Viền cam nhạt */
border: 1px solid #ffd1a3;
}
.dot {
width: 8px;
height: 8px;
background: #f58a1f; /* cùng màu với chữ */
border-radius: 50%;
display: inline-block;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5ba1920 *//* Nền chung */
body {
margin: 0;
background: #F5F1ED;
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
}
/* Tiêu đề chính */
.title {
font-size: 50px;
font-weight: 700;
line-height: 1.22;
margin: 0;
padding: 0;
/* Xanh đen giống mockup */
color: #111827;
}
/* 9+ – cam đậm */
.highlight {
background: linear-gradient(90deg, #f9a01b, #f57f17);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Lịch Sử – gradient cam → đỏ */
.subject {
background: linear-gradient(90deg, #f57c21, #e53935);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/* Không cho cụm bị xuống dòng giữa chừng */
.nowrap {
white-space: nowrap;
}
/* Thu nhỏ font trên màn hình nhỏ */
@media (max-width: 600px) {
.title {
font-size: 30px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8ae0a3f */.actions {
display: flex;
gap: 20px;
}
/* Base button */
.btn {
font-family: "Inter", sans-serif;
font-size: 16px;
font-weight: 600;
padding: 14px 30px;
border-radius: 40px;
cursor: pointer;
display: inline-flex;
align-items: center;
gap: 10px;
border: none;
transition: 0.25s ease;
}
/* Nút CTA xanh dương */
.primary {
background: linear-gradient(90deg, #4A8CFF, #1E6BFF);
color: #fff;
box-shadow: 0 4px 12px rgba(30, 107, 255, 0.35);
}
.primary:hover {
background: linear-gradient(90deg, #5A98FF, #2F7AFF);
}
/* Nút PDF xanh đậm outline */
.outline {
background: #ffffff;
border: 2px solid #021184;
color: #021184;
}
.outline:hover {
background: #021184;
color: #ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7c63511 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0f0f704 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1357e18 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5037fa4 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7fe7d90 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fad9f8d *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06978ad *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f04eb1f *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ed71cb6 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb5bf4b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51b0670 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5e6e858 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e25589c *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-50b2230 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b5d8099 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d236673 *//* ===== SECTION ĐỀ THI THỬ ===== */
.exam-section {
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
.exam-section__inner {
max-width: 360px; /* tăng nếu muốn rộng hơn */
margin: 0 auto;
}
/* Card chính */
.exam-card {
background: #ffffff;
border-radius: 16px;
border: 1px solid #e5e7eb;
box-shadow: 0 6px 18px rgba(15, 23, 42, 0.06);
padding: 16px 18px 16px;
display: flex;
flex-direction: column;
gap: 10px;
}
/* Hàng trên cùng */
.exam-card__top {
display: flex;
justify-content: space-between;
align-items: center;
}
/* Badge HOT */
.exam-card__badge {
display: inline-flex;
align-items: center;
padding: 2px 10px;
border-radius: 999px;
font-size: 11px;
font-weight: 600;
background: #fee2e2;
color: #b91c1c;
}
/* Views */
.exam-card__views {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 12px;
color: #9ca3af;
}
.exam-card__views-icon {
font-size: 13px;
}
/* Tiêu đề đề thi */
.exam-card__title {
margin: 0;
font-size: 18px;
line-height: 1.4;
font-weight: 600;
color: #0f172a;
}
/* Meta info */
.exam-card__meta {
display: flex;
flex-wrap: wrap;
gap: 8px 14px;
font-size: 12px;
color: #6b7280;
}
.exam-card__meta-item {
display: inline-flex;
align-items: center;
gap: 4px;
}
.exam-card__meta-icon {
font-size: 13px;
}
/* Nút hành động */
.exam-card__actions {
display: flex;
gap: 10px;
margin-top: 6px;
}
.exam-card__btn {
flex: 1;
text-align: center;
padding: 10px 0;
border-radius: 999px;
font-size: 14px;
font-weight: 600;
text-decoration: none;
border: 1px solid transparent;
cursor: pointer;
transition: background 0.15s ease, color 0.15s ease,
box-shadow 0.15s ease, transform 0.15s ease, border-color 0.15s ease;
}
/* Nút "Làm bài" */
.exam-card__btn--primary {
background: #f97316; /* cam */
color: #ffffff;
box-shadow: 0 10px 20px rgba(249, 115, 22, 0.32);
}
.exam-card__btn--primary:hover {
transform: translateY(-1px);
box-shadow: 0 14px 30px rgba(249, 115, 22, 0.45);
}
/* Nút PDF */
.exam-card__btn--ghost {
background: #ffffff;
color: #0f172a;
border-color: #e5e7eb;
}
.exam-card__btn--ghost:hover {
background: #f9fafb;
}
/* Mobile full width */
@media (max-width: 480px) {
.exam-section__inner {
max-width: 100%;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16161dd *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-19c52c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e6aeab *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9c0c33b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-54e08ad *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ff9da *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fde4002 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ff9da *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fde4002 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-24ff9da *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fde4002 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f421245 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d13c684 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e25daf *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f310776 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d13c684 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e25daf *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f310776 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d13c684 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e25daf *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f310776 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d13c684 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e25daf *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f310776 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2556890 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d74ea11 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7195 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf429c3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d74ea11 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7195 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf429c3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d74ea11 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7195 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf429c3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d74ea11 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4ad7195 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bf429c3 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3cad55a *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51e402e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbbad27 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51e402e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbbad27 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-51e402e *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fbbad27 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-347527f *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-125dd99 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6581245 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-125dd99 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6581245 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-125dd99 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6581245 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d12b591 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663830a *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ecf0a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663830a *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ecf0a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-663830a *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33ecf0a *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-744c659 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37d958b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bca6d79 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59222d *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37d958b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bca6d79 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59222d *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37d958b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bca6d79 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59222d *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-37d958b *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bca6d79 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f59222d *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c6cf211 *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db3fbd9 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d3f46e *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f551ca2 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d0b8c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db3fbd9 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d3f46e *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f551ca2 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d0b8c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db3fbd9 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d3f46e *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f551ca2 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d0b8c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db3fbd9 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d3f46e *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f551ca2 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d0b8c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-db3fbd9 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4d3f46e *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f551ca2 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0d0b8c1 *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-614c8bc *//* KHÔNG dùng nền, chỉ dùng màu chữ + gạch dưới */
.exam-heading {
background: transparent; /* bỏ nền */
font-family: system-ui, -apple-system, BlinkMacSystemFont, "Inter", sans-serif;
}
/* Hàng icon + tiêu đề */
.exam-heading__inner {
display: flex;
align-items: center;
gap: 8px;
}
/* Icon màu xanh lá */
.exam-heading__icon {
font-size: 18px;
color: #16a34a; /* xanh lá tươi */
}
/* Tiêu đề màu xanh đậm, in đậm */
.exam-heading__title {
margin: 0;
font-size: 18px;
font-weight: 700;
color: #022c22; /* xanh đậm kiểu “forest” */
}
/* Nếu tiêu đề là link thì giữ màu & bỏ gạch chân */
.exam-heading__title a {
color: inherit;
text-decoration: none;
}
/* Gạch mảnh phía dưới */
.exam-heading__divider {
margin-top: 4px;
border-bottom: 1px solid rgba(148, 163, 184, 0.6);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a20495 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b49837b *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a20495 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b49837b *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a20495 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b49837b *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5a20495 *//* Badge mặc định đã có .exam-card__badge */
/* Modifier cho badge "Mới nhất" */
.exam-card__badge--new {
background: #eff6ff; /* xanh nhạt */
color: #2563eb; /* xanh dương */
border-color: #bfdbfe;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b49837b *//* Badge "Chuyên" màu tím nhạt */
.exam-card__badge--chuyen {
background: #f3e8ff; /* tím nhạt */
color: #9333ea; /* tím đậm */
border-color: #e9d5ff; /* viền tím nhạt */
}/* End custom CSS */