/* @import url('https://fonts.googleapis.com'); @import url('https://fonts.gstatic.com'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800&display=swap'); @import url('https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css'); */ .comingSoon span svg { width: 30px; height: 30px; transform: rotate(90deg); } ::-webkit-scrollbar { display: none; } .container-fluid { padding: 0 8%; } .h-100vh{ height: 100vh; } body{ background: #5B2359 url(coporate/images/bg_img.png); color: #fff; background-size: cover; font-family: 'Manrope', sans-serif; position: relative; overflow: hidden; background-repeat: no-repeat; } .txt-soon{ font-size: 60px; font-weight: 400; line-height: 1.1; margin-top: 10%; margin-bottom: 10%; } .txt-soon span{ font-size: 40px; } .button-back{ color: #fff; text-decoration: none; } .comingSoon{ /* height: 100vh; */ padding: 90px 0; } .logo{ margin-top: 200px; margin-bottom: 80px; } .logo img { width: 210px; } span.color-flower { position: fixed; bottom: 0; right: -24%; width: 50%; } span.color-flower svg, .flower-round svg{ width: 100%; } span.flower-round { position: absolute; right: 0; width: 36%; } span.vec-flower-2 { width: 45%; position: absolute; bottom: -90px; left: -30px; transform: translate(-230px, 80px) rotate(5deg); pointer-events: none; } span.vec-flower-2 svg { width: 100%; height: auto; } span.cap-i { position: relative; display: inline-block; } span.cap-i svg { position: absolute; left: -6px; width: 30px; top: -12px; } @media (min-width: 1600px){ span.cap-i svg { position: absolute; left: -15px; width: 60px; top: -7px; } span.vec-flower-2 { width: 48%; } .logo img { filter: brightness(0) invert(1); width: 310px; } .txt-soon{ font-size: 90px; } } .backtohome { font-size: 20px !important;; margin-top: 30px; text-transform: uppercase; font-size: 14px; color: #fff; display: flex; align-items: center; margin-bottom: 50px; } a{ text-decoration: none; } .logo img{ filter: brightness(0) invert(1); }