body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}header.site-header{
padding: 10px 0;
}
.header-btn{
background: linear-gradient(90deg,rgba(250, 48, 54, 1) 0%, rgba(234, 33, 39, 1) 100%);
display: flex;
justify-content: center;
border-radius: 10px;
height: 42px;
align-items: center;
min-width: 42px;
}
@media screen and (max-width:768px) {
.header-btn{
width: fit-content;
margin-left: auto;
}
}:root {
--c-primary: #273D8B;
--c-secondary: #EA2127;
--c-text: #323232;
--color-3: #FF4D53;
--color-4: #4660BF;
--color-5: #1C4166;
--color-6: #1D77DB;
--color-7: #263D90;
--color-8: #021B71;
--color-9: #4469BE;
--color-10: #1B136A;
--color-11: #122051;
--color-12: #074D93;
}
dl,
ol,
ul {
margin-left: 0;
}
.post,
.page {
margin: 0 0 0;
}
.bg-btn {
background-color: var(--c-secondary);
}
.box-pd-50 {
padding: 0 50px;
}
.course-btn {
max-width: 218px;
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-weight: 700;
}
.btn-style-1 {
height: 50px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50px;
font-size: 20px;
}
.title-style-1 {
color: var(--c-primary);
font-size: 36px;
font-weight: 900;
margin-bottom: 24px;
position: relative;
padding-bottom: 16px;
}
.desc-style-1 {
font-size: 18px;
}
.title-style-1.has-divine::before,
.title-style-1.has-divine-2::before {
content: "";
background-color: var(--c-secondary);
width: 112px;
height: 3px;
position: absolute;
bottom: 0;
}
.title-style-1.has-divine::before {
left: 50%;
transform: translateX(-50%);
}
.title-style-1.has-divine-2::before {
left: 0;
transform: none;
}
.number-star-rating {
color: var(--color-primary);
}
.navigation.pagination {
justify-content: center;
}
.navigation.pagination a {
text-decoration: none;
}
.navigation.pagination .nav-links {
display: flex;
gap: 6px;
}
.navigation.pagination .page-numbers {
min-width: 30px;
height: 30px;
border: solid 1px #ededed;
color: #9b9b9b;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
.navigation.pagination .page-numbers.current,.navigation.pagination .page-numbers:hover{
background-color: var(--c-primary);
color: #fff;
}
@media screen and (max-width:768px) {
.btn-style-1 {
font-size: 16px;
}
}
[data-star] {
text-align: left;
font-style: normal;
display: inline-block;
position: relative;
unicode-bidi: bidi-override;
}
[data-star]::before {
display: block;
content: '★★★★★';
color: #eee;
font-size: 18px;
}
[data-star]::after {
white-space: nowrap;
position: absolute;
top: 0;
left: 0;
content: '★★★★★';
width: 0;
color: rgba(243, 220, 12, 1);
overflow: hidden;
height: 100%;
font-size: 18px;
}
[data-star^="0.1"]::after {
width: 2%
}
[data-star^="0.2"]::after {
width: 4%
}
[data-star^="0.3"]::after {
width: 6%
}
[data-star^="0.4"]::after {
width: 8%
}
[data-star^="0.5"]::after {
width: 10%
}
[data-star^="0.6"]::after {
width: 12%
}
[data-star^="0.7"]::after {
width: 14%
}
[data-star^="0.8"]::after {
width: 16%
}
[data-star^="0.9"]::after {
width: 18%
}
[data-star^="1"]::after {
width: 20%
}
[data-star^="1.1"]::after {
width: 22%
}
[data-star^="1.2"]::after {
width: 24%
}
[data-star^="1.3"]::after {
width: 26%
}
[data-star^="1.4"]::after {
width: 28%
}
[data-star^="1.5"]::after {
width: 30%
}
[data-star^="1.6"]::after {
width: 32%
}
[data-star^="1.7"]::after {
width: 34%
}
[data-star^="1.8"]::after {
width: 36%
}
[data-star^="1.9"]::after {
width: 38%
}
[data-star^="2"]::after {
width: 40%
}
[data-star^="2.1"]::after {
width: 42%
}
[data-star^="2.2"]::after {
width: 44%
}
[data-star^="2.3"]::after {
width: 46%
}
[data-star^="2.4"]::after {
width: 48%
}
[data-star^="2.5"]::after {
width: 50%
}
[data-star^="2.6"]::after {
width: 52%
}
[data-star^="2.7"]::after {
width: 54%
}
[data-star^="2.8"]::after {
width: 56%
}
[data-star^="2.9"]::after {
width: 58%
}
[data-star^="3"]::after {
width: 60%
}
[data-star^="3.1"]::after {
width: 62%
}
[data-star^="3.2"]::after {
width: 64%
}
[data-star^="3.3"]::after {
width: 66%
}
[data-star^="3.4"]::after {
width: 68%
}
[data-star^="3.5"]::after {
width: 70%
}
[data-star^="3.6"]::after {
width: 72%
}
[data-star^="3.7"]::after {
width: 74%
}
[data-star^="3.8"]::after {
width: 76%
}
[data-star^="3.9"]::after {
width: 78%
}
[data-star^="4"]::after {
width: 80%
}
[data-star^="4.1"]::after {
width: 82%
}
[data-star^="4.2"]::after {
width: 84%
}
[data-star^="4.3"]::after {
width: 86%
}
[data-star^="4.4"]::after {
width: 88%
}
[data-star^="4.5"]::after {
width: 90%
}
[data-star^="4.6"]::after {
width: 92%
}
[data-star^="4.7"]::after {
width: 94%
}
[data-star^="4.8"]::after {
width: 96%
}
[data-star^="4.9"]::after {
width: 98%
}
[data-star^="5"]::after {
width: 100%
}
@media screen and (max-width:768px) {
.title-style-1 {
font-size: 28px;
}
.desc-style-1 {
font-size: 16px;
}
}.he-sinh-thai-video .video-wrapper {
position: relative; overflow: hidden;  width: 100%;
height: 580px;
margin: 0 auto; border-radius: 15px;
}
.he-sinh-thai-video .video-wrapper video {
position: absolute;
top: 0; left: 0; width: calc(100% + 100px); height: calc(100% + 100px); object-fit: cover; } #hst-section-2.he-sinh-thai-toan-dien {
padding: 60px 0;
}
.hst-tabs {
margin-top: 40px;
}
.hst-tabs .nav.nav-tabs {
border: none;
gap: 20px;
margin-bottom: 40px;
}
.hst-tabs .nav-link {
border-radius: 15px;
border: 1px solid rgba(39, 61, 139, 0.70);
background: #FFF;
box-shadow: 0 1px 24px 0 rgba(39, 61, 139, 0.30);
color: rgba(39, 61, 139, 0.90);
font-weight: 700;
font-size: 18px;
flex: 1 1 calc(33.333% - 20px);
}
.hst-tabs .nav-link.active,
.hst-tabs .nav-link:hover {
border-radius: 15px;
background: linear-gradient(180deg, #445FBE 0%, #273D8B 100%);
box-shadow: 0 1px 24px 0 rgba(39, 61, 139, 0.24);
color: #fff;
}
.hst-tabs .box-text {
border-radius: 20px;
background: #FAFBFF;
box-shadow: 0 1px 24px 0 rgba(39, 61, 139, 0.28);
height: 100%;
padding: 20px 32px;
}
.hst-tabs .box-text {
font-size: 17px;
position: relative;
}
.hst-tabs .box-text .inner-box-text {
position: relative;
}
.hst-tabs .box-text .bg-icon-1 {
top: 38px;
right: 39px;
}
.hst-tabs .box-text .bg-icon-2 {
bottom: 0;
right: 0;
}
.hst-tabs .box-text h3 {
color: var(--c-primary);
margin-bottom: 16px;
}
.hst-tabs .box-text ul {
margin-left: 0;
list-style: none;
}
.hst-tabs .box-text ul li {
font-size: 18px;
line-height: 44px; position: relative;
}
.hst-tabs .box-text ul li::before {
content: "";
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/checklist.svg);
width: 27px;
height: 27px;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: -35px;
top: 8px;
} #hst-section-3.phuong-phap-blended {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/hst-3-bg.png);
background-position: top center;
background-repeat: no-repeat;
background-size: cover;
padding-top: 60px;
}
#hst-section-3.phuong-phap-blended .bg-icon-2 {
bottom: 20px;
right: 20px;
}
#hst-section-3.phuong-phap-blended .bg-icon-3 {
bottom: 0;
left: 0;
}
#hst-section-3.phuong-phap-blended .desc.desc-style-1 {
max-width: 1010px;
margin: auto;
margin-bottom: 20px;
}
#hst-section-3.phuong-phap-blended .box-pp-inner {
display: flex;
align-items: center;
justify-content: center;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-left,
#hst-section-3.phuong-phap-blended .box-pp-inner .box-right {
display: flex;
flex-direction: column;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-left {
gap: 113px;
align-items: flex-end;
top: 26px;
position: relative;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-right {
gap: 89px;
align-items: flex-start;
}
#hst-section-3.phuong-phap-blended .pp-item:not(.pp-item-image) {
border-radius: 40px;
border: 1px dashed #EA2127;
background: #FFF;
box-shadow: 0 4px 10px 0 rgba(255, 255, 255, 0.35);
display: flex;
justify-content: center;
padding: 14px 26px;
width: fit-content;
position: relative;
}
#hst-section-3.phuong-phap-blended .pp-item-1 {
right: -30px;
}
#hst-section-3.phuong-phap-blended .pp-item-4 {
left: -40px;
}
#hst-section-3.phuong-phap-blended .pp-item p {
margin-bottom: 0;
color: #EA2127;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; } #hst-section-4.lo-trinh {
padding: 60px 0;
}
.lotrinh-tabs {
margin-top: 44px;
border-radius: 10px;
border: 1px solid rgba(215, 215, 215, 0.70);
overflow: hidden;
background: #F2F6FF;
}
.lotrinh-tabs .nav-pills .nav-link {
font-size: 18px;
line-height: 36px;
color: var(--color-11);
border-radius: 0;
background: #FFF;
}
.lotrinh-tabs .nav-pills .nav-link.active {
background-color: var(--c-primary);
border-radius: 0;
color: #fff;
}
.lotrinh-tabs .tab-content,
.lotrinh-tabs .tab-content .tab-pane {
height: 100%;
}
.lotrinh-tabs .tab-content .tab-pane {
padding: 32px 48px;
line-height: 28px;
}
.lotrinh-tabs .tab-content .tab-pane blockquote {
border-left: solid 2px #FF4D53;
padding-left: 22px;
}
.lotrinh-tabs .tab-content .tab-pane .course-age {
position: absolute;
top: 0;
right: 20px;
z-index: 2;
max-width: 70px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 10px;
}
.lotrinh-tabs .course-age .mask-bg {
position: absolute;
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100% 100%;
-webkit-mask-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/webkit-mask.png);
background: #FF4D53;
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 0;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.08);
}
.lotrinh-tabs .course-age-inner {
position: relative;
z-index: 2;
display: inline-block;
text-align: center;
color: #fff;
font-weight: 400;
}
.lotrinh-tabs .course-age-inner span {
font-size: 28px;
font-weight: 700;
} #hst-section-5.cta-banner {
padding-top: 8rem;
}
#hst-section-5.cta-banner .box-cta {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/hst-5-bg.png);
background-repeat: no-repeat;
background-size: cover;
padding: 45px 80px;
border-radius: 35px;
}
#hst-section-5.cta-banner .box-cta {
height: 350px;
position: relative;
display: flex;
}
#hst-section-5.cta-banner .box-cta .box-text {
max-width: 640px;
width: 100%;
}
#hst-section-5.cta-banner .box-cta .box-image {
position: relative;
}
#hst-section-5.cta-banner .box-cta .box-image img {
position: relative;
bottom: 109.6%;
}
#hst-section-5.cta-banner .box-cta .title {
margin-bottom: 20px;
}
#hst-section-5.cta-banner .box-cta .desc {
line-height: 28px;
}
#hst-section-5.cta-banner .box-cta .btn-style-1 {
background-color: #fff;
color: #FF4D53;
font-weight: 600;
border-radius: 30px;
text-decoration: none;
width: fit-content;
padding: 10px 28px;
margin-top: 26px;
}
@media screen and (max-width:768px) { #hst-section-3.phuong-phap-blended .box-pp-inner {
align-content: space-between;
gap: 10px;
flex-direction: column;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-left {
gap: 10px;
top: auto;
position: relative;
width: 100%;
flex-direction: row;
justify-content: center;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-center {
order: 3;
}
#hst-section-3.phuong-phap-blended .box-pp-inner .box-right {
width: 100%;
gap: 10px;
flex-direction: row;
justify-content: center;
}
#hst-section-3.phuong-phap-blended .pp-item:not(.pp-item-image) {
padding: 10px 12px;
width: fit-content;
}
#hst-section-3.phuong-phap-blended .pp-item-1 {
right: auto;
}
#hst-section-3.phuong-phap-blended .pp-item-4 {
left: auto;
}
#hst-section-3.phuong-phap-blended .pp-item p {
font-size: 16px;
} .hst-tabs .box-image {
margin-top: 20px;
}
.hst-tabs .box-image img {
width: 100%;
}
.lotrinh-tabs {
flex-direction: column;
}
.lotrinh-tabs .lotrinh-nav {
width: 100%;
}
.lotrinh-tabs .tab-content .tab-pane {
padding-top: 72px;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 15px;
}
#hst-section-5.cta-banner {
padding-top: 0;
}
#hst-section-5.cta-banner .box-cta {
flex-direction: column;
height: auto;
padding: 45px 25px;
}
#hst-section-5.cta-banner .box-cta .box-image {
display: none;
}
#hst-section-5.cta-banner .box-cta .btn-style-1 {
font-size: 16px;
}
}
@media screen and (max-width:425px) {
#hst-section-3.phuong-phap-blended .bg-icon-1 {
opacity: 0.3;
}
.hst-tabs .nav-link {
flex: 1 1 calc(100% - 20px);
}
.hst-tabs .box-text {
padding: 15px;
}
.hst-tabs .box-text .bg-icon-1 {
top: 17px;
right: 39px;
width: 10%;
}
.hst-tabs .box-text .bg-icon-2 {
width: 18%;
}
.hst-tabs .box-text ul li {
line-height: 32px;
}
#hst-section-3.phuong-phap-blended .pp-item p {
font-size: 13px;
}
}.hero-video {
position: relative;
width: 100%;
height: 100vh; overflow: hidden;
left: -1px;
}
.hero-bg-video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
transform: translate(-50%, -50%);
object-fit: cover;
z-index: 1;
}
.hero-content {
position: relative;
z-index: 2;
color: #fff;
top: 20%; }
.hero-content .title {
font-size: 44px;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.40);
margin-bottom: 20px;
}
.hero-content .desc {
font-size: 20px;
text-shadow: 0 3px 3px rgba(0, 0, 0, 0.55);
max-width: 417px;
width: 100%;
margin-bottom: 24px;
}
.hero-content .btn-style-1 {
width: fit-content;
color: #fff;
text-decoration: none;
font-weight: 600;
padding: 0 40px;
} .section-course {
padding: 40px 0;
background: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/course_bg_2.png) #F2F5FF 50% / cover no-repeat;
}
.section-course .bg-icon {
top: 6%;
left: 15%;
}
#course-search {
position: relative;
top: -50px;
z-index: 99;
}
.course-select-box {
background: linear-gradient(91deg, #0C58A4 0.49%, #1163B4 50%, #166DC5 99.51%);
border-radius: 16px;
padding: 30px 25px;
}
#course-search .row p {
font-size: 18px;
line-height: 25px;
color: #FFD868;
border-right: 1px solid #FFD868;
margin-bottom: 0; }
#course-search .row p {
font-size: 16px;
}
#course-search .form-course select {
width: 100%;
position: relative;
text-indent: 45px;
padding-right: 10px;
width: 100%;
height: 48px;
resize: none;
background-color: #fff;
border-radius: 60px;
font-size: 16px;
outline: none;
border: none;
border-right: 20px solid transparent;
color: #000;
}
#course-search .form-course .icon-form img {
width: 18px;
position: absolute;
top: 15px;
left: 20px;
z-index: 1;
height: 19px;
}
#course-search .form-course .btn-change-option {
width: 100%;
height: 48px;
position: relative;
text-align: center;
z-index: 1;
overflow: hidden;
line-height: 1;
}
#course-search .form-course .btn-change-option a {
color: #fff;
font-weight: 600;
}
.course-item {
background-color: #fff;
overflow: hidden;
border-radius: 10px;
}
.course-item img {
transform: scale(1);
transition: all 0.3s;
}
.course-item:hover img {
transform: scale(1.2);
transition: all 0.3s;
}
.course-main {
padding: 10px 16px;
}
.course-content .course-name {
font-size: 20px;
color: var(--c-primary);
font-weight: bold;
margin-bottom: 12px;
}
.course-content .course-btn {
border: solid 1px var(--c-primary);
border-radius: 50px;
padding: 6px 12px;
display: flex;
justify-content: center;
align-items: center;
width: fit-content;
gap: 10px;
color: var(--c-primary) !important;
font-weight: 600;
height: auto;
}
.course-item:hover .course-btn {
background-color: var(--color-3);
color: #fff !important;
border-color: var(--color-3);
}
.course-item:hover .course-btn svg path {
stroke: #fff;
} .section-course-tabs {
padding: 60px 0;
background: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/course_3_bg.png) #fff -0.209px -293.884px / 100.024% 148.148% no-repeat;
}
.course-tabs {
margin-top: 44px;
}
.course-tabs .nav-tabs {
border: none;
}
.course-tabs .nav-tabs .nav-link {
border: solid 1px var(--c-primary);
border-radius: 50px;
max-width: 279px;
width: 100%;
font-size: 18px;
color: var(--c-primary);
margin-bottom: 20px;
}
.course-tabs .nav-tabs .nav-link:not(:last-child) {
margin-right: 20px;
}
.course-tabs .nav-tabs .nav-link:hover,
.course-tabs .nav-tabs .nav-link.active {
background-color: var(--c-primary);
color: #fff;
}
.course-tabs .tab-content {
margin-top: 40px;
}
.course-tabs .tab-content .box-image {
padding-left: 50px;
}
.course-tabs .tab-content .box-text {
display: flex;
flex-direction: column;
justify-content: center;
height: 100%;
}
.course-tabs .tab-content .box-text h2 {
color: var(--color-4);
}
.course-tabs .tab-content .box-text p em {
font-size: 20px;
color: #13235C;
}
.course-tabs .tab-content .box-text ul {
margin-left: 0;
list-style: none;
}
.course-tabs .tab-content .box-text ul li {
font-size: 18px;
margin-bottom: 17px;
position: relative;
color: rgba(24, 24, 24, 0.86);
}
.course-tabs .tab-content .box-text ul li::before {
content: "";
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/checklist.svg);
width: 27px;
height: 27px;
display: block;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
left: -35px;
top: 0;
}
.course-tabs .course-btn {
color: #fff;
} .section-course-register-course {
padding: 60px 0;
}
.section-course-register-course .bg-icon {
top: 0;
left: 40%;
}
.section-course-register-course .box-image .img-inner {
position: relative;
padding: 0 25px;
}
.section-course-register-course .box-image img {
position: relative;
border-radius: 20px;
width: 100%;
}
.section-course-register-course .box-image .img-inner::before {
content: "";
height: 100%;
width: 93%;
background-color: var(--c-primary);
border-radius: 20px;
position: absolute;
left: 34px;
top: 12px;
z-index: -1;
} .section-course-register-course .box-text .desc {
color: var(--color-5);
max-width: 578px;
font-size: 18px;
margin-bottom: 36px;
}
.section-course-register-course .box-text .btn-style-1 {
padding: 13px 40px;
width: fit-content;
} .section-hst {
padding: 60px 0;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/bg_5_2.png);
background-repeat: no-repeat;
background-size: cover;
background-color: #3855B9;
overflow: hidden;
}
.section-hst .bg-icon {
z-index: 1;
}
.section-hst .bg-icon-1 {
bottom: 0;
left: 0;
}
.section-hst .bg-icon-2 {
top: 23px;
left: 33px;
}
.section-hst .bg-icon-3 {
right: 3%;
top: 23px;
}
.section-hst .title {
margin-bottom: 16px;
position: relative;
padding-bottom: 16px;
z-index: 2;
}
.section-hst .desc {
font-size: 18px;
height: 36;
}
.section-hst .title::before {
content: "";
background-color: var(--c-secondary);
width: 112px;
height: 3px;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
.list-hst {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 24px;
margin-top: 44px;
position: relative;
z-index: 2;
}
.hst-item {
background-color: #fff;
border-radius: 15px;
box-shadow: 0 1px 14px 0 rgba(0, 0, 0, 0.14);
padding: 24px 32px;
}
.hst-item .icon {
margin-bottom: 16px;
}
.hst-item h5 {
margin-bottom: 12px;
}
.hst-item span {
padding: 5px 20px;
border: solid 1px var(--c-primary);
font-weight: 300;
border-radius: 50px;
width: fit-content;
display: block;
color: var(--c-primary);
} .section-about-casalink {
padding: 60px 0;
}
.section-about-casalink .box-image {
padding: 12px;
}
.section-about-casalink .box-image .image {
border-radius: 15px;
position: relative;
z-index: 2;
width: 100%;
}
.section-about-casalink .box-image::after,
.section-about-casalink .box-image::before {
content: "";
background-color: var(--c-secondary);
width: 89px;
height: 89px;
position: absolute;
top: 0;
left: 0;
z-index: 1;
border-radius: 11px;
}
.section-about-casalink .box-image::after {
bottom: 0;
right: 0;
top: auto;
left: auto;
} .section-gift {
padding: 60px 0;
background-color: var(--color-7);
overflow: hidden;
}
.section-gift .bg-icon-1 {
bottom: 0;
left: 0;
;
}
.section-gift .bg-icon-2 {
left: 45px;
}
.section-gift .bg-icon-3 {
bottom: 0;
right: 0;
;
}
.list-gift {
display: grid;
gap: 25px;
grid-template-columns: repeat(4, 1fr);
margin-top: 60px;
}
.gift-item {
background-color: #fff;
border-radius: 15px;
padding: 36px 25px;
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.12);
}
.gift-item .box-icon {
margin-bottom: 32px;
}
.gift-item .box-text .title {
margin-bottom: 21px;
text-transform: capitalize;
color: var(--color-5);
}
.gift-item .box-text .bg-btn {
background-color: var(--color-3);
}
.gift-item .box-text .btn-style-1 {
color: #fff;
text-decoration: none;
font-size: 16px;
font-weight: 600;
} .section-su-gia {
padding: 60px 0;
}
.section-su-gia p.desc {
font-size: 18px;
}
.slide-giangvien {
margin-top: 40px;
}
.gv-item .thumb {
margin-bottom: 14px;
padding: 10px;
position: relative;
}
.gv-item .thumb .inner-thumb {
padding: 20px;
border-radius: 100%;
position: relative;
}
.gv-item .thumb .inner-thumb img {
border-radius: 50%;
}
.gv-item .thumb .inner-thumb::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/gv_frame3.png);
transform: rotate(0deg);
transition: all 0.3s;
}
.gv-item .thumb .inner-thumb::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-size: cover;
background-repeat: no-repeat;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/gv_frame4.png);
transform: rotate(90deg);
transition: all 0.3ms;
opacity: 0;
}
.gv-item:hover .inner-thumb::before {
transform: rotate(180deg);
opacity: 0;
transition: all 0.3ms;
}
.gv-item:hover .inner-thumb::after {
transform: rotate(180deg);
opacity: 1;
transition: all 0.3s;
}  .gv-item .title {
color: var(--color-5);
font-weight: 600;
}
.gv-item .vtgv {
color: var(--c-primary);
font-size: 18px;
margin-bottom: 14px;
}
.gv-item .desc {
color: var(--color-5);
} .section-hoc-vien-tieu-bieu {
background-color: #EDF1FF;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/bg_9.png);
background-size: contain;
background-repeat: repeat;
padding: 60px 0;
position: relative;
}
.section-hoc-vien-tieu-bieu::after {
content: "";
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/icon-book.png);
width: 119px;
height: 120px;
position: absolute;
z-index: 1;
bottom: 0;
right: 0;
}
.list-hvtb {
margin-top: 44px;
padding: 0 15px 15px;
}
.hvtb-item {
padding-top: 65px;
}
.hvtb-inner {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
border-radius: 10px;
background-color: #fff;
}
.hvtb-item .thumb {
background-color: var(--c-primary);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
position: relative;
padding-top: 100px;
padding-bottom: 5px;
}
.hvtb-item .inner-thumb {
max-width: 125px;
height: 125px;
border-radius: 50%;
overflow: hidden;
position: absolute;
top: -65px;
left: 50%;
transform: translateX(-50%);
}
.hvtb-item .content {
padding: 20px;
}
.hvtb-item .content .desc {
color: var(--color-5);
font-size: 18px;
} .section-phan-hoi {
padding: 40px 0;
}
.list-reviews-hv {
margin-top: 40px;
}
.section-phan-hoi .box-hv-reviews .inner-container {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/review-bg.png);
background-repeat: no-repeat;
background-size: contain;
padding: 80px 0 140px 0;
background-position: center;
position: relative;
}
.box-hv-reviews .inner-container::after {
content: "";
width: 60px;
height: 61px;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/shape-2.png);
position: absolute;
bottom: 8%;
right: 12%;
z-index: 1;
}
.hv-review-item {
max-width: 890px;
width: 100%;
margin: auto;
}
.hv-review-item .thumb {
display: flex;
align-items: center;
gap: 19px;
justify-content: center;
margin-top: 30px;
}
.hv-review-item .box-title .title,
.hv-review-item .box-title span {
color: var(--color-5);
}
.hv-review-item .thumb .inner-thumb {
max-width: 91px;
height: 91px;
border-radius: 50%;
overflow: hidden;
}
.hv-review-item .content {
font-size: 20px;
}
.box-hv-reviews .swiper-pagination {
bottom: 35px !important;
}
.box-hv-reviews .swiper-pagination-bullet {
height: 12px;
width: 12px;
background-color: #4469BE;
margin: 0 6px;
}
.box-hv-reviews .swiper-pagination-bullet-active {
background-color: #4469BE;
outline: #4469BE;
outline-style: solid;
outline-offset: 3px;
outline-width: 3px;
padding: 5px;
border: solid transparent 2px;
}
.box-ph-reviews {
padding: 40px 0;
}
.list-reviews-ph {
margin-top: 46px;
}
.ph-review-item {
padding: 10px;
}
.ph-review-item .ph-review-inner {
border-radius: 20px;
background: #FFF;
box-shadow: 0 6px 12px -4px rgba(0, 0, 0, 0.12);
padding: 24px;
}
.box-ph-reviews .desc {
max-width: 88%;
margin-left: auto;
}
.ph-review-inner .desc {
max-width: 100%;
margin-left: 0;
font-size: 18px;
}
.ph-review-inner .thumb {
margin-bottom: 24px;
}
.ph-review-inner .inner-thumb {
width: 48px;
height: 48px;
border-radius: 50%;
overflow: hidden;
flex-shrink: 0;
}
.list-reviews-ph .swiper-button-next {
right: -50px;
left: auto;
}
.list-reviews-ph .swiper-button-prev {
left: -50px;
right: auto;
}
.list-reviews-ph .swiper-button-next,
.list-reviews-ph .swiper-button-prev {
width: 36px;
height: 36px;
background-color: #EDF7FF;
outline: #E1E8FF;
outline-style: solid;
outline-offset: 0px;
outline-width: 3px;
padding: 5px;
border-radius: 50px;
}
.list-reviews-ph .swiper-button-next::after,
.list-reviews-ph .swiper-button-prev::after {
font-size: 16px;
color: #0F75DC;
font-weight: 900;
} .main-homebox9 {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
.main-homebox9 .col-item {
width: 35%;
}
.main-homebox9 .col-item:not(.col-item-center) {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr 1fr;
grid-gap: 10px;
}
.main-homebox9 .col-item.col-item-center {
width: 28%;
}
.main-homebox9 a {
display: block;
border-radius: 10px;
overflow: hidden;
}
.main-homebox9 .col-item-right a:last-child,
.main-homebox9 .col-item-left a:first-child {
grid-column: 1 / 3;
}
.main-homebox9 img {
width: 100%;
display: block;
height: 100%;
object-fit: cover;
border-radius: 15px;
}
.main-homebox9 .col-item-right a:last-child img,
.main-homebox9 .col-item-left a:first-child img {
aspect-ratio: 461 / 241;
}
.main-homebox9 .col-item:not(.col-item-center) img {
aspect-ratio: 222 / 214;
}
.main-homebox9 .col-item-center img {
aspect-ratio: 314 / 417;
} .section-lienhe .inner-container {
padding: 40px 0;
border-radius: 40px;
background: linear-gradient(261deg, #234DE0 2.69%, #234DE0 97.31%);
margin-top: 40px;
}
.section-lienhe .bg-icon {
bottom: 0;
right: 0;
}
.form-tuvan {
max-width: 800px;
width: 100%;
margin: auto;
margin-top: 30px;
position: relative;
z-index: 2;
padding: 0 10px;
}
.form-tuvan input,
.form-tuvan select {
width: 100%;
height: 50px;
border: solid 1px rgba(255, 255, 255, 0.96);
border-radius: 8px;
padding: 0px 23px;
background: transparent;
color: #fff !important;
}
.form-tuvan input::placeholder,
.form-tuvan textarea::placeholder {
color: #fff;
}
.form-tuvan select option {
color: #000;
}
.form-tuvan textarea {
border: solid 1px rgba(255, 255, 255, 0.96);
border-radius: 8px;
padding: 12px 23px;
background: transparent;
color: #fff !important;
}
.form-tuvan input:focus-visible,
.form-tuvan textarea:focus-visible,
.form-tuvan select:focus-visible {
outline: none;
box-shadow: none;
}
.form-tuvan input[type="submit"] {
border-radius: 9px;
background: linear-gradient(180deg, #FF4D53 0%, #CA3438 100%);
border: none;
font-weight: 600;
font-size: 18px;
} @media screen and (max-width:768px) {
.hero-content .title {
font-size: 38px;
}
#section-2.section-course .container .choose-course .row p {
border: none;
}
.form-course {
margin-top: 20px;
}
.form-course .row>div {
margin-bottom: 10px;
}
.list-courses .swiper-container {
padding-bottom: 40px;
}
.list-courses.box-pd-50 {
padding: 0;
}
.course-tabs .nav-tabs {
gap: 10px;
}
.course-tabs .nav-tabs .nav-link:not(:last-child) {
margin-right: 0;
}
.course-tabs .tab-content .box-image {
padding-left: 0;
margin-bottom: 20px;
}
.section-course-register-course .box-image {
margin-top: 30px;
}
.section-course-register-course .box-image .img-inner {
padding: 0;
}
.section-course-register-course .bg-icon {
display: none;
}
.section-about-casalink .box-videos {
margin-top: 20px;
}
.list-reviews-ph .swiper-button-next,
.list-reviews-ph .swiper-button-prev {
display: none;
}
.list-hst {
grid-template-columns: repeat(2, 1fr);
}
.gv-item .thumb {
max-width: 248px;
width: 100%;
height: 248px;
margin: auto;
}
.section-gift {
padding-bottom: 150px;
}
.section-gift .bg-icon-3 {
bottom: -3px;
right: -2px;
}
.list-gift {
grid-template-columns: repeat(2, 1fr);
}
.section-lienhe .bg-icon {
display: none;
}
.section-phan-hoi .box-hv-reviews .inner-container {
background-size: cover;
border-radius: 48px;
overflow: hidden;
}
.hv-review-item .content {
font-size: 16px;
}
.list-reviews-ph{
margin-top: 20px;
}
.box-ph-reviews .desc {
max-width: 100%;
margin-left: 0;
}
}
@media screen and (max-width:425px) {
.section-hst .bg-icon-2 {
left: -20%;
top: 6%;
}
.section-hst .bg-icon-3 {
right: -11%;
top: 17%;
}
.section-gift .bg-icon-2 {
left: 45px;
width: 12%;
top: 7px;
}
.list-hst,
.list-gift {
grid-template-columns: repeat(1, 1fr);
}
.main-homebox9 .col-item,
.main-homebox9 .col-item.col-item-center {
width: 100%;
}
.main-homebox9 .col-item.col-item-center {
margin: 10px 0;
}
}#about-section-2.ve-casa {
padding: 60px 0;
}
#about-section-2.ve-casa .bg-icon-1 {
width: auto;
top: 0;
left: 0;
z-index: -1;
}
#about-section-2.ve-casa .bg-icon-2 {
top: 0;
left: 40%;
z-index: -1;
}
#about-section-2.ve-casa .bg-icon-3 {
top: 0;
right: 16%;
z-index: -1;
}
#about-section-2.ve-casa .box-left .box-image,
#about-section-2.ve-casa .box-left .box-exp {
break-inside: avoid;
}
#about-section-2.ve-casa .box-left .box-image {
margin-bottom: 16px;
display: block;
}
#about-section-2.ve-casa .box-left .box-image img {
width: 100%;
border-radius: 15px;
display: block;
}
#about-section-2.ve-casa .box-left img.img-1 {
aspect-ratio: 1 / 1.5;
object-fit: cover;
}
#about-section-2.ve-casa .box-left img.img-2 {
aspect-ratio: 1 / 1;
object-fit: cover;
}
#about-section-2.ve-casa .box-left img.img-3 {
aspect-ratio: 1 / 1.3;
object-fit: cover;
}
#about-section-2.ve-casa .box-left img.img-2 {
border-radius: 50%;
}
#about-section-2.ve-casa .box-left .box-image-2 {
border-radius: 50%;
border: dashed 1px var(--color-9);
padding: 10px;
}
#about-section-2.ve-casa .box-left .exp-box {
text-align: center;
color: #fff;
background-color: var(--color-9);
padding: 23px 25px;
border-top-left-radius: 30px;
border-top-right-radius: 30px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 30px;
}
#about-section-2.ve-casa .box-left .exp-box span {
font-size: 20px;
font-weight: 500;
}
#about-section-2.ve-casa .box-right .subtitle {
color: var(--color-10);
}
#about-section-2.ve-casa .box-right .title {
font-size: 40px;
}
#about-section-2.ve-casa .box-right .title-style-1 {
padding-bottom: 0;
margin-bottom: 14px;
}
#about-section-2.ve-casa .box-right .desc {
font-size: 20px;
color: var(--c-text);
}
.box-tam-nhin,
.box-su-menh {
padding: 20px 30px;
border-radius: 20px;
display: flex;
flex-wrap: wrap;
align-items: center;
color: #fff;
gap: 16px;
}
.box-tam-nhin {
background-color: var(--color-9);
margin-bottom: 20px;
}
.box-su-menh {
background-color: var(--color-3);
}
.box-tam-nhin h4 {
margin-bottom: 0;
}
#about-section-2.ve-casa .box-tam-nhin .desc,
#about-section-2.ve-casa .box-su-menh .desc {
font-size: 18px;
} #about-section-3.triet-ly {
padding: 60px 0 100px 0;
}
#about-section-3.triet-ly .bg-icon {
bottom: 0;
right: 0;
}
#about-section-3.triet-ly .list-trietly {
margin-top: 46px;
}
#about-section-3.triet-ly .list-trietly .icon-box {
border-radius: 16px;
background: #FFF;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
padding: 32px 28px;
transition: 0.3s all;
}
#about-section-3.triet-ly .list-trietly .icon-box:hover {
background-color: var(--c-primary);
}
#about-section-3.triet-ly .list-trietly .icon-box:hover .title,
#about-section-3.triet-ly .list-trietly .icon-box:hover .desc {
color: #fff;
}
#about-section-3.triet-ly .list-trietly .box-icon {
margin-bottom: 16px;
}
#about-section-3.triet-ly .list-trietly .icon-box .title {
color: var(--c-primary);
margin-bottom: 12px;
}
#about-section-3.triet-ly .list-trietly .icon-box .desc {
color: var(--color-5);
margin-bottom: 12px;
} #about-section-4.phuong-phap {
background-color: #EEF2FF;
padding: 60px 0 100px 0;
overflow: hidden;
}
#about-section-4.phuong-phap::after,
#about-section-4.phuong-phap::before {
content: "";
background-color: rgba(68, 105, 190, 0.05);
width: 293px;
height: 270px;
position: absolute;
border-radius: 50%;
}
#about-section-4.phuong-phap::after {
bottom: -61px;
right: -83px;
}
#about-section-4.phuong-phap::before {
top: -61px;
left: -83px;
}
#about-section-4.phuong-phap .bg-icon {
bottom: 7%;
right: 6%;
}
.list-phuong-phap {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px;
margin-top: 36px;
}
.list-phuong-phap .pp-item {
border-radius: 16px;
background: #FFF;
overflow: hidden;
z-index: 2;
position: relative;
}
.list-phuong-phap .pp-item .thumb img {
width: 100%;
aspect-ratio: 1 / 0.6;
object-fit: cover;
}
.list-phuong-phap .pp-item .content {
padding: 20px;
}
.list-phuong-phap .pp-item .content .title {
font-size: 18px;
color: var(--c-primary);
}
.list-phuong-phap .pp-item .content .desc {
color: var(--color-5);
} #about-section-5.quy-trinh {
padding: 60px 0;
}
.list-quytrinh {
display: flex;
justify-content: space-between;
justify-items: center;
text-align: center;
flex-wrap: wrap;
position: relative;
}
.list-quytrinh::before {
content: "";
width: 90%;
height: 1px;
background-color: #8698D9;
position: absolute;
top: 36%;
left: 50%;
transform: translateX(-50%);
z-index: -1;
}
.list-quytrinh .stt {
height: 96px;
width: 96px;
display: flex;
justify-content: center;
align-items: center;
color: var(--c-primary);
-webkit-text-stroke: 1px #fff;
font-size: 36px;
font-weight: 600;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/quy-trinh-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: auto;
flex: 1;
margin-bottom: 12px;
}
.list-quytrinh .title {
font-weight: 600;
color: var(--c-primary);
}
@media screen and (min-width:1440px) {
#about-section-2.ve-casa .bg-icon-1 {
top: -125px;
width: 24%;
}
}
@media screen and (min-width:769px) {
#about-section-2.ve-casa .box-left {
column-count: 2; column-gap: 16px; }
}
@media screen and (max-width:768px) {
#about-section-2.ve-casa .bg-icon-1 {
top: -60px
}
#about-section-3.triet-ly .list-trietly .icon-box {
margin-bottom: 25px;
}
.list-phuong-phap {
grid-template-columns: repeat(2, 1fr);
}
.list-quytrinh {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
}
.list-quytrinh::before {
display: none;
}
}
@media screen and (max-width:425px) {
#about-section-2.ve-casa {
overflow: hidden;
}
#about-section-2.ve-casa .box-left {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 16px;
grid-template-areas:
"box-image-1  box-image-2"
"exp-box  box-image-3";
align-items: center
}
#about-section-2.ve-casa .box-left .exp-box {
padding: 23px 4px;
}
#about-section-2.ve-casa .box-left>div:nth-child(1) {
grid-column: 1;
grid-row: 1;
}
#about-section-2.ve-casa .box-left>div:nth-child(2) {
grid-column: 1;
grid-row: 2;
height: 110px;
}
#about-section-2.ve-casa .box-left>div:nth-child(3) {
grid-column: 2;
grid-row: 1;
aspect-ratio: 1 / 1;
object-fit: cover;
max-width: 180px;
}
#about-section-2.ve-casa .box-left>div:nth-child(4) {
grid-column: 2;
grid-row: 2;
margin-top: calc(-46% + 5%);
}
#about-section-2.ve-casa .bg-icon-1 {
left: -30px;
top: -53px;
}
#about-section-2.ve-casa .bg-icon-2 {
display: none;
}
#about-section-2.ve-casa .bg-icon-3 {
right: 0;
}
#about-section-2.ve-casa .box-left .exp-box span {
font-size: 16px;
}
#about-section-3.triet-ly .bg-icon {
display: none;
}
.list-phuong-phap {
grid-template-columns: repeat(1, 1fr);
}
.list-quytrinh {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:320px) {
#about-section-2.ve-casa .box-left .exp-box{
border-radius: 12px;
}
#about-section-2.ve-casa .box-left>div:nth-child(1) {
grid-column: 1 / 3;
grid-row: 1;
}
#about-section-2.ve-casa .box-left>div:nth-child(2) {
grid-column: 2;
grid-row: 2;
height: 110px;
}
#about-section-2.ve-casa .box-left>div:nth-child(3) {
grid-column: 1;
grid-row: 2;
aspect-ratio: 1 / 1;
object-fit: cover;
max-width: 180px;
}
#about-section-2.ve-casa .box-left>div:nth-child(4) {
grid-column: 1 / 3;
grid-row: 4;
margin-top: 0;
}
}#detail-section-1 {
position: relative;
padding-top: 60px; background-size: cover;
}
#detail-section-2 {
margin-top: 90px;
}
#detail-section-3 {
margin-top: 40px;
}
#detail-section-1,
#detail-section-2,
#detail-section-3 {
margin-bottom: 40px;
}
.chi-tiet-khoa-hoc .box-head-title {
border-left: solid 3px #ED1C24;
padding: 5px 20px;
margin-bottom: 28px;
}
.chi-tiet-khoa-hoc .box-head-title .title {
margin-bottom: 0;
}
.card-info-course {
margin-top: 40px;
border-radius: 20px;
background: #FFF;
box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
overflow: hidden;
max-width: 456px;
margin-left: auto;
margin-right: 20px;
position: sticky;
top: 40px;
z-index: 2;
}
.card-info-course .content {
padding: 40px 40px 0 40px;
}
.box-info-gv {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 20px;
}
.box-info-gv span {
color: var(--black-3, #555);
}
.box-info-gv h6 {
font-size: 18px;
color: var(--red-1, #ED1C24)
}
.box-info-gv img {
border-radius: 50px;
}
.course-info ul {
list-style: none;
}
.course-info ul li {
position: relative;
margin-bottom: 21px;
font-size: 20px;
color: var(--black-2, #333);
}
.course-info ul li::before {
content: "";
left: -32px;
top: 6px;
width: 24px;
height: 24px;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
}
.course-info ul li.course-number::before {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/course-number.svg);
}
.course-info ul li.course-time::before {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/course-time.svg);
}
.course-info ul li.course-style::before {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/course-style.svg);
}
.course-info ul li.course-certificate::before {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/course-certificate.svg);
} .dac-diem-accordion .accordion-button:not(.collapsed) {
background-color: #fff;
box-shadow: none;
}
.dac-diem-accordion .accordion-item {
border-radius: 12px;
background: #FFF;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.16);
margin-bottom: 28px;
overflow: hidden;
}
.dac-diem-accordion .accordion-button {
gap: 30px;
font-weight: 600;
color: #132456;
}
.dac-diem-accordion .accordion-button:focus {
box-shadow: none;
} .lotrinh-title h2 {
display: inline-block;
background-size: contain;
background-repeat: no-repeat;
padding: 50px 162px 50px 84px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
background-position: center;
margin-bottom: 0;
}
.list-lotrinh {
display: grid;
grid-template-columns: repeat(6, 1fr);
margin-right: 31px; width: fit-content;
}
.list-lotrinh.lotrinh-1 {
grid-template-columns: repeat(1, 1fr);
}
.list-lotrinh.lotrinh-2 {
grid-template-columns: repeat(2, 1fr);
}
.list-lotrinh.lotrinh-3 {
grid-template-columns: repeat(3, 1fr);
}
.list-lotrinh.lotrinh-4 {
grid-template-columns: repeat(4, 1fr);
}
.list-lotrinh.lotrinh-5 {
grid-template-columns: repeat(5, 1fr);
}
.list-lotrinh.lotrinh-6 {
grid-template-columns: repeat(6, 1fr);
}
.list-lotrinh .item-lotrinh {
max-width: 241.83px;
}
.head-item-lotrinh {
background-size: cover;
background-repeat: no-repeat;
padding-left: 65px;
padding-top: 44px;
z-index: 2;
}
.head-item-lotrinh h3 {
color: #fff;
font-weight: bold;
white-space: nowrap;
font-size: 20px;
}
.short-desc-lotrinh {
color: #273E8A;
padding: 15px 20px 35px 0;
}
.short-desc-lotrinh p {
margin: 5px 0;
}
.short-desc-lotrinh hr {
margin: 10px 0;
background-color: #fff;
border: 0;
border-top: 1px solid #ffff;
}
.icon-up-lotrinh {
bottom: -24px;
left: 50%;
transition: .3s all;
transform: rotateX(180deg);
}
.item-lotrinh:hover .icon-up-lotrinh {
transform: none;
}
.item-lotrinh {
position: relative;
}
.item-lotrinh .kylan1 {
opacity: 0;
transition: .3s all;
transform: translateY(-10px);
top: 50px;
z-index: 1;
position: relative;
z-index: 3;
}
.item-lotrinh:hover .kylan1 {
opacity: 1;
transform: translateY(15px);
}
.item-lotrinh:last-child:hover::before {
opacity: 0;
}
.list-lotrinh .item-lotrinh.mover:nth-child(1) .kylan1,
.list-lotrinh .item-lotrinh:nth-child(1) .kylan1 {
opacity: 1;
transform: translateY(15px);
}
.item-lotrinh:first-child:hover .kylan1,
.item-lotrinh:first-child .kylan1,
.mover-wrap .item-lotrinh::after,
.mover-wrap .kylan1 {
opacity: 0 !important;
}
.mover-wrap .item-lotrinh:hover::after,
.item-lotrinh:hover .kylan1 {
opacity: 1 !important;
}/*/*/@media only screen and (min-width: 960px) {
.list-lotrinh .item-lotrinh:nth-child(1) {
margin-top: 303px;
}
.list-lotrinh .item-lotrinh:nth-child(2) {
margin-top: 243px;
}
.list-lotrinh .item-lotrinh:nth-child(3) {
margin-top: 180px;
}
.list-lotrinh .item-lotrinh:nth-child(4) {
margin-top: 120px;
}
.list-lotrinh .item-lotrinh:nth-child(5) {
margin-top: 59px;
}
.list-lotrinh .item-lotrinh {
margin-right: -31px;
}
.list-lotrinh .item-lotrinh:nth-child(1) .head-item-lotrinh {
padding-bottom: 23px;
}
}/**/@media only screen and (min-width: 960px) {
.list-lotrinh.lotrinh-2 .item-lotrinh:nth-child(1) {
margin-top: 60px;
}
.list-lotrinh.lotrinh-2 .item-lotrinh:nth-child(2) {
margin-top: 0px;
}
} @media only screen and (min-width: 960px) {
.list-lotrinh.lotrinh-3 .item-lotrinh:nth-child(1) {
margin-top: 122px;
}
.list-lotrinh.lotrinh-3 .item-lotrinh:nth-child(2) {
margin-top: 63px;
}
.list-lotrinh.lotrinh-3 .item-lotrinh:nth-child(3) {
margin-top: 0px;
}
} @media only screen and (min-width: 960px) {
.list-lotrinh.lotrinh-4 .item-lotrinh:nth-child(1) {
margin-top: 182px;
}
.list-lotrinh.lotrinh-4 .item-lotrinh:nth-child(2) {
margin-top: 122px;
}
.list-lotrinh.lotrinh-4 .item-lotrinh:nth-child(3) {
margin-top: 60px;
}
.list-lotrinh.lotrinh-4 .item-lotrinh:nth-child(4) {
margin-top: 0px;
}
} @media only screen and (min-width: 960px) {
.list-lotrinh.lotrinh-5 .item-lotrinh:nth-child(1) {
margin-top: 242px;
}
.list-lotrinh.lotrinh-5 .item-lotrinh:nth-child(2) {
margin-top: 182px;
}
.list-lotrinh.lotrinh-5 .item-lotrinh:nth-child(3) {
margin-top: 120px;
}
.list-lotrinh.lotrinh-5 .item-lotrinh:nth-child(4) {
margin-top: 60px;
}
.list-lotrinh.lotrinh-5 .item-lotrinh:nth-child(5) {
margin-top: 0px;
}
} @media only screen and (min-width: 960px) {
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(1) {
margin-top: 302px;
}
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(2) {
margin-top: 242px;
}
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(3) {
margin-top: 180px;
}
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(4) {
margin-top: 120px;
}
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(5) {
margin-top: 60px;
}
.list-lotrinh.lotrinh-6 .item-lotrinh:nth-child(6) {
margin-top: 0px;
}
}
.content-khoahoc {
fill: #FFF;
filter: drop-shadow(0px 2px 8px rgba(0, 0, 0, 0.12));
background-color: #fff;
padding: 30px;
position: absolute;
width: 150%;
z-index: 1;
opacity: 0;
transition: .3s all;
color: #000;
visibility: hidden;
}
.item-lotrinh:hover .content-khoahoc {
opacity: 1;
visibility: visible;
}
.item-lotrinh:hover {
z-index: 2;
}
.item-lotrinh:first-child::after {
content: "";
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/kylan1.png);
width: 220px;
height: 220px;
display: block;
position: absolute;
top: 89px;
z-index: 3;
background-size: contain;
left: 20px;
background-repeat: no-repeat;
transition: .3s all;
}
.item-lotrinh:last-child::before {
content: "";
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/icons/kylan2.png);
width: 200px;
height: 200px;
display: block;
position: absolute;
top: 89px;
z-index: 1;
background-size: contain;
left: 20px;
background-repeat: no-repeat;
z-index: 3;
opacity: 1;
}
.item-lotrinh:last-child:hover::before {
opacity: 0;
}
@media only screen and (max-width: 959px) {                 .list-lotrinh {
grid-template-columns: repeat(3, 1fr);
margin-top: 0px;
margin-right: 0;
}
.item-lotrinh {
margin-bottom: 25px;
z-index: unset !important;
}
.list-lotrinh .kylan1,
.list-lotrinh .item-lotrinh:first-child::after,
.list-lotrinh .item-lotrinh:last-child::before {
display: none !important;
}
.head-item-lotrinh {
padding-left: 0;
padding-top: 0;
z-index: unset;
background-image: none !important;
}
.head-item-lotrinh h3 {
font-size: 18px;
background-color: #417ec3;
text-align: center;
margin-bottom: 0;
padding: 10px;
}
.item-lotrinh:nth-child(1) .head-item-lotrinh h3 {
background-color: #417ec3;
}
.item-lotrinh:nth-child(1) .short-desc-lotrinh {
background-color: #d4e8ff;
}
.item-lotrinh:nth-child(2) .head-item-lotrinh h3 {
background-color: #5acde2;
}
.item-lotrinh:nth-child(2) .short-desc-lotrinh {
background-color: #cef0f9;
}
.item-lotrinh:nth-child(3) .head-item-lotrinh h3 {
background-color: #9ede5d;
}
.item-lotrinh:nth-child(3) .short-desc-lotrinh {
background-color: #e0f1ce;
}
.item-lotrinh:nth-child(4) .head-item-lotrinh h3 {
background-color: #ffc44b;
}
.item-lotrinh:nth-child(4) .short-desc-lotrinh {
background-color: #ffe7b6;
}
.item-lotrinh:nth-child(5) .head-item-lotrinh h3 {
background-color: #f15455;
}
.item-lotrinh:nth-child(5) .short-desc-lotrinh {
background-color: #ffe3e2;
}
.item-lotrinh:nth-child(6) .head-item-lotrinh h3 {
background-color: #cf33a4;
}
.item-lotrinh:nth-child(6) .short-desc-lotrinh {
background-color: #f8daef;
} .short-desc-lotrinh {
color: #273E8A;
padding: 20px 10px;
}
.icon-up-lotrinh {
left: 50%;
transform: rotateX(180deg) translateX(-50%);
z-index: 2;
}
.item-lotrinh .content-khoahoc {
width: 100%;
z-index: 3;
box-sizing: border-box;
padding: 10px;
}
}
@media only screen and (max-width: 640px) {
.list-lotrinh,
.list-lotrinh.lotrinh-2,
.list-lotrinh.lotrinh-3,
.list-lotrinh.lotrinh-4,
.list-lotrinh.lotrinh-5,
.list-lotrinh.lotrinh-6 {
grid-template-columns: repeat(1, 1fr);
width: 100%;
}
.list-lotrinh .item-lotrinh {
max-width: 100%;
}
.list-lotrinh .item-lotrinh:nth-child(1) {
margin-top: 42px;
}
}
#section-12 .wpcf7-not-valid-tip {
color: #fff;
margin-top: 5px;
}
#section-12 .wpcf7 form .wpcf7-response-output{
background-color: red;
color: #fff;
}.site-footer {
padding-top: 60px;
padding-bottom: 23px;
background: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/ft_bg.png) #EBF2FF -0.209px -293.884px / 100.024% 148.148% no-repeat;
overflow: hidden;
margin-top: 60px;
}
.ft-col-1 .logo-footer {
margin-bottom: 16px;
}
.ft-col-1 .ft-title {
font-size: 20px;
color: var(--c-primary);
}
.ft-col-1 .box-mxh {
margin-top: 27px;
}
.ft-col-1 .box-mxh ul {
display: flex;
list-style: none;
margin-left: 0;
padding-left: 0;
gap: 20px;
}
.ft-col-2 {
display: flex;
gap: 56px;
justify-content: space-between;
flex-wrap: wrap;
}
.ft-col-2 .ft-title,
.ft-col-2 .widget-title {
font-weight: 800;
line-height: 32px; text-transform: uppercase;
font-size: 20px;
color: var(--c-primary);
margin-bottom: 16px;
}
.ft-col-2 ul {
list-style: none;
padding-left: 0;
margin-left: 0;
color: var(--color-8);
}
.ft-col-2 .list-infor li:not(:last-child) {
margin-bottom: 20px;
}
.ft-col-2 .footer-widget-box ul li {
margin-bottom: 6px;
}
.ft-col-2 .footer-widget-box ul li a {
text-decoration: none;
color: var(--color-8);
}
.absolute-footer {
padding-top: 23px;
color: #001970;
font-weight: 400;
border-top: solid 1px rgba(68, 105, 190, 0.20);
margin-top: 38px;
}
@media screen and (max-width:768px) {
.ft-col-2{
gap: 20px;
margin-top: 30px;
}
.ft-col-2 .box-1 {
flex: 1 1 100%;
}
.ft-col-2 .div:not(.box-1) {
flex: 1 1 50%;
}
}#gv-section-1.banner .box-image {
border-radius: 20px;
overflow: hidden;
position: relative;
}
#gv-section-1.banner .box-image::after {
content: "";
background-color: rgba(0, 0, 0, 0.2);
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
}
#gv-section-1.banner .box-text {
position: absolute;
left: 50px;
bottom: 63px;
z-index: 2;
}
#gv-section-1.banner .box-text h1,
#gv-section-1.banner .box-text .desc {
text-shadow: 0 4px 4px rgba(39, 61, 139, 0.8);
color: #fff;
}
#gv-section-1.banner .box-text .desc {
font-size: 20px;
} #gv-section-2.dieu-nen-lam {
margin-top: 40px;
}
#gv-section-2.dieu-nen-lam::after {
content: "";
width: 100%;
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/casa-logo.png);
height: 100%;
background-size: auto;
background-position: center center;
position: absolute;
background-repeat: no-repeat;
z-index: 2;
top: 0;
left: 0;
}
#gv-section-2.dieu-nen-lam .icon-box,
#gv-section-2.dieu-nen-lam .box-text {
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
#gv-section-2.dieu-nen-lam .box-text {
padding: 0 10px;
}
#gv-section-2.dieu-nen-lam .box-text .title {
font-size: 22px;
font-weight: 600;
} #gv-section-3.giang-vien {
padding: 60px 0;
}
#gv-section-3.giang-vien .desc {
max-width: 948px;
margin: auto;
}
@media screen and (min-width:1200px) {
.slide-giangvien .swiper-container{
padding: 0 40px;
}
}
.next-btn,
.prev-btn {
width: 40px !important;
height: 40px !important;
border: solid 1px #ccc;
border-radius: 50px;
}
.next-btn.swiper-button-next::after,
.prev-btn.swiper-button-prev::after {
font-size: 16px;
color: #ccc;
}
.next-btn:hover,
.prev-btn:hover {
background-color: var(--c-primary);
}
.next-btn.swiper-button-next:hover::after,
.prev-btn.swiper-button-prev:hover::after {
color: #fff;
} #gv-section-4.quy-trinh {
padding: 60px 0;
}
#gv-section-4.quy-trinh .list-quytrinh {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
margin-top: 74px;
}
#gv-section-4.quy-trinh .list-quytrinh::before {
top: 24%;
width: 100%;
}
#gv-section-4.quy-trinh .list-quytrinh .qt-item {
padding: 0 20px;
}
#gv-section-4.quy-trinh .list-quytrinh .stt {
background-image: none;
width: 92px;
height: 92px;
border-radius: 50%;
background-color: var(--c-primary);
}
@media screen and (max-width:768px) { #gv-section-1.banner .box-image img {
height: 300px;
object-fit: cover;
}
#gv-section-1.banner .box-text {
left: 10px;
bottom: 10px;
} #gv-section-4.quy-trinh .list-quytrinh {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:425px) { #gv-section-4.quy-trinh .list-quytrinh {
grid-template-columns: repeat(1, 1fr);
}
}#course-section-1.banner {
padding: 10% 0;
position: relative;
background-size: cover;
background-repeat: no-repeat;
background-position: top center;
}
#course-section-1.banner::after {
content: "";
background-color: rgba(0, 0, 0, 0.35);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
position: absolute;
}
#course-section-1.banner .box-text {
max-width: 1110px;
width: 100%;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
z-index: 2;
position: relative;
padding: 0 10px;
}
#course-section-1.banner .box-text .title {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
margin-bottom: 28px;
}
#course-section-1.banner .box-text .desc {
max-width: 670px;
text-align: center;
margin: auto;
margin-bottom: 32px;
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
#course-section-1.banner .box-text .desc.desc-style-1 {
font-size: 20px;
}
#course-section-1.banner .box-text .btn-style-1 {
color: #fff;
text-decoration: none;
font-weight: 600;
padding: 12px 40px
} #course-section-2.vi-sao {
padding: 60px 0;
}
.list-why {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 28px;
margin-top: 48px;
padding: 0 40px;
}
.list-why .icon-box {
display: flex;
}
.list-why .inner-box {
box-shadow: 0 1px 14px 0 rgba(0, 56, 255, 0.2);
border-top-left-radius: 50px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
display: flex;
flex-direction: column;
}
.list-why .box-icon {
margin-top: -40px;
margin-bottom: 20px;
text-align: center;
}
.list-why .inner-box .box-text {
padding: 0 15px;
}
.list-why .inner-box .box-text .title {
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
color: var(--c-primary);
line-height: 36px;
}
.list-why .inner-box .box-text .title::after {
content: "";
width: 61%;
height: 2px;
position: absolute;
left: 50%;
transform: translateX(-50%);
background: linear-gradient(90deg, rgba(64, 102, 240, 1) 0%, rgba(57, 85, 183, 1) 100%);
bottom: 0;
}
.list-why .inner-box .box-text .desc {
padding: 0 15px;
color: #0F1B44;
} #course-section-3.hinh-thuc-hoc {
padding: 60px 0;
}
.list-hinh-thuc {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 28px;
margin-top: 44px;
}
.list-hinh-thuc .item { position: relative;
}
.list-hinh-thuc .item .wrapper {
box-shadow: 0 1px 12px 0 rgba(65, 107, 255, 0.2);
border-radius: 15px;
padding: 28px;
position: relative;
z-index: 2;
background: #fff;
}
.list-hinh-thuc .item-1::after,
.list-hinh-thuc .item-2::after {
content: "";
background-color: var(--c-primary);
border-radius: 15px;
height: 100%;
width: 100%;
position: absolute;
bottom: -12px;
}
.list-hinh-thuc .item-1::after {
left: -12px;
}
.list-hinh-thuc .item-2::after {
right: -12px;
}
.list-hinh-thuc .item .title {
color: var(--c-primary);
margin-bottom: 20px;
}
.list-hinh-thuc .item .desc ul {
list-style: none;
padding-left: 1rem;
}
.list-hinh-thuc .item .desc ul li {
margin-bottom: 12px;
position: relative;
font-size: 18px;
padding-left: 10px;
}
.list-hinh-thuc .item .desc ul li::marker {
content: '\f00c';
font-family: "Font Awesome 6 Free";
font-weight: 900;
color: #FF4D53;
}
#details-section-1 .box-text {
position: absolute;
top: 12%;
left: 5%;
z-index: 2;
}
@media screen and (max-width:990px) {
#details-section-1 .box-text {
position: relative;
}
}
#details-section-1 .box-text .title {
text-shadow: 0 4px 4px rgba(39, 61, 139, 0.80);
line-height: 36px;
}
#details-section-1 .box-text .desc {
max-width: 417px;
}
#details-section-1 .box-text p {
text-shadow: 0 3px 3px rgba(39, 61, 139, 0.80);
font-size: 20px;
}
#details-section-1 .box-image {
position: relative;
border-radius: 20px;
aspect-ratio: 32/13;
overflow: hidden;
background-repeat: no-repeat;
background-position: center right;
background-size: cover;
}
@media screen and (max-width:990px) {
#details-section-1 .box-image {
padding: 20px;
aspect-ratio: 0;
background-position: center;
}
}
#details-section-1 .box-image::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
z-index: 1;
}
#details-section-2 {
padding: 60px 0;
}
#details-section-2 .list-kh-desc {
margin-top: 60px;
}
#details-section-2 .item-kh-desc {
background-color: #FEF1E2;
border-radius: 20px;
padding: 68px 42px 41px 43px;
position: relative;
}
#details-section-2 .item-kh-desc .box-icon {
position: absolute;
top: 0;
left: 50%;
top: -50px;
transform: translateX(-50%);
}
#details-section-2 .item-kh-desc .box-icon img {
border-radius: 24px;
border: solid 7px #fff;
}
#details-section-2 .item-kh-desc:nth-child(2) {
background-color: #F0FAEB;
}
#details-section-2 .item-kh-desc:nth-child(3) {
background-color: #F6ECFF;
}
.list-kh-desc {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
@media screen and (max-width:990px) {
.list-kh-desc {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width:768px) {
.list-kh-desc {
grid-template-columns: repeat(1, 1fr);
}
}
#details-section-3 {
padding: 60px 0;
background-repeat: no-repeat;
background-size: contain;
background-position: right;
background-color: #314BA6;
}
#details-section-3 .accordion-button::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 20.6241C11.3527 20.6241 10.8281 20.0996 10.8281 19.4522V4.54785C10.8281 3.90051 11.3527 3.37598 12 3.37598C12.6473 3.37598 13.1719 3.90051 13.1719 4.54785V19.4522C13.1719 20.0996 12.6473 20.6241 12 20.6241Z' fill='%23F15B22'/%3E%3Cpath d='M19.4513 13.1719H4.54688C3.89953 13.1719 3.375 12.6473 3.375 12C3.375 11.3527 3.89953 10.8281 4.54688 10.8281H19.4513C20.0986 10.8281 20.6231 11.3527 20.6231 12C20.6231 12.6473 20.0986 13.1719 19.4513 13.1719Z' fill='%23F15B22'/%3E%3C/svg%3E");
border-radius: 6px;
background-color: #F7F7F8;
width: 40px;
height: 40px;
background-position: center;
}
#details-section-3 .accordion-button:not(.collapsed)::after {
transform: none !important;
}
#details-section-3 .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M19.4513 13.1719H4.54688C3.89953 13.1719 3.375 12.6473 3.375 12C3.375 11.3527 3.89953 10.8281 4.54688 10.8281H19.4513C20.0986 10.8281 20.6231 11.3527 20.6231 12C20.6231 12.6473 20.0986 13.1719 19.4513 13.1719Z' fill='%23F15B22'/%3E%3C/svg%3E");
}
#details-section-4 {
padding-top: 60px;
}
#details-section-5 {
padding-top: 80px;
}
.hvxs-item {
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.16);
border-radius: 10px;
background-color: #fff;
overflow: hidden;
}
.hvxs-item .thumb {
border-radius: 10px; position: relative;
}
.hvxs-item .content {
padding: 20px;
position: relative;
z-index: 2;
background-color: #fff;
}
.hvxs-item .show-video {
width: 100%;
height: 58px;
display: flex;
align-items: center;
padding: 0 20px;
color: #fff !important;
background-color: rgba(39, 61, 139, 0.92);
transform: translateY(100%);
position: absolute;
bottom: 0;
left: 0;
transition: 0.3s all;
justify-content: space-between;
}
.hvxs-item:hover .show-video {
transform: translateY(0%);
}
.show-video.active {
transform: translateY(0%);
}
.hvxs-item a::before {}
@media screen and (max-width:768px) {
.list-why {
grid-template-columns: repeat(2, 1fr);
padding: 0;
}
.list-why .icon-box {
margin-bottom: 40px;
}
.list-hinh-thuc {
grid-template-columns: repeat(1, 1fr);
}
}
@media screen and (max-width:425px) {
.list-why {
grid-template-columns: repeat(1, 1fr);
padding: 0;
}
.list-hinh-thuc {
grid-template-columns: repeat(1, 1fr);
}
}.full-contact {
background-image: url(https://casalink.edu.vn/wp-content/themes/hvg_theme/css/images/bg_lh.png);
background-size: contain;
background-position: top center;
background-repeat: no-repeat;
}
.head-page-df {
padding: 120px 0 60px 0;
}
.head-page-df .head-page-content {
margin: auto;
text-align: center;
}
.box-wrap {
border-radius: 30px;
background: #FFF;
box-shadow: 0 2px 16px 0 rgba(13, 31, 56, 0.16);
overflow: hidden;
}
.lh-content-wrap {
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
}
.lien-he-box1 {
position: relative;
background-size: cover;
background-repeat: no-repeat;
min-height: 311px;
background-position: top;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
}
.lien-he-box1::before {
content: "";
background: linear-gradient(to right, #000, #000);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
z-index: -1;
opacity: .48;
}
.mxh-lienhe a {
margin-right: 10px;
}
.main-lh-box2 {
z-index: 1;
position: relative;
}
.lh-content {
z-index: 1;
height: 100%;
padding: 28px 5px;
padding-top: 60px;
padding-bottom: 28px;
}
.lien-he-box2 h2 {
color: var(--color-12);
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 28px;
margin-bottom: 16px;
} .form-lienhe {
padding: 50px 40px 10px;
border-radius: 20px;
z-index: 1;
position: relative;
border-radius: 30px;
}
.form-lienhe h3 {
color: #065BB7;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-transform: uppercase;
}
.lh-tt .line {
display: flex;
align-items: center;
border-radius: 15px;
padding: 15px 10px;
border-radius: 15px;
}
.lh-social .mxh_box {
padding-top: 15px;
border-top: solid 1px rgba(162, 162, 162, 0.5);
}
.lh-tt p {
flex: 1;
padding-left: 24px;
color: var(--color-12);
}
.lh-tt p b {
display: block;
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
}
.lh-social h2 {
font-size: 20px;
} .form-lienhe input.wpcf7-form-control ,
.form-lienhe select.wpcf7-form-control {
background-color: #E9F4FF;
}
.form-lienhe .wpcf7 .wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.form-lienhe .form-select,
.form-lienhe input.wpcf7-form-control,
.form-lienhe select.wpcf7-form-control {
border: 0;
padding: 5px 25px;
border-radius: 10px;
height: 50px;
}
.form-lienhe select.wpcf7-form-control{
width:100%
}
.form-lienhe .wpcf7-form-control.wpcf7-textarea {
background-color: #E9F4FF !important;
border: 0;
padding: 25px;
border-radius: 10px;
height: 149px;
}
.form-lienhe .wpcf7-form-control.wpcf7-submit {
border-radius: 50px;
background: var(--color-12);
border: 0;
color: #fff;
display: inline-block;
width: auto;
padding: 0 20px;
font-weight: 700;
}
.iframe-map iframe {
box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.12);
width: 100%;
height: auto;
aspect-ratio: 1280/550;
border-radius: 20px;
margin-bottom: -5px;
} .lien-he-box2 {
z-index: 1;
position: relative;
}
.main-lh-box2 .box-left {
background: #F1F8FF;
}
.head-page-df {}
.mxh_box ul {
padding-left: 0;
list-style: none;
display: flex;
gap: 15px;
margin-left: 0;
}
@media only screen and (min-width: 1024px) {
.head-page-df .head-page-content {
max-width: 700px;
}
}
@media only screen and (max-width: 767px) {
.full-contact {
background-size: 200%;
}
.head-page-df {
padding: 60px 0;
}
.lien-he-box1 {
padding: 0 20px;
}
.lh-content {
padding: 20px;
}
.lh-content h2 {
font-size: 22px;
}
.lh-tt .icon {
width: 40px;
height: 40px;
}
.lh-tt .icon img {
width: 25px;
}
.lh-tt p b {
font-size: 16px;
}
.lien-he-box2 h2 {
font-size: 22px;
}
.form-lienhe {
padding: 20px;
}
}color: rgba(24, 24, 24, 0.80);
}
.blog-item:hover .blog-content .desc {
color: #fff;
}
.post-btn-view {
background-color: var(--color-2);
color: #fff;
padding: 11px 48px;
border-radius: 50px;
text-decoration: none;
position: relative;
font-weight: 500;
}
.post-btn-view span {
display: flex;
height: 33px;
width: 33px;
background-color: #fff;
border-radius: 50px;
align-items: center;
justify-content: center;
color: var(--color-2);
position: absolute;
right: 6px;
top: 50%;
transform: translateY(-50%);
}
*/ .single-post {
background-color: var(--Background);
}
.sl-breadcrumbs {
background-color: #F9F9F9;
}
.sl-breadcrumbs #breadcrumbs {
margin-bottom: 11px;
margin-top: 11px;
color: #181818;
}
.sl-breadcrumbs #breadcrumbs a {
text-decoration: none;
color: #181818;
font-weight: 600;
}
.sl-breadcrumbs #breadcrumbs .dashicons-arrow-right-alt2 {
vertical-align: bottom;
font-size: 16px;
height: 21px;
}
.breadcrumb_last {
font-weight: 600;
}
.entry-content #ez-toc-container {
display: none;
}
.box-toc {
position: sticky;
top: 40px;
margin: 1.5em 0 0;
}
.box-toc .toc-title {
color: var(--c-primary);
}
div#ez-toc-container {
padding: 24px 16px;
border: none !important;
position: relative;
z-index: 2;
border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
background: #F9F9F9;
border-radius: 0;
}
div#ez-toc-container .ez-toc-list li {
margin-bottom: 16px;
}
.post-header .headline {
margin-bottom: 17px;
}
.post-header .post-meta {
margin-bottom: 20px;
}
.post-header .post-meta .author {
text-transform: capitalize;
}
.post-meta .author,
.post-meta time {
font-weight: 400;
color: #FF4D53;
} .related-post {
margin-top: 30px;
padding: 50px 0;
background-color: var(--Background-2, #F7F9FF);
}
.related-heading {
margin-bottom: 40px;
}
.related-post .box-head {
display: flex;
justify-content: space-between;
}
.related-post .title {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.related-post .swiper-btn {
display: flex;
gap: 10px;
}
.related-post .swiper-button-next,
.related-post .swiper-button-prev {
position: relative;
top: auto;
left: auto;
bottom: auto;
right: auto;
margin-top: 0;
width: 35px;
height: 35px;
color: var(--c-primary);
border: solid 1px var(--c-primary);
border-radius: 50%;
}
.related-post .swiper-button-next:hover,
.related-post .swiper-button-prev:hover {
background-color: var(--c-primary);
}
.related-post .swiper-button-next:after,
.related-post .swiper-button-prev:after {
font-family: "Font Awesome 6 Free";
font-weight: 900;
font-size: 16px;
}
.related-post .swiper-button-next:hover:after,
.related-post .swiper-button-prev:hover:after {
color: #fff;
}
.related-post .swiper-button-next:after {
content: "\f061";
}
.related-post .swiper-button-prev:after {
content: "\f060";
}#news-section-1.banner {
padding: 10% 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
#news-section-1.banner .title {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
margin-bottom: 28px;
}
#news-section-1.banner .desc {
text-shadow: 0 4px 4px rgba(0, 0, 0, 0.2);
}
#news-section-1.banner .desc.desc-style-1 {
font-size: 20px;
max-width: 780px;
margin: auto;
} #news-section-2.feature-post {
padding: 20px 0;
}
.feature-post .list-post {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.feature-post .new-post .post-item {
border-radius: 6px;
overflow: hidden;
}
.feature-post .new-post .post-item::after,
.feature-post .random-post .post-item::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0.6;
border-radius: 6px;
}
.feature-post .new-post .post-item::after {
background: rgba(0, 0, 0, 0.05);
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 39%, rgba(0, 0, 0, 0.6) 64%, rgba(0, 0, 0, 1) 89%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0.05) 39%, rgba(0, 0, 0, 0.6) 64%, rgba(0, 0, 0, 1) 89%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0.05) 39%, rgba(0, 0, 0, 0.6) 64%, rgba(0, 0, 0, 1) 89%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0000000D", endColorstr="#000000", GradientType=0);
}
.feature-post .random-post .post-item::after {
background: 000000;
background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.7) 32%, rgba(0, 0, 0, 1) 69%);
background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.7) 32%, rgba(0, 0, 0, 1) 69%);
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 9%, rgba(0, 0, 0, 0.7) 32%, rgba(0, 0, 0, 1) 69%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",
endColorstr="#000000",
GradientType=0);
}
.feature-post .new-post .post-item .thumb img {
height: 400px;
object-fit: cover;
}
.feature-post .new-post a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
}
.feature-post .new-post .content,
.feature-post .random-post .content {
position: absolute;
z-index: 2;
bottom: 0;
left: 0;
padding: 0 30px 30px 30px;
}
.feature-post .new-post .content .tag-nb {
color: #FF4D53;
font-weight: bold;
margin-bottom: 16px;
}
.feature-post .random-post {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 12px;
height: 100%;
}
.feature-post .random-post .item {
border-radius: 6px;
overflow: hidden;
}
.feature-post .random-post .content {
padding: 0 24px 24px 24px;
}
.feature-post .random-post .thumb {
height: 100%;
border-radius: 6px;
overflow: hidden;
}
.feature-post .random-post .thumb a::after {
position: absolute;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 3;
}
.feature-post .random-post .thumb img {
height: 100%;
object-fit: cover;
}
.feature-post .random-post .post-category {
margin-bottom: 8px;
}
.feature-post .random-post .post-category a {
background-color: rgba(255, 15, 15, 0.56);
color: #fff;
border-radius: 50px;
font-size: 14px;
font-family: 600;
padding: 3px 14px;
font-style: italic;
}
.section-post {
margin-bottom: 44px;
}
.feature-post .random-post .title {
font-weight: 600;
}
.section-post .box-head {
border-bottom: solid 1px #DAE3FF;
margin-bottom: 24px;
}
.section-post .box-head .title {
width: fit-content;
padding: 10px 0;
margin-bottom: 0;
color: var(--c-primary);
}
.section-post .box-head .title::after {
content: "";
background-color: #2499FF;
width: 105%;
height: 2px;
bottom: -1.5px;
left: 0;
position: absolute;
border-radius: 50px;
}
.list-post {
margin-top: 12px;
}
.list-post .post-item {
background-color: #FFFFFF;
box-shadow: 0 1px 14px 0 rgba(13, 19, 66, 0.17);
border-radius: 15px;
}
.list-post .post-item .thumb .img {
border-radius: 15px;
width: 100%;
}
.list-post .post-item .content {
padding: 12px;
}
.list-post .post-item .content .title,
.list-post .post-item .content .post-meta .date,
.list-post .post-item .content .pt {
color: var(--c-primary);
}
.list-post .post-item .content .date {
margin-bottom: 8px;
font-size: 14px;
}
.list-post .post-item .content .desc {
color: rgba(104, 104, 104, 1);
font-size: 14px;
}
.list-post .post-item .content .btn-style-1 {
font-size: 16px;
color: #fff;
border-radius: 10px;
width: 100%;
padding: 11px;
height: auto;
font-weight: 600;
}
.list-post .post-item .read-more-btn {
color: #FF4D53;
font-weight: 700;
text-decoration: none;
}
.category-tabs .tab-nav {
list-style: none;
padding-left: 0;
display: flex;
margin-bottom: 24px;
flex-wrap: wrap;
gap: 16px;
}
.category-tabs .tab-nav .tab-item {
border-radius: 10px;
background-color: #fff;
box-shadow: 0 1px 24px 0 rgba(39, 61, 139, 0.24);
color: var(--c-primary);
width: fit-content;
padding: 9px 24px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
white-space: nowrap;
}
.category-tabs .tab-nav .tab-item.active,
.category-tabs .tab-nav .tab-item:hover {
background: linear-gradient(180deg, #445FBE 0%, #273D8B 100%);
color: #fff;
} .widget-area {
position: sticky;
top: 40px;
}
.widget-box {
background-color: #F5FAFF;
}
.widget-box:not(:last-child) {
margin-bottom: 14px;
}
.widget-box .box-head {
border-bottom: solid 1px #DAE3FF;
}
.widget-box .box-head .title {
width: fit-content;
padding: 10px 0;
margin-bottom: 0;
color: var(--c-primary);
}
.widget-box .box-head .title::after {
content: "";
background-color: #2499FF;
width: 105%;
height: 2px;
bottom: -1.5px;
left: 0;
position: absolute;
border-radius: 50px;
}
.widget-box .box-search {
margin-top: 20px;
}
.widget-box .box-search .search-form {
border-radius: 10px;
overflow: hidden;
border: solid 1px rgba(0, 0, 0, 0.1);
}
.widget-box .box-search label,
.widget-box .box-search input {
width: 100%;
height: 47px;
outline: none;
box-shadow: none;
}
.widget-box .box-search input {
padding: 0px 16px;
border: none;
}
.widget-box {
padding: 22px 12px;
border-radius: 10px;
box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.08);
}
.widget-box .box-search button {
position: absolute;
right: 0;
height: 47px;
border: none;
background-color: var(--c-primary);
color: #fff;
}
.popular-tags {
margin-top: 10px;
}
.popular-tags ul {
list-style: none;
display: flex;
gap: 5px;
padding-left: 0;
flex-wrap: wrap;
}
.popular-tags a.tag {
border: solid 1px #E0E0E0;
border-radius: 50px;
padding: 3px 15px;
display: block;
background-color: #fff;
color: #6B6B6B;
}
.popular-tags a.tag:hover {
background-color: var(--c-primary);
color: #fff;
}
.widget-box .box-subscribe input {
width: 100%;
}
.widget-box .box-subscribe input[type="email"] {
margin-bottom: 12px;
height: 47px;
padding: 0 16px;
border-radius: 10px;
}
.widget-box .box-subscribe input[type="email"]::placeholder {
color: rgba(0, 0, 0, 0.4)
}
.widget-box .box-subscribe p {
margin-bottom: 0;
}
.widget-box .box-subscribe input[type="submit"] {
background: linear-gradient(180deg, rgba(250, 48, 54, 1) 0%, rgba(234, 33, 39, 1) 100%);
color: #fff;
border-radius: 10px;
border: none;
height: 42px;
display: flex;
font-weight: 600;
}
.popular-posts {
margin-top: 20px;
}
.popular-item {
display: flex;
gap: 10px;
align-items: center;
}
.popular-posts a:not(:last-child) .popular-item {
margin-bottom: 12px;
}
.popular-item .thumb img {
max-width: 54px;
object-fit: cover;
height: 54px;
border-radius: 2px;
}
.popular-item .title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2; line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 24px;
} .modal-hoi-thao {
opacity: 0.96;
}
.modal-hoi-thao .modal-header .btn-close {
position: absolute;
right: 10px;
}
.modal-hoi-thao .modal-header .title,
.modal-hoi-thao .modal-header .subtitle {
color: #1C4166;
}
.modal-hoi-thao .modal-dialog{
max-width: 865px;
}
.modal-hoi-thao .modal-content {
margin: auto;
}
.modal-hoi-thao .modal-body {
max-width: 660px;
margin: auto;
}
.modal-hoi-thao input,
.modal-hoi-thao textarea {
width: 100%;
box-shadow: none;
outline: none;
border: solid 1px #8C8C8C !important;
border-radius: 8px;
height: 50px;
padding: 0 20px;
}
.modal-hoi-thao textarea {
padding-top: 10px;
height: 102px;
}
.modal-hoi-thao input[type="submit"] {
background: linear-gradient(180deg, rgba(255, 77, 83, 1) 0%, rgba(202, 52, 56, 1) 100%);
border: none !important;
color: #fff;
font-weight: 600;
}
@media screen and (max-width:768px) {
.feature-post .list-post {
grid-template-columns: repeat(1, 1fr);
}
.category-tabs .tab-nav {
overflow-x: scroll;
flex-wrap: nowrap;
overflow-y: visible;
padding: 20px 0;
}
}
@media screen and (max-width:425px) {
.feature-post .random-post {
grid-template-columns: repeat(1, 1fr);
}
}