/*
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.   ***************/
body{font-family:'Inter Tight';font-weight:400}
/* inter-tight-regular - vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/inter-tight-v8-vietnamese-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-tight-700 - vietnamese */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/inter-tight-v8-vietnamese-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.socials-ft img{width:31px;height:auto}.socials-ft ul li{list-style:none;display:inline-table;margin-left:0;margin-right:10px}.banner-home .banner-bg.fill{border-radius:50px}.banner{background-color:transparent}.feature-home{margin-top: -100px;background-color: #fff;border-radius: 20px;box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%)}.feature-home .col{padding:0 20px 15px}.slogan-main{text-align:left;font-weight:700;font-size:2.5rem}.btn-banner-home{background:linear-gradient(-45deg,#ffa63d,#ff3d77,#338aff,#3cf0c5);background-size:600%;animation:10s linear infinite anime;border-radius:10px;color:#fff;padding:5px 35px;margin-top:30px}.pro-cat-home .box-image{border-radius:15px}.fea-img-home .banner-bg{border-radius: 15px;}.pro-cat-home a.button.white.is-outline.is-small{border-radius: 10px !important}.blog-vertical-form{border:1px solid #ccc;padding:35px 10px 0;text-align:center;background:#fbfcfd;border-radius:10px}.blog-vertical-form img{width:180px}.blog-vertical-form .icon-box-left .icon-box-img+.icon-box-text{padding-left:.3em;line-height:32px;font-size:.8em}.col-divided{border-right:none}#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f1f1f1;padding:5% 3%;width:100%;display:table;border-radius:10px;margin:5% auto}#toc_container p.toc_title{text-align:center;font-weight:700}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}span.toc_number.toc_depth_1,.toc_depth_2,.toc_depth_3,.toc_depth_4{color:#333;margin-right:5px}.page-right-sidebar img{border-radius:10px}.wp-caption .wp-caption-text{background:none}.nav-size-large>li>a, .contact_mobile_menu ul li a{font-weight:600;color:#136133}.custom-cta-button,.custom-cta-menu{box-shadow:0 4px 8px rgba(0,0,0,.2)!important}.custom-cta-button,.custom-cta-item{gap:6px!important;line-height:1.2!important}.custom-cta-container{position:fixed!important;bottom:20px!important;left:20px!important;z-index:10000!important}.custom-cta-button{background-color:#ff4d4f!important;color:#fff!important;border:none!important;padding:12px 20px!important;border-radius:20px!important;font-size:16px!important;cursor:pointer!important;animation:2s infinite shake!important;display:flex!important;align-items:center!important;justify-content:center!important}.custom-cta-button .custom-cta-icon,.custom-cta-item .custom-cta-item-icon{width:20px!important;height:20px!important;fill:white!important;align-self:center!important}@keyframes shake{0%,100%{transform:translate(0,0)}10%,30%,50%{transform:translate(-5px,0)}20%,40%,60%{transform:translate(5px,0)}}.custom-cta-menu{display:none!important;position:absolute!important;bottom:86px!important;left:0!important;background-color:#fff!important;border-radius:10px!important;padding:10px!important}.custom-cta-menu.active{display:block!important}.custom-cta-item{display:flex!important;align-items:center!important;justify-content:center!important;padding:10px 20px!important;text-align:center!important;text-decoration:none!important;color:#333!important;margin:5px 0!important;border-radius:5px!important;transition:background-color .3s!important}.custom-cta-callout{background-color:#4caf50!important;color:#fff!important;margin-bottom:15px!important}.custom-cta-zalo{background-color:#0068ff!important;color:#fff!important}.custom-cta-item:hover{opacity:1!important}.absolute-footer, .blog-single .is-divider{display:none}.wp-post-image, .blog-single img{border-radius: 10px}.box-blog-post .is-divider{display:none}h5.post-title.is-large{margin-bottom:15px}footer#footer {
    background: linear-gradient(rgba(255, 255, 255, .5), rgba(255, 255, 255, .5)), url(https://mymic.vn/wp-content/uploads/2025/10/footer-background.webp);
    background-size: cover;
    background-origin: content-box;
    background-position: 0% 0%;
    background-repeat: no-repeat;}

/* Thuộc tính cho cta-box img (hình ảnh bên trong cta-box) */
.cta-box img {
    width: 180px;
    height: auto;
    margin: 0 auto 20px;
    display: block;
}

/* Thuộc tính cho cta-box p (đoạn văn bên trong cta-box) */
.cta-box p {
    color: #000;
    text-align: center;
}

/* Thuộc tính chính cho class cta-box */
.cta-box {
    margin: 30px auto;
    width: 100%;
    height: auto;
    background: url(https://mymic.vn/wp-content/uploads/2025/09/lead-form-background.webp) bottom/cover no-repeat;
    border-width: 5px;
    border-style: solid;
    border-image: linear-gradient(to bottom right, #136133 -100%, rgba(0,0,0,0) 50%, #136133 150%) 1;
    border-image-slice: 1;
    padding: 50px 50px 30px;
}
.same-h3 {
    color: #fff;
    font-weight: 700;
    font-size: 1.5em;
    margin-bottom: 10px;
}
@keyframes anime{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@media only screen and (min-width:800px){.banner-home{margin-top:-30px}}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
    .cta-box {
        padding: 50px 30px 30px;
    }
	.feature-home{margin-top:0}
	.blog-vertical-form{display:none}
	.banner h1{font-size:1.6em}.banner p{font-size:1.3em}button.btn-banner-home{font-size:0.8em}.same-h3{font-size:1.2em}..contact_mobile_menu ul li a{font-size:1.1em}.absolute-footer{display:none}.copyright-ft{padding:0 15px}
}