.miko-layout-box {

    background-color: #c6d739;

    /* màu nền vàng xanh */

    border-radius: 6px;

    padding: 20px 30px;

    max-width: 1320px;

    margin: 0 auto;

}



.miko-box-inner {

    display: flex;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}



.miko-box-left {

    display: flex;

    align-items: center;

    gap: 10px;

}



.miko-image{

    max-width: 60px;

}



.miko-icon {

    font-size: 28px;

    color: #0c2c38;

    display: flex;

    align-items: center;

}



.miko-title {

    font-size: 20px;

    font-weight: 700;

    color: #0c2c38;

    margin: 0;

}



.miko-box-right .miko-button {

    display: inline-flex;

    align-items: center;

    gap: 5px;

    padding: 8px 16px;

    background-color: #0c2c38;

    color: #fff;

    border-radius: 20px;

    font-size: 14px;

    font-weight: 600;

    text-decoration: none!important;

    transition: all 0.3s ease;

}



.miko-box-right .miko-button:hover {

    background-color: #264b59;

    color: #fff;


}



.miko-btn-icon svg {

    transition: transform 0.3s ease;

}



.miko-box-right .miko-button:hover .miko-btn-icon svg {

    transform: translateX(3px);

}



/* Style 2 */

.miko-layout-box.style2 {

    margin: 0;

}

.miko-layout-box.style2 .miko-box-inner {

    flex-direction: column;

    align-items: self-start;

}

.miko-layout-box.style2 .miko-subtitle{

    font-size: 14px;

    color: white;

    font-weight: normal;

}

.miko-layout-box.style2 .miko-title{

    font-size: 56px;

    color: white;

}

.miko-layout-box.style2 .miko-description{

    font-size: 24px;

    color: white;

    max-width: 40%;

}



@media screen and (max-width: 767px) {

    .miko-layout-box.style2 .miko-description{

        max-width: 100%;

    }

    

}