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


}


.timeline{position:relative;width:500px}.timeline::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:4px;height:100%;background-color:#838383}.timeline-item::after{content:'';position:absolute;top:50%;left:100%;transform:translateX(-50%);width:60px;height:1px;background-color:#838383;border-radius:50%;z-index:-1}.timeline-item.right::after{left:-10px;width:60px}.timeline-item{position:relative;margin:0 0;width:calc(50% - 20px);transition:all .3s}.text-nguyenlam{display:none}.timeline-item:hover .timeline-content{background-color:#DCF2FD}.timeline-item:hover .timeline-content{transition:all .3s;border:3px solid #005B80;height: 110px;}.timeline-item.left{left:-20px;text-align:right}.timeline-item.right{left:58%;text-align:left}.timeline-item::before{content:'';position:absolute;top:40%;right:-60px;transform:translateX(-50%);width:20px;height:20px;background-color:#838383;border-radius:50%;z-index:1}.timeline-item.right::before{left:-40px;right:unset;transform:translateX(-50%)}.timeline-item::before{background-color:#838383}.text-nguyenlam{color:#0f6890}.timeline-item .timeline-content{color:#333;display:flex;align-items:center;gap:10px;justify-content:flex-end}.timeline-item.right .timeline-content{transition:all .3s;display:flex;align-items:center;justify-content:flex-start}.timeline-content{position:relative;display:inline-block;padding:10px 20px;border-radius:60px;width:180px;margin-top:-10px}.timeline-item:hover .text-nguyenlam{display:block;transition:all .3s;font-size: 25px;line-height: 100%;padding: 0 0 18px;}.timeline-content svg{width:50px;height:auto}.timeline-item:hover .iconsvg{border-width:0}.timeline-item:hover .iconsvg .cls-1{fill:#005b80}.timeline-item:hover::before{background-color:#005B80}.iconsvg{border:3px solid #838383;border-radius:50%;display:flex;justify-content:center;align-items:center;align-content:center;width:110px;height:110px}.timeline-title{margin-top:30px;margin-bottom:30px}.tron{width:60px;height:60px;display:flex;align-content:center;justify-content:center;align-items:center;background:#005B80;text-align:center;color:#fff;font-weight:700;border-radius:50%;padding:10px}.chamdau{display:flex;justify-content:center}.cham{background-color:#838383;width:20px;height:20px;border-radius:50%;z-index:1}@media (max-width:600px){.timeline::before{display:none}.chamdau{display:none}.timeline-item .timeline-content{background-color:#DCF2FD;border:1px solid #005B80;}.timeline-item .text-nguyenlam{display:block}.timeline-item .iconsvg{border:none}.timeline-item::before{background-color:#005B80}.timeline-item .iconsvg .cls-1{fill:#005b80}.timeline{position:relative;width:calc(100% - 15px)}.timeline-item.left{left:0;text-align:right}.timeline-item{position:relative;margin:20px 0;width:calc(70% - 20px);transition:all .3s}.timeline-item.right{left:38%;text-align:left}.timeline-content svg{width:30px;height:auto}.timeline-content{padding:0 20px}}