/*************************************************************************************/
@import url('../font/stylesheet.css');
/*************************************************************************************/

:root {
    --primary: #E3265C;
    --primary-rgb: 227, 38, 92;
    --secondary: #A354E1;
    --secondary-rgb: 163, 84, 225;
    --tertiary: #E7B86A;
    --tertiary-rgb: 231, 184, 106;
    --text-clr: #1F0F2B;
    --black: #000;
    --ter-invert: #5A4521;
    --white: #fff;
    --border-light: #e1e1eb;
    --border-regular: #d1d1db;
    --body-font-family: 'Open Sans', sans-serif;
    --body-font-size: 16px;
    --body-font-weight: 400;
    --card-bg: #f3f3f3;
    --card-hover: rgba(var(--primary-rgb), 0.2);
    --card-active: #ddd;
    --bg-thm: #fff;
    --thm-grey: #ddd;
    scroll-behavior: auto;
}

body{
    margin: 0;
    padding: 0;
    font-family: var(--body-font-family);
    font-size: var(--body-font-size);
    font-weight: var(--body-font-weight);
    color: var(--text-clr);
    --col-gap: 20px;
    background: linear-gradient(180.2deg, #FFFFFF 0.17%, #FFFFFF 82.58%, #F3F3F3 112.92%);
    scroll-behavior: unset;
}

img{
    max-width: 100%;
    height: auto;
}

a{
    text-decoration: none;
    color: inherit;
}

body.thm-dark {
    background-image: none;
    color: #fff;
    background-color: #000;
    --card-bg: #1a1a1a;
    --border-light: #383838;
    --text-clr: #fff;
    --card-hover: #333;
    --card-active: #333;
    --bg-thm: #000;
    --text-light: #aaa;
    --thm-grey: #555;
}

body.coming-soon-page {
    /* background-image: linear-gradient(22deg, var(--primary), var(--secondary)); */
    background-image: url(../images/coming-soon-bg.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
body.coming-soon-page:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.75;
}
a:hover {
    color: inherit;
}

h1, .h1 {
    font-size: 3.6rem;
    font-weight: 700;
    line-height: 1.3;
    font-style: normal;
    margin: 20px 0;
}

.coming-soon-wrap {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 40px 15px;
    position: relative;
    z-index: 2;
}

.coming-soon-wrap .middle-content {
    margin: auto 0;
    padding: 20px 0;
}

.coming-soon-wrap .footer-content p {
    margin: 0;
}

.coming-soon-wrap .middle-content .sub-heading {
    font-size: 20px;
}

@media(max-width: 767px){
    .coming-soon-wrap {
        padding: 30px 15px;
    }

    .coming-soon-wrap .top-logo img {max-width: 160px;}
    h1, .h1 {
        font-size: 2.4rem;
    }
    .coming-soon-wrap .middle-content .sub-heading {
        font-size: 16px;
        max-width: 280px;
    }
}