@font-face {
    font-family: "Calibri";
    src: url("../fonts/Calibri-Regular.woff2") format("woff2"),
         url("../fonts/Calibri-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: "Calibri";
    src: url("../fonts/Calibri-Bold.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
}


body {font-family: "Calibri", sans-serif;background: #eef3f8;display: flex;justify-content: center;align-items: center;min-height: 100vh;color: #333;}
.coming-soon {text-align: center;width: 100%;padding: 40px 20px;}
.logo {width: 420px;max-width: 90%;margin-bottom: 0px;}
.coming-soon h1 {font-size: 60px;color: #009CD9;font-weight: 600;letter-spacing: 2px;margin: 40px 0px;}
.coming-soon h3 {font-size: 18px;color: #5c7191;font-weight: 400;}
.contact {display: flex;justify-content: center;align-items: center;gap: 35px;flex-wrap: wrap;color: #5c7191;font-size: 18px;}
.contact div {display: flex;align-items: center;gap: 10px;margin: 20px 0;}
.contact i {color: #5c7191;}
.under-list ul {list-style: none;padding: 0;margin: 20px 0px;}
.under-list ul li {font-size: 18px;color: #2d375a;font-weight: 600;display: inline-block;}
.under-list ul li::before {content: "|";padding: 0 10px;color: #2a9cdb;}
.under-list ul li:first-child:before {content: unset;}
.coming-soon h2 {font-size: 22px;color: #2d375a;font-weight: 600;margin: 20px 0px 30px;text-transform: uppercase;letter-spacing: 2px;}
.coming-soon p {font-size: 16px;color: #5c7191;font-weight: 400;}





@media(max-width:768px) {

.coming-soon h1 {font-size: 35px;}
.contact {font-size: 16px;gap: 20px;}
.logo {width: 300px;}
}

@media(max-width:480px) {

.coming-soon h1 {font-size: 28px;}
.contact {flex-direction: column;gap: 15px;}
.logo {width: 250px;}
.contact div {margin: 0px;}
.under-list ul li {padding-bottom: 10px;display: block;}
.under-list ul li::before {content: unset;}
}