@font-face{font-family:'SVN-Gilroy';src:url('../fonts/SVN-Gilroy-Thin.woff2') format('woff2'),url('../fonts/SVN-Gilroy-Thin.otf') format('opentype');font-weight:100;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Gilroy';src:url('../fonts/SVN-Gilroy-Light.woff2') format('woff2'),url('../fonts/SVN-Gilroy-Light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Gilroy';src:url('../fonts/SVN-Gilroy-Medium.woff2') format('woff2'),url('../fonts/SVN-Gilroy-Medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Gilroy';src:url('../fonts/SVN-Gilroy-SemiBold.woff2') format('woff2'),url('../fonts/SVN-Gilroy-SemiBold.otf') format('opentype');font-weight:600;font-style:normal;font-display:swap;}
@font-face{font-family:'SVN-Gilroy';src:url('../fonts/SVN-Gilroy-Bold.woff2') format('woff2'),url('../fonts/SVN-Gilroy-Bold.otf') format('opentype');font-weight:700;font-style:normal;font-display:swap;}
html{line-height:1.15;-webkit-text-size-adjust:100%;}
body{padding-top:0;background:#ffffff;margin:0;font-family:"SVN-Gilroy",sans-serif;}
main{display:block;}
h1{font-size:2em;margin:0.67em 0;}
hr{box-sizing:content-box;height:0;overflow:visible;}
pre{font-family:monospace,monospace;font-size:1em;}
a{background-color:transparent;text-decoration:none;}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
code,kbd,samp{font-family:monospace,monospace;font-size:1em;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-0.25em;}
sup{top:-0.5em;}
img{border-style:none;max-width:100%;line-height:1;vertical-align:bottom;}
button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:0.35em 0.75em 0.625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{vertical-align:baseline;}
textarea{overflow:auto;}
[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}
[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}
[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
details{display:block;}
summary{display:list-item;}
template{display:none;}
[hidden]{display:none;}
*{box-sizing:border-box;transition:all 0.3s;}
.pc{display:block;}
@media (max-width:767px){.pc{display:none !important;}
}
.sp{display:none;}
@media (max-width:767px){.sp{display:block;}
}
h1,h2,h3,h4,h5,h6{margin:0;margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0;padding:0;font-weight:normal;font-size:inherit;}
ul{list-style:none;margin:0;padding:0;}
em,span,strong{display:inline-block;vertical-align:inherit;}
p{margin:0;}
button{border:none;}
.d-block{display:block;}
.relative{position:relative;}
.absolute{position:absolute;}
.top-0{top:0;}
.bot-0{bottom:0;}
.left-0{left:0;}
.right-0{right:0;}
.h-full{height:100%;}
.h--24{height:24px;}
.pointer-events-none{pointer-events:none;}
.fz--10{font-size:10px;}
.fz--12{font-size:12px;}
.fz--13{font-size:13px;}
.fz--16{font-size:16px;}
.fz--18{font-size:18px;}
.fz--20{font-size:20px;}
.fz--22{font-size:22px;}
.fz--24{font-size:24px;}
.fz--30{font-size:30px;}
.fz--40{font-size:40px;}
.fw--100{font-weight:100;}
.fw--500{font-weight:500;}
.fw--600{font-weight:600;}
.fw--700{font-weight:700;}
.fw--bold{font-weight:bold;}
.fw--normal{font-weight:normal;}
.flex{display:flex;}
.flex--between{justify-content:space-between;}
.flex--start{justify-content:flex-start;}
.flex--end{justify-content:flex-end;}
.flex--center{justify-content:center;}
.flex--align-start{align-items:flex-start;}
.flex--align-center{align-items:center;}
.flex--aligntop{align-items:flex-start;}
.flex--alignbottom{align-items:flex-end;}
.flex--alignstretch{align-items:stretch;}
.flex--baseline{align-items:baseline;}
.flex__direction--column{flex-direction:column;}
.flex__direction--row--reverse{flex-direction:row-reverse;}
.flex--stretch{align-items:stretch;}
.img-max{width:100%;}
.img-circle{border-radius:100%;}
.img-rounded-15{border-radius:15px;}
.img-rounded-10{border-radius:10px;}
.img-rounded-5{border-radius:5px;}
.img-rounded-20{border-radius:20px;}
.img-rounded--30{border-radius:30px;}
.radius--5{border-radius:5px;}
.radius--12{border-radius:12px;}
.radius--14{border-radius:14px;}
.radius--full{border-radius:100%;}
.flex--wrap{flex-wrap:wrap;}
.w--24{width:24px;}
.mt--0{margin-top:0 !important;}
.mt--5{margin-top:5px;}
.mt--10{margin-top:10px;}
.mt--15{margin-top:15px;}
.mt--20{margin-top:20px;}
.mt--25{margin-top:25px;}
.mt--30{margin-top:30px;}
.mt--40{margin-top:40px;}
.mt--50{margin-top:50px;}
.mt--60{margin-top:60px;}
.mt--70{margin-top:70px;}
.mt--80{margin-top:80px;}
.mt--90{margin-top:90px;}
.mt--120{margin-top:120px;}
@media (max-width:767px){.mt__mb--0{margin:0 !important;}
.mt__mb--10{margin-top:10px;}
.mt__mb--20{margin-top:20px;}
}
å
.mb__minus--20{margin-bottom:-20px;z-index:90;}
.mb--20{margin-bottom:20px;}
.mb--40{margin-bottom:40px;}
.mb--70{margin-bottom:70px;}
.mb--10{margin-bottom:10px;}
.mb--30{margin-bottom:30px;}
.mr--5{margin-right:5px;}
.mr--10{margin-right:10px;}
.mr--15{margin-right:15px;}
.mr--20{margin-right:20px;}
.ml--10{margin-left:10px;}
.ml--15{margin-left:15px;}
.ml--20{margin-left:20px;}
.ml--25{margin-left:25px;}
.ml--30{margin-left:30px;}
.ml__mb--0{margin-left:0;}
.grid--10{width:10%;}
.grid--15{width:15%;}
.grid--20{width:20%;}
.grid--25{width:25%;}
.grid--28{width:28%;}
.grid--30{width:30%;}
.grid--33{width:33%;}
.grid--35{width:35%;}
.grid--40{width:40%;}
.grid--45{width:45%;}
.grid--50{width:50%;}
.grid--55{width:55%;}
.grid--48{width:48%;}
.grid--60{width:60%;}
.grid--65{width:65%;}
.grid--70{width:70%;}
.grid--75{width:75%;}
.grid--80{width:80%;}
.grid--85{width:85%;}
.grid--100{width:100%;}
.border-top--1{border-top:1px solid #DCDCE4;padding-top:25px;}
.border-bottom--1{border-bottom:1px solid #DCDCE4;padding-bottom:25px;}
.border{border:1px solid #DCDCE4;}
.text--center{text-align:center;}
.text--left{text-align:left !important;}
.text--right{text-align:right;}
.text--justify{text-align:justify;}
.bg--gradiant-blue{background:linear-gradient(102deg,rgb(255,253,253) 1.64%,rgb(235,242,255) 101.72%);}
.bg--white{background:#fff;}
.bg--grey{background:#f6f6f7;}
.bg--black{background:#000000;}
.bg--blue{background:#E3EEFF;}
.bg--blue--light{background:#dbe7ee;}
.bg--blue--light:hover{background:#124ba0;}
.bg--yellow{background:#FEF0D8;}
.bg--dark{background:rgb(27,36,50);}
.p--10{padding:10px;}
.p--20{padding:20px;}
.p--30{padding:30px;}
.p--25{padding:25px;}
.p--40{padding:40px;}
.p--50{padding:50px;}
.p-r--30{padding-right:30px;}
.p-l--20{padding-left:20px;}
.p-l--30{padding-left:30px;}
.p-l--40{padding-left:40px;}
.px--10{padding:0 10px;}
.px--20{padding:0 20px;}
.py--20{padding:20px 0;}
.py--50{padding:50px 0;}
.py--30{padding:30px 0;}
.px--50{padding:0 50px;}
.pt--10{padding-top:10px;}
.pt--20{padding-top:20px;}
.line--1{line-height:1;}
.line--15{line-height:1.5;}
.disabled{pointer-events:none;opacity:0.4;}
.overflow--hidden{overflow:hidden;}
.overflow--x{overflow-x:auto;white-space:nowrap;}
.grid{display:grid;}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr));}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr));}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr));}
.gap-4{gap:1rem;}
.gap--15{gap:15px;}
.gap--20{gap:20px;}
.shadow--thin{box-shadow:0 4px 20px 0 rgba(20,20,20,0.10);backdrop-filter:blur(24px);}
.badget{border-radius:20px;height:36px;line-height:36px;display:inline-block;padding:0 20px;font-size:14px;}
.badget--grey{background-color:rgba(20,20,20,0.1);}
.badget--blue{background-color:rgb(227,238,255);}
.list-disc{list-style:disc !important;padding-left:20px;}
@media (max-width:767px){.flex__mb{display:flex;}
.flex__mb--none{display:block !important;}
.flex__mb--between{justify-content:space-between;}
.flex__mb--center{justify-content:center;}
.flex__mb--end{justify-content:flex-end;}
.flex__mb--wrap{flex-wrap:wrap;}
.flex__mb--center{justify-content:center;}
.flex--column-reverse--mb{flex-direction:column-reverse;}
.flex__direction--column--mb{flex-direction:column;}
.grid__mb--100{width:100% !important;}
.grid__mb--50{width:50%;}
.grid__mb--25{width:25%;}
.grid__mb--45{width:45%;}
.text__mb--center{text-align:center !important;}
.px__mb--20{padding:30px 20px;}
.d__mb--block{display:block !important;}
.h__mb--10{height:100px;}
.mt__mb--30{margin-top:30px;}
.relative__mb{position:relative;top:inherit !important;left:inherit !important;right:inherit !important;bottom:inherit !important;transform:none !important;}
.flex-box__mb--start{justify-content:flex-start !important;}
.badget{font-size:10px;}
.fz__mb--10{font-size:10px;}
}
.social-icon-link{background-color:#141414;transition:background-color 0.3s ease;}
.social-icon-link:hover{background-color:#FF3F05;}
.breadcrumb{display:flex;justify-content:flex-start;}
.breadcrumb li{position:relative;padding-left:15px;margin-left:15px;color:#0b44a4;}
.breadcrumb li  a{color:#c4c5c7;}
.breadcrumb li:first-child{padding:0;margin:0;}
.breadcrumb li:first-child::before{content:"";}
.breadcrumb li::before{content:"/";position:absolute;left:0;top:0;}
.breadcrumb a{color:#fff;}
.wp-pagenavi{clear:both;border-top:1px solid #b4b4b4;padding-top:50px;text-align:left;margin:60px 0 80px;}
.wp-pagenavi a,.wp-pagenavi span{text-decoration:none;display:inline-block;vertical-align:middle;line-height:36px;margin:0 15px;color:#a0a0a0;font-weight:bold;border:none !important;}
.wp-pagenavi a:hover,.wp-pagenavi span.current{color:#3989c9;}
.tbl-page{width:100%;border-collapse:separate;border:1px solid #f5f5f5;border-top:none;border-right:none;}
.tbl-page tr th{border-top:1px solid #f5f5f5;border-right:1px solid #f5f5f5;padding:10px;}
.tbl-page tr td{border-top:1px solid #f5f5f5;border-right:1px solid #f5f5f5;padding:10px;}
.input-page{height:45px;width:100%;border:none;border-bottom:1px solid #cccccc;padding:10px;outline:none;background:transparent;}
.input-page-radio{margin-right:10px;}
.input-page.require{border:1px solid #e02020;}
.textarea-page{border:1px solid #cccccc;background:transparent;height:150px;width:100%;padding:10px;}
table.table-form-page{width:100%;border-collapse:collapse;font-family:"Cormorant Garamond",serif;}
table.table-form-page tr td{padding:15px 0;}
table.table-form-page tr th{text-align:left;vertical-align:top;padding-top:15px;}
.header-page{text-align:center;margin-bottom:20px;}
.header-page h2{font-weight:600;color:rgb(12,32,69);font-size:30px !important;}
.header-page h2.lg{font-weight:bold;color:rgb(12,32,69);font-size:45px !important;}
.header-page h2.super-lg{font-weight:bold;color:rgb(12,32,69);font-size:80px !important;}
.header-page-md h2{font-weight:bold;color:rgb(12,32,69);font-size:24px !important;}
.header-page span{color:#FF3F05;margin-left:0px;}
.header-page em{font-style:normal;}
.header-page .small{color:#FF3F05;font-size:20px;font-weight:500;letter-spacing:2px;margin-bottom:15px;}
.header-sub-page{color:#141414;font-size:16px;line-height:1.6;text-align:center;opacity:.6;}
.btn-page{border:1px solid #FF3F05;background:#FF3F05;color:#fff;height:48px;line-height:48px;display:inline-block;text-align:center;padding:0 30px;letter-spacing:1px;font-size:16px;border-radius:10px;}
.btn-page--flex{display:flex !important;justify-content:center;}
.btn-page.disable{opacity:0.3;pointer-events:none;}
.btn-page--outline{border:1px solid #FF3F05;background:transparent;color:#FF3F05;height:48px;line-height:48px;height:48px;line-height:48px;display:inline-block;text-align:center;padding:0 30px;letter-spacing:1px;font-size:16px;border-radius:10px;}
.btn-page--outline:hover{background:#FF3F05;color:#fff;}
.btn-page:hover{opacity:.8;}
.blog-pagination{display:flex;justify-content:center;}
.blog-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;margin:0 6px;padding:0 14px;border-radius:999px;font-size:16px;font-weight:500;color:#141414;background-color:#fff;transition:all 0.2s ease;}
.blog-pagination .page-numbers.prev,.blog-pagination .page-numbers.next{padding:0 20px;}
.blog-pagination .page-numbers.current{background:#FF3F05;border-color:#FF3F05;color:#fff;}
.blog-pagination .page-numbers a:hover{background:#FF3F05;border-color:#FF3F05;color:#fff;}
.blog-pagination .page-numbers.dots{border-color:transparent;background:transparent;}
.blog-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;list-style:none;margin:0;padding:0;}
.box--border{border:1px solid #f5f5f5;padding:30px;border-radius:5px;}
.tab-content{display:none;}
.tab-content.active{display:block;}
.tab-item li a{padding:15px 30px;font-weight:500;display:block;color:#000000;font-size:20px;}
.tab-item li a.active{background:#ac9175;color:#fff;-webkit-box-shadow:0px -2px 4px 0px rgba(0,0,0,0.5);-moz-box-shadow:0px -2px 4px 0px rgba(0,0,0,0.5);box-shadow:0px -2px 4px 0px rgba(0,0,0,0.5);position:relative;}
.popup{display:none;width:60%;position:fixed;left:50%;top:50%;max-height:90vh;overflow-y:auto;transform:translateX(-50%) translateY(-50%);background:#fff;padding:50px;z-index:1501;}
.overlay{background:rgba(0,0,0,0.4);position:fixed;z-index:1500;top:0;left:0;width:100%;height:100%;display:none;}
.table-page{width:100%;border-collapse:collapse;}
.table-page thead{background:#f5f5f5;font-weight:bold;}
.table-page thead td{text-align:center;}
.table-page tr td{padding:10px;}
.logo_teddy{position:relative;padding-left:15px;}
.logo_teddy .dot{position:absolute;bottom:22px;left:37px;background:#fff;width:4px;height:4px;border-radius:100%;}
.logo_teddy img{height:45px;}
.toggleSection{display:none;}
.slick-dots{bottom:40px;z-index:1500;}
.slick-dots li{display:inline-block;margin-right:10px;opacity:0.6;}
.slick-dots li:last-child{margin-right:0;}
.slick-dots li button{width:15px;height:15px;font-size:0;outline:none;border-radius:100%;background:#052026;opacity:0.7;}
.slick-dots li.slick-active button{opacity:1;}
.slick-dots li.slick-active button button{background:#92c83e;}
.list-radio>li{border:1px solid #cccccc;margin-top:10px;padding:10px 10px 10px 35px;border-radius:5px;}
.input-comp{position:relative;border-radius:6px;border:1px solid #cccccc;padding:10px 10px 0;margin-top:10px;background:#fff;}
.input-comp input{border:none;height:40px;line-height:40px;outline:none;display:block;width:100%;}
.input-comp textarea{border:none;min-height:60px;outline:none;display:block;width:100%;}
.input-comp-label{font-size:11px;position:absolute;top:5px;left:10px;}
.input-radio{position:relative;}
.input-radio:before{content:"";position:absolute;left:10px;top:10px;width:18px;height:18px;border:1px solid #ddd;border-radius:100%;background:#fff;}
.input-radio.checked:after{content:"";width:12px;height:12px;background:#ac9175;position:absolute;top:14px;left:14px;border-radius:100%;-webkit-transition:all 0.2s ease;transition:all 0.2s ease;}
select{padding:0.8em;width:100%;border-radius:0.2em;border:1px solid #cccccc;color:#181820;appearance:none;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;background:url("https://cdn1.iconfinder.com/data/icons/arrows-vol-1-4/24/dropdown_arrow-512.png");background-repeat:no-repeat;background-size:15px 15px;background-position:right;background-origin:content-box;}
.list-social li{margin:0 10px;border:1px solid #fff;border-radius:100%;width:40px;height:40px;text-align:center;line-height:40px;}
.list-social li a{color:#fff;font-size:20px;}
#main-visual{position:relative;}
.main-visual-wrap{position:relative;}
.main-visual-text{position:absolute;top:50%;left:10%;transform:translateY(-50%);z-index:30;color:#fff;line-height:1.3;}
.main-visual-text h2{font-size:3rem;font-weight:bold;}
.main-visual-img{position:relative;}
.main-visual-img::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(333deg,rgba(243,234,254,0) 0%,rgba(18,75,160,1) 100%);z-index:10;}
#main-visual .main-typo{position:relative;}
@media (max-width:767px){#main-visual .main-typo::before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0.4);}
}
#main-visual .main-typo-text{position:absolute;top:50%;left:10%;width:35%;transform:translateY(-50%);}
.blog-filter{display:flex;justify-content:center;}
.blog-filter__controls{display:inline-flex;align-items:center;gap:4px;background:#F3F4F6;border-radius:999px;padding:6px;box-shadow:none;}
.blog-filter__link{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;padding:10px 22px;border-radius:999px;font-weight:500;font-size:12px;line-height:1;color:#98A2B3;cursor:pointer;transition:all .2s ease;text-decoration:none;}
.blog-filter__link:hover{color:#101828;}
.blog-filter__link.is-active{background:#fff;color:#101828;box-shadow:0 4px 10px rgba(15,23,42,0.08);}
.blog-filter__link.is-active:hover{color:#101828;}
.blog-detail-prev,.blog-detail-next{background:#F9FBFF;border-radius:5px;padding:20px 25px;}
.blog-detail-prev a,.blog-detail-next a{color:#333;font-weight:600;}
@media (max-width:767px){.blog-filter{justify-content:flex-start;}
.blog-filter__controls{width:400%;overflow-x:auto;}
.blog-filter__link{font-size:10px;padding:8px 18px;}
table.table-form-page tr td{width:100%;display:block;padding-bottom:20px;}
table.table-form-page tr th{width:100%;font-size:15px;display:block;}
.popup{width:90%;padding:30px;}
.header-page h2.lg,.header-page h2,.header-page h2.super-lg,.header-page-md h2{font-size:24px !important;}
.header-sub-page{font-size:12px;}
.product-benefit-detail li,.product-feature-card__desc,.product-steps .step-item__desc,.contact-form__content .header-sub-page,.service-inprice__table thead th,.service-inprice__category td{font-size:12px !important;}
h1{font-size:12px !important;}
h3,h4{font-size:16px !important;}
}
.container{max-width:1400px;padding:0 40px;margin:0 auto;}
.container--small{max-width:1200px !important;margin:0 auto;}
.container--tiny{max-width:800px !important;margin:0 auto;padding:0 15px;}
@media (max-width:767px){.container{padding:0 15px;}
}
@media (max-width:768px){body{padding-top:64px;}
}
body#top{padding-top:0;}
@media (max-width:768px){body#top .product-hero{padding-top:144px;}
}
#header{width:100%;position:fixed;top:20px;left:0;right:0;z-index:1000;transform:translateY(0);transition:all 0.3s ease-in-out;}
#header.header-hidden{transform:translateY(-120%);top:0;}
#header.header-visible{transform:translateY(0);top:20px;}
#header > div.header-container{max-width:1296px;margin:0 auto;padding:0 20px;background:#fff;border:1px solid rgba(20,20,20,0.20);box-shadow:0px 2px 8px rgba(0,0,0,0.08);border-radius:20px;}
#header nav{display:flex;align-items:center;justify-content:space-between;height:80px;gap:40px;}
#header nav > a{display:flex;align-items:center;flex-shrink:0;}
#header nav > a img{width:120px;height:60px;object-fit:contain;}
#nav-item{display:flex;align-items:center;list-style:none;margin:0;padding:0;gap:8px;flex:1;justify-content:center;}
#nav-item > li{position:relative;}
#nav-item > li > a,#nav-item > li > button,#nav-item > li > div > button{display:flex;align-items:center;gap:4px;padding:10px 16px;font-size:14px;font-weight:500;color:#141414;text-decoration:none;background:transparent;border:none;cursor:pointer;transition:all 0.3s ease;white-space:nowrap;}
#nav-item > li > a:hover,#nav-item > li > button:hover,#nav-item > li > div > button:hover{color:#FF3F05;}
#nav-item > li > button > svg,#nav-item > li > div > button > svg{width:16px;height:16px;transition:transform 0.3s ease;}
#nav-item > li > button:hover > svg,#nav-item > li > div > button:hover > svg{transform:rotate(180deg);}
#nav-item > li .dropdown-menu{display:none;position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);min-width:200px;background:#fff;border:1px solid rgba(20,20,20,0.10);border-radius:12px;box-shadow:0px 8px 24px rgba(0,0,0,0.12);z-index:1001;padding:8px 0;}
#nav-item > li .dropdown-menu.active{display:block;animation:fadeIn 0.3s ease-out;}
#nav-item > li:first-child .dropdown-menu{position:fixed;top:85px;left:50%;transform:translateX(-50%);width:calc(100vw - 40px);max-width:1296px;padding:0;}
#nav-item > li:first-child .dropdown-menu.active{display:flex;animation:slideDown 0.3s ease-out;}
@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-10px);}
to{opacity:1;transform:translateX(-50%) translateY(0);}
}
.dropdown-menu-left{width:25%;padding-right:24px;border-right:1px solid rgba(20,20,20,0.10);display:flex;flex-direction:column;gap:12px;padding:24px;}
.dropdown-menu-left button{width:100%;text-align:left;padding:12px 16px;font-size:14px;font-weight:500;color:#141414;background:#f5f5f5;border:none;border-radius:10px;cursor:pointer;transition:all 0.3s ease;}
.dropdown-menu-left button:hover{background:#e8e8e8;color:#141414;}
.dropdown-menu-left button.active{background:rgb(243,244,246);color:#141414;}
.dropdown-menu-right{width:75%;padding:24px;}
#product-highlight,#product-by-industry{display:none;}
#product-highlight.active,#product-by-industry.active{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;animation:fadeIn 0.3s ease-out;}
@keyframes fadeIn{from{opacity:0;}
to{opacity:1;}
}
.dropdown-menu ul{list-style:none;margin:0;padding:0;}
.dropdown-menu ul li{list-style:none;}
.dropdown-menu ul li a{display:block;padding:10px 16px;color:#141414;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.2s ease;}
.dropdown-menu ul li a:hover{background:#f5f5f5;color:#FF3F05;}
.dropdown-menu ul li:first-child a{border-radius:8px 8px 0 0;}
.dropdown-menu ul li:last-child a{border-radius:0 0 8px 8px;}
#header nav > div:nth-of-type(1){display:flex;align-items:center;gap:12px;flex-shrink:0;}
#header nav > div:nth-last-of-type(1){display:none;}
#header nav > div:nth-last-of-type(1) button{padding:8px;background:transparent;border:1px solid rgba(20,20,20,0.20);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;}
#header nav > div:nth-last-of-type(1) button:hover{background:#f5f5f5;border-color:#141414;}
#header nav > div:nth-last-of-type(1) button svg{width:24px;height:24px;color:#141414;}
#header nav > div:nth-last-of-type(1) button span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;}
@media (max-width:1024px){#header nav{gap:20px;}
#nav-item{gap:4px;}
#nav-item > li > a,#nav-item > li > button,#nav-item > li > div > button{padding:8px 12px;font-size:13px;}
#header nav > div:nth-of-type(1) > button{padding:8px 16px;font-size:13px;}
}
@media (max-width:768px){#header > div{padding:0 16px;}
#header nav{height:64px;}
#header nav > a img{width:100px;height:50px;}
#nav-item,#header nav > div:nth-of-type(1){display:none;}
#header nav > div:nth-last-of-type(1){display:block;}
#nav-item{justify-content:flex-start;}
}
@media (max-width:768px){.mobile-menu-close-btn{display:none;position:fixed;top:-20px;right:10px;z-index:1000;background:transparent;border:none;padding:8px;cursor:pointer;color:#141414;transition:opacity 0.3s ease;}
.mobile-menu-close-btn:hover{opacity:0.7;}
.mobile-menu-close-btn svg{display:block;}
#nav-item.mobile-active + .mobile-menu-close-btn{display:block;}
#nav-item.mobile-active{display:flex;flex-direction:column;position:fixed;top:-20px;left:0;right:0;bottom:0;background:#fff;padding:20px 16px;padding-top:60px;gap:0;z-index:999;overflow-y:auto;-webkit-overflow-scrolling:touch;}
#nav-item.mobile-active > li{width:100%;border-bottom:1px solid rgba(20,20,20,0.10);}
#nav-item.mobile-active > li:last-child{border-bottom:none;}
#nav-item.mobile-active > li > a,#nav-item.mobile-active > li > button{width:100%;justify-content:space-between;padding:12px 0;font-size:12px;font-weight:500;color:#141414;text-align:left;}
#nav-item.mobile-active > li > button > svg{width:20px;height:20px;transition:transform 0.3s ease;}
#nav-item.mobile-active > li > button.active > svg{transform:rotate(180deg);}
#nav-item.mobile-active .dropdown-menu{position:static;transform:none;border:none;box-shadow:none;background:#f9f9f9;margin-top:0;margin-bottom:0;padding:0;display:none;width:100%;max-width:100%;left:auto;top:auto;border-radius:0;animation:none;}
#nav-item.mobile-active .dropdown-menu.active{display:block;}
#nav-item.mobile-active .dropdown-menu ul{padding:8px 0;}
#nav-item.mobile-active .dropdown-menu ul li{border-bottom:1px solid rgba(20,20,20,0.05);}
#nav-item.mobile-active .dropdown-menu ul li:last-child{border-bottom:none;}
#nav-item.mobile-active .dropdown-menu ul li a{padding:14px 16px;font-size:12px;color:#141414;display:block;}
#nav-item.mobile-active .dropdown-menu ul li a:hover{background:#f0f0f0;color:#FF3F05;}
#nav-item.mobile-active .dropdown-menu-left{width:100%;padding:16px;border-right:none;border-bottom:1px solid rgba(20,20,20,0.10);gap:8px;}
#nav-item.mobile-active .dropdown-menu-left button{padding:14px 16px;font-size:12px;text-align:left;}
#nav-item.mobile-active .dropdown-menu-right{width:100%;padding:16px;}
#nav-item.mobile-active #product-highlight.active,#nav-item.mobile-active #product-by-industry.active{grid-template-columns:1fr;gap:12px;}
#nav-item.mobile-active .product-highlight-item{padding:12px;gap:10px;}
#nav-item.mobile-active .product-highlight-content-title{font-size:12px;}
#nav-item.mobile-active .product-highlight-content-description{font-size:12px;}
#nav-item.mobile-active .dropdown-menu-item{padding:12px;gap:10px;}
#nav-item.mobile-active .dropdown-menu-thumb{height:100px;}
#nav-item.mobile-active .dropdown-menu-content-title{font-size:14px;}
#nav-item.mobile-active .dropdown-menu-content-description{font-size:12px;min-height:auto;}
#nav-item.mobile-active .flex.flex--end{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 0;margin-top:8px;}
#nav-item.mobile-active .flex.flex--end a{padding:12px 0;font-size:14px;}
#nav-item > li:first-child .dropdown-menu{position:relative;transform:none;top:0;left:0;max-height:25vh;overflow-y:auto;}
#header nav > div:nth-of-type(1).mobile-active{display:flex;flex-direction:column;position:fixed;bottom:20px;left:0;right:0;padding:20px 16px;background:#fff;border-top:1px solid rgba(20,20,20,0.10);gap:12px;z-index:1000;box-shadow:0px -2px 8px rgba(0,0,0,0.08);}
#header nav > div:nth-of-type(1).mobile-active > button,#header nav > div:nth-of-type(1).mobile-active > a{width:100%;padding:14px 20px;font-size:12px;justify-content:center;line-height:1;display:flex;}
#header nav > div:nth-last-of-type(1){display:flex;align-items:center;justify-content:center;}
#header nav > div:nth-last-of-type(1) a{padding:8px;background:transparent;border:1px solid rgba(20,20,20,0.20);border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;text-decoration:none;}
#header nav > div:nth-last-of-type(1) a:hover{background:#f5f5f5;border-color:#141414;}
#header nav > div:nth-last-of-type(1) a svg{width:24px;height:24px;color:#141414;}
}
.product-highlight-item{gap:12px;padding:16px;background:#fff;border:1px solid rgba(20,20,20,0.10);border-radius:12px;text-decoration:none;transition:all 0.3s ease;}
.product-highlight-item:hover{background:#f9f9f9;border-color:#FF3F05;box-shadow:0px 4px 12px rgba(0,0,0,0.08);}
.product-highlight-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;}
.product-highlight-icon svg{width:15px;height:10px;}
.product-highlight-icon svg path{stroke:#6b7280;}
.product-highlight-content{flex:1;display:flex;flex-direction:column;gap:6px;}
.product-highlight-content-title{font-size:14px;font-weight:600;color:#141414;line-height:1.4;}
.product-highlight-content-description{font-size:12px;color:#666;line-height:1.5;}
.product-highlight-content-description span{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
.dropdown-menu-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#fff;border:1px solid rgba(20,20,20,0.10);border-radius:12px;transition:all 0.3s ease;}
.dropdown-menu-item:hover{background:#f9f9f9;border-color:#FF3F05;box-shadow:0px 4px 12px rgba(0,0,0,0.08);}
.dropdown-menu-thumb{width:100%;height:120px;border-radius:8px;overflow:hidden;background:#f5f5f5;}
.dropdown-menu-thumb img{width:100%;height:100%;object-fit:cover;}
.dropdown-menu-content-wrap{display:flex;flex-direction:column;gap:8px;}
.dropdown-menu-content-title{font-size:14px;font-weight:600;color:#141414;}
.dropdown-menu-content-description{font-size:12px;color:#666;line-height:1.5;min-height:40px;}
.dropdown-menu-item a.btn-page--outline{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;}
.dropdown-menu-item a.btn-page--outline svg{width:16px;height:16px;}
*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
@media (max-width:1450px) and (min-width:1000px){#header > div.header-container{scale:80%;padding:0 16px;}
}
@media (max-width:1024px) and (min-width:769px){#header > div.header-container{scale:80%;padding:0 16px;}
#header nav{gap:16px;height:72px;}
#header nav > a img{width:110px;height:55px;}
#nav-item{gap:2px;}
#nav-item > li > a,#nav-item > li > button,#nav-item > li > div > button{padding:8px 10px;font-size:13px;}
#nav-item > li:first-child .dropdown-menu{width:calc(100vw - 40px);max-width:100%;}
.dropdown-menu-left{width:30%;padding:20px;gap:10px;}
.dropdown-menu-left button{padding:10px 12px;font-size:13px;}
.dropdown-menu-right{width:70%;padding:20px;}
#product-highlight.active,#product-by-industry.active{grid-template-columns:repeat(2,1fr);gap:12px;}
.product-highlight-item{padding:14px;}
.product-highlight-icon{width:36px;height:36px;}
.product-highlight-content-title{font-size:13px;}
.product-highlight-content-description{font-size:11px;}
.dropdown-menu-item{padding:14px;gap:10px;}
.dropdown-menu-thumb{height:100px;}
.dropdown-menu-content-title{font-size:13px;}
.dropdown-menu-content-description{font-size:11px;min-height:36px;}
.dropdown-menu-item a.btn-page--outline{padding:8px 12px;font-size:12px;}
#header nav > div:nth-of-type(1){gap:8px;}
#header nav > div:nth-of-type(1) > button,#header nav > div:nth-of-type(1) > a{padding:0px 16px;font-size:13px;}
#header nav > div:nth-of-type(1) > button svg,#header nav > div:nth-of-type(1) > a svg{width:14px;height:14px;}
#nav-item > li .dropdown-menu{min-width:180px;}
.dropdown-menu ul li a{padding:10px 14px;font-size:13px;}
.flex.flex--end.grid--100.mt--20{flex-direction:row;gap:12px;padding-top:12px;}
.flex.flex--end.grid--100.mt--20 a{font-size:12px;}
}
@media (max-width:768px) and (min-width:640px){#header nav{height:68px;gap:12px;}
#header nav > a img{width:100px;height:50px;}
#nav-item{gap:0;}
#nav-item > li > a,#nav-item > li > button{padding:8px;font-size:12px;}
#nav-item > li:first-child .dropdown-menu{flex-direction:column;max-height:70vh;overflow-y:auto;}
.dropdown-menu-left{width:100%;border-right:none;border-bottom:1px solid rgba(20,20,20,0.10);padding:16px;}
.dropdown-menu-right{width:100%;padding:16px;}
#product-highlight.active,#product-by-industry.active{grid-template-columns:1fr;gap:10px;}
#header nav > div:nth-of-type(1) > button span,#header nav > div:nth-of-type(1) > a span{display:none;}
#header nav > div:nth-of-type(1) > button,#header nav > div:nth-of-type(1) > a{padding:10px;min-width:40px;justify-content:center;}
#header nav > div:nth-of-type(1) > button svg,#header nav > div:nth-of-type(1) > a svg{margin:0;}
}
@media (max-height:600px) and (min-width:769px){#nav-item > li:first-child .dropdown-menu{max-height:80vh;overflow-y:auto;}
.dropdown-menu-left{padding:16px;}
.dropdown-menu-right{padding:16px;}
#product-highlight.active,#product-by-industry.active{gap:10px;}
.product-highlight-item,.dropdown-menu-item{padding:12px;}
}
@media (width:1024px) and (height:1366px){#nav-item > li:first-child .dropdown-menu{max-width:980px;}
#product-highlight.active,#product-by-industry.active{grid-template-columns:repeat(3,1fr);}
}
@media (min-width:820px) and (max-width:834px){#nav-item{gap:4px;}
#product-highlight.active,#product-by-industry.active{grid-template-columns:repeat(2,1fr);}
}
@media (width:768px) and (height:1024px){#nav-item > li > a,#nav-item > li > button{font-size:12px;padding:8px 10px;}
#product-highlight.active,#product-by-industry.active{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px){.nav-link{display:block;padding-left:0px;padding-bottom:15px;padding-top:10px;color:#fff;}
.nav-link.active:after{bottom:5px;left:0;}
.nav-menu-button{display:block;z-index:1000;}
}
.footer{padding:25px 50px;background:#F5F5F5;margin-top:50px;}
.footer ul.footer-menu li .icon{display:inline-block;width:50px;height:50px;background:#F5F5F5;border-radius:100%;text-align:center;line-height:50px;margin-right:20px;}
@media (max-width:767px){.footer ul.footer-menu li .icon{width:30px;height:30px;line-height:30px;}
}
.footer ul.footer-menu li a{color:#404040;font-size:15px;}
@media (max-width:767px){.footer ul.footer-menu li a{font-size:8px;}
}
.copyright{padding:10px 0;text-align:left;color:#000000;font-size:13px;}
@media (max-width:767px){.footer{padding:25px 15px;}
.footer ul.footer-menu li{margin:10px 0 !important;}
}
.footer ul.footer-menu li a:hover{color:#FF3F05 !important;transition:color 0.3s ease;}
.footer a:hover{color:#FF3F05 !important;}
.footer a svg{transition:color 0.3s ease;}
.footer a:hover svg{color:#FF3F05 !important;}
@media (max-width:1024px){#edusafe-difference .edusafe-difference-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){#edusafe-difference .edusafe-difference-grid{grid-template-columns:1fr;}
}
.career-detail-hero{padding-top:150px;}
#certificate-logo{padding:80px 0;background:#ffffff;}
#certificate-logo .certificate-logo-layout{flex-wrap:nowrap;}
#certificate-logo .certificate-logo-left,#certificate-logo .certificate-logo-right{flex:0 0 50%;max-width:50%;}
#certificate-logo .certificate-logo-left .header-page,#certificate-logo .certificate-logo-left .header-sub-page{text-align:left;}
#certificate-logo .certificates-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px;align-items:center;justify-items:center;}
#certificate-logo .certificate-item{display:flex;align-items:center;justify-content:center;}
#certificate-logo .certificate-item img{max-width:100%;height:auto;object-fit:contain;}
@media (max-width:1280px){#certificate-logo .certificates-grid{grid-template-columns:repeat(4,minmax(0,1fr));}
}
@media (max-width:1024px){#certificate-logo .certificate-logo-left,#certificate-logo .certificate-logo-right{flex:1 1 100%;max-width:100%;}
#certificate-logo .certificate-logo-layout{flex-wrap:wrap;}
#certificate-logo .certificates-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media (max-width:640px){#certificate-logo .certificates-grid{grid-template-columns:repeat(5,minmax(0,1fr));}
}
#faqs{padding:80px 0;background:#ffffff;}
#faqs .header-page{text-align:center;margin-bottom:16px;}
#faqs .header-sub-page{text-align:center;margin:0 auto;max-width:720px;}
#faqs .faq-list{margin-top:40px;display:flex;flex-direction:column;gap:16px;}
#faqs .faq-item{border:1px solid rgba(12,32,69,0.12);border-radius:10px;background:#ffffff;transition:border-color 0.3s ease,box-shadow 0.3s ease;}
#faqs .faq-item:hover{border-color:rgba(255,63,5,0.35);box-shadow:0 8px 24px rgba(12,32,69,0.08);}
#faqs .faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;background:transparent;border:none;padding:20px 24px;font-size:18px;font-weight:600;line-height:1.4;color:#0C2045;cursor:pointer;text-align:left;}
#faqs .faq-item.active .faq-question{font-weight:700;color:#FF3F05;}
#faqs .faq-icon{display:flex;align-items:center;justify-content:center;color:inherit;}
#faqs .faq-icon svg{transition:transform 0.3s ease;}
#faqs .faq-item.active .faq-icon svg{transform:rotate(180deg);}
#faqs .faq-answer{padding:0 24px;max-height:0;overflow:hidden;transition:max-height 0.35s ease,padding-top 0.35s ease,padding-bottom 0.35s ease;color:#4B5563;line-height:1.6;}
#faqs .faq-item.active .faq-answer{max-height:500px !important;padding:0 24px 20px;}
@media (max-width:640px){#faqs .faq-question{padding:18px 18px;font-size:8px;}
#faqs .faq-answer{padding:0 18px;}
#faqs .faq-item.active .faq-answer{padding:0 18px 18px;}
}
#teams{padding-bottom:80px;}
#teams .team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
#teams .team-card{position:relative;border-radius:12px;overflow:hidden;transition:box-shadow 0.3s ease,transform 0.3s ease;cursor:pointer;}
#teams .team-card:hover{box-shadow:rgba(0,0,0,0.15) 0px 12px 24px 0px,rgba(0,0,0,0.08) 0px 4px 8px 0px;}
#teams .team-card__thumb{position:relative;width:100%;padding-top:100%;overflow:hidden;}
#teams .team-card__thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:12px;transition:transform 0.8s ease;}
#teams .team-card:hover .team-card__thumb img{transform:scale(1.02);}
#teams .team-card__meta{position:absolute;left:16px;bottom:16px;color:#ffffff;text-align:left;max-width:calc(100% - 32px);}
#teams .team-card__name{font-size:18px;font-weight:600;margin-bottom:4px;}
#teams .team-card__title{font-size:14px;opacity:0.85;}
@media (max-width:1024px){#teams .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){#teams .team-grid{grid-template-columns:1fr;}
}
#survey-section .survey-product-icon svg{width:24px;height:24px;display:block;}
#main-hero{background:radial-gradient(46.05% 46.27% at 50% 4.54%,rgba(255,255,255,0) 0%,rgba(255,213,201,0.2) 35.58%,rgba(255,255,255,0.2) 99.37%);position:relative;min-height:90vh;padding-top:180px;}
#main-hero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('../img/bg-main-homepage.png') no-repeat top center;background-size:100% auto;}
.main-hero-text{position:relative;z-index:10;}
.product-hero{padding:120px 0 0px;background:rgb(249,251,255);}
.product-hero__container{display:flex;align-items:center;justify-content:space-between;gap:80px;}
.product-hero__content{flex:1;max-width:520px;}
.product-hero__eyebrow{display:inline-block;padding:8px 10px;font-size:14px;font-weight:600;letter-spacing:0.08em;margin-bottom:16px;line-height:1;text-transform:capitalize;border-radius:8px;}
.product-hero__eyebrow span{width:8px;height:8px;display:inline-block;border-radius:100%;background:#FF3F05;margin-right:10px;}
.product-hero__title{font-size:40px;line-height:1.2;font-weight:700;color:rgb(12,32,69);margin-bottom:20px;}
.product-hero__desc{font-size:15px;line-height:1.6;color:rgba(12,32,69,0.78);margin-bottom:32px;}
.product-hero__cta{display:inline-flex;align-items:center;justify-content:center;min-width:220px;}
.product-hero__media{flex:1;display:flex;justify-content:center;}
.product-hero__media img{width:100%;height:auto;display:block;object-fit:cover;}
@media (max-width:1024px){.product-hero{padding:100px 0 60px;}
.product-hero__container{gap:40px;}
.product-hero__title{font-size:36px;}
}
@media (max-width:768px){.product-hero{padding:80px 0 50px;}
.product-hero__container{flex-direction:column;text-align:center;}
.product-hero__content{max-width:100%;}
.product-hero__cta{margin:0 auto;}
}
@media (max-width:480px){.product-hero__title{font-size:32px !important;}
.product-hero__desc{font-size:16px;text-align:justify;}
}
.product-feature-list{padding:0 0 40px;}
.product-feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.product-feature-card{border:1px solid #FF3F05;border-radius:15px;background:#ffffff;padding:32px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;height:100%;}
.product-feature-card__thumb img{width:100%;height:auto;object-fit:contain;display:block;}
.product-feature-card__title{font-size:20px;font-weight:600;color:#0C2045;}
.product-feature-card__desc{font-size:16px;line-height:1.6;color:rgba(12,32,69,0.78);}
.flow-item{border-left:4px solid rgb(229,231,235);padding:20px;display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:flex-start;}
#product .flow-item{display:block;cursor:pointer;}
#product .flow-item:hover{box-shadow:0 4px 20px 0 rgba(20,20,20,0.10);backdrop-filter:blur(24px);}
.flow-item.is-active{background:rgba(255,63,5,0.05);border-left:4px solid #FF3F05;}
.flow-item__number{width:48px;height:48px;border-radius:50%;background:rgba(20,20,20,0.6);color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;}
.flow-item--name{color:rgba(20,20,20,0.6);font-size:24px;font-weight:600;}
.flow-item.is-active .flow-item--name{color:#FF3F05;}
.flow-item--desc{padding-top:15px;}
.flow-item--detail{margin-top:20px;color:rgba(12,32,69,0.78);font-size:18px;line-height:1.6;list-style:none;padding:0;}
.flow-item--detail li{display:flex;align-items:flex-start;gap:12px;margin-bottom:12px;}
.flow-item--detail li:last-child{margin-bottom:0;}
.flow-item--detail svg{width:20px;height:20px;color:#FF3F05;margin-top:2px;}
.compliance-section-wrap{background:url('../img/iframebg.png') no-repeat center center;background-size:100% 100%;padding:4rem 0;margin-top:4rem;}
@media (max-width:640px){.product-feature-cards{grid-template-columns:1fr;}
.product-feature-card{padding:28px 20px;}
}
.product-steps .steps-list{display:flex;gap:24px;align-items:flex-start;}
.product-steps .step-item{flex:1;display:flex;flex-direction:column;gap:16px;}
.product-steps .step-item__bullet{display:flex;align-items:center;gap:20px;margin-bottom:8px;}
.product-steps .step-item__number{width:48px;height:48px;border-radius:50%;background:#FF3F05;color:#ffffff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;}
.product-steps .step-item__line{flex:1;border-bottom:1px dashed #FF3F05;}
.product-steps .step-item__name{font-size:22px;font-weight:600;color:#0C2045;}
.product-steps .step-item__desc{font-size:16px;line-height:1.6;color:rgba(12,32,69,0.78);}
.number-industry__stat-number{font-weight:bold;font-size:45px;color:rgb(12,32,69);}
.number-industry__stat-text{font-size:16px;}
.standout-section{background:url('../img/pattern-industry.png') no-repeat center center;background-size:100% 100%;padding:4rem 0 0;margin-top:4rem;position:relative;}
.standout-section__message-icon{width:65px;height:65px;background:#FF3F05;border-radius:10px;display:flex;justify-content:center;align-items:center;}
.standout-section__message-content{width:calc(100% - 70px);padding-left:15px;}
.standout-section__message-arrow-left{left:-230px;top:45%;}
.standout-section__message-arrow-right{right:-230px;top:45%;}
@media (max-width:768px){.product-steps .steps-list{flex-direction:column;}
.product-steps .step-item__bullet{gap:12px;}
.product-steps .step-item__number{width:44px;height:44px;font-size:16px;}
}
.other-feature{padding:80px 0;}
.other-feature__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;}
.other-feature__list.other-feature__list--three{grid-template-columns:repeat(3,minmax(0,1fr));}
@media (max-width:1024px){.other-feature__list{grid-template-columns:repeat(2,minmax(0,1fr));}
.other-feature__list.other-feature__list--three{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:640px){.other-feature__list{grid-template-columns:1fr;}
.other-feature__list.other-feature__list--three{grid-template-columns:1fr;}
}
.other-feature__card{border:1px solid rgba(12,32,69,0.12);border-radius:16px;box-shadow:rgba(0,0,0,0.25) 0px 4px 4px 0px;background:#ffffff;padding:32px 28px;display:flex;flex-direction:column;gap:20px;height:100%;transition:box-shadow 0.3s ease,transform 0.3s ease;}
.other-feature__card:hover{box-shadow:rgba(0,0,0,0.15) 0px 12px 24px 0px,rgba(0,0,0,0.08) 0px 4px 8px 0px;}
.other-feature__icon{width:48px;height:48px;border-radius:16px;background:#FF3F05;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;}
.other-feature__icon svg{display:block;width:24px;height:24px;}
.other-feature__icon svg path{stroke:#fff;}
.slick-list{padding:40px 0!important;}
.other-feature__title{font-size:20px;font-weight:600;color:#0C2045;margin:0;}
.other-feature__excerpt{font-size:16px;line-height:1.6;color:rgba(12,32,69,0.78);flex-grow:1;display:-webkit-box;line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.other-feature__link{align-self:flex-start;}
@media (max-width:640px){.other-feature{padding:60px 0;}
}
#main-hero .header-page h2{font-size:80px !important;}
.main-hero-stage{background:url('../img/world-map.png') no-repeat top center;background-size:100% 100%;padding:2rem 0 1rem;margin-top:4rem;position:relative;max-width:1296px;margin-left:auto;margin-right:auto;}
.main-hero-stage .hero-chart-img{position:absolute;left:5%;bottom:15%;}
.main-hero-stage .mobile-hero-img{position:absolute;bottom:20%;right:5%;width:250px;height:auto;}
@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px);}
100%{opacity:1;transform:translateY(0);}
}
.fade-in-up{animation:fadeInUp 1s ease-out forwards;opacity:0;}
.fade-in-up.mobile-hero-img{animation-delay:0.3s;}
#main-hero .header-page{position:relative;max-width:1296px;margin:0 auto;padding:0 20px;}
#main-hero .header-page img.pulse-animation{position:absolute;top:50%;transform:translateY(-50%) scale(0.5);}
#main-hero .header-page img.pulse-animation:nth-of-type(1){left:-45px;top:95px;}
#main-hero .header-page img.pulse-animation:nth-of-type(2){right:-45px;top:70px;}
@keyframes pulse{0%{transform:translateY(-50%) scale(1);opacity:1;}
50%{transform:translateY(-50%) scale(1.1);opacity:0.8;}
100%{transform:translateY(-50%) scale(1);opacity:1;}
}
.pulse-animation{animation:pulse 2s ease-in-out infinite;}
.pulse-animation:nth-of-type(2){animation-delay:0.3s;}
#main-solution{background:#ffffff;margin-top:70px;}
#product-showcase{padding:60px 0;}
.product-showcase-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch;}
.product-cards-wrapper{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;height:100%;}
.product-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:16px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,0.08);cursor:pointer;transition:all 0.3s ease;display:flex;flex-direction:column;position:relative;}
.product-card.active{border-color:#FF3F05;box-shadow:0 4px 20px rgba(255,63,5,0.15);}
.product-card-icon{width:64px;height:64px;border-radius:12px;background-color:rgb(236,236,236);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:background-color 0.3s ease;}
.product-card-icon img{width:26px;height:26px;object-fit:contain;}
.product-card-icon svg{color:#868686;transition:color 0.3s ease;width:26px;height:26px;}
.product-card-icon svg path{stroke:#868686;transition:stroke 0.3s ease;}
.product-card.active .product-card-icon{background-color:#FF3F05;}
.product-card.active .product-card-icon svg{color:#FF3F05;}
.product-card.active .product-card-icon svg path{stroke:white;}
.product-card-title{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 12px 0;line-height:1.4;transition:color 0.3s ease;}
.product-card.active .product-card-title{color:#FF3F05;}
.product-card-desc{font-size:14px;line-height:1.6;color:#6b7280;margin:0 0 16px 0;display:none;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;opacity:0;max-height:0;transition:opacity 0.3s ease,max-height 0.3s ease;}
.product-card.active .product-card-desc{display:-webkit-box;opacity:1;max-height:100px;margin-bottom:16px;}
.product-card-btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;background-color:#FF3F05;color:#ffffff;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;transition:background-color 0.3s ease;margin-top:auto;width:100%;}
.product-card-btn:hover{background-color:#e63900;}
.product-image-display{position:sticky;top:100px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,0.08);height:100%;display:flex;align-items:center;}
.product-image-wrapper{width:auto;height:100%;border-radius:12px;overflow:hidden;background:transparent;display:flex;align-items:flex-end;justify-content:center;}
.product-image-wrapper img{max-width:100%;max-height:100%;object-fit:cover;transition:opacity 0.3s ease;}
#product-tour{padding:80px 0;}
#product-tour .header-page{text-align:center;margin-bottom:16px;}
#product-tour .header-sub-page{text-align:center;}
.product-tour-nav{display:flex;align-items:center;gap:12px;max-width:1400px;margin:30px auto 0;padding:0 20px;}
.product-tour-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;scroll-behavior:smooth;padding:10px 0;}
.product-tour-slider::-webkit-scrollbar{display:none;}
.product-tour-card{flex:0 0 calc(25% - 12px);scroll-snap-align:start;background:#ffffff;border:1px solid #e5e7eb;border-radius:12px;padding:15px;cursor:pointer;transition:all 0.3s ease;text-align:center;outline:none;box-sizing:border-box;min-width:0;}
.product-tour-card.is-active{background-color:#FF3F05;border-color:#FF3F05;color:#ffffff;}
.product-tour-card.is-active svg path{stroke:#fff !important;}
.product-tour-card.is-disabled{opacity:0.5;cursor:not-allowed;pointer-events:none;}
.product-tour-card.is-active .product-tour-title,.product-tour-card.is-active .product-tour-excerpt{color:#ffffff;}
.product-tour-card.is-active .product-tour-icon{background-color:rgba(255,255,255,0.2);}
.product-tour-card.is-active .product-tour-icon svg{color:#ffffff;}
.product-tour-icon{width:48px;height:48px;border-radius:12px;background-color:rgb(236,236,236);display:flex;align-items:center;justify-content:center;}
.product-tour-icon svg{color:#FF3F05;width:32px;height:32px;}
.product-tour-icon svg path{stroke:white;}
#product-tour .product-tour-icon svg path{stroke:#6b7280;}
#product-tour .product-tour-icon svg{width:24px;height:24px;}
.product-tour-title{font-size:18px !important;font-weight:500;color:#1f2937;margin-top:12px;line-height:1.3;text-align:left !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.product-tour-excerpt{font-size:14px;line-height:1.6;color:#6b7280;margin:0;}
.product-tour-arrow{width:48px;height:48px;border-radius:50%;background:#ffffff;border:1px solid #e5e7eb;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all 0.3s ease;color:#1f2937;padding:0;}
.product-tour-arrow:hover{background-color:#FF3F05;border-color:#FF3F05;color:#ffffff;}
.product-tour-arrow:hover svg path{stroke:#ffffff;}
.product-tour-arrow.is-hidden{opacity:0.3;pointer-events:none;}
.product-tour-arrow svg{width:20px;height:20px;}
.product-tour-arrow svg path{stroke:#1f2937;transition:stroke 0.3s ease;}.product-video-player{border-radius:20px;box-shadow:-4px 14px 33px -12px rgba(0,0,0,0.37);-webkit-box-shadow:-4px 14px 33px -12px rgba(0,0,0,0.37);-moz-box-shadow:-4px 14px 33px -12px rgba(0,0,0,0.37);}
.video-player-wrapper{max-width:1400px;padding:0 40px;margin:0 auto;position:relative;border-radius:16px;overflow:hidden;background:url('../img/iframebg.png') no-repeat center center;aspect-ratio:16 / 10.2;}
.product-video-info{position:absolute;top:24px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:16px;padding:12px 20px;border-radius:999px;background:rgba(5,32,38,0.8);backdrop-filter:blur(8px);color:#ffffff;text-align:center;}
.product-video-brand{text-align:center;gap:12px;}
.product-video-logo{text-align:center;width:30%;margin:0 auto;}
.product-video-logo svg,.product-video-logo img{width:100%;height:100%;object-fit:contain;}
.product-video-name{color:#FF3F05;font-size:40px;font-weight:600;margin-top:30px;}
.video-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:url('../img/iframebg.png') no-repeat center center;z-index:2;transition:opacity 0.3s ease;flex-wrap:wrap;}
.product-video-btn{width:100%;text-align:center;}
.video-placeholder.hidden{opacity:0;pointer-events:none;}
.video-play-btn{width:80px;height:80px;border:none;background:transparent;cursor:pointer;transition:transform 0.3s ease;padding:0;}
.video-play-btn:hover{transform:scale(1.1);}
.video-play-btn svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px rgba(0,0,0,0.3));}
.video-iframe-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
.video-iframe-container iframe{width:100%;height:100%;border:none;}
#impact-section{padding:80px 0;background:#ffffff;}
#impact-section .header-page{text-align:center;margin-bottom:16px;}
#impact-section .header-sub-page{text-align:center;margin-bottom:60px;}
.impact-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;max-width:1200px;margin:0 auto;}
.impact-column{border-radius:8px;padding:25px;display:flex;flex-direction:column;min-height:100%;}
.impact-column-left{background-color:rgba(0,0,0,0.02);}
.impact-column-right{background-color:rgb(255,244,240);}
.impact-title{font-size:42px;font-weight:700;margin:0 0 16px 0;line-height:1.2;}
.impact-subtitle{font-size:22px;line-height:1.6;color:#6b7280;margin:0 0 30px 0;}
.impact-image{width:90%;margin:auto;border-radius:8px;overflow:hidden;}
.impact-image img{width:100%;height:auto;display:block;}
#main-logos{padding:80px 0;background:#ffffff;}
#pricing-body #main-logos{padding:0;}
.logos-title{text-align:center;font-size:16px;font-weight:600;color:#000;margin:0 0 40px 0;text-transform:uppercase;letter-spacing:1px;}
.logos-slider{max-width:1200px;margin:0 auto;}
.logo-item{padding:0 20px;display:flex !important;align-items:center;justify-content:center;height:80px;}
.logo-item img{max-width:100%;max-height:60px;width:auto;height:auto;object-fit:contain;}
.logos-slider .slick-slide{outline:none;}
.logos-slider .slick-track{display:flex;align-items:center;}
.industries-wrapper{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px;}
.industry-accordion-item{flex:0 0 auto;}
.industry-btn{background-color:#FEF0D8;border:1px solid transparent;border-radius:4px;font-size:15px;padding:10px 30px;height:70px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all 0.3s ease;font-weight:600;}
.industry-btn:hover{background-color:#fde4bb;}
.industry-btn.is-active{background-color:#FF3F05;border-color:#FF3F05;}
.industry-btn-icon{display:flex;align-items:center;justify-content:center;width:26px;height:26px;}
.industry-btn-icon svg{width:26px;height:26px;}
.industry-btn-text{color:#0C2045;font-size:15px;font-weight:600;line-height:1.2;text-align:center;}
.industry-btn.is-active .industry-btn-text{color:white;}
.industry-btn.is-active .icon-wrapper{filter:brightness(0) invert(1);}
.industry-accordion-content{display:none;}
.industry-detail-title{font-size:28px;font-weight:700;}
.industry-detail-desc{margin-top:30px;line-height:1.5;}
#industry-detail .industry-detail-info{background-color:#E3EEFF;padding:40px;border-radius:10px;}
.desktop-detail{margin-top:30px;}
#industry-detail .industry-detail-desc{display:block !important;visibility:visible !important;opacity:1 !important;min-height:auto !important;}
@media screen and (max-width:768px){.desktop-detail{display:none !important;}
.industries-wrapper{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;}
.industry-accordion-item{width:100%;}
.industry-btn{width:100%;height:auto;min-height:60px;padding:16px;display:flex;flex-direction:row;align-items:center;gap:12px;border-radius:8px;justify-content:flex-start;transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}
.industry-btn:not(.is-active){background-color:#f8f9fa;border:1px solid #e0e0e0;}
.industry-btn:not(.is-active) .industry-btn-text{color:#0C2045;}
.industry-btn:not(.is-active) .icon-wrapper{filter:none;transition:filter 0.3s ease;}
.industry-btn:not(.is-active) svg,.industry-btn:not(.is-active) svg path{fill:#868686;stroke:#868686;transition:all 0.3s ease;}
.industry-btn.is-active{background-color:#FF3F05;border:1px solid #FF3F05;border-bottom-left-radius:0;border-bottom-right-radius:0;}
.industry-btn.is-active .industry-btn-text{color:white;}
.industry-btn.is-active .icon-wrapper{filter:brightness(0) invert(1);transition:filter 0.3s ease;}
.industry-btn-icon{width:40px;height:40px;flex-shrink:0;}
.industry-btn-icon svg{width:24px;height:24px;}
.industry-btn-text{flex:1;text-align:left;font-size:15px;font-weight:600;transition:color 0.3s ease;}
.industry-accordion-content{display:grid;grid-template-rows:0fr;background:white;border:1px solid #e0e0e0;border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px;overflow:hidden;transition:grid-template-rows 0.4s cubic-bezier(0.4,0,0.2,1),border-color 0.3s ease,opacity 0.3s ease;opacity:0;}
.industry-accordion-content.expanding{grid-template-rows:1fr;border-color:#FF3F05;opacity:1;}
.industry-accordion-inner{min-height:0;overflow:hidden;}
.industry-accordion-content:not(.expanding) .industry-accordion-inner{padding:0 20px;}
.industry-accordion-content.expanding .industry-accordion-inner{padding:20px;}
.industry-accordion-inner h3{font-size:20px;font-weight:700;color:#0C2045;margin-bottom:12px;opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease 0.15s,transform 0.3s ease 0.15s;}
.industry-accordion-content.expanding .industry-accordion-inner h3{opacity:1;transform:translateY(0);font-size:18px !important;}
.industry-accordion-desc{font-size:14px;line-height:1.6;color:#666;margin-bottom:16px;opacity:0;transform:translateY(-10px);transition:opacity 0.3s ease 0.2s,transform 0.3s ease 0.2s;}
.industry-accordion-content.expanding .industry-accordion-desc{opacity:1;transform:translateY(0);}
.industry-accordion-image{margin-bottom:16px;border-radius:8px;overflow:hidden;background-color:#f0f4f8;opacity:0;transform:scale(0.95);transition:opacity 0.3s ease 0.25s,transform 0.3s ease 0.25s;}
.industry-accordion-content.expanding .industry-accordion-image{opacity:1;transform:scale(1);}
.industry-accordion-image img{width:100%;height:auto;max-height:280px;object-fit:contain;display:block;}
.industry-accordion-link{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:12px 20px;font-size:14px;font-weight:600;background-color:#0C2045;color:white;border-radius:5px;text-decoration:none;transition:all 0.3s ease;opacity:0;transform:translateY(10px);}
.industry-accordion-content.expanding .industry-accordion-link{opacity:1;transform:translateY(0);transition:opacity 0.3s ease 0.3s,transform 0.3s ease 0.3s,background-color 0.3s ease;}
.industry-accordion-link:hover{background-color:#0a1a35;}
.industry-btn:active{transform:scale(0.98);}
}
@media screen and (max-width:1024px) and (min-width:769px){.industries-wrapper{gap:12px;}
.industry-btn{padding:12px 20px;font-size:14px;height:60px;}
.industry-detail-title{font-size:24px;}
#industry-detail .industry-detail-info{padding:30px;}
}
@media screen and (max-width:375px){.industry-accordion-content.expanding .industry-accordion-inner{padding:16px;}
.industry-accordion-inner h3{font-size:18px;}
.industry-accordion-image img{max-height:240px;}
.industry-btn{padding:12px;gap:10px;}
.industry-btn-text{font-size:14px;}
}
#edusafe-difference .edusafe-difference-grid{margin-top:40px;display:grid;gap:25px;grid-template-columns:repeat(3,minmax(0,1fr));}
#edusafe-difference .edusafe-difference-card{background:radial-gradient(50% 50% at 50% 50%,#fff 0,#fffcfa 100%);border:1px solid rgba(12,32,69,0.08);border-radius:14px;padding:28px;display:flex;flex-direction:column;gap:16px;height:100%;}
#edusafe-difference .edusafe-difference-card .btn-page-outline{align-self:flex-start;}
#edusafe-difference  .edusafe-difference-card:hover{background:radial-gradient(50% 50% at 50% 50%,#fff 0,#fff5ef 100%);}
.edusafe-difference-icon{width:48px;height:48px;background:#FFE8E2;line-height:48px;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:15px;}
.survey-product-name{margin-left:15px;}
.standout-section__message-name{font-weight:bold;}
.standout-section__message-desc{font-size:12px;margin-top:10px;}
.question-list{flex-wrap:wrap;}
.question-list__item{display:flex;flex:0 0 33%;max-width:33%;}
.question-list__content{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;}
.question-list__cta{margin-top:auto;}
.standout-section__human-image{margin:50px auto 0;text-align:center;width:35%;}
.flow-item-about{cursor:pointer;}
.flow-item-about + .flow-item-about{margin-top:40px;}
.flow-item--desc{font-size:16px;line-height:1.6;}
.flow-item-about.is-active .flow-item--name,.flow-item-about.is-active .flow-item--desc{color:#FF3F05;}
.flow-item-about:hover .flow-item--name,.flow-item-about:hover .flow-item--desc{color:#FF3F05;}
.flow-item-about:hover .flow-item__number{background:#FF3F05;}
.flow-item-about.is-past .flow-item__number{background:rgba(12,32,69,0.12);color:rgba(12,32,69,0.6);}
.flow-item-about.is-past .flow-item--name,.flow-item-about.is-past .flow-item--desc{color:rgba(12,32,69,0.6);}
.flow-item-about.is-active .flow-item__number{background:#FF3F05;}
.flow-item-about.is-active .flow-item__desc{width:calc(100% - 50%);}
.flow-item-about.is-active .flow-item--detail{color:rgba(12,32,69,0.6);}
.flow-item-about.is-past .flow-item--detail{color:rgba(12,32,69,0.6);}
.flow-item-about.is-past{opacity:.6;}
.title-blog-text{color:rgba(12,32,69,0.9);}
.title-blog-text:hover{color:#FF3F05 !important;}
#about #main-logos{background:transparent !important;}
.top-blog{padding-top:150px;}
.z--100{z-index:100;}
@media (max-width:1024px){.product-showcase-grid{grid-template-columns:1fr;}
.product-image-display{position:relative;top:0;order:-1;}
@media (max-width:1024px){.product-tour-card{flex:0 0 calc(33.333% - 11px);}
.product-tour-arrow{width:40px;height:40px;}
}
}
@media (max-width:768px){.question-list__item{flex:0 0 100%;max-width:100%;}
#product-showcase{padding:40px 0;}
.product-cards-wrapper{grid-template-columns:1fr;}
.product-card{padding:20px;}
.product-card-icon{width:56px;height:56px;}
.product-card-icon img,.product-card-icon svg{width:22px;height:22px;}
.product-card-title{font-size:18px;}
.product-card-desc{font-size:13px;}
.product-card-btn{padding:10px 20px;font-size:13px;}
#main-logos{padding:30px 0;}
.logos-title{font-size:14px !important;margin-bottom:0px;}
.logo-item{height:60px;padding:0 0px;}
.logo-item img{transform:scale(0.5);}
#product-tour{padding:50px 0;}
.product-tour-nav{gap:8px;padding:0 10px;margin-top:20px;}
.product-tour-slider{gap:8px;padding:5px 0;}
.product-tour-card{flex:0 0 calc(33.333% - 6px);padding:8px 4px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:auto;box-sizing:border-box;}
.product-tour-icon{width:28px;height:28px;border-radius:6px;margin:0 auto;}
.product-tour-icon svg{width:16px;height:16px;}
#product-tour .product-tour-icon svg{width:16px;height:16px;}
.product-tour-title{font-size:10px !important;margin-top:6px !important;line-height:1.2 !important;text-align:left !important;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word;}
.product-tour-excerpt{display:none;}
.product-tour-arrow{width:32px;height:32px;}
.product-tour-arrow svg{width:14px;height:14px;}.product-video-player{margin-top:0px;}
.video-player-wrapper{border-radius:12px;}
.video-play-btn{width:60px;height:60px;}
#impact-section{padding:50px 0;}
.impact-columns{grid-template-columns:1fr;gap:20px;}
.impact-column{padding:30px 20px;}
.impact-title{font-size:24px !important;}
.impact-subtitle{font-size:14px;margin-bottom:20px !important;}
#header{padding:0 15px;}
.menu-open #header{height:100vh;}
#main-hero{padding-top:154px;}
#main-hero .header-page h2{font-size:40px !important;}
.main-hero-text{padding:0 50px;}
#main-hero .header-page img.pulse-animation{top:0;height:35px;}
.main-hero-stage .mobile-hero-img{height:auto;width:35%;max-width:180px;right:2%;bottom:10%;}
.main-hero-stage .hero-chart-img{display:none !important;}
.main-hero-stage>div:first-child img{max-width:100% !important;}
#impact-section button.slick-next,#impact-section button.slick-prev{bottom:-15px;top:inherit;}
.product-video-name{font-size:16px !important;margin-top:15px !important;}
.product-video-brand img{max-width:150px !important;height:auto !important;}
.video-player-wrapper{padding:0 20px;}
.product-video-btn{margin-top:20px;}
.standout-section__human-image{width:90%;}
body p{font-size:12px !important;}
.btn-page,.btn-page--outline{font-size:12px;}
#main-content{overflow:hidden;padding:0px 5px 0px 5px;}
.fz__mb--12{font-size:12px !important;}
.standout-section{margin-top:0 !important;}
body{overflow-x:hidden !important;}
.pricing-benefits__inline{gap:0 !important;}
#teams .team-grid{grid-template-columns:repeat(1,minmax(0,1fr));}
.top-blog{padding-top:80px;}
.p-l__mb--0{padding-left:0 !important;}
#main-solution{background:#ffffff;margin-top:0;}
}
@media screen and (max-width:768px){.product-showcase-grid{grid-template-columns:1fr;gap:0;}
.product-image-display{display:none;}
.product-cards-wrapper{grid-template-columns:1fr;gap:12px;}
.product-card{padding:16px;border-radius:12px;cursor:pointer;}
.product-card:not(.active){background:#f8f9fa;border-color:#e0e0e0;}
.product-card:not(.active) .product-card-icon{width:48px;height:48px;background-color:#e0e0e0;}
.product-card:not(.active) .product-card-icon svg path{stroke:#868686;}
.product-card.active{background:#ffffff;border-color:#FF3F05;box-shadow:0 4px 12px rgba(255,63,5,0.15);}
.product-card.active .product-card-icon{width:48px;height:48px;background-color:#FF3F05;}
.product-card-icon{margin-bottom:12px;}
.product-card-title{font-size:20px !important;margin-bottom:0;}
.product-card-desc{display:none;opacity:0;max-height:0;margin:0;overflow:hidden;transition:opacity 0.3s ease,max-height 0.3s ease,margin 0.3s ease;}
.product-card .btn-page{display:none;opacity:0;max-height:0;overflow:hidden;transition:opacity 0.3s ease,max-height 0.3s ease,margin 0.3s ease;width:100%;text-align:center;}
.product-card.active .product-card-desc{display:-webkit-box;opacity:1;max-height:200px;margin:12px 0;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.product-card::after{content:'';display:none;width:100%;height:280px;margin:12px 0;background-image:var(--card-image);background-size:contain;background-position:center;background-repeat:no-repeat;border-radius:8px;background-color:#d4e9ff;opacity:0;transition:opacity 0.3s ease;}
.product-card.active::after{display:block;opacity:1;}
.product-card.active .btn-page{display:inline-block;opacity:1;max-height:100px;margin-top:12px;padding:0px 16px;font-size:13px;}
.product-card:active{transform:scale(0.98);transition:transform 0.1s ease;}
}
@media screen and (max-width:1024px) and (min-width:769px){.product-showcase-grid{grid-template-columns:1fr;gap:24px;}
.product-cards-wrapper{grid-template-columns:repeat(2,1fr);}
.product-image-display{position:relative;top:0;min-height:400px;}
}
@media screen and (max-width:375px){.product-card::after{height:240px;}
}
@media screen and (min-width:376px) and (max-width:768px){.product-card::after{height:424px;}
}
.cms-detail-hero{padding-top:150px;}
.career-detail-sidebar{position:sticky;top:120px;}
.career-sidebar-card{display:flex;flex-direction:column;}
.career-sidebar-card__meta{display:inline-flex;align-items:center;gap:10px;color:#727C8E;font-size:14px;font-weight:500;}
.career-sidebar-card__meta-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:rgba(255,104,56,0.12);color:#FF5A3C;}
.career-sidebar-card__salary{font-size:32px;font-weight:700;line-height:1.2;color:#0C2045;}
.career-sidebar-card__section{display:flex;flex-direction:column;gap:16px;}
.career-sidebar-card__section-title{font-size:16px;font-weight:600;color:#0C2045;}
.career-sidebar-card__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.career-sidebar-card__item{display:flex;align-items:center;gap:16px;}
.career-sidebar-card__badge{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:14px;background:rgba(255,90,60,0.12);color:#FF5A3C;font-weight:600;font-size:16px;}
.career-sidebar-card__badge--type{background:rgba(255,182,41,0.14);color:#FF8A00;}
.career-sidebar-card__badge--benefits{background:rgba(94,151,255,0.14);color:#4A7EFF;}
.career-sidebar-card__badge--category{background:rgba(81,196,92,0.14);color:#39A66D;}
.career-sidebar-card__item-content{display:flex;flex-direction:column;gap:4px;}
.career-sidebar-card__item-label{font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.05em;color:#8A93A7;}
.career-sidebar-card__item-value{font-size:16px;font-weight:600;color:#0C2045;}
.career-entry-content{padding-right:20px;}
.career-sidebar-card__actions{margin-top:4px;}
.career-sidebar-card__apply{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:16px 24px;border-radius:12px;background:linear-gradient(90deg,#FF6A3D 0%,#FF3F05 100%);color:#ffffff;font-size:16px;font-weight:600;text-decoration:none;transition:transform 0.25s ease,box-shadow 0.25s ease;}
.career-sidebar-card__apply:hover,.career-sidebar-card__apply:focus{transform:translateY(-1px);box-shadow:0 16px 40px rgba(255,63,5,0.25);}
.list-heading-blog li{border-left:3px solid #E8E8E8;padding:10px 10px 10px 25px;}
.list-heading-blog li a{color:#0C2045;}
@media (max-width:1024px){.career-detail-sidebar{position:static;width:100%;margin-top:40px;}
.career-sidebar-card{padding:28px 24px;gap:24px;}
.cms-detail-hero{padding-top:50px;}
}
.text__err{color:#e02020;}
.text--white{color:#fff !important;}
.text--primary{color:#FF3F05 !important;}
.text--sub--primary{color:rgba(20,20,20,0.6) !important;}
.text--uppercase{text-transform:uppercase;}
.text--underline{text-decoration:underline;}
.text--link{display:inline-block;color:#FF3F05;}
.text--gold{color:#ac9175 !important;}
.text--black{color:#000000 !important;}
.text--grey{color:#8c9796;}
.text--blue-light{color:rgb(94,112,157);}
.text--content{line-height:1.6;word-wrap:break-word;color:#56605f;font-size:16px;}
.text--content img{margin:25px auto;display:block;height:auto !important;}
.text--content img.alignleft{margin:25px 0;}
.text--content ol li{padding-left:10px;}
.text--content ol li::marker{font-weight:bold;margin-right:10px;}
.text-line-limit--3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-clamp:3;overflow:hidden;text-overflow:ellipsis;}
@media (max-width:768px){.text--content{padding-right:0;}
}

/* CSS Marquee - replaces slick for auto-scrolling elements */
.marquee-wrap{overflow:hidden;position:relative;}
.marquee-wrap::before,.marquee-wrap::after{content:'';position:absolute;top:0;width:60px;height:100%;z-index:2;pointer-events:none;}
.marquee-wrap::before{left:0;background:linear-gradient(to right,#fff,transparent);}
.marquee-wrap::after{right:0;background:linear-gradient(to left,#fff,transparent);}
.marquee-track{display:flex;width:max-content;animation:marquee-scroll 30s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
.marquee-track--fast{animation-duration:20s;}
.marquee-track--reverse{animation-direction:reverse;}
@keyframes marquee-scroll{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
/* Survey marquee */
.survey-marquee .marquee-track{gap:15px;animation-duration:25s;}
.survey-marquee::before,.survey-marquee::after{display:none;}

/* Product tour uses slick slider with custom chevron arrows */