.modal { z-index: 999999 !important; } 
.text-custom { font-family: "MTD Brand Pro" !important; text-transform: unset !important; } 

.hotline__image img { width: 40px; height: 40px; } 
.title__product { font-family: var(--font-bold); font-size: 35px; text-transform: uppercase; color: var(--color-main); margin-top: 10px; } 


.menu__responsive { height: 0.1px; background: transparent; } 
.lang__select { margin-right: 10px; } 
.lang__select a { margin: 0 5px; } 
.col__header__right { position: absolute; right: 0; top: 5px; } 
.logo__header { display: block; padding-bottom: 40px; } 
.menu__logo { position: relative; width: 240px; margin-bottom: -52px; z-index: 1; } 
.menu__logo::after { position: absolute; content: ""; background: url(../images/set/after-logo.png) no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; left: 0; bottom: 1px; right: 0; height: 52px; z-index: -1; } 
.bar__menu { background: var(--color-main-v2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; width: 44px; height: 44px !important; } 
.bar__menu .menu-bar-res { height: 44px; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -moz-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; padding: 0; } 
.bar__menu #hamburger:before, .bar__menu #hamburger:after, .bar__menu #hamburger span { background: #453601; width: 18px; height: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } 
.bar__menu #hamburger { display: block; width: 18px; height: 22px; position: relative; } 
.bar__menu #hamburger:before { top: 5px; } 
.bar__menu #hamburger:after { top: 15px; } 
.menu__left ,.menu__right { width: 40%; } 

.logo__unindex::after { position: unset; } 

/* PRODUCT */
.wrap__product { padding: 55px 0 220px 0; background: url(../images/set/bg-product.png); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } 
/* .items__logo.numb__02 { margin: 0 85px; }  */
.section__product { margin-top: 45px; } 
.section__product .owl-stage-outer { padding: 0 0 15px 0; } 
.items__product { background: var(--color-white); -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; width: 180px; height: 180px; -webkit-box-shadow: 0px 10px 10px 0px #CEDB9E; -moz-box-shadow: 0px 10px 10px 0px #CEDB9E; box-shadow: 0px 10px 10px 0px #CEDB9E; } 
.control-product button.owl-prev { left: -55px; } 
.control-product button.owl-next { right: -55px; } 


/* ABOUT */
.wrap-aboutus { position: relative; z-index: 1; } 
.aboutus-image { z-index: 1; } 
.line__aboutus { width: 40px; height: 2px; background: var(--color-main-v2); margin-bottom: 10px; } 
.title__aboutus { font-size: 14px; color: #7C858C; text-transform: uppercase; font-family: var(--font-bold); } 
.name__aboutus { font-size: 70px; color: var(--color-main); text-transform: uppercase; font-family: var(--font-black); margin-top: -10px; } 
.desc__aboutus { -webkit-line-clamp: 6; font-size: 15px; line-height: 30px; margin-top: 15px; margin-bottom: 40px; max-height: 450px; overflow-y: scroll; padding-right: 10px;} 
.wrap__aboutus .col__right { padding-left: 45px; } 

.video__mp4 video { display: block; width: 100%; height: 100%; max-height: 300px; -o-object-fit: cover; object-fit: cover; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 
.video__mp4 { margin-bottom: 30px; } 
.scroll__video { max-height: 345px; overflow-y: scroll; overflow-x: hidden; padding-right: 15px; } 
.items__video { margin-bottom: 20px; } 
.items__video .image__video { width: 170px; height: 100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; overflow: hidden; } 
.items__video .info__video { width: -webkit-calc(100% - 190px); width: -moz-calc(100% - 190px); width: calc(100% - 190px); } 
.info__video .name__video { font-family: var(--font-semi); font-size: 16px; color: #000; line-height: 22px; } 

/* CERTIFICATE */

.wrap__certificate { background: url(../images/set/bg-certificate.png); -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } 
.items__certificate .image__certificate { width: 350px; } 
.items__certificate .info__certificate { width: -webkit-calc(100% - 400px); width: -moz-calc(100% - 400px); width: calc(100% - 400px); text-align: center; } 
.info__certificate .name__certificate { font-family: var(--font-black); font-size: 60px; text-transform: uppercase; background: -webkit-gradient(linear, left top, right top, from(#DEA12E), color-stop(38%, #FFC52E), to(#FDDD28)); background: -webkit-linear-gradient(left, #DEA12E 0%, #FFC52E 38%, #FDDD28 100%); background: -moz-linear-gradient(left, #DEA12E 0%, #FFC52E 38%, #FDDD28 100%); background: -o-linear-gradient(left, #DEA12E 0%, #FFC52E 38%, #FDDD28 100%); background: linear-gradient(90deg, #DEA12E 0%, #FFC52E 38%, #FDDD28 100%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } 
.info__certificate .desc__certificate { font-family: var(--font-black); font-size: 40px; color: var(--color-white); text-transform: uppercase; } 
.info__certificate .desc2__certificate { font-family: var(--font-regular); font-size: 23px; color: var(--color-white); line-height: 35px; } 
.owl-theme .owl-dots { display: inline-block; margin-top: 0; width: 350px; text-align: center; position: relative; top: 10px; } 

/* */
.wrap__news .line__title { margin: 0 0 10px 0 !important; } 
.section__title .line__title { width: 40px; height: 2px; background: var(--color-main-v2); margin: 0 auto 10px auto; } 
/* .section__title span { font-family: var(--font-black); font-size: 35px; text-transform: uppercase; line-height: 45px; color: var(--color-main); margin: 15px 0 40px 0; display: inline-block; } */
.section__title { text-align: center; } 
.inner__title { text-align: center; color: var(--color-main); } 
.inner__title div { text-transform: uppercase; font-family: var(--font-black); font-size: 30px; text-transform: uppercase; margin-top: 10px; } 
.inner__title p { text-transform: uppercase; font-family: var(--font-black); font-size: 25px; text-transform: uppercase; } 
.inner__title span { text-transform: uppercase; font-family: var(--font-black); font-size: 25px; text-transform: uppercase; } 


.section__title .slogan__title { font-family: var(--font-bold); font-size: 14px; color: #7C858C; text-transform: uppercase; } 
.btn-readmore { margin: 15px 0 0 auto; width: 135px; height: 45px; line-height: 45px; text-align: center; background: var(--color-main-v2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.btn-readmore a { font-family: var(--font-medium); font-size: 14px; color: var(--color-title); } 
.btn-readmore i { width: 32px; height: 32px; background: var(--color-main-v2); margin-left: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: var(--color-title); display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.btn-readmore:hover { background: var(--color-main); } 
.btn-readmore:hover a { color: var(--color-white); } 
.btn-readmore:hover i { background: var(--color-white); } 

.grid__solution { display: grid; gap: 25px; grid-template-columns: repeat(4, minmax(0, 1fr)); } 
.items__solution .image__solution { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; margin-bottom: 15px; } 
.items__solution .image__solution img { width: 100%; } 
.items__solution .name__solution a { font-family: var(--font-bold); font-size: 15px; text-transform: uppercase; color: var(--color-main); -webkit-line-clamp: 2; line-height: 30px; } 
.items__solution .name__solution a:hover { color: var(--color-main-v2); } 


/* CRITICAL */
.criteria__name { font-family: var(--font-bold); font-size: 15px; color: var(--color-title); margin-bottom: 10px; } 
.criteria__name .text-split { -webkit-line-clamp: 1; } 
.criteria__desc { color: var(--color-title); font-family: var(--font-regular); font-size: 13px; -webkit-line-clamp: 2; } 
.criteria .criteria__image { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; width: 95px; height: 95px; background: var(--color-main); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.criteria:hover .criteria__image { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); transform: rotateY(180deg); -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; -moz-transition: all linear 0.3s; transition: all linear 0.3s; } 
.criteria__info { width: -webkit-calc(100% - 110px); width: -moz-calc(100% - 110px); width: calc(100% - 110px); } 


/* NEWS */
.wrap__news .section__title span { margin-bottom: 0; } 
.section__news .title__list { padding:15px 10px; text-align: center; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0; border-radius: 30px 30px 0 0; background: -webkit-gradient(linear, left top, left bottom, from(#DEEDE8), color-stop(42.79%, rgba(222, 237, 232, 0.00))); background: -webkit-linear-gradient(top, #DEEDE8 0%, rgba(222, 237, 232, 0.00) 42.79%); background: -moz-linear-gradient(top, #DEEDE8 0%, rgba(222, 237, 232, 0.00) 42.79%); background: -o-linear-gradient(top, #DEEDE8 0%, rgba(222, 237, 232, 0.00) 42.79%); background: linear-gradient(180deg, #DEEDE8 0%, rgba(222, 237, 232, 0.00) 42.79%); } 
.section__news .title__list a { min-height: 52px; line-height: 26px; font-family: var(--font-bold); font-size: 20px; color: var(--color-main); text-transform: capitalize; max-width: 80%; margin: auto; display: block; } 
.section__news .title__list a:hover { color: var(--color-main-v2); } 
.section__news .inner__news .image__news img { -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } 
.section__news .inner__news .time__news { font-family: var(--font-semi); font-size: 14px; color: var(--color-main-v2); } 
.section__news .inner__news .name__news { margin: 10px 0 15px 0; } 
.section__news .inner__news .name__news a { font-family: var(--font-semi); font-size: 20px; color: var(--color-main); line-height: 30px; -webkit-line-clamp: 2; } 
.section__news .inner__news .desc__news { font-family: var(--font-medium); font-size: 15px; color: var(--color-title); line-height: 25px; -webkit-line-clamp: 2; margin-bottom: 10px; } 
.section__news .inner__news .see-more { font-family: var(--font-semi); font-size: 14px; color: var(--color-main); } 
.inner__news .info__news { padding: 20px 10px 0 10px; } 


/* FORM */
.wrap__form { background: var(--color-main); -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } 
.title__form { text-align: center; font-family: var(--font-bold); text-transform: uppercase; color: var(--color-title); font-size: clamp(24px,3.5vw,35px); } 
.validation__newsletter ::-webkit-input-placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.validation__newsletter :-moz-placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.validation__newsletter ::-moz-placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.validation__newsletter :-ms-input-placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.validation__newsletter ::-ms-input-placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.validation__newsletter ::placeholder { color: #676767 !important; font-family: var(--font-medium); font-size: 14px; } 
.newsletter__input { position: relative; width: 300px; } 
.newsletter__input input { padding: 0.35rem 15px; height: 50px; font-size: 14px; color: #333; background: var(--color-white); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } 
.col__input { margin-top: 10px; } 
.col__input .newsletter__button { width: -webkit-calc(100% - 310px); width: -moz-calc(100% - 310px); width: calc(100% - 310px); } 
.col__content { padding: 0 5px !important; } 
.col__content textarea { padding: 0.35rem 15px; height: 90px; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; } 
.newsletter__button { background: var(--color-main-v2); border: none !important; -webkit-border-radius: 4px !important; -moz-border-radius: 4px !important; border-radius: 4px !important; margin: 0; height: 50px; line-height: 50px; } 
.newsletter__button input[type="submit"] { color: var(--color-title) !important; font-family: var(--font-black); font-size: 14px; text-transform: uppercase; background: none; border: none; border-color: unset; } 
.newsletter__button:hover { background: var(--color-white); } 
.newsletter__button:hover input[type="submit"] { color: var(--color-title) !important; } 
.col__submit { padding: 0 5px !important; margin: auto; text-align: center; } 

/* FOOTER */
.footer__article { background: url(../images/set/bg-ft.png) no-repeat; -webkit-background-size: 100% 100%; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; background-size: 100% 100%; } 
.footer__article .wrap-content { padding: 60px 15px; } 
.logo__footer { text-align: center; } 
.footer__name { text-transform: uppercase; font-size: 25px; font-family: var(--font-black); color: var(--color-white); margin-bottom: 20px; text-align: center; } 
.footer__title { text-transform: uppercase; font-size: 14px; margin-bottom: 1.5rem; font-family: var(--font-black); color: var(--color-white); } 
.footer__ul { list-style: disc; padding: 0 0 0 20px; margin: 0px; color: var(--color-white); } 
.footer__ul li { margin-bottom: 10px; } 
.footer__ul li:last-child { margin-bottom: 0px; } 
.footer__ul li a { color: var(--color-white); } 
.footer__ul li a:hover { text-decoration: underline; } 
.footer__powered { color: var(--color-white); background-color: #006143; } 
.footer__powered .wrap-content { padding-top: 15px; padding-bottom: 15px; font-family: var(--font-regular); font-size: 14px; } 
.footer__copyright span { color: var(--color-main-v2); text-transform: uppercase; } 
.footer__statistic { text-align: right; } 
.footer__statistic span { padding-right: 10px; } 
.footer__statistic span:last-child { padding-right: 0px; } 
.line__bottom { position: relative; padding-bottom: 10px; } 
.line__bottom::after { position: absolute; border-bottom: 2px solid var(--color-white); content: ""; left: 0; bottom: 0; width: 35px; } 
/* .social__footer li { width: 50px; height: 50px; border-radius: 50%; background: var(--color-white); } */
.social__footer { margin-bottom: 25px; } 
.close { position: absolute; top: 0; right: 10px; color: var(--color-main-v2); z-index: 1; font-size: 30px; opacity: 1 !important; } 

/* CSS CUSTOM */
.scroll__video::-webkit-scrollbar { width: 3px; } 
.scroll__video::-webkit-scrollbar-track { background: #ccc; } 
.scroll__video::-webkit-scrollbar-thumb { background: var(--color-main); } 
.scroll__video::-webkit-scrollbar-thumb:hover { background: var(--color-hover); } 

.desc__aboutus::-webkit-scrollbar { width: 3px; } 
.desc__aboutus::-webkit-scrollbar-track { background: #ccc; } 
.desc__aboutus::-webkit-scrollbar-thumb { background: var(--color-main); } 
.desc__aboutus::-webkit-scrollbar-thumb:hover { background: var(--color-hover); } 

.product .i_left { position: absolute; height: 0; -webkit-border-radius: 0 50px; -moz-border-radius: 0 50px; border-radius: 0 50px; width: 2px; 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: -moz-linear-gradient(bottom, red, orange, yellow, green, blue, indigo, 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; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_right { position: absolute; height: 0; width: 2px; 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: -moz-linear-gradient(top, red, orange, yellow, green, blue, indigo, 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; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_top { position: absolute; height: 2px; 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: -moz-linear-gradient(left, red, orange, yellow, green, blue, indigo, 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; -moz-transition: all 0.5s ease; transition: all 0.5s ease } 
.product .i_bottom { position: absolute; height: 2px; 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: -moz-linear-gradient(right, red, orange, yellow, green, blue, indigo, 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; -moz-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 } 
.color__hover:hover { color: var(--color-hover) !important; } 

.btn__fixed { display: inline-block; position: absolute; right: 20px; bottom: 20px; z-index: 9999; } 
.section__hotline .hotline__image { margin-right: 10px; } 
.section__hotline .hotline__content .title__hotline { font-family: var(--font-semi); font-size: 14px; color: #000; } 
.section__hotline .hotline__content .hotline__animation, .section__hotline .hotline__content .phone__animation { display: block; font-family: var(--font-black); font-size: 26px; color: #FF1D1D; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #FFF; margin-bottom: -10px !important; } 

/* Cruiment Detail */
.form__detail .col__input { margin-bottom: 10px; } 
.form__detail .contact-input { position: relative; width: 100%; padding: 0 5px !important; } 
.form__detail .custom-file-label { font-family: var(--font-regular); height: 50px; line-height: 2.5; } 
.form__detail .custom-file { height: 50px; } 
.form__detail .custom-file-input { height: 50px; } 
.form__detail .custom-file-label::after { height: 50px; line-height: 2.5; } 
.form__detail .contact-input { margin-bottom: 0; } 
.form__detail .newsletter__input { position: relative; width: 100%; padding: 0 5px !important; } 
.form__detail .newsletter__input input { border: 1px solid #ccc; } 
.form__detail .col__content textarea { border: 1px solid #ccc; } 
.form__detail .col__submit { margin-top: 10px; width: 150px; } 
.form__detail .newsletter__button:hover { background: var(--color-main); } 
.form__detail .newsletter__button:hover input[type="submit"] { color: var(--color-white) !important; } 
.file__detail a { font-family: var(--font-bold); font-size: 18px; text-decoration: underline; } 
.file__detail { padding: 0 5px; } 

/* PRODUCT LIST */
.tab__product { margin-bottom: 15px; overflow-x: scroll; overflow-y: hidden; padding-bottom: 5px; } 
.tab__product a { min-width: -webkit-max-content; min-width: -moz-max-content; min-width: max-content; display: block; margin-right: 10px; padding: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 1px solid #ccc; text-align: center; font-family: var(--font-medium); font-size: 14px; color: var(--color-title); } 
.tab__product a:hover, .tab__product a.active { background: var(--color-main); color: var(--color-white); } 
.tab__product::-webkit-scrollbar { height: 3px; } 
.tab-pane { padding: 10px; border: 1px solid #ccc; } 

/* */
.category__news { background: #f5f5f5; padding: 20px 10px; position: -webkit-sticky; position: sticky; top: 125px; z-index: 999; } 
.category__news .title { font-family: var(--font-bold); font-size: 18px; text-align: left; text-transform: capitalize; margin-bottom: 10px; } 
.category__news ul li { text-align: left; margin-bottom: 5px; padding: 10px; } 
.category__news ul li.active, .category__news ul li:hover { background: var(--color-main); -webkit-border-radius: 0 15px; -moz-border-radius: 0 15px; border-radius: 0 15px; } 
.category__news ul li.active a, .category__news ul li:hover a { font-family: var(--font-bold); color: var(--color-white); } 
.category__news ul li a { font-family: var(--font-medium); font-size: 14px; color: var(--color-title); } 
.banner__ads .image__banner img { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } 

/* */
.footer_map_tab { width: 100%; clear:both; position: relative; } 
.map_frame { width: 100%; height: 100%; } 
.map_frame iframe { width: 100%; height: 100%; } 
.wrap_map { padding: 15px; background: #efefef; max-height: 440px; overflow-x: hidden; overflow-y: scroll; } 
.name__maps { font-family: var(--font-bold); font-size: 15px; text-transform: uppercase; color: var(--color-main); margin-bottom: 10px } 
.map_items { border-bottom: 1px solid #CCC; border-top: 1px solid #FFF; padding: 20px 0 20px 0; cursor: pointer; } 
.map_items:hover .name__maps { color: var(--color-title); } 
.map_items:first-child { border-top: none; } 
.content__maps { font-family: var(--font-regular); font-size: 14px; } 
.btn-detail .btn-custom { width: 100%; height: 40px; line-height: 40px; background: var(--color-main); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; } 
.news-duration { font-size: 15px; color: var(--color-hover); -webkit-line-clamp: 1; } 


.image__slide { position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; } 
.rotate__slide { position: absolute; left: 0; right: 0; } 


.fix-sidebar { position: relative; } 
.bar-space.carousel-3d-container:after { content: ""; background: -webkit-gradient(linear, left top, right top, from(rgba(69,0,0,0.8883928571428571)), color-stop(60%, rgba(95,0,0,0.3757878151260504)), to(rgba(0,0,0,0))); background: -webkit-linear-gradient(left, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: -moz-linear-gradient(left, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(left, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: linear-gradient(90deg, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); position: absolute; left: 0; top: 0; width: 315px; height: 600px; } 
.bar-space.carousel-3d-container::before { z-index: 1; content: ""; background: -webkit-linear-gradient(190deg, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: -moz-linear-gradient(190deg, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: -o-linear-gradient(190deg, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); background: linear-gradient(260deg, rgba(69,0,0,0.8883928571428571) 0%, rgba(95,0,0,0.3757878151260504) 60%, rgba(0,0,0,0) 100%); position: absolute; right: 0; top: 0; width: 315px; height: 600px; } 
.carousel-3d-container[data-v-c06c963c] { margin: 0 !important; } 
.carousel-3d-slide .div_slide { -webkit-transform:scale(.8); -moz-transform:scale(.8); -ms-transform:scale(.8); -o-transform:scale(.8); transform:scale(.8); -webkit-transition:.5s all ease; -o-transition:.5s all ease; -moz-transition:.5s all ease; transition:.5s all ease; } 
.carousel-3d-slide .div_slide img { opacity:.8; } 
#slide .carousel-3d-slide.right-1 { left: 120px; } 
#slide .carousel-3d-slide.left-1 { right: 120px; } 
#slide.carousel-3d-slide.right-1 .div_slide { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-transition:.5s all ease; -o-transition:.5s all ease; -moz-transition:.5s all ease; transition:.5s all ease; } 
.carousel-3d-slide.left-1 .div_slide { -webkit-transform:scale(0.8); -moz-transform:scale(0.8); -ms-transform:scale(0.8); -o-transform:scale(0.8); transform:scale(0.8); -webkit-transition:.5s all ease; -o-transition:.5s all ease; -moz-transition:.5s all ease; transition:.5s all ease; } 
.carousel-3d-slide.current .div_slide { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.5s all ease; -o-transition:.5s all ease; -moz-transition:.5s all ease; transition:.5s all ease; } 
.carousel-3d-slide.current .div_slide img { opacity:1; } 
.pic-slide { display:block; } 
.pic-slide img { -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } 
#slide .carousel-3d-slide { background:transparent; border-color:transparent; height:auto!important; } 


.desc__recruitment{font-family: var(--font-regular); font-size: 16px; margin-top: 15px;}