html{font-size:62.5%;}:root{--min-screen-width:320px;--max-screen-width:1400px;--white:#fff;--black:#000;--semi-dark-blue:hsla(205.77,87.17%,63.33%,1);--dark-blue:hsla(217.67,39.45%,21.37%,1);--blue-light:hsla(206.84,100%,92.55%,1);--blue:hsla(198.92,85.53%,70.2%,1);--gap-xs:5px;--gap-s:8px;--gap-m:10px;--gap-l:16px;--gap-xl:20px;--gap-2xl:32px;--gap-3xl:40px;--gap-4xl:64px;--radius-xs:5px;--radius-s:10px;--radius-m:15px;--radius-l:20px;--radius-xl:25px;--radius-xxl:50px;}.button-white{padding:12px 25px;background:var(--white);border:none;border-radius:25px;font-size:18px;font-weight:400;line-height:0.9;color:var(--dark-blue);transition:0.3s ease;}.button-white:hover{color:var(--white);background:var(--dark-blue);}.button-white.on-scroll{background:var(--dark-blue);color:var(--blue);transition:0.3s ease;}.button-white.on-scroll:hover{background:var(--blue);color:var(--dark-blue);}.button-blue{padding:12px 25px;background:var(--blue);border:none;border-radius:25px;font-size:18px;font-weight:400;line-height:0.9;color:var(--dark-blue);transition:0.3s ease;}.button-blue:hover{background:var(--dark-blue);color:var(--semi-dark-blue) !important;}.button-light-blue{padding:12px 25px;background:var(--blue-light);border:none;border-radius:25px;font-size:18px;font-weight:400;line-height:0.9;color:var(--dark-blue);transition:0.3s ease;}.button-light-blue:hover{background:var(--dark-blue);color:var(--blue-light);}.button-dark-blue{padding:12px 25px;background:var(--dark-blue);border:none;border-radius:25px;font-size:18px;font-weight:400;line-height:0.9;color:var(--blue-light);transition:0.3s ease;}.button-dark-blue:hover{color:var(--dark-blue);background:var(--blue-light);}.button-underline{color:var(--dark-blue);font-size:18px;border:none;background:none;line-height:0.9;border-bottom:1px solid var(--dark-blue);padding:0 0 0 0;padding-bottom:5px;font-weight:400;transition:0.3s ease;}.button-underline:hover{color:var(--semi-dark-blue);border-color:var(--semi-dark-blue);}H1{font-size:clamp(48px,calc(3rem + ((1vw - 3px) * 1.4035)),64px);font-weight:500;line-height:0.9;}H2{font-size:clamp(32px,calc(2rem + ((1vw - 3px) * 0.6632)),39.56px);font-weight:500;line-height:0.9;}H3{font-size:clamp(20px,calc(1.25rem + ((1vw - 3px) * 0.4944)),24.45px);font-weight:500;line-height:0.9;}.subtitle{font-size:22px;font-weight:400;line-height:0.9;}.btn{font-size:18px;font-weight:400;line-height:0.9;}