/* =================================== */
/* =================================== */
/* =================================== */
/* Danylo Oliinyk - https://iamdev.lol/ */
/* =====November 2025 For Statoplan =====*/
/* =================================== */
/* =================================== */
/* =================================== */

/* Root Rules Start */
/* Manrope */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggqxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggOxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggSxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggixSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggmxSvfedN62Zw.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/manrope/v20/xn7gYHE41ni1AdIRggexSvfedN4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* CraftworkGrotesk Font */
@font-face {
  font-family: "Craftwork Grotesk";
  font-style: normal;
  font-weight: 400;
  src: url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Regular/CraftworkGrotesk-Regular.woff2") format("woff2"),
       url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Regular/CraftworkGrotesk-Regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Craftwork Grotesk";
  font-style: normal;
  font-weight: 500;
  src: url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Medium/CraftworkGrotesk-Medium.woff2") format("woff2"),
       url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Medium/CraftworkGrotesk-Medium.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Craftwork Grotesk";
  font-style: normal;
  font-weight: 600;
  src: url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-SemiBold/CraftworkGrotesk-SemiBold.woff2") format("woff2"),
       url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-SemiBold/CraftworkGrotesk-SemiBold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Craftwork Grotesk";
  font-style: normal;
  font-weight: 700;
  src: url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Bold/CraftworkGrotesk-Bold.woff2") format("woff2"),
       url("https://stratoplan-school.com/d101/fonts/CraftworkGrotesk-Bold/CraftworkGrotesk-Bold.woff") format("woff");
  font-display: swap;
}

:root {
  --font-main: 'Manrope', sans-serif;
  --font-accent: 'Craftwork Grotesk', sans-serif;
  
}

body {
  font-family: var(--font-main);
  background-color: var(--color-background);
}

*{
  margin: 0;
  padding: 0;
}

ul {
  list-style-position: inside;
}

em{
  font-style: normal;
}

main{
  margin-top: 94px;
}

.no-page-break {
    page-break-inside: avoid;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.container {
  width: calc(100% - 64px); 
  max-width: 1440px; 
  margin: 0 auto; 
  padding: 0 32px; 
}

.distance-xxs{
  padding: 32px;
  padding-top: 73px;
}

.distance-xs{
  padding-top: 45px;
}

.distance-small{
  padding-top: 32px;
  padding-bottom: 32px;
}

.distance-section{
  padding-top: 50px;
  padding-bottom: 50px;
}

.distance-section-bottom-large{
  padding-top: 50px;
  padding-bottom: 100px;
}

.distance-section-bt{
  padding-top: 0px;
  padding-bottom: 80px;
}

.distance-section-reg{
  padding-top: 200px;
  padding-bottom: 160px;
}

.distance-hero{
  padding-top: 100px;
  padding-bottom: 50px;
}

.distance-large{
  padding-top: 100px;
  padding-bottom: 100px;
}

.bg-gray{
  background: #F5F5F7;
}

.bg-blue{
  background: var(--blue);
}

.bg-black{
  background: #0F0F0F;
}

@media (max-width: 1440px) {
  .container {
    /* width: 100%; */ 
    padding: 0 16px; 
  }
}

@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }
}

@media (min-width:768px) and (max-width:1024px){
}

@media (max-width:767px){
  .container{
    width: calc(100% - 32px);
  }
}

.main{
  width: 100%;
}

html{
  scrollbar-color: #0578A6 transparent; /* Firefox */
  scrollbar-width: thin;                /* Firefox */
}
html::-webkit-scrollbar{ width: 10px; height: 10px; }
html::-webkit-scrollbar-track{ background: transparent; }
html::-webkit-scrollbar-thumb{
  background: #0578A6;
  border-radius: 8px;
}
html::-webkit-scrollbar-thumb:hover{ background: #0578A6; }
/* Root Rules End */

/* =================================== */
/* =================================== */
/* =================================== */
/* Danylo Oliinyk - https://iamdev.lol/ */
/* =====November 2025 For Statoplan =====*/
/* =================================== */
/* =================================== */
/* =================================== */