/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

/* Wrapper tổng */
/* --- WRAPPER --- */
.hv-about-wrapper {
    display: flex;
    align-items: center;
    gap: 40px;
    position: relative;
    padding: 40px 0;
}

/* --- BADGE CIRCLE --- */
.hv-badge {
    width: 170px;
    height: 170px;
    border-radius: 50%;
    border: 2px dashed #7ec17a;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 50px;
    right: 4vw;
    bottom: 0;
    position: absolute;
    z-index: 1;
    background: white;
}

.hv-badge:before {
    content: "";
    position: absolute;
    inset: -14px;
    border-radius: 50%;
    border: 2px dashed rgba(0,0,0,0.15);
}

/* TEXT */
.hv-badge .badge-title {
    font-size: 20px;
    font-weight: 600;
    color: #444;
    letter-spacing: 1px;
}

.hv-badge .badge-year {
    font-size: 32px;
    font-weight: 700;
    color: #2fa54a;
}

/* --- IMAGE + OVAL MASK --- */
.hv-image-wrap {
    max-width: 650px;
  
	right: -12vw;
    position: relative;
    z-index: 0;
}

.hv-main-image {
    width: 100%;
    height: auto;
    border-radius: 50% / 40%;
    /* Bo cong dạng oval tự nhiên */
    object-fit: cover;
}

/* --- CURVE CONNECTOR (ĐƯỜNG CONG) --- */





 <style>
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300..700;1,300..700&display=swap');
.blog-wrapper {
    bottom: 0 !important;
}
p.from_the_blog_excerpt {
    margin: 0;
    text-align: justify;
}
.du-lich-blog .box-image {
    height: auto !important;
}
.blog-wrapper img.aligncenter.size-full {
    padding: 0 !important;
    width: 100%;
    height: 100%;
}
.entry-content {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
    text-align: justify;
}
    /* Grid chính */
    .dv-grid {
        display: flex;
        flex-wrap: wrap;
        gap: 30px;
        justify-content: space-evenly;
        margin: 0 auto;
    }

    /* Item dịch vụ */
    .dv-item {
        flex: 0 1 280px;
        background: #fffaf3;
        padding: 25px;
        border-radius: 15px;
        box-shadow: 0 8px 25px rgba(0,0,0,0.08);
        text-align: center;
        transition: transform 0.3s, box-shadow 0.3s;
    }

    /* Hover effect */
    .dv-item:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 35px rgba(0,0,0,0.12);
    }

    .dv-item img {
        width: 120px;
        height: auto;
        border-radius: 12px;
        margin-bottom: 15px;
    }

    .dv-item h3 {
        font-size: 22px;
        color: #8b4513;
        margin: 12px 0;
        font-weight: 600;
        
    }

    .dv-item p {
        font-size: 15px;
        color: #5c4a3b;
        line-height: 1.6;
       
    }

    /* Responsive */
    @media (max-width: 768px) {
        .dv-item {
            flex: 0 1 45%;
        }
    }

    @media (max-width: 480px) {
        .dv-item {
            flex: 0 1 100%;
        }
    }
    </style>

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}