@import url('https://fonts.googleapis.com/css2?family=Afacad:ital,wght@0,400..700;1,400..700&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
:root{
    --small-heading-font: "Source Sans 3", serif;
    --heading-font: "Afacad", serif;
    --p3-clr: #ea1d1b;
    --p5-clr: #1292d5;
    --p2-clr: #f7ac0e;
    --p4-clr: #04498e;
    --bg-light-color: #F6F7F6;
}
h1, h2, h3, h4, h5, h6, .header-main .main-menu ul li a{
    font-family: var(--heading-font);
}
h4{
    font-weight: 500;
}
.header-logo img{max-width: 110px;}
.section-title .sub-title{
    font-family: var(--small-heading-font);
}
.protfolio-sectionv1 .protfolio-itemv1 img{
    object-fit: cover;
    object-position: center;
}
.professional-item .social-wrapper a{
    width: inherit;
    padding: 0 10px;
    background: var(--theme);
}
.hero-content{
    padding: 80px 0;
}
.hero-content-area {
    min-height: 350px;
    display: grid;
    gap: 15px;
    align-content: end;
}
.hero-dot{
    position: absolute;
    bottom: 25px;
    width: 100%;
    z-index: 2;
}
.hero-section .bg-cover{
    background-size: contain;
    background-position: center right;
}
.hero-content-area h1{font-size: 58px;}
.program-item .icons img{max-width: 64px;}
.footer-style1 .single-footer-widget .list-contact li .lited{max-width: 70%;}
.news-content > h4{
    height: 94px;
    overflow: hidden;
}
.pagination{
    display: flex;
    gap: 10px;
    justify-content: center;
}
.blog-section img{max-width: 100%; height: auto;}
.blog-categories .kv-sidenav{
    display: grid;
    gap: 10px;
}
blockquote{
    box-shadow: rgba(19, 16, 34, 0.1) 0px 4.8px 24.4px -6px;
    border-radius: 10px;
    background: var(--white);
    padding: 39px 60px;
    margin: 15px 0;
    color: var(--text);
}
blockquote::before{
    content: '';
    display: block;
    background: url(https://static.vietnampedia.com/themes/education/ascent/assets/img/ablog/blog-qute.png);
    width: 40px;
    height: 40px;
    background-size: contain;
    background-repeat: no-repeat;

}
.body-form form{display: grid; gap: 10px}
.flex-images .item {
    flex-grow: 1;
    flex: 0 0 24%;
    max-height: 250px;
    overflow: hidden;
}
.flex-images .item > a > img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100% !important;
    margin: 0;
    border-radius: 0;
}
.article-body ul{
    padding: revert;
    list-style: disc;
}
@media (max-width: 468px){
    .hero-section .bg-cover{background-size: cover;}
    .header-logo img{max-width: 70px;}
}