.tag-product { margin-bottom: 5px; } 
.tag-product span { font-family: var(--font-bold); font-size: 14px; color: #4D4D4D; line-height: 30px } 
.tag-product a { font-family: var(--font-regular); font-size: 14px; color: #757575; line-height: 30px } 
.tag-product a:hover { color:var(--color-main);} ;
.see-all { font-size: 16px; } 
.b-product{border: 1px solid #DCDCDC;}
/* .see-all a:hover{color: var(--color-hover2);} */
.wrap-product .title-main { margin-bottom: 0.3rem; } 
.paging-product-category { margin-top: 10px; } 
.paging-product-category .product { border: 1px solid #DCDCDC; } 

/* Standing */
.name-standing { font-size: 16px; } 
.desc-standing { font-size: 14px; color: #4D4D4D; line-height: 24px; margin: 10px 0 20px 0; } 
.box-standing { background: #ECE7E8; padding: 10px; border: 1px solid #3E1415; border-radius: 10px; margin-bottom: 30px; } 
.main-outstanding .slick-slide { margin-right: 30px; } 
/* */
.line-bottom { position: relative; margin-bottom: 10px !important; padding-bottom: 15px; } 
.line-bottom::after { position: absolute; content: ""; border-bottom: 1px solid #c3c3c3; width: 60px; left: 0; bottom: 0; } 
/* Process */
.wrap-process-index { padding: 50px 0 80px 0; } 
.wrap-process-index .title-main { margin-bottom: 2.5rem; } 
.wrap-process-index .regular { font-size: 20px; } 
.main-process { position: relative; z-index: 1; margin-left: 100px; } 
.main-process::after { position: absolute; background: var(--color-main) no-repeat; content: ""; left: -215px; top: 20px; z-index: -1; height: 315px; width: 1450px; background-size: 100%; } 
.slide-process { bottom: -95px; width: 445px; } 
.items-process { margin-bottom: 80px; } 
.name-process { font-family: var(--font-bold); font-size: 15px; color: var(--color-main); width: 80%; } 
.desc-process { font-family: var(--font-regular); font-size: 14px; color: #858585; line-height: 25px; width: 80%; margin-top: 30px; } 
.image-process { width: 25%; text-align: center; border: 3px solid var(--color-main); padding-top: 13px; max-height: 120px; background: var(--color-defaut); } 
.thutu { font-family: var(--font-bold); font-size: 15px; margin-top: 8px;; color: var(--color-defaut); background: var(--color-main); padding: 10px; } 
.content-process { width: 70%; } 
/* App */
.wrap-app { background: var(--color-main); background-size: cover; height: 340px; margin-bottom: 140px; } 
.wrap-app .line-text img { filter: brightness(0) saturate(100%) invert(94%) sepia(100%) saturate(25%) hue-rotate(329deg) brightness(107%) contrast(107%); } 
.title-banner { position: absolute; left: 0; right: 0; margin: auto; bottom: 0; top: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; color: #fff; font-family: var(--font-bold); font-size: 25px; text-transform: capitalize; opacity: 0; } 
.image-banner { position: relative; } 
.image-banner::after { position: absolute; content: ""; border: 2px dashed #fff; left: -15px; right: 0; bottom: 0; top: 0; text-align: center; margin: auto; width: 90%; height: 90%; opacity: 0; } 
.items-banner:hover .title-banner { opacity: 1; transition: 0.5s ease-in-out; } 
.items-banner:hover .image-banner::after { opacity: 1; transition: 0.5s ease-in-out; } 

/*Feedback*/
.items-feedback { background: url(../images/set/items-feedback.png) no-repeat; background-size: 100% 100%; padding: 0 30px 40px 30px; } 
.wrap-feedback { background: url(../images/set/bg-feedback.png) no-repeat; background-size: 100% 100%; } 
.image-feedback { text-align: center; } 
.filter-white { filter: brightness(0) saturate(100%) invert(96%) sepia(52%) saturate(5%) hue-rotate(336deg) brightness(106%) contrast(100%); } 
.wrap-feedback .owl-stage { padding-top: 50px; } 
.image-feedback { margin-top: -50px; } 
.name-feedback { margin-top: 15px; } 
.name-feedback .text-split { -webkit-line-clamp: 1; font-size: 17px; text-align: center; } 
.desc-feedback .text-split { -webkit-line-clamp: 4; font-size: 15px; line-height: 24px; text-align: center; margin-bottom: 20px; } 
.content-feedback { list-style: 27px; } 
/* News */
.main-news-index{border-radius: 10px;}
.items-news{padding: 15px;}
.news--time{width: 115px;height: 40px;line-height: 40px;background: var(--color-main);border-radius: 5px;text-align: center;color: #fff;font-family: "Open_Regular";font-size: 13px;left: 10px;bottom: 10px;}
.image-news img{border-radius: 10px;}
.name-news .text-split { -webkit-line-clamp: 2; font-size: 16px; margin-bottom: 10px; color: #000; line-height: normal; font-family: "Open_Bold"; } 
.name-news .text-split:hover{color: var(--color-hover);}
.desc-news .text-split { -webkit-line-clamp: 2; font-size: 14px; line-height: 24px; color: #606060;font-family: "Open_Regular"; } 
.desc-news{border-bottom: 1px dashed #B6B6B6;padding-bottom: 15px;}
.read-news a { font-size: 14px; font-family: "Open_Regular"; color: var(--color-main);} 
.read-news a:hover{color: #0056b3;}
.read-news{margin-top: 15px;}
/* Video */
.name-video-index { left: 0; right: 0; bottom: 0; margin: auto; background: #00000082; padding: 15px; } 
.name-video-index .text-split { -webkit-line-clamp: 1; font-family: var(--font-regular); font-size: 15px; color: var(--color-defaut); } 
.wrap-video-index { background: #f2f2f2; } 
/* Album */
.wrap-album { background-color: #fdfbf2; } 
.main-album { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(6, 1fr); grid-column-gap: 20px; grid-row-gap: 20px; } 
.image-album:nth-child(1) { grid-area: 1 / 1 / 5 / 3; } 
.image-album:nth-child(1) img { width: 100%; } 

.image-album:nth-child(2) { grid-area: 1 / 3 / 3 / 5; } 
.image-album:nth-child(3) { grid-area: 3 / 3 / 5 / 5; } 
.image-album:nth-child(4) { grid-area: 5 / 1 / 7 / 3; } 
.image-album:nth-child(5) { grid-area: 5 / 3 / 7 / 5; } 
/* Intro */
.intro-mobile { display: none; } 
.wrap-intro { background: #fff; background-size: 100% 100%; } 
.items-intro { position: relative; z-index: 1; padding-left: 40px; } 
.title-intro { font-family: "Miss"; font-size: 62px; color: var(--color-desc); } 
.name-intro { font-family: "Ariston"; font-size: 52px; color:#000; margin-bottom: 5px; margin-top: -10px; } 
.desc-intro { font-family: var(--font-regular); font-size: 15px; color: #000; text-align: center; line-height: 30px; -webkit-line-clamp: 3; } 
.main-crit .slick-track { width: 100% !important; } 
.image-slidegt { padding: 8px; border: 2px dashed var(--color-main); } 
/* Read more */
.items-intro .read-more { background: none; border: 2px solid #44aa00; margin: 20px auto 30px auto; } 
.items-intro .read-more a { color: #44aa00; } 
.items-intro .read-more:hover a { color: var(--color-main) !important; } 
.items-intro .read-more:hover { border: 2px solid var(--color-main); } 
.read-more { position: relative; background: var(--color-defaut); width: 180px; height: 40px; line-height: 40px; text-align: center; margin: auto; border: 2px solid var(--color-main); border-radius: 20px; } 
.read-more a { font-size: 15px; color: var(--color-main); font-family: var(--font-regular); } 
.read-more:hover a { color: #44aa00 !important; } 
.read-more:hover { border: 2px solid #44aa00; } 
/* Critial */
.wrap-crit { } 
.image-crit { text-align: center; } 
.items-crit { text-align: center; } 
.name-crit { margin: 15px 0; } 
.name-crit .text-split { font-size: 15px; -webkit-line-clamp: 1; } 
.desc-crit .text-split { font-size: 14px; -webkit-line-clamp: 3; color: #7a7a7a; line-height: 22px; } 
/* Service */
.wrap-service { background: url(../images/set/bg-service.png); background-size: cover; } 
.image-service img { border-radius: 40px 0 40px 0; } 
.name-service a { font-size: 15px; -webkit-line-clamp: 1; } 
/* Project */
.items-project { left: 0; right: 0; bottom: 0; background: #00000038; opacity: 0; padding: 60px 40px; text-align: center; border: 10px solid #919191b0; height: 100%; width: 100%; } 
.image-project:hover .items-project { opacity: 1; transition: 0.5s all ease; animation: totop 0.8s; } 
.name-project .text-split { -webkit-line-clamp: 1; font-size: 24px; } 
.desc-project .text-split { -webkit-line-clamp: 6; text-align: justify; line-height: 24px; font-size: 15px; } 
.desc-project { margin-top: 15px; } 
/* Question */
.wrap-question { background: var(--color-main); background-size: cover; } 
.main-faqs { padding-top: 30px; } 
.title-question { width: 265px; height: 50px; line-height: 50px; text-align: center; color: var(--color-defaut); font-size: 16px; margin: 25px auto; border-radius: 20px; background: #0cb3f5; } 
.box-faqs { background-color: var(--color-defaut); border:none; outline: none; padding: 15px 20px 15px 20px; font-size: 18px; color: #333; cursor: pointer; transition: background-color 0.2s linear; margin-bottom: 10px; border-radius: 15px; } 
button.accordion { font-family: var(--font-medium); width: 100%; border: none; text-align: left; background: var(--color-defaut); } 
button.accordion:after { content: ""; background: var(--color-main) no-repeat; float: right; width: 25px; height: 1px; margin-top: 10px; } 
button.accordion.is-open:after { background: var(--color-main) no-repeat; width: 25px; height: 25px; } 
button.accordion:hover,
button.accordion.is-open { color: var(--color-main); margin-bottom: 0 !important; } 
.accordion-content { background-color: white; padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-in-out; font-family: "Mont_Regular"; color: #535353; font-size: 14px; font-style: italic; } 
.accordion-content { line-height: 25px; } 
/* Newsletter */
.form-R { background: linear-gradient(90deg, #95C241 0%, #D6DF26 100%); border-radius: 10px; padding: 50px 25px 80px 25px; height: 563px; display: flex; flex-direction: column; justify-content: center; } 
.form-R .title p { font-family: "Cookies"; font-size: 40px; color: var(--color-main); text-align: center; } 
.form-R .title span { font-size: 14px; text-align: center; } 
.form-R .title { margin-bottom: 30px; } 
.form-contact { background: url(../images/set/after-ft.png) no-repeat; background-size: 100% 100%; } 
.form-contact .wrap-content { padding: 20px; } 
.validation-newsletter ::placeholder { color: #000 !important; font-family: var(--font-regular) !important; font-size: 14px !important; } 
.validation-newsletter label { font-size: 15px; } 
.newsletter-slogan { color: #000; font-size: 13px; margin: auto auto 15px auto; font-family: var(--font-regular);; } 
.newsletter-input { position: relative; height: 50px; } 
.newsletter-input input { padding: 0; background: none; border-bottom: 1px solid #000 !important; border-top: transparent !important; border-right: transparent !important; border-left: transparent !important; border-radius: 0 !important; } 
.col-content { margin-top: 20px; } 
.col-content textarea { padding: 0; height: 70px; background: none; border-bottom: 1px solid #000 !important; border-top: transparent !important; border-right: transparent !important; border-left: transparent !important; border-radius: 0 !important; } 
/* .col-input { margin-bottom: 10px; } */
.newsletter-button { background-color: var(--color-main); color: var(--color-defaut); margin-top: 20px; } 
.newsletter-button:hover { background: var(--color-defaut); border: 1px solid var(--color-main); } 
.newsletter-button:hover input[type="submit"] { color: #000 !important; } 
.newsletter-button input[type="submit"] { text-transform: uppercase; font-weight: 500; color: var(--color-defaut); font-family: "Mont_Bold"; font-size: 14px; } 
.wrap-form { position: relative; } 
.wrap-form .wrap-content { } 
.map_items { width: 260px; height: 180px; padding: 15px; background: #353535; border: 5px solid var(--color-defaut); } 
.map_items span { font-family: var(--font-regular); font-size: 14px; color: var(--color-defaut); } 
.name-maps { font-family: var(--font-regular); font-size: 14px; color: var(--color-defaut); } 
.flex_map .active { background: var(--color-main) !important; } 
 .list-icon ul { list-style: none; padding-left: 0; margin-bottom: 0 !important; } 
 .list-icon ul li { width: 43px; height: 43px; display: flex; align-items: center; justify-content: center; background: none; margin-right: 10px; } 
 .list-icon ul li img { filter: brightness(0) saturate(100%) invert(96%) sepia(52%) saturate(5%) hue-rotate(336deg) brightness(106%) contrast(100%); } 
.product .i_left { position: absolute; height: 0; border-radius: 0 50px; width: 1px; left: 0; top: 0; background: -webkit-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left bottom, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to top, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_right { position: absolute; height: 0; width: 1px; right: 0; bottom: 0; background: -webkit-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(top, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, left bottom, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to bottom, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_top { position: absolute; height: 1px; width: 0; right: 0; top: 0; background: -webkit-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(left, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, left top, right top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to right, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_bottom { position: absolute; height: 1px; width: 0; left: 0; bottom: 0; background: -webkit-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -o-linear-gradient(right, red, orange, yellow, green, blue, indigo, violet); background: -webkit-gradient(linear, right top, left top, from(red), color-stop(orange), color-stop(yellow), color-stop(green), color-stop(blue), color-stop(indigo), to(violet)); background: linear-gradient(to left, red, orange, yellow, green, blue, indigo, violet); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease } 
.product:hover .i_left { height: 100%; bottom: 0; top: inherit } 
.product:hover .i_top { width: 100%; left: 0 } 
.product:hover .i_right { height: 100%; top: 0; bottom: inherit } 
.product:hover .i_bottom { width: 100%; right: 0; left: inherit } 

.footer-news .list-icon ul li { width: 42px; height: 42px; display: flex; align-items: center; justify-content: center; background: none; margin-right: 10px; }