/* STATISTIC */

.desc-aboutus { -webkit-line-clamp: 3; font-size: 22px; line-height: 40px; font-family: var(--font-semi); color: #000; max-width: 880px; margin-bottom: 25px !important; } 
.statistic-image { width: 45px; height: 45px; } 
.statistic-info { width: calc(100% - 65px); } 
.statistic-desc { font-family: var(--font-extra); font-size: 40px; color: #12213B; } 
.statistic-name a { font-family: var(--font-regular); font-size: 18px; color: #222; } 

/* PRODUCT LIST */
.mw-1000 { max-width: 1000px; margin: auto; } 
.product-list-name a { font-family: var(--font-bold); font-size: 18px; color: #12213B; text-transform: uppercase; -webkit-line-clamp: 1; } 
.product-list-name a:hover { color: var(--color-hover); } 
.box-product-list { background: #FFF; box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.25); } 
.product-list-info { padding: 20px 10px; } 
.wrap-product-list .owl-stage { padding: 10px; } 

/* NEWS */

.wrap-news { background: url(../images/set/bg-news.png); background-size: cover; } 
.main-news .image { position: relative; z-index: 1; } 
.main-news .image::after { position: absolute; content: ""; background: linear-gradient(180deg, rgba(34, 34, 34, 0.00) 0%, #222 100%); width: 100%; height: 100%; left: 0; bottom: 0; right: 0; } 
.news-info { position: absolute; left: 0; bottom: 0; padding: 15px; z-index: 1; } 
.news-info .name a { font-size: 18px; color: #fff; -webkit-line-clamp: 2; font-family: var(--font-semi); } 
.news-info .desc { font-size: 14px; color: #000; line-height: 25px; margin-top: 10px; } 

/* */
.main-product { position: relative; } 
.wrap-product { position: relative; z-index: 1; } 
.wrap-product::after { position: absolute; content: url(../images/set/after.png); right: 0; top: 0; z-index: -1;} 
.items-product .col-right { display: flex; flex-direction: column; justify-content: space-between; min-height: 545px; } 
.items-product .col-right .title { font-family: var(--font-bold); font-size: 30px; color: #222; } 
.line-product { width: 100px; height: 2px; background: linear-gradient(270deg, #AD8953 0%, #DDC294 100%); margin: 10px 0 30px 0; } 
.items-product .col-right .name a { font-family: var(--font-regular); font-size: 30px; color: #222; line-height: 50px; } 
.items-product .col-right .name a:hover { color: var(--color-hover); } 
.items-product .col-right .desc { -webkit-line-clamp: 4; font-family: var(--font-regular); font-size: 15px; line-height: 30px; color: #222; margin-top: 10px; } 
.prev-arrow { position: absolute; z-index: 1; bottom: 25px; border: none; background: url(../images/set/arrows-left.png); width: 28px; height: 11px; left: calc(50% + 65px); z-index: 1; } 
.next-arrow { position: absolute; z-index: 1; bottom: 20px; border: none; background: url(../images/set/arrows-right.png); width: 31px; height: 13px; left: calc(50% + 172px); } 
.numb { position: absolute; left: 51%; bottom: 0; width: 245px; height: 55px; line-height: 55px; text-align: center; font-family: var(--font-bold); font-size: 16px; color: #fff; background: var(--color-main); clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%); } 
.numb span { color: #fff; } 


/* VIDEO */
.wrap-video { position: relative; z-index: 11; } 
.play { left: 0; right: 0; bottom: 0; margin: auto; display: flex; flex-direction: column; justify-content: center; height: 100%; width: 50%; align-items: center; /* padding: 15px; */ } 
.play img { padding: 10px; } 
.image-video img { height: 375px; } 


/* SOCIAL */
.social-header ul li img { filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 
.line-bottom { position: relative; padding-bottom: 10px; } 
.line-bottom::after { position: absolute; border-bottom: 2px solid #fff; content: ""; left: 0; bottom: 0; width: 35px; } 
.filter-image img { filter: brightness(0) saturate(100%) invert(32%) sepia(39%) saturate(6267%) hue-rotate(81deg) brightness(94%) contrast(101%); } 
.social-footer li { width: 40px; height: 40px; border-radius: 50%; } 


/* FORM */
.wrap-form { background: url(../images/set/bg-form.png); background-size: 100% 100%; } 
.title-form { color: #12213B; font-family: var(--font-bold); font-size: 18px; margin-bottom: 20px; padding: 0 5px; } 
.col-form-left .title { font-family: var(--font-bold); font-size: 40px; } 
.main-form { background: #fff; padding: 60px 40px 50px 40px; } 

.grid-pro-detail .btn-detail { padding: 10px 20px; background: var(--color-main); color: #fff; display: inline-block; cursor: pointer; border-radius: 5px; } 
.grid-pro-detail .btn-detail:hover{background: #fff;border: 1px solid var(--color-main);color: var(--color-main);}

.modal .newsletter-button{line-height: 50px;}