body{
    position: relative;
    margin:0;
    font-family: 'Inter 18pt';
    font-size:24px;
    line-height:1.2;
    color:#081E40;
}
*{box-sizing:border-box;}
a,span,i{display:inline-block;}
/*-- Fonts --*/
@font-face {
    font-family: 'Inter 18pt Medium';
    src: url('../fonts/Inter18pt-Medium.woff2') format('woff2'),
        url('../fonts/Inter18pt-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt ExtraBold';
    src: url('../fonts/Inter18pt-ExtraBold.woff2') format('woff2'),
        url('../fonts/Inter18pt-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt Bold';
    src: url('../fonts/Inter18pt-Bold.woff2') format('woff2'),
        url('../fonts/Inter18pt-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt ExtraLight';
    src: url('../fonts/Inter18pt-ExtraLight.woff2') format('woff2'),
        url('../fonts/Inter18pt-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt';
    src: url('../fonts/Inter18pt-Regular.woff2') format('woff2'),
        url('../fonts/Inter18pt-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter 18pt Light';
    src: url('../fonts/Inter18pt-Light.woff2') format('woff2'),
        url('../fonts/Inter18pt-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


h1,.h1{
    font-family: 'Inter 18pt Medium';
    font-size:120px;
    line-height:1;
    font-weight:500;
    margin: 0;
    letter-spacing:-6px;
}
p,p{
    font-family: 'Inter 18pt';
    font-size:24px;
    line-height:1.2;
    color:#081E40;
    margin: 0;
}

.comingsoonwrap{
    max-width:950px;
    padding:0 20px;
    width:100%;
    margin:0 auto;
}
.socialmediawrap ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}
.socialmediawrap ul a {
    border: 1px solid #081E4033;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition:0.3s all ease-in-out;
}
.socialmediawrap ul a:hover{ background-color:#081E40; }
.socialmediawrap ul a img{display: block;}
.socialmediawrap ul a:hover img{filter:invert(1);}
.socialmediawrap > p{padding-bottom: 20px;}
.comingsoonwrap > p { padding: 40px 0 80px;max-width:784px;}
.comingsoonwrap h1 {
    padding-top: 80px;
    background: radial-gradient(66.15% 71.12% at 1.05% 12.36%, #081E40 47.72%, #0175D0 59.87%, #9747FF 72.02%, #081E40 100%) /* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.comingsoonsection {
    padding: 80px 0;
    min-height: 100vh;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media screen and (max-width:1000px) {
    h1, .h1 { font-size: 98px; }
    .comingsoonsection { padding: 40px 0; }
    .socialmediawrap ul a { width: 80px; height: 80px; }
    .comingsoonwrap > p{padding:30px 0 60px;}
    p, p{font-size:22px;}
}

@media screen and (max-width:767px) {
    h1, .h1 { font-size: 70px; letter-spacing: -3px; }
    .comingsoonwrap h1 { padding-top: 60px; }
    .socialmediawrap ul a { width: 60px; height: 60px; }
    .socialmediawrap ul a img { width: 20px; }
    .socialmediawrap ul { gap: 14px; } p, p { font-size: 20px; }
}

@media screen and (max-width:575px) {
    h1, .h1 { font-size: 56px; letter-spacing: -2px; }
    p, p { font-size: 18px; }
    .comingsoonwrap h1 { padding-top: 40px; }
    .comingsoonwrap > p { padding: 20px 0 40px; }
}

@media screen and (max-width:420px) {
    h1, .h1 { font-size: 52px; letter-spacing: 0; }
    .socialmediawrap ul {
    gap: 10px;
}
}