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

.tabbed-content .banner-layers .banner-layer{width: 100% !important;padding: 0 20px;}
.tabbed-content .banner-layers .banner-layer > .text-box-content{width: 50%;}
.tabbed-content .nav-line-bottom > li > a:before{display: none;}
.tabbed-content .nav-line-bottom > li > a{font-size: 18px;display: block;padding: 0 20px;text-transform: none;
    font-weight: 500;color: #44494D;line-height: 24px;}
.tabbed-content .nav-line-bottom > li{border-bottom: 1px solid black;
    display: inline-block;margin: 0;}
    .tabbed-content .nav-line-bottom > li.active {    border-bottom: 1px solid #EE0033;}
    .tabbed-content .nav-line-bottom > li.active > a{color: #EE0033;}
    .tabbed-content .btn-tuvan,  .tabbed-content .btn-chitiet{border: 1px solid #44494D;
    box-sizing: border-box;
    border-radius: 8px 8px 8px 0px;}
    .modal-back {
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    overflow-y: scroll;
    z-index: 25;
}

.modal-back .modal-advise {
    width: 800px ;
    margin: 150px auto 0;
    background-color: #FFFFFF;
    border-radius: 14px 14px 14px 0px;
    position: relative;
}
.modal-back .modal-advise .close-x {
    height: 20px;
    width: 20px;
    position: absolute;
    right: 15px;
    top: 15px;z-index: 999;
    cursor: pointer;
}
.modal-back .modal-advise .modal-title {
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: 0em;
    text-align: center;
    color: #44494D;
    padding-top: 30px;
    padding-bottom: 20px;
}
.modal-back .modal-advise .form_popup_sme {
    padding: 0 95px;
}
.modal-back .modal-advise .btn-box {
    text-align: center;
    padding-bottom: 31px;
    margin-top: 36px;
}
.modal-back .modal-advise .btn-box .btn-border {font-style: normal;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.02em;
    color: #FFFFFF;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    width: 195px;
    height: 40px;
    margin: 0 7px;
    background: #EE0033;
}
.modal-back .modal-advise .col-right-sme {
    margin-bottom: 12px;
}
.sme-advise_desc {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #44494D;
}
.sme-advise_title_name {
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #EE0033;
    margin-left: 12px;
}
.modal-back .modal-advise .col-left-sme {
    margin-bottom: 12px;
}
.modal-back .modal-advise .information_sme {
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 27px;
    color: #44494D;
}
.sme-advise_input {
    height: 40px;
    border: 1px solid #D1D1D1;
    border-radius: 8px 8px 8px 0px!important;
}
.slider-index .pricing-table-header .title{   
	height: 90px;   
	border-radius: 8px 8px 0 0;
    background-image: url(frame12.png);
    background-size: unset;
    background-repeat: no-repeat;
    background-color: #be0129;    line-height: 80px;
    font-weight: 700;
    letter-spacing: 0.15px;
    font-size: 30px;
    color: #fff;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.25);
    text-transform: uppercase;}
    .slider-index .pricing-table-wrapper{border-top: 0;}
    .slider-index .pricing-table{border-radius: 0 0 8px 8px;}
    .slider-index .pricing-table .price{font-size: 27px;
    padding: 0;}
    .slider-index .section-content .col-inner > .text{position: absolute;top: 0;}
    .slider-index .tabbed-content .tab-panels .entry-content .row-slider-image-box .col {    flex-basis: 100%;
    max-width: 100%;}

    @media(max-width:767px) {
.modal-back .modal-advise {
  width: 100%;}
  .modal-back .modal-advise .form_popup_sme {
  padding: 0 15px;
}
.modal-back .modal-advise{margin: 100px auto 0;}
.modal-back .modal-advise .btn-box{margin-top: 0;}
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}