*{font-family:"ZohoPuvi"}
div#scroll{display:none;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#000;font-weight:300;letter-spacing:0}
strong{font-weight:600}
.full-page{position:relative}
.full-page::before{content:"";width:100%;height:1000px;background:#fff;background-image:radial-gradient(at 99.6% 11.9%,#dff7f5 0px,transparent 50%),radial-gradient(at 2.2% 10.6%,#fcf7e8 0px,transparent 50%);position:absolute;left:0;top:0;z-index:-1}
.page-header,.page-header *,.page-content-section,.page-content-section *{box-sizing:border-box}
.page-container{max-width:1330px;width:95%;margin:auto}
.bread_crumb a{display:inline-block;font-size:12px;font-weight:400;line-height:30px;color:#000;text-transform:uppercase;position:relative;margin-right:25px;cursor:pointer}
.page-header{padding:25px 0 45px}
.bread_crumb a:after{content:'';position:absolute;width:5px;height:5px;border:1px solid #000;border-left:0;border-bottom:0;transform:rotate(45deg);top:12px;right:-12px}
.bread_crumb a:last-child{color:rgba(0,0,0,0.7);pointer-events:none}
.bread_crumb a:last-child:after{display:none}
.ban-text{text-align:center;margin-top:20px}
.ban-text h1{font-size:36px;line-height:46px;font-weight:600;margin-bottom:10px}
.ban-text p{font-size:20px;line-height:30px;color:#000;font-weight:400;margin:0}
.baner-cta a{display:inline-block;font-size:16px;line-height:28px;font-weight:500;color:#fff;background:#008080;padding:10px 40px;border-radius:3px;margin-top:30px;cursor:pointer;text-decoration:none;transition:.3s linear;border:1px solid transparent}
.baner-cta a:hover{background:#036565;border-color:#008080;transform:scale(1.04);box-shadow:inset 0 0 0 2px #fff}
.page-content-section .page-container{background:#fff;border-radius:10px;padding:45px 45px 90px}
.page-lhs{display:inline-block;width:268px;vertical-align:top;color:#000;position:sticky;top:70px}
.page-lhs p{font-size:16px;line-height:26px;font-weight:500;text-transform:uppercase;margin:0;margin-bottom:20px}
.page-center p a, .page-center li a { font-size: inherit;line-height: inherit;font-weight:inherit;}
.lhs-menu-list{position:relative}
.lhs-menu-list ul{list-style:none;margin:0;padding:0;box-shadow:8px 0 10px -12px #00000073}
.lhs-menu-list li{font-size:14px;line-height:24px;font-weight:300;color:#000;padding:8px 30px 8px 0;margin-bottom:5px;position:relative;cursor:pointer;transition:.3s ease-in;z-index:1;}
.lhs-menu-list .highlighter{display:inline-block;width:100%;height:37px;background:linear-gradient(to right,rgba(11,98,95,0) 0%,rgb(11 98 95 / 10%) 100%);border-right:3px solid;border-color:#0B625F;position:absolute;top:0;left:0;transition:.3s linear;z-index:-1;}
.lhs-menu-list li:not(.active):hover{color:#025050}
.lhs-trigger{display:none}
@media screen and (max-width : 992px) {
.page-lhs{width:100%;height:100vh;position:fixed;top:0;left:-100%;background:#fafbf4;z-index:99999;padding:20px 0 0 20px;transition:.3s ease-in}
.lhs-menu-list{position:relative;height:100vh;overflow:auto;max-height:100%;width:calc(100% - 50px)}
.lhs-trigger{display:block;position:absolute;right:-28px;top:48vh;width:36px;height:75px;background:#008080;border-radius:0 13px 13px 0;display:block;transform:scale(0.6);transition:.3s}
.lhs-trigger:before{content:"";width:15px;height:15px;border:2px solid #fff;border-bottom:0;border-left:0;border-radius:1px;position:absolute;right:0;top:0;left:-8px;bottom:0;margin:auto;transform:rotate(45deg);transition:.3s}
.lhs-menu-list .highlighter{display:none}
.lhs-menu-list li{padding-left:10px}
.lhs-menu-list li.active{background:#fff;border-left:4px solid #008080}
.page-lhs.open-lhs{left:0;width:90%;max-width:330px;box-shadow:0 0 30px -10px #969696}
.page-lhs.open-lhs .lhs-trigger:before{left:0;transform:rotate(45deg) scale(-1)}
}
.page-center{display:inline-block;width:calc(100% - 272px);vertical-align:top;padding-left:67px}
.page-center h2{font-size:28px;line-height:1.7;font-weight:500;color:#000;margin-top:40px;margin-bottom:12px}
.page-center > h3{font-size:24px;line-height:1.7;font-weight:500;color:#000;margin-top:30px;margin-bottom:12px}
.page-center > h4{font-size:20px;line-height:1.7;font-weight:500;color:#000;margin-top:30px;margin-bottom:12px}
.page-center h2:first-child{margin-top:0}
.page-center div + h2{margin-top:50px}
.page-center p{font-size:16px;line-height:1.8;margin:0;color:#000;font-weight:300;margin-bottom:15px}
.flow-chart-box{background:#0080800d;color:#000;padding:20px 50px;border-radius:10px;margin:40px 0 60px}
.flow-row{width:100%;display:flex;padding:30px 0;position:relative;align-items:center}
.flow-row:not(:last-child):before{content:"";width:calc(100% - 70px);height:0;border-bottom:1px dashed #0080804d;position:absolute;bottom:0;right:0}
.flow-row .step{display:inline-block;width:225px;font-size:18px;line-height:23px;font-weight:500;position:relative;padding-left:67px;padding-right:22px}
.flow-row .step-desc{width:calc(100% - 225px)}
.flow-row .step-desc p{margin:0}
.flow-row .step-desc .note{background:rgb(217 240 240 / 60%);border:1px dashed #8FC8C8;font-size:14px;line-height:20px;padding:5px 10px;border-radius:4px;margin-top:12px}
.flow-row .step-desc .note strong{font-weight:500}
.flow-row .step i{width:47px;height:47px;border-radius:5.595px;background:linear-gradient(180deg,rgba(0,128,128,0.17) 0%,rgba(0,128,128,0.00) 100%);position:absolute;left:0;top:0;bottom:0;margin:auto}
.flow-row .step i:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;margin:auto}
.flow-row .line{width:2px;height:0;background:rgb(0,128,128);background:-moz-linear-gradient(0deg,rgba(0,128,128,1) 0%,rgba(0,128,128,0.01) 100%);background:-webkit-linear-gradient(0deg,rgba(0,128,128,1) 0%,rgba(0,128,128,0.01) 100%);background:linear-gradient(0deg,rgba(0,128,128,1) 0%,rgba(0,128,128,0.01) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#008080",endColorstr="#008080",GradientType=1);position:absolute;left:22px;top:calc(50% + 25px)}
.flow-row .line:after{content:"";width:9px;height:6px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAANCAYAAABLjFUnAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADySURBVHgBpZGxFcIgEIYvsoAjZARHSEo7M4FxBCcI2cLO2FmmsxQrS7XSEruMYIdHJAYIkOfzf+94wN193HEAuiidwS+iNNaP5LsrywLXPaQpB8ZuYxz18B3jAeNPPUyChKAqbDEK/FR0QJuiJR0wUi9cBglRlENR7DygI1pseTKCxAaS5NlWZGpYIaWykrMDVKJvM1FBFa4rsCVEhV+w1G62HhBtmwGzhVwlmJItS0j/r51qzMm6AzFcjF29LcuPNsXR5pjzcsPCQBuUYlWNfkmcoWEgVyBuO9ywMFCCHq4UP8wFFGKN063hL8kpq/GH9AaXeGOVYVT5VwAAAABJRU5ErkJggg==) no-repeat;background-size:contain;background-position:center;position:absolute;left:50%;transform:translateX(-50%);right:0;bottom:-3px;margin:auto}
.flow-row:last-child .line{display:none}
.card-box .card-ic{display:inline-block;margin-bottom:10px}
.card-box h3,.card-box h4{font-size:20px;line-height:30px;font-weight:500;color:#000;margin-bottom:5px}
.card-box p{margin-bottom:0}
.single-card-box-list{display:flex;width:100%;padding:50px;gap:40px;flex-wrap:wrap;background:rgb(0 128 128 / 5%);border-radius:10px;margin-top:26px;position:relative}
.single-card-box-list .card-box{width:100%}
.single-card-box-list .card-box:not(:last-child){border-bottom:1px dashed #0080804d;padding-bottom:40px}
.double-card-box-list{display:flex;flex-wrap:wrap;gap:40px;margin-top:30px}
.double-card-box-list .card-box{width:calc(50% - 20px)}
.card-bg .card-box{padding:40px;background:rgb(0 128 128 / 5%);border-radius:5px}
.three-card-box-list{display:flex;gap:20px;margin-top:30px}
.three-card-box-list .card-box{border-radius:10px}
.ss-img-container{width:100%;margin-bottom:20px;position:relative}
.page-center .heading-with-border{font-size:20px;line-height:28px;font-weight:500;border-left:5px solid #008080;padding-left:10px;margin-top:30px;margin-bottom:20px}
.ss-img-container figure{width:100%}
.ss-img-container img{width:100%;height:auto}
.img-tool-tip{position:absolute;top:0;left:0}
.img-tool-tip .tip-dot{width:18px;height:18px;background:#FFB635;display:block;text-align:center;border-radius:50%;color:transparent;cursor:pointer;position:relative;box-shadow:0 0 0 0 rgba(232,76,61,0.7);-webkit-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-moz-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);-ms-animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1);animation:pulse 1.25s infinite cubic-bezier(0.66,0,0,1)}
@-webkit-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-moz-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@-ms-keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
@keyframes pulse {
to{box-shadow:0 0 0 15px rgba(232,76,61,0)}
}
.tip-text{display:inline-block;width:330px;position:absolute;top:50%;transform:translateY(-50%);left:26px;font-size:14px;line-height:19px;color:#fff;background:#144650;padding:10px 15px;border-radius:10px}
.tip-text:before{content:"";width:0;height:0;border-style:solid;border-width:7px 7px 7px 0;border-color:transparent #144650 transparent transparent;transform:rotate(0deg);position:absolute;left:-5px;top:0;bottom:0;margin:auto}
.img-tool-tip-1{top:47%;left:auto;right:28%}
.img-tool-tip-2{top:47%;left:auto;right:28%}
.mble-view-text{padding:10px;display:none}
.table-container{overflow:auto;margin-top:20px}
.table-container table{border-radius:5px;overflow:hidden;min-width:600px}
.table-container table thead{background:rgb(0 128 128 / 15%);border-radius:10px;text-align:left;color:#000;font-weight:500}
.table-container table tbody tr{background:#0080800d}
.table-container table tbody tr:not(:last-child){border-bottom:1px solid #fff}
.table-container table th,.table-container table td{font-size:15px;line-height:25px;font-weight:300;padding:15px 30px;color:#000;vertical-align:middle}
.table-container table thead th{font-size:16px;line-height:26px;font-weight:500;padding:10px 30px}
.table-container table td:first-child{font-weight:500}
.foot-prod-pitch-box{background:rgba(0,128,128,0.05);padding:40px;text-align:center;margin-top:50px;border-radius:10px}
.foot-prod-pitch-box h2{margin:0 auto;font-size:24px;line-height:1.6;max-width:700px}
.fo-cta-wrap{display:flex;margin-top:25px;justify-content:center;gap:20px;flex-wrap:wrap;margin-bottom:10px;}
.fo-cta-wrap a{display:inline-block;font-size:15px;line-height:25px;min-width:180px;border:1px solid;border-radius:4px;padding:10px;transition:.3s ease-in;text-decoration:none;cursor:pointer}
.fo-cta-wrap a:nth-of-type(1){color:#fff;background:#008080;border-color:#008080}
.fo-cta-wrap a:hover{transform:scale(1.005) translateY(-2px);box-shadow:0 5px 10px #00000040}
.fo-cta-wrap a:nth-of-type(2){color:#000;border-color:#000}
@media screen and (max-width : 1200px) {
.page-content-section .page-container{padding:20px 20px 60px}
.page-center{padding-left:35px}
.tip-text{width:200px;}
}
@media screen and (max-width : 992px) {
.page-content-section .page-container{padding:30px;margin-bottom:20px}
.page-center{padding:0;width:100%}
.page-center h2{font-size:24px;line-height:34px}
.ban-text{padding:0 20px;max-width:700px;margin-left:auto;margin-right:auto}
.ban-text h1{font-size:30px;line-height:40px}
.ban-text p{font-size:18px;line-height:28px}
.baner-cta a{margin-top:20px}
.img-tool-tip{display:none}
.mble-view-text{display:block}
.mble-view-text p{margin-bottom:0}
.card-box h3,.card-box h4{font-size:18px;line-height:28px}
.single-card-box-list{padding:30px}
.card-bg .card-box{padding:30px}
}
@media screen and (max-width : 767px) {
.flow-chart-box{padding:10px 0}
.flow-row{padding:20px;flex-wrap:wrap}
.flow-row .line{height:calc(100% - 63px);top:65px;left:40px}
.flow-row .step{width:100%;margin-bottom:10px}
.flow-row .step-desc{width:100%;padding-left:70px}
.flow-row .step i{top:0;bottom:auto}
.double-card-box-list,.three-card-box-list{gap:30px;flex-wrap:wrap}
.double-card-box-list .card-box,.three-card-box-list .card-box{width:100%}
}