/*
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.   ***************/


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


}
/* KHUNG */
.dp-contact-wrap{
    margin-top:25px;
    padding:25px;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 5px 25px rgba(0,0,0,0.08);
    border:1px solid #ececec;
}

/* TITLE */
.dp-title{
    text-align:center;
    font-size:22px;
    font-weight:700;
    color:#111;
    margin-bottom:22px;
    text-transform:uppercase;
    line-height:1.4;
}

/* BUTTON WRAP */
.dp-buttons{
    display:flex;
    gap:18px;
}

/* BUTTON */
.dp-btn{
    flex:1;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:18px 20px;
    border-radius:12px;

    font-size:18px;
    font-weight:700;
    text-decoration:none !important;

    transition:all .3s ease;
}

/* ICON */
.dp-btn .icon{
    font-size:22px;
}

/* CALL */
.dp-call{
    background:#ffc107;
    color:#111 !important;
}

/* ZALO */
.dp-zalo{
    background:#007bff;
    color:#fff !important;
}

/* HOVER */
.dp-btn:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 20px rgba(0,0,0,0.12);
}

/* MOBILE */
@media(max-width:768px){

    .dp-buttons{
        flex-direction:column;
    }

    .dp-btn{
        width:100%;
        font-size:17px;
    }

    .dp-title{
        font-size:18px;
    }
}