section{z-index:10;position:relative}
section.hero{background-color:#b4d2c6;height:calc(100svh + 1000px);margin-top:80px;padding:80px 20px 0;text-align:center;position:relative}
@media (min-width:768px){section.hero{padding:80px 0 0}}
section.hero>.logo{height:60px;margin-bottom:40px;width:auto}
section.hero>h1{font-size:1.5rem;line-height:2.0rem;margin-bottom:40px}
@media (min-width:768px){section.hero>h1{font-size:3.0rem;line-height:4.0rem}}
section.explore{align-items:center;background-color:#0a010f;color:#f9fbe3;display:flex;overflow:hidden;padding:80px 20px;position:relative;text-align:center}
@media (min-width:768px){section.explore{height:calc(100svh + 300px)}}
section.explore>.wrapper{margin:0 auto;max-width:1200px;z-index:10}
section.explore>.wrapper>.bg{left:0;height:1000px;margin:0 auto;opacity:0.08;position:absolute;right:0;rotate:-30deg;top:100px;width:auto;z-index:1}
section.explore>.wrapper>h2{font-size:3.0rem;font-weight:900;line-height:4.0rem;margin:0 0 20px 0;text-transform:uppercase}
@media (min-width:768px){section.explore>.wrapper>h2{font-size:4.0rem;line-height:5.0rem}}
section.explore>.wrapper>h3{font-size:1.5rem;font-weight:600;margin-bottom:40px;text-transform:uppercase}
section.explore>.wrapper>p{font-size:1.5rem;font-weight:100;line-height:2.5rem;margin-bottom:40px}
section.explore>.wrapper>button{position:relative;z-index:10}
section.help{align-items:start;background:#fff url('../themes/withblue/assets/images/bgs/help.webp') top center / contain no-repeat;display:flex;height:10000px;padding:0 20px;position:relative;text-align:center}
section.help.fixed{background-attachment:fixed;background-size:cover}
section.help.fixed>.wrapper{position:sticky;top:0}
section.help.bottom{background-attachment:initial;background-size:contain;background-position:bottom}
section.help.bottom>.wrapper{position:sticky;top:0}
@media (min-width:768px){section.help{height:10000px}}
section.help>.wrapper{margin:0 auto;max-width:1400px;position:relative;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;height:100svh;perspective:1000px}
section.help>.wrapper.details>.flip-container{transform:rotateY(180deg)}
section.help>.wrapper>.flip-container{position:relative;width:60%;transition:transform 0.8s;transform-style:preserve-3d}
section.help>.wrapper>.flip-container .flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden}
section.help>.wrapper>.flip-container .flip-front h2{font-size:6.0rem;font-weight:900;line-height:6.0rem;margin:0;text-transform:uppercase;z-index:10;opacity:1}
section.help>.wrapper>.flip-container .flip-front h2.less{color:#dde0e2}
section.help>.wrapper>.flip-container .flip-front img.wb-circle{height:160px;left:400px;margin:0 auto;opacity:0.2;position:absolute;right:0;top:-50px;width:auto;z-index:1}
section.help>.wrapper>.flip-container .flip-front .services{left:0;right:0;position:absolute;top:25px;z-index:11;margin:0 auto;max-width:800px;width:100%}
section.help>.wrapper>.flip-container .flip-front .services .btn-service{font-size:1.1rem}
section.help>.wrapper>.flip-container .flip-front .services .btn-service[data-opacity="1"]{opacity:1}
section.help>.wrapper>.flip-container .flip-front .services .btn-service[data-opacity="0"]{opacity:0}
section.help>.wrapper>.flip-container .flip-back{position:absolute;top:0;right:0;z-index:12;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateY(180deg)}
section.help>.wrapper>.flip-container .flip-back .service-details{background-color:rgba(255,255,255,0.95);border:1px solid #ccc;border-radius:15px;margin:0 auto;padding:40px;width:100%;position:relative}
section.help>.wrapper>.flip-container .flip-back .service-details>.service-content{display:none}
section.help>.wrapper>.flip-container .flip-back .service-details>.service-content[data-content="advice"]{display:block}
section.help>.wrapper>.flip-container .flip-back .service-details>.service-content>h3{font-size:2.5rem;font-weight:900;text-transform:uppercase}
section.help>.wrapper>.flip-container .flip-back .service-details>.service-content>p{text-align:left}
section.help>.wrapper>.flip-container .flip-back .service-details>.btn-close{position:absolute;top:20px;right:20px}
section.different{align-items:center;background:#0a010f url('../themes/withblue/assets/images/bgs/different.webp') bottom center / cover no-repeat;color:#f5f5f5;display:flex;text-align:left}
@media (min-width:768px){section.different{height:calc(100svh - 80px)}}
section.different>.wrapper{overflow:hidden;padding:80px 20px;width:100%}
@media (min-width:768px){section.different>.wrapper{padding:80px}}
section.different>.wrapper>h2{font-size:2.5rem;font-weight:900;line-height:2.5rem;margin:0;text-transform:uppercase}
@media (min-width:768px){section.different>.wrapper>h2{font-size:4.0rem;line-height:4.0rem}}
section.different>.wrapper>h3{font-size:1.5rem;font-weight:400;margin-bottom:40px;position:relative;text-transform:uppercase}
@media (min-width:768px){section.different>.wrapper>h3{font-weight:600;left:200px}}
section.different>.wrapper>.benefits{margin-left:auto;margin-right:auto;align-items:flex-start;display:flex;flex-direction:column;flex-wrap:nowrap;gap:40px}
@media (min-width:768px){section.different>.wrapper>.benefits{flex-direction:row}}
section.different>.wrapper>.benefits .swiper-horizontal{margin-right:-80px;margin-left:-80px;padding-left:80px;max-width:calc(1466px + 120px)}
section.different>.wrapper>.benefits .benefit{background-color:rgba(255,255,255,0.1);border-radius:20px;margin:70px 40px 0 0;padding:90px 20px 20px 20px;position:relative}
@media (min-width:768px){section.different>.wrapper>.benefits .benefit{width:300px}}
section.different>.wrapper>.benefits .benefit>.icon{align-items:center;background-color:#fff;border-radius:70px;display:flex;height:140px;justify-content:center;left:0;margin:0 auto;position:absolute;right:0;top:-70px;width:140px}
section.different>.wrapper>.benefits .benefit>.icon>img{height:80px;width:auto}
section.different>.wrapper>.benefits .benefit>h4{font-size:1.2rem;font-weight:900}
section.different>.wrapper>.benefits .benefit>p{font-size:1rem}
section.desktop{background-color:#eee;height:100svh}
@media (min-width:768px){section.desktop{height:calc(100svh - 80px)}}
section.desktop>.wrapper{height:100%;overflow:hidden;width:100%}
section.desktop>.wrapper>img{box-shadow:-5px 5px white,-10px 10px 5px rgba(0,0,0,0.15);height:300px;transform:skew(40deg,-20deg);width:auto;z-index:10}
section.get{align-items:center;background:#fff url('../themes/withblue/assets/images/bgs/get.webp') bottom center / cover no-repeat;display:flex;padding:80px 20px}
@media (min-width:768px){section.get{height:calc(100svh - 80px)}}
section.get>.wrapper{align-items:center;display:flex;flex-direction:column;gap:80px;margin:0 auto;max-width:1080px;width:100%}
@media (min-width:768px){section.get>.wrapper{flex-direction:row}}
section.get>.wrapper>.process{flex-grow:2}
section.get>.wrapper>.process>h2{font-size:3.0rem;font-weight:900;line-height:3.0rem;margin:0;text-transform:uppercase}
@media (min-width:768px){section.get>.wrapper>.process>h2{font-size:4.0rem;line-height:4.0rem}}
section.get>.wrapper>.process>h3{color:#afa8b4;font-size:1.5rem;font-weight:900;margin-bottom:40px;position:relative;text-transform:uppercase}
@media (min-width:768px){section.get>.wrapper>.process>h3{left:200px}}
section.get>.wrapper>.process h4>a{color:#afa8b4;display:inline-block;font-size:1.2rem;font-weight:900;margin-top:20px;text-decoration:none;text-transform:uppercase}
section.get>.wrapper>.process h4>a:hover,
section.get>.wrapper>.process h4>a[aria-expanded="true"]{color:#1e032d}
section.get>.wrapper>.process h4>a:focus{outline:none}
section.get>.wrapper>.process .process-text{max-width:600px}
section.get>.wrapper>.graphic>img.wb-circle{height:160px;left:-40px;position:relative;top:-60px;width:auto;z-index:10}
section.mobile{background-color:#eee;height:100svh}
@media (min-width:768px){section.mobile{height:calc(100svh - 80px)}}
section.mobile>.wrapper{height:100%;overflow:hidden;width:100%}
section.mobile>.wrapper>img{height:400px;rotate:-30deg;width:auto;z-index:10}
section.work{align-items:center;background:#0a010f url('../themes/withblue/assets/images/bgs/work.webp') top center / cover no-repeat;display:flex;flex-direction:column;flex-wrap:wrap;gap:40px;padding:40px 20px}
@media (min-width:768px){section.work{height:calc(100svh - 80px)}}
section.work>.steps{display:flex;flex-direction:column;gap:40px;margin:0 auto;max-width:1200px;width:100%}
@media (min-width:768px){section.work>.steps{flex-direction:row}}
section.work>.steps>h2{font-size:3.0rem;font-weight:900;line-height:3.0rem;margin:0;text-transform:uppercase;white-space:nowrap}
@media (min-width:768px){section.work>.steps>h2{font-size:4.0rem;line-height:4.0rem}}
section.work>.steps .step-wrapper{max-width:905px;overflow:hidden}
section.work>.steps .step-wrapper .step-page{align-items:center;display:flex;gap:10px;position:relative;z-index:1}
section.work>.steps .step-wrapper .step-page img{height:40px;width:auto;cursor:pointer}
section.work>.steps .step-wrapper .step-page img.disabled{opacity:0.2}
section.work>.steps .step{position:relative;width:100%}
section.work>.steps .step>.step-num{color:#00b9f2;font-size:15rem;font-weight:700;left:0;line-height:10rem;opacity:0.2;position:absolute;top:0;z-index:0}
section.work>.steps .step>.step-details{margin:50px 0 0 80px;position:relative}
section.work>.steps .step>.step-details>h3{font-size:1.8rem;font-weight:900;margin:0}
section.work>.steps .step>.step-details>h4{font-size:1.2rem;font-weight:900;margin:0 0 10px 0}
section.work>.steps .step>.step-details>.step-page{align-items:center;display:flex;gap:10px}
section.work>.steps .step>.step-details>.step-page img{height:40px;width:auto}
section.work>.steps .step>.step-details>.step-page img.disabled{opacity:0.2}
section.work>.steps .step-menu{width:20px;margin-top:50px}
@media (min-width:768px){section.work>.steps .step-menu{display:block}}
section.work>.steps .step-menu .swiper-pagination-bullet{background-color:#fff;border:2px solid #00b9f2;border-radius:10px;display:block;height:20px;margin-bottom:10px;width:20px}
section.work>.steps .step-menu .swiper-pagination-bullet:hover,
section.work>.steps .step-menu .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#00b9f2}
section.work>.step-art{display:none;margin:0 auto;max-width:1200px;position:relative;width:100%}
@media (min-width:768px){section.work>.step-art{display:block}}
section.work>.step-art>a{background-color:#fff;border:10px solid rgba(73,197,235,0.3);border-radius:15px;display:block;height:30px;margin-bottom:5px;outline:0 solid rgba(141,72,121,0.9);position:absolute;width:30px}
section.work>.step-art>a:hover,
section.work>.step-art>a.on{background-color:#fff;outline-width:20px}
section.work>.step-art>a#step-art-1{top:100px;left:0}
section.work>.step-art>a#step-art-2{top:80px;left:20%}
section.work>.step-art>a#step-art-3{top:60px;left:40%}
section.work>.step-art>a#step-art-4{top:40px;left:60%}
section.work>.step-art>a#step-art-5{top:20px;left:80%}
section.start{align-items:center;background:#0a010f url('../themes/withblue/assets/images/bgs/start.webp') top center / cover no-repeat;color:#fff;display:flex;padding:0 20px 100px 20px;text-align:center}
@media (min-width:768px){section.start{height:calc(100svh - 80px)}}
section.start>.wrapper{margin:0 auto;max-width:1400px;position:relative}
section.start>.wrapper>h2{font-size:2.5rem;font-weight:900;line-height:3.0rem;margin:0 0 40px 0;text-transform:uppercase}
@media (min-width:768px){section.start>.wrapper>h2{font-size:4.0rem;line-height:4.0rem}}
section.start>.wrapper>img.wb-circle{height:160px;right:-100px;position:relative;top:100px;width:auto;z-index:10}
section.more{overflow:hidden;padding:80px 20px;position:relative}
@media (min-width:1400px){section.more{padding:140px 20px}}
section.more>img.bg{left:-400px;height:1200px;opacity:0.15;position:absolute;rotate:-30deg;top:-10px;width:auto;z-index:-1}
section.more h3{border-top:1px dashed #999;font-size:1.5rem;font-weight:800;margin-bottom:15px;padding-top:40px}
@media (min-width:768px){section.more h3{border-top:0 dashed #999;padding-top:0}}
section.more h3>span{color:#00b9f2;text-transform:uppercase}
section.more>.mores{display:flex;flex-direction:column;gap:40px}
@media (min-width:768px){section.more>.mores{flex-direction:row;flex-wrap:wrap}}
@media (min-width:1400px){section.more>.mores{flex-wrap:nowrap;gap:140px;margin:0 auto;max-width:1400px}}
@media (min-width:768px){section.more>.mores>.about{width:100%}}
@media (min-width:1400px){section.more>.mores>.about{width:33%}}
section.more>.mores>.about img{margin-bottom:20px;max-width:300px}
section.more>.mores>.about img.flag{height:14px;margin:0 0 0 2px;position:relative;top:-2px;width:auto}
@media (min-width:768px){section.more>.mores>.news{width:calc((100% - 140px) / 2)}}
@media (min-width:1400px){section.more>.mores>.news{width:33%}}
@media (min-width:768px){section.more>.mores>.sitemap{width:calc((100% - 140px) / 2)}}
@media (min-width:1400px){section.more>.mores>.sitemap{width:33%}}
section.more>.mores>.sitemap a{color:#08010c;text-decoration:none}
section.more>.mores>.sitemap ul{padding:0}
section.more>.mores>.sitemap ul>li{list-style-type:none}
section.more>.mores>.sitemap ul>li>a{font-weight:800;text-decoration:none;transition:all ease 0.2s}
section.more>.mores>.sitemap ul>li>a:hover{color:#00b9f2 !important}
section.more>.mores>.sitemap ul>li>ul{padding-left:20px}
section.more>.mores>.sitemap ul>li>ul>li:hover{list-style-type:disc;color:#000}
section.more>.mores>.sitemap ul>li>ul>li:hover::marker{color:#000}
section.more>.mores>.sitemap ul>li>ul>li a{font-weight:400}
section.more>.mores>.sitemap ul>li>ul>li a:hover{color:#00b9f2 !important}