/*
Theme Name: Naciva
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.dailybox1 .is-divider{display: block !important}
.text-gran h3{background-image: linear-gradient(rgb(73, 198, 40), rgb(112, 245, 112));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
		font-size: 26px;
		padding: 5px 0px;
		font-weight: bold;
		margin-bottom: 0px;
}
.text-gran h5{
    font-size: 28.23px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(255, 145, 77);
    text-align: left;
}
.text-gran h4{border-top: 1px solid rgb(2, 72, 32); padding-top: .5em;}
.text-gran2 h4{border-top: 1px solid #d9d9d9; padding-top: .5em;}
.lhe .wpcf7 label {
    color: rgb(255, 145, 77);
    text-transform: uppercase;
}
.title321 h2{font-weight: bold}
.dailybox1 .col-inner h4{color:rgb(255, 145, 77); text-transform: uppercase; font-size: 16px;	font-weight: bold;}

.dailybox1  .bongdo .col-inner,.list-post .post-item .col-inner,.dailybox2 .bannerdl .col-inner
{
	filter:drop-shadow(rgb(207, 207, 207) -1px 6px 6px); background: #ffff
}

.dailybox2  .bongdo .col-inner{padding: 0px 20px !important}
.dailybox2 .img,.boxtin3 .img {
    box-shadow: rgb(0, 0, 0) -4px 15px 20px -20px;
}
.dailybox1 .row {
    border-bottom: 1px solid #cccc; padding-bottom: 30px;
}
col.dailybox2{padding: 0px;}
.dailybox1 .col-inner p{font-size: 18px;}
.dailybox2 .text-gran h4 {
    font-size: 28.23px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(255, 145, 77);
    text-align: left;
}
.img-radis .img-inner{border-radius: 20px;}
.dailybox2 .box-image{border-radius: 20px 20px 0px 0px}
.dailybox2 h4{color:rgb(2, 72, 32); font-size: 17px; font-weight: bold; margin-bottom: 10px;}
.dailybox2 .box-text p{text-align: justify !important; min-height: 200px;}

.txt-jus{text-align: justify !important}
.gthome .alt-font p {
    font-size: 62px;
    color: #000;
    margin-bottom: 0px;
}
#footer .fill{    background-image: linear-gradient(rgb(65, 163, 55), rgb(150, 217, 98));}
.gthome .alt-font p:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2025/07/title-divide-3.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
  margin-top: -18px;
}
.nav-small.nav>li.html{font-size:14px; text-transform:uppercase}#header-contact li a, #top-bar .cart-item a {
    text-transform: none;
    font-size: 16px; color: #000; font-weight: 400 !important;
}.searchform-wrapper input[type=search] {
    margin-top: 4px;
    font-size: 15px;
    background: white;
    border: 1px solid #4f9a33;
    border-radius: 5px;
    height: 46px;
}.header-block-block-1 .col {
    padding-bottom: 0;
}.header-block-block-1 .icon-box .icon-box-text {
    font-size: 14px;
    COLOR: black;
}.header-block-block-1 .icon-box h3 {
font-size: 21px;
    color: #4f9a33;
}.header-main .icon-search:before{color: #4f9a33;}.nav-spacing-xlarge>li {
    margin: 0 20px;
}.nav-dropdown {
    border: none;border-radius: 10px;
}.nav-dropdown.nav-dropdown-default>li>a {
    border-bottom:none;
}.nav-dropdown>li>a {
    padding: 7px 20px;font-size:18px;color:black;font-family: "svn-gilroy", sans-serif !important;
}.nav-dropdown>li>a:hover{color:#4f9a33; padding-left:7px}.section5 {
    padding-bottom: 0 !important;
}.section5 .large-3 .col-inner {
    min-height: 447px;
}.section5 .cot4 .col-inner {
    background-image: url(/wp-content/uploads/2022/06/img03.jpg);
}.section5 .cot1 .col-inner {
		background-image: url(/wp-content/uploads/2022/06/img02.jpg);}
.section5 .cot3 .col-inner {
    background: rgb(242, 251, 255) url(/wp-content/uploads/2022/06/bg2.jpg) no-repeat right center;
}
.list-post .post-item .box-text {
background: white;
    padding: 15px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
	
}
.list-post h5.post-title{color: #024820 !important}
.list-post .post-meta.is-small.op-8{color: rgb(255, 145, 77); font-size: 10px;}
.page-inner ul{margin-left:20px}
.list-post .post-item .col-inner{
    border-radius: 10px;}
.section4 .large-12{padding-bottom:0}
.section1 .col{padding-bottom:0}
.nut-xem-them, a.back-to-top{color:white !important; line-height:45px; font-weight:normal; letter-spacing:0; margin-bottom:0;background-image: linear-gradient(45deg, #197c36, #2d920a);}.vi-sao-section .box {
    border-radius: 10px;
    box-shadow: 2px 2px 20px #00000012;
}.vi-sao-section .box .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}.vi-sao-section .box .box-text {
    padding: 0;
}.vi-sao-section .box .box-text h3 {
    font-size: 17px;
    font-weight: 500;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: white;
    background: #720000;
    padding: 13px 10px;
    background-image:linear-gradient(to right,#4c9a31,#2a940c);
    margin: 0;
}.vi-sao-section .box .box-text p {
    margin-bottom: 0;
    padding: 20px 10px 25px 10px;
    font-size: 15px;
    background: white;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.section3 p,.section3 h3,.section3 h4{margin-bottom:0}
.section3 h2{margin-bottom:10px}
.section3{
    background-image: radial-gradient(circle, rgb(66, 163, 55), rgb(150, 217, 98));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
}
.section3 .col{padding-bottom:0}
.form-dang-ky .left {
    width: 70%;
    float: left;
}.form-dang-ky .right {padding-left:8px;
    width: 30%;
    float: right;
}.form-dang-ky input[type="tel"] {height:50px;margin-bottom:0;
    border-radius: 99px;
}
.form-dang-ky{margin-top:10px;display: inline-block;
    width: 100%;
		clear: both;}.wpcf7-spinner{display:none}
.form-dang-ky input[type=submit]{height:50px; margin-bottom: 0;
    background: rgb(255, 145, 77);
    border-radius: 25px;
    width: 100%;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;}
form{margin-bottom:0}.product-small.box {
border: solid 1px #c2f5c7;
    border-radius: 16px;
    padding: 10px;
    box-shadow: 2px 4px 13px #00000014; background:#fff
}.product-small .box-text {
    padding-bottom: 10px;
}.product-small .product-title a {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.38;
    color: #2e2b27;
    text-decoration: none;
    text-transform: none;
}.product-small .box-image:hover::before{
-webkit-animation:shine .75s;animation:shine .75s
}
p.name.product-title.woocommerce-loop-product__title{height: 44px !important;  word-break: keep-all; /* Giữ từ nguyên vẹn, không cắt giữa từ */
  overflow-wrap: break-word; /* Nếu cần thì ngắt dòng theo từ hoàn chỉnh */
  hyphens: auto; /* Nếu muốn thêm dấu gạch nối khi từ quá dài */}
.header-bottom-nav {
    padding-left: 57px;
}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.product-small .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}.star-rating:before, .star-rating span:before{color: #ffc107;}
.product-small .price bdi{color: #309417;
    font-size: 17px;}
.product-small .price-wrapper .price {
    display: block;
    margin-top: 12px;
}.list-post .post-item .box-image {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}.post-item .box-image:hover::before{
-webkit-animation:shine .75s;
animation:shine .75s}
@-webkit-keyframes shine{
100%{left:125%}
}
@keyframes shine{
100%{left:125%}
}
.post-item .box-image::before{
position:absolute;
top:0;
left:-75%;
z-index:2;
display:block;
content:'';
width:50%;
height:100%;
background:-webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,.3) 100%);
-webkit-transform:skewX(-25deg);transform:skewX(-25deg)
}.box-blog-post .is-divider{display:none}.list-post .post-item .post-title, .blog-archive .post-item .post-title {
    text-decoration: none;
    margin-bottom: 10px;
    margin-top: 0;
    font-size: 19px;
    line-height: 1.43;
    color: #2e2b27;
    height: 55px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}.list-post .post-item .from_the_blog_excerpt {
    line-height: 1.43;
	font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}.list-post .post-item .post-meta {
    font-size: 12px;
    line-height: 1.5;
}.list-post .post-item .post-title:hover, .blog-archive .post-item .post-title:hover{color:#3a961f}
.section6 .large-12{padding-bottom:0}
.list-post .post-item a:hover{color:black}.footer1 .cot1 .icon-box {    border: 1px solid #4f9a33;
    padding: 10px;
    border-radius: 5px;
    margin-top: 20px;
    font-size: 14px;
    background: #ecf7e1;
}
.footer1 .cot1 .icon-box p{font-size: 16px; font-weight: 600}
.footer1 .cot1 .icon-box img{animation: play0 1.5s ease infinite;}
.absolute-footer{
display: none
}

.footer1 .col{padding-bottom:0}
.footer1 ul li a:hover{color:yellow}
.footer1 ul li{list-style:none; margin-left:0}
.footer1 .text_hot p{margin-bottom:0px; font-size: 18px; font-weight: 700;}
h1.entry-title.mb {
    margin-bottom: 15px;
    text-transform: none;
    letter-spacing: 0;
}
.page-inner h2, .entry-content h2, .woocommerce-Tabs-panel h2{font-size:21px}
.page-inner h3, .entry-content h3, .woocommerce-Tabs-panel h3{font-size:20px}
.page-inner h4, .entry-content h4, .woocommerce-Tabs-panel h4{font-size:19px}
.page-inner h5, .entry-content h5, .woocommerce-Tabs-panel h5{font-size:18px}.page-right-sidebar .large-9 {
    border-right: none !important;
}.page-right-sidebar .large-3 {
    padding-left: 0;
}span.widget-title {
    font-size: 1em;
    font-weight: 600;
    display: block;
    padding: 12px 10px;
    color: white;
    letter-spacing: 0;background:#4f9a33}.product-categories {
    border: 1px solid #e1e1e1;
}.product-categories li {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 15px;
}.widget .is-divider{display:none}ul.product_list_widget li {
    padding: 10px 5px 5px 75px;
}.widget_products, .flatsome_recent_posts ul {
    border: 1px solid #ddd;
}ul.product_list_widget li img {
    margin-left: 8px;border-radius: 99%;
}.product_list_widget li a {
    font-size: 15px;
}.recent-blog-posts {
    padding: 10px;
}.recent-blog-posts a {
    font-size: 15px;
}.lien-he-1 {
    background-size: contain;
    background-image: url(/wp-content/uploads/2025/07/bg2.png);
    background-repeat: no-repeat;
    background-position-x: center;
}.lien-he-2 .icon-box svg {
    background: #dff1cd;
    color: #4f9a33;
    padding: 10px;
    border-radius: 99%;
}.gui-lien-he {
    background: rgb(233 245 219);
    padding: 30px;
    border-radius: 10px;
}.gui-lien-he input, .gui-lien-he textarea {
    border-radius: 4px;
    box-shadow: none;
    font-size: 16px;
}.gui-lien-he h3 {
    font-size: 23px;
    text-align: center;
    text-transform: uppercase;
}.hop-tac-2 .col {
    padding-bottom: 0;
}
.hop-tac-3 img{border-radius:20px}
.hop-tac-3 .col{padding-bottom:0}
.form-dai-ly input, .form-dai-ly textarea{border-radius:5px;box-shadow:none; font-size:15px}
.hop-tac-2 .box img{border-radius:10px}
.lien-he-2 .icon-box{margin-bottom:10px}
.product_list_widget span.amount{color:#4f9a33;font-size:17px}
.rank-math-breadcrumb p{margin-bottom:15px}
.blog-archive .page-title{text-transform: none;
    letter-spacing: 0;
    font-size: 29px;}
.blog-archive .large-12{padding-bottom:10px}
.blog-archive .post-item .box-image{border-radius:10px 0px 10px 0px}
.blog-archive .post-item a:hover{color:black}
.blog-single .large-3{padding-left:0}
.blog-single .entry-meta{text-transform: none;
    font-size: 14px;
    letter-spacing: 0;
    color: gray;}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.archive .shop-page-title h1{margin-bottom: 5px;font-size:30px}
.archive .featured-title .page-title-inner {
    padding-bottom: 60px;
}
.archive .page-title-inner {
    position: relative;
    padding-top: 59px;
    min-height: 100px;
}.dang-ky-bao-hanh {
    display: block;
}.dang-ky-bao-hanh p {
    color: #2b2b2b;
    margin-bottom: 14px;
    background: #fff9eb;
    padding: 10px;
    border-radius: 0;
    border: 0;
    border-left: 5px solid #ffbd00;
    font-size: 14px;
}.product_meta>span {
font-size:15px;
}.single-product .product-short-description {
    font-size: 15px;
}.product-info {
    padding-top: 0;
}.single-product .product-info .price span.amount, .single-product .product-info ins bdi {
    color: #4f9a33;
    font-size: 20px;
}.product-main {
padding-bottom:0
}.product-footer .woocommerce-tabs {
    padding: 0;
    border-top: 0;
}
.woocommerce-tabs ul li a{text-transform: none;
    letter-spacing: 0;
    font-size: 17px;}
.woocommerce-tabs ul li.active a{color:#509a33}.related h3 {
    text-transform: none;
    letter-spacing: 0;font-size:25px;margin-top:10px
}
.woocommerce-ordering input{background-color: #ffc107 !important;}.single-product .large-9 {
    border-right: none !important;
}#product-sidebar{padding-left:0;padding-top:30px}#comments a.btn-reviews-now{background-color: #509a33;}span.devvn_num_reviews {
    color: #4f9a33;
}button#devvn_cmt_submit, button#devvn_cmt_replysubmit{background: #4f9a33;color:white}
.stuck .header-main{display:none;}
div#reviews.woocommerce-Reviews, .devvn_prod_cmt{max-width:100%}
.section-title-center span:after {
    content: "";
    display: table;
    clear: both;
    background: url(/wp-content/uploads/2025/07/title-divide-3.png);
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
    padding-top: 30px;
}.section-title b{background:none}.section-title-container {
    margin-bottom: 0;
}.section-title-center span {
    margin: 0 15px;
    font-size: 35px;
    text-transform: none;
}
.account-login-inner h3, .account-register-inner h3{    text-transform: none;
    letter-spacing: 0;
    font-size: 23px;}.woocommerce-form-login .button, .woocommerce-form-row .button {
    margin-bottom: 0;
    border-radius: 20px;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0;
}
a.back-to-top{bottom:30px; border:none !important;}
#logo{margin-left: 50px}
.icon-envelop:before ,.icon-phone:before{
  color: rgb(0, 128, 55);
}
.bannerhead h2 {
    color: rgb(0, 128, 55);
    text-transform: uppercase;
		margin-bottom:5px;
		font-size: 21px;
}
.bannerhead p {
    font-size: 15px;
}
.footer-wrapper .button, .footer-wrapper  button,.footer-wrapper  fieldset, .footer-wrapper  input, .footer-wrapper  select, .footer-wrapper  textarea{margin-bottom: 0px !important}
.header-top .is-outline{color: rgb(0, 128, 55); border: 1px solid;    margin: 0px 5px}
.header-top .html .social-icons {
		font-size: 0.9em; padding: 3px}


#footer .stack-row>*{max-width: 40px }
.flex-right li.cart-item.has-icon{
    border: 1px dashed #509a33;
    padding: 5px 20px;
    border-radius: 15px;
}
.flex-right .header-nav li.has-dropdown.header-language-dropdown {    border: 1px dashed #509a33;
    padding: 11px 20px;
    border-radius: 15px;
}
.header-language-dropdown i.image-icon{margin-left: 3px; top: -3px;}





/*Đông làm*/
.ladi-box {
    border-width: 6px;
    border-radius: 1000px;
    border-style: solid;
    border-color: rgb(215, 242, 203);
    background-size: cover;
    background-origin: content-box;
    background-position: 50% 0%;
    background-repeat: repeat;
    background-attachment: scroll;
}
.ladi-box {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    width: 538.138px;
    height: 538.136px;
}
.icon-right .col-inner {
    background: #fff;
    border-radius: 25px;
    padding: 10px 20px;
    filter: drop-shadow(rgb(207, 207, 207) -1px 6px 6px);
    width: fit-content;
}
.icon-right .col-inner img {
    border-radius: 100%;
    margin: -7px 0 -16px -35px;
}
.icon-right .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0;
    padding-top: 10px;
	  max-height: 100px;
}
.icon-right .text-left {
    text-align: left;
    min-height: 110px;
    padding-right: 20px;
}

.icon-right .col-inner {
	transition: background 0.4s ease, filter 0.4s ease;
	cursor: pointer;
}

.icon-right .text-left h2 {
	padding-top: 35px;
	transition: padding-top 0.4s ease, color 0.4s ease;
}

.icon-right .text-left .noidung {
	opacity: 0;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out, opacity 0.4s ease;
	    display: none;
 max-width: 650px;
 font-size: 14px;
}
.icon-right p,.icon-right h2{margin-bottom: 0px}
.icon-right .col-inner:hover {
	background: radial-gradient(circle, rgb(65, 163, 55), rgb(150, 217, 98));
	filter: drop-shadow(rgb(207, 207, 207) -1px 6px 6px); color: #fff !important
}
.icon-right .col-inner:hover h2 {
	padding-top: 0;
	color: rgb(2, 72, 32);
}
.icon-right .col-inner:hover h2 strong{
	color:rgb(2, 72, 32);
}
.icon-right .col-inner:hover .noidung {
	opacity: 1;
	max-height: 500px;
	    display:block;
}

.bongdo .col-inner,.lhebongdo {
    filter: drop-shadow(rgb(207, 207, 207) -1px 6px 6px);
    background: #fff;
    padding: 10px 20px 5px;
    border-radius: 15px;
}

.btn-gran2{
	background-image: radial-gradient(circle, rgb(255, 145, 77), rgb(255 173 122));
}
.btn-gran{
    background-image: radial-gradient(circle, rgb(65, 163, 54), rgb(150, 217, 98));
    background-color: initial;
    background-size: initial;
    background-origin: initial;
    background-position: initial;
    background-repeat: initial;
    background-attachment: initial;
}
 .boxtin3 .col-inner
 {  border-radius: 16px; /* Bo góc mềm */
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); /* Bóng đổ mềm */
  overflow: hidden; /* Ẩn tràn nội dung */
  background: #fff; /* Nền trắng */
  transition: box-shadow 0.3s ease; /* Hiệu ứng mượt khi hover */
  }
	
	
@media (min-width: 1025px) {
.tamnhin .left{position: absolute}
.tamnhin .right{position: absolute; right: 0; top: 0;transform: scaleX(-1);}
#tamnhin .fill::before {      
 background-image: url(https://trucbaominh.vs.id.vn/wp-content/uploads/2025/07/thiet-ke-chua-co-ten-48-20240424023117-gxcur.png);
    background-position: 0 -20px;
    left: 0;
	top: 15% !important;
}
#tamnhin .fill::after {
    background-image: url(https://trucbaominh.vs.id.vn/wp-content/uploads/2025/07/right.png);
   background-position: 100% -20px;
    right: 0;
	top: 10% !important;
}
#tamnhin .fill::before, #tamnhin .fill::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background-repeat: no-repeat;
    background-size: 400px;
}

.titlehome2 .section-title-center span{   
    font-size: 38.92px;
    font-weight: bold;
    line-height: 1.6;
    color: rgb(2, 72, 32);
}
/*
.sp .fill::before {
    background-image: url(https://trucbaominh.vs.id.vn/wp-content/uploads/2025/07/thiet-ke-chua-co-ten-48-20240424023117-gxcur.png);
    background-position: 0 -20px;
    left: 0;
	top: 15% !important;
}
.sp .fill::after {
    background-image: url(https://trucbaominh.vs.id.vn/wp-content/uploads/2025/07/right.png);
   background-position: 100% -20px;
    right: 0;
	top: 10% !important;
}
.sp .fill::before, .sp .fill::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background-repeat: no-repeat;
    background-size: 400px;
}
*/
}


.sub-title7 .box:before {
    top: 0;
    left: 0;
    background-color: transparent !important;
    border: 2px solid var(--fs-color-primary);
}
.sub-title7 .box:before, .sub-title7 .box:after {
    content: "";
    height: 16px;
    width: 16px;
    background-color: var(--fs-color-primary);
    border-radius: 3px;
    display: inline-block;
    position: absolute;
}
.sub-title7 .box:after {
    bottom: 2px;
    right: -24px;
}
span.sub-title7.title-selector.justify-content-center {
    color: #4f9a33;
    /* margin-left: 50px; */
    font-size: 24px;
}
span.box {
    margin-right: 30px;
}
.product-main .social-icons{margin-top: 20px;}
.share-icons .is-outline {color: rgb(0, 128, 55) !important}
.button.is-outline, input[type=button].is-outline, input[type=reset].is-outline, input[type=submit].is-outline{border: 2px solid rgb(0, 128, 55)}
.sub-title7 .box:before, .sub-title7 .box:after {
    content: "";
    height: 16px;
    width: 16px;
    background-color: var(--fs-color-primary);
    border-radius: 3px;
    display: inline-block;
    position: absolute;
}
.gthome h4 {
    font-size: 15.46px;
	font-weight:700;
	color: rgb(255, 145, 77);
	text-transform: uppercase
}

.video .icon-instagram:before,.video .icon-youtube:before {
    color: red;
}
.visao .text1 h3{font-size: 26px;}
.visao .text1 h4 {
    color: #4f9a33;
    font-size: 24px;
}
.visao .img, .visao .img img{border-radius: 30px 0px 0px 20px}
.visao .icon-box {
    background: #F8F8F8;
    border-radius: 10px;
    padding: 25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    max-width: 340px;
}
.visao .cotphai {
    background-color: #fff;
    padding: 40px 0 0 40px;
	margin-top: 77px;
    margin-left: calc(-24px - 92px);
    position: relative;
    border-radius: 10px 0 0 0;
    height: 100%;
}

.video-button-wrapper a.button {
    margin: 0;
    color: #FFF;
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
}
.video-button-wrapper {
    position: absolute;
    top: calc(50% - 41px);
    left: calc(50% - 20px);
}
.video-button-wrapper a.button .icon-play {
    font-size: 30px !important;
    top: -12px;
}
.video-play-button .img .img-inner{border-radius: 10px;}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

}