:root{--ttw-areas-tabs-bg:#D0F6F7;--ttw-areas-tabs-bg_darken:#b0ebed;--ttw-areas-tabs-bg_lighten:#e0f5f5;--ttw-bg-color:#fff;--ttw-accent-color:#82D7D2;--ttw-accent-color_darken:#82D7D2;--ttw-accent-color_lighten:#99ded9;--ttw-accent-color_extra-light:#a2e7e3;--ttw-dark-main-color:#333;--ttw-light-main-color:#f9f9fa;--ttw-light-main-color_darken:#eeeef1;--ttw-dark-grey-color:#555;--ttw-dark-grey-color_lighten:#656565;--ttw-light-grey-color:#aaa;--ttw-light-grey-color_lighten:#bdbdbd;--ttw-white-color:#fff;--ttw-light-shadow:0 0 6.2px 0 rgba(201,198,198,.342);--ttw-basic-shadow:0 0 6.2px 0 rgba(0,0,0,.251)}
.ttw-application-areas{position:relative}
.ttw-application-areas::after,.ttw-application-areas::before{position:absolute;display:block;content:'';z-index:0;top:0}
.ttw-application-areas::before{top:19%;width:22%;height:auto;aspect-ratio:63/114;left:0;background:url(/local/templates/aspro-allcorp3/images/ttw-areas-bg-spot-left.webp) no-repeat center left;background-size:contain}
@media screen and (max-width:1730px){
.ttw-application-areas::before{top:15vw}
}
@media screen and (max-width:1239px){
.ttw-application-areas::before{width:40%;top:40%}
}
.ttw-application-areas::after{width:26%;height:auto;aspect-ratio:66/128;right:0;background:url(/local/templates/aspro-allcorp3/images/ttw-areas-bg-spot-right.webp) no-repeat center right;background-size:contain}
@media screen and (max-width:1239px){
.ttw-application-areas::after{width:35%;top:15%}
}
.ttw-application-areas>.services-list,.ttw-application-areas>div{position:relative;z-index:1}
@media screen and (min-width:1240px){
.ttw-application-areas>.services-list,.ttw-application-areas>div{padding-top:128px}
}
.ttw-tabs{overflow:hidden;background-color:transparent;padding:6px;margin-inline:-6px}
.ttw-tabs-list{list-style:none!important;padding:6px!important;margin:0 -6px -8px;gap:.333rem;gap:clamp(.333rem,2.244vw - .205rem,2.667rem);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;list-style:none;overflow-x:auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background-color:transparent;-webkit-overflow-scrolling:touch}
.ttw-tabs-list::-webkit-scrollbar{display:none}
.ttw-tabs-list{-ms-overflow-style:none;scrollbar-width:none}
.ttw-tabs-list::-webkit-scrollbar{height:4px}
.ttw-tabs-list::-webkit-scrollbar-track{background:0 0}
.ttw-tabs-list::-webkit-scrollbar-thumb{border-radius:.5rem;background:var(--ttw-white-color)}
.ttw-tabs-list__item{-webkit-box-flex:0;-ms-flex:0 0 175px;flex:0 0 175px;max-width:175px;margin:0;min-width:0}
@media screen and (min-width:640px){
.ttw-tabs-list__item{-webkit-box-flex:0;-ms-flex:0 0 200px;flex:0 0 200px;max-width:200px}
}
@media screen and (min-width:900px){
.ttw-tabs-list__item{min-width:22%;-webkit-box-flex:1;-ms-flex:1;flex:1}
}
.ttw-tabs-list__item::before{display:none}
.ttw-tabs-list__tab{position:relative;z-index:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;gap:.667rem;gap:clamp(.667rem,.641vw + .513rem,1.333rem);-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-weight:700;padding:.5rem 1rem;border:none;color:var(--ttw-dark-main-color);background-color:var(--ttw-areas-tabs-bg);cursor:pointer;text-align:left;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border-radius:10px 10px 0 0}
@media screen and (min-width:1240px){
.ttw-tabs-list__tab{padding:.8rem 1.333rem}
}
.ttw-tabs-list__tab::after{position:absolute;display:block;content:'';opacity:0;width:110%;height:7px;background-color:inherit;left:50%;top:calc(100% - 1px);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .2s;-o-transition:opacity .2s;transition:opacity .2s}
@media screen and (max-width:1239px){
.ttw-tabs-list__tab::after{width:100%}
}
.ttw-tabs-list__item:first-child .ttw-tabs-list__tab::after{left:0;-webkit-transform:none;-ms-transform:none;transform:none}
.ttw-tabs-list__item:last-child .ttw-tabs-list__tab::after{right:0;left:auto;-webkit-transform:none;-ms-transform:none;transform:none}
.ttw-tabs-list__tab .svg,.ttw-tabs-list__tab .ttw-icon{width:1.667rem;height:1.667rem;height:clamp(1.667rem,1.603vw + 1.282rem,3.333rem);width:clamp(1.667rem,1.603vw + 1.282rem,3.333rem)}
.ttw-tabs-list__tab .svg svg{width:100%;height:100%}
.ttw-tabs-list__tab>span{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-family:Roboto,Arial,sans-serif;font-weight:600;font-size:.813rem;line-height:1.1;font-size:clamp(.813rem,.962vw + .596rem,1.75rem)}
@media screen and (max-width:1239px){
.ttw-tabs-list__tab{padding:.667rem 1rem;padding-block:clamp(.667rem,2.123vw - .42rem,1.333rem);padding-inline:clamp(1rem,2.123vw - .087rem,1.667rem)}
}
.ttw-tabs-list__tab:hover{color:var(--ttw-dark-main-color);background-color:var(--ttw-areas-tabs-bg_darken)}
.ttw-tabs-list__tab:focus{outline:0}
.ttw-tabs-list__tab:focus-visible{z-index:1}
.ttw-tabs-list__tab:focus-visible,.ttw-tabs-list__tab[aria-selected=true]{color:var(--ttw-dark-main-color);-webkit-box-shadow:var(--ttw-basic-shadow);box-shadow:var(--ttw-basic-shadow);background-color:var(--ttw-areas-tabs-bg)}
.ttw-tabs-list__tab[aria-selected=true]{z-index:2}
.ttw-tabs-list__tab[aria-selected=true]::after{opacity:1}
.ttw-tabs-content{position:relative;z-index:1;border-radius:0 0 10px 10px;-webkit-box-shadow:var(--ttw-basic-shadow);box-shadow:var(--ttw-basic-shadow);background-color:var(--ttw-areas-tabs-bg)}
.ttw-tabs-content__panel{display:none;padding:30px 20px 40px;color:var(--ttw-dark-main-color);-webkit-animation:fadeIn .3s ease;animation:fadeIn .3s ease;-webkit-transition:-webkit-box-shadow .2s;transition:-webkit-box-shadow .2s;-o-transition:box-shadow .2s;transition:box-shadow .2s;transition:box-shadow .2s,-webkit-box-shadow .2s}
.ttw-tabs-content__panel:focus{outline:0}
.ttw-tabs-content__panel:focus-visible{-webkit-box-shadow:inset 0 0 0 1px var(--ttw-dark-grey-color);box-shadow:inset 0 0 0 1px var(--ttw-dark-grey-color)}
.ttw-tabs-content__panel[aria-hidden=false]{display:block}
@-webkit-keyframes fadeIn{
from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
@keyframes fadeIn{
from{opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px)}
to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}
}
.ttw-tabs-content__panel p:last-child{margin-bottom:0}
.ttw-application-areas-list{list-style:none!important;padding:0;margin:0;display:grid;grid-gap:1.333rem;grid-gap:clamp(1.333rem,.769vw + 1.149rem,2.133rem) clamp(1.333rem,4.487vw + .256rem,6rem);grid-template-columns:repeat(1,1fr)}
@media screen and (min-width:640px){
.ttw-application-areas-list{grid-template-columns:repeat(2,1fr)}
}
@media screen and (min-width:992px){
.ttw-application-areas-list{grid-template-columns:repeat(3,1fr)}
}
@media screen and (min-width:1240px){
.ttw-application-areas-list{grid-template-columns:repeat(4,1fr)}
}
.ttw-application-areas-list-item{margin:0;min-width:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1rem;gap:clamp(1rem,.641vw + .846rem,1.667rem)}
.ttw-application-areas-list-item::before{display:none}
.ttw-application-areas-list-item__icon .svg,.ttw-application-areas-list-item__icon .ttw-icon{width:1.667rem;height:1.667rem;width:clamp(1.667rem,1.603vw + 1.282rem,3.333rem);height:clamp(1.667rem,1.603vw + 1.282rem,3.333rem)}
.ttw-application-areas-list-item__icon .svg svg{width:100%;height:100%}
.ttw-application-areas-list-item__info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}
.ttw-application-areas-list-item__title{font-size:1rem;margin-bottom:2px;line-height:1.2;color:var(--ttw-dark-main-color);font-size:clamp(1rem,.192vw + .954rem,1.2rem)}
.ttw-application-areas-list-item__more-link{color:var(--ttw-light-grey-color);text-decoration:none;text-transform:lowercase;font-size:.867rem;font-size:clamp(.867rem,.064vw + .851rem,.933rem)}
.ttw-tabs-list__tab i {    flex: 0 0 35px !important;
    width: 35px !important;
    height: 35px !important;
    min-width: 35px !important;
    min-height: 35px !important;}
.ttw-tabs-list__tab[aria-selected="true"] i svg > * {fill: #fff}