@charset "utf-8";
@import url(reset.css);
@import url(../fonts/fontface.css);
/* @import url('https://fonts.googleapis.com/css2?family=Prompt:wght@100;200;300;400;500;600;700;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ---------------------------------------------------------------- general selector
---------------------------------------------------------------------------------- */
:root { 
	scroll-behavior:unset; 
	--font-family-main: 'Prompt', sans-serif;
	--font-family-body: 'Prompt';
	--font-family-headline: 'Prompt';

	--font-family-bold:'Prompt';
	--font-family-regular:'Prompt';
	--font-family-light:'Prompt';
	--font-family-black:'Prompt';

	--font-weight-bold: 600;
	--font-weight-regular: 400;
	--font-weight-light: 300;
	--font-weight-black: 700;
}

body { font-size: 1em; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; text-shadow: rgba(0, 0, 0, .01) 0 0 1px; background-color:#fff;font-family: var(--font-family-main);line-height:1.5;color:#000; }
* { box-sizing:border-box;}

a { color:#333; outline:none; text-decoration:none; transition:all ease .5s; cursor:pointer;}
a:hover { text-decoration:none; color:#000;} 
a:focus { outline:none; box-shadow:none;}
img { max-width:100%; height: auto;}

select {-webkit-appearance:none;}
i,em{font-style: italic;}
.wrapper {width:100%; overflow: hidden; position: relative; max-width: 1920px; margin: 0 auto; }
.sec { float:left; width:100%; position:relative; margin-bottom:100px;}
.sec-pd { float:left; width:100%; position:relative; padding-bottom:100px;}
.box  { float:left; width:100%; position:relative;}
.abs { position:absolute;}
.abs img { float:left; width: 100%; pointer-events: none;}
.abs img { float:none; width:auto;}
.abs > img {float: left; width: 100%; pointer-events: none;}
.ele { left:50%; top:50%; position:absolute;pointer-events: none;}
.zindex-1{z-index:1;}
.zindex-2{z-index:2;}
.radius { position:relative; overflow:hidden; border-radius:10px;}
.tinline { display:inline-block;}
.underline-no { text-decoration: none!important;}
.underline { text-decoration: underline;}
.container-1360 { max-width:1360px}
.container-960 { max-width:960px}
.ration-16-9 { aspect-ratio:16/9; object-fit:cover; }
.small-1{font-size: 0.9em;}
/* .row { margin-left: -15px; margin-right: -15px;}
.col { padding-left: 15px; padding-right: 15px;} */
.loadpage { position:fixed; z-index:99999; top: 0; left: 0 ; width: 100%; height: 100%; background:no-repeat center center #fff; background-size:200px; }
.h-auto { height:auto!important;}
.svg.white  {fill:#fff;}
.pd-80{padding: 80px 0;}
.pd-70{padding: 70px 0;}
.pd-60{padding: 60px 0;}
.pd-50{padding: 50px 0;}
.pd-40{padding: 40px 0;}
.m-0-auto{margin: 0 auto;}
.pd-x-20{padding:0 20px;}

.cursor-default{cursor: default;}

.section-body { float:left; width:100%; padding-top:150px;}
.blank-png { float:left; width:100%;  position:relative;}
.blank-png img {float:left;}
.bg-fullwidth { background-repeat:no-repeat; background-position: center top; background-size:cover;}
.swiper-wrapper { height: auto;}
.swiper-button { margin-top: 0; transform: translateY(-50%); cursor: pointer; width:36px; height: 36px; padding:0px; display: flex; align-items: center; justify-content: center;background-color:rgba(255,255,255,.9); border-radius: 100%; border:1px solid #eee; box-shadow: 0 10px 5px 0 rgba(0, 0, 0, .1);}
.swiper-button img,.swiper-button svg  { float:left;fill:#009989; width: 30%; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-prev{background-image: none; left:-20px;}
.swiper-button-next, .swiper-container-rtl .swiper-button-next{background-image: none; right:-20px;}
.slideCenter .swiper-wrapper { justify-content: center; }
.slideCenter .swiper-wrapper .swiper-slide:last-child { margin-right: 0!important;} 
.slideCenter .swiper-pagination { display: none;}

.st-banner .swiper-button-prev, .swiper-container-rtl .swiper-button-prev{background-image: none; left:15px;}
.st-banner .swiper-button-next, .swiper-container-rtl .swiper-button-next{background-image: none; right:15px;}
.st-banner .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video{border-radius: 0;}
.st-banner .swiper-pagination-custom{}
.st-banner .swiper-pagination-custom span{width: 20px;height: 1px;}

.sw-slide-visable .swiper-container{overflow: visible;}
.sw-btn-rightop .swiper-button { top: -50px; right: 0px;}
.sw-btn-rightop .swiper-button.swiper-button-next { top: -50px; right: 0px;}
.sw-btn-rightop .swiper-button.swiper-button-prev { top: -50px; right: 50px; left: auto;}
.sw-btn-rightop .swiper-button.swiper-button-disabled { display: flex; opacity: 0.3;}
.sw-btn-rightbottom .swiper-button { top:auto; bottom: -70px; right: 0px;}
.sw-btn-rightbottom .swiper-button.swiper-button-next { top:auto; bottom: -70px; right: 0px;}
.sw-btn-rightbottom .swiper-button.swiper-button-prev { top:auto; bottom: -70px; right: 50px; left: auto;}
.sw-btn-rightbottom .swiper-button.swiper-button-disabled { display: flex; opacity: 0.3;}


.custom-banner-pg {position: absolute;right: 0;bottom: 10px; color: #fff; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.pg-current {width: 100%;float: left;}
.st-banner .swiper-pagination-custom span {width: 100%;height: 1px;background-color: #ffffff;float: left;margin: 5px 0;}
.pg-total {width: 100%;float: left;}

.swiper-button:hover { background-color: #009989;}
.swiper-button:hover img,.swiper-button:hover svg { fill:#fff;}
.swiper-pagination { width: 100%;margin-top: 10px;} 
.swiper-pagination-bullet { transition: all ease .4s; margin: 0 5px; border-radius: 1em; height:8px; width: 8px;}
.swiper-pagination-bullet-active {background-color:#009989;}


.t-bold { font-family: var(--font-family-body); font-weight: var(--font-weight-bold);}
.t-regular {font-family: var(--font-family-body); font-weight: var(--font-weight-regular);}
.t-light { font-family: var(--font-family-body); font-weight: var(--font-weight-light);}
.t-black { font-family: var(--font-family-body); font-weight: var(--font-weight-black);} 
b, strong {font-family: var(--font-family-body); font-weight: var(--font-weight-bold); }


u, .txt-upper,.t-upper {text-transform: uppercase;}
.text-gradient {background: #fa9f1d;background: -webkit-linear-gradient(to right, #fa9f1d 19%,#ec2c4b 54%, #ec2c4b 100%);background: -moz-linear-gradient(to right, #fa9f1d 19%,#ec2c4b 54%, #ec2c4b 100%);background: linear-gradient(to right, #fa9f1d 19%,#ec2c4b 54%, #ec2c4b 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display:inline-block ;padding-top: 8px;    font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.font-weight-bold {font-weight: normal; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.font-italic { font-family: var(--font-family-main); font-weight:var(--font-weight-light);}
.font-underline { text-decoration: underline;}

.float-left { float:left;}
.float-right { float:right;}

.fw,.section { float:left; width:100%;}
.container  { padding-left: 15px; padding-right: 15px;}
.container-1600 { max-width:1360px}
.container-fluid { max-width:none; padding:0px;}
.container:not(.container-fluid) .container { padding:0px}
.cont-contain { float:left; width:100%; }
.cont-abs {position:absolute;top:0px; left:0px;height:100%; }
.cont-img { width:50%; float:left; } 
.cont-txt { width:50%; float:left; } 
.image-fluid {display: block;position: relative;left: 50%;width: 1920px;height: auto;-webkit-transform: translateX(-50%);transform: translateX(-50%); }
.pd { padding:50px 0;}
.ele ::selection {background-color: transparent;}
.ele_img1,.ele_img2,.ele_img3,.ele_img4 {pointer-events: none;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled { display:none;}


.slidebar-result::selection {background-color: transparent;}

.scroll{width: 100%; height: 600px;overflow:hidden;overflow-y:auto;}
.scroll::-webkit-scrollbar-track{background-color: #F5F5F5;border-radius: 10px;}
.scroll::-webkit-scrollbar{width: 6px;background-color: #d2d2d2;border-radius: 10px;}
.scroll::-webkit-scrollbar-thumb{background-color: #f10000;border-radius: 10px;}

.box-shadow { position: relative; box-shadow:0 25px 25px 0 rgb(172 37 99 / 20%)}
.box-shadow:before {content: "";position: absolute;height: 40px;bottom: -20px;width: 90%;left: 5%;background-color: #6a1a43;opacity: 0.5;border-radius: 100%;filter: blur(10px);}

.embed-responsive {position: relative;display: block;width: 100%;padding: 0;overflow: hidden;}
.embed-responsive::before {display: block;content: "";}
.embed-responsive-16by9::before {padding-top: 56.25%;}
.embed-responsive-4by3::before {padding-top: 75%;}
.embed-responsive-1by1::before {padding-top: 100%;}
.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0; border-radius: 10px; overflow: hidden;}



/*
 |*******************************************************************************************
 | CUSTOM THEME
 |*******************************************************************************************
*/
.nav-mainmenu li.dropdown .dropdown-menu li { float:left; width: 20%; display: inline-block; }
.switch-lang .nav-item.active { border-radius: 0;}
.switch-lang .nav-item:first-child.active {border-radius: 4px 0px 0px 4px;}
.switch-lang .nav-item:last-child.active {border-radius: 0 4px 4px 0;}
.btnmenu-back-to-top { top:-24px; color:#fff; background-color: #47afe6; border:none; width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;}
/*
 |*******************************************************************************************
 | VIDEO
 |*******************************************************************************************
*/

.video-container {	display:inline-block;margin:auto; position: relative; width:100%; float:left;}
.video-space { float:left; width:100%; position:relative; transition:all .5s ease;z-index:1;}
.video-space img { float:left; width:100%;}
.video-loop-space {float: left;width: 100%; height: 100%; position: relative;transition: all .5s ease;z-index: 1;}
.video-loop-space img { float:left; width:100%;}
.loop-play{opacity: 0; z-index: -1; transition: z-index .01s 1s, opacity 1s;}
.video-button { position:absolute; transition:all .5s ease; z-index:2;}
.video-put { position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3; }
.video-put .player { position:absolute; top:0px; left:0px; width:100%; height:100%;}
.click-to-play-video { cursor:pointer;}
.videoplay-icon { transform-origin: center center; width:100px; height:100px; position:absolute; z-index: 1; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; ; font-size:20px; border-radius:100%; transition:all ease .4s;}
.videoplay-icon img { transform-origin: center center; transition:all ease .4s;}
.container-video-loop {cursor: pointer; display: inline-block;margin: auto;position: relative;width: 100%;float: left;background-color: #000;}
.video-text { text-transform:uppercase; font-size:16px; font-family: var(--font-family-main);font-weight: var(--font-weight-light); color:#fff; text-align:left; margin-top:10px; }

.video-loop {position:absolute; height: 100%;}
.inactive-state {background-repeat: no-repeat;background-size: 100%;}

.box-video {float:left; width:100%;}
.box-video:hover .videoplay-icon img { transform: scale(1.1);transform-origin: center center; }

.box-videomp4 { }
.box-videomp4 .cont-contain{pointer-events: none;}
.box-videomp4 .cont-contain a,.box-videomp4 .cont-contain button{pointer-events: auto;}
.video-mp4  { position: relative;}
/* .video-mp4 .btn-play { width:80px; height:80px; margin:0 auto; border-radius:100%; background-color:rgba(0,0,0,0.4); display:flex;display: -webkit-flex; align-items:center; justify-content:center; transition:all ease .4s; cursor:pointer;}
.video-mp4 .btn-play img ,.btn-play svg { width:22px; fill:#fff; position:relative; left:2px;}
.video-mp4 .btn-play:hover { background-color:#660000;} */
.video-mp4 .video-poster { position:relative;}
.video-mp4 .video-button { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); transform-origin: center center; z-index:2;width: 100px; height: 100px; transition: all ease .4s; cursor: pointer;} 
.video-mp4 .video-button:hover { width: 110px; height: 110px;}
.video-mp4 .video-button .btn-play { float: left; width: 100%;}
.video-mp4 .video-button img { float: left;}
.video-mp4 .video-state { position:absolute;top:0px; left: 0px; width:100%; height:100%; z-index:1; display:none;}
/*
 |*******************************************************************************************
 | FOOTER
 |*******************************************************************************************
*/
footer { float: left; width: 100%;}
 
/*
 |*******************************************************************************************
 | CONTENT
 |*******************************************************************************************
*/

.box-content { float:left; width:100%; font-size:1em; color:#333; line-height:1; position:relative; }
.box-content h1	{ font-size:2.8em; line-height:1.1; }
.box-content .txt-oversize { font-size: 3.6em; line-height: 1;}
.box-content h2	{ font-size:2.4em; line-height:1.2;  }
.box-content h3	{ font-size:2em; line-height:1.2;  }
.box-content h4	{ font-size:1.7em; line-height:1.2;  }
.box-content h5	{ font-size:1.4em; line-height:1.4;  }
.box-content h6	{ font-size:1.2em; line-height:1.4; }
.box-content .h1,.h1{ font-size:2.8em; line-height:1.1; }
.box-content .h2,.h2{ font-size:2.4em; line-height:1.2;  }
.box-content .h3,.h3{ font-size:2em; line-height:1.2;  }
.box-content .h4,.h4{ font-size:1.7em; line-height:1.2;  }
.box-content .h5,.h5{ font-size:1.4em; line-height:1.4;  }
.box-content .h6,.h6{ font-size:1.2em; line-height:1.4; }
.box-content h1 ,.box-content h2 ,.box-content h3 ,.box-content h4 ,.box-content h5 ,.box-content h6  { color: #009989; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.box-content .h1 ,.box-content .h2 ,.box-content .h3 ,.box-content .h4 ,.box-content .h5 ,.box-content .h6  { margin: 0; font-weight: normal; color: #009989; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
/* .box-content h3 ,.box-content h4 ,.box-content h5 ,.box-content h6  {font-family: 'scgregular';}
.box-content .h3 ,.box-content .h4 ,.box-content .h5 ,.box-content .h6 {font-family: 'scgregular';} */

.box-content h1.txt-clr-black ,.box-content h2.txt-clr-black ,.box-content h3.txt-clr-black ,.box-content h4.txt-clr-black ,.box-content h5.txt-clr-black ,.box-content h6.txt-clr-black  { color: #333; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}


.box-content pre{white-space: normal;}
.box-content h1[style^=""] ,.box-content h2[style^=""] ,.box-content h3[style^=""] ,.box-content h4[style^=""] ,.box-content h5[style^=""] ,.box-content h6:has [style] {-webkit-text-fill-color: inherit;}


/* .box-content h1 span,.box-content h2 span,.box-content h3 span,.box-content h4 span,.box-content h5 span,.box-content h6 span { color:#ff301c;-webkit-text-fill-color: red;} */
.box-content p { line-height:1.5; }
.box-content a:not([class*=btn]) { color:#009989; text-decoration:underline;word-break:break-word ;}
.box-content a:not([class*=btn]):hover { text-decoration:underline;}
.box-content iframe	{  border:none; display:block;max-width: 100%;}
.box-content p img {  margin-bottom:0px;vertical-align:middle;}
.box-content img { max-width:100%; }
.box-content ol	{ display:block; list-style:decimal outside;  padding-left:25px; margin-top:5px; }
.box-content ul	{ display:block; list-style:none outside ;margin-left:0px; margin-top:5px; padding-left:25px; position:relative;list-style-type: disc;}

.box-content li	{ padding-bottom:5px; position:relative; line-height:1.2; }
.box-content hr { opacity: 1; display: inline-block; border-top: 2px solid #333; width:80px; margin-bottom:10px; margin-top:10px;}
.box-content blockquote { font-size:1em; line-height:1.2; margin: 0 0 1rem;border-left: 3px solid #999;display: inline-block;text-align: left;padding-left: 30px;padding-top: 6px;padding-bottom: 10px;}
.box-content th,
.box-content td { border: 1px solid #ccc; padding: 1em;}
.box-content th { background-color: #ccc;}
.box-content sup,.thumb .thumb-txt-h sup,
.box-content sub,.thumb .thumb-txt-h sub { font-size: 0.7em;}
.box-content code {font-family: monospace; color: inherit; line-height: 2; background-color: #eee; border-radius: 4px; padding: 5px;}
.box-content pre {white-space: nowrap;color: inherit; line-height: 2;}
/* .box-content ul:not(.dropdown-menu) > li { list-style: disc;}
.box-content ul:not(.dropdown-menu) li { padding-bottom:5px; position:relative; line-height:1.2; }
.box-content ul:not(.dropdown-menu) a:not([class*=btn]) { color:#009989; text-decoration:underline;word-break:break-word ;}
.box-content ul:not(.dropdown-menu) a:not([class*=btn]):hover { text-decoration:underline;} */

.box-content-button {font-size:1em; }
.box-content-button img { margin-bottom:0px;}
.box-content-button .btn {}
.box-content-button .btn span { background: #009989;background: -webkit-linear-gradient(to top, #B63A8B 0%, #E52C30 100%);background: -moz-linear-gradient(to top, #B63A8B 0%, #E52C30 100%);background: linear-gradient(to top, #B63A8B 0%, #E52C30 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.box-content-button.button-hoz { width:auto; float: none; display: inline-block;}
.box-content-button.button-hoz + .box-content-button.button-hoz { margin-left:10px;}
.box-content-button .btn:hover { background-color:#009989; color:#fff; }
.box-content-button .btn:focus { box-shadow:none;}
.box-content-button .btn:hover span { background:none; color:#fff;-webkit-text-fill-color:inherit;}

.box-content-button.nex-button-dark a.btn { border: 1px solid #009989!important;  }
.box-content-button.nex-button-dark a.btn span {color:#009989!important;}
.box-content-button.nex-button-dark a.btn:hover span { color:#fff!important;}
.box-content-button.nex-button-text-link-dark a.btn { border: none!important;}
.box-content-button.nex-button-text-link-dark a.btn span { color:#009989!important;}

.box-content-space { height:15px; float:left; width:100%;}
.box-content-editor h1 ,.box-content-editor h2 ,.box-content-editor h3, .box-content-editor h4 ,.box-content-editor h5 ,.box-content-editor h6 {-webkit-text-fill-color: inherit; background:none; }
.box-content-editor video { height:auto!important; width:100%!important;}

.sec-title { margin-bottom: 20px;float: left; width: 100%;}
.sec-title .title-main { margin-bottom: 0px; display: inline-block;float: left; width: 100%;}
.sec-title .title-sub {font-size:1.2em; color: #000; float: left; width: 100%;}

.box-content.light-content { color:#fff; fill:#fff}
.box-content.light-content .title-sub { color:#fff;}
.box-content.light-content h1 ,.box-content.light-content h2 ,.box-content.light-content h3 ,.box-content.light-content h4 ,.box-content.light-content h5 ,.box-content.light-content h6  { color: #fff; }
.box-content.light-content .h1 ,.box-content.light-content .h2 ,.box-content.light-content .h3 ,.box-content.light-content .h4 ,.box-content.light-content .h5 ,.box-content.light-content .h6  {  color: #fff; }
.box-content.light-content hr { border-top: 2px solid #fff;}

.light-content .box-content { color:#fff; fill:#fff}
.light-content .box-content .title-sub { color:#fff;}
.light-content .box-content h1 ,.light-content .box-content h2 ,.light-content .box-content h3 ,.light-content .box-content h4 ,.light-content .box-content h5 ,.light-content .box-content h6  { color: #fff; }
.light-content .box-content .h1 ,.light-content .box-content .h2 ,.light-content .box-content .h3 ,.light-content .box-content .h4 ,.light-content .box-content .h5 ,.light-content .box-content .h6  {  color: #fff; }
.light-content .box-content hr { border-top: 2px solid #fff;}


/*
 |*******************************************************************************************
 | COLOR
 |*******************************************************************************************
*/
.txt-clr-black { color:#333!important;}
.txt-clr-primary { color:#009989!important;}
.txt-clr-grey { color:#888888!important;}
.txt-clr-lightgrey { color:#a3a5a6!important;}
.txt-clr-green { color:#00a497!important;}
.txt-clr-blue { color:#2f2a95!important;}
.txt-clr-yellow { color:#ffad00!important;}
.txt-clr-red { color:#da291c!important;}
.txt-clr-white { color:#fff!important;}

.bg-clr-black { background-color:#333;}
.bg-clr-primary { background-color:#009989;}
.bg-clr-grey { background-color:#888888;}
.bg-clr-lightgrey { background-color:#a3a5a6;}
.bg-clr-green { background-color:#00a497;}
.bg-clr-blue { background-color:#2f2a95;}
.bg-clr-yellow { background-color:#ffad00;}
.bg-clr-red { background-color:#da291c;}
.bg-clr-white { background-color:#ffffff;}
.bg-clr-light { background-color:#F9F9F9;}
.txt-grd-primary {display: inline-block;background: rgb(0,152,139);background: -webkit-linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);background: -moz-linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.bg-grd-primary {background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.bg-grd-primary-ver {background: rgb(0,152,139); background: linear-gradient(180deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.bg-grd-primary-hoz {background: rgb(0,152,139); background: linear-gradient(90deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.bg-grd-greenwhite {background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.bg-grd-greenwhite-top {background: rgb(0,153,137); background: linear-gradient(180deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}


/*
 |*******************************************************************************************
 | BUTTON
 |*******************************************************************************************
*/
.btn { font-size:1rem; padding: 0; position: relative; background-color:transparent; border-radius: 50px; border:1px solid #009989; text-align: center;line-height:1.2;color: #009989;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.btn > span { font-size: 1em; padding: .8em 3em; display: flex; align-items: center;justify-content: center; position: relative;}
.btn-sm > span {font-size: 0.8em; padding: .8em 3em;}
.btn-lg > span {font-size: 1.2em; padding: 1.2em 3em;}

.btn-icon svg,.btn-icon img {fill:#009989;width: auto; height:1em; transition:all ease .4s; }
.btn-icon > span { position: relative; display:flex; align-items:center; justify-content:center;}
.btn-icon span + svg,.btn-icon span + img { margin-left:.4em;}
.btn-icon svg + span,.btn-icon img + span { margin-left:.4em;}
.btn-icon.btn-spacebetween > span { padding:0.8em 1.5em;justify-content: space-between;min-width: 200px; }

.btn-secondary { color:#fff; position: relative; border:1px solid #fff;}
.btn-secondary.btn-outline-w{background-color: transparent;border: 1px solid #fff;color: #fff;}
.btn-secondary.btn-outline-w::before{content: "";background-color: transparent;}
.btn-secondary.btn-icon svg,.btn-icon img {fill:#fff;}

.btn-third { color:#fff; position: relative; border:1px solid #009989;background-color: #009989;}
.btn-third.btn-outline-w{background-color: transparent;border: 1px solid #009989;color: #fff;}
.btn-third.btn-outline-w::before{content: "";background-color: transparent;}
.btn-third.btn-icon svg,.btn-icon img {fill:#fff;}

.btn-red { background:#fff; box-shadow: none;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.btn-sm-incard { font-size: .5em;}

.btn-text { border: none; text-decoration:underline; color:inherit; background:none; box-shadow: none;}
.btn-text span {padding:0; white-space:nowrap;}
.btn-text svg { fill: inherit;}

.btn-download { text-decoration: none;}
.btn-download img,.btn-download svg { width: 1em; height: 1em; fill:#000}
.btn-download:hover svg .pdf-color { transition: all ease .4s;}

.btn-tag { border-radius: 3px; border-color:rgba(0, 0, 0, .3); color:#333; font-weight: 300; border-radius: 50px}
.btn-tag > span { padding:0.4em 1em;}
.btn-tag.white { color: #fff ; border-color:rgba(255, 255, 255, .7);}
.btn-tag.solid-white { color: #009989 ; border-color:#fff; background-color:#fff }
.btn-tag.solid-blue { color: #fff ; border-color:#2f2a95; background-color:#2f2a95 }
.btn-tag.solid-blue:hover { border-color:#009989; }
.btn-tag.solid-grey { color: #009989 ; border-color:#F1F4FA; background-color:#F1F4FA }

.btn-clr-primary { background-color: #009989; color:#fff; border-color:#009989;}
.btn-clr-primary svg { fill:#fff;}
.btn-clr-blue { background-color:#0034f6; color: #fff; border-color:#0034f6 ;}
.btn-clr-grey { background-color:#e9eaea; color: #333; border-color:#e9eaea ;}
.btn-clr-grey svg { fill:#333;}
.btn-download img { height: 1.2em; width: 1.2em;}

.btn-viewmore { font-size: 0.8rem; font-weight: 600;}

.btn-decoration-none { text-decoration:none }
.btn-decoration-underline { text-decoration:underline }

.btn-primary.btn-text { color:#009989; }
.btn-primary.btn-text svg { fill:#009989; }
.btn-secondary.btn-text { color:#fff; }
.btn-secondary.btn-text svg { fill:#fff; }

.btn-secondary.btn-text:hover { color:#d0d0d0; }
.btn-secondary.btn-text:hover svg { fill:#d0d0d0; }
/* == Hover == */
.btn.focus, .btn:focus {outline: 0;box-shadow:none;}
.btn:hover {  background:#009989; color:#fff;}
.btn:hover svg { fill:#fff;}
.btn-secondary:hover { border-color: #009989;}
/* .btn-secondary.btn-icon:hover svg { fill:#fff;} */

.btn-third:hover { border-color: #fff; box-shadow: 0 0 30px rgba(0,153,137,0.3)}
.btn-third.btn-icon:hover svg { fill:#fff;}

.box-content-button .btn span { color:#009989; background: none;-webkit-text-fill-color:inherit;}

.btn-text:hover { color:#009989; background-color:transparent;}
.btn-text:hover svg { fill: #009989;}
.btn-text:active {background-color:transparent; border-color:transparent; }

.btn-download:hover svg { fill:#fff;}
.btn-download:hover svg .pdf-color { fill:#fff!important;}
.btn-download.btn-text:hover svg { fill:#009989;}
.btn-download.btn-text:hover svg .pdf-color { fill:#009989!important;}

.btn-icon-2color:hover svg { fill:#fff;}
.btn-icon-2color:hover svg .color2 { fill:#fff!important;}

.btn-clr-blue:hover {background-color:#0034f6; color: #fff; border-color:#0034f6 ;}

.thumb-tag a:last-child { margin-right: 0px;}
.thumb-tag a:first-child { margin-left: 0px;}

.btn-nohover:hover { background-color: inherit; color: inherit;}
.btn-nohover:hover svg { fill: inherit;}

.btn-check:active+.btn-primary:focus, .btn-check:checked+.btn-primary:focus, .btn-primary.active:focus, .btn-primary:active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow:none }
.btn-text.btn-primary:active { background:none; border-color:transparent; }
/*
 |*******************************************************************************************
 | TAB & ACCORDION
 |*******************************************************************************************
*/
.tab-nav { margin:0 auto; float: left; width: 100%; text-align:center; margin-bottom:20px;}

.tab-nav ul { display: inline-block;}
.tab-nav ul li {float: left;}
.tab-nav ul li:first-child { margin-left: 0px;}
.tab-nav ul li:last-child { margin-right: 0px;}
.tab-nav-list { margin:0; display: inline-block; position: relative; }
.tab-nav-list:before { content: ""; position: absolute; width: 1px; background-color: rgba(0, 0, 0, .2); right:0; top:50%; height: 60%; transform: translateY(-50%); }
.tab-nav-list:last-child:before { display: none; }
.tab-nav-list a { border-bottom: 4px solid transparent; color:#333; padding: .4em 2em; display:inline-block; transition: all ease .4s;}
.tab-nav-list a:hover {color:#009989;}
.tab-nav-list a.active  { border-bottom: 4px solid #009989; color:#333;}
.tab-content-inner { float: left; width: 100%; padding: 0 2em;}

.tab-nav ul { display: inline-flex; height: 100%; justify-content: center;}
.tab-nav ul li { display: flex;}
.tab-nav-list a { display: flex; align-items: center;}
/* .tab-nav-list a { border: none; min-width: 0; padding-left:1.8em;padding-right:1.8em;white-space: nowrap;}
.tab-custom .tab-nav ul{border: none; border-radius:0; background-color: transparent;}
.tab-custom .tab-nav-list a{border: 1px solid #ec1f26;border-radius: 50px;} */

/* SCROLL HOZ */
.tabnav-button { display: none;}

.box-tab { position: relative;}
.tabOver .tab-nav {overflow: hidden;overflow-x: scroll;width: auto;max-width: 100%;float: none;display: inline-block; padding-left:30px; padding-right:30px; position: relative;}
.tabOver .tab-nav ul {display: flex;display: -webkit-flex;justify-content: space-between;width: max-content;margin: 0 auto;}
.tabOver .tab-nav ul{border:none; border-radius:0; background-color: transparent;}
.tabOver .tab-nav::-webkit-scrollbar-track{background-color: transparent; height: 0px;}
.tabOver .tab-nav::-webkit-scrollbar{background-color: transparent;height: 0px;}
.tabOver .tab-nav::-webkit-scrollbar-thumb{background-color: transparent;height: 0px;}

.tabOver .tabnav-button { display: block; position: absolute; height: 100%; top:0; width: 50px;}
.tabOver .tabnav-button-next { left: 0; right: auto; }
.tabOver .tabnav-button-prev { right: 0; left: auto;}
.tabOver .tabnav-button svg { width: 20px; height: 20px; fill:#009989;}
.tabOver .tabnav-button a { z-index: 3; position: absolute; top:calc(50% - 7px); transform: translateY(-50%);}
.tabOver .tabnav-button-next a { left:0;}
.tabOver .tabnav-button-prev a { right:0;}
.tabOver .tabnav-shadow { position: absolute; height: 100%; width: 100%; top: 0; z-index: 2;}
.tabOver .tabnav-shadow span:first-child { background-color: #fff; width: 20px; height: 100%; position: absolute;}
.tabOver .tabnav-shadow span:last-child { background-color: #fff; width: 30px; height: 100%; position: absolute;}
.tabOver .tabnav-shadowleft { left:0px;}
.tabOver .tabnav-shadowright { right:0px;}
.tabOver .tabnav-shadowleft span:first-child { left:0;}
.tabOver .tabnav-shadowright span:first-child { right:0;}
.tabOver .tabnav-shadowleft span:last-child { left:20px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}
.tabOver .tabnav-shadowright span:last-child { right:20px; background: rgb(255,255,255);background: linear-gradient(270deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);}



.accor-list {float: left; width: 100%;  margin-bottom:0px;transition:all ease .4s;}
.accor-list.active .accor-head-symbol:after { height:0;}

.accor-head { border-top: 1px solid #eee; float: left; width: 100%; position: relative; cursor:pointer; background-size: cover; padding:.7em 1.5em 0.7em 1.5em; border-radius: 0em;}
.accor-list:last-child .accor-head { border-bottom: 1px solid #eee;}
.accor-head-symbol { border:2px solid #333; border-radius:100%; width: 26px; height:26px;border-radius:100%;position: absolute; right:1em; top:50%;transform: translateY(-50%) }
.accor-head-symbol:before {content:""; position: absolute; left:50%; top:50%; width: 12px; height:2px; border-radius:2px; background-color:#333; transform: translate(-50%,-50%);}
.accor-head-symbol:after {content:""; position: absolute; left:50%; top:50%; height: 12px; width:2px; border-radius:2px; background-color:#333; transform: translate(-50%,-50%); transition:all ease .4s;}
.accor-head-topic {float: left; width: calc(100% - 100px); color:#333; font-size: 1.2em;}
.accor-list.active .accor-head {background: rgb(0,152,139);  background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.accor-list.active .accor-head-symbol { border-color: #fff;}
.accor-list.active .accor-head-symbol:before,
.accor-list.active .accor-head-symbol:after { background-color:#fff;}
.accor-list.active .accor-head-topic  {color:#fff;}
.accor-list.active .accor-head .accor-icon  {color:#fff;}
.accor-icon { float: left; width: 30px;font-size: 1.2em; color:#333;position: relative;  }
.accor-icon:after { content:":"; position: absolute; right:10px;top: 0.4em;}


.accor-body { float: left;width: calc(100% - 0em); padding: 1.5em 1.5em; margin: 0 0em; background: rgb(0,153,137); background: linear-gradient(180deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);; display:none;border-radius: 0 0 0em 0em; }
.accor-body-content {float: left; width: calc(100% - 30px);}
.accor-list.default .accor-body-content {float: left; width: calc(100% - 0px);}
.accor-body .accor-icon { color:#333;}

.st-list-acc-default .accor-body-content {float: left;width: 100%;}

/* { height:0;} */




/*
 |*******************************************************************************************
 | FORM
 |*******************************************************************************************
*/

.form-control:focus, button:focus{ outline: none;box-shadow:none;}

.check-group { float:left; width:100%; text-align:left;}
.check-group .check-title { float:left; margin-right:20px; width:auto;  margin-bottom:10px;}
.check-group .check-line { float:left; margin-right: 20px; color:#ccc}
.check-group .check-list { float:left; width:100%; margin-bottom:5px; }
/* .section-unsubscribe-newsletter .check-group .box-group-inner  ul.check-list{max-height: 500px;overflow: hidden;overflow-y: scroll;} */
.section-unsubscribe-newsletter .check-group .box-group-inner  ul.check-list{max-height: none;overflow: hidden;overflow-y: scroll;}
.check-group.checkinline .check-title { margin-bottom:0px;}
.check-group.checkinline .check-list { margin-bottom:0px;}
.check-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;	margin-bottom:0px;}
.check-group input[type=checkbox] { display:none;}
.check-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:2px; background-color:#fff; border:2px solid #d9dbda; border-radius:4px;}
.check-group input[type=checkbox]:checked + label:before { background: #fff; border:2px solid #d9dbda;}
.check-group label:after { content:""; position:absolute;} 
.check-group input[type=checkbox]:checked + label:after { width:10px; height:10px; top:7px; left:5px; border-radius:2px; background-color:#009989; } 
.check-group.checkinline .check-list { width:auto;}
.check-group label a { text-decoration: underline;}

.radio-group { float:left; width:100%; text-align:left;}
.radio-group .radio-title { float:left; margin-right:20px; width:100%;  margin-bottom:10px;}
.radio-group .radio-line { float:left; margin-right: 20px; color:#ccc}
.radio-group .radio-list { float:left; width:100%; margin-bottom:10px; }
.radio-group.radioinline .radio-title { margin-bottom:0px;}
.radio-group.radioinline .radio-list { margin-bottom:0px;}
.radio-group label { display: inline-block;cursor: pointer;position: relative;padding-left: 30px;margin-right: 15px;	margin-bottom:0px;}
.radio-group input[type=radio] { display:none;}
.radio-group label:before { content: "";	display: inline-block; width:20px; height:20px;position:absolute; left:0; top:2px; background-color:#fff; border:2px solid #d9dbda; border-radius:100%;}
.radio-group input[type=radio]:checked + label:before { background: #fff; border:2px solid #d9dbda;}
.radio-group label:after { content:""; position:absolute;} 
.radio-group input[type=radio]:checked + label:after { width:10px; height:10px; top:7px; left:5px; border-radius:100%; background-color:#009989; } 
.radio-group.radioinline .radio-list { width:auto;}

.form-group { float: left; width: 100%;margin-bottom: 0.5em;}
.form-group input{border: 1px solid rgba(0, 0, 0, .05); background-color: #fff; width: 100%; float: left; padding:.3em .8em; border-radius:.2em;appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.form-group .info-small { font-size: 0.8em; float: left; width: 100%;}
.form-group .file-input__label {position: relative;border: 1px solid rgba(0, 0, 0, .05); background-color: #eee; width: 100%; float: left; padding:.3em .8em; border-radius:.2em;}
.form-group .file-input__label span{}
.form-group .file-input__label input {width: 0.1px;height: 0.1px;opacity: 0;overflow: hidden;position: absolute;z-index: -1;}
.form-group .file-input__label span.upload-icon { right:0px; top: 0px; position: absolute; cursor: pointer;display: flex;align-items: center;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);color: #fff;font-size: 14px;float: right;padding: 8px;background-color: #DBD8D8;border-radius: 50px;justify-content: center;margin: 5px;}
.form-group .file-input__label svg {height: 15px;fill: #5B4C4C;}
.form-group .file-input__label span.placeholder{cursor: pointer;display: flex;align-items: center;color: #8f8f8f;float: left;justify-content: center;height: 100%;}
.form-group .file-input__input { width: 0.1px;	height: 0.1px;	opacity: 0;	overflow: hidden;	position: absolute;	z-index: -1;}
.form-group textarea { resize:none; border: 1px solid rgba(0, 0, 0, .05); background-color: #fff; width: 100%; float: left; padding:.3em .8em; border-radius:.2em;appearance: none;-moz-appearance: none;-webkit-appearance: none;}

.form-group-hoz > label ,
.form-group-hoz .radio-title,
.form-group-hoz .check-title  { min-height: 1px; width: 200px; float: left; }
.form-group-hoz > label span,
.form-group-hoz .radio-title span,
.form-group-hoz .check-title span { color:#47afe6;}
.form-group-hoz input ,
.form-group-hoz textarea ,
.form-group-hoz .bootstrap-select,
.form-group-hoz .file-input__label,
.form-group-hoz .g-recaptcha {float: left; width:100% ; }
.form-group-hoz .check-group.checkinline .check-list,
.form-group-hoz .radio-group.radioinline .radio-list { max-width:calc(100% - 220px) ;}


.check-input {display: inline-block;position: relative;padding-left:2em;margin-bottom: 1em;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.check-input input {position: absolute;opacity: 0;cursor: pointer;height: 0;width: 0;}
.check-input input + .checkmark {position: absolute;top: 0.175em;left: 0;height: 1.25em;width: 1.25em;background-color: #eee;background-color: #fff; border:2px solid #d9dbda; border-radius: 3px;}
.check-input input ~ .checkmark:after { display: none; position: absolute; content:""; background-color:#009989;width: 0.6em;height: 0.6em;top: 0.205em;left: 0.2em;border-radius: 1px;}
.check-input input:checked ~ .checkmark:after {display: block;}
.check-input input[type=radio] + .checkmark { border-radius:100%;}
.check-input input[type=radio] ~ .checkmark:after{ border-radius:100%;}
.check-input input:disabled + .checkmark { background-color:#d9dbda;}


.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { background: none;float: left;width: 100%;}
.bootstrap-select>.dropdown-toggle { font-size: 1em; border: 1px solid #eee; background: #fff; box-shadow:none; width: 100%; float: left; padding:.33em .8em; border-radius:.2em; font-family: inherit; line-height: 1; color:#333;}
.bootstrap-select>.dropdown-toggle:hover { background: #fff; border: 1px solid #eee;}
.bootstrap-select>.dropdown-toggle:hover:before { position: relative; width: auto; height: auto; background-color: transparent;}
.bootstrap-select .dropdown-toggle:focus {outline:0!important;	outline-offset:0; box-shadow: none;}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus {outline:0!important;	outline-offset:0; box-shadow: none;background: #fff; border: 1px solid #eee;}
.dropdown-toggle::after { position: absolute; right:.7em; top:.7em;}
.dropdown-menu { font-size: 1em;}

.wg-subscribe-newsletter .dropdown-menu {max-height: 250px !important;}

.select-default.bootstrap-select>.dropdown-toggle{ padding:.55em 0.8em;font-weight: normal;}
.select-default.bootstrap-select>.dropdown-toggle{ }


.footer-subcribe .btn-check:active+.btn-secondary, .footer-subcribe .btn-check:checked+.btn-secondary,.footer-subcribe .btn-secondary.active,.footer-subcribe .btn-secondary:active,.footer-subcribe .show>.btn-secondary.dropdown-toggle{border:1px solid #fff;background-color: transparent;box-shadow:transparent}
.btn-check:active+.btn-secondary:focus, .btn-check:checked+.btn-secondary:focus, .btn-secondary.active:focus, .btn-secondary:active:focus, .show>.btn-secondary.dropdown-toggle:focus{box-shadow: none;}

.form-invalid { display: none; position: relative; font-size: 0.8em;color:#F50101; float: left; width: 100%; margin-top:5px; }
.is-invalid .form-invalid { display: block;}
.is-invalid > label ,
.is-invalid .radio-title,
.is-invalid .check-title  {color:#F50101;}
.nav-link:focus{color: #000;}
.nav-link:hover{color: #47afe6;}
/*
 |*******************************************************************************************
 | POPUP
 |*******************************************************************************************
*/
.section-popup { display: none; position:fixed; width:100%; height:100%; top:0px; left:0px; text-align:center;z-index:9999; font-size: 1em;}

.popup-bg { position:absolute; top:0px; left:0px; width:100%; height:100%;  background-color:rgba(0,0,0,0.9);}
.popup-container { width:100%;max-width:960px; background-color: #fff; padding:40px 50px; height:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border-radius:20px; overflow:hidden; }
.popup-close { position:absolute; right:10px; top:10px; width:40px; height:40px; cursor:pointer; z-index:10;  display:flex; align-items:center; justify-content:center; border-radius:100%;}
.popup-close svg { fill:#787979; width:50%; height:100%; transition:all .4s ease;}
.popup-close:hover svg { transform:rotate(180deg);}
.box-popup { text-align:left; float:left; width:100%;}

.popup-head  {  width:100%; min-height:60px; text-transform:uppercase;color:#312929;padding-bottom:20px; }
.popup-head h2 { font-size:40px;color:#fdce01;line-height: 1.4;}
.popup-head h4 { font-size:24px;color:#312929;line-height: 1.4;}
.popup-body a{color: #312929;text-decoration: underline;text-decoration-color: #787979;}

.popup-body { width: 100%;overflow: hidden; overflow-y: scroll; margin:0;word-break: break-word;}

.popup-body.scroll::-webkit-scrollbar-track{background-color: transparent;border-radius: 10px;}
.popup-body.scroll::-webkit-scrollbar{width: 4px;background-color:transparent;border-radius: 10px;}
.popup-body.scroll::-webkit-scrollbar-thumb{background-color: #36363696;border-radius: 10px;}

.popup-footer {width: calc(100% + 100px);margin-left: -50px;padding: 25px 50px; float: left; margin-top: 100px;}
.popup-social-footer { display: flex; align-items: center; justify-content: center;}
.popup-social-footer ul li { float: left; padding: 0 10px;}
.popup-social-footer ul img,.popup-social-footer ul svg { fill:#fff; width: 24px;height: 24px;float: left;aspect-ratio: 1 / 1;object-fit: contain;}

.popup-topic { font-size: 2em;}
.popup-subtopic { font-size: 1.5em; position: relative; color:#fff; margin-top: 0.2em;}
.popup-subtopic span { position: relative; padding: 0em .5em; }
.popup-subtopic span:before {transform: skewX(-20deg);	content: "";	border-radius: 0.2em;	background-color: #47afe6;	position: absolute;	width: 100%;	height: 100%;	top: 0;	left: 0; }
.popup-subtopic span b { position: relative;}

.popup-form .popup-container { max-width: 740px; max-height: 80%; height: auto;}

.popup-loader { z-index: 20; display: none; position: absolute; width: 100%; height: 100%; left: 0; top:0; background-color: rgba(251,251,251,0.8);}
.popup-loader .loader {position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transform-origin: center center;border: 16px solid #f3f3f3; /* Light grey */border-top: 16px solid #47afe6; /* Blue */border-radius: 50%;width: 120px;height: 120px;animation: spin 2s linear infinite;}
  
  @keyframes spin {
    0% { transform:translate(-50%, -50%) rotate(0deg) ; }
    100% { transform:translate(-50%, -50%) rotate(360deg); }
  }
.popup-alert .popup-container {width: 600px; max-height: 80%;height: auto;}
.popup-alert .popup-body { height: auto!important; text-align: center;overflow: visible; overflow-y: visible;}
.popup-alert .popup-body::-webkit-scrollbar-track{background-color: transparent;border-radius: 10px; display: none;}
.popup-alert .popup-body::-webkit-scrollbar{width: 4px;background-color:transparent;border-radius: 10px; display: none;}
.popup-alert .popup-body::-webkit-scrollbar-thumb{background-color: #36363696;border-radius: 10px; display: none;}
.popup-icon { width: 150px;}

.popup-subscribe .popup-container {width: 60%; max-height: 80%;height: auto; padding: 40px 50px 0px 50px; border-radius: 0px;}
.popup-subscribe .popup-container  {background:linear-gradient(5deg, #009989 0%, rgba(255, 255, 255, 1) 26%);}
.popup-subscribe .popup-body { height: auto!important; text-align: center;overflow: visible; overflow-y: visible;}
.popup-subscribe .popup-body::-webkit-scrollbar-track{background-color: transparent;border-radius: 10px; display: none;}
.popup-subscribe .popup-body::-webkit-scrollbar{width: 4px;background-color:transparent;border-radius: 10px; display: none;}
.popup-subscribe .popup-body::-webkit-scrollbar-thumb{background-color: #36363696;border-radius: 10px; display: none;}
/* img.pop-dot-subscribe {position: absolute;width: calc(100% + 280px);height: 100%;bottom: -60px;left: -50px;max-width: none;object-fit: cover;z-index: -1;pointer-events: none;} */
img.pop-dot-subscribe {position: absolute;width: 182%;height: 100%;bottom: 20px;left: -130px;max-width: none;object-fit: contain;z-index: -1;pointer-events: none;object-position: bottom;}
img.pop-dot-subscribe { left: auto;right: -180px; width: 100%;}

.popup-unsubscribe-success .box-popup-footer {width: calc(100% + 100px);margin-left: -50px;float: left;background: linear-gradient(258.5deg, #313283 8.45%, #009989 91.55%);border-radius: 0px 0px 20px 20px;margin-top: 50px;}
.popup-unsubscribe-success .box-popup-footer ul{padding: 40px 20%;}
.popup-unsubscribe-success .box-popup-footer ul li svg,.popup-subscribe .box-popup-footer ul li img{height: 30px;fill: #fff;width: auto;}
.popup-unsubscribe-success  .popup-container{padding-bottom: 0;margin-bottom: 50px;}
/* .popup-unsubscribe-success  img.pop-dot-subscribe{bottom: 60px;} */


.popup-subscribe .popup-container::before{ content: "";position: absolute; width: 100%; height: 100%; background: linear-gradient(9.29deg, #009989 -120px, rgba(0, 153, 137, 0) 250px); left: 0; bottom: 0;z-index: -1;pointer-events: none;}
.pop-sub-pattern-logo { margin-bottom: 50px;}
/*
 |*******************************************************************************************
 | ELEMENT
 |*******************************************************************************************
*/
.section-prefooter .blank-png {min-height: 80px;}
.border-l{border-left: 2px solid #be4e6e; }
.border-r{border-right: 2px solid #be4e6e;}

.box-noresult { background:rgba(0,0,0,0.05); float:left; width:100%; border-radius:20px; text-align:center; padding: 4em 20px; font-size: 2em; }
.box-noresult p { color:#333;  }

.box-premenu { /*position:fixed; z-index:9999999;*/    margin-top: 60px; float:left; width:100%; background:url(../img/immersive/bg-premenu.jpg) no-repeat center center; padding:20px 0px;font-family: var(--font-family-main); font-weight:var(--font-weight-bold); font-size:2em;}
.premenu-group { float:left; width:100%; display:flex; align-items:center; justify-content:center;}
.premenu-list { float:left; padding:0 60px; border-right:rgba(255,255,255,0.3) solid 1px; position:relative;}
.premenu-list .premenu { position:relative;}
.premenu-list .premenu.active:before { content:""; position:absolute; left:-20%; top:-10%; width:calc(140%); height:120%;background: #fff;  border-radius:5px;}
.premenu-list:last-child { border:none;}
.premenu-list .premenu.active span { position:relative; background: -webkit-linear-gradient(to right, #FE301E 26%, #BB467E 54%, #F47635 74%, #FF0000 100%); background: -moz-linear-gradient(to right, #FE301E 26%, #BB467E 54%, #F47635 74%, #FF0000 100%); background: linear-gradient(to right, #FE301E 26%, #BB467E 54%, #F47635 74%, #FF0000 100%);-webkit-background-clip: text;  -webkit-text-fill-color: transparent;}
.premenu-list .premenu:hover:before { content:""; position:absolute; left:-20%; top:-10%; width:calc(140%); height:120%;background: #fff;  border-radius:5px; opacity:0.5}
.premenu-list .premenu.active:hover:before { opacity:1;}

/*
 |*******************************************************************************************
 | SECTION TEMPLATE 
 |*******************************************************************************************
*/
.bg-px-l { background-position-x: left !important;}
.bg-px-c { background-position-x: center !important;}
.bg-px-r { background-position-x: right !important;}
.bg-py-t { background-position-y: top !important;}
.bg-py-m { background-position-y: center !important;}
.bg-py-b { background-position-y: bottom !important;}
.bg-rp-no { background-repeat: no-repeat !important;}
.bg-rp-all { background-repeat: repeat !important;}
.bg-rp-x { background-repeat: repeat-x !important;}
.bg-rp-y { background-repeat: repeat-y !important;}
.bg-fx-fx { background-attachment: fixed !important;}
.bg-fx-st { background-attachment: inherit !important;}
.bg-sz-cv { background-size: cover !important;}
.bg-sz-ct { background-size: contain !important;}
.bg-sz-at { background-size: auto !important;}

.text-top { display: flex; align-items: flex-start!important;}
.text-middle { display: flex; align-items: center!important;}
.text-bottom { display: flex; align-items: flex-end!important;}

.thumb-top {display: flex;align-items: center;justify-content: space-between; font-size: 0.9em;	}
.thumb-cate {position: relative;}
.thumb-cate .thumb-cate-list { background-color:#fff; color:#009989; padding:0px 15px; font-size:0.8em; border-radius:50px; }
.date-post { display: flex; align-items: center;transition: all ease-in .5s;font-size: 0.7em; }
.date-post svg,.date-post img { float: left; width: 16px; height: 16px; fill:#333; margin-right: 10px;}
.date-post svg,.date-post span { color:#999; }
.date-post-arrow { display:flex; justify-content:space-between;  }
.light-content .date-post-arrow svg {fill:#fff;}

.info-icon { display: flex; align-items: center;transition: all ease-in .5s;font-size: 0.9em; }
.info-icon svg,.info-icon img { float: left; width: 16px; height: 16px; fill:#333; margin-right: 10px;}
.info-icon span { color:#999; width:calc(100% - 26px);-webkit-line-clamp: 1; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;line-height: 1.5;}


.st .pd { padding:50px 0;}
.st .box-content p { line-height:1.5 }
.st .sec-contain { display: block;}

.st { position:relative; z-index: 2;}
.st .cont-contain { display: block;}
.st .cont-img { padding:0 15px; } 
.st .cont-txt { padding:0 15px; }

.st .swiper-slide .box-thumb { margin-bottom: 0;}
.st .box-table {border: 1px solid #ccc;border-radius: 0px;padding:2em 2em;display: flex; margin-bottom: 30px;height: calc(100% - 30px);transition: all .5s ease;background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0.24693627450980393) 0%, rgba(255,255,255,0) 100%);}

/* 
.st .row-cols-3 .box-table{padding: 80px 30px;}
.st .row-cols-4 .box-table{padding: 80px 10px;}
.st .row-cols-5 .box-table{padding: 80px 10px;}
.st .row-cols-6 .box-table{padding: 80px 10px;} 
*/

/* 
.perview_table_1 .box-table { width: calc(50% - 30px);}
.st .perview_table_3 .box-table{padding: 60px 30px;}
.perview_table_1 .swiper-slide{    justify-content: center;display: flex;}
.cont-list-swiper-custom.perview_table_1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev{    right: 20%;}
.cont-list-swiper-custom.perview_table_1  .swiper-button-prev, .swiper-container-rtl .swiper-button-next{    left: 20%;} 
*/


.st .box-table:hover{border: 1px solid #009989;overflow: hidden;}
.st .box-table .box-content hr {width: calc(100% + 4em);border-top: 1px solid #ccc;margin-left: -2em;margin-bottom: 1em;margin-top: 1em;}
.thumb-light { color:#fff;}
/* .st .box-thumb a:hover .thumb-img img{transform: scale(1.2);} */
.box-thumb{ margin-bottom: 20px; font-size: 1em;color: #333;line-height: 1; float: left; width: 100%; }
.box-thumb a .thumb-img img{transition: transform .5s ease;}

.box-thumb-hl { float: left; width: 100%; position: relative; margin-bottom:3em;}
.box-thumb-hl .box-thumb { color: #fff; fill:#fff;}
.box-thumb-hl a {color: inherit;}
.thumb {float: left; width: 100%; -webkit-transform: translateZ(0); line-height: 2;}
.thumb-group { position: relative; float: left; width: 100%;}
.thumb .thumb-txt-h{display:flex; align-items:start;  justify-content: space-between; font-size: 1em;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);line-height:1.5;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;} /*overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;*/
.thumb .thumb-txt-h svg { fill:#333;width: 1em; height: 1em; position: relative; top: .3em; }
.thumb .thumb-txt-p{width: 100%;line-height:1.5;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}/*overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;*/
.thumb .thumb-txt .btn:not(.btn-tag) { margin-top: 1.5em;}
.thumb .thumb-txt .btn-viewmore { line-height: 2;}
.thumb .thumb-txt .line-cont{width: 20%;height: 5px;background-color: #47afe6;margin: 30px auto;}

.thumb .thumb-txt.thumb-txt-with-arrow .thumb-txt-h { display: flex;}
.thumb .thumb-txt.thumb-txt-with-arrow .thumb-txt-h span { width: 100%;}
.thumb .thumb-txt.thumb-txt-with-arrow .thumb-txt-h img,
.thumb .thumb-txt.thumb-txt-with-arrow .thumb-txt-h svg { width: 16px; height: 16px; margin-left: 20px; fill:#009989;}
.thumb.light-content .thumb-txt.thumb-txt-with-arrow .thumb-txt-h svg {fill:#fff;}

.thumb-bg-image { background-repeat: no-repeat; background-size: cover;  background-position: center center;}
.thumb:hover a .thumb-txt-h,
.thumb:hover .thumb-txt-h{ color: #009989;}
.thumb:hover a .thumb-txt-h svg,
.thumb:hover .thumb-txt-h svg { fill: #009989;}
.thumb-ver {transition: all ease .5s; }
.thumb-ver .thumb-img { position: relative; overflow: hidden;}
.thumb-ver .thumb-txt { padding: 10px 20px;transition: all ease .5s;}
.thumb-ver .thumb-txt-p{-webkit-line-clamp: 3;}
/* .thumb-ver .btn { font-size:0.9rem ;} */
.thumb-ver .thumb-img img { transition: all ease .4s;}
.thumb-ver:hover .thumb-img img {transform: scale(1);}

.thumb-media {transition: all ease .5s;}
.thumb-media .thumb-img { position: relative; overflow: hidden;}
.thumb-media a.btn.btn-icon{padding: 20px;}
.thumb-media .thumb-txt { padding: 10px 20px;transition: all ease .5s;}
.thumb-media .thumb-txt-h { font-size: 1.2em;-webkit-line-clamp: 1;line-height: 1.5; color:#2f2a95;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.thumb-media .thumb-txt-p {-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;}
.thumb-media .btn { font-size:0.9rem ;}
.thumb-media .thumb-img img { transition: all ease .4s;}
.thumb-media .date-post span { color:#009989; }
.wg-media-right .thumb-media {border-top:1px solid rgba(0,0,0,0.2); }

/*.thumb-media:hover .thumb-txt {}
.thumb-media:hover .date-post span{color: #fff;}
.thumb-media:hover .thumb-img img {transform: scale(1);}
.thumb-media:hover .thumb-txt { box-shadow: 0 10px 20px rgb(0,152,139,0.6);}
.thumb-media:hover a .thumb-txt-h,
.thumb-media:hover .thumb-txt-h { color:#fff;}*/

.thumb-hoz .thumb-img { float: left; width: calc(60%) ;position: relative; overflow: hidden;}
.thumb-hoz .thumb-txt { float: left; width:40%;padding-left: 20px;}
.thumb-hoz .thumb-txt-h{}
.thumb-hoz .thumb-txt-p{}

.thumb-hoz.thumb-lr { margin-bottom: 30px;}
.thumb-hoz.thumb-lr .thumb-group { display: flex; align-items: center; flex-wrap: wrap;}
.thumb-hoz.thumb-lr .thumb-txt { padding:0 2em;}
.thumb-hoz.thumb-lr .thumb-txt-h { font-size: 2.5em; line-height: 1.3; margin-bottom: .2em; overflow: visible; }
.thumb-hoz.thumb-lr .thumb-txt-s { font-size: 1.2em; }
.thumb-hoz.thumb-lr .thumb-txt-p { margin-top: .3em;   -webkit-line-clamp: unset; }
.thumb-hoz.thumb-lr .thumb-img { width:calc(50% - 50px);margin-right: 50px;}
.thumb-hoz.thumb-lr .thumb-img.order-first { width:calc(50% - 50px); margin-left: 50px; margin-right: auto; }

.thumb-hoz-article { border-bottom: 1px solid #ccc; padding: 2em 0;}
.thumb-hoz-article .thumb-img {  width: 37%; margin-bottom: auto;}
.thumb-hoz-article .thumb-img img { transition: all ease .4s;}
.thumb-hoz-article .thumb-txt {  width:63%; padding:1em 2em;}
.thumb-hoz-article .thumb-txt-h { font-size: 1.5em; line-height: 1.6; margin-bottom: .25em;-webkit-line-clamp: 3; }
.thumb-hoz-article .thumb-hoz .thumb-txt-p {-webkit-line-clamp: 2;}
.thumb-hoz-article:hover .thumb-img img { transform: scale(1);}
.thumb-hoz-article-event .thumb-btn-group { margin-top: .5em; display: flex; justify-content: space-between; width: 100%;align-items: flex-end;}
.thumb-hoz-article-event .info-icon { font-size: 1em;}

.thumb-btn-group-left { width:calc(100% - 100px);}
.sec-list-mediacenter .thumb-btn-group-left { width:calc(100% - 430px);}
.thumb-img .thumb-icon-video { position: absolute; right:1em; bottom: 1em; }
.thumb-img .thumb-icon-video img { width:100%; height:100%; }
.thumb-txt .thumb-icon-video { position: relative; bottom: 0; right:0;}

.thumb-incard { position: relative; overflow: hidden;}
.thumb-incard .thumb-img { float: left; width: 100%;}
.thumb-incard .thumb-group { position: relative;}
.thumb-incard .thumb-group:before { opacity: 0.5; content:"";z-index: 1; bottom: 0; left: 0; width: 100%; height: 100%; position: absolute; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 50%);}
.thumb-incard .thumb-txt { position: absolute; bottom: 15px; left: 30px; z-index: 3; width: calc(100% - 60px); color: #fff;}
.thumb-incard .thumb-txt-p{-webkit-line-clamp: 1;}
.thumb-incard .thumb-txt-h{font-size: 1.3em;}
.thumb-incard .thumb-txt-h svg {fill:#fff;}

.thumb-tag {display: inline-block; padding:0 0 5px; }
.thumb-tag a { float:left; text-transform: capitalize; background-color: #fff; border-radius: 100px; border: 1px solid #FE301E; color: #000;padding:0.2em .6em 0.1em;font-size: 0.8em;transition: all 250ms ease;margin: 0 5px 5px;float: left;display: inline-block;white-space: pre;} 
.thumb-tag a:hover{background-color: #FE301E;border: 1px solid #FE301E; color: #fff;}
.thumb-tag a.tag-cate{ background-color: #FE301E;border: 1px solid #FE301E; color: #fff; cursor:default;}

.thumb-txtimg { text-align: center; font-size: 1.5em; position: absolute; top:0; display: flex; align-items: center; justify-content: center; padding: .5em .5em; left: 0px; width: 100%; height: 100%;}

.thumb-txt-stretch { display: flex; align-items: stretch; flex-wrap: wrap;}
.thumb-txt-stretch .thumb-btn-group { margin-top: auto; float:left; width: 100%;}

.list-highligh {font-size: 1em;}
.list-highligh .thumb-group { display: flex;}
.list-highligh .thumb-tag .btn { margin-top: 0;}
.list-highligh .thumb-txt { padding:2.5em;}
.list-highligh .thumb-txt-p{font-size: 1em;-webkit-line-clamp: 3; margin-bottom: 0px;}
.list-highligh .thumb-txt-h{-webkit-line-clamp:3;font-size: 1.5em; line-height: 1.6; margin-bottom: 0.3em;}
.list-highligh .thumb-img img { width:100%;}
.list-highligh a.btn-viewmore:hover { color:#fff; }
.list-highligh a.btn-viewmore:hover svg { fill:#fff; }
.list-highligh .date-post svg, .list-highligh .date-post span { color:#fff;}
.list-highligh .info-icon svg { fill:#fff;}
.list-highligh .info-icon span { color:#fff;}
.list-highlight2-main .date-post svg { fill:#fff;}
.list-highlight2-main .date-post span { color:#fff;}

.list-highligh.thumb-hoz .thumb-img { width:60%}
.list-highligh.thumb-hoz .thumb-img img { object-fit: cover; height: 100%;}
.list-highligh.thumb-hoz .thumb-txt { width:40%}
.list-highligh.thumb-hoz:hover .thumb-txt-h { color:#fff;}

.list-highlight2-main .thumb .thumb-txt-h { font-size: 1.3em;}
.list-highlight2-sidebar .col-12:last-child() .thumb { margin-bottom: 0px;}
.list-highlight2-sidebar .thumb-hoz .thumb-img { width: 43%;}

.cont-primary-thumb .list-highligh.thumb-hoz:hover .thumb-txt-h{color:#009989;}
.cont-primary-thumb .list-highligh .thumb-txt-h{color:#009989;}
.cont-primary-thumb .list-highligh .thumb-txt-p{color: #464646;}

.thumb.light-content { color: #fff;}
.thumb.light-content:hover .thumb-txt-h { color: #fff;}
.thumb.light-content .btn-text:hover { color:#fff;}
.thumb.light-content .btn-text:hover svg { fill:#fff; }
.thumb.light-content .date-post svg, .thumb.light-content .date-post span { color:#fff;}
.thumb.light-content .info-icon svg { fill:#fff;}
.thumb.light-content .info-icon span { color:#fff;}
.thumb.light-content .btn svg { fill:#fff;}

.thumb-box-txthover-light .thumb-txt { padding:1.5em }
.thumb-box-txthover-light:hover .thumb-txt { background-color:#fff; }

/* .st .list-highligh .thumb-txt-h span span{font-size: .8em;color: #000; } */

/* .st .box-thumb .thumb .thumb-txt-h{-webkit-line-clamp: 2;width: 100%;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;float: left;padding: 3px 0;}
.st .box-thumb .thumb .thumb-txt-h{color: #ff301c;} */



.st-content .container-fluid { padding:0 15px;}
.st-content .cont-contain { margin-left:-15px; margin-right:-15px;  display: block; width: calc(100% + 30px);}
.st-content.contlay-ver { text-align: center;}
.st-content.contlay-ver .cont-img { width: 100%;}
.st-content.contlay-ver .cont-txt { width: 100%;}
.st-content.contlay-hoz-left .cont-contain { display: flex; align-items: center;}
.st-content.contlay-hoz-left .cont-txt{ margin-left: auto;}
.st-content.contlay-hoz-right .cont-contain { display: flex; align-items: center;}
.st-content.contlay-hoz-right .cont-img {-webkit-box-ordinal-group: 3;-ms-flex-order: 2;order: 2;}

.st-banner { position: relative;}
.st-banner .cont-contain { width:100%; display: flex;}
.st-banner .cont-txt { width:100%;}
.st-banner .bancont-top  { display: flex; align-items: flex-start; }
.st-banner .bancont-middle { display: flex; align-items:center; }
.st-banner .bancont-bottom { display: flex; align-items: flex-end; }
.st-banner .container-1600 .container-1600 .cont-contain { padding-left:150px; padding-right:150px; }
.st-banner .cont-contain.text-right .cont-txt,
.st-banner .cont-contain.text-md-right .cont-txt { width: 50%; float: right; margin-left: auto; }
.st-banner .cont-contain.text-left .cont-txt,
.st-banner .cont-contain.text-md-left .cont-txt  { width: 50%; }
.st-banner .video_abs { position: absolute; height: 100%; width: 100%; top: 0; left: 0; bottom: 0;}
.st-banner .video_abs .video-container {height: 100%;background-color: #000; position:absolute;}
.st-banner .swiper-slide { height: auto;}
.st-banner .swiper-pagination-bullet {width: 7px;height: 7px;margin-left: 5px;}

.st-banner .swiper-pagination { bottom: 10%; left: 50%; transform: translateX(-50%); max-width: 1360px; text-align: left; padding: 0 15px;}
.st-banner .swiper-pagination-bullet{background: #fff;opacity: .4;}
.st-banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;border: 1px solid #fff;}

.st-list-acc-default .sec-acc-group{padding: 0;}
.st-list .swiper-button { margin-top: 0px;}
.sec-lists { float: left; width: 100%; position: relative;}

.sec-lists.temp-style-1 .thumb { background-color:#009989; color:#fff; }
.sec-lists.temp-style-1 .thumb:hover a .thumb-txt-h, 
.sec-lists.temp-style-1 .thumb:hover .thumb-txt-h { color:#fff; }
.sec-lists.temp-style-1 .thumb-ver .thumb-txt { padding:15px 20px; min-height: 100px; max-height: 100%;}
.sec-lists.temp-style-1 .thumb-hoz .thumb-txt {padding:20px;}
.sec-lists.temp-style-1 .swiper-slide { background-color:#009989; }
.sec-lists.temp-style-1 .thumb-txt-h { display:flex; align-items:start; }
.sec-lists.temp-style-1 .thumb-txt-h svg { fill:#fff }
.sec-lists.temp-style-1 .thumb-incard .thumb-group:before { opacity:1; background: linear-gradient(180.54deg, rgba(14, 155, 140, 0) 31.37%, rgba(0, 153, 137, 0.9) 80%)}


.list-swiper-content-center .swiper-wrapper{justify-content: center;}

.sw-equal-height-row .swiper-slide { height:auto; }
/*
 |*******************************************************************************************
 | HEADER
 |*******************************************************************************************
*/

.section-header {position:fixed; top:0px; left:0px; width:100%; z-index:19; font-size: 1em; background-color: #fff; transition:all .4s ease;max-width: 1920px; left: 50%;transform: translateX(-50%);}
.section-header.head-down { background-color:#fff; box-shadow:0 0 20px rgba(0,0,0, 0.08)}
.bg-overlay { position: fixed; width:100%; height: 100vh; top: 0; left: 0; background-color: rgba(0, 0, 0, .8); display: none;}
.sec-header { float:left; width:100%; position: relative; z-index: 2;}
.box-header {  position:relative; padding-left:350px; padding-right: 300px; align-items: center; float:left; width:100%; text-align:center;flex-wrap: wrap; justify-content:center;}
.page-lang-en .box-header  { padding-right:270px; }

.box-logo { width: 320px;  display:inline-block; position: absolute; left:0; top: 0;}
.box-logo .logo-main { height: 45%; position: absolute; top: calc(50% - 10px); left: 50%; transform: translate(-50%,-50%);}
.box-logo .logo-image {  z-index: 1; float:left; height: 100%; max-width: none; width: auto;}

.box-logo .bg-logo {}
.box-logo .bg-logo img {float: left;}
.box-nav-right { display: none; position: absolute; align-items: center; right: 0px; height: 100%;width:calc(100% - 160px); top: 0px; padding: 15px 30px 17px;}
.navright-bg { transition: all ease 1s; position: absolute; top:-4px; right:-20px; background: rgb(237,35,36);background: linear-gradient(138deg, rgba(237,35,36,1) 50%, rgba(168,18,19,1) 100%); width: calc(100% + 20px); height: 100%;transform: skew(30deg, 0deg);border-radius: 0 0 0 10px;}

.box-lang  { position:relative; float:right; order:3; padding:0px 10px; padding-right: 0px;}
.box-lang .dropdown-menu { padding:0px; font-size: 12px; margin-top: 0px; border: 1px solid #fff; border-radius: 0px; min-height: 0!important;}
.box-lang .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width:auto; min-width:180px;}
.box-lang .bootstrap-select > .dropdown-toggle { background: none; border-radius:0px;border:0px solid #fff; font-size:13px; color:#fff; padding:4px 10px 4px; min-width:0; margin-bottom:0px;}
.box-lang .btn-light:not(:disabled):not(.disabled).active:focus,.box-lang  .btn-light:not(:disabled):not(.disabled):active:focus,.box-lang  .show>.btn-light.dropdown-toggle:focus { box-shadow: none; background: none; color: #fff; outline: 0!important; }
.box-lang .btn-light:not(:disabled):not(.disabled).active,.box-lang  .btn-light:not(:disabled):not(.disabled):active,.box-lang  .show>.btn-light.dropdown-toggle { background: none; box-shadow:0 0 0 1px #fff inset;}
.box-lang .bootstrap-select .dropdown-toggle:focus { outline: 0!important; box-shadow:none!important;}
.box-lang .bootstrap-select .dropdown-menu li { width:100%;}
.box-lang .bootstrap-select .dropdown-menu li a { padding:2px 8px;}
.box-lang .bootstrap-select .dropdown-menu li a span.text{ display:flex; align-items:center; justify-content:start;}
.box-lang .bootstrap-select .dropdown-menu li a span.text span { line-height:1; width:20px; text-align:center; padding-top:1px;font-size: 11px;text-decoration: underline;color: #888;}
.box-lang .bootstrap-select .dropdown-menu li a span.text img {width: 17px;height: 13px;display: inline-block; margin-left:5px;}
.box-lang .dropdown-item.active, .dropdown-item:active { background-color: #fff; color:#009989;}
.box-lang .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.box-lang .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.box-lang .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.box-lang .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color:#fff}
.btn-light:not(:disabled):not(.disabled).active:focus, .btn-light:not(:disabled):not(.disabled):active:focus, .show>.btn-light.dropdown-toggle:focus { border: none;}
.page-lang-en .box-lang .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {min-width:130px;}

.box-search { float: right; position: relative; order:2; padding: 0 10px;display: flex;align-items: center;gap: 10px;}
.box-search input { border-radius:50px; padding:5px 40px 5px 20px; border:none; background-color:#eaeaea;  float: left; width: 100%;}
.box-search button { position: absolute; border: medium none ; padding: 0px;right: 16px; top:50%; transform: translateY(-50%);width: 16px; background: none;}
.box-search button img { width: 30px; height: 30px; float: left;}
.search-form {  display:none; position: relative;  width: 180px; z-index: 2;}
.box-search .search-icon {width: 16px; height: 16px; float: left;}
.box-search .search-icon svg,
.box-search .search-icon img {float: left; width: 100%; fill:#fff;}
.box-search .search-close {width: 16px; height: 16px; float: left; display: none; }
.box-search .search-close svg,
.box-search .search-close img {float: left; width: 100%; fill:#fff;}


.box-menu { position: relative; } 
.main-menu { float: left; width: 100%; position: relative; padding: 10px 0;}
.main-menu ul { display: flex;align-items: center;justify-content: space-between;}
.main-menu ul ul { display: none;}
.main-menu > ul > li { float: left; margin: 0 0px; }
.main-menu > ul > li.has-sub a { padding-right:12px ; position:relative;}
.main-menu > ul > li.has-sub a:before { content: ""; right:0px; top:1.05em; width: 6px; height: 6px; position: absolute; transform: rotate(45deg); border-bottom:1px solid #333; border-right:1px solid #333;} 
.main-menu > ul > li.active a { color:#009989}
.main-menu > ul > li.active a:before {transform: rotate(-135deg); top:1.25em; border-bottom:1px solid #009989; border-right:1px solid #009989;} 
.main-menu > ul > li a.active:after { position:absolute; content:""; height:2px; width:100%; background-color:#009989;bottom: -10px; left: 0; }

.main-menu > ul > li > a { color:#333; font-family: var(--font-family-main); font-weight:var(--font-weight-bold); font-size: 1.1em; display: block; padding:10px 5px; }
.main-menu > ul > li > a.active,
.subhead-list li a.active { color:#009989;}
.mobile-menu-foot { background: url('../img/skin-vn/bg-lang.png') bottom left no-repeat ; background-size: cover;position: fixed; right:0; top:0; float: left; width: auto;  padding:13px 20px 10px 40px; display: flex; align-items: center; justify-content: flex-end; z-index: 1;    min-height: 57px; }
.second-menu { float: right;position: relative; order:1; padding: 0 10px;}


.second-menu-tab ul li  { float: left; margin: 0 20px;}
.second-menu-tab ul li a { color: #333; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);} /* font-size: 0.9em; */
.second-menu-tab ul li.has-sub a { padding-right:12px ; position:relative;}
.second-menu-tab ul li.has-sub a:before { content: ""; right:0px; top:8px; width: 6px; height: 6px; position: absolute; transform: rotate(45deg); border-bottom:1px solid #333; border-right:1px solid #333;} 
.second-menu-tab ul li.active a:before { transform: rotate(-135deg); top:10px;} 

.second-menu-content { display: none;}
.second-menu-content ul ul { display: none;}

.sec-subhead { display: none; position: absolute; top:0px; width: 100%; left: 0px; padding-top:100px; background-color: #fff;}
.sec-subhead:before { content: ""; position: absolute; width: 100%;top:0; left:0; height: 100px; background:#fff;} 
.box-subhead { font-size: 1em; position: relative; z-index: 1; float: left; width: 100%; background-color: #fff; margin-top: 10px; padding-top: 10px; padding-bottom: 40px;    max-height: calc(100vh - 120px); overflow-x: scroll; }
/* Hide scrollbar for Chrome, Safari and Opera */
.box-subhead::-webkit-scrollbar {
    display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.box-subhead {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.box-subhead .container { position: relative;}
.box-subhead .row { margin-left: -30px; margin-right: -30px;}
.box-subhead .col { padding-left: 30px; padding-right: 30px;} 
.subhead-list  { position: relative; float: left; width: 100%;}
.subhead-list li {float: left; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, .1); padding: 10px;}
.subhead-list li a { float: left; width: 100%; position: relative;}
.subhead-list li a br { display: none!important;}
.subhead-list li.has-sub a:before { content: ""; right:0px; top:10px; width: 6px; height: 6px; position: absolute; transform: rotate(-45deg); border-bottom:1px solid rgba(0, 0, 0, .5); border-right:1px solid rgba(0, 0, 0, .5);}  
.subhead-list li.active a { color:#009989;}
.subhead-list li.active a:before {border-bottom:1px solid #009989; border-right:1px solid #009989;}
.subhead-list ul ul { display: none;}
.subhead-topic { position: relative; padding-bottom: 20px; margin-bottom: 10px; display: flex; align-items: flex-end; text-transform: uppercase;  font-size: 1.4em; line-height: 1; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);} /*height: 80px;*/
.subhead-topic img { position: absolute; left: -20px; bottom: 10px; width: calc(100% + 20px); max-width: none;}
.subhead-topic h2 { position: relative; line-height: 1; }
.subhead-des-lv-1 { background-color: #fff;}
.subhead-des-lv-1 .subhead-topic { }
.subhead-des-lv-2:before { display: none; content: ""; background-color: #eee; position: absolute; left: 0px; top:80px; height: calc(100% - 80px); width: 1920px; z-index: -1;} 
.subhead-close { z-index: 2; cursor: pointer; position: absolute; right: 0px; top: 0px; display: flex; align-items: center;}
.subhead-close-icon { position: relative; width: 40px; height: 40px; }
.subhead-close-icon span { width: 100%; height: 1px; position: absolute; top: 50%; left: 50%; background-color: #666; transform: translate(-50%,-50%);}
.subhead-close-icon span:nth-of-type(1) { transform: translate(-50%,-50%) rotate(45deg); }
.subhead-close-icon span:nth-of-type(2) { transform: translate(-50%,-50%) rotate(-45deg); }


.subhead-des-lv-3 .subhead-topic {
    width: calc(100% - 70px);
}
/*
 |*******************************************************************************************
 | DETAIL PAGE
 |*******************************************************************************************
*/
.sec-list-detail { float: left; width: 100%; }
.sec-content-read { min-height: 300px;}
.box-detail-topic { color:#009989;margin-bottom: 20px; }
.box-detail-topic h1 { font-size: 1.5em;}
.box-detail-topic .date-post {min-width: fit-content;}
.box-detail-info { display: flex; margin-left: auto;min-width: 150px;justify-content:space-between; margin-bottom: 1em;}
.box-detail-info .btn { margin-left: auto;}
.box-detail-info .info-icon { margin-right: 20px;}

.box-detail-banner { margin-bottom:60px;}
.no-detail-banner  { margin-bottom: 20px;}
.box-detail-bottom { float: left; width: 100%; padding:3em 20% 2em;}
.box-detail-bottom hr { margin: 2em 0;}
.box-detail-footer { float: left; width: 100%; margin-top: 50px;}
.box-detail-footer-explore { border-top: 1px solid #ccc; float: left; width: 100%; padding: 50px 0;}


.content-inner { float: left; width: 100%; position: relative;}
.sec-content {float: left; width: 100%; padding: 60px 0;background-size: 100%;}
.box-share { border-top:1px solid #009989; padding-top:20px }
.box-share.sidebar {}
.box-share .share-title {float: left;font-size: 0.8em; text-align: center; color:#2f2a95}
.box-share > div { display:flex; align-items:center }
.box-share ul {float: left;text-align: center;}
.box-share li { float: left}
.box-share li a {width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 100%;}
.box-share li:last-child { padding-bottom: 0px;}
.box-share ul li svg{fill:#2f2a95;width: 16px;height: 16px;}
.box-share ul li .share-fb svg{width: 6px;}
.box-share ul li .share-tw svg{width: 14px;}
.box-share ul li .share-in svg{width: 14px;}
.box-share ul li .share-line svg{width: 16px;}
.sidebar__inner {float: left;position: relative;top:0px;width:40px;left:0%}

.detail-content-top { display: flex; justify-content: space-between; float: left; width: 100%;}
.detail-content-top .detail-content-top-left span.btn-tag { margin-bottom: 0.2em;}
.detail-content-top-left span.btn-tag { margin-bottom: 0.4em;}

.tag-group {width: 100%; float: left;display: flex; align-items: center;padding-top:20px; font-size:1em;}
.tag-group ul.box-tag {display: inline-block;}
.tag-group ul.box-tag li{float: left;margin-right:10px;padding: 10px 0;}
.tag-group .tag-title {font-family: var(--font-family-main); font-weight:var(--font-weight-bold);color: #f10000;margin-right: 10px;    width: fit-content; padding-top: 15px;float: left;}
.tag-group .btn.btn-tag {padding: 0 20px;min-width: 0;border:1px solid #f10000;color: #f10000;background-color: #ffffff;border-radius: 100px;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);font-size: 0.8em;}
.tag-group .btn.btn-tag:hover {background-color: #f10000;border:1px solid #f10000;color: #ffffff;}

.slide-in-bottom {-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;}
@-webkit-keyframes slide-in-bottom { 0% {  -webkit-transform: translateY(150px); transform: translateY(150px); opacity: 0;}100% {-webkit-transform: translateY(0);transform: translateY(0);opacity: 1;}}
@keyframes slide-in-bottom { 0% { -webkit-transform: translateY(150px); transform: translateY(150px);opacity: 0;}100% {-webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}}

.sec-relate { background: url('../img/bg/bg-fluid-bottom-left-m.png') bottom left no-repeat #f5f5f5; background-size: contain; }

.box-loadmore  { position: relative;}
.box-loadmore .btn { position: absolute; left: 50%; top:0px; transform: translate(-50%,-50%);}


.main-cnt-sidebar { }
.box-tool-sidebar { background-color:#EBF7F6; padding:1em; margin-bottom: 3em}
.sb-stat { gap:10px;color:#333333; font-size:1.2em }
.sb-stat > span {color:#ccc;}
.sb-stat .date-post span { color:#666 }
.sb-view { font-size:0.7em; color:#666 }
.sb-view > span { display:flex; align-items:center; gap:10px; }
.sb-view > span svg { fill:#666; width:16px; height:16px; font-size: 0.7em; }

.box-rating { display:flex; align-items:center; }
.box-rating .box-content { width:auto; }

.relate-sidebar-list .thumb { padding-bottom:1em; margin-bottom:1em; border-bottom:1px solid #CFDEDC;  }
.relate-sidebar-list .thumb:last-child { padding-bottom:0em; margin-bottom:0em; border-bottom:none;  }

/*
 |*********************************************************************************************
 | RATING
 |*********************************************************************************************
*/
.box-rating .post{display: none; float: left; width: auto; text-align: center; margin-left: 10px}
.box-rating .text{font-size: 1em;color: #666;font-weight: 500;}
.box-rating .edit{position: absolute;right: 10px;top: 5px;font-size: 16px;color: #666;font-weight: 500;cursor: pointer;}
.box-rating .edit:hover{text-decoration: underline;}
.box-rating .star-widget input{display: none;}
.star-widget { display: inline-block; margin-left: 10px;}
.star-widget label{font-size: 30px;color: #ccc;padding:0 5px;float: right;transition: all 0.2s ease;}
.star-widget input:not(:checked) ~ label:hover,
.star-widget input:not(:checked) ~ label:hover ~ label{color: #009989;}
/* input:checked ~ label{color: #009989;} */
input#rate-5:checked ~ label{color: #009989;text-shadow: 0 0 20px #009989;}
/* #rate-1:checked ~ form header:before{content: "I just hate it 😡";}
#rate-2:checked ~ form header:before{content: "I don't like it 😒";}
#rate-3:checked ~ form header:before{content: "It is awesome 😄";}
#rate-4:checked ~ form header:before{content: "I just like it 😎";}
#rate-5:checked ~ form header:before{content: "I just love it 🥰";} */
.box-rating form{display: none;}
input:checked ~ form{display: block;}
form header{width: 100%;font-size: 25px;color: #009989;font-weight: 500;margin: 5px 0 20px 0;text-align: center;transition: all 0.2s ease;}
form .textarea{height: 100px;width: 100%;overflow: hidden;}
form .textarea textarea{height: 100%;width: 100%;outline: none;color: #eee;border: 1px solid #333;background: #222;padding: 10px;font-size: 17px;resize: none;}
/* form .btn{height: 45px;width: 100%;margin: 15px 0;} */
form .btn button{height: 100%;width: 100%;border: 1px solid #444;outline: none;background: #222;color:  #999;font-size: 17px;font-weight: 500;text-transform: uppercase;cursor: pointer;transition: all 0.3s ease;}
form .btn button:hover{background: #1b1b1b;}



/* 
 |*******************************************************************************************
 | ONLY SCGC
 |*******************************************************************************************
*/
.btn.btn-icon-special { border: none; background-color: transparent;}
.btn.btn-icon-special.btn-icon > span { padding-left:13px; padding-right:20px;}
.btn.btn-icon-special.btn-icon:before {     background-color: transparent;border: 1px solid #fff;border-radius: 32px;content: "";height: 32px;left: 0;position: absolute;top: 50%; transform: translateY(-50%); transition: all .3s ease-in-out;width: 32px;z-index: 1;}
.btn.btn-icon-special.btn-icon svg + span, .btn.btn-icon-special.btn-icon img + span { margin-left: 1em;}
.btn.btn-icon-special.btn-icon:hover:before { width: 100%;}


.box-breadcrumb { padding: 10px 0; font-size: 0.8em; opacity: 0.8; background-color:#F1F4FA }
/* .box-breadcrumb nav { padding-left: 24px; } */
/*.box-breadcrumb nav:before { opacity: 0.8; position: absolute; width: 16px; height: 16px; left: 0px; top: 0.05em; content: ""; background:url('/assets/img/skin/icon-breadcrumb.png') center center no-repeat; background-size:contain; }*/
.box-breadcrumb br { display: none !important;}
.box-breadcrumb li:first-child a{float: left;}
.breadcrumb { margin-bottom:0 }
.breadcrumb-item+.breadcrumb-item { padding-left: 0;}
.breadcrumb-item { padding-right: 0.5rem;}
.breadcrumb-item:last-child { padding-right: 0.5rem;}
.breadcrumb-no-banner {padding-top:calc(10px + 2.5em)}
.dot-breadcrumb-no-banner{width: 100%;float: left;position: relative;}
.dot-breadcrumb-no-banner nav::after {content: "";background-image: url(../img/element/dot-4.png);position: absolute;width: 825px; height: 220px;background-repeat: no-repeat;background-size: 70%;left: 50%;top:-30px;pointer-events: none;z-index: -1;margin-left: -55%;}
/* ===== UI SCGC ===== */
.thumb-group { position: relative;}
.thumb-product-ver .thumb-txt-h { transition: all ease .4s; width: calc(100% - 30px); float:left; padding-left: 20px; font-size: 1.2em;}
.thumb-product-ver .thumb-txt-arrowright { width: 16px; margin-right: 10px; float: right; padding-top: .5em;}
.thumb-product-ver .thumb-img { overflow: hidden;}
.thumb-product-ver .thumb-img img { transition: all ease .4s;} 
.thumb-product-ver:hover .thumb-img img {transform: scale(1.1); }
.thumb-product-ver:hover .thumb-txt-h {color:#009989;}

.thumb-document-hghome {width: 100%;float: left;display: flex;background-color: #00988b;display: flex;}
.thumb-document-hghome .thumb-txt {width:55%; position: relative; color: #fff;padding: 30px; display: flex; align-items: center;}
.thumb-document-hghome .thumb-txt .thumb-txt-h{font-size: 1.6em; line-height: 1.4;color: #fff;}
.thumb-document-hghome .thumb-txt .thumb-txt-h a { color:#fff;}
.thumb-document-hghome .thumb-txt .date-post {position: absolute;top: 2em;font-size:0.9em;}
.thumb-document-hghome .thumb-txt .date-post svg,
.thumb-document-hghome .thumb-txt .date-post span {color: #fff;}
.thumb-document-hghome .thumb-img {width: 45%;}
.thumb-document-hghome .thumb-txt .thumb-a {position: absolute;bottom: 2em;left: 2em;}
.thumb-document-hghome .thumb-txt .thumb-a svg {fill: #fff;width: 1.8em; height: 1.8em; transition: all ease .4s;}
.thumb-document-hghome .thumb-txt .thumb-a:hover svg { fill:#fff}
.thumb-document-hghome-vn { display:block; padding:20px; }
.thumb-document-hghome-vn .thumb-txt {display: inline-block; width:100%; padding:0; margin-top:15px; }
.thumb-document-hghome-vn .thumb-txt .thumb-txt-div { justify-content:space-between; width: 100%;}
.thumb-document-hghome-vn .thumb-txt .thumb-txt-div .thumb-txt-h { width:calc(100% - 40px); }
.thumb-document-hghome-vn .thumb-txt .thumb-a { position:relative; left:auto; bottom:auto; }
.thumb-document-hghome-vn .thumb-txt .date-post{ position:relative; left:auto; top:auto; }


.thumb-list-download {width: 100%;padding:1.17em 0; border-bottom: 1px solid rgba(0, 0, 0, .15);}
.thumb-list-download .thumb-txt {width:calc(100% - 1.8em);}
.thumb-list-download .thumb-txt br { display: none;}
.thumb-list-download .thumb-txt .date-post{font-size:0.9em;color:#00988b}
.thumb-list-download .thumb-txt .thumb-txt-h{font-size: 1.4em;line-height: 1.4; color:#2f2a95 }
.thumb-list-download .thumb-txt .thumb-txt-h:hover { color:#00988b}
.thumb-list-download .thumb-a svg,
.thumb-list-download .thumb-download img{width: 1.8em; height: 1.8em;fill:#00988b}
.documents-home-list .col:first-child .thumb-list-download {border-top: 1px solid rgba(0, 0, 0, .15);}

.thumb-product-incard .thumb-img { overflow: hidden; height: 250px; display: flex; align-items: center;justify-content: center;}
.thumb-product-incard .thumb-img img { transition: all ease .4s;  object-fit: cover;width: 100%;height: 100%;}
.thumb-product-incard .thumb-txt { display: flex; align-items:flex-end; color:#fff; height: 100%; position: absolute; bottom: 0px; left: 0px; width: 100%; padding:1em;background: rgb(0,164,151);background: linear-gradient(0deg, rgba(0,164,151,.7) 0%, rgba(0,164,151,0) 70%);}
.thumb-product-incard .thumb-txt hr {opacity: 1; display: inline-block; border-top: 2px solid #fff; width: 40px; margin-bottom: 10px; margin-top: 10px;}
.thumb-product-incard .thumb-txt .thumb-txt-h { font-size: 1.5em; line-height: 1.2;color:#fff!important;}
.thumb-product-incard .thumb-a { margin-top:auto; margin-left: auto; white-space: nowrap;}
.thumb-product-incard:hover .thumb-img img  { transform: scale(1.1);}
.thumb-product-incard:hover .thumb-txt-h,
.thumb-product-incard:hover  a .thumb-txt-h { color:#fff;}

.thumb-icon-focus { color: #fff;}
.thumb-icon-focus .thumb-group  { padding: 2em; transition: all ease .4s; border-radius: 0px 0px 0 0; transition: all ease .4s;}
.thumb-icon-focus .thumb-icon-topic { padding-bottom: 1em; margin-bottom:1em; border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 1.2em; line-height: 1.5;}
.thumb-icon-focus .thumb-icon-img { margin-bottom: 10px; width: 100px;display: inline-block;}
.thumb-icon-focus .thumb-icon-detail { display: flex; justify-content: center; }
.thumb-icon-focus .thumb-icon-detail-group { padding: 0 10px; position: relative; }
.thumb-icon-focus .thumb-icon-detail-topic { font-size: 0.8em; position: absolute; left: 50%; transform: translateX(-50%); bottom:calc(100% - 5px); width: 100%;}
.thumb-icon-focus .thumb-icon-detail-value { line-height: 1.2; color:#3ed3c6; font-size:3.2em; font-weight: 200;}
.thumb-icon-focus .thumb-icon-detail-unit { font-size: 1.2em;}
.thumb-icon-focus:hover .thumb-group {background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);}

.thumb-icon-bottom { transition: all ease .4s; box-shadow:0 0 0px 1px #ccc inset; padding: 1.2em; display: flex;}
.thumb-icon-bottom .thumb-group { display: flex; align-items: stretch; flex-wrap: wrap;}
.thumb-icon-bottom .thumb-icon-topic { min-height: 4.2em; margin-bottom: 1em; font-size: 1.2em; width: 100%; line-height: 1.4;}
.thumb-icon-bottom .thumb-icon-img { display: flex; margin-top: auto; }
.thumb-icon-bottom .thumb-icon-img img,
.thumb-icon-bottom .thumb-icon-img svg { transition: all ease .4s; width: 80px; height: 80px; fill:#009989}
.thumb-icon-bottom:hover, .thumb-icon-bottom.active { color:#fff; background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.thumb-icon-bottom:hover .thumb-icon-img svg ,.thumb-icon-bottom.active .thumb-icon-img svg { fill:#fff;}
.thumb-icon-bottom:hover .thumb-icon-topic-h ,.thumb-icon-bottom.active .thumb-icon-topic-h { color:#fff}
/* .thumb-txt-maxheight { height:8em;} */
.thumb-txt-maxheight { min-height:11.5em;}

.thumb-icon-bottom .thumb-icon-topic-h { font-size: 1.2em; color:#009989; transition: all ease .4s;}
.thumb-icon-bottom .thumb-icon-topic-p { font-size: 0.8em; font-family: var(--font-family-main); overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}

.thumb-magazine .thumb-txt .btn:not(.btn-tag) { margin-top: 0;}
.thumb-magazine .thumb-img { float: left; width: 100%; }
.thumb-magazine:hover .thumb-img{}
.thumb-magazine:hover .thumb-img  img { }
.thumb-magazine .thumb-img img { float: left; width: 100%;}
.thumb-magazine .thumb-txt-c { display:flex;}
.thumb-magazine .doc-issue { font-size: 0.9em;}

.thumb-magazine.thumb-ver { padding: 1em;}
.thumb-magazine.thumb-ver .thumb-img { width:100%; margin-bottom: 1em;}
.thumb-magazine.thumb-ver .thumb-txt .thumb-txt-h {font-size: 1.2em;line-height: 1.6;}

.thumb-magazine.thumb-hoz  { display:flex; align-items: center;}
.thumb-magazine.thumb-hoz .thumb-img { width:280px;}
.thumb-magazine.thumb-hoz .thumb-txt { padding-left: 4em; width: calc(100% - 280px);}
.thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-c { line-height: 1; font-size: 1.2em;}
.thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-h { color: #009989; font-size: 3em; line-height: 1.5;}
.thumb-magazine.thumb-hoz .btn-hl { margin-right: 20px; line-height: 1;}

.thumb-icon-video { z-index: 1; display: flex; align-items: center; justify-content: center;  width: 5em; height: 5em; }
.thumb-icon-video svg { fill:#fff; width: 5em; height: 5em;}
.thumb-icon-video:hover {   }
.thumb-icon-video:hover svg { fill:#009989;}

.thumb-ver:hover .thumb-icon-video {  border: 1px solid #009989; background-color: #fff; }
.thumb-ver:hover .thumb-icon-video:before { box-shadow: 0 0 0 1px #009989; }
.thumb-ver:hover .thumb-icon-video svg { fill:#009989;}

.thumb-highlight-video .thumb-txt {display: flex; align-items: flex-end;}
.thumb-highlight-video .thumb-txt .thumb-icon-video { margin-bottom: .8em; margin-right: 2em; width:3em; height: 3em;}
.thumb-highlight-video .thumb-txt .thumb-txt-group { width: calc(100% - 5em);}
.thumb-highlight-video .thumb-txt .thumb-txt-h { font-size: 1.8em;line-height: 1.5;}
.thumb-highlight-video .thumb-icon-video svg  { width: 1.5em; height: 1.5em;}
.thumb-highlight-video .thumb-img { float:left; width: 100%; overflow: hidden; position: relative;}
.thumb-highlight-video .thumb-img img { transition: all ease .4s;}
.thumb-highlight-video:hover .thumb-img img {transform: scale(1.1);}

.thumb-img .thumb-icon-video { left:50%; top:50%; transform:translate(-50%,-50%); }

.thumb-highlight-video2 { background-color:#009989 } 
.thumb-highlight-video2 .thumb-img { width:60%; float:right }
.thumb-highlight-video2 .thumb-img img { aspect-ratio:640/430; object-fit:cover; }
.thumb-highlight-video2 .thumb-txt { position:absolute; z-index:2; width:40%; height: 100%; padding:2em; display:flex; align-items:center }
.thumb-highlight-video2 .thumb-txt-h { font-size:1.2em;-webkit-line-clamp: 3; } 
.thumb-highlight-video2 .thumb-txt-p {-webkit-line-clamp: 4;}
.thumb-highlight-video2 .thumb-highlight-video2-bg { position: absolute; top: 0; left: 0; width: 65%; height: 100%; background: linear-gradient(270.06deg, rgba(49, 50, 131, 0) 10.26%, #313283 35.99%, #009989 114.79%);}



.thumb-textlist {  border: 1px solid transparent; transition: all ease .4s; margin-bottom: .5rem; background-color: #ededf2; padding: 1em 2em; display: flex; justify-content: space-between;}
.thumb-textlist:hover { border: 2px solid #009989;}
.thumb-textlist .btn { font-size: 1rem;}
.thumb-textlist .thumb-txt-seperateLine {margin-top: 0;margin-left: 1em;opacity: 0.2;display: inline-block;line-height: 1.5;vertical-align: middle;}

.thumb-textlist-outline { background-color: none; border: 1px solid #eee; border-radius: 3px; width: 100%; background-color: #fff;}
.thumb-textlist:hover { border: 1px solid #009989;}


/* .thumb-masonry { padding: 0.5em;} */
.thumb-icon-download { display: flex; align-items: center; justify-content: center; position: absolute; right: 1.5em; bottom: 1.5em; width: 2em; height: 2em; background-color: #fff; border-radius: 100%;}
.thumb-icon-download svg { width: 60%; height: 60%;}
.thumb-icon-download:hover { background-color: #009989;}
.thumb-icon-download:hover svg { fill: #fff;}

.thumb-person { margin-bottom:10px; cursor:pointer; z-index: 2;}
.thumb-person .thumb-img { float:left; margin-bottom:15px; position:relative;}
.thumb-person .thumb-img:before { position:absolute; opacity:0; content:""; top:0px; left:0px; width:100%; height:100%; background-color:rgba(39,168,184,0.8); transition:all ease .4s;}
.thumb-person .thumb-txt {padding:1em; color:#fff; padding-right:20px; position: absolute; bottom: 0; left: 0; width: 100%;background: rgb(0,97,87); background: linear-gradient(0deg, rgba(0,97,87,1) 0%, rgba(0,97,87,0) 100%);}
.thumb-person .thumb-txt:before { position:absolute; opacity:0; content:""; top:0px; left:0px; width:100%; height:100%; background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%); transition:all ease .4s;}
.thumb-person .thumb-txt h4 { font-size:1.2em; color:#fff; position: relative; margin-bottom: 0.4em;}
.thumb-person .thumb-txt p {  position:relative; line-height: 1.5;}
.thumb-person .thumb-viewmore { opacity:0; transition:all ease .4s; width: 30px; height: 30px; position: absolute; bottom: -15px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; border-radius: 100%;}
.thumb-person .thumb-viewmore svg { width: 15px; height: 15px; fill:#fff;}
.thumb-person:hover .thumb-txt:before, 
.thumb-person.active .thumb-txt:before { opacity:0.8; }
.thumb-person.active .thumb-viewmore  { opacity:1; }

.title-with-link.sec-title { display: flex; align-items: flex-end; z-index: 3;}
.title-with-link .link-topic-right { margin-left: auto; position: absolute; right: 0; bottom: 1em;}
.title-with-link.title-with-link-h4 .link-topic-right { bottom: 0.4em; }
.title-with-link .link-topic-right .btn { font-size: .8em;}

.wg-section { float: left; width: 100%;}


.select-dropdown-underline .bootstrap-select>.dropdown-toggle {font-weight: 400; background:none; border: none; border-radius:0px ; padding-left:0 ;padding-right:8px; padding-top: .2em; padding-bottom: .2em; border-bottom: 1px solid rgba(0, 0, 0, .5);}
.select-dropdown-underline .bootstrap-select .dropdown-toggle .filter-option { position: relative;}
.select-dropdown-underline .bootstrap-select .dropdown-toggle:before { display: none;}
.select-dropdown-underline .dropdown-toggle::after {position: absolute;right: 0em;top:.65em;border: none; border-bottom: 2px solid #333; border-right: 2px solid #333; width: 0.5em; height: 0.5em; transform: rotate(45deg);}
.select-dropdown-underline .dropup .dropdown-toggle::after {transform: rotate(-135deg); top:.9em;}
.select-dropdown-underline .bootstrap-select .dropdown-menu li a {}
.select-dropdown-underline .bootstrap-select .dropdown-menu li a:hover { color:#009989;}
.select-dropdown-underline .dropdown-menu { border-radius: 0px; font-size: .9em; padding: 0px;}
.select-dropdown-underline .btn-light:not(:disabled):not(.disabled).active:focus, 
.select-dropdown-underline .btn-light:not(:disabled):not(.disabled):active:focus, 
.select-dropdown-underline .show>.btn-light.dropdown-toggle:focus { background: none;}
.select-dropdown-underline .dropdown-item.active, .select-dropdown-underline .dropdown-item:active { background-color: #009989; color:#fff;}
.select-dropdown-underline .btn-light:not(:disabled):not(.disabled).active:focus, 
.select-dropdown-underline .btn-light:not(:disabled):not(.disabled):active:focus, 
.select-dropdown-underline .show>.btn-light.dropdown-toggle:focus {border:0;border-bottom: 1px solid rgba(0, 0, 0, .5);}

/*.select-dropdown-border .bootstrap-select>.dropdown-toggle {font-weight: 400; background:none; border: 2px solid #009989; padding:10px;}
.select-dropdown-border .bootstrap-select .dropdown-toggle .filter-option { position: relative;}
.select-dropdown-border .bootstrap-select .dropdown-toggle:before { display: none;}
.select-dropdown-border .dropdown-toggle::after {position: absolute;right: 0em;top:.65em;border: none; border-bottom: 2px solid #333; border-right: 2px solid #333; width: 0.5em; height: 0.5em; transform: rotate(45deg);}
.select-dropdown-border .dropup .dropdown-toggle::after {transform: rotate(-135deg); top:.9em;}
.select-dropdown-border .bootstrap-select .dropdown-menu li a {}
.select-dropdown-border .bootstrap-select .dropdown-menu li a:hover { color:#009989;}
.select-dropdown-border .dropdown-menu { border-radius: 0px; font-size: .9em; padding: 0px;}
.select-dropdown-border .btn-light:not(:disabled):not(.disabled).active:focus, 
.select-dropdown-border .btn-light:not(:disabled):not(.disabled):active:focus, 
.select-dropdown-border .show>.btn-light.dropdown-toggle:focus { background: none;}
.select-dropdown-border .dropdown-item.active, .select-dropdown-border .dropdown-item:active { background-color: #009989; color:#fff;}
.select-dropdown-border .btn-light:not(:disabled):not(.disabled).active:focus, 
.select-dropdown-border .btn-light:not(:disabled):not(.disabled):active:focus, 
.select-dropdown-border .show>.btn-light.dropdown-toggle:focus {border:0;border-bottom: 1px solid rgba(0, 0, 0, .5);}*/
.select-dropdown-border .bootstrap-select>.dropdown-toggle {      border: 2px solid #009989!important;}
.select-dropdown-border .dropdown-toggle::after {position: absolute;right: 1em;top: .65em;border: none;border-bottom: 2px solid #009989;border-right: 2px solid #009989;width: 0.5em;height: 0.5em;transform: rotate(45deg);}
.select-dropdown-border .dropup .dropdown-toggle::after {transform: rotate(-135deg); top:.9em;}
.select-dropdown-border .show>.btn-light.dropdown-toggle:focus { background: none;border: 2px solid #009989;}
.select-dropdown-border .bootstrap-select .dropdown-menu li a {}
.select-dropdown-border .bootstrap-select .dropdown-menu li a:hover { color:#009989;}
.select-dropdown-border .dropdown-menu { border-radius: 0px; font-size: .9em; padding: 0px;}
.select-dropdown-border .dropdown-item.active, .select-dropdown-border .dropdown-item:active { background-color: #009989; color:#fff;}

.st-banner .element-banner-only { display: none;}
.special_banner.st-banner { margin-bottom: 0px;}
/* .special_banner.st-banner .align-items-md-center.text-md-start .box-content  { margin-left: 100px;} */
.special_banner.st-banner .box-content h1 { font-size: 3.6em; line-height: 1; text-shadow: 0 0 20px rgba(0, 0, 0, .3);}
.special_banner.st-banner .box-content { color:#fff;}
.special_banner.st-banner .box-content h1,
.special_banner.st-banner .box-content h2,
.special_banner.st-banner .box-content h3,
.special_banner.st-banner .box-content h4,
.special_banner.st-banner .box-content h5,
.special_banner.st-banner .box-content h6 { color:#fff;}

h1,h2,h3,h4,h5{font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.t-family-scg{font-family: 'scg', sans-serif;}
.t-family-prompt{font-family: var(--font-family-main);}

.special_banner .box-content-button .btn {border: 1px solid #fff;}
.special_banner .box-content-button .btn span {color: #fff;}
.special_banner .box-content-button .btn:hover {border: 1px solid #009989;}
.special_banner .box-content-button .btn:hover span {color: #fff;}
.special_banner.st-banner .element-banner-only { display: block;}
.special_banner.st-banner .element-banner-only.ele-dot-1 {width: 1920px;position: absolute;bottom: 0;left: 50%;z-index: 1;top: auto;transform: translateX(-50%);}
.special_banner.st-banner .element-banner-only.ele-dot-2 {z-index: 2;top: auto;bottom: -50px;left: 50%;margin-left: -440px;width: 1290px;}

.st-title .ele-dot-1 {left: -11%;top: auto; bottom: -85px;}
.st-title .select-dropdown-underline { width: 400px; margin-bottom: 1em;}

.main-banner-first .gen_bg { z-index: 4;}
.main-banner-first .ele-dot-1 { width: 1920px; position: absolute; bottom: 0; left: 50%;z-index: 1;top: auto; transform: translateX(-50%);}
.main-banner-first .ele-dot-2 {z-index: 2;top: auto;bottom: -50px;left: 50%;margin-left: -440px;width: 1290px;}

.box-border-gd { padding: 2px; float: left; width: 100%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.5) 20%, rgba(14,155,140,.5) 100%); border-radius:12px;}
.inner-border-gd {float: left; width: 100%; background-color: #F9F9F9; padding: 2em; border-radius:10px;} 
.box-table-div-linewhite {float: left; width: 100%; background-color: #fff; border-radius: 10px; padding: 1.5em;}
.div-linewhite-h { float: left; width: 100%; padding: .5em 0; border-bottom: 1px solid #009989;}
.div-linewhite-b { float: left; width: 100%; padding: .5em 0; border-bottom: 1px solid #eee;}

.box-group-tools { float:left; width: 100%; margin-bottom: 1em;} 

.comlocate-address { float: left; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #eee;}
.comlocate-address:last-child { padding-bottom: 0px; margin-bottom: 0px; border-bottom:none;}
.comlocate-address-topic { float: left; width: 100%; display: flex; align-items: center; margin-bottom: 0.5em;}
.comlocate-address-topic-icon { margin-right: 10px; width: 30px; height: 30px; background-color: #009989; border-radius: 100%; display: flex; align-items: center; justify-content: center;} 
.comlocate-address-topic-icon svg { fill:#fff; width: 18px; height: 18px;}
.comlocate-product li { float: left; margin-right: 5px; margin-bottom: 5px; }
.comlocate-product .comlocate-product-topic {line-height: 1; padding-top: 0.4em;}
.comlocate-contact li { float: left; width: 100%;  margin-bottom: 5px; }

.insertcol  { z-index: 2; position: relative;}
.insert-content { float:left; width:calc(100% + 0px); margin-bottom:50px; margin-top:0px; position:relative; padding-top: 150px; margin-top: -120px;}
.insert-content:before {content:""; width: 1000%; left: 50%; height: 100%; min-height: 500px; top: 0px; z-index: -1; position: absolute; transform: translateX(-50%); background: rgb(0,153,137);background: linear-gradient(180deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.insert-close { position:absolute; bottom:20px; right:0px; cursor:pointer; display: flex; align-items: center;}
.insert-close svg { float:left; width:20px; height: 20px; fill:#333; margin-right: 10px;}
.insert-close:hover { color:#009989 }
.insert-close:hover svg { fill:#009989 }
.person-detail-topic { position: relative; float:left; width: 100%; border-bottom: 1px solid #009989; padding-bottom:20px; margin-bottom: 20px;}
.person-detail-topic h6 { color:#333;}
.person-detail-content { height: 500px; float: left; width: 100%; position: relative; margin-bottom: 30px; overflow: hidden;}
.person-detail-content:before { content: ""; bottom:0; height: 100px; z-index: 1; position: absolute; left: 0px; width: 100%;background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); }
.insert-content.active .person-detail-content:before { display: none; }

/* == AWARD == */

.box-aboutaward-intro { float:left; width:100%; margin-bottom:50px;}
.aboutaward-intro-right h4 { position:relative; padding-bottom:30px;}
.aboutaward-intro-right h4:before { position:absolute; content:""; bottom:0px; left:0px; width:150px; height:1px; background-color:#ba9f57;}
.aboutaward-slide { padding:80px  0 ; float: left; width: 100%; position:relative; float:left; width:100%; background: url('/assets//img/skin/bg-history.jpg') bottom center no-repeat; background-size:100%; }
.aboutaward-slide .swiper-container {}
.aboutaward-slide .swiper-pagination { width:100%;}
.aboutaward-slide .swiper-pagination-bullet { transition:all ease .4s; background-color:#bcbcbc; }
.aboutaward-slide .swiper-pagination-bullet-active { margin:0 40%; background-color:#b99e5b;}
.aboutaward-slide .swiper-button-next.swiper-button-disabled, .aboutaward-slide  .swiper-button-prev.swiper-button-disabled {opacity: 0.4; display: flex;}
.aboutaward-slide .swiper-button-prev { left: 30%; bottom: 0; top:auto; transform: translateY(0);}
.aboutaward-slide .swiper-button-next { left: calc(30% + 50px); bottom: 0; top:auto; transform: translateY(0);}
.aboutaward-list-img { float:left; width:30%; padding-right: 30px; min-height: 10px;}
.aboutaward-list-img img {float:left; width:100%;}
.aboutaward-list-text {float:left; position: relative; width: 70%; color:#fff;}
.aboutaward-list-text-year { position: absolute; right:0px; top: 0px; font-size:9em; line-height:.7; opacity: 0.8; }
.aboutaward-list-text-year span  {display: inline-block;background: rgb(255,255,255);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.aboutaward-list-text-year:before { position:absolute; content:""; bottom:0px; left:0px; width:100%; height:1px; background-color:#fff;}
.aboutaward-list-text-detail { float:left; width:100%;}
.aboutaward-list-text-detail .box-content h2 { line-height: 1.2;}
.aboutaward-pagination { position:relative; z-index:2; float:left; width: 100%;}
.aboutaward-pagination-container { transition:all ease .4s; display: flex; align-items: center; height: 52px;}
.aboutaward-pagination-container li { display: flex; height: 100%; align-items: center;}
.aboutaward-page-list { width:100px; float:left; text-align:center; position:relative;display: flex; height: 100%; align-items: center;}
.aboutaward-page-list .aboutaward-page-bullet { border: 2px solid #fff; display:inline-block; width:16px; height:16px; background-color:#bcbcbc; border-radius:100%; position:absolute; left: 50%; bottom: 0px; transform: translateY(50%) translateX(-50%); z-index: 1;}
.aboutaward-page-list .aboutaward-page-year { float:left; width:100%; color:#fff;}
.aboutaward-page-list.active .aboutaward-page-bullet {  background-color:#49E5C0;}
.aboutaward-page-list.active .aboutaward-page-year {color: #fff;}
.aboutaward-list-text-detail .aboutaward-list-text-month { color:#333; margin-bottom: 1em;}
.aboutaward { padding-bottom: 60px;}
.aboutaward-select-year { width:200px; padding: 0; position: absolute; height: 100%;}
.aboutaward-select-year .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { height: 100%;}
.aboutaward-select-year .bootstrap-select>.dropdown-toggle { height: 100%; background-color:rgba(0,153,137,0.5); border-radius: 0; border: none; padding:1em 1.5em; color:#fff;} 
.aboutaward-select-year .bootstrap-select>.dropdown-toggle.bs-placeholder, 
.aboutaward-select-year .bootstrap-select>.dropdown-toggle.bs-placeholder:active, 
.aboutaward-select-year .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, 
.aboutaward-select-year .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color:#fff; background-color:rgba(0,153,137,0.5); }
.aboutaward-select-year .dropdown-menu { border-radius:0 ;}
.aboutaward-select-year .bootstrap-select .dropdown-toggle .filter-option { display: flex; align-items: center;}
.aboutaward-select-year .dropdown-toggle::after {position: absolute;right: 1.5em;top: calc(50% - 3px);border: none;border-bottom: 2px solid #fff;border-right: 2px solid #fff;width: 0.5em;height: 0.5em;transform: rotate(45deg) translateY(-50%);}

.aboutaward-slide-year{ position: absolute; right:-20px; top: 20px; font-size:9em; line-height:.7; opacity: 0.8; }
.aboutaward-slide-year span  {display: inline-block;background: rgb(255,255,255);background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(0,153,137,1) 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.aboutaward-pagination-group  { height: 52px; }
.aboutaward-pagination-wrapper { float: left;  margin-left: 200px;height: calc(52px + 8px); position: relative; overflow: hidden; width: 1000%;}/*width:calc(100% + ((100vw - 1330px) / 2));*/

.stakeholder-detail-lv1  { float:left; width: 100%; margin-bottom: 50px; position: relative;}
.stakeholder-detail-lv1:before { position: absolute; content: ""; width: 1000%; transform: translateX(-50%); bottom:0; height: 100%;background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.stakeholder-detail-lv1 .sec-grade-slide { background: none;}
.stakeholder-detail-lv1 .thumb-icon-bottom { box-shadow: none;}

.stakeholder-accordion-list  { float:left; width: 100%; margin-bottom: 20px;}
.stakeholder-accordion { float:left; width: 100%;}
.stakeholder-accordion-title { padding-right: 40px; cursor: pointer; float:left; width: 100%; border-bottom: 1px solid #009989; padding-bottom: 10px; margin-bottom: 20px; position: relative;}
.stakeholder-accordion-arrow { transition: .4s all ease; position: absolute; right:0px; top: 0px; width: 15px; height: 15px; border-left: 2px solid #009989; border-bottom: 2px solid #009989; transform: rotate(-45deg); top:8px;}
.stakeholder-accordion-title.active .stakeholder-accordion-arrow {transform: rotate(-225deg); top:12px; }
.stakeholder-accordion-detail { float:left; width: 100%;}

.box-content-button.nex-button-text-link-dark{font-weight: 300;border: none;text-decoration: underline;color: inherit;background: none;box-shadow: none;}
.box-content-button.nex-button-text-link-dark a{border:0;position: relative; color:#333; padding-right: 20px;}
.box-content-button.nex-button-text-link-dark a:before{margin-top: -1px; right:0px; top: 50%; position: absolute; width: 10px; height: 10px; border-bottom: 1px solid #009989;border-right: 1px solid #009989; transform: rotate(-45deg) translateY(-50%); content: "";}
.box-content-button.nex-button-text-link-dark .btn span{padding: 5px 0;color: #333;}
.box-content-button.nex-button-text-link-dark .btn:hover {background-color:transparent ;color: #009989;}
.box-content-button.nex-button-text-link-dark .btn:hover:before { border-bottom: 1px solid #009989;border-right: 1px solid #009989;}
.box-content-button.nex-button-text-link-dark .btn:hover span{color: #009989;}
.box-content-button.nex-button-text-link-light{font-weight: 300;border: none;text-decoration: underline;color: inherit;background:none;box-shadow: none; }
.box-content-button.nex-button-text-link-light a{border:0!important;position: relative; color:#fff; padding-right: 20px;}
.box-content-button.nex-button-text-link-light a:before{margin-top: -1px; right:0px; top: 50%; position: absolute; width: 10px; height: 10px; border-bottom: 1px solid #fff;border-right: 1px solid #fff; transform: rotate(-45deg) translateY(-50%); content: "";}
.box-content-button.nex-button-text-link-light .btn span{padding: 5px 0;color: #fff;}
.box-content-button.nex-button-text-link-light .btn:hover {background-color:transparent ;color: #009989;}
.box-content-button.nex-button-text-link-light .btn:hover span { color:#009989;}
.box-content-button.nex-button-text-link-light .btn:hover:before { border-bottom: 1px solid #009989;border-right: 1px solid #009989;}
.box-content-button.nex-button-light .btn{color: #fff;position: relative;border: 1px solid #fff;}
.box-content-button.nex-button-light .btn span {color: #fff;}
.box-content-button.nex-button-light .btn:hover{color: #fff;border: 1px solid #009989;}
.box-content-button.nex-button-light .btn:hover span {color: #fff;}

.box-content-button.nex-button-dark .btn{color: #009989;position: relative;border: 1px solid #009989;}
.box-content-button.nex-button-dark .btn span {color: #009989;}
.box-content-button.nex-button-dark .btn:hover{color: #009989;border: 1px solid #009989;}
.box-content-button.nex-button-dark .btn:hover span {color: #fff;}

/* ===== FOOTER ===== */
.section-footer { position: relative; padding:60px 0 0; color:#fff; float:left; width: 100%;background: linear-gradient(243.93deg, #313283 -13.45%, #009989 68.5%);overflow: hidden;}
.section-footer a {color:#fff;}
.footer-menu a[href="javascript:void(0);"] { text-decoration: none!important; cursor: default;}

.footer-sec1 { margin-bottom: 20px; }
.footer-sec2 { margin-bottom: 20px;margin-top: 20px;}
.footer-sec2 > .row > .col { display: flex; align-items: end;}

.footer-brand { font-size: 1.8em;font-family: var(--font-family-main); font-weight:var(--font-weight-bold); float: left; width: 100%; display: flex; align-items: center; position: relative;}
.footer-brand img { opacity:1; width: 150px; float:left; padding-right:15px; margin-right: 15px; border-right:1px solid rgba(255,255,255,0.6); }
.footer-sec-1 {display: flex;align-content: space-between;flex-wrap: wrap;}
.footer-contact {float: left; width: 100%;}
.footer-contact-list { float: left; width: 100%; margin-bottom: 0px; }
.footer-contact-list-topic { float: left; width:auto; margin-right: 20px;}
.footer-contact-list-detail { float: left; clear: both;}
.footer-contact-list-detail a.btn:hover { color:#fff;}
.footer-contact-list-detail a.btn:hover svg { fill:#fff;}
.footer-contact-list-social { float: left; width:auto;}
.footer-contact-list-social li { float: left; margin-right: 15px;}
.footer-contact-list-social li:last-child { margin-right:0; }
.footer-contact-list-social svg, .footer-contact-list-social img { width: 20px; height: 20px; fill:#fff; object-fit: contain;}
.footer-contact-list-social svg.ft-icon-yt,.footer-contact-list-social img.ft-icon-yt { width: 26px;}
.footer-contact-list-social svg.ft-icon-tw,.footer-contact-list-social img.ft-icon-tw { width: 24px;height: 24px;}
.footer-contact-list-social svg.ft-icon-line,.footer-contact-list-social img.ft-icon-line { width: 25px;height: 25px;}
.footer-contact-list-button a.btn { min-width: 180px; margin-top: 5px;}
.footer-contact-list-button a.btn:hover { color:#009989; background-color: #fff;}
.footer-contact-list-button a.btn:hover svg { fill:#009989;}
.footer-menu li { margin-bottom:10px; font-family: var(--font-family-main); font-weight:var(--font-weight-bold); }
.footer-menu li a:hover { text-decoration: underline;}
.footer-menu li li {font-family: var(--font-family-main);}
.footer-menu li ul { margin-top: 10px;}
.footer-copyright { font-size: 0.8em; float:left; width: 100%; border-top: 1px solid rgba(255,255,255,0.3); opacity: 0.7; margin-top:0px; padding: 15px 0;}
.footer-copyright-group { display:flex; align-items:center; justify-content:space-between; }
.section-footer .ele-dot-1 {margin-left: -80%;width: 110%;transform: rotate(7deg);top: 25%;}
.footer-logo img {filter:brightness(0) invert(1) ;} 
/* ===== HOMEPAGE ===== */
.wg-highlight-search { z-index:3; position: relative; padding: 5em 0 1em;}
.special_banner + div .wg-highlight-search { margin-top: -7em;}

.highlight-search-bg { pointer-events: none; position: absolute; top:0%; left: 50%; transform: translateX(-50%); width:1920px; height:auto;}
.highlight-search-bg img { height: auto;}
.box-shortcut-search {color:#fff; padding:0em 2em; float: left; width: 100%;}
.box-shortcut-search .shortcut-search-title { font-size: 1.2em;}
.shortcut-search-form-group  {float: left; width: 100%; position: relative;  border-radius:0px;}
.shortcut-search-form-group input { padding:1em 1.5em; width: 100%; border: none; background-color:#fff; border-radius:5px;}
.shortcut-search-form-group button { transition: all ease .4s; border-radius:0 5px 5px 0; border: medium none; background-color:#009989; width: 60px; height: 100%; position: absolute; right:0px; top:0px;}
.shortcut-search-form-group button svg { width: 20px; fill:#fff}
.shortcut-search-form-group button:hover { background-color: #313283; }
.shortcut-search-tag { float: left; width: 100%; margin-top: 10px; color:#fff; display: flex; align-items: top;}
.shortcut-search-tag p { float: left; margin-right: 15px;margin-top: 0.3em;}
.shortcut-search-tag ul { float:left;}
.shortcut-search-tag ul li  { float:left; margin-right: 10px; padding: 3px 0;}


.bg-abs-bottom { width: 100%; height:40%; min-height: 200px; bottom: 0; left: 0; position: absolute;}
.bg-abs-bottom.bg-abs-bottom-40 { height:40%; }
.bg-abs-bottom.bg-abs-bottom-50 { height:50%; }
.bg-abs-bottom.bg-abs-bottom-60 { height:60%; }
/* ===== HOMEPAGE : ABOUT ===== */

.wg-about-intro { margin-bottom: 120px; }
.wg-about-intro .ele-dot-1 {width: 115%;margin-left: -65%;margin-top: 10%;} 
.wg-about-intro .sec-contain { padding-bottom: 100px;} 

/* ===== HOMEPAGE : INNOVATION THAT'S REAL ===== */
.wg-innovation { margin-bottom: 15px; }
.wg-innovation .box-video,.wg-innovation .ganeral-video,.wg-innovation .video-container  { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.wg-innovation .select-dropdown-underline { min-width: 155px; }
.wg-innovation .box-video + .container { position: relative; z-index: 3;}
.icon-play-content { cursor: pointer; width: 100px; display: inline-block; transition: all ease .4s;}
.icon-play-content:hover { transform: scale(1.1);}

/* ===== HOMEPAGE : APPLICATION ===== */
.wg-application-highlight .box-slide .swiper-slide { float: left; width: 33.3333%; padding:15px;}
.wg-application-highlight .box-slide .swiper-slide:nth-of-type(1), 
.wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) { width: 50%;}
.wg-application-highlight .box-slide .swiper-slide:nth-of-type(1) .thumb-product-incard .thumb-img,
.wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) .thumb-product-incard .thumb-img { height:300px}

/* ===== HOMEPAGE : FOCUS ===== */

.wg-focused { position: relative; padding:11em 0 2em;}
.wg-focused:before { position: absolute; content: ""; width:120%;top:0; left: 50%; transform: translate(-50%,-50%); height: 30%; background-color: #fff; border-radius: 100%; }
.wg-focused .ele-dot-1{ width: 116%;left: -40%;top: -83%;} 
.wg-focused .swiper-button {  background-color: rgba(255,255,255,0.8); border-color: transparent;}
.wg-focused .swiper-button:hover { background-color: #009989;}
/* ===== HOMEPAGE : INVESTOR ===== */
.wg-investor-banner { margin-bottom: 50px;margin-top: 5px; }

/* ===== HOMEPAGE : MEDIA ===== */
.wg-media {}
.wg-media .thumb-media .thumb-txt { padding:10px 0; } 
.wg-media .swiper-container { overflow: visible;}
.wg-media-box .wg-media-right .box-thumb { margin-bottom:0;}

/* ===== HOMEPAGE : DOCUMENT ===== */
.wg-documents-home {}

/* ===== WIDGET : PRODUCT SLIDE ===== */
.wg-product-slide { position: relative;}
.wg-product-slide .thumb .thumb-txt-h{font-size: 1.4em;}
.wg-product-slide .thumb .thumb-txt-p{font-weight: 600;}

/* ===== WIDGET : CAREER COMPANY SECTION ===== */
.wg-career-company-section .pt-imgleftright-bg-img-logo {filter: brightness(0) invert(1); position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width:30%; height:30%; object-fit:contain; }

/* ===== WIDGET : CAREER COMPANY TABLE ===== */
.wg-cct-ctn-list { margin-bottom: 5px; background-color:#EBF7F6; padding:10px 20px; display:flex; align-items:center;justify-content: space-between; }
.wg-cct-ctn-list-title { display:flex; }
.wg-cct-ctn-list-title .wg-cct-ctn-list-num { margin-right:15px; line-height:1.7 }
.wg-cct-ctn-list:hover {background: linear-gradient(243.93deg, rgba(49, 50, 131, 0.3) -13.45%, rgba(0, 153, 137,0.3) 68.5%);}
.wg-cct-ctn-list:hover .wg-cct-ctn-list-title {color:#fff;}

/* ===== WIDGET : CAREER COMPANY SLIDE ===== */
.wg-career-company-slide { position:relative; padding-bottom:100px; }
.wg-career-company-slide .thumb:hover .thumb-txt { background-color:#fff; color:#000; }
.wg-career-company-slide .thumb:hover .thumb-txt-h { color:#009989; }
.wg-career-company-slide .thumb:hover .thumb-txt-h svg{ fill:#009989!important; }

/* ===== WIDGET : COMPANY Contact ===== */
.wg-contact-company { position:relative; padding-bottom:100px; }
.wg-contact-company .thumb .thumb-txt-h { font-size:1.5em }
.wg-contact-company .thumb:hover .thumb-txt { background-color:#fff; color:#000; }
.wg-contact-company .thumb:hover .thumb-txt-h { color:#009989; }
.wg-contact-company .thumb:hover .thumb-txt-h svg{ fill:#009989; }
.wg-contact-company .thumb:hover .thumb-img img {transform: none;}
.wg-contact-company .thumb .thumb-txt { min-height: 250px; padding:2em; background: linear-gradient(144.66deg, rgba(241, 244, 250, 0.5) 10.01%, rgba(73, 230, 192, 0.1) 89.41%); backdrop-filter: blur(7.5px);}
.wg-contact-company .thumb .thumb-txt-p {-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;} 
.company-logo-contact { position:absolute; width:30%; height:40%; left:50%; top:50%; transform:translate(-50%,-50%); display:flex; align-items:center; justify-content:center; }
.company-logo-contact img { filter: brightness(0) invert(1);}


/* ===== WIDGET : HEX GRAPHIC ===== */

.wg-hex-graphic .ele-dot-3 { margin-left: -620px;max-width: none;width: 130%;margin-top: 30px; z-index: -1;}
.wg-hex-graphic .ele-hex-green-1 { width: 20%; height: 20%;left: 80%;top: -3%;}
.wg-hex-graphic .ele-hex-green-2 { width: 40%; height: 40%; left: 53%; top: 70%; }
.wg-hex-graphic .ele-ball-white-1 {left: 0;top: 16%;width: 50px;opacity: 0.3;}
.wg-hex-graphic .ele-ball-white-2 {left: auto; right:0; top: 16%;width: 50px;opacity: 0.5;}
.wg-hex-graphic .ele-ball-white-3 {left: auto; right:0; top:auto; bottom:20%;max-width: 150px;    width: 10%;opacity:1;z-index: -1;}
.wg-hex-graphic .ele-ball-green-1 {left: auto; right:-200px; top: 50%;width: 100px;opacity: 0.3;}
.wg-hex-graphic .cont-img { position:relative; }







/* 
 |*******************************************************************************************
 | PRODUCT
 |*******************************************************************************************
*/
.product-inner-row { float: left; width: 100%; padding-bottom: 40px;}

.product-sidebar { position: relative; margin-bottom: 2em; float: left; width: 100%; background-color: #f4f4f4; padding:20px; font-weight:300;}
.filter-group { margin-bottom: 1em; float: left; width: 100%;}
.filter-group:first-child .filter-topic  { margin-top: 0;}
.filter-topic {transition: all ease .4s; font-family: var(--font-family-main); font-weight:var(--font-weight-bold); cursor: pointer;}
.filter-topic:hover { color: #009989;}
.filter-ul li { margin-top: .5em;}
.filter-ul ul { padding-left: 2em;}
.filter-ul label { margin-bottom: 0px;}
.filter-ul label br { display: none;}
.filter-ul .btn-text span{white-space: break-spaces; text-align: left;}
.filter-topic { border-bottom: 1px solid #009989; font-size: 1.2em; padding-bottom:0.5em; margin-top:1em; position: relative;}
.filter-topic .icon-toggle {transition: all ease .4s; right:0px; top:.3em; transform: rotate(45deg); position: absolute; width: 12px; height:12px; border-right: 2px solid #009989;border-bottom: 2px solid #009989;}
.filter-topic.active .icon-toggle { transform: rotate(-135deg); top:.6em;}

.pd-sidebar-topframe { z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: none;}

.product-top-content { padding-bottom: 50px; margin-bottom: 50px;}
.product-top-content .sec-grade-slide { padding-bottom: 0; background: none;}

.sec-catepd-slide { margin-bottom: 50px; padding:50px 0; background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.box-catepd-slide .swiper-container  { padding-left: 1px; padding-right: 1px;}
.box-catepd-slide .box-thumb { height: auto;}

.sec-grade-slide { margin-bottom: 50px; padding:50px 0; background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}

.product-table { font-size: 0.9em;}
.pd-table { float: left; width: 100%; margin-bottom: 2em;}
.pd-head { color:#fff; font-weight: 600; }
.pd-head .pd-table-topic { font-size: 1.2em; font-weight: bold;}
.pd-body .btn span { padding-left:1.5em; padding-right:1.5em;}
/* .pd-body { border-bottom:1px solid rgba(0, 0, 0, .1) ;} */
.pd-body.pd-row:hover { background-color: #eee;}
.pd-row .row { display: flex; align-items: center; justify-content: space-between; padding-left:1em; padding-right:1em;}
.pd-col { padding-top: 1em; padding-bottom: 1em;}
.pd-col .btn { float:right;}

.product-gradelist { float: left; width: 100%;}
.group-gradelist  { transition: all ease .4s; padding: 1em 2em; border-bottom: 1px solid rgba(0, 0, 0, .1);}
.group-gradelist:hover { background-color: #eee;}
.gradelist-topic { display: flex; align-items: center; justify-content: space-between;}
.gradelist-topic .box-content h4 { font-weight: 600;}
.gradelist-topic .box-content .btn { margin:auto 0; }
.gradelist-topic > .btn.btn-sm { white-space: nowrap;}
.gradelist-topic > .btn.btn-sm span  { padding-left: 1.5em; padding-right: 1.5em;}
.gradelist-content { margin-bottom: 1vw; width: 100%;font-size: 0.9em;}
.gradelist-content .txt-clr-green br { display: none;}
.gradelist-content .grade-tag { margin-top: 1em;}
.gradelist-content .grade-tag li { float: left; margin-right: .5em; margin-bottom: .5em;}
.gradelist-document a { float: left; margin-right: .5em; margin-bottom: .5em; }
.gradelist-content .box-content br{display: none !important;}
.box-pagination { margin: 30px 0; float:left; width:100%; text-align:center;display: flex;  justify-content: center;}
.box-pagination .box-page { display:inline-block;}
.page-back { margin-right:10px;}
.page-next { margin-left:10px;}
.page-back a ,.page-next a { float: left; padding:4px;  width: 30px; height: 30px; background-color: transparent; border-radius:100%; border: 1px solid #ccc;}
.page-back a span, .page-next a span { display: flex; align-items: center; justify-content: center;width: 100%;height: 100%;}
.page-back a img ,.page-next a img ,.page-back a svg ,.page-next a svg  { float:left;width: 15px; height: 15px;}
.page-back a:hover ,.page-next a:hover { background-color:#009989; border-color: #009989; color:#fff;}
.page-back a:hover ,.page-next a:hover svg { fill:#fff;}
.btn-page .btn { padding:0 0 3px; width:90px; min-width:0;}
.btn-page .btn span { margin:0 2px; position:relative;}
.btn-page .btn span:before { position:absolute; content:""; width:8px; height:14px;top:50%; margin-top:-4px; }
.btn-page.page-back .btn span { padding-left:15px;}
.btn-page.page-back .btn span:before {background:url(/assets/img/skin/arrow-02-l.svg) no-repeat; background-size:100%;  left:0px; }
.btn-page.page-next .btn span { padding-right:15px;}
.btn-page.page-next .btn span:before {background:url(/assets/img/skin/arrow-02-r.svg) no-repeat; background-size:100%; right:0px;}

.page-item  { float:left;}
.page-item .page-link {  color:#333; margin: 0 .5em; font-size: .8em; display: flex; align-items: center; justify-content: center; padding:4px;  width: 30px; height: 30px; background-color: #fff; border-radius:100%; border: 1px solid #ccc;}
.pagination li:not(:last-child):nth-last-child(2).active + li.page-next { display: none; }
 
.page-link:hover{color:#fff; background-color:#009989;border-color: #009989;}
.page-item.active .page-link { background-color:#009989; border-color: #009989; color:#fff; }
.page-item:not(:first-child) .page-link  { margin-left:.5em;}

.sidebar-top { float: left; width: 100%; display: flex; align-items: center; justify-content: stretch; }
.slidebar-result { margin: .34em 0 .94em;}
.slidebar-filter-btn { margin-left: auto;}
.box-search-keyword  li { float: left; margin: 0.25em .5em .25em 0;}
.slidemain-top { float: left; width: 100%; margin-bottom: 10px;}

.slidebar-relate-group { float: left; width: 100%; margin-bottom: 2em; border-bottom: 1px solid #ccc;}
.slidebar-relate-topic { float: left; width: 100%; color: #009989; font-size: 1.4em; font-weight: 600;padding-left: 20px; margin-bottom:.5em;} 
.slidebar-relate-group .thumb { margin-bottom: 1em; }
.slidebar-relate-group .thumb-product-ver .thumb-txt-h { font-size: 1em;}
.slidebar-relate-group .thumb-product-incard .thumb-img { height:auto}
.slidebar-relate-group .thumb-product-incard .thumb-txt .thumb-txt-h { font-size: 1em;}


.sticky-intersect-hl thead th:first-child {font-size: 1.2em; font-weight: bold;}

.table-sticky table {border-collapse: collapse;width: 100%;background: #fff; font-size: 14px; line-height:1.5em}
.table-sticky td, .table-sticky th {padding: 10px 1em;text-align: left;}


/* tbody tr:nth-child(2n-1) {background-color: #f5f5f5;transition: all .125s ease-in-out;} */
.table-sticky tbody tr:hover {background-color:#eee;}

.sticky-wrap thead {background: rgb(0,152,139);background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.sticky-wrap thead th {color:#fff; vertical-align: middle;}
.sticky-wrap thead th:first-child {  padding-left: 1em; padding-right: 1em;white-space: nowrap;}
.sticky-wrap tbody th { padding-left: 1.5em; padding-right: 1.5em;}
/* For appearance */
.sticky-wrap {overflow-x: auto;overflow-y: hidden;position: relative;width: 100%;}
.sticky-wrap .sticky-thead,
.sticky-wrap .sticky-col,
.sticky-wrap .sticky-intersect {opacity: 0;position: absolute;top: 0;left: 0;z-index: 15;width: auto; /* Prevent table from stretching to full size */}

.sticky-wrap .sticky-col { border-right: 1px solid rgba(0, 0, 0, .1);}
.sticky-wrap .sticky-col tbody th {background-color: #fff;}
.sticky-wrap .sticky-thead {box-shadow: 0 0.25em 0.1em -0.1em rgba(0,0,0,.125);z-index: 15;width: 100%; min-width: 100%; /* Force stretch */}
.sticky-wrap .sticky-intersect {opacity: 1;z-index: 16;}

.sticky-wrap .sticky-intersect thead,
.sticky-wrap .sticky-col thead  {background: #009989;color: #fff;}

.sticky-wrap .btn { font-size: 1em; line-height: normal; position: relative; top: -2px;}
.sticky-wrap .btn-sm > span { font-size: 12px; padding:0px 10px; } 
.sticky-wrap th a:hover { color:#009989}

.box-sticky-right { margin-top: -50px; position: fixed; right:0px; top: 50%; z-index: 18; box-shadow:0 5px 10px 0 #009989; border-radius: 5px 0 0 5px; overflow: hidden;}
.box-sticky-right li { float: left; clear: both; border-bottom: 1px solid #ccc; width: 100%;}
.box-sticky-right li:last-child { border-bottom: none;}
/* .box-sticky-right a {float: left; width:50px; height: 60px; background-color: #fff; display: flex; align-items: center; justify-content: center; } */
.box-sticky-right a { float: left;width:100%;height: 40px;background-color: #fff;display: flex;align-items: center;justify-content: start;padding: 10px;}
.box-sticky-right a img,.box-sticky-right a svg { fill:#009989; width: 20px; height: 20px; float:left; margin-right: 10px;}
.box-sticky-right a:hover { background-color: #009989; color: #fff;}
.box-sticky-right a:hover svg { fill:#fff;}

.box-nodata { float: left; width: 100%; background-color: #f4f4f4; padding: 2em; text-align: center; min-height: 300px; margin-top: 2.7em; display: flex; align-items: center; justify-content: center;}
/* Not needed for sticky header/column functionality 
td.user-name {
	text-transform: capitalize;
}
.sticky-wrap.overflow-y {
	overflow-y: auto;
	max-height: 50vh;
}*/
.table-design table tr:first-child {background: rgb(0,152,139);background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.table-design table tr:first-child td { background: none; color:#fff; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.table-design-footer table tr:last-child {background:#009989}
.table-design-footer table tr:last-child td { background: none; color:#fff; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}

/* ===== PRODUCT VN : ARTICLE DETAIL ===== */
.company-list-cnt { background: linear-gradient(144.66deg, rgba(241, 244, 250, 0.5) 10.01%, rgba(73, 230, 192, 0.3) 89.41%); backdrop-filter: blur(7.5px);}
.company-list-cnt-title { display:flex;margin-bottom:20px; gap: 20px; width: 100%}
.company-list-cnt-detail {}
.company-list-cnt-title-logo { padding: 5px; width:120px;  background-color:#fff;height: 120px;}
.company-list-cnt-title-logo img { float:left; aspect-ratio: 1 / 1; width: 100%; object-fit:contain; }
.company-list-cnt-title-name{width: calc(100% - 140px);    justify-content: center; display: flex; -webkit-box-pack: center; align-items: flex-start; flex-direction: column; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; height: auto;}
/* 
 |*******************************************************************************************
 | MEDIA CENTER
 |*******************************************************************************************
*/
/* ===== MEDIA : ARTICLE DETAIL ===== */
.box-detail-banner { position: relative;}
.box-detail-banner .ele-dot-1 {left: -50px; top: auto; bottom: -102px;}

/* ===== MEDIA : PUBLICATION ===== */

.grid:after { content: ''; display: block; clear: both;}
.grid .grid-sizer,.grid .grid-item {width: calc(33.333% - 10px);}
.grid-md-5 .grid-sizer,
.grid-md-5 .grid-item {width:20%;}
.grid-md-4 .grid-sizer,
.grid-md-4 .grid-item {width:25%;}
.grid-md-3 .grid-sizer,
.grid-md-3 .grid-item {width:33.333%;}
.grid-md-2 .grid-sizer,
.grid-md-2 .grid-item {width:50%;}
.grid-md-1 .grid-sizer,
.grid-md-1 .grid-item {width:100%;}
.gutter-sizer { width:0%;}
.thumb-masonry { padding:.725em;} 

.grid-item { float: left; }
.grid-item img { display: block; width: 100%;}
.my-gallery figure { margin-bottom: 0;} 
.my-gallery figcaption { display: none; }

.page-load-status {display: none; padding-top: 20px;border-top: 1px solid #DDD;text-align: center;color: #777;}

.cont-detial-tool { padding: 2em 0; margin-bottom:0em; background-color: }
.cont-detial-tool .tab-nav { margin-bottom: 0;}

.public-banner-list { }
.public-banner-content { width: 100%; float:left;}

.box-sd-report .public-banner-content{padding-left:0;}
.box-report-banner .public-banner-content{padding-left:0;}

.listing-lay-masonry { float:left; width: calc(100% + 1.5em); margin-left: -.725em; }

.box-video-highlight .swiper-button-next { right:-20px}
.box-video-highlight .swiper-button-prev { left:-20px}


.sec-vdo-main {background: linear-gradient(357.86deg, #FFFFFF 13.75%, #009989 54.97%, #313283 92.31%);}
.box-video-slide .swiper-container{ overflow:visible;  }
.box-video-slide .swiper-slide { visibility:hidden; transform:translate3d(0, 0px, -250px) rotateX(0deg) rotateY(0deg)!important }
.box-video-slide .swiper-slide-prev {visibility:visible; opacity:1;transform:translate3d(80%, 0px, -250px) rotateX(0deg) rotateY(0deg)!important; }
.box-video-slide .swiper-slide-next {visibility:visible; opacity:1;transform:translate3d(-80%, 0px, -250px) rotateX(0deg) rotateY(0deg)!important; }
.box-video-slide .swiper-slide-active { visibility:visible;opacity:1;transform:translate3d(0px, 0px, 0px) rotateX(0deg) rotateY(0deg)!important }
.box-detail-video { position:relative;}

.box-tab-filter { float:left; width:100%; background-color:#fff;  }
.tab-filter-inner { display:flex; align-items:center; }
.tab-filter-inner .tab-filter-title { color:#009989; font-weight:bold; margin-right: 1em; white-space:nowrap; padding-bottom: 2px}
.tab-filter-inner ul {display:flex; align-items:center;}
.tab-filter-inner ul .tab-filter-li { padding:0 10px; }
.tab-filter-inner ul .tab-filter-li-a {border-bottom:2px solid transparent; padding:10px 0; margin: 0 10px; white-space:nowrap; display:block }
.tab-filter-inner ul .tab-filter-li-a.active { border-bottom:2px solid #009989;  }
.tab-filter-inner ul .tab-filter-li-a:hover { color:#009989; }

.box-tab-filter .tabOver .tabnav-button-next { left:auto; right:20px }
.box-tab-filter .tabOver .tab-nav { float: left; padding-left:0px; padding-right: 60px}
.box-tab-filter .tabOver:before { pointer-events: none; content: "";right:0; top:0;background-color: #fff;width: 60px;height: 100%;position: absolute; z-index: 1}
.box-tab-filter .tabOver:after { pointer-events: none; content:"";right: 50px;top: 0;background: rgb(255, 255, 255);background: linear-gradient(270deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);width: 100px;height: 100%;position: absolute;} 
.box-tab-filter .tabOver .tabnav-button a { top: calc(50% - 2px); }
.box-tab-filter .tabOver .tabnav-shadowleft span:first-child { display:none; }
.box-tab-filter .tabOver .tabnav-shadowleft span:last-child { display:none; }
.box-tab-filter .tabOver .tabnav-shadow span:first-child { display:none; }
.box-tab-filter .tabOver .tabnav-shadowright span:last-child { display:none; }
.box-tab-filter .box-tab { width:100%; display:grid; }
.sec-video-list-all {background: linear-gradient(143.79deg, #CDD6EB 0%, #FFFFFF 49.72%);}
.sec-video-list-all .thumb-hoz-article .thumb-img img { opacity:0.8;aspect-ratio:640/360 ; object-fit:cover; }
.sec-video-list-all .thumb-hoz-article .thumb-img .thumb-bg-image { background-color:#000 }
.sec-video-list-all .thumb-hoz-article:hover .thumb-img img { opacity:1; }
/*.sec-video-list-all .thumb-hoz-article:hover .thumb-icon-video svg { fill:#2f2a95 }*/
/* 
 |*******************************************************************************************
 | CUSTOM PAGE : CLASS
 |*******************************************************************************************
*/

.gradient-content-right .cont-contain {background: rgb(255,255,255); background: linear-gradient(128deg, rgba(255,255,255,0.34077380952380953) 69%, rgba(0,153,137,0.33237044817927175) 100%); }
.gradient-content-left .cont-contain {background: rgb(255,255,255); background: linear-gradient(245deg, rgba(255,255,255,0.34077380952380953) 69%, rgba(0,153,137,0.33237044817927175) 100%); }
.padding-img-0 .cont-img { padding:0}
.padding-txt-40 .cont-txt { padding:2em;}

.bg-on-text .nexitor-col { display: flex;}
.bg-on-text .box-content-editor { padding:2em; width: calc(100% + 30px); margin-left: -30px;display: flex;align-items: center;flex-wrap: wrap;}

.st-bg-grd-primary {background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.st-bg-grd-primary-ver {background: rgb(0,152,139); background: linear-gradient(180deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.st-bg-grd-primary-ver-invert {background: rgb(0,152,139); background: linear-gradient(180deg, rgba(49,49,135,1) 25%, rgba(0,152,139,1) 85%);}
.st-bg-grd-primary-hoz {background: rgb(0,152,139); background: linear-gradient(90deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
.st-bg-grd-primary-hoz-invert {background: rgb(0,152,139); background: linear-gradient(90deg, rgba(49,49,135,1) 25%, rgba(0,152,139,1) 85%);}
.st-bg-grd-greenwhite {background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.st-bg-grd-greenwhite-top {background: rgb(0,153,137); background: linear-gradient(180deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.st-bg-grd-greenwhite-right {background:linear-gradient(260.32deg, rgba(0, 153, 137, 0.2) -26.77%, rgba(0, 153, 137, 0) 36.7%);}
.st-bg-grd-greenwhite-right-50 {background:linear-gradient(270deg, rgba(0, 153, 137, 0.3) -26.77%, rgba(0, 153, 137, 0) 100%)}
.st-bg-grd-greenwhite-left {background: linear-gradient(74.06deg, #009989 -177.4%, rgba(0, 153, 137, 0) 39.1%);}
.st-bg-grd-greenwhite-bottom {background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgba(0,153,137,0) 30%);}
.st-bg-grd-bluewhite-top {background: linear-gradient(194.21deg, #D9E3FF -15.07%, rgba(217, 217, 217, 0) 70.44%);}
.st-bg-grd-bluewhite-right {background: linear-gradient(260.32deg, #D9E3FF -30.87%, rgba(217, 217, 217, 0) 66.57%)}
.st-bg-grd-bluewhite-left {background: linear-gradient(74.06deg, #D9E3FF -30.87%, rgba(217, 217, 217, 0) 66.57%)}
.st-bg-grd-bluewhite-bottom {background: linear-gradient(0deg, #D9E3FF -30.87%, rgba(217, 217, 217, 0) 66.57%)}



.graph-dot-left-top:before { content:"";background:url('/assets/img/element/dot-banner.webp'); background-size:contain; position:absolute; top: -60px;right: 50%;width: 1000px;height: 260px;transform: rotate(180deg) skewX(180deg);}
.graph-dot-left-bottom:before { content:"";background:url('/assets/img/element/dot-banner.webp'); background-size:contain; position:absolute; bottom: -60px;right: 50%;width: 1000px;height: 260px;transform: rotate(180deg) skewX(180deg); }
.graph-dot-right-top:before { content:"";background:url('/assets/img/element/dot-banner.webp'); background-size:contain; position:absolute; top: -70px;left: 50%;width: 1000px;height: 260px; }
.graph-dot-right-bottom:before { content:"";background:url('/assets/img/element/dot-banner.webp'); background-size:contain; position:absolute; bottom: -70px;left: 50%;width: 1000px;height: 260px; }

.graph-dot-full-width:before { content:"";background:url('/assets/img/element/dot-banner-full.webp');  background-size:contain; position:absolute; top: 50px;left: 50%;width: 1000px;height: 260px; background-position: right; background-repeat: no-repeat;}
.graph-dot-full-width:after { content:"";background:url('/assets/img/element/dot-banner-full.webp');  background-size:contain; position:absolute; top: 100px;left: 0;width: 1000px;height: 260px; background-repeat: no-repeat; }

.ele-ball-left-right:before { content:"";background:url('/assets/img/element/ball-white.png');  background-size:contain; position:absolute; top: 55%;right: -30px;width: 70px;height: 70px; background-repeat: no-repeat; pointer-events: none;}
.ele-ball-left-right:after { content:"";background:url('/assets/img/element/ball-white.png');  background-size:contain; position:absolute; top: 70px;left: -40px;width: 70px;height: 70px; background-repeat: no-repeat;opacity: .5; pointer-events: none;}
.ele-ball-left:before { content:"";background:url('/assets/img/element/ball-group-white.png');  background-size:contain; position:absolute; top: 20%;left: -40px;width: 250px;height: 250px; background-repeat: no-repeat; pointer-events: none;}
.ele-ball-right:before { content:"";background:url('/assets/img/element/ball-group-white.png');  background-size:contain; position:absolute; top: 20%;right: -40px;width: 250px;height: 250px; background-repeat: no-repeat; pointer-events: none;}
.ele-ball-big-blue-right:before { filter: blur(8px); content:"";background:url('/assets/img/element/ball-blue.png');  background-size:contain; position:absolute; top: 10%;right: -100px;width: 250px;height: 250px; background-repeat: no-repeat; pointer-events: none;}
.ele-ball-small-white-right:before { filter: blur(2px); content:"";background:url('/assets/img/element/ball-white.png');  background-size:contain; position:absolute; top: 20%;right: 100px;width: 100px;height: 100px;background-repeat: no-repeat; pointer-events: none;}

.st-bg-grd-primary .sec-title .box-content h2,
.st-bg-grd-primary-ver .sec-title .box-content h2,
.st-bg-grd-primary-ver-invert .sec-title .box-content h2,
.st-bg-grd-primary-hoz .sec-title .box-content h2,
.st-bg-grd-primary-hoz-invert .sec-title .box-content h2{color: #fff;}
.st-bg-grd-primary .sec-title .box-content h4,.st-bg-grd-primary .sec-title .box-content .title-sub,
.st-bg-grd-primary-ver .sec-title .box-content h4,.st-bg-grd-primary-ver .sec-title .box-content .title-sub,
.st-bg-grd-primary-ver-invert .sec-title .box-content h4,.st-bg-grd-primary-ver-invert .sec-title .box-content .title-sub,
.st-bg-grd-primary-hoz .sec-title .box-content h4,.st-bg-grd-primary-hoz .sec-title .box-content .title-sub,
.st-bg-grd-primary-hoz-invert .sec-title .box-content h4,.st-bg-grd-primary-hoz-invert .sec-title .box-content .title-sub {color: #fff;}
.st-bg-grd-primary .sec-title .box-content,
.st-bg-grd-primary-ver .sec-title .box-content,
.st-bg-grd-primary-ver-invert .sec-title .box-content,
.st-bg-grd-primary-hoz .sec-title .box-content,
.st-bg-grd-primary-hoz-invert .sec-title .box-content{color: #fff;}
.st-bg-grd-primary .box-content ,.st-bg-grd-primary-ver .box-content ,.st-bg-grd-primary-hoz .box-content {color: #fff;}
.st-bg-grd-primary .box-content h1,.st-bg-grd-primary .box-content h2,.st-bg-grd-primary .box-content h3,.st-bg-grd-primary .box-content h4,.st-bg-grd-primary .box-content h5,.st-bg-grd-primary .box-content h6 { color:#fff}
.st-bg-grd-primary-ver .box-content h1,.st-bg-grd-primary-ver .box-content h2,.st-bg-grd-primary-ver .box-content h3,.st-bg-grd-primary-ver .box-content h4,.st-bg-grd-primary-ver .box-content h5,.st-bg-grd-primary-ver .box-content h6 { color:#fff}
.st-bg-grd-primary-hoz .box-content h1,.st-bg-grd-primary-hoz .box-content h2,.st-bg-grd-primary-hoz .box-content h3,.st-bg-grd-primary-hoz .box-content h4,.st-bg-grd-primary-hoz .box-content h5,.st-bg-grd-primary-hoz .box-content h6 { color:#fff}

.cus-text-v-md .col { display: flex; align-items: center; justify-content: center;flex-wrap: wrap;} 
.cus-text-v-md .col .box-content-editor{ padding-left: 2em; padding-right: 2em;}

/* 
 |*******************************************************************************************
 | PAGE TEMPLATE
 |*******************************************************************************************
*/
.pagetem-imgleftright { float: left; width: 100%;}
.pagetem-imgleftright > .row { min-height: 400px;}
.pagetem-imgleftright:nth-of-type(2n) > .row {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.pagetem-imgleftright:nth-of-type(2n) > .row .pt-imgleftright-list-img {left: 1.5rem;}

.pagetem-imgleftright-bg { float: left; width: 100%;}
.row-imgleftright-bg {width: calc(100vw - var(--scrollbar-width)); display: flex;margin-left: calc(((-100vw) + var(--scrollbar-width) + 1330px) / 2);}
.col-imgleftright-bg { width: 50vw; }
.col-imgleftright-bg img { float: left; width: 100%;} 
.pt-imgleftright-bg-img {  width: 100%; height: 100%; }
.pt-imgleftright-bg-img img { float: left; width: 100%; height: 100%; object-fit: cover;} 
.pt-imgleftright-bg-cnt { display: flex; align-items: center; width: 100%; height: 100%; background:url('/assets/img/skin/bg-pt-leftright-bg-1.jpg') center center no-repeat; background-size: cover; padding: 3em;}
/*.pt-imgleftright-bg-cnt .btn { border-color: #fff; color:#fff;}
.pt-imgleftright-bg-cnt .box-content-button .btn span { color:#fff}
.pt-imgleftright-bg-cnt .btn:hover { border-color: #009989; color:#009989; }
.pt-imgleftright-bg-cnt .box-content-button .btn:hover span { color:#fff}*/
.pagetem-imgleftright-bg:nth-of-type(2n) > .row-imgleftright-bg {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}
.pagetem-imgleftright-bg:nth-of-type(2n) > .row-imgleftright-bg .pt-imgleftright-bg-cnt {background:url('/assets/img/skin/bg-pt-leftright-bg-2.jpg') center center no-repeat; background-size: cover;}


.pt-imgleftright-list-img {position: absolute !important; width: -webkit-calc(50vw - 1.5rem); width: calc(50vw - 1.5rem); right:1.5rem; max-height: 400px; height: 100%;}
.pt-imgleftright-list-img img {height: 100%; object-fit: cover; width: 100%;}
.pt-imgleftright-list-cnt {position: relative;-webkit-transform: translateY(0);transform: translateY(0); width: 100%;padding: 1rem 1.25rem;top: 0;justify-content: center;display: flex; -webkit-box-pack: center;align-items: flex-start;    flex-direction: column;    -webkit-box-align: start;-webkit-box-orient: vertical;    -webkit-box-direction: normal; height:100%}

.pagetem-imgleftright-container { display:flex;  }
.pagetem-imgleftright-container .pt-imgleftright-list-img {  position:relative!important;width:50%; right:auto; max-height:none; height: auto; }
.pagetem-imgleftright-container .pt-imgleftright-list-img img { float:left; height: 100%;}
.pagetem-imgleftright-container .pt-imgleftright-list-cnt { background-color: #fff; width:50%; height: auto; padding:1rem 3.25rem}
.pagetem-imgleftright-container:nth-of-type(2n) { flex-direction: row-reverse;}

.pagetem-imgleftright-bg-container {display:flex;  width:100%; margin-left:0; margin-bottom:30px }
.pagetem-imgleftright-bg-container:last-child { margin-bottom:0 }
.pagetem-imgleftright-bg-container .pt-imgleftright-bg-img {  position:relative!important;width:60%; right:auto; max-height:none; height: auto; }
.pagetem-imgleftright-bg-container .pt-imgleftright-bg-img img { float:left; height: 100%}
.pagetem-imgleftright-bg-container .pt-imgleftright-bg-cnt {background: linear-gradient(144.66deg, rgba(241, 244, 250, 0.5) 10.01%, rgba(73, 230, 192, 0.3) 89.41%);backdrop-filter: blur(7.5px);width:40%; height: auto; padding:1rem 3.25rem; flex-wrap:wrap; }
.pagetem-imgleftright-bg-container:nth-of-type(2n) { flex-direction: row-reverse;}


.pt-rollover-list { color:#fff; }
.pagetem-ctnonimage .pt-rollover-list .box-content ,
.pagetem-ctnonimage .pt-rollover-list .box-content h1, 
.pagetem-ctnonimage .pt-rollover-list .box-content h2, 
.pagetem-ctnonimage .pt-rollover-list .box-content h3, 
.pagetem-ctnonimage .pt-rollover-list .box-content h4, 
.pagetem-ctnonimage .pt-rollover-list .box-content h5, 
.pagetem-ctnonimage .pt-rollover-list .box-content h6 { color:#fff; }

.card-rollover { position: relative; float: left; width: 100%;}
.card-rollover .card-rollover-cnt { position:absolute; float: left; width:100%; height: 100%; padding:1.2em 1.2em 4em 1.2em; display: flex; align-items: flex-end;}
.card-rollover .card-rollover-cnt:before { opacity: 0.8; height: 100%; content:""; position: absolute; bottom: 0; left: 0; width: 100%; background: rgb(0,97,87); background: linear-gradient(0deg, rgba(0,97,87,1) 0%, rgba(0,97,87,0) 100%); }

.card-rollover .card-rollover-cnt .card-rollover-cnt-h { font-size: 1.5em; position: relative;}
.card-rollover .card-rollover-cnt .card-rollover-cnt-p { visibility: hidden; position: relative; display: none; transition: all ease .4s; overflow: hidden; position: relative;}
.card-rollover .card-rollover-cnt .card-rollover-cnt-over { font-size: 2em; line-height: 1;}
.card-rollover .card-rollover-icon { transition: all ease .4s; margin-top: 1em; margin-left: auto; margin-right: auto; width: 30px; height: 30px; border-radius: 100%; background-color: rgba(255,255,255,0.7); display: flex; align-items: center; justify-content: center; position: absolute; bottom: 20px;  transform: translateX(-50%);left: 50%;}
.card-rollover .card-rollover-icon svg { width: 16px; height: 16px; fill:#009989; top: 1px; position: relative;}
.card-rollover .card-rollover-icon .icon-minus { display:none }
.card-rollover .card-rollover-btn { position:absolute; bottom:2em; left:0px; width:100%; display:none }
.card-rollover .card-rollover-img { float: left; width: 100%; height: 650px; position: relative; overflow: hidden;}
.card-rollover .card-rollover-img img { object-fit: cover; transition: all ease .4s; height: 100%;}

.card-rollover .card-rollover-bg { position: absolute; width: 100%; height: 100%; top: 100%; left: 0; opacity: 0; transition: all ease .4s;}

.card-rollover:hover .card-rollover-bg,
.card-rollover.active .card-rollover-bg  { top:0; opacity: 0.85;}
.card-rollover:hover .card-rollover-img img,
.card-rollover.active .card-rollover-img img  { transform: scale(1);}
.card-rollover:hover .card-rollover-cnt .card-rollover-cnt-p,
.card-rollover.active .card-rollover-cnt .card-rollover-cnt-p { visibility:visible; display: block;}
.card-rollover:hover .card-rollover-icon ,
.card-rollover.active .card-rollover-icon { transform:translateX(-50%) rotate(180deg);  }
.card-rollover.active .card-rollover-icon .icon-plus { display:none }
.card-rollover.active .card-rollover-icon .icon-minus { display:block }
.card-rollover:hover .card-rollover-cnt{align-items: center;}
.card-rollover:hover .card-rollover-icon { display:none; }
.card-rollover:hover .card-rollover-btn { display:block; }


.st-card-rollover-custom .card-rollover .card-rollover-cnt:before {background: #000;opacity: 0.5;}
.st-card-rollover-custom  .card-rollover:hover .card-rollover-bg,.st-card-rollover-custom .card-rollover.active .card-rollover-bg{opacity: 0;}
.st-card-rollover-custom .card-rollover.active .card-rollover-cnt:before{opacity: 0;}



.pagetem-ctnonimage .card-rollover .card-rollover-cnt .card-rollover-cnt-p { display: block; visibility: visible;}
.pagetem-ctnonimage .card-rollover .card-rollover-cnt { align-items: center;padding: 2em 2em 2em;}
.pagetem-ctnonimage .card-rollover .card-rollover-img { height: auto;}
.pagetem-ctnonimage .card-rollover .card-rollover-bg { opacity:0.8; top:0;}

.pagetem-ctnonimage-vn .card-rollover .card-rollover-cnt { display:flex; flex-wrap:wrap; align-items:stretch; }
.pagetem-ctnonimage-vn .card-rollover .card-rollover-cnt-nexitor { display:flex; align-items:end; }
.pagetem-ctnonimage-vn .card-rollover .card-rollover-bg {background: linear-gradient(80.31deg, #009989 14.58%, rgba(10, 53, 129, 0) 100%)}

.pagetem-tabimage .card-rollover .card-rollover-img { height: auto;}
.pagetem-tabimage .card-rollover { cursor: pointer;}
.pagetem-tabimage .card-rollover-group { display:flex; align-items:end; justify-content:space-between; }
.pagetem-tabimage .card-rollover .card-rollover-cnt { padding:1.2em; }
.pagetem-tabimage .card-rollover .card-rollover-cnt-txt { width:calc(100% - 40px); }
.pagetem-tabimage .card-rollover .card-rollover-icon { position:relative; top:0; left:0; bottom:0; margin-left:10px }
.pagetem-tabimage-content { display: none; padding:2em; border-bottom: 1px solid #ccc;}
.pagetem-tabimage .card-rollover .card-rollover-icon .icon-plus { display:block; }
.pagetem-tabimage .card-rollover .card-rollover-icon .icon-minus { display:none; }
.pagetem-tabimage .card-rollover.active .card-rollover-icon .icon-plus { display:none }
.pagetem-tabimage .card-rollover.active .card-rollover-icon .icon-minus { display:block; }
.pagetem-tabimage .card-rollover .card-rollover-icon svg { top:0; }
.pagetem-tabimage .card-rollover .card-rollover-cnt .card-rollover-cnt-h {font-size: 1.25em}
.pagetem-tabimage .card-rollover .card-rollover-bg,
.pagetem-tabimage .card-rollover .card-rollover-cnt:before  {background: linear-gradient(180.54deg, rgba(14, 155, 140, 0) 31.37%, rgba(49, 50, 131, 0.9) 97.14%)}
.pagetem-tabimage .card-rollover.active .card-rollover-bg,
.pagetem-tabimage .card-rollover.active .card-rollover-cnt:before { background: linear-gradient(180.54deg, rgba(14, 155, 140, 0) 31.37%, rgba(0, 153, 137, 0.9) 97.14%) }
.pagetem-tabimage .card-rollover:hover .card-rollover-cnt { align-items:end; }
.pagetem-tabimage .card-rollover.active .card-rollover-icon { display:flex }

.pagetem-nomallisting .thumb .thumb-txt-h { font-size: 1.1em; line-height: 1.8; margin-bottom: .5em;}
.pagetem-nomallisting .thumb-tem-icon .thumb-txt-h {-webkit-line-clamp: 3;}
.pagetem-nomallisting .thumb-tem-icon .thumb-txt-over-bold {color: #00988b;width: 100%;float: left;}
.pagetem-nomallisting .thumb-tem-icon .thumb-img {max-width: 100px; display: inline-block;}
.pagetem-nomallisting .thumb-tem-icon .thumb-img img {  transform: scale(1)!important;}
.pagetem-nomallisting .thumb-tem-ver .thumb-txt-h {-webkit-line-clamp: 3;}
.pagetem-nomallisting .thumb-tem-hoz .thumb-img { width: 48%;}
.pagetem-nomallisting .thumb-tem-hoz .thumb-txt { width: 52%;}

.pagetem-esg-list .thumb-tem-icon .thumb-img{width: auto;}
.pagetem-esg-list .thumb-ver .thumb-txt{margin-top: 0;padding: 0 20px;}
.pagetem-esg-list .thumb .thumb-txt-h {line-height: 1.5;}
.pagetem-esg-list  .thumb-tem-icon .thumb-txt-over-bold{line-height: 1.5;}
.pagetem-esg-list  .thumb-tem-icon .thumb-img img,.pagetem-esg-list  .thumb-tem-icon .thumb-img svg{height: 89px;float: left;}


.pagetem-esg-target .thumb-tem-icon {display: flex;border: 2px solid #009989;border-radius: 10px;background-color: #ffffff;margin-bottom: 20px;padding: 15px;transition: all ease .3s;}
.pagetem-esg-target .thumb-tem-icon .thumb-img{width: 20%;}
.pagetem-esg-target .thumb-tem-icon .thumb-img img,.pagetem-esg-target .thumb-tem-icon .thumb-img svg{width: 100%;}
.pagetem-esg-target .thumb-tem-icon .thumb-txt{width: 80%;}
.pagetem-esg-target .thumb-tem-icon .thumb-txt-h{line-height: 1.5;margin-bottom: .5em;-webkit-line-clamp: unset;}
.pagetem-esg-target .thumb-tem-icon  .thumb-txt-over{font-size: 2.4em;line-height: 1;}
.pagetem-esg-target .sd-popup .thumb-tem-icon:hover{ background: rgb(0,153,137); background: linear-gradient(0deg, rgba(0,153,137,0.14751838235294112) 0%, rgb(255 255 255 / 31%) 30%);filter: drop-shadow(0px 0px 14px rgba(0, 153, 137, 0.3));}
.pagetem-esg-target .thumb-tem-icon:hover .thumb-txt-h{color: #000;}
.pagetem-esg-target .swiper-container{overflow: visible;}
.pagetem-esg-target .swiper-button-next,.pagetem-esg-target .swiper-container-rtl .swiper-button-next{right: -10px;}
.pagetem-esg-target .swiper-button-prev,.pagetem-esg-target  .swiper-container-rtl .swiper-button-prev{left: -10px;}
.esg-target-title{width: 100%;float: left;text-align: center;margin-bottom: 20px;}
.esg-target-title-h {width: 100%;float: left;}
.esg-target-title-h img{height: 70px; width:auto;}
.esg-target-title-p{font-size: 1.8em;color: #333333;width: 100%;float: left;}


.pagetem-download  { padding:0 10%;}
.pagetem-download .thumb-tem-download { padding: .5em 0; border-top:1px solid #eee;border-bottom:1px solid #eee; margin-top: -1px;}
.pagetem-download .thumb-tem-download .thumb-img { width:100px ; background-color: #eee;}
.pagetem-download .thumb-tem-download .thumb-txt { width: calc(100% - (100px + 20px));}
.pagetem-download .thumb-tem-download .thumb-txt-h { color:#333;}
.pagetem-download .thumb-tem-download .thumb-txt .btn { margin-right:1em;}
.pagetem-download .thumb-tem-download .thumb-txt-seperateLine {margin-top: 1.1em;margin-right: 0.7em;opacity: 0.2;display: inline-block;line-height: 1.5;vertical-align: middle;}

.pagetem-download-full  { padding:0 }
.pagetem-download-full .col:first-child  .thumb-tem-download-full  { padding-top:0; border-top:0 }
.pagetem-download .thumb-tem-download-full { padding-top:2em }
.pagetem-download .thumb-tem-download-full .thumb-txt { width:100%; display:flex; align-items:end; justify-content:space-between; }
.pagetem-download .thumb-tem-download-full .thumb-txt-h { width:100%; color:#2f2a95; text-transform:uppercase; }
.pagetem-download .thumb-tem-download-full .thumb-txt-p,
.pagetem-download .thumb-tem-download-full .data-post { font-size:0.8em }
.pagetem-download .thumb-tem-download-full .thumb-txt .btn { margin-right:0; bottom:0.2em; }
.pagetem-download .thumb-tem-download-full .thumb-txt .btn.btn-text svg { width:20px; height:20px; fill:#009989; }

.pagetem-ctn.pagetem-ctn-onbox .box-table { background-color: #fff;margin-bottom: 0px; height: calc(100% - 0px); height: 100%;}

.pagetem-ctn .box-table .box-content h1,
.pagetem-ctn .box-table .box-content h2,
.pagetem-ctn .box-table .box-content h3,
.pagetem-ctn .box-table .box-content h4{color: #0E9B8C;}
.pagetem-ctn .box-table .box-content,
.pagetem-ctn .box-table .box-content h5,
.pagetem-ctn .box-table .box-content h6{color: #000;}
.pagetem-ctn .box-table .box-content p{color: #000;}

.pagetem-ctn .box-table.active {background: rgb(0,152,139);background: linear-gradient(90deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);border: 1px solid #0E9B8C;}

.pagetem-ctn .box-table.active .box-content h1,
.pagetem-ctn .box-table.active .box-content h2,
.pagetem-ctn .box-table.active .box-content h3,
.pagetem-ctn .box-table.active .box-content h4{color: #49E5C0;}

.pagetem-ctn .box-table.active .box-content,
.pagetem-ctn .box-table.active .box-content h5,
.pagetem-ctn .box-table.active .box-content h6{color: #fff;}
.pagetem-ctn .box-table.active .box-content p{color: #fff;}
.pagetem-ctn .box-table.active .thumb-group .btn{border:1px solid #fff;color: #fff;}
.pagetem-ctn .box-table .thumb-group {position: relative; display: flex; flex-wrap: wrap; align-content: space-between; height: 100%;}
.pagetem-ctn .box-table .thumb-group .btn { margin-top: 1em;}

.pagetem-ctn .box-ctnonly .thumb-group .btn { margin-top: 1em;}
.pagetem-ctn .box-content hr { border-top: 1px solid #ccc; opacity: 0.3;width: 80%; }

.pagetem-navagation .tab-nav { margin-bottom: 0;}

.pagetem-testimonial { width: 100vw;display: flex;margin-left: calc((100% - 100vw) / 2);}
.pagetem-testimonial .pt-testimonial-list { position: relative; max-width:100%;margin: auto;}
.pagetem-testimonial .pt-testimonial-list:after { z-index: 2;content: "“"; position: absolute; top: -5px;left: -18px; font-size: 11em; color: #009989; line-height: 0.8;pointer-events: none;} 
.pagetem-testimonial .pt-testimonial-list:before { z-index: 2; content: ""; position: absolute; width: 120px;height: 120px;left: -45px;top: -37px;background: linear-gradient(144.66deg, rgba(241, 244, 250, 0.5) 10.01%, rgba(73, 230, 192, 0.1) 89.41%);backdrop-filter: blur(5px);border-radius: 20px;}
.pagetem-testimonial .card-testimonial-img img {aspect-ratio: 4 / 3; border-radius: 0%; object-fit: cover;}
.pagetem-testimonial .card-testimonial { padding: 20px; display: flex; }
.pagetem-testimonial .card-testimonial-img { width: 35%; margin-right:50px; padding-left: 15px; padding-bottom: 15px; position: relative;background: linear-gradient(348.32deg, #313283 8.56%, #009989 91.44%);height: 100%;}
.pagetem-testimonial .card-testimonial-cnt { width:calc(75% - 50px); text-align:left;    justify-content: center; display: flex; -webkit-box-pack: center; align-items: flex-start; flex-direction: column; -webkit-box-align: start; -webkit-box-orient: vertical; -webkit-box-direction: normal; height: auto;}
.pagetem-testimonial .card-testimonial-cnt-h { font-size: 1.2em;}
.pagetem-testimonial .card-testimonial-cnt .card-testimonial-cnt-desc {}
.pagetem-testimonial .card-testimonial-cnt .card-testimonial-cnt-desc-q { font-size: 2em; line-height: 0.6;float: left; width: 100%;}
.pagetem-testimonial .card-testimonial-cnt .card-testimonial-cnt-desc-q-2 { margin-top: .5em; margin-bottom:.5em; }
.pagetem-testimonial .card-testimonial-cnt .card-testimonial-cnt-p { font-size: 0.8em;}
.pagetem-testimonial .ele img { float:left; width: 100%;}
.pagetem-testimonial .ele-dot-2 { bottom: -50px; top: auto;width: 80%;left: 40%;}
.pagetem-testimonial .ele-ball-green { bottom: -50px;top: -9px;width: 6%;right: -19%;left: auto;}
.pagetem-testimonial .ele-ball-blue { bottom: auto;top: 20px;width: 5%;left: 0%;}
.pagetem-testimonial .ele-ball-white-1 {bottom: -40px;top: auto;width: 7%;left: -15%;}
.pagetem-testimonial .ele-ball-white-2 {bottom: -20px;top: auto;width: 7%;left: auto;right: 9%;}

.pagetem-testimonial .card-testimonial-cnt :is(h1, h2, h3, h4, h5, h6) {font-family: var(--font-family-main); }

.pagetem-hoz_number .thumb-hoz { display:flex; height: 100%; }
.pagetem-hoz_number .thumb-hoz .thumb-img { width:25%; position:relative; }
.pagetem-hoz_number .thumb-hoz .thumb-img:before { left: 0; top: 0; content:""; position:absolute; width:100%; height:100%;background: linear-gradient(43.84deg, rgba(49, 50, 131, 0.5) 0%, rgba(0, 153, 137, 0.5) 100%); }
.pagetem-hoz_number .thumb-hoz .thumb-txt { width:75%; padding: 20px; background-color:#EBF7F6; }
.pagetem-hoz_number .thumb-hoz .thumb-txt-h { font-size:1.25em; }
.pagetem-hoz_number .thumb-hoz .thumb-number { position:absolute; font-size: 4em;color: #fff;top: 50%;left: 50%;line-height: 1;transform: translate(-50%,-50%);}
.pagetem-hoz_number .thumb-hoz .thumb-img img{height: 100%;}

.pagetem-incard-rollover .thumb-group { position:relative; }
.pagetem-incard-rollover .thumb-txt-hover  { transition: all ease .4s; top:100%; width: 100%; height: 100%;  left: 0; padding:30px; background: linear-gradient(144.66deg, rgba(241, 244, 250, 0.5) 10.01%, rgba(73, 230, 192, 0.1) 89.41%); background-color:#fff; z-index:4 }
.pagetem-incard-rollover .thumb-txt-h { font-size:1.25em; display:flex; }
.pagetem-incard-rollover .thumb-incard .thumb-txt-p {-webkit-line-clamp:none}
.pagetem-incard-rollover .thumb-incard .thumb-txt { bottom:20px; }
.pagetem-incard-rollover .thumb-incard:hover .thumb-txt-hover { display:block; top:0 }

.pagetem-incard-rollover .thumb-icon-plus { background:#fff; border-radius:100%; padding:7px; display:flex; justify-content:center; align-items:center; width:30px; height:30px; }
.pagetem-incard-rollover .thumb-icon-plus svg { fill:#009989; top:0; width:.8em; height:.8em; }






.pagetem-gallery {float: left; width: 100%;}
.pswp__zoom-wrap {text-align: center;}
.pswp__zoom-wrap:before {content: "";display: inline-block;height: 100%;vertical-align: middle;}
.wrapper-vdo {line-height: 0;width: 100%;max-width: 900px;position: relative;display: inline-block;vertical-align: middle;margin: 0 auto;text-align: left;z-index: 1045;}
.video-wrapper {position: relative;padding-bottom: 56.25%;/* 16:9 */padding-top: 25px;height: 0;width: 100%;}
.video-wrapper iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.video-wrapper video {width: 100% !important;height: auto !important;}


.pagetem-iconlist .thumb .thumb-txt-p{display: block;line-height: 1.5;}

.box-content-editor hr { border-top: 1px solid #ccc; opacity: 0.3;width: 100%; }
.has_bg_color { padding: 2em;}

.box-tab-pride .list-highligh:hover .thumb-txt-h{ color:#009989;}
.btn-card-pd{padding-left:20px ;}
.pagetem-rollover .swiper-button-next,.pagetem-rollover .swiper-container-rtl .swiper-button-next{right: 10px;}
.pagetem-rollover .swiper-button-prev,.pagetem-rollover .swiper-container-rtl .swiper-button-prev{left: 10px;}

.box-content.txt-underline-none,.txt-underline-none{text-decoration: none;}


.box-event-modal{width: 100%;height: 100%; position: fixed;display: flex;align-items: center;justify-content: center;z-index: 9999999999;display: none;}
.event-modal-overlay{    background-color: rgb(0 0 0 / 65%);width: 100%;float: left;position: fixed;height: 100%;}
.box-event-modal-container {position: absolute;width: calc(100% - 30px);    max-width: 1000px;padding: 20px;background-color: #ffffff;}
.box-event-modal-body{width: 100%;float: left;}
.box-event-modal-footer{width: 100%;float: left;text-align: center;padding-top: 20px;}
.event-modal-close {position: absolute;background-color: #ffffff;z-index: 1;right: 10px;top: -28px;border: 2px solid #009989;padding: 8px;display: flex;align-items: center;cursor: pointer;}
.event-modal-close svg { width: 20px;height: 20px;}


/*.wg-news{}
.wg-news .thumb-media .thumb-txt{margin-top: 0;}
.wg-news .thumb-media .thumb-txt {box-shadow: 0 10px 20px rgb(0 152 139 / 60%);}
.wg-news .thumb-media .thumb-txt {background: rgb(0,152,139);background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);color: #fff;}
.wg-news .thumb-media .thumb-txt .thumb-txt-h { font-size: 1.5em;}
.wg-news .thumb-list-download{padding: 0.7em 0;}
.wg-news  .thumb-list-download .thumb-txt{width: calc(100% - 2em);}
.wg-news .thumb-list-download .thumb-txt .thumb-txt-h{font-size: 1.125em;    overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;display: -webkit-box;-webkit-line-clamp: 2;}
.wg-news .thumb-list-download .thumb-a svg,.wg-news  .thumb-list-download .thumb-download img {width: 1em;height: 1em;}*/




.wg-event .thumb-hoz-article{padding: 0;}
.wg-event .thumb-hoz.thumb-tem-hoz{display: flex;align-items: flex-start;}
.wg-event .thumb-tem-hoz .thumb-img { width: 48%;}
.wg-event .thumb-hoz .thumb-txt{color: #fff; border: 1px solid rgba(255,255,255,0.2);}
.wg-event .thumb-hoz .thumb-txt-h{color: #fff; font-size:1.7em; line-height:1.4;  }
.wg-event .thumb-hoz .thumb-txt-p{color: #fff; }
.wg-event .thumb .date-post svg,.wg-event .thumb .date-post span{color: #fff;}
.wg-event .thumb .info-icon svg,.wg-event .thumb .btn-text svg{fill: #fff;}
.wg-event .thumb .info-icon span{color: #fff;}
.wg-event .thumb-hoz-article{border-bottom: 0;}
.wg-event .thumb-hoz-article .thumb-group { display: flex;}

.st-search-universal .box-shortcut-search {display: flex;align-items: center;width: 100%;float: left;}
.st-search-universal .box-shortcut-search .shortcut-search-title{color: #000;padding-right: 20px;}
.st-search-universal .shortcut-search-form{width: 100%;float: left;}
.st-search-universal .shortcut-search-form-group{border: 1px solid #CCCCCC;background-color: #ffffff;}
.st-search-universal .shortcut-search-form-group input{border-radius: 5px;}
.st-search-universal .shortcut-search-form-group button{background-color: #ffffff;}
.st-search-universal .shortcut-search-form-group button svg{fill: #000;}


.st-result-search-universal .thumb-list-result-search{border-bottom: 1px solid #CCCCCC;padding: 20px 0;}
.thumb-txt-url{color: #313283;font-size: 12px;}
.st-result-search-universal .thumb-list-result-search .thumb-txt-h{ font-size:1.2em; line-height:1.4; color: #00988b;}
.st-result-search-universal .thumb-list-result-search .btn-icon{text-decoration: none;}

.wg-contact iframe.map-iframe{width: 100%;height: 100%;}
.wg-contact .intl-tel-input{width: 100%;}
.wg-contact .bootstrap-select .dropdown-toggle .filter-option{display: flex;align-items: center;}
.wg-contact .dropdown-toggle::after {position: absolute;right: 0.7em;top: 50%;transform: translateY(-50%);}

.wg-social .wg-social-icon { margin-bottom: 0px;}

.accor-lv2 {float: left; width: 100%;}
.accor-lv2-list { flex-wrap:wrap; cursor: pointer;}
.accor-lv2-topic  { float: left; width: 100%; position: relative;text-transform: capitalize;}
.accor-lv2-topic .accor-lv2-arrow {transition: .4s all ease;position: absolute;right: 0px;top: 0px;width: 15px;height: 15px;border-left: 2px solid #009989;border-bottom: 2px solid #009989;transform: rotate(-45deg);top: 0px;}
.accor-lv2-list.active .accor-lv2-topic .accor-lv2-arrow{transform: rotate(-225deg); top: 8px;}
.accor-lv2-detail { float: left; width: 100%; display: none;}

.accor-lv2-detail .modal-contentcookiePolicy { width: 100%; padding:3em; }

.pd-b-40{padding-bottom: 40px;}

.row-wg-subscribe{position: relative;width: 100%;float: left;margin-bottom: 40px;}
.wg-subscribe-newsletter{position: relative;}
/* .box-mg-abs-right{    position: absolute;left: 0;height: 100%;top: 50%;transform: translateY(-50%);} */
.wg-subscribe-newsletter .footer-contact-list-social svg { fill:#999; }
.wg-subscribe-newsletter .footer-contact-list-social svg:hover { fill:#009989;}
.box-mg-abs-right {    position: absolute;right: calc(50% - 50vw);height: 100%;top: 50%;transform: translateY(-50%);left: auto;width: 50vw;}
.box-mg-abs-right img{width: 100%;height: 100%;object-fit: cover;}

.box-main-sustainability .pagetem-download{padding: 0;}
.box-main-sustainability .thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-h,.box-sd-report .thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-h{font-size: 2em;-webkit-line-clamp: unset;}


/* 
 |*******************************************************************************************
 | ARTICLE HIGHLIGHT
 |*******************************************************************************************
*/
.article-full-hl-over-container { width:100vw; margin-left:calc((100% - 100vw)/2) }

.article-hl-cnt { position:relative; z-index:2; display:flex; height:100%; }
.article-hl-cnt .thumb-txt { margin-bottom:1em }
.article-hl-cnt .thumb-txt-h { font-size:1.4em; margin-bottom:0.5em;-webkit-line-clamp: 3; }
.article-hl-cnt .thumb-txt-p {  margin-bottom:0.5em;-webkit-line-clamp: 4; }
.article-hl-cnt .thumb-tag { margin-bottom:2em; }

.article-full-hl { background-color:#009989; height:500px; position:relative; padding:50px 0; }
.article-full-hl-cnt-inner { width:50%; height: 100%;display:flex; align-items: center;}
.article-full-hl-img { right:0; top: 0; position:absolute; width:60%; height:100%;  }
.article-full-hl-img img { width:100%; height:100%; object-fit:cover; }
.article-full-hl-grd {left:0; top: 0; position:absolute;  width:65%; height:100%;background: linear-gradient(270.06deg, rgba(49, 50, 131, 0) 10.26%, #313283 35.99%, #009989 114.79%); z-index:1;}



.thumb-hoz-style2 .thumb-img img { aspect-ratio:640/360 ; object-fit:cover; }
.thumb-hoz-style2 .thumb-img { width:calc(40%);}
.thumb-hoz-style2 .thumb-txt { width:60%;}
.thumb-hoz-style2 .thumb-txt .thumb-txt-h { color:#313283; -webkit-line-clamp: 4; }
.thumb-hoz-style2 .thumb-txt .date-post span { color:#009989 }

/* 
 |*******************************************************************************************
 | COMPANY BANNER
 |*******************************************************************************************
*/

.sec-company-profile {background: linear-gradient(1.44deg, #FFFFFF 33.6%, #BCEDE9 110.92%);} 
.box-company-wrap { position: relative;display: flex; align-items: center; justify-content: center; gap:40px}
.thumb-compprofile .thumb-img { width:auto  }
.thumb-compprofile .thumb-img img { float:left; width:100%; }
.thumb-compprofile .thumb-txt { position:relative; }
.thumb-compprofile .thumb-txt .thumb-txt-prefix {font-size:2em;line-height: 1.2}
.thumb-compprofile .thumb-txt .thumb-txt-h {font-size: 3em; color:#313283; line-height: 1.2}
.thumb-compprofile .thumb-txt .date-post { color:#009989; }
.thumb-compprofile .thumb-txt .doc-issue {color:#009989;}
.company-wrap-bg { position:absolute; background: linear-gradient(147.33deg, rgba(0, 153, 137, 0.5) -118.28%, #FFFFFF 51.72%); width:100%; height:80%; }
/* 
 |*******************************************************************************************
 | ARTICLE HIGHLIGHT
 |*******************************************************************************************
*/

.article-contain-hl { position:relative; padding:50px 0; }
.article-contain-hl-group { float:left; width:100%; display:flex; align-items:center; gap:30px }
.article-contain-hl-cnt { position:relative; z-index:2; display:flex; height:100%; width:40%; float:left; }
.article-contain-hl-cnt-inner { width:100%; height: 100%; display:flex; align-items: center;}
.article-contain-hl-img { position: relative; width:60%; float:left; }
.article-contain-hl-img img { width:100%; height:100%; object-fit:cover; }
.article-contain-hl-grd {left:0; top: 0; position:absolute;  width:65%; height:100%;background: linear-gradient(270.06deg, rgba(49, 50, 131, 0) 10.26%, #313283 35.99%, #009989 114.79%); z-index:1;}



.article-contain-each .thumb-txt .thumb-txt-h  {-webkit-line-clamp: 3; height:72px; margin-bottom:1em }
.article-contain-each .inner-product-slide{display: flex;align-items: center;justify-content: flex-end;width: 100%;gap: 15px;margin-top: 40px;}
.article-contain-each .inner-product-slide > div{position: relative;top: auto;left: auto;right: auto;}
.article-contain-each .swiper-button-disabled { display:flex; opacity:0.2 }
/* 
 |*******************************************************************************************
 | COOKIES
 |*******************************************************************************************
*/

#cookieConsentContainer {position: fixed;z-index: 2147483640;transition: transform 300ms ease-in-out 0s, opacity 300ms ease-in-out 0s;opacity: 1;width: calc(100% - 30px);left: 0px;right: 0px;padding: 20px 20px;bottom: 15px;background-color: rgb(255, 255, 255);border: 1px solid rgb(232, 232, 232);border-radius: 8px;box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 8px 0px;color: rgb(43, 43, 43);margin-left: auto;margin-right: auto;}
.cookieConsentContainer .cookieSetting { margin-top:0; }
.cookieConsentContainer .cookieButton { margin-top:0; }
.cookieConsentContainer > .row {display: flex; gap:15px; margin: 0;}
.col-lg-8.col-md-7.col-sm-12.cookieLabelContainer {width: calc(100% - 260px) ;max-width: 100%;flex: none;word-wrap: normal; padding:0;}
.col-lg-4.col-md-5.col-sm-12.col-xs-12.cookieButtonContainer {max-width: none;width: 230px ;flex: none;float: right; padding:0;}
label.cookieLabel {font-family: var(--font-family-main) !important;font-size: 14px !important;}
.cookieConsentContainer .cookieLabel a {font-size: 14px;font-family: var(--font-family-main) !important;}
a#myBtnprivacine {font-size: 14px;font-family: var(--font-family-main) !important;font-weight: normal;}
a.cookieButton {font-size: 14px !important;font-family: var(--font-family-main) !important;}
a.cookieClose {display: none !important;}
.cookieConsentContainer .cookieButtonPreference {color:#fff!important;font-family: var(--font-family-main) !important;}

@media (max-width: 1599.98px) {
    #cookieConsentContainer {}
}
@media (max-width: 1199.98px) {
    #cookieConsentContainer { width: calc(100% - 30px)!important; bottom: 15px!important; padding:20px; }
    .main-cnt-sidebar  { padding-left:10px }
}
@media (max-width: 991.98px) {
    #cookieConsentContainer { width: calc(100% - 30px)!important; bottom: 15px!important; padding:20px; }
}
@media (max-width: 767.98px) {
    #cookieConsentContainer { width: calc(100% - 30px)!important; bottom: 15px!important; padding:15px; box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.2);}
    .cookieConsentContainer > .row { flex-wrap:wrap; gap:0; }
    label.cookieLabel,
    a.cookieButton,
    a#myBtnprivacine { font-size:12px!important; }
    a#myBtnprivacine { padding-bottom:0px; }
    .cookieConsentContainer .cookieLabel a{ font-size:12px!important; }
    .col-lg-8.col-md-7.col-sm-12.cookieLabelContainer { width:100%; } 
    .col-lg-4.col-md-5.col-sm-12.col-xs-12.cookieButtonContainer { width:100%; }
    .col-lg-4.col-md-5.col-sm-12.col-xs-12.cookieButtonContainer {display:flex; flex-wrap:wrap;}
    .cookieConsentContainer .cookieSetting { margin-top:0px;width:100%;order:2; margin-left:0;}
    .cookieConsentContainer .cookieButton {margin-top:10px; width:100%; order:1;}

    .main-cnt-sidebar  { padding-left:0; }
}


/* 
 |*******************************************************************************************
 | Report Popup
 |*******************************************************************************************
*/
.box-modal-sd-report .box-event-modal-container {position: absolute;width: calc(100% - 30px); padding: 20px;background-color: #ffffff;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.box-event-modal-container { max-width: 790px;} 
.box-modal-sd-report .event-modal-img img{    height: auto;object-fit: contain;max-height: 400px;width: auto;}
.box-modal-sd-report .event-modal-img { min-height: 400px; display: flex; align-items: center; width: 100%; justify-content: center;}

/* .box-event-modal.box-modal-sd-report .event-modal-img img{width: 100%;height: 100%;} */

/* 
 |*******************************************************************************************
 | CHECKBOX LIST
 |*******************************************************************************************
*/
.list-checkbox-group {width: 100%;float: left;position: relative;}
.list-checkbox-group ul li{width: 100%;float: left;    padding: 10px 25px;}
.list-checkbox-group ul li:last-child{margin-bottom: 0;}
.list-checkbox-group ul.check-group > li:nth-of-type(even){background-color: #F9F9F9;}
.list-checkbox-group .box-group-inner ul  .topic{margin-top: 5px;padding-left: 0;background-color: transparent;}
.wg-subscribe-newsletter .btn-check-list,.wg-subscribe-newsletter .form-group input{background: #FFFFFF;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);border-radius: 5px;width: 100%;float: left;padding: 10px 20px;}
.btn-check-list > span{display: flex;align-items: center;width: 100%;justify-content: space-between;font-size: 1rem;}
.btn-check-list span svg{height: 10px;}
a.btn-check-list.active { position: relative; z-index: 2;background-color: #009989;color: #fff;}
a.btn-check-list.active svg{fill: #fff;}
.box-select-check-list {width: 100%;float: left;position: relative;background: #FFFFFF;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);border-radius: 5px;z-index: 1;top:0px;display: none;}
.box-check-outer{display: none;width: 100%;}
.box-check-outer .check-list > li:not(.topic){font-size: 0.8em;}
.sec-subscribe-newsletter .box-group-inner > ul {
    padding-left: 30px;
}
.box-group-inner ul{width: 100%;float: left;}
.list-checkbox-group .box-group-inner ul li{margin-bottom: 10px;}
.box-select-check-list  .check-group .box-check-outer input[type=checkbox]:checked + label:after { top: 13px; left: 15px;}
a.has-parent-toggle-button { position: absolute; z-index: 1; right: 0; width: 35px; height: 100%;}
/* .box-group-inner li{padding: 10px 0;}
.box-group-inner li:nth-of-type(even){background-color: #eee;}
.box-group-inner  .check-group label{width: 100%;float: left;} */


.list-checkbox-group li label br{display: none !important;}
.box-group-inner{width: 100%;float: left;}
.box-group-inner.inner-start {border-right: 1px dashed #D9D9D9;width: calc(100% + 30px);padding-right: 30px;}
.group-inner-lv2 {width: 100%;float: left;padding-left: 30px;display: none;}
.group-inner-lv2 .box-check-inner {display: block;width: 100%;}
/* .box-select-check-list > ul{overflow: hidden; overflow-y: scroll;} */
/* .add-scroll{max-height: none;overflow: hidden; overflow-y: scroll;} */
.wg-subscribe-newsletter {padding-bottom: 50px;}
.topic{margin-bottom: 5px;font-size: 0.9em;}

.sec-subscribe-newsletter .box-check-outer .box-group-inner > ul > li:not(.topic){font-size: 0.8em;}

.check-group .box-check-outer.append   input[type=checkbox]:checked + label:after{top: 1px;}
/* .check-group  .box-check-outer.append label:before{top: -4px;} */

.box-sub-parent{position: relative;}
.has-parent-toggle-button::before{content: '+' ;position: absolute;right: 0;top: 9px;font-size: 16px;color: #00988b;width: 20px;height: 20px;}
.has-parent-toggle-button.active::before{content: '-' ;}
.box-sub-parent > label {width: calc(100% - 30px); float: left; min-height:3.2em;}
.box-select-check-list {}
.box-select-check-list  .check-group label:before{    top: 0;}
.list-checkbox-group .box-check-outer  ul li{padding: 0;}
.box-select-check-list .box-check-outer label:before{    top: 8px; left: 10px;}
.box-check-outer label {width:100%;float: left;padding: 10px 20px 10px 40px;position: relative;background-color: #EBEBEC;border-radius: 5px;}
.list-checkbox-group  span br{display: none !important;}

.box-check-outer .box-check-inner{margin-top: 10px;}
.box-check-outer .box-check-inner label{background-color: transparent;padding: 10px 0 10px 40px;}
.list-checkbox-group .box-group-inner ul.box-check-inner  li{margin: 0;}

.box-select-check-list .check-group input[type=checkbox]:checked + label:after{top: 5px;}
.section-unsubscribe-newsletter .box-select-check-list {top: 0;padding:0;}
.section-unsubscribe-newsletter .box-topic-check.active{border-right: 1px dashed #D9D9D9;margin-right: 20px;width: calc(100% - 20px);}
.section-unsubscribe-newsletter .box-topic-check li.check-list { position: relative; padding:.8em 0;}
.section-unsubscribe-newsletter .box-topic-check li.check-list:nth-of-type(even):before {content: "";position: absolute;left: -25px;top: 0;background-color: #F9F9F9;width: calc(100% + 50px);height: 100%;}
.section-unsubscribe-newsletter .box-topic-check.active li.check-list:nth-of-type(even):before {width: calc(100% + 25px);}
.section-unsubscribe-newsletter .box-select-check-list-top {padding: 20px 25px;display: flex;}
.box-unsub-footer{padding: 20px;background-color: #00988b;border-radius: 5px;}
.btn-subscribe-submit-light{border-color: #fff;color: #fff;}
/* .btn-subscribe-cancel{border: none;text-decoration: underline;} */


  .section-unsubscribe-newsletter  .box-group-inner ul.check-list::-webkit-scrollbar {width: 5px;}
  .section-unsubscribe-newsletter  .box-group-inner ul.check-list::-webkit-scrollbar-track {border-radius: 10px;}
  .section-unsubscribe-newsletter  .box-group-inner ul.check-list::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 10px;}
  .section-unsubscribe-newsletter  .box-group-inner ul.check-list::-webkit-scrollbar-thumb:hover {background: #D9D9D9; }


  .sec-subscribe-newsletter   .box-group-inner ul.check-list::-webkit-scrollbar {width: 5px;}
  .sec-subscribe-newsletter   .box-group-inner ul.check-list::-webkit-scrollbar-track {border-radius: 10px;}
  .sec-subscribe-newsletter   .box-group-inner ul.check-list::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 10px;}
  .sec-subscribe-newsletter   .box-group-inner ul.check-list::-webkit-scrollbar-thumb:hover {background: #D9D9D9; }
  

  .add-scroll::-webkit-scrollbar {width: 5px;}
  .add-scroll::-webkit-scrollbar-track {border-radius: 10px;}
  .add-scroll::-webkit-scrollbar-thumb {background: #D9D9D9; border-radius: 10px;}
  .add-scroll::-webkit-scrollbar-thumb:hover {background: #D9D9D9; }



.subscribe-group-tag {width: 100%;float: left; display: flex;align-items: center;flex-wrap: wrap;margin-top: 10px;transition: all ease-in-out .5s;}
.topic-news-tag {transition: all ease-in-out .5s;position: relative;transition: all ease-in .5s;width: auto;background: #009989;border-radius: 4px;color: #fff;display: flex;align-items: center;padding: 3px 7px;margin-right: 4px;cursor: pointer;margin-bottom: 4px;}
.topic-news-tag:hover svg{transform: rotate(90deg);}
.topic-news-tag svg{fill: #fff;height: 12px;margin-left: 5px;transition: all ease .5s;}
.topic-news-tag small{display: none;}
.topic-news-tag label {display: flex;align-items: center;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);cursor: pointer;padding-right: 12px;font-size: 10px;}
.topic-news-tag label::before {content: "";background-image: url(../img/skin/icon-close.svg);background-size: 8px;width: 8px;height: 8px;pointer-events: none;position: absolute;top: 50%;right: 7px;transform: translateY(-50%);font-size: 14px;filter: invert(1);}
.topic-news-tag label br{display: none !important;}
.topic-news-tag label span{display: inline-block;}
.pdpa-subsc a{color: #00988b;font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}


.box-add-calendar { width: auto; float: left;position: relative;}
.btn-add-calendar{position: relative;z-index: 2;background: #fff;}
.box-add-calendar.active .btn-add-calendar{background-color: #00988b;color: #fff;}

.calendar-toggle {background-color: #fff;border: 1px solid #00988b;border-radius: 0 0 10px 10px;width: 100%;position: absolute;top: 0;z-index: 1;padding-top: 25px;display: none;top: 21px;}


.box-add-calendar ul{padding: 0;}
.box-add-calendar ul li{border-bottom: 1px solid #606060; padding:0;list-style: none;width: 100%;float: left;}
.box-add-calendar ul li:last-child{border: 0;}
.box-add-calendar ul li a{border: 0;border-radius: 0;padding: 15px 20px;width: 100%;color: #000;float: left;}
.box-add-calendar ul li a > span{padding: 0;justify-content: start;}
.box-add-calendar ul li a:hover{background-color: transparent;color: #000;}

.sec-subscribe-newsletter .pt-imgleftright-list-img img{height: 100vh;}

.section-unsubscribe-newsletter .box-check-outer .check-list > li:not(.topic) {width: 100%;float: left;margin-bottom: 10px;}
.section-unsubscribe-newsletter .box-select-check-list .box-check-outer input[type=checkbox]:checked + label:after {top: 13px;left: 15px;}
.section-unsubscribe-newsletter .check-group .box-group-inner ul.check-list {padding-right: 0px;}
.section-unsubscribe-newsletter .box-group-inner.inner-start { border-right: 1px dashed #D9D9D9; width: calc(100% + 30px); padding-right: 15px; margin-right: 20px;}
.section-unsubscribe-newsletter  label span br{display: none !important;}


.thumb-tem-csr-perf { border-radius: 5px; border: 2px solid #009989; height: 100%; line-height: 1.4;}
.thumb-tem-csr-perf .thumb-img img { float:left;}
.thumb-tem-csr-perf .thumb-txt { padding:20px; margin-top: 0px;}
.thumb-tem-csr-perf .thumb-txt-h .thumb-tem-csr-perf:hover .thumb-txt-h { color: #000;}
.thumb-tem-csr-perf .thumb-txt-p { line-height: 1.4; margin-bottom: 1em;}
.thumb-csr-value { display: flex; justify-content: center;width: calc(100% + 40px); margin-left: -20px;}
.thumb-csr-value .thumb-csr-value-list { min-width: 50%; max-width: 100%; padding:0 10px; position: relative;font-size:0.9em; }
.thumb-csr-value .thumb-csr-value-list:nth-of-type(2):before { content: ""; position: absolute; width: 1px; left: 0; top: 0; height: 100%; background-color: #009989; }
.thumb-csrvl-topic { font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.thumb-csrvl-val {font-family: var(--font-family-main); font-weight:var(--font-weight-bold); font-size: 3em; color: #009989;}

.thumb-img-sroi { display: flex;float: left;width: 100%;}
.thumb-img-sroi-txt { width: 35%;}
.thumb-img-sroi-logo{ width: 70%; float: right;display: flex;justify-content: end;height: fit-content;flex-wrap: wrap;}
.thumb-img-sroi-logo-list { width: 18%;display: inline-block;}
.pt-imgleftright-bg-img .thumb-img-sroi-logo-list { width: 12%;display: inline-block;}
.thumb-img-sroi-logo-list img { float:left}
.thumb-img-sroi-txt { color:#fff; padding: 0.5em;}
.thumb-img-sroi-txt-1 { line-height:1.4; font-size: 0.7em;}
.thumb-img-sroi-txt-2 { line-height:1.3; font-size: 0.9em; font-family: var(--font-family-main); font-weight:var(--font-weight-bold);}
.thumb-img-sroi-title {padding: 10px; width:40%;}
.thumb-img-sroi-title img {float:left;object-fit: contain;height: auto;width: auto;}
.thumb-img-sroi-title + .thumb-img-sroi-logo { width:60%;}
.csr-listing .list-highligh.thumb-hoz .thumb-img .thumb-img-sroi-title img { object-fit: contain;}
.thumb-img-sroi-title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.thumb-sroi-on-content .thumb-img-sroi-txt-1 { line-height:1; font-size:1em;}
.thumb-sroi-on-content .thumb-img-sroi-txt-2 { line-height:1; font-size:1.6em;}
.thumb-sroi-on-higlight .thumb-img-sroi-txt-1 { line-height:1; font-size:1em;}
.thumb-sroi-on-higlight .thumb-img-sroi-txt-2 { line-height:1; font-size:1.6em;}
.thumb-sroi-on-cate .thumb-img-sroi-txt-1 { line-height:1; font-size:1em;}
.thumb-sroi-on-cate .thumb-img-sroi-txt-2 { line-height:1; font-size:1.6em;}


.csr-listing .list-highligh .thumb-txt-h{color:#009989!important;}
.csr-listing .list-highligh .thumb-txt-p{color: #464646;}

.popup-contact-success .popup-body.scroll{min-height: 300px;}



.breadcrumb-item+.breadcrumb-item::before{position: relative;top: 1px; content:url("data:image/svg+xml,%3Csvg width='6' height='10' viewBox='0 0 6 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.638791 9.37683C0.509904 9.24791 0.4375 9.07307 0.4375 8.89077C0.4375 8.70847 0.509904 8.53363 0.638791 8.40471L4.04192 5.00158L0.63879 1.59846C0.513557 1.4688 0.44426 1.29513 0.445827 1.11487C0.447393 0.934611 0.519697 0.762178 0.647165 0.63471C0.774633 0.507242 0.947067 0.434939 1.12733 0.433372C1.30759 0.431807 1.48125 0.501102 1.61092 0.626336L5.5001 4.51552C5.62899 4.64445 5.70139 4.81928 5.70139 5.00158C5.70139 5.18389 5.62899 5.35872 5.5001 5.48765L1.61092 9.37683C1.48199 9.50572 1.30715 9.57812 1.12485 9.57812C0.942553 9.57812 0.767716 9.50572 0.638791 9.37683Z' fill='%23333333'/%3E%3C/svg%3E%0A");}
li.breadcrumb-item a{color: #666;}
li.breadcrumb-item.active{color: #0E9B8C;font-weight: bold;}


.box-content-button.nex-button-light-solid-arrow .btn, .box-content-button.nex-button-light-solid .btn {background-color: #fff;border: 1px solid #fff;}
.box-content-button.nex-button-light-solid-arrow .btn:before ,.box-content-button.nex-button-light-solid .btn:before {margin-top: -1px;right: 20px;top: 50%;position: absolute;width: 10px;height: 10px;border-bottom: 1px solid #009989;border-right: 1px solid #009989;transform: rotate(-45deg) translateY(-50%);content: "";}
.box-content-button.nex-button-light-solid-arrow .btn span, .box-content-button.nex-button-light-solid .btn span {padding-left: 30px;text-align: left;min-width: 200px;justify-content: start;}
.special_banner .box-content-button.nex-button-light-solid-arrow .btn span{color: #009989;}
.box-content-button.nex-button-dark-solid-arrow .btn,.box-content-button.nex-button-dark-solid .btn {background-color: #009989;border: 1px solid #009989;}
.box-content-button.nex-button-dark-solid-arrow .btn:before, .box-content-button.nex-button-dark-solid .btn:before {margin-top: -1px;right: 20px;top: 50%;position: absolute;width: 10px;height: 10px;border-bottom: 1px solid #ffffff;border-right: 1px solid #ffffff;transform: rotate(-45deg) translateY(-50%);content: "";}
.box-content-button.nex-button-dark-solid-arrow .btn span,.box-content-button.nex-button-dark-solid .btn span {padding-left: 30px;text-align: left;min-width: 200px;justify-content: start;color: #fff;}


.wg-product-slide .sw-btn-rightop .inner-product-slide{display: flex;align-items: center;justify-content: flex-end;width: 100%;gap: 15px;margin-top: 40px;}
.wg-product-slide .sw-btn-rightop  .inner-product-slide > div{position: relative;top: auto;left: auto;right: auto;}


.box-article-filter { display:flex; align-items:center; gap:20px; }
.box-article-filter .select-dropdown-border { width:50% }


.banner-subscribe { display:flex; align-items:center; gap:50px }
.banner-subscribe-img { position:relative; top:50px; }
.banner-subscribe-cnt { display:flex; align-items:center;  gap:30px }

.box-banner-subscribe .cont-txt {width: 100%;}
.box-banner-subscribe .gen-height { height:240px!important; }

.box-banner-subscribe-2 .cont-txt {width: 50%; margin-left: 10%}
.box-banner-subscribe-2 .banner-subscribe-cnt { flex-wrap:wrap; gap:10px  }
/* END  */


@media (max-height: 650px ) {
	.add-scroll{max-height: 250px;}
}
@media (min-width: 1920px ) {
.box-mg-abs-right{    position: absolute;right: 0;height: 100%;top: 50%;transform: translateY(-50%);left: auto;    width: auto;}
.row-imgleftright-bg{justify-content: center;}
.col-imgleftright-bg { width: calc(1920px / 2); }
}



@media (min-width: 767px ) {
	.sticky-wrap .sticky-thead {width: auto !important;}
	.sec-esg-target .swiper-container {overflow: visible;}
    .sec-esg-target .swiper-wrapper {overflow: visible!important;transform: initial!important;width: calc(100% + 2px)!important;display: block!important;margin-left: -1px!important;flex-wrap: wrap!important;}
    .sec-esg-target  .swiper-button{display:none;}
}


@media (max-width: 1599.98px){	}
@media (max-width: 1599.98px){	

	.container-1360,.container-1600 { max-width:1140px;}
	.st-banner .swiper-pagination {max-width: 1140px;}
    .box-subhead .col { padding-left: 20px; padding-right: 20px;}

    /*
	|*******************************************************************************************
	| FONT SIZE
	|*******************************************************************************************
	*/
    body { font-size: .9em;}
    .btn { font-size: .9rem;}
    .btn-viewmore{ font-size: .8rem;}
	/*
	|*******************************************************************************************
	| THUMB
	|*******************************************************************************************
	*/
	.thumb-hoz.thumb-lr .thumb-txt-h { font-size: 2em;}
	.thumb-hoz.thumb-lr .thumb-img {width: calc(50% - 20px);margin-right: 20px;}
	.thumb-hoz.thumb-lr .thumb-img.order-first {width: calc(50% - 20px);margin-left: 20px;margin-right: auto;}
	/*
	|*******************************************************************************************
	| BANNER
	|*******************************************************************************************
	*/
	.banner-smedetail .cont-contain { padding:20px 0 ;}
	.banner-smedetail .banner-topic img, 
	.banner-smedetail .banner-topic svg { width: 60px;}
	.banner-smedetail .banner-detail hr { margin-top: 5px; margin-bottom: 5px;}
	.banner-smedetail .banner-detail h1 { font-size: 2.4em;}

	/*
	|*******************************************************************************************
	| ONLY SCGC
	|*******************************************************************************************
	*/

    .main-banner-first .ele-dot-2,
    .special_banner.st-banner .element-banner-only.ele-dot-2 {width: 1220px;}

    /* ===== FOOTER ===== */

	.wg-highlight-search {padding: 6em 0 1em;}
    .special_banner + div .wg-highlight-search { margin-top: -6.3em;}
    
    .wg-focused .ele-dot-1{ top: -76%;} 

    .thumb-document-hghome .thumb-img { width: 54%;}

    .thumb-person  {font-size: .9em;}

    .thumb-img-sroi-logo-list { width: 18.5%;}
    .thumb-img-sroi-txt-1 { font-size: 0.6em;}

    /* 
    |*******************************************************************************************
    | PAGE TEMPLATE
    |*******************************************************************************************
    */    
    .row-imgleftright-bg { width: calc(100vw - var(--scrollbar-width)); display: flex;margin-left: calc(((-100vw) + var(--scrollbar-width) + 1110px) / 2);}

  	.star-widget label { font-size:18px; }

}

@media (max-width: 1439.98px){
    /* .container-1360,.container-1600 { max-width:1140px;} */

	.blocks-content{max-width:1300px; margin: 0 auto;}
	
	
}
@media (max-width: 1359.98px){
	/* .container-1360,.container-1600 { max-width:1140px;} */

	.box-logo { width: 260px;}
	.box-header { padding-left: 260px;padding-right:290px;}
	.page-lang-en .box-header  { padding-right:240px; }

    /* .box-logo .logo-main img { height: 35px; width: auto;} */
    /* .mobile-menu-foot { top:-52px;} */

    /*
	|*******************************************************************************************
	| ONLY SCGC
	|*******************************************************************************************
	*/
    .main-banner-first .ele-dot-2,
    .special_banner.st-banner .element-banner-only.ele-dot-2  {margin-left: -400px; width: 1080px;}

    .wg-about-intro .ele-dot-1 {width: 105%;margin-left: -62%;margin-top: 8%;}

    .thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-h { font-size: 2.5em;}

    .thumb-highlight-video .thumb-txt .thumb-txt-h { font-size: 1.5em;}

	.wg-news .thumb-hoz-article .thumb-img{width: 50%;}

    .card-rollover .card-rollover-img { height: 540px;}

    .st-banner .container-1600 .container-1600 .cont-contain { padding-left:50px; padding-right:50px }

    
}

@media (max-width: 1199.98px){


	.container-1360,.container-1600  { max-width:960px;}
	.st-banner .swiper-pagination {max-width: 960px;}
    .subhead-close { top: 0;}
    .subhead-close .subhead-close-text { display: none;}

	/*
	 |*******************************************************************************************
	 | HEADER
	 |*******************************************************************************************
	*/
 	.section-header { display:flex; }
	.sec-header .container { max-width: none;}
    .mobile-menu-foot { top:0;}
    .main-menu > ul > li { width:100%; }
	
    .section-header { height: 60px; position:fixed; top:0px; left:0px; width:100%; z-index:19;  font-size: 1em; transform: translateX(0%);}
	.sec-header { float:left; width:100%;}
	.sec-header .container { max-width: none; }
	.box-header { display: block; transform: none!important; position:relative; padding: 15px 0; align-items: center; float:left; width:100%; text-align:center;}
	.box-header:before { display: none;}
	.box-logo { float:left; display:inline-block; padding: 0; z-index: 1;}
	/* .box-logo img { float:left; height: 32px; width: auto;} */
	.box-nav-right { position: absolute;display: flex; align-items: center; right: 0px; height:auto;width:auto; top: 0px; padding:20px 80px 20px 0px;}

	/* = Mobile = */

	.btn-menu { margin-left: auto; display:flex; position:absolute; right:30px; top:22px; align-items:center; cursor:pointer; z-index:12;}
	.btn-menu .groupMenu {margin: 0 auto;width: 26px; cursor:pointer; height:16px; position:relative; float:right;}
	.btn-menu .groupMenu span { position:absolute;width: 26px;height: 2px;background-color: #333;float: left;margin-bottom: 4px; overflow:hidden;-webkit-transition:ease .4s; transition:ease .4s; }
	.btn-menu .groupMenu span:last-child {margin-bottom: 0px;}
	.btn-menu .groupMenu .pan1 { top:0px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
	.btn-menu .groupMenu .pan2 { top:7px; left:0px; transform-origin:center center;-webkit-transform-origin:center center; width: 20px;}
	.btn-menu .groupMenu .pan3 { top:14px; left:0px; transform-origin:center center;-webkit-transform-origin:center center;}
	.btn-menu .btn-menutext { color:#fff; float:right; text-transform:uppercase; font-size:10px; padding-top:3px; margin-right:15px; letter-spacing:1px;}
	.btn-menu:hover span:before { left:0px; }
	.closeMenu { position:absolute; top:20px; right:20px; width:50px; height:50px; z-index:-1; cursor:pointer;}
	.menuClick .groupMenu .pan1 { left: 0; transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg); top:6px; z-index:2; height:2px;}
	.menuClick .groupMenu .pan2 { left: 0; width:0px; height:0px;}
	.menuClick .groupMenu .pan3 { left: 0; transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg); top:6px; z-index:2; height:2px;}
	.menuClick .closeMenu { z-index:12;}
	.menuClick .btn-menu { z-index:12;}

/*	.box-lang  {  margin-right: 0px;right: 50px; position:relative; padding-left:0px; float:right; margin-left:auto;}*/

	.box-menu  {font-size: 1.6em;  position: fixed; top: -100vh; left: 0; padding-left: 0; margin-bottom: 0px; height: calc(100vh); background-color: #fff; display: flex!important; flex-wrap: wrap;    align-content: flex-start;}
	.box-menu:before { display: none;}
	.bg-menu { display: none; left:0; top:0; position: fixed; float: left; width: 100%; height: 100%; background-color: rgba(0,0,0,0.7);}
	.main-menu { order:1; position: relative;  padding-top: 80px; float: left;width: calc(100% + 30px); margin-left: -30px; padding-left: 30px;}
	.scroll-menu {scrollbar-width: none;-ms-overflow-style: none; overflow-y: scroll; }
	/* .main-menu:before { content: ""; position: absolute; bottom: 0; left:0; width: 100%; height: 50px;background: rgb(255,255,255);
	background: linear-gradient(0deg, rgba(255,255,255,1) 20%, rgba(255,255,255,0) 100%);} */
	.main-menu ::-webkit-scrollbar {display: none;}
	.main-menu ul { float:left; width: 100%; display:block;float: left;position: relative; font-weight: 400;}
	.main-menu ul span { float: left; width: 100%;}
	.main-menu ul ul { margin-top: .2em; padding-top: .2em; padding-bottom: .2em; }
	.main-menu ul li { text-align: left; font-size:0.8em; padding-top: .4em; padding-bottom: .4em;  float:left; width: 100%;position: relative;}
	.main-menu ul li:not(.active) > ul { display: none;}
	.main-menu ul li.active > ul { display: block;}
	.main-menu > ul > li.has-sub a:before { display: none;} 
	.main-menu > ul > li > a { color:#000; padding: 0px;}
	.main-menu > ul > li > ul { width: calc(100% + 0px); }
	.main-menu > ul > li > ul > li { padding-right: 38px; border-bottom:1px solid rgba(0, 0, 0, .1)}
	.main-menu > ul > li > ul > li > ul{  background-color:#eaeaea;width: calc(100% + 38px); margin-top: .4em; margin-bottom: -0.4em; }
	.main-menu > ul > li > ul > li > ul > li { padding-right: 20px;padding-left: 20px;}
	.main-menu > ul > li > ul > li.has-sub:before { content:""; position: absolute; top: 0.8em; right:15px; width: 8px; height: 8px; border-right: 1px solid #000;border-bottom: 1px solid #000; transform: rotate(45deg);}
	.main-menu > ul > li > ul > li > ul > li.has-sub:before { content:""; position: absolute; top: 0.7em; right:15px; width: 8px; height: 8px; border-right: 1px solid #000;border-bottom: 1px solid #000; transform: rotate(45deg);}
	.main-menu > ul > li a.active:after { position:relative; width:auto; height:auto; background-color:transparent; bottom:auto }
	.main-menu > ul { padding-left: 0; }
	.main-menu > ul > li { padding:10px 30px 10px 30px;}

	.main-menu > ul > li.active > a,
	.main-menu > ul > li.active > span{color:#009989;}
/*	.main-menu > ul > li.active:before { content: ""; position: absolute;right: calc(100% - 15px); top: 25px; height: 2px; width: 50px; background-color:#009989 ;}*/
	.main-menu > ul > li > ul > li.active > a,
	.main-menu > ul > li > ul > li.active > span{color:#009989;}
	.main-menu > ul > li > ul > li.active:before { transform: rotate(-135deg);top: 1.1em;border-right: 1px solid #009989;border-bottom: 1px solid #009989; }
	.main-menu > ul > li.has-sub > a:after,
	.main-menu > ul > li.has-sub > span:after { content: ' +';}
	.main-menu > ul > li.active > a:after,
	.main-menu > ul > li.active > span:after { content: ' -';}

	.main-menu > ul > li > ul > li > ul > li.active > a,
	.main-menu > ul > li > ul > li > ul > li.active > span{color:#009989;}
	.main-menu > ul > li > ul > li > ul > li.active:before { transform: rotate(-135deg);top: 1.1em;border-right: 1px solid #009989;border-bottom: 1px solid #009989; }


	.main-menu ul > li a.m-menu.has-sub::after {content: "";position: absolute;right:15.5px;top: 50%;width: 16px;height: 3px;border-radius: 2px;background-color: #707070;transform: translate(-50%,-50%);}
	.main-menu ul > li a.m-menu.has-sub::before {content: "";position: absolute;right: 28px;top: 50%;height: 16px;width: 3px;border-radius: 2px;background-color: #707070;transform: translate(-50%,-50%);transition: all ease .4s;}
	.main-menu ul > li .group-sub{display: none;position: relative;opacity: 1;visibility: visible;  z-index: 10;padding:0;    top: auto;float: left;width: 100%;transition: none;}
	.main-menu ul > li .group-sub ul li{padding: 1em 2em 1em;}
	.main-menu ul > li.active .group-sub{display: block;}

	.mobile-menu-foot { background: none; order:2; display: block; float: left; width: 100%; padding:10px 30px 10px 30px; position: relative; z-index: 2;  background-color: #fff;}
	.mobile-menu-foot:before { display: none;}
	.mobile-menu-foot .box-lang { display: none;}
	.box-search { float: left; width: 100%; position: relative; margin-bottom: 10px; order:1; padding: 0;}
	.search-form { float: left; width: 100%; display: block; position: relative; width: auto; right:auto; top:auto; transform: translateY(0);}
	.box-search input { border-radius:50px; padding:10px 40px 10px 20px; border:none; background-color:#eaeaea; font-size: 16px; float: left; width: 100%;}
	.box-search button { position: absolute; border: medium none ; padding: 0px; width: 16px; background: none;}
	.box-search button img { width: 30px; height: 30px; float: left;}
	.search-icon { display: none;}
	.second-menu { float: left; width: 100%;text-align: left; order:2; padding: 0;}
	.second-menu-tab { float: left; width: 100%; }
	.second-menu-tab ul { display: none; width: auto;display: block;float: left;position: relative;font-weight: 300;font-size: .6em;}
	.second-menu-tab ul li { float: left; padding: 0 10px; margin:0; border-right: 1px solid #eaeaea;}
	.second-menu-tab ul li a { color:#000; width: 100%; }
	.second-menu-tab ul li .active { color:#009989;}
	.second-menu-tab ul li:first-child { padding-left: 0px;}
	.second-menu-tab ul li:last-child { padding-right: 0px; border-right: none;}
	.second-menu-tab ul li.has-sub a { padding-right: 0px;}
	.second-menu-tab ul li.has-sub a:before { display: none;}
	.second-menu-content { display: block; float: left; width: 100%; padding-left: 10px; }
	.second-menu-content ul li span { width: 100%; float: left;}
	.second-menu-content ul { display: none; float: left; width: 100%; }
	.second-menu-content ul ul { margin-top: .2em; padding-top: .2em; padding-bottom: .2em; }
	.second-menu-content ul li { text-align: left; padding-top: .4em; padding-bottom: .4em;  float:left; width: 100%;position: relative;}
	.second-menu-content ul li a { float: left; width: 100%;}
	
	.second-menu-content > ul { float: left; width: 100%;font-size: .6em; padding-top: 20px; }
	.second-menu-content > ul ul { font-size: 0.8em; padding-left: 20px;}
	.second-menu-content > ul { width: calc(100% + 20px); }
	.second-menu-content > ul > li { padding-right: 38px; border-bottom:1px solid rgba(0, 0, 0, .1)}
	.second-menu-content > ul > li.has-sub:before { content:""; position: absolute; top: 0.8em; right:15px; width: 8px; height: 8px; border-right: 1px solid #000;border-bottom: 1px solid #000; transform: rotate(45deg);}
	.second-menu-content > ul > li > ul{  background-color:#eaeaea;width: calc(100% + 38px); margin-top: .4em; margin-bottom: -0.4em; }
	.second-menu-content > ul > li > ul > li { padding-right: 20px;}
	.second-menu-content > ul > li.active {color:#009989;}
	.second-menu-content > ul > li.active:before { transform: rotate(-135deg);top: 1.1em;border-right: 1px solid #009989;border-bottom: 1px solid #009989; }


	.box-lang .bootstrap-select > .dropdown-toggle { color:#000; }
	/*
	|*******************************************************************************************
	| FONT SIZE
	|*******************************************************************************************
	*/
	.box-content { font-size:0.9em; }
	.box-thumb { font-size:0.9em; }
	.btn {font-size: .9rem;}
    /* .btn-viewmore {font-size: .7rem;} */
	.form-group { font-size: 0.9em;}
	

	.thumb-txtimg { font-size: 1.2em;}
	/*
	|*******************************************************************************************
	| UI
	|*******************************************************************************************
	*/
	.form-group .file-input__label svg { height: 10px;}
    .tab-nav { font-size: .9em;}

    /*
	|*******************************************************************************************
	| POPUP
	|*******************************************************************************************
	*/
    .popup-subtopic {font-size: 1.2em;}

	/*
	|*******************************************************************************************
	| ONLY IN SCGC
	|*******************************************************************************************
	*/
    .list-highligh .thumb-txt-h { -webkit-line-clamp: 3; }
    .list-highligh .thumb-txt-p { -webkit-line-clamp: 2; }

    .thumb-hoz-article .thumb-txt { padding: 0 2em;}

    /* ===== FOOTER ===== */
    .section-footer .ele-dot-1 { top:40%; }
    .footer-sec2 { margin-top:20px; }
    .footer-contact-list-social { width:100%; }
 	.footer-contact-list-social ul {float: right;}

    .highlight-search-bg { width:1570px; }
    .wg-highlight-search {padding: 4.5em 0 1em; }
    .special_banner + div .wg-highlight-search { margin-top: -5.5em;}
    
    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(1) .thumb-product-incard .thumb-img, 
    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) .thumb-product-incard .thumb-img { height:250px}
    .thumb-product-incard .thumb-img { height: 200px;}

    .thumb-list-download {padding: 1.45em 0;}
    .thumb-person .thumb-txt h4 { font-size: 1.2em;}


    .wg-about-intro .ele-dot-1 {width: 115%;margin-left: -62%;margin-top: 10%;}
    .wg-focused .ele-dot-1{ top: -67%;} 

    .wg-event .thumb-hoz .thumb-txt { border: none; }
    .section-unsubscribe-newsletter .box-topic-check.active li.check-list:nth-of-type(even):before  {width: calc(100% + 50px);}
    .section-unsubscribe-newsletter .box-group-inner.inner-start {padding-right: 30px;margin-right: 0px;}

    .thumb-img-sroi-txt { width: 36%;}

    /* 
    |*******************************************************************************************
    | MEDIA CENTER
    |*******************************************************************************************
    */
    .st-title { padding: 30px 0;}
    .st-title .ele-dot-1 {left: -11%; top: auto; width: 600px; bottom: -50px;}

    .public-banner-content {padding-left: 10%;}

    /* 
    |*******************************************************************************************
    | PAGE TEMPLATE
    |*******************************************************************************************
    */    
    .row-imgleftright-bg { width: calc(100vw - var(--scrollbar-width)); display: flex;margin-left: calc(((-100vw) + var(--scrollbar-width) + 930px) / 2);}
    .card-rollover .card-rollover-img { height: 400px;}
	
	

	
	.section-unsubscribe-newsletter .box-select-check-list-top{display: block;}
	.section-unsubscribe-newsletter .box-group-inner{padding-left: 30px;}
	.section-unsubscribe-newsletter .box-topic-check.active{border-right:0;margin-right: 0;width:100%;}
	.box-check-outer.append  li{margin-top: 5px;}
	.box-check-outer.append{margin-top: 10px;}

    .pt-imgleftright-bg-img .thumb-img-sroi-logo-list {width: 14%;}
	.graph-dot-right-bottom:before { height: 200px;width: 650px;background-repeat: no-repeat; }


	.star-widget label { font-size:13px; }

	.wg-cct-ctn-box .wg-cct-ctn-list-link  .btn-icon.btn-spacebetween > span{min-width: 0;}
	.wg-cct-ctn-box .wg-cct-ctn-list-link  .btn-icon.btn-spacebetween > span{width: 28px;height: 28px;justify-content: center;    padding: 0.2em;}
	.wg-cct-ctn-box  .wg-cct-ctn-list-link .btn-icon span > span{display: none;}
	.wg-cct-ctn-box  .wg-cct-ctn-list-link .btn-icon span + svg,.wg-cct-ctn-list-link  .btn-icon span + img{margin-left: 0;}
}

@media (max-width: 991.98px) {
	.container-1360,.container-1600  { max-width:720px;}
	.st-banner .swiper-pagination {max-width: 720px;}

	.bg-fullwidth {background-repeat: no-repeat;background-position: center top ;background-size: cover;}
	.bg-fullwidth-contain{background-size: contain;}
	
	.sec { margin-bottom:60px;}
	.videoplay-icon {width: 60px;height: 60px;}
	
	/* .cont-list-swiper-custom .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -35px;}
	.cont-list-swiper-custom .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -35px;} */

    .tab-nav-list a { padding-left: 1em; padding-right: 1em;}
    /*
	|*******************************************************************************************
	| HEADER
	|*******************************************************************************************
	*/
    /*
	|*******************************************************************************************
	| FOOTER
	|*******************************************************************************************
	*/
	.footer-logo img { height:40px; width:auto; }
    .footer-brand {font-size: 1.2em;}
    .footer-sec2 > .row > .col {align-items: start;}
    /*
	|*******************************************************************************************
	| FORM
	|*******************************************************************************************
	*/
    .form-group-hoz > label, .form-group-hoz .radio-title, .form-group-hoz .check-title{width: 160px;}
	.form-group-hoz input, .form-group-hoz textarea, .form-group-hoz .bootstrap-select, .form-group-hoz .file-input__label{width: calc(100% - 180px)!important;}

	/*
	|*******************************************************************************************
	| FONT SIZE
	|*******************************************************************************************
	*/

	.h1{ font-size:2.2em; line-height:1.1; }
	.h2{ font-size:1.8em; line-height:1.2;  }
	.h3{ font-size:1.7em; line-height:1.2;  }
	.h4{ font-size:1.6em; line-height:1.2;  }
	.h5{ font-size:1.3em; line-height:1.4;  }
	.h6{ font-size:1.2em; line-height:1.4; }
	
	/* .st-banner .box-content { font-size:0.7em; } */

	.tablecate-detail-group { font-size: 1em;}
	/* .btn-download { font-size: 0.7em;} */
	
	/* --- */

	.thumb-hoz.thumb-lr .thumb-txt-h{font-size: 1.6em;}
	/*
	 |*******************************************************************************************
	 | POPUP
	 |*******************************************************************************************
	*/
    .popup-container{width: 90%;}
	/*
	 |*******************************************************************************************
	 | ELEMENT
	 |*******************************************************************************************
	*/

	/* .tab-nav-list a{min-width: 150px} */
	.sec-listing-detail .cont-txt{ padding: 0 50px;}

	/*
	 |*******************************************************************************************
	 | CONTENT
	 |*******************************************************************************************
	*/
	.tag-group{padding-top: 30px;}

	.box-detail-topic { display: block; border-bottom: 0px; padding-bottom: 0px;}
	.box-detail-topic h1 { margin-bottom: 10px;}
	.box-detail-info { display: flex; align-items: center;}
	.box-share{ margin-top: 1em; width: 100%; margin-left: auto; left: 0!important; height:auto!important; position: relative!important; top:0!important; right:0!important; display: flex; align-items: center; justify-content: start; }
	.box-share ul { width: auto; margin-top: 0px; margin-left: 10px; display: flex;}
	.box-share li { float: left; margin-left: 10px; padding-bottom: 0;}
	.box-share li:first-child { margin-left: 0px;}
	.box-share .share-title { float: left;}
	.box-detail-topic .date-post { margin-left: 0px; float: left; margin-top: 0px;}
	.sidebar__inner {  position:relative !important; top:0!important; left: 0!important; width: auto!important;}

	.date-post { margin-top: 0.3em;}
	.date-post svg, .date-post img { width: 12px; height: 12px;}

	.box-tool-sidebar { margin-bottom:2em }
	/*
	 |*******************************************************************************************
	 | THUMB
	 |*******************************************************************************************
	*/
	.box-thumb-hl { margin-bottom: 20px;}
	.box-thumb-hl:before { bottom: 0;}
	.st .list-highligh .thumb-txt { padding-left: 1.5em;}

	.thumb-hoz.thumb-lr .thumb-img {width: calc(50% - 0px);margin-right: 0px;}
	.thumb-hoz.thumb-lr .thumb-img.order-first {width: calc(50% - 0px);margin-left: 0px;margin-right: auto;}
	.thumb-hoz.thumb-lr .thumb-txt { padding-right:0; padding-left: 1em;}
	.thumb-hoz.thumb-lr .thumb-txt.order-2 { padding-left:0; padding-right: 1em;}

    .thumb-hoz.thumb-lr .thumb-txt-p { -webkit-line-clamp: 3; }
	/*
	 |*******************************************************************************************
	 | SEARCH
	 |*******************************************************************************************
	*/
	.sec-search { padding: 3em 0;}
	.form-group-search input { width: 640px;}
	
    

    /*
	|*******************************************************************************************
	| ONLY SCGC
	|*******************************************************************************************
	*/
    .special_banner.st-banner .box-content h1 { font-size: 3em;}
    .main-banner-first .ele-dot-2,
    .special_banner.st-banner .element-banner-only.ele-dot-2 {bottom: -34px; margin-left: -330px; width: 880px;}
    .special_banner.st-banner .align-items-md-center.text-md-start .box-content { margin-left: 0;}
    
    /* ===== FOOTER ===== */
    .section-footer .ele-dot-1 {top:37%}


    .highlight-search-bg { width: 992px;}
    .wg-highlight-search { padding: 4em 0 1em; }
    .special_banner + div .wg-highlight-search { margin-top: -6.5em;}
    .box-shortcut-search { padding: 0px; margin-bottom: 2em;} 

    .title-with-link.sec-title { display: block;}
/*    .title-with-link .link-topic-right { position: relative; display: inline-block; bottom: 0; }*/
	.wg-mediv .title-with-link .link-topic-right { position: absolute; display: inline-block; bottom: 0; }

    .wg-about-intro .btn { min-width:200px;}
    .wg-about-intro .ele-dot-1 {width: 115%;margin-left: -62%;margin-top: 12%;}

    .thumb-product-incard .thumb-txt .thumb-txt-h { font-size: 1em; line-height: 0.8;}
    .wg-application-highlight .box-slide .swiper-slide { padding: 10px;}
    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(1) .thumb-product-incard .thumb-img, 
    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) .thumb-product-incard .thumb-img { height:180px}
    .thumb-product-incard .thumb-img { height: 120px;}

    .wg-focused { padding: 8em 0 1em; }
    .wg-focused .ele-dot-1{ top: -46%;} 
     
    
  
    .thumb-document-hghome .thumb-txt .thumb-txt-h { font-size: 2em;}

    .footer-sec-1 { margin-bottom: 2em;}
    /* 
    |*******************************************************************************************
    | PRODUCT
    |*******************************************************************************************
    */
    .sidebar-top { margin-bottom: 1em;}
    .slidebar-result { margin: 0;}
    .sidebar-filter { display: none;}
    
    .pd-table-first-fixed .pd-row .row .col:first-child { position: absolute; width: 150px; left: 0;}
    .pd-table-first-fixed .pd-row .row:first-child { padding-left: 150px; position: relative;width: max-content;}

    .group-gradelist { padding-left: 0; padding-right: 0;}
    .group-gradelist:hover { background-color: #fff;}

    .tab-content-inner { padding: 0;}
    .box-nodata { margin-top: 0; min-height: 200px;}
    /* 
    |*******************************************************************************************
    | MEDIA CENTER
    |*******************************************************************************************
    */
    .list-highligh .thumb-group { display: block;}
    .list-highligh.thumb-hoz .thumb-img { width: 100%;}
    .list-highligh.thumb-hoz .thumb-txt { width: 100%;}
    .st .list-highligh .thumb-txt {padding:2em 2em;}

    .public-banner-content {padding-left: 0%;}
    .thumb-magazine.thumb-hoz .thumb-txt .thumb-txt-h { font-size: 2em;}
    .thumb-magazine.thumb-hoz .thumb-img { width: 250px;}
    .thumb-magazine.thumb-hoz .thumb-txt { padding-left: 3em; width: calc(100% - 250px);}



    /* 
    |*******************************************************************************************
    | PAGE TEMPLATE
    |*******************************************************************************************
    */ 
    .pagetem-tabimage-content { padding-left: 0px; padding-right: 0px;}
    .pt-imgleftright-list-cnt { width: 100%;}
    .row-imgleftright-bg { margin-left: calc(((-100vw) + var(--scrollbar-width) + 690px) / 2); }
    .pagetem-download { padding: 0;} 
    .aboutaward-pagination-wrapper { }

	.wg-contact iframe.map-iframe{height: 400px;margin-top: 40px;}
	.dot-breadcrumb-no-banner nav::after {margin-left: -60%;width: 80%;background-size: 100%;top: 50%;margin-top: -5%;}




	.pagetem-esg-target .thumb-tem-icon {flex-wrap: wrap;justify-content: center;text-align: center;}
	.pagetem-esg-target .thumb-tem-icon .thumb-img {width: 30%;}
	.pagetem-esg-target .thumb-tem-icon .thumb-txt {width: 100%;padding-left: 0;}

	.st-banner .swiper-pagination{bottom: 7%;}
	.st-banner .swiper-pagination-bullet{width: 5px;height: 5px;}

	.box-main-sustainability .pagetem-download .thumb-tem-download .thumb-txt .btn{margin-right: 5px;}
	.box-main-sustainability .pagetem-download .thumb-tem-download .thumb-txt .btn:last-child{margin-right: 0;}

    .pagetem-tabimage .card-rollover .card-rollover-cnt { padding-left: 1em; padding-right: 1em;}

    .pagetem-testimonial .card-testimonial-img { width:200px; margin-right:30px}
    .pagetem-testimonial .card-testimonial-cnt { width: calc(100% - 230px);}
    .pagetem-testimonial .ele-dot-2 {bottom: -30px;top: auto;width: 100%;left: 20%;}
    .pagetem-testimonial .ele-ball-green {bottom: -50px;top: -60px;width: 17%;right: -70px;left: auto;}
    .pagetem-testimonial .ele-ball-blue { top:20px;}
    .pagetem-testimonial .ele-ball-white-1 {bottom: -30px;top: auto;width: 10%;left: -60px;}
    .pagetem-testimonial .ele-ball-white-2 {bottom: -60px;top: auto;width: 17%;left: auto;right: -10px; }

    .pt-imgleftright-bg-img .thumb-img-sroi-logo-list {width: 16%;} 
    .csr-listing .thumb-ver .thumb-img-sroi-title {padding-top: 8px; padding-bottom: 8px;} 

	.pagetem-imgleftright-bg-container .pt-imgleftright-bg-img{width: 50%;}
	.pagetem-imgleftright-bg-container .pt-imgleftright-bg-cnt{width:50%;    padding: 1rem 1.2rem;}
	.pagetem-imgleftright-container .pt-imgleftright-list-cnt{padding: 1rem 1.25rem;}

	.graph-dot-right-bottom:before {left: 38%;height: 170px;width: 680px;bottom: -40px;}



	.company-list-cnt-title-name {font-size: 1.2em;}
	
	.box-company-wrap { gap:20px;}
	.thumb-compprofile .thumb-img { width:40%;}
	.thumb-compprofile .thumb-txt { width:calc(100% - 40%);}
	.thumb-compprofile .thumb-txt .thumb-txt-h { font-size:2em; }

	.article-each { padding:30px 0 }
	.article-full-hl { height:380px; }
	.article-full-hl-cnt-inner { width:70% }
	.article-full-hl-grd { width:75% }
	.article-hl-cnt .thumb-txt-h {-webkit-line-clamp: 3;}
	.article-hl-cnt .thumb-txt-p {-webkit-line-clamp: 2;}
	.article-contain-hl-img img { height:300px }

	.thumb-hoz-style2 .thumb-txt .thumb-txt-h { color:#313283; -webkit-line-clamp: 2; }

	.banner-subscribe { gap:20px; }
	.box-banner-subscribe .gen-height { height:170px!important; }
	.box-banner-subscribe .cont-txt {  }
	.box-banner-subscribe .cont-txt { display:flex; justify-content:center; }
	.banner-subscribe-img { width:80px; top:5px; }

	.thumb-highlight-video2 .thumb-txt { width:60%; }
	.thumb-highlight-video2 .thumb-txt .thumb-txt-h{ -webkit-line-clamp: 2; }
	.thumb-highlight-video2 .thumb-txt-p { -webkit-line-clamp: 2; }

	.tab-filter-inner ul .tab-filter-li { padding:0; }
	.thumb-hoz-article .thumb-txt-h {-webkit-line-clamp: 2; }
	/* .bg-abs-bottom.bg-abs-bottom-40{height: 65%;} */

	




}
@media (max-width: 767.98px) {	
	.container-1360, .container-1600 { max-width: none; }
	.st-banner .swiper-pagination {max-width: none;}
	.nav-mainmenu a {padding: 0.4rem;}
	.cont-list-swiper-custom .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 10px;}
	.cont-list-swiper-custom .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 10px;}
	
    .section-unsubscribe-newsletter .check-group .box-group-inner ul.check-list { padding-right: 0;}
	.section-unsubscribe-newsletter .box-group-inner.inner-start{border-right: 0; border-bottom: 1px dashed #D9D9D9;margin-right: 0;width: 100%;padding-bottom: 10px;margin-bottom: 20px; padding-right: 0;}
	
	/*
	 |*******************************************************************************************
	 | FONT SIZE
	 |*******************************************************************************************
	*/

    .st-banner .box-content {font-size:4vw;}
	.box-content {font-size: 4vw;}
	.box-thumb  {font-size: 4vw;}
	.popup-subscribe .box-content {font-size: 3vw;}


	.box-content .txt-oversize { font-size: 3em; line-height: 1;}
	.box-content h1	{ font-size:2.2em; line-height:1.1; }
	.box-content h2	{font-size: 1.8em;line-height:1.2;}
	.box-content h3	{ font-size:1.7em; line-height:1.2;  }
	.box-content h4	{ font-size:1.6em; line-height:1.2;  }
	.box-content h5	{ font-size:1.3em; line-height:1.4;  }
	.box-content h6	{ font-size:1.2em; line-height:1.4; }
	.box-content .h1,.h1{ font-size:2.2em; line-height:1.1; }
	.box-content .h2,.h2{ font-size:1.8em; line-height:1.2;  }
	.box-content .h3,.h3{ font-size:1.7em; line-height:1.2;  }
	.box-content .h4,.h4{ font-size:1.6em; line-height:1.2;  }
	.box-content .h5,.h5{ font-size:1.3em; line-height:1.4;  }
	.box-content .h6,.h6{ font-size:1.2em; line-height:1.4; }

    
    /*
	 |*******************************************************************************************
	 | BOX CONTENT
	 |*******************************************************************************************
	*/
    .box-content br { display: none;}
    br[data-mce-bogus="1"] { display:block; }
	/*
	 |*******************************************************************************************
	 | HEADER
	 |*******************************************************************************************
	*/

	.box-logo { width:45% }
	.box-logo .logo-main { top: calc(50% - 7%); }
	.box-nav-right { padding:15px 50px 15px 0; }
	.section-header { height:50px;}
	.btn-menu { top:18px; right:15px; }
	/* .menuClick{overflow: hidden;}
	.menu-top { display: none;}
	.box-menu{display: none;}
	.search-form{display: none;}
	.btn-menu{display: flex;}
	
	.menu-on-mobile{    padding: 30px 0;}
	.menu-on-mobile .box-menu .ul-menu {flex-wrap: wrap;padding: 0;text-align: center;}
	.menu-on-mobile .box-menu>ul>li.menu-li {margin-right: 0;width: 100%;padding: 20px 0;}
	.menu-on-mobile .box-menu>ul>li.menu-li a{width: 100%;}
	.menu-on-mobile .box-menu {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;display: none;padding-top: 80px;margin-top: 0;z-index: -1;background-repeat: no-repeat;background-color: #fff;} */

    /*
	 |*******************************************************************************************
	 | POPUP
	 |*******************************************************************************************
	*/
    .popup-topic {font-size: 1.4em;}
	.popup-subtopic {font-size: 1em;}

    .popup-alert .popup-container,
    .popup-subscribe .popup-container { width: 90%;}
    .popup-subscribe .popup-container::before { opacity: 0;}

	/*
	|*******************************************************************************************
	| FORM
	|*******************************************************************************************
	*/
    .form-group-hoz input, .form-group-hoz textarea, .form-group-hoz .bootstrap-select, .form-group-hoz .file-input__label, .form-group-hoz .g-recaptcha{margin-left: 0;width: 100% !important; }
	.form-group-hoz > label, .form-group-hoz .radio-title, .form-group-hoz .check-title{width: 100%; margin-bottom: 3px;}
	.form-group-hoz-inline .form-group-hoz:nth-child(2) {width: calc(30% - 20px);margin-left: 20px;display: block;align-items: center;}
	.form-group-hoz-inline .form-group-hoz:nth-child(2) input {width: calc(100%) !important; margin-left: 20px;}
	.form-group-hoz .check-group.checkinline .check-list, .form-group-hoz .radio-group.radioinline .radio-list{max-width: 100%;}
    .select-dropdown-underline .select-default.bootstrap-select>.dropdown-toggle { padding-top: 0.2em; padding-bottom: 0.2em;}
    .select-default.bootstrap-select>.dropdown-toggle { padding-top: 1em; padding-bottom: 1em;}

    .select-dropdown-border .dropdown-toggle::after { top:1.15em; }
	/*
	 |*******************************************************************************************
	 | TEMPLATE
	 |*******************************************************************************************
	*/
	
	.st .cont-img { width: 100%;} 
	.st .cont-txt { width: 100%; padding: 0 15px;} 
	.st .cont-img + .cont-txt { margin-top:20px;}
	.st .cont-txt + .cont-img { margin-top:20px;}
	
	.st-banner .container { max-width:100%;}
    .box-videomp4 .video-container { height: 140vw; width: auto;}
    .box-videomp4 { margin-left: -74vw;}

	.sec-listing-detail .box-content h1 {font-size: 12vw;}
	.sec-listing-detail .box-content h4 {font-size: 7.5vw;}

	.list-highlight2-sidebar .box-thumb { margin-bottom: 20px;}

    .thumb .thumb-txt-h { -webkit-line-clamp: inherit;}

	.thumb-hoz.thumb-lr .thumb-img{width: 100%;}
	.thumb-hoz.thumb-lr .thumb-txt{width: 100%;padding: 0;}
	.thumb-hoz.thumb-lr .thumb-txt-h{font-size: 1.6em;}

    .thumb-hoz.thumb-lr .thumb-txt-p { -webkit-line-clamp: unset; }
	/* .st-banner .swiper-pagination{bottom: 1.5%;} */
    .st-banner .cont-contain .cont-txt {width: 100%!important;}


    .st-content .cont-contain { display: block!important;}

    /* .btn:not(.btn-tag,.btn-text) { min-width: 200px;} */
    .btn > span { padding: .8em 1.2em;}
    .btn-text span { padding:0;}
	.box-content-button {margin: 0 5px 10px;width: calc(100% - 10px);}
    .btn-tag > span { padding: 0.4em 1em;}
	/*
	|*******************************************************************************************
	| TAB & ACCORDION
	|*******************************************************************************************
	*/
	.tabOver .tabnav-button{display: none;}
	.tab-nav {overflow: hidden;overflow-x: scroll;width: auto;max-width: 100%;float: none;display: inline-block;}
	.tab-nav ul {display: flex;display: -webkit-flex;justify-content: space-between;width: max-content;margin: 0 auto;}
	.tab-nav ul{border:none; border-radius:0; background-color: transparent;width: 100%;}
	.tab-nav::-webkit-scrollbar-track{background-color: transparent; height: 0px;}
	.tab-nav::-webkit-scrollbar{background-color: transparent;height: 0px;}
	.tab-nav::-webkit-scrollbar-thumb{background-color: transparent;height: 0px;}

	.sec-listing-detail .box-content h1 {font-size: 1.4em;}
	.sec-listing-detail .box-content h2 {font-size: 1em;}

	/*
	 |*******************************************************************************************
	 | SEARCH
	 |*******************************************************************************************
	*/

	.search-filter .radio-title { width: 100%; font-size: 1.4em; }
	.search-filter .radio-group { text-align: center;}
	.search-filter .radio-group.radioinline .radio-title { text-align: center; margin-right: 0px; margin-bottom: 0.2em;}
	.search-filter .radio-group .radio-list { display: inline-block; float: none; margin-bottom: 0.2em;}
	.form-group-search { width: 100%;}
	.form-group-search input { width: 100%;}

	/*
	 |*******************************************************************************************
	 | CONTENT
	 |*******************************************************************************************
	*/
	
	.st-banner {background-color: #e1def74d;}


	/* .tag-group .tag-title{padding-top: 12px;}
	.tag-group{padding-top: 50px;font-size: 1.5em;} */
	

	/* .box-share {position: relative;right: 0;top: 0;z-index: 2;width: 100%;text-align: center;float: left;}
	.sidebar__inner {justify-content: center;float: left;position: relative;top: 0;width: 100%;display: flex;align-items: center;text-align: center; background-color: #f6f5fc; padding:10px 0;}
	.box-share .share-title {transform: none;display: flex;position: relative;top: 0;width: max-content;}
	.box-share .share-title h6 { line-height: 0.7;}
	.box-share ul {float: left;width: max-content;text-align: center;margin-top: 0px;display: flex;}
	.box-share li {padding-left: 10px;padding-bottom: 0px;}
	.box-share li a { width: 30px; height: 30px;}
	.sidebar__inner ul li .share-fb svg { width: 6px;}
	.sidebar__inner ul li .share-tw svg { width: 14px;}  */


	.tag-group .tag-title { padding-top: 12px;}
	.tag-group { padding-top: 20px;}

	.box-detail-topic h1 { font-size: 1.2em;}


	

	/*
	 |*******************************************************************************************
	 | THUMB
	 |*******************************************************************************************
	*/
	.perview_table_1 .box-table {width:100%;}

	.st .list-highligh .thumb-group { display: block;}
	.st .list-highligh .thumb-txt { padding-left: 0;}
	.box-thumb-hl { padding-bottom: 30px; margin-bottom: 30px;}

	.thumb-hoz.thumb-lr .thumb-img { width: 100%!important; margin-bottom: 20px!important;}

	.thumb-txtimg {font-size: 1.6em;}


	.thumb-document-hghome .thumb-img { width: 40%;}
	.thumb-document-hghome .thumb-txt { width: 60%;}

    /*
	 |*******************************************************************************************
	 | BANNER
	 |*******************************************************************************************
	*/

    /*
	 |*******************************************************************************************
	 | BANNER
	 |*******************************************************************************************
	*/
    /* .box-breadcrumb { margin-top: 1em;} */
    .breadcrumb-no-banner { padding-top:10px }
	/*
	|*******************************************************************************************
	| ONLY SCGC
	|*******************************************************************************************
	*/
    .box-tab { width: 100%;}
    .tab-nav { max-width: calc(100% + 30px); margin-left: -15px; padding: 0 15px;}
    .tab-nav-list a { min-width: 100px; justify-content: center; white-space: nowrap;}

    .main-banner-first .ele-dot-1,
    .special_banner.st-banner .element-banner-only.ele-dot-1 { width: 100%;}
    .main-banner-first .ele-dot-2,
    .special_banner.st-banner .element-banner-only.ele-dot-2 {bottom: -9vw; margin-left: -115vw; width: 220vw;}

 

    .insert-close { bottom: auto; top: -30px; left: 0px; right:auto;}

    .shortcut-search-tag p { margin-right: 10px;}
    /* ===== FOOTER ===== */
    .section-footer .ele-footer {top: -33vw; position: absolute;}
    .section-footer .ele-dot-1 { left: -38vw;width: 186vw;margin-left: 0;top: -37%;transform: rotate(-1deg);}

    .footer-contact-list-detail { width: 100%;}
    .footer-contact-list-topic { float: none; margin-right: 0; margin-bottom: 10px;}
    .footer-contact-list-social { width: 100%;}
    .footer-contact-list-social ul { display: inline-block;}
    .section-footer { font-size: 3.6vw; padding-top: 12vw;}
    .footer-brand { display: block; font-size:7vw;  line-height: 1.3;}
    .footer-brand img { border-right: none; margin-bottom: 2vw;}
    .footer-brand span { float: left;width: 100%; }
    .footer-sec-1 { margin-bottom: 12vw;}
    .footer-contact { width: 100%; margin-bottom: 2vw;}
    .footer-subcribe { width: 100%;}
    .footer-copyright { margin-top: 0vw;}
    .footer-subcribe a { min-width: 200px; }
    .footer-contact-list-social svg.ft-icon-tw, .footer-contact-list-social img.ft-icon-tw {width: 20px;height: 20px;top: 0;position: relative;top: -2px;}
    .footer-contact-list-detail a span { white-space: nowrap;}
	
    .bg-m-none { background-image: none!important;}
    .over-containe-m { width: calc(100% + 30px);max-width: none;margin-left: -15px;float: left;}

    .wg-highlight-search {padding: 16vw 0 4vw; }
    .special_banner + div .wg-highlight-search { margin-top: -21vw;}
    
    .highlight-search-bg{ width: 100%; }

    .wg-about-intro { margin-bottom: 50px;}
    .wg-about-intro .cont-img { margin-bottom: 10vw;}
    .wg-about-intro .ele-dot-1 {width: 255vw;margin-left: -77vw;margin-top: 0;top: 74vw;}
    .wg-about-intro .sec-contain { padding-bottom: 50px;}

    .thumb-document-hghome {display: block;}
    .thumb-document-hghome .thumb-img { width: 100%;}
    .thumb-document-hghome .thumb-txt { width: 100%; padding: 1em;}

    .special_banner.st-banner .box-content h1 { font-size: 2.8em;}
    .wg-focused {padding :36vw 0 5vw;}
    .wg-focused .ele-dot-1 {top: -51vw;width: 208vw;left: -58vw;}

    .box-shortcut-search { margin-bottom: 10vw;}
    .box-shortcut-product .swiper-container { overflow: visible;}

    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(1), .wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) { width:auto;}
    .wg-application-highlight .box-slide .swiper-slide:nth-of-type(1) .thumb-product-incard .thumb-img, .wg-application-highlight .box-slide .swiper-slide:nth-of-type(2) .thumb-product-incard .thumb-img { height: auto;}
    .thumb-product-incard .thumb-img { height: auto;}
    .wg-application-highlight .box-slide .swiper-container { overflow: visible; }
    .wg-application-highlight .box-slide .swiper-slide { padding:0px;}

    .thumb-icon-focus:hover .thumb-group { background: none; }
    .thumb-icon-focus .thumb-group { padding: 0 15px 30px;}
    /* .swiper-slide-active .thumb-icon-focus .thumb-group  { background: rgb(255,255,255);  background: linear-gradient(180deg, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);} */

    .wg-investor-banner { background-color:#f9f9f9 ;}
    .wg-investor-banner .sec-contain { padding-top: 0px; padding-bottom: 40px;}
    .wg-investor-banner .btn { min-width: 0; width:100%;}
    
    .wg-media .swiper-slide-active .thumb-ver .thumb-txt {background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);color: #fff;}
    .wg-media .swiper-slide-active .thumb-ver .thumb-cate::before{content: "";background-color: #fff;}
    .wg-media .swiper-slide-active .thumb-ver .date-post span{color: #fff;}
    .wg-media .swiper-slide-active .thumb-ver .thumb-img img {transform: scale(1.1);}
    .wg-media .swiper-slide-active .thumb-ver .thumb-txt { box-shadow: 0 10px 20px rgb(0,152,139,0.6);}

    .thumb-document-hghome {
        display: flex;
        gap: 20px;
    }
	.thumb-document-hghome .thumb-img {
        width: 40%;
    }
    .thumb-document-hghome .thumb-txt .thumb-txt-h { float:left; font-size:1.4em; width: calc(100% - 30px);}
    .thumb-document-hghome .thumb-txt .date-post { position: relative; top:0}
    .thumb-document-hghome .thumb-txt .thumb-a { float: right; position: relative;bottom:auto;left:auto;}
    .thumb-document-hghome .thumb-txt {
        float: left;
        display: flex;
        width: calc(60% - 20px);
        padding: 0;
        flex-direction: column;
        align-items: baseline;
        margin: 0;
    }
	.thumb-document-hghome-vn .thumb-txt .thumb-txt-div {
		justify-content: space-between;
		width: 100%;
		flex-direction: column;
		height: 100%;
	}
    .thumb-list-download { padding: 0.5em 0;}

    .thumb-magazine.thumb-hoz { display: block;}
    .thumb-magazine.thumb-hoz .thumb-img { width: 100%;}
    .thumb-magazine.thumb-hoz .thumb-txt { width: 100%; margin-top: 1em;}
    .padding-txt-40 .cont-txt { padding-left:2em; padding-right:2em;}

    .wg-event .st-bg-grd-primary { padding-top: 0px;}

    /* 
    |*******************************************************************************************
    | PRODUCT
    |*******************************************************************************************
    */
    .slidebar-filter-btn { width: 100%;}
    .slidebar-filter-btn .btn { width: 100%;}
    .slidebar-filter-btn .btn > span { padding: .8em 1em;}
    .slidemain-top  { margin-bottom: 1em;}

    .slidemain-top .box-search-keyword { margin-bottom: .5em; float: left; width: 100%;}
    .slidemain-top .bootstrap-select { margin-bottom: 1em;}
    .slidemain-top .select-dropdown-underline .bootstrap-select>.dropdown-toggle { padding-top: .4em; padding-bottom: .4em;}
    .slidemain-top .select-dropdown-underline .dropdown-toggle::after { top:1em}

    .box-sticky-right { top:auto; bottom: 0; margin-top: 0; right: 15px; border-radius: 5px 5px 0 0;box-shadow: 0 0px 20px 0 #009989;}
    .box-sticky-right li {float: left; clear: none;border-bottom:none;border-right: 1px solid #ccc; width: auto;}
    /* .box-sticky-right li a {width: 60px; height:50px; } */
    .box-sticky-right li a {width:auto; }
    .box-sticky-right li:last-child { border-bottom:none;border-right:none;}


    .table-sticky tbody tr:nth-child(2n-1) {background-color: #f5f5f5;}
    .sticky-col tbody tr:nth-child(2n-1) th {background-color: #f5f5f5;}

    
    
    /* 
    |*******************************************************************************************
    | MEDIA CENTER
    |*******************************************************************************************
    */

    .title-listing-all { padding-bottom: 0px;}

    .title-with-select .sec-title { margin-bottom: 0px;}
    .title-with-select.st-title .sec-title .select-dropdown-underline {margin-bottom: 1.5em; margin-top: 8vw;}
    .title-with-select.st-title .sec-title .select-dropdown-underline + .select-dropdown-underline {margin-bottom: 1.5em; margin-top:-.5em;}
    .title-with-select.st-title .ele-dot-1 { bottom:37%}

    .cont-detial-tool .col { margin-bottom: 1em;}
    .cont-detial-tool .col:last-child { margin-bottom:0;}

    .box-thumb-hl { width: calc(100% + 30px); margin-left: -15px; padding-bottom: 0;}

    .list-highligh .thumb-group { display: block;}
    .list-highligh.thumb-hoz .thumb-img { width: 100%;}
    .list-highligh.thumb-hoz .thumb-txt { width: 100%;}
    .st .list-highligh .thumb-txt {padding:2em 2em;}
    
    .thumb br { display: none;}
    .thumb-hoz-article .thumb-img { width: 100%;}
    .thumb-hoz-article .thumb-txt { width: 100%;padding-top: 1em;}
    .thumb-txt-stretch .thumb-btn-group { display: block;}

    .public-banner-list {}
    .box-public-banner .bg-fullwidth { background-size: 100%!important;}
    .thumb-magazine.thumb-hoz .thumb-txt { padding-left: 6%;}
    .thumb-magazine.thumb-hoz .thumb-img, .thumb-magazine.thumb-hoz:hover .thumb-img {width: 93%; margin-left: 0%; transform: perspective(800px) rotateY(-20deg); }

    .thumb-magazine.thumb-ver .thumb-txt { padding: 0; padding-left: 2%; width: 100%; float:left}
    .thumb-magazine.thumb-ver .thumb-txt .thumb-txt-h { font-size: 1.5em;}
    .thumb-magazine.thumb-ver .thumb-img, .thumb-magazine.thumb-ver:hover .thumb-img {width: 70%; margin-left:-2%; transform: perspective(800px) rotateY(-20deg); }

    .thumb-textlist { padding:1em;}
    .thumb-textlist .thumb-txt-seperateLine { display: none;}
    .thumb-textlist .btn { display: block; margin-bottom: 0.5em;}
    .thumb-textlist .btn:last-child {margin-bottom: 0em;}
    .thumb-highlight-video .thumb-txt { position: relative;}

    .grid-5 .grid-sizer,.grid-5 .grid-item {width: calc(20% - 0px);}
    .grid-4 .grid-sizer,.grid-4 .grid-item {width: calc(25% - 0px);}
    .grid-3 .grid-sizer,.grid-3 .grid-item {width: calc(33.333% - 0px);}
    .grid-2 .grid-sizer,.grid-2 .grid-item {width: calc(50% - 0px);}
    .grid-1 .grid-sizer,.grid-1 .grid-item {width: calc(100% - 0px);}
    
    .thumb-masonry { padding: .5em;}
    .listing-lay-masonry {width: calc(100% + 1em);margin-left: -0.5em;}

    .box-detail-bottom { padding: 3em 30px 0;}
    .box-detail-topic .date-post { font-size:.7em ;}
    .box-detail-banner { margin-bottom: 35px; width:calc(100% + 30px); margin-left: -15px;}
    .box-detail-banner .ele-dot-1 {left: -22vw;top: auto;bottom: -18vw;width: 140vw; }
    .box-detail-info { display: block; margin-bottom: 0;}
    .box-detail-info .info-icon { margin-top: .5em; line-height: 1.5;font-size: 0.7em;}
    .box-detail-info .btn { margin-top: 1em; min-width: 50%;}
    .st-title .ele-dot-1 { left: -11%; top: auto; width: 140%; bottom: -28%;}

/*    .thumb-img .thumb-icon-video { right: auto; left: 20px; }*/

    .thumb-highlight-video .thumb-txt { bottom: 0; left: 0;}
    .thumb-highlight-video .thumb-txt { width: 100%; padding: 2em 2em; background: rgb(0,152,139); background: linear-gradient(45deg, rgba(0,152,139,1) 25%, rgba(49,49,135,1) 85%);}
    .thumb-highlight-video :hover a .thumb-txt-h, .thumb-highlight-video :hover .thumb-txt-h { color:#fff;}
    .thumb-highlight-video .thumb-img .thumb-icon-video { right: auto; left: 2em; }


    .accor-list .accor-head-topic p {line-height: 1.2;}

    .group-gradelist .gradelist-topic a.btn { min-width: 100px;}
    .group-gradelist .btn-tag > span { text-align: left;}
    .gradelist-content { float:left; width: 100%;}
    .grade-tag { text-align: left;}


    .thumb-highlight-video2 .thumb-img { width:100%; }
    .thumb-highlight-video2 .thumb-txt { width:100%; position:relative; }
    .box-video-highlight .thumb-img .thumb-icon-video { display:none; } 
    .thumb-highlight-video2 .thumb-highlight-video2-bg  {left: 0;top: auto;bottom: 0;position: absolute;width: 65%;height: 84%;width: 100%;background: linear-gradient(180deg, rgba(49, 50, 131, 0) 10.26%, #313283 35.99%, #009989 114.79%);z-index: 1;}
    .sec-video-list-all .thumb-hoz-article .thumb-txt { padding-left:0; padding-right: 0px}
    .sec-video-list-all .thumb-hoz-article .thumb-txt .thumb-txt-h { font-size:1.2em; line-height:1.3 }

    /* 
    |*******************************************************************************************
    | PAGE TEMPLATE
    |*******************************************************************************************
    */ 
    .inner-border-gd { padding-left: 15px; padding-right: 15px;}

    .aboutaward-list-img {width: 100%;height: auto;padding-right: 0px;margin-bottom: 20px; float:right}
    .aboutaward-list-img img { float:right;}
    .aboutaward-list-text { width: 100%;}
    .aboutaward-slide-year { right:auto; left: 15px; font-size: 25vw;}
    .aboutaward-page-list { width: 60px;}
    .aboutaward-select-year { width: 150px;}
    .aboutaward-pagination-wrapper { margin-left: 150px;}
    .aboutaward-list-text-detail .box-content h2 { font-size:1.7em;}

    .pagetem-imgleftright > .row { height: auto;}
    .pt-imgleftright-list-img { margin-left: -15px; width:calc(100% + 30px); right: auto; max-height: none; position: relative!important;}
    .pagetem-imgleftright:nth-of-type(2n) > .row .pt-imgleftright-list-img {left: 0rem;} 

    .row-imgleftright-bg {width:calc(100% + 30px); margin-left: -15px; display: block;}
    .col-imgleftright-bg { width:100%; }


	.wg-event .thumb-hoz .thumb-txt{width: 100%;}

    .pagetem-nomallisting,.pagetem-ctn { width: calc(100% + 30px); margin-left: -15px;}
	.pagetem-nomallisting .swiper-button-next ,.pagetem-ctn .swiper-button-next  { right: 10px;}
    .pagetem-nomallisting .swiper-button-prev ,.pagetem-ctn .swiper-button-prev  { left: 10px;}
    .pagetem-ctn-onbox { width: calc(100% + 0px); margin-left: 0px;}
    .pagetem-ctn-onbox .swiper-container { overflow: visible;}
    .pagetem-ctn-onbox .swiper-button-next  { right: 0px;}
    .pagetem-ctn-onbox  .swiper-button-prev  { left: 0px;}

    .pagetem-download .thumb-tem-download .thumb-txt-seperateLine {margin-top: 1.3em; margin-right: 0.5em;margin-left: 0.2em; }

    .wg-social .wg-social-icon .thumb-img img { float:left; width: 40px;}

    .wg-contact iframe.map-iframe{ width: calc(100% + 30px); margin-left: -15px;} 

    .wg-innovation .cont-txt .box-content { font-size: 3vw;}
    .wg-focused .box-shortcut-product .thumb br { display: block;}
    .wg-focused .box-shortcut-product .thumb-icon-focus .thumb-icon-topic { font-size:1.1em;}

    .pt-imgleftright-list-cnt { padding-left: 0; padding-right: 0px;}


    
    /* 
    |*******************************************************************************************
    | CUSTOM CLASS
    |*******************************************************************************************
    */ 

 
    .cus-text-v-md .col .box-content-editor{ padding-left: 0em; padding-right: 0em;}
    .nex-column-right { display: flex;flex-direction: column-reverse;}

	.table-sticky th {white-space: nowrap;}

    
	.box-mg-abs-right{position: relative;top: 0;transform: translateY(0);right: 0;width: 100%;}
    /* .wg-event .bg-fullwidth { padding-left: 15px; padding-right: 15px;} */
    .wg-event .st-bg-grd-primary { padding-bottom: 30px;}
	.wg-event .thumb-hoz-article .thumb-group{display: block;}
    .wg-event .thumb-hoz-article .thumb-img { width:calc(100% + 30px); margin-left: -15px;}


	.main-menu > ul > li.has-sub a{float: left;}
	/* .btn-tag{margin-bottom: 5px;} */
	.form-group{font-size: 1em;}
	.form-group input{padding: 0.8em .8em;}
	/* .select-default.bootstrap-select>.dropdown-toggle{padding: 1em 0.8em;} */


	.esg-target-title{text-align: left;margin-bottom: 0;}
	.pagetem-esg-target{margin-bottom: 20px;}
	.pagetem-esg-target .thumb-tem-icon {justify-content: unset;text-align: left;margin-bottom: 0;}
	.pagetem-esg-target .thumb-tem-icon .thumb-img {width: 20%;}
	.pagetem-esg-target .thumb-tem-icon .thumb-txt {width: 80%;padding-left: 20px;}
    .pagetem-esg-target a{ display: flex; height: 100%;}
    
    


	.box-sd-report .thumb-magazine.thumb-hoz .thumb-txt{padding-left:0;}
	.box-sd-report .thumb-magazine.thumb-hoz .btn-hl:last-child{margin-right: 0;}

	.esg-target-title {display: flex;align-items: baseline;}
	.esg-target-title-h{width: auto;}
	.esg-target-title-p{width:calc(80% - 15px);margin-left: 15px;}
	.pagetem-esg-target .swiper-button{display: none;}

	.box-modal-sd-report .box-event-modal-container{    max-height: 80vh;height: auto;}
	.box-modal-sd-report .event-modal-img{    min-height: 300px;height: auto;}
	.box-modal-sd-report .event-modal-img img{    height: auto;}


	
	.box-unsub-footer .radio-group.radioinline .radio-title{width: 100%;text-align: center;margin-bottom: 10px;}
	.box-unsub-footer .radio-group{text-align: center;}
	.box-unsub-footer-radio{width: 100%;}

	
	.section-unsubscribe-newsletter .check-group .box-group-inner  .check-list {max-height: none;overflow: visible;overflow-y: visible;}

	.thumb-btn-group-col.thumb-btn-group-right {display: flex;width: 100%;justify-content: flex-end;}
	.box-add-calendar {width: 50%;float: left;position: relative;}
	.sec-list-mediacenter .thumb-btn-group-left{width: 100%;}
	.btn-add-calendar{width: 100%;}
	.calendar-toggle{top: 33px;padding-top: 15px;}
	.sec-list-mediacenter  .thumb-hoz-article-event .thumb-btn-group{flex-wrap: wrap;}


	.newsletter-content{padding-top: 0;}
	.sec-subscribe-newsletter .pt-imgleftright-list-img img{height: 50vh;}

	.popup-unsubscribe-success img.pop-dot-subscribe {bottom: 40px;}
	.popup-unsubscribe-success .box-popup-footer ul {padding: 30px 15%;}
	.popup-unsubscribe-success .box-popup-footer ul li svg, .popup-subscribe .box-popup-footer ul li img{height: 25px;}

    .section:not(.section-unsubscribe-newsletter) .box-group-inner.inner-start{border-right: 0; border-bottom: 1px dashed #D9D9D9;margin-right: 0;width: 100%;padding-bottom: 10px;margin-bottom: 20px;}
    .box-group-inner.inner-start { padding-right: 0;}

    .section-unsubscribe-newsletter .check-list.has-sub.active{border-right: 0; border-bottom: 1px dashed #D9D9D9;margin-right: 0;width: 100%;padding-bottom: 10px;margin-bottom: 20px;}

    .thumb-img-sroi-logo { width: 60%;}
    .thumb-img-sroi-txt { width: 40%;}
    .thumb-img-sroi-txt-1,.thumb-sroi-on-cate .thumb-img-sroi-txt-1 { font-size: 2.5vw; line-height: 1;}
    .thumb-img-sroi-txt-2,.thumb-sroi-on-cate .thumb-img-sroi-txt-2 { font-size: 4vw;line-height: 1;}
    .thumb-sroi-on-higlight .thumb-img-sroi-txt-1 { font-size: 3vw;line-height: 1;}
    .thumb-sroi-on-higlight .thumb-img-sroi-txt-2 { font-size: 4vw;line-height: 1;}
    .pt-imgleftright-bg-img .thumb-img-sroi-logo-list { width: 16.5%;display: inline-block;}
    .csr-listing .list-highligh .thumb-txt { padding:15px}

    .wg-cate-csr .pt-imgleftright-bg-cnt { padding:15px; margin-bottom: 20px;}
    .wg-cate-csr .box-content-button { width: 100%; margin: 0; margin-top: 10px;}


    .pagetem-testimonial .card-testimonial { display:block; text-align:right;}
    .pagetem-testimonial .card-testimonial-img { width:100%; margin-right:0; display:inline-block; margin-bottom:20px}
	.pagetem-testimonial .pt-testimonial-list:before{left: -35px;top: -20px;  width: 25vw;  height: 25vw;}
	.pagetem-testimonial .pt-testimonial-list:after {left: -35px;top: 18px;width: 25vw;height: 25vw;display: flex;align-items: center;justify-content: center;line-height: 0;}
    .pagetem-testimonial .card-testimonial-cnt { width: calc(100% - 0px);}
    .pagetem-testimonial .ele-dot-2 {bottom: -7vw;top: auto;width: 150%;left: -20vw; }
    .pagetem-testimonial .ele-ball-green {bottom: 0;top: -6vw;width: 27%;right: -11vw;left: auto; }
    .pagetem-testimonial .ele-ball-blue {bottom: auto;top: 9vw;width: 9%;left: 5%; }
    .pagetem-testimonial .ele-ball-white-1 {bottom: -11vw;top: auto;width: 20%;left: 0; display:none; }
    .pagetem-testimonial .ele-ball-white-2 {bottom: 20px;top: auto;width: 14%;left: auto;right: 86px;}
    
    .csr-listing .thumb-tem-ver {width: calc(100% + 30px);  margin-left: -15px;}

	.pagetem-imgleftright-container {flex-direction: column; margin-bottom: 15px;}
	.pagetem-imgleftright-container:last-child { margin-bottom:0; }
	.pagetem-imgleftright-container .pt-imgleftright-list-img {width: 100%;margin-left: 0;}
	.pagetem-imgleftright-container .pt-imgleftright-list-cnt{width: 100%;padding: 1rem;}
	.pagetem-imgleftright-container:nth-of-type(2n) {flex-direction: column;}

	.pagetem-imgleftright-bg,.pagetem-imgleftright-bg-container:nth-of-type(2n){flex-direction: column;}
	.pagetem-imgleftright-bg-container .pt-imgleftright-bg-img{width: 100%;}
	.pagetem-imgleftright-bg-container .pt-imgleftright-bg-cnt{width: 100%;}

	
	.st.wg-hex-graphic .cont-contain {flex-direction: column;}

	/* .graph-dot-right-bottom:before{left: -80%;} */
	.graph-dot-right-bottom:before{left: -20%;}
	.ele-ball-big-blue-right:before { display:none; }
	.ele-ball-small-white-right:before { top:auto;bottom: -20px; right: -30px; }

	.js-slide-m-auto .swiper-wrapper {flex-direction: column;gap: 15px;transform: none !important;}
	.js-slide-m-auto .swiper-button{display: none;}


	.pagetem-ctn.pagetem-ctn-onbox .box-table{margin-bottom: 10px;}

	.wg-cct-ctn-list-title{gap: 15px;width: calc(100% - 138px);}
	.wg-cct-ctn-list-title .wg-cct-ctn-list-num{margin: 0;}
	.wg-cct-ctn-list-name {width: calc(100% - 50px);}
	.btn-icon.btn-spacebetween > span{padding: 0.8em 1.2em;}

	.st-bg-grd-greenwhite-right { background:linear-gradient(270deg, rgba(0, 153, 137, 0.2) -26.77%, rgba(0, 153, 137, 0) 100%) }
	.st-bg-grd-greenwhite-right-50 { background:linear-gradient(270deg, rgba(0, 153, 137, 0.2) -26.77%, rgba(0, 153, 137, 0) 100%) }

	.box-company-wrap { flex-wrap:wrap; gap:0px; }
	.thumb-compprofile .thumb-txt .thumb-txt-h { font-size:1.8em; }
	.thumb-compprofile .thumb-img { width:80%; margin-bottom:1em; }
	.thumb-compprofile .thumb-txt { width:80%; padding-left:0; }

	.box-company-wrap.thumb-hoz .thumb-txt { padding-left: 0px;}

	.article-full-hl { height:auto; display:flex; flex-wrap:wrap; padding:0px; }
	.article-full-hl-img { width:100%; position:relative; order:first; order:0; }
	.article-full-hl-grd { left: 0;top: auto;bottom: 0;position: absolute;width: 65%;height: 84%;width: 100%;background: linear-gradient(180deg, rgba(49, 50, 131, 0) 10.26%, #313283 35.99%, #009989 114.79%);z-index: 1;}
	.article-full-hl-cnt-inner { width:100%; padding-bottom:20px; }
	.article-hl-cnt { order:1; }


	.article-contain-hl-group { flex-wrap:wrap; gap:5px; }
	.article-contain-hl-img { width:100% ;}
	.article-contain-hl-img img { height:auto; }
	.article-contain-hl-cnt { width:100%; } 
	.article-contain-each .thumb-txt .thumb-txt-h { line-height:1.6 }
	.article-contain-each .swiper-pagination-bullet-active { background-color:#fff; }

	.banner-subscribe { flex-wrap: wrap; justify-content: center;}
	.box-banner-subscribe .cont-contain { justify-content: center;display: flex;}
	.box-banner-subscribe {padding: 15px !important;}
	.box-banner-subscribe .container { padding:0; }
	.banner-subscribe-cnt { flex-wrap: wrap; justify-content: center;}
	.banner-subscribe-cnt .box-content { text-align:center; }

	.box-banner-subscribe-2 .cont-txt { width:100%; margin-left:0 }
	.box-banner-subscribe-2 .cont-contain {}

	.st-banner .container-1600 .container-1600 .cont-contain {padding-left: 20px; padding-right: 20px;}

	.title-with-link .link-topic-right { bottom:0.35em }

	.box-video-highlight .swiper-button-next { right:20px; }
	.box-video-highlight .swiper-button-prev { left:20px; }

	.sec-company-profile .thumb-btn-group .btn-spacebetween> span { min-width:0; }
	.company-wrap-bg { height:100%; top:10%; }


} 

@media (max-width: 575.98px)  {

    
	/*
	 |*******************************************************************************************
	 | FONT SIZE
	 |*******************************************************************************************
	*/
	/* 
	*/
	.box-content {font-size: 3.6vw;} 
	.st-banner .box-content { font-size: 3.6vw;}
	.box-thumb { font-size: 3.6vw;} 



    /*
	 |*******************************************************************************************
	 | BUTTON
	 |*******************************************************************************************
	*/
    
	
    /* .box-content-button .btn { width: 100%;} */
	.box-content-button.button-hoz { float:left; width:auto; display:inline-block;}
	.box-content-button.button-hoz.button-col-none { width:auto; }
	.box-content-button.button-hoz.button-col-1 { width:100%; }
	.box-content-button.button-hoz.button-col-2 { width:calc(50% - 10px); }
	.box-content-button.button-hoz.button-col-3 { width:calc(33% - 10px); }
	.box-content-button.button-hoz.button-col-4 { width:calc(25% - 10px); }

	.cont-list-swiper-custom .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -5px;}
	.cont-list-swiper-custom .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -5px;}
    /*
	 |*******************************************************************************************
	 | POPUP
	 |*******************************************************************************************
	*/
    .popup-container { padding-left: 20px; padding-right: 20px;}
    .popup-subtopic {width: 100%;float: left;margin-bottom: 20px;}
	.popup-subtopic span {width: 100%;float: left;    padding: 0.3em 0.5em;}
    .popup-form .popup-container {max-height: 90%; }
    /*
	 |*******************************************************************************************
	 | FORM
	 |*******************************************************************************************
	*/
	.form-group-hoz-inline .form-group-hoz:nth-child(2) input {width: calc(100% - -11px) !important}

	/*
	 |*******************************************************************************************
	 | ELEMENT
	 |*******************************************************************************************
	*/
	.box-premenu { font-size:1.5em;margin-top: 80px;}
	.premenu-list { padding:0 15px;}
	.premenu-group ul { display: flex;align-items: center;}
	.bg-d{background-image:none !important }

	.thumb-hoz .thumb-txt-h {-webkit-line-clamp: 2;}
	.thumb-hoz .thumb-txt-p {-webkit-line-clamp: 2;}
	.thumb .thumb-txt-h{-webkit-line-clamp: 2;}
	.st .btn-sm-incard{padding: .6em 2em;font-size: 1em;min-width: 200px;}
	.thumb.thumb-hoz  .btn-sm-incard{padding: .5em 1.4em;font-size: 1em;padding: 0.5em 1.4em;min-width: auto;}
	.thumb.thumb-incard  .btn-sm-incard{padding: .6em 2em;font-size: 1em;min-width: 200px;}
	.thumb-hoz .thumb-txt{padding-left:15px;}

	

	.st .box-table{height: auto; margin: 10px 0;}
	.st-title .select-dropdown-underline { width:100%; }
	/*
	 |*******************************************************************************************
	 | CONTENT
	 |*******************************************************************************************
	*/
	.tag-group{font-size: 6vw;}
	.box-detail-topic { font-size: 4.6vw;}

	.box-content-button.button-hoz.button-col-2:nth-child(odd){margin-left: 10px!important;}
	.box-content-button.button-hoz.button-col-2:nth-child(even){margin-left: 0 !important;}
	.box-content-button.button-hoz.button-col-3{margin-left: 5px !important;}

	.list-highligh a.btn-more {font-size: 1em;}
	
	.sec-relate { padding: 40px 0; background: url('../img/bg/bg-fluid-bottom-left-m.png') bottom center no-repeat; background-size: 100%; }
	.sec-content { padding: 30px 0; background: url('../img/bg/bg-fluid-bottom-left-m.png') bottom center no-repeat; background-size: 100%; }
	/*
	 |*******************************************************************************************
	 | THUMB
	 |*******************************************************************************************
	*/
	.box-loadmore .btn { width: 60%;}
	
	/*
	 |*******************************************************************************************
	 | BANNER
	 |*******************************************************************************************
	*/
	.banner-detail  {padding: 0 15px;}
	/*
	|*******************************************************************************************
	| ONLY IN SCG
	|*******************************************************************************************
	*/
	


    /* FAQ */

    /* .accor-head .accor-head-topic p { line-height: 1;} */
    .accor-head { background: url(../img/bg/bg-tab-faq-m.jpg) right top no-repeat; background-size: 100%; padding:1em 0.5em 1em 1em; }
    .accor-body { width: 100%; margin: 0px; padding: 1em; }
    /* .accor-body-content {  width:calc(100% - 1.3em) ;} */
	.box-search-link{font-size: 5vw;}
	.popup-subscribe .box-content {font-size: 3.6vw;}

	.pagetem-testimonial .pt-testimonial-list:after{font-size: 8em; top: 8px;}

	.search-form { width:100%!important } 
} 




@media (max-width: 420.98px)  {
	
}
@media (max-width: 374.98px)  {
	.item-grid .dot-box{min-width: 220px;}
	.box-msg{font-size: 5vw;}
	.box-msg .btn > span {font-size: 1.2em;}

    
}


@media (max-width: 420.98px) {
	.form-group-hoz-inline .form-group-hoz:nth-child(2) input {width: calc(100% - -5px) !important}
}
@media (min-width: 767.98px) {	
	.text-md-middle{ display: flex; align-items: center!important;}
}

.block-signIn-LinkedIn { background-color:#F9F9F9; padding: 20px; display: flex; justify-content: center; border-radius: 10px;}
.btn-signIn-LinkedIn { border: 1px solid #AAAAAA; background-color: #fff; color:#005FC0;}
.btn-signIn-LinkedIn svg { fill:#005FC0; height: 1.8em; }
.btn-signIn-LinkedIn:hover { border: 1px solid #005FC0; background-color: #005FC0; color:#fff;}
.btn-signIn-LinkedIn:hover svg { fill:#fff; }