/*
Theme Name:   Flatsome Child
Theme URI:    https://nongnghiepvisinh.vn
Description:  Child theme for Flatsome
Author:       MrSeadev
Author URI:   https://nongnghiepvisinh.vn
Template:     flatsome
Version: 3.2
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  flatsome-child
*/

@font-face {
    font-family: 'Avo';
    src: url('./fonts/UTM-Avo.ttf') format('truetype');
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Avo';
    src: url('./fonts/UTM-AvoItalic.ttf') format('truetype');
    font-style: italic;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Avo';
    src: url('./fonts/UTM-AvoBold.ttf') format('truetype');
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Avo';
    src: url('./fonts/UTM-AvoBold_Italic.ttf') format('truetype');
    font-style: italic;
    font-weight: 700;
    font-display: swap;
}

body,
button,
input,
select,
textarea {
    font-family: 'Avo', sans-serif;
}

.is-divider {
    background-color: transparent !important;
}


.kdev-container {
    display: flex;
    width:100%;
}

.kdev-item {
    list-style: none;
}

.kdev-container-left li a,
.kdev-container-right li a {
    background-color: #41bca0;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: block;
    width: 100%;
    /*   max-width: 400px; */
    line-height: 40px;
    padding: 0 18px;
    border-radius: 25px;
    padding-left: 60px;
    position: relative;
}

.kdev-container-left li a span,
.kdev-container-right li a span {
    background-color: #fff;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 0px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    overflow: hidden;
}

.kdev-container-left li a span img,
.kdev-container-right li a span img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

.kdev-container-left li:nth-child(1) {
    margin-bottom: 24px;
    position: relative;
    /*   left: -45px; */
}

.kdev-container-left li:nth-child(1) a {
    background-color: #41bca0;
}

.kdev-container-left li:nth-child(2) {
    position: relative;
    /*   left: 5px; */
    margin-bottom: 24px;
}

.kdev-container-left li:nth-child(2) a {
    background-color: #3bbfc1;
}

.kdev-container-right li:nth-child(3) {
    margin-bottom: 32px;
    /*   left: 25px; */
    position: relative;
}

.kdev-container-right li:nth-child(3) a {
    background-color: #11a9ac;
}

.kdev-container-right li:nth-child(1) {
    margin-bottom: 26px;
    position: relative;
    /*   left: 25px; */
}

.kdev-container-right li:nth-child(1) a {
    background-color: #008dcf;
}

.kdev-container-right li:nth-child(2) {
    margin-bottom: 24px;
    position: relative;
    /*   left: 5px; */
}

.kdev-container-right li:nth-child(2) a {
    background-color: #0076bc;
}

.kdev-container-right li:nth-child(3) {
    position: relative;
    /*   left: -45px; */
}

.kdev-container-right li:nth-child(3) a {
    background-color: #0f63ac;
}

.kdev-container-left .kdev-item li a:hover,
.kdev-container-right .kdev-item li a:hover {
    background-color: #ffd105;
    color: #000;
    -webkit-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

/* Ảnh danh mục hiển thị qua .kdev-item li a span img (ảnh động), không còn dùng icon nền cố định a1-a6.png nữa */

.kdev-dynamic-cat .kdev-item li {
    margin-bottom: 24px;
}

.kdev-dynamic-cat .kdev-item li:last-child {
    margin-bottom: 0;
}