/* PRODUCT */
.items-list { background: #f4f4f4; border-radius: 10px; margin: 10px 0; box-shadow: 0px 2px 2px 0px rgba(171, 171, 171, 0.25); } 
.name-list { border-radius: 10px; background: linear-gradient(90deg, #0092DF 22.65%, rgba(0, 146, 223, 0.00) 100%); padding: 13.5px 30px; } 
.name-list a { font-family: var(--font-bold); font-size: 22px; text-transform: uppercase; color: #fff; } 
.items-cat { padding: 30px 10px 30px 15px; min-height: 225px; } 
.name-cat { margin-bottom: 10px; } 
.name-cat a { font-family: var(--font-meium); font-size: 16px; color: #000; } 
.name-cat a:hover { color: var(--color-hover); } 
.scroll-cat { max-height: 165px; overflow-y: auto; overflow-x: hidden; padding-right: 10px; } 
.main-contact { padding-top: 15px; } 
.main-contact .title { font-family: var(--font-medium); font-size: 18px; color: #000; margin: 30px 0 15px 0; } 
.box-hotline { width: 100%; height: 72px; line-height: 72px; background: url(../images/set/bg-hotline.png) no-repeat; background-size: 100% 100%; } 
.box-hotline a { font-family: var(--font-bold); font-size: 26px; color: #fff; margin-left: 80px; } 

/* ABOUT */
.wrap-aboutus { position: relative; z-index: 1; background: url(../images/set/bg-aboutus.png); background-size: cover; } 
.aboutus-image { z-index: 1; } 
.aboutus-image { margin-bottom: 75px; } 
.aboutus-image-v2 { right: 10px; bottom: 0; z-index: 1; } 
.title-aboutus { font-size: 30px; color: #000; text-transform: capitalize; } 
.name-aboutus { font-size: 30px; color: #000; text-transform: capitalize; } 
.desc-aboutus { -webkit-line-clamp: 6; font-size: 15px; line-height: 30px; margin-top: 15px; } 
.hotline-about { width: 235px; display: flex; justify-content: space-between; align-items: center; margin-top: 25px; } 
.hotline-about .items { background: url(../images/set/bg-hotline-v2.png); width: 190px; text-align: left; background-size: 100% 100%; padding: 5px 10px 5px 35px; } 
.hotline-about .items .title { font-family: var(--font-regular); font-size: 14px; color: #fff; margin-bottom: -5px; } 
.hotline-about .items a { font-family: var(--font-bold); font-size: 20px; color: #fff; display: block; } 

/* VIDEO */
.wrap-video { position: relative; z-index: 11; } 
.video-image img { height: 165px; object-fit: cover; } 
.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; } 
.name-video{font-family: var(--font-medium);font-size: 16px; margin-top: 15px;}



/* CRITICAL */
.items-criteria { margin-bottom: 15px; } 
.items-criteria:last-child { margin-bottom: 0; } 
.items-criteria .image { width: 60px; } 
.items-criteria .content { width: calc(100% - 100px); } 
.items-criteria .content .name { font-family: var(--font-medium); font-size: 22px; color: #000; text-transform: uppercase; } 
.items-criteria .content .desc { font-family: var(--font-regular); font-size: 14px; color: #333; line-height: 24px; -webkit-line-clamp: 2; } 


/* NEW */
.wrap-news { background: url(../images/set/bg-news.png); background-size: cover; } 
.owl-news .center .main-news { display: flex; flex-direction: column-reverse; } 
.owl-news .center .items-news { padding: 0 0 15px 0; } 
.items-news { padding-top: 15px; } 
.items-news .time { width: 66px; height: 87px; background: var(--color-hover); display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; z-index: 1; } 
.items-news .time p { font-family: var(--font-bold); font-size: 40px; color: #fff; font-family: var(--font-bold); font-size: 40px; color: #fff; margin-bottom: -10px !important; margin-top: -20px; } 
.items-news .time span { font-family: var(--font-bold); font-size: 12px; color: #fff; } 
.news-info { width: calc(100% - 66px); border-left: 1px solid; border-bottom: 1px solid; padding: 15px 0 20px 40px; position: relative; left: -25px; } 
.news-info .name a { font-size: 18px; color: #000; -webkit-line-clamp: 2; } 
.news-info .name a:hover { color: var(--color-hover); } 
.news-info .desc { font-size: 14px; color: #000; line-height: 24px; margin-top: 5px; } 

/* FORM */
/* .process{position: relative;z-index: 1;}
.process::after{position: absolute;content: url(../images/set/line-process.png);left: 0;top: 0;z-index: -1;} */

.section-process{position: relative;z-index: 1;}
.section-process::after{position: absolute;content: url(../images/set/line--process.png);left: 0;top: 15%;right: 0; z-index: -1;}
.box-process{position: relative;z-index: 1;}
.process-image { background: url(../images/set/bg-process.png) no-repeat; margin: auto; background-size: 100% 100%; width: 192px; height: 192px; display: flex; justify-content: center; align-items: center; } 
.process-image:hover{background: url(../images/set/bg-hover.png) no-repeat; transition: 0.5s ease;}
.process-name{font-family: var(--font-bold);font-size: 20px;color: #000;margin-top: 15px;}
.owl-process .owl-item:nth-child(2n+1){margin-top: 70px;}


/* FOOTER */
.line-bottom{position: relative; padding-bottom: 10px;}
.line-bottom::after{position: absolute;content: ""; width: 40px;height: 1px;background: #fff;left: 0;bottom: 0; ;}
.grid-bank{display: grid;  grid-template-columns: repeat(2, minmax(0, 1fr)); }
.items-bank{font-family: var(--font-medium);font-size: 14px;color: #fff;     line-height: 24px;}
.items-bank p{margin-bottom: 0 !important;}
.items-bank:nth-child(1){ border-bottom: 1px dashed #fff; padding-bottom: 30px;}
.items-bank:nth-child(2){grid-row: 2 span; border-left: 1px dashed #fff; padding-left: 30px;}
.items-bank:nth-child(3){ padding-top: 30px;}


/* .image-ab { position: absolute; left: 0; right: 0; bottom: 60px; } */

/* CSS CUSTOM */
::-webkit-scrollbar { width: 3px; } 
::-webkit-scrollbar-track { background: #ccc; } 
::-webkit-scrollbar-thumb { background: var(--color-main); } 
::-webkit-scrollbar-thumb:hover { background: var(--color-hover); } 
.product .i_left { position: absolute; height: 0; 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: 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: 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: 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: 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: 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: 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: 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 }