a,abbr,acronym,address,applet,article,aside,audio,b, big,iframe, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video 
{margin: 0;padding: 0;border: 0;font-size: 100%;font-family: var(--body-font);color: rgba(0, 0, 0, .6);vertical-align: baseline }
html {box-sizing: border-box }
html, body { color:#292d34;font-family: 'Poppins', sans-serif; }
*, ::after, ::before {box-sizing: inherit }
article, aside, details, figcaption, figure, footer, header, menu, nav, section {display: block }body {line-height: 1;cursor: default }
ol, ul {list-style: none }
blockquote, q {quotes: none }
blockquote:after, blockquote:before {content: '';content: none }
q:after, q:before {content: '';content: none }
table {border-collapse: collapse;border-spacing: 0 }
a {transition: .2s;text-decoration: none }

@import url("https://fonts.googleapis.com/css2?family=Jost:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&family=Vidaloka&display=swap");

:root {
	--red-link:#981F1F;--red-btn-link:#981F1F;--red-link-hover:#CD2D2D;--red-btn-link:#CD2D2D;--active-red-link:#981F1F;--red-txt:#981F1F;
	--blue-text:#1A3760;--normal-txt:#767676;--red-bg:#981F1F;--red-bg-hover:#CD2D2D; --blue-bg:#1A3760;
	--orange-txt:#F27F21;--gray:#f7f7f7;
    --heading-font: "Vidaloka", serif;
    --body-font: "Jost", sans-serif;
    --poppins-font: "Poppins", sans-serif; --org:#F05A22;
}

img {
    max-width: 100%;
    height: auto;
}
body, html {background-color: var(--gray);  word-break: break-word;
    min-height: 100vh;
    display: flex;
    flex-direction: column;}

.logo-div {  position: relative; padding:20px 10%; text-align: center;}
.logo-div h2{ color:#000; font-size: 3rem;text-align: center;font-family: var(--heading-font); font-weight: bold;}
.logo-div h2 span{ color:var(--org);font-family: var(--heading-font); }

.comingsoon-section { position: relative; margin: 0; padding:20px 10%;}
.comingsoon-section .comingsoon-div { position: relative; display: flex; justify-content: space-around; justify-items: center; align-items: center;}
.div_left { width: 40%;}
.div_right { width: 60%;}


.shape-element {
    position: absolute;
    left: 0;
    top: 70px;
    max-width: 15%;
}

.shape-element.one {
    left: 270px;
    top:30px;
    animation: rotation 8s linear infinite;
}

.shape-element.two {
    top: 234px;
    left: 50px;
    animation: rotationScale 8s linear infinite;
}

.shape-element.three {
    top: 170px;
    left: auto;
    right: 0;
    opacity: 0.92;
    animation: turnOver 8s linear infinite;
    perspective: 100px;
    perspective-origin: top;
}

@keyframes rotation {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(80px) rotate(180deg);
    }

    100% {
        transform: translateY(0px) rotate(360deg);
    }
}

@keyframes rotationScale {
    0% {
        transform: scale(1) rotate(0deg);
    }

    50% {
        transform: scale(0.8) rotate(180deg);
    }

    100% {
        transform: scale(1) rotate(360deg);
    }
}

@keyframes turnOver {
    0% {
        transform: rotateX(0deg);
    }

    50% {
        transform: rotateX(180deg);
    }

    100% {
        transform: rotateX(0deg);
    }
}

.banner-thumb {
    position: absolute;
    height: 100%;
    max-width: 50%;
    top: 0;
    right: 0;
    z-index: 1;
}

.comingsoon-div .div_left .banner_title { position: relative;}
.comingsoon-div .div_left .banner_title .banner_subtitle {
    color: #222;
    margin-bottom: 10px;
    letter-spacing: 0.11em;
    font-weight: 600;
    font-size: 0.875rem; text-transform:uppercase; font-size: 0.875rem;font-family: var(--heading-font); 
}
.comingsoon-div .div_left .banner_title h1 {
    font-family: var(--poppins-font); color:#000;
    font-weight: 600;line-height: 1.2;margin: 0 0 16px 0; font-size: 3.2rem; font-weight: 700;
}
.text-highlight { color:#F05A22!important}


.comingsoon-div .div_left .banner_title p {
    font-size: 1.125rem; color:#666; line-height: 1.6; margin: 0 0 20px 0;
}


 @media (max-width: 767px) {
    .comingsoon-section .comingsoon-div { flex-direction: column-reverse;}
    .div_left, .div_right { width: 100%;}
    .banner-thumb { position: relative; margin: 0 auto; text-align: center;}
    .shape-element  { display: none;}
    .banner-thumb img { margin-bottom: 20px;}
 }
 
 @media (min-width: 768px) and (max-width: 1024px){ 
    .comingsoon-section { padding: 20px 40px;}
 }