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

.color-white *,.color-white *:hover{
	color: #fff;
}

.p-mb-0 p{
    margin-bottom: 0;
}

.footer-wrapper a{
    color: #fff;
}
.copyright-footer{
    color: #fff;
}
.row-uytin .col .col-inner{
    height: 100%;
}

h2.section-title-center b{
    opacity: 0;
    visibility: hidden;
}
h2.section-title-center{
    font-size: 32px;
}

.tab-tinhnang li.tab a{
    border: 1px solid #0950e0;
    border-radius: 8px;
    margin-right: 9px;
    margin-bottom: 9px;
    color: #0950e0;
    font-size: 16px;
}
.tab-tinhnang li.tab.active  a{
    color: #fff;
    background-color: #0950e0;
}
.tab-tinhnang .tab-panels{
    border-radius: 8px;
    overflow: hidden;
    display: block;
    padding-top: 0;
    margin-top: 1em;
}
a.button.readmore-tab {
    position: absolute;
    bottom: 0;
    left: 50px;
}
.section-title-container{
    margin-bottom: 0 !important;
}
.home-feedback {
    background: #fff;
}
.home-feedback .col-content>.col-inner {
    padding: 40px 60px;
}
/* .home-feedback .row {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
} */

.testimonial .col-shadown>.col-inner .flickity-slider .row-collapse.row-full-width{
    border-radius: 16px;
    overflow: hidden; 
    
}
.testimonial .col-shadown .medium-3 img{
    border-radius: 16px;
}


.header-main .header-nav-main.nav.nav-left{
    justify-content: center;
}
.home-feedback .flickity-button .flickity-button-icon{
    background-color: #fff;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
    background-color: #fff;
     
}
.home-feedback .flickity-button .flickity-button-icon path{
    color: #0950E0;
} 

.img-box-shadow .box-image{
    border: 1px solid #ccc;
    border-radius: 4%;
}

.blog-post .post-title,.podcat-doc .post-title,.podcast-big .post-title{
    font-weight: 700;
    font-size: 20px;
    color: #000000;
}
.bottom-blog {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
} 
  
.bottom-blog .post-meta{
    font-size: 14px;
}
.from_the_blog_excerpt {
    margin-bottom: 16px !important;
}

.teammember-box-custom .box-text-inner .person-name{
    font-size: 28px;
    font-weight: 700;
    color: #383333;
    display: block;
}
.teammember-box-custom .box-text-inner .person-title{
    font-size: 18px;
    color: #555454;
}
.teammember-box-custom .box-text-inner br{
    display: none;
}

.teammember-box-custom .box-text-inner .featured-box{
    display: flex;
    align-items: center !important;
    margin-top: 8px;
}
.podcat-doc .image-cover img{    
    border-radius: 8px;
}
.post-item .box-image {
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
}

.archive-page-header{
    padding-top: 30px;
}

.archive-page-header h1.page-title{
    font-weight: 700;
    font-size: 32px;
    color: rgb(9, 80, 224);
    margin-bottom: 0;
}
.box-blog-post h5.post-title{
    font-weight: 700;
    font-size: 20px;
    color: #000000;
}

.box-step.icon-box-center {
    position: relative;
    background: #EAEAEA;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    padding: 0px 15px;
    height: 100%;
}
.box-step .icon-box-img .icon{
    position: absolute;
    top: -45px;
}
.box-step.icon-box-center .icon-box-text{
    padding-top: 50px;
}
.row-step .col .col-inner{
    height: 100%;
}

.wrap-form-tinhcach .image-checkbox input[type="checkbox"],.wrap-form-tinhcach .image-checkbox .wpcf7-list-item-label{
    display: none;
}

.wrap-form-tinhcach .image-checkbox {
    position: relative;
    border: 3px solid transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    border-radius: 7px;
}
.wrap-form-tinhcach .item-step1{
    position: relative;
}
.wrap-form-tinhcach .item-step1 img{
    width: 100%;
    border-radius: 24px;
}

.wrap-form-tinhcach .item-step1 .step-number{
    background: #EAEAEA;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 60px 60px 60px 0px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    font-weight: 700;
    font-size: 32px;
    color: #0950E0;
}
.wrap-form-tinhcach .item-step1 .wpcf7-form-control-wrap{
    display: none;
}

.wrap-form-tinhcach .image-checkbox.image-checkbox-checked {
    border: 3px solid #ef4137;
    border-radius: 24px;
}
.wrap-form-tinhcach .item-step1 .image-checkbox.image-checkbox-checked .step-number{
    background: #ef4137;
    color: #fff;
}
.wrap-form-tinhcach .title-step{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0950E0;
    border-radius: 8px;
    width: 120px;
    display: flex;
    margin: 20px auto;
    color: #fff;
    align-items: center;
    justify-content: center;
    padding: 10px 0px;
}
.wrap-form-tinhcach .step-2{
    margin-bottom: 40px;
}
.wrap-input-step2{
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    justify-content: center;
    
}
.wrap-input-step2 input {
    max-width: 105px;
    margin: 0px 5px;
    background: #EAEAEA;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    height: 66px;
    text-align: center;
    font-size: 40px;
}
.wrap-form-tinhcach .step-2 .des {
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    color: #747272;
}
.wrap-step3{
    background: #FFFFFF;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    position: relative;
}
.wrap-step3 h5{
    text-align: center;
    color: #0950E0;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    border-bottom: 1px solid #ccc;
    padding: 10px 0px;

}

.wrap-step3 .form-field {
    padding: 10px 20px 20px;
}
.wrap-step3 .form-field label{
    font-weight: 700;
    font-size: 18px;
    line-height: 28px;
    color: #383333;
}
.wrap-step3 .form-field label input{
    box-shadow: none;
    border: 1px solid #AEAEAE;
    border-radius: 8px;
    font-size: 16px;
    height: 48px;
    margin-bottom: 0px;
}
.wrap-step3 .form-field label input::placeholder{
    color: #AEAEAE;
}
.wrap-step3 p{
    margin-bottom: 15px;
    font-size: 14px;
    color: #747272;
    margin-top: 5px;
}
.wrap-step3 a{
    color: #0950E0;
}
.wrap-step3 .wpcf7-submit {
    display: block;
    width: 100%;
    margin-top: 25px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #0950E0;
    border-radius: 8px;
    font-size: 18px;
    margin-bottom: 0;
}
.wpcf7-spinner{
    left: 0;
    position: absolute;
    bottom: 0;
}
.wrap-input-step2 .wpcf7-not-valid-tip{
    display: none;
}

.wrap-send-friend img{
    max-width: 250px;
    display: block;
    margin: 0 auto;
}
.wrap-send-friend .wpcf7-submit{
    border-radius: 8px;
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    width: 250px;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .box-baochi{
        flex-direction: column;
        text-align: center;
    }
    .box-baochi .icon-box-img{
        margin-bottom: 20px;
    }
    h2.section-title-center {
        font-size: 24px;
    }
    a.button.readmore-tab{
        position: relative;
        margin-top: 20px;
    }
    .home-feedback .col-content>.col-inner {
        padding: 20px 30px;
    }

    .wrap-form-tinhcach {
        padding: 0px 10px;
    }

    .row-step>.col {
        margin-bottom: 30px;
    }

    .section.section-step{
        padding-bottom: 0 !important;
    }
    .section.section-form{
        padding-top: 0 !important;
    }
    .wrap-input-step2 input{
        max-width: 75px;
    }

    .tab-tinhnang>ul{
        flex-wrap: unset;
        display: -webkit-box;
        overflow: hidden;
        overflow-x: scroll;
        white-space: nowrap;
    }
    .tab-tinhnang>ul>li.tab{
        width:auto;
    }

    .tab-tinhnang>ul::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
        background-color: #F5F5F5;
    } 

    .tab-tinhnang>ul::-webkit-scrollbar
    {
        height: 2px;
        background-color: #F5F5F5;
    }

    .tab-tinhnang>ul::-webkit-scrollbar-thumb
    {
        background-color: #000000;
    }
    .wrap-send-friend img{
        display: none;
    }
    .logo-seemore img{
        object-fit: contain;
    }

	
}

@media (min-width: 320px) and (max-width: 480px) {
  
  
}