@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/inter-latin-400-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/inter-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/inter-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/inter-latin-700-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/barlow-semi-condensed-latin-500-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/barlow-semi-condensed-latin-600-normal.woff2') format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/barlow-semi-condensed-latin-700-normal.woff2') format('woff2')}

/* header */

body{margin:0}
.hn{position:relative;color:#2A2F38;text-decoration:none;font-weight:600;font-size:15px;padding:10px 0;white-space:nowrap;transition:color .2s}
.hn::after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;border-radius:2px;background:#FBCD3E;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.hn:hover::after,.hn.on::after{transform:scaleX(1)}
.dd{position:relative}
.dd .menu{position:absolute;left:-24px;top:100%;padding-top:14px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .2s,transform .2s,visibility .2s;z-index:30}
.dd:hover .menu,.dd:focus-within .menu{opacity:1;visibility:visible;transform:none}
.ddi{display:flex;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;color:#2A2F38;text-decoration:none;font-size:15px;font-weight:500;transition:background .2s}
.ddi:hover{background:#F5F5F2}
.ddhex{width:30px;height:34px;flex:0 0 auto;background:#FBCD3E;display:inline-flex;align-items:center;justify-content:center}
.cta{transition:transform .25s,box-shadow .25s,background .25s}
.cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(251,205,62,.45)}
.tb a{color:#D7DAE0;text-decoration:none;transition:color .2s}
.tb a:hover{color:#FBCD3E}
.mb{display:none}
.pbtn{transition:background .25s,color .25s}
.pbtn:hover{background:#2A2F38;color:#FFFFFF!important}
.pbtn:hover svg{stroke:#FFFFFF}
.wrap{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
@media (max-width:760px){.wrap{padding-left:20px;padding-right:20px}}

@media (max-width:1320px){.hph{display:none!important}}
@media (max-width:1180px){.navd{display:none!important}.mb{display:inline-flex!important}}
@media (max-width:860px){.tbx{display:none!important}}
@media (max-width:520px){.cta{display:none!important}}
.mm a{display:flex;justify-content:space-between;align-items:center;padding:14px 4px;border-bottom:1px solid #E4E4DF;color:#2A2F38;text-decoration:none;font-weight:600;font-size:16px}

/* footer */

body{margin:0}
.wrap{max-width:1320px;margin-left:auto;margin-right:auto;padding-left:40px;padding-right:40px;box-sizing:border-box}
@media (max-width:760px){.wrap{padding-left:20px;padding-right:20px}}
.ftop{padding-top:100px}
.fgrid{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:48px 56px}
.fgrid > *{flex:0 1 auto}
.fgrid > :first-child{flex:0 1 340px}
@media (max-width:1000px){.fgrid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))}.fgrid > :first-child{grid-column:1 / -1}}
@media (max-width:560px){.fgrid{grid-template-columns:1fr}}
@media (max-width:760px){.ftop{padding-top:50px}}
.fl{display:inline-flex;gap:8px;align-items:center;color:#B8BDC6;text-decoration:none;font-size:15px;transition:color .2s}
.fl svg{transition:transform .2s}
.fl:hover{color:#FBCD3E}
.fl:hover svg{transform:translateX(3px)}
.fc{display:inline-flex;gap:8px;align-items:center;color:#B8BDC6;font-size:15px}
.fk{display:flex;gap:10px;align-items:flex-start;color:#B8BDC6;text-decoration:none;font-size:15px;line-height:1.5;transition:color .2s}
a.fk:hover{color:#FBCD3E}
.flogo{transition:transform .3s}
.flogo:hover{transform:translateY(-3px)}
.soc{width:44px;height:50px;clip-path:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);background:rgba(255,255,255,.08);color:#FBCD3E;display:inline-flex;align-items:center;justify-content:center;transition:background .25s,color .25s}
.soc:hover{background:#FBCD3E;color:#2A2F38}
.bl{color:#9AA0AA;text-decoration:none;transition:color .2s}
.bl:hover{color:#FBCD3E}
.sml{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.12);transition:border-color .25s,background .25s}
.sml:hover{border-color:#4FA9E3;background:rgba(79,169,227,.08)}
@media (max-width:760px){.fbar{grid-template-columns:1fr!important;justify-items:center;text-align:center}.fbar>*{justify-self:center!important}}

html{scroll-behavior:smooth}
[hidden]{display:none!important}