:root {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --org:#E7531C;
    --wht:#fff;
    --blk:#000;
    --bec:#ECECEC;
    --br:30px;
    --br15:15px;
    --c8d:#8d8d8d;
    --c8180:#818080;
    --grn: #78f678;
    --c18: #181818;
    --c95: #959595;
    --cF7F6: #F7F6F6;
}
@font-face {
    font-family: 'SF Pro Display';
    src: url('./fonts/SF-Pro-Display-Regular.woff2') format('woff2'),
    url('./fonts/SF-Pro-Display-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
.num{
    font-family: "Atkinson Hyperlegible", sans-serif;
    font-weight: 400;
    font-style: normal;
}

html{
    background-color: #F7F6F6;
    /*background-image: linear-gradient(90deg,#F7F6F6,#E0E0E0);*/
}
body{
    display: initial;

    font-family: 'SF Pro Display', sans-serif;
    font-size: 16px;
    margin: 0;
    place-items: center;
    min-width: 320px;
}

input,
textarea {
    width: 100%;
    padding: 10px 0;
    font-size: 1rem;
    font-family: 'SF Pro Display', sans-serif;
    border:0;
    border-bottom: 2px solid #ddd;
    outline: none;
    transition: border-color .4s, box-shadow .4s;
    &:focus {
        border-color: #5b9df9;
        box-shadow: 0 1px rgb(91 157 249/.4);
    }
}
input::placeholder,
textarea::placeholder {
    font-family: 'SF Pro Display', Arial, sans-serif;
    font-size: 1rem;
}
textarea {
    resize: none;
}


ul,ul li{
    margin: 0;
    padding: 0;
    list-style: none;
}


a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}
a:hover {
  color: #535bf2;
}


h1 {
  font-size: 3rem;
  line-height: 1.1;
}

.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}


.pa{position: absolute}
.p0{inset:0}
.pr{position: relative}
.pf{position: fixed}
.ps{position: sticky}
.z-1{z-index: -1}
.z0{z-index: 0!important}
.z1{z-index: 1}
.z2{z-index: 2}
.z3{z-index: 3}
.z4{z-index: 4}

q:before,q:after{display: none}

.in{display: inline-block}
.fx{display: flex}
.fdc{flex-direction: column}
.fsb{justify-content: space-between}
.jc{justify-content: center}
.je{justify-content: end}
.as{align-items: start}
.ac{align-items: center}
.ae{align-items: end}
.ab{align-items: baseline}
.ase{align-self: end}
.fw{flex-wrap: wrap}
.fx20{flex:0 0 20%}
.fx50{flex:0 0 50%}
.fx75{flex:0 0 75%}
.gap\.3{gap:.3rem}
.gap{gap:1rem}
.gap2{gap:2rem}
.gap3{gap:3rem}
.mh1{min-height:100vh}
.ovh{overflow: hidden!important}
.ova{overflow: auto!important}
.fwb{font-weight: bold}
.fwn{font-weight: normal}
.wfc{width: fit-content}
.m0{margin: 0}
.m0a{margin: 0 auto}
.my4{margin-top: 4rem;margin-bottom: 4rem}
.mta{margin-top: auto}
.mt0{margin-top: 0}
.mt{margin-top: 1rem}
.mt2{margin-top: 2rem}
.mt45{margin-top: 45px}
.mt4{margin-top: 4rem}
.mt6{margin-top: 6rem}
.mt2vh{margin-top: 2vh}
.mb{margin-bottom: 1rem}
.tc{text-align:center}
.tl{text-align:left}
.tr{text-align:right}
.tj{text-align:justify}
.an{transition: opacity .3s linear}
.o0{opacity: 0}
.vh{visibility: hidden}
.br{border-radius:10px}
.br30{border-radius:30px}

.w1{width: 100%}

.cf{color: var(--wht)}
.cGry{color:#EEEDED}
.c0{color: var(--blk)}
.c8d{color: var(--c8d)}
.cOrg{color: var(--org)}
.c8180{color: var(--c8180)}
.c20{color:#202020}

.bgw{background-color: var(--wht)}
.bgd{background-color: var(--blk)}
.bgGry{background-color: var(--bec)}

.pd{padding: .8rem 1rem}
.pdy{padding-top: 1rem;padding-bottom: 1rem}
.pdx2{padding-left: 2rem;padding-right: 2rem}

.fs0{font-size: 0}
.fs10{font-size: 10px}
.fs12{font-size: 12px}
.fs13{font-size: 13px}
.fs14{font-size: 14px}
.fs15{font-size: 15px}
.fs18{font-size: 18px}
.fs20{font-size: 20px}
.fs24{font-size: 24px}
.fs27{font-size: 27px}
.fs30{font-size: 30px}
.fs36{font-size: 36px}
.fs40{font-size: 40px}

.bx{box-sizing: border-box}

/*
input,
textarea{
    background-color: transparent;
    border: 0;
}*/

button,.btn{
    border-radius: 16px;
    font-size: 16px;
    border:0;
    background-color: unset;
    padding: .6rem 1.2rem;
    font-weight: 500;
    font-family: inherit;
    cursor: pointer;
    transition: box-shadow .3s;
}
button:focus,
button:focus-visible {box-shadow: none}
.btn{
    font-size: 20px;
    padding: 1rem 3rem;
    border-radius: 30px;
}
.main {
    width: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(1rem, 3vw, 2rem);
    padding-right: clamp(1rem, 3vw, 2rem);
    box-sizing: border-box;
}
img{
    width: 100%;
    height: auto;
}