/*============
Template Name:Semseo Ai HTML5 Template
Author: 
Version: 1.0
============*/

/* Table of contents */
/*====================
01.header area css
02.Hero area css
03.Card area css
04.Chart area css
05.Pricing table area css
06.Platform area css
07.Degetial markating area css
08.Cta area css
09.Footer area css
10.Sing up page css
11.Log in page css
12.Pricing page css
13.App download page css
14.myuzige lightmode page css (Dashbord page)
15.myuzige lightmode v2 page css (Dashbord 2 page)
16.coming soon page css
====================*/

/* ==========
    Base CSS
============ */
:root{
    --main-bg:var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    --hover:#fff
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
}

html, body {
    scroll-behavior: smooth;
    font-family: 'Nunito', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    margin: 0;
    font-family: 'Poppins', sans-serif;
}
img {
    max-width: 100%;
}
.al-center{
    align-items: center;
}
.wrapper {
    overflow: hidden;
}
a.main-btn::before,a.creat-accout-btn::before,.cta-left li a::before,a.sing-in-btn::before{
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background: #2563EB;
    content: "";
    opacity: .5;
    z-index: -1;
    transition: .5s;
    border-radius: 40px;
}

a.main-btn:hover::before,a.creat-accout-btn:hover::before,.cta-left li a:hover::before,a.sing-in-btn:hover::before{
    width: 100%;
}
/* animatation */
@keyframes moveleftbounce {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }

    50% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}

/* =====================
    Loading Window CSS
======================= */
.nexigen-loading {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-color:#2563EB;
    z-index: 999;
}

.nexigen-loading .lds-ripple {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
  }
  .lds-ripple div {
    position: absolute;
    border: 4px solid #fff;
    opacity: 1;
    border-radius: 50%;
    -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
            animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
  }
  .lds-ripple div:nth-child(2) {
    -webkit-animation-delay: -0.5s;
            animation-delay: -0.5s;
  }
  @-webkit-keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }
  @keyframes lds-ripple {
    0% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    4.9% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 0;
    }
    5% {
      top: 36px;
      left: 36px;
      width: 0;
      height: 0;
      opacity: 1;
    }
    100% {
      top: 0px;
      left: 0px;
      width: 72px;
      height: 72px;
      opacity: 0;
    }
  }

  /* header area */
  .header-area {
    padding-top: 26px;
    padding-bottom: 16px;
    position: absolute;
    width: 100%;
    z-index: 9;
    border-bottom: 1px solid rgba(225, 228, 237, 0.80);
}

.logo {
    width: 210px;
}

.mobila-manu-area {
    display: none;
}
.mean-container .mean-bar {
    margin-top: -20px;
}

.top-manu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: end;
    align-items: center;
}

.top-manu li {
    display: inline-block;
    list-style: none;
    padding-right: 30px;
}

.top-manu li a {
    text-decoration: none;
    color: #5B5766;
    font-size: 16px;
    display: block;
    overflow: hidden;
    transition: all .5s ease-in-out;
}
.top-manu li a:hover{
    color:#2563EB ;
}

ul.sub-manu {
    position: absolute;
    text-align: left;
    top: 85px;
    min-width: 200px;
    background-color:#fff;
    padding: 15px 0;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    opacity: 0;
   visibility: hidden;
   border-radius: 6px;
   box-shadow: 0 0 3px #f1f1f1;
   z-index: 99;
   display: block;
}

ul.sub-manu li {
    display: block;
    margin: 0;
}

ul.sub-manu li a {
    padding: 5px 20px;
    display: inline-block;
    color:#0C579D;
}

ul.sub-manu li a:hover{
    color: #21fbff;
}

.top-manu ul li:hover ul.sub-manu {
    top:70px;
    opacity: 1;
    visibility: visible;
}


.top-manu {
    text-align: right;
}

.top-manu .login-btn {
    color: #39F;
    border: 1px solid;
    border-radius: 50px;
    padding: 5px 15px;
    margin-left: 8px;
}
.top-manu .login-btn:hover {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}

.top-manu .creat-accout-btn {
    background: var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    color: #fff !important;
    padding: 6px 13px;
    border-radius: 50px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    position: relative;
    z-index: 1;
    overflow: hidden !important;
}

.top-manu li:last-child {
    padding-right: 0;
}

/* hero area start */

section.hero-area {
    position: relative;
    z-index: 1;
    padding-bottom: 340px;
    padding-top: 265px;
    overflow: hidden;
    background-image: url(../image/BG.png);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
}

img.circle-1 {
    position: absolute;
    right: -48px;
    top: -8px;
}

img.circle-2 {
    position: absolute;
    right: -66px;
    top: -82px;
    transform: rotate(9deg);
}
.hero-circle img {
    width: 47%;
}
.hero-robot-img {
    position: absolute;
    top: 67px;
    right: 60px;
}

.hero-left-content h2 {
    color: #000;
    font-size: 47px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 60px;
    margin-bottom: 16px;
}

.hero-left-content h2 span {
    color: #39F;
    font-weight: 700;
}

.hero-left-content h2 strong {
    font-weight: 700;
}
.hero-left-content p {
    color: #5B5766;
    font-size: 22px;
    font-weight: 400;
    line-height: 33px;
    margin-bottom: 33px;
}

.hero-search input {
    border-radius: 42.5px;
}

.hero-search input[type='search'] {
    display: block;
    width: 565px;
    border: 1px solid #12C6FB;
    outline: none;
    background: #fff;
    padding: 15px 25px;
}
.hero-search input[type='search']:focus {
    border-color: #2563EB;
}

.hero-search input[type='submit'] {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 40px;
    background: var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    border: none;
    outline: none;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    position: absolute;
    top: 7px;
    right: 23%;
}

.hero-search {
    position: relative;
    z-index: 1;
}

/* card area start */
.card-area {
    padding-top: 127px;
}
.card-are-bg {
    background-image: url(../image/Map-wrap.png);
    background-position: calc(62%);
    background-repeat: no-repeat;
}
.card-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.signle-card-item {
    background: #fff;
    box-shadow: 0px 0px 20px 0px #E1E4ED;
    border-radius: 10px;
    padding: 40px 40px 20px 25px;
    margin-bottom: 25px;
    margin-left: 25px;
    width: 360px;
}
.signle-card-item.last-child {
    margin-bottom: 0;
}
.signle-card-item:nth-child(1) {
    margin-left: 0;
}
.signle-card-item:hover {
    background:  var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    
}

.signle-card-item:hover h4 {
    color: #fff;
}

.signle-card-item:hover p {
    color: #fff;
}

.signle-card-item h4 {
    font-size: 22px;
    font-weight: 700;
    line-height: 33px;
    color: #554D89;
    margin-bottom: 15px;
    transition: .3s;
}

.signle-card-item p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #716C80;
    margin-bottom: 0;
    transition: .3s;
}
.card-right-content h3 {
    font-size: 34px;
    font-weight: 700;
    line-height: 46px;
    color: #545454;
    margin-bottom: 23px;
}

.card-right-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #716C80;
    margin-bottom: 35px;
}

a.main-btn {
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    font-family: 'Poppins';
    text-align: center;
    background: var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    border-radius: 40px;
    display: inline-block;
    padding: 10px 25px;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.card-right-content {
    padding-left: 55px;
}
/* chart area start */
.chart-area {
    padding-top: 75px;
}
.chart-left-content {
    padding-top: 160px;
}
.chart-left-content h2 {
    color: #1D1D1D;
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    margin-bottom: 57px;
}
.chart-left-content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #716C80;
    margin-bottom: 20px;
}
.chart-ring-img img {
    width: 35%;
}

.chart-right {
    padding-left: 80px;
}

.chart-right {
    position: relative;
    z-index: 1;
}

.short-chirt-img {margin-top: -30px;z-index: -1;position: relative;}

.chart-mast {
    background: #ECEDF3;
    width: 396px;
    height: 440px;
    border-radius: 24px;
    position: absolute;
    top: 69px;
    right: 151px;
}
.graph-img {
    position: absolute;
    top: 30%;
    left: 26%;
    z-index: 2;
}

.graph-img img {
    width: 500px;
}

.robot-two-img {
    position: absolute;
    top: 13px;
    right: -79px;
    z-index: 3;
}
 .up-down-ani {
    -webkit-animation-name: moveleftbounce;
    animation-name: moveleftbounce;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.robot-two-img img {
    height: 488px;
}
/* pricing table area */
.pricing-table-area {
    position: relative;
    z-index: 1;
    padding-top: 170px;
}
/* test */

.switcher-box {
    margin-top: 48px;
    display: flex;
    align-content: center;
    justify-content: center;
    margin-bottom: 45px;
  }
  .switcher-box span {
    padding: 0 12px;
  }
  .switcher input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-tap-highlight-color: transparent;
    cursor: pointer;
  }
  .switcher input[type="checkbox"]:focus {
    outline: 0;
  }
  
  .switcher .toggle {
    width: 59px;
    height: 30px;
    display: inline-block;
    position: relative;
    margin: 0;
    border: none;
    transition: all 0.2s ease;
    border-radius: 43px;
    -webkit-border-radius: 43px;
    -moz-border-radius: 43px;
    -ms-border-radius: 43px;
    -o-border-radius: 43px;
    background: linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%);
    
  }
  .switcher .toggle:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background:#fff;
    box-shadow: 0 1px 2px rgba(44, 44, 44, 0.2);
    transition: all 0.2s cubic-bezier(0.5, 0.1, 0.75, 1.35);
  }
  .switcher .toggle:checked:after {
    transform: translatex(28px);
    -webkit-transform: translatex(28px);
    -moz-transform: translatex(28px);
    -ms-transform: translatex(28px);
    -o-transform: translatex(28px);
  }

.monthly, .yearly {
    display: none;
}

.monthly.show, .yearly.show {
    display: block;
}

.pricing-icon-img {
    position: absolute;
    right: 2%;
    bottom: 30%;
}
.section-tittle {
    text-align: center;
}

.pricing-btn {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 53px;
}

.section-tittle h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    color: #1D1D1D;
    margin-bottom: 5px;
}

.section-tittle p {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #716C80;
    margin-bottom: 0;
}

.pricing-btn span {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Poppins';
    line-height: 20px;
    color: #000;
}

.single-pricing-table-item {
    background: #fff;
    box-shadow: 0px 0px 20px 0px #E1E4ED;
    border-radius: 10px;
    width: 360px;
    padding: 55px;
    height: 550px;
}
.single-pricing-table-item.basic {
    margin-left: 40px;
}

.single-pricing-table-item.premium {
    margin-left: -40px;
}
.pricing-btn img {
    margin: 0 20px;
}

.pricing-box-subtittle h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    color: #554D89;
}

.pricing-box-subtittle span {
    width: 40px;
    height: 2px;
    background: #39F;
    display: inline-block;
}

.pricing-box-tittle h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 60px;
    color: #554D89;
    margin-bottom: 5px;
}

.pricing-box-tittle p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 45px;
    color: #5B5766;
    display: flex;
    justify-content: space-between;
}
.pricing-box-tittle span {
    font-size: 10px;
    font-weight: 700;
    line-height: normal;
    font-family: 'Poppins';
    color: #EF7171;
    background: rgba(225, 228, 237, 0.60);
    display: inline-block;
    padding: 6px 9px;
    border-radius: 13px;
}
.pricing-list-item ul {
    margin: 0;
    padding: 0;
}

.pricing-list-item li {
    display: flex;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    color: #716C80;
    margin-bottom: 5px;
}
.pricing-list-item li i {
    margin-right: 10px;
}
.pricing-list-item .bi::before {
    font-weight: 900 !important;
}
.pricing-box-btn {
    margin-top: 47px;
}
.single-pricing-table-item .cross-icon i {
    font-size: 13px;
    color: #959595;
}

.single-pricing-table-item.basic .chick-icon i {
    color: #39F;
}

.single-pricing-table-item.stander .chick-icon i,.single-pricing-table-item.premium .chick-icon i {
    color: #6852ED;
}
/* platform area start */
.platform-area {
    padding-top: 90px;
}
.platform-tittle {
    margin-bottom: 46px;
}
.platform {
    padding: 0 10px;
}
.all-platform-itme img {
    object-fit: contain;
}
.all-platform-itme {
    display: flex;
    justify-content: space-between;
}
/* digital markating area */
.digital-markating-area {
    padding-top: 157px;
}
.markating-ring-img img {
    width: 35%;
}

.markating-left {
    position: relative;
    z-index: 1;
}

.markating-mask {
    height: 528px;
    width: 470px;
    background: #ECEDF3;
    border-radius: 24px;
    position: absolute;
    top: 77px;
    right: 69px;
    z-index: 2;
}

.markation-graph-img {
    position: absolute;
    z-index: 3;
    top: 65%;
    right: -80px;
}

.markating-short-chart {
    position: absolute;
    z-index: 4;
    top: 201px;
    left: -16px;
}
.markation-right h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    color: #1D1D1D;
    margin-bottom: 30px;
}

.markation-right p {
    color: #716C80;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 45px;
    width: 490px;
}

.markation-right {
    padding-left: 190px;
    padding-top: 205px;
}
/* cta area */

.cta-bg {
    background: linear-gradient(180deg, #2E96FF 0%, #0169D0 100%);
    box-shadow: 0px 0px 20px 0px #BDF;
    border-radius: 10px;
    position: relative;
}

.cta-area {
    padding-top: 200px;
    margin-bottom: 90px;
}

.cta-ring-left {
    position: absolute;
    bottom: 22px;
    left: 10px;
}

.cta-ring-right {
    position: absolute;
    top: 10px;
    right: 10px;
}
.cta-left {
    padding-left: 150px;
    padding-top: 42px;
}
.cta-left h4 {
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    color: #fff;
    margin-bottom: 5px;
}
.cta-left .cta-top-text {
    width: 466px;
    color: #F2F2F2;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 42px;
    font-family: 'Poppins';
}

.cta-left li a {
    display: flex;
    border-radius: 0px 1.905px 1.905px 0px;
    text-decoration: none;
    margin-right: 30px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: all .5s ease-in-out;
}

.cta-left ul {
    display: flex;
    margin: 0;
    padding: 0;
}

.cta-btn-icon {
    background: linear-gradient(148deg, #55B1FF -6.39%, #4B90FF 112.72%);
    text-align: center;
    border-radius:2px 0px 0px 2px;
}

.cta-btn-icon img, .cta-btn-icon i {
    width: 18.636px;
    height: 30.346px;
    margin: 10px 15px;
    color: #fff;
    line-height: 50px;
}

.cta-btn-text {
    background: linear-gradient(168deg, #55B1FF -29.26%, #4B90FF 139.45%);
    padding: 10px 20px;
    border-radius: 0px 2px 2px 0px;
}

.cta-btn-text.app-store {
    padding: 10px 27px;
}
.cta-btn-text span {
    display: block;
    font-size: 8px;
    font-family: 'Poppins';
    font-weight: 400;
    color: #fff;
    line-height: normal;
}

.cta-btn-text p {
    margin-bottom: 0;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
}
.cta-right {
    text-align: right;
    padding-right: 105px;
}
/* footer area start */
.resources-part {
    padding-left: 70px;
}

.help-part {
    padding-left: 70px;
}

.company-part {
    padding-left: 70px;
}
.footer-area {
    background: #F8FAFC;
    padding-top: 57px;
    padding-bottom: 67px;
}

.logo-part p {
    font-size: 14px;
    line-height: 22px;
    font-weight: 400;
    color: #52525B;
    width: 290px;
    margin-bottom: 39px;
    font-family: 'Poppins';
}

.social-link ul {
    margin: 0;
    padding: 0;
}

.footer-logo {
    margin-bottom: 46px;
    width: 210px;
}

.footer-area ul {
    margin: 0;
    padding: 0;
}
.footer-area li {
    margin-bottom: 21px;
}

.footer-area li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #52525B;
    font-family: 'Poppins';
    display: inline-block;
    transition: .3s;
}

.footer-area li:nth-child(4) {
    margin-bottom: 0;
}

.footer-area h6 {
    font-size: 13px;
    font-weight: 600;
    line-height: 18px;
    color: #2563EB;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 28px;
    margin-top: 15px;
}

.footer-area a:hover {
    color: #2563EB;
}
.social-link li {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 11px;
}
.social-link li:last-child {
    margin-right: 0;
}
.social-link li a {
    display: block;
    height: 32px;
    width: 32px;
    border: 1px solid #52525B;
    text-align: center;
    border-radius: 50%;
    line-height: 32px;
    color: #1D1D1D;
    transition: .3s;
    margin-bottom: 0;
}

.social-link a:hover {
    background: #2563EB;
    color: #fff;
    border-color: #2563EB;
}
.copy-right p {
    margin-bottom: 0;
    text-align: center;
    font-family: 'Poppins';
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #71717A;
    border-top: 1px solid #E2E8F0;
    margin-top: 40px;
    padding-top: 35px;
}
/* sing up page */
section.sign-up {
    padding-top: 62px;
    padding-bottom: 100px;
}
.header-area.sing-up-page {
    position: relative;
    border: none;
}

.sing-up-left {
    position: relative;
    z-index: 1;
}

.sing-up-left::after {
    position: absolute;
    left: -45%;
    top: 0;
    height: 100%;
    width: 852px;
    content: "";
    background: #39F;
    z-index: -1;
    border-radius: 0px 160px 0px 0px;
}

.sing-up-left-content h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 66px;
    letter-spacing: -2px;
    color: #fff;
    text-align: center;
    margin-right: 155px;
    margin-bottom: 63px;
}

.sing-up-left-content {
    padding-top: 186px;
    padding-bottom: 182px;
}

.sing-up-left-img img {
    width: 100%;
    margin-left: -49px;
}
.sing-up-right h2 {
    font-size: 52px;
    font-weight: 600;
    line-height: 62px;
    letter-spacing: -2px;
    margin-bottom: 20px;
    color: #090914;
    text-align: center;
}

.sing-up-right p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #52525B;
    font-family: 'Poppins';
    text-align: center;
    margin-bottom: 50px;
}

.sing-up-form input {
    width: 100%;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: #52525B;
    padding: 16px;
    margin-bottom: 26px;
    outline: none;
    border: 1px solid #E4E4E7;
}
.sing-up-form input:focus {
    border-color:#39F;
}

.sing-up-form {
    background: #fff;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03), 0px 3px 11px 0px rgba(0, 0, 0, 0.06);
    padding: 30px 35px;
    border-radius: 20px;
}
.sing-up-right {
    padding-left: 110px;
}

.condation input {
    height: 19px;
    width: 19px;
    margin-right: 10px;
}

.condation {
    display: flex;
}

.condation p {
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
    color: #090914;
    margin-bottom: 0;
}

.condation p a {
    color: #2563EB;
    text-decoration: none;
}

.singup-btn a {
    display: block;
    border-radius: 9px;
    padding: 16px;
    text-align: center;
    margin-bottom: 26px;
}

a.sing-up {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    color: #fff;
    background: #39F;
    text-decoration: none;
    font-family: 'Poppins';
    letter-spacing: -0.2px;
    transition: .5s ease-in-out;
}
a.sing-up:hover {
    color: #090914;
    background: #F8FAFC;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03), 0px 3px 11px 0px rgba(0, 0, 0, 0.06);
}

a.singup-google {
    color: #1E293B;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    text-decoration: none;
    font-family: 'Poppins';
    letter-spacing: -0.2px;
    background: #F8FAFC;
    margin-bottom: 35px;
    transition: .5s ease-in-out;
}
a.singup-google:hover {
    background: #39F;
    color: #fff;
    box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.03), 0px 3px 11px 0px rgba(0, 0, 0, 0.06);
}

a.singup-google span {
    margin-right: 5px;
}

.short-signup p {
    font-size: 16px;
    font-weight: 400;
    color: #71717A;
    line-height: 22px;
    margin-bottom: 0;
}

.short-signup p a {
    font-weight: 600;
    color: #2563EB;
    text-decoration: none;
}
/* log in page start */
section.log-in {
    padding-bottom: 90px;
    padding-top: 65px;
}
.login-left-img {
    margin-left: -92px;
}

.login-right h2 {
    color: #090914;
    font-weight: 600;
    font-size: 52px;
    line-height: 62px;
    letter-spacing: -2px;
    margin-bottom: 35px;
}

.login-right p {
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    color: #52525B;
    font-family: 'Poppins';
    margin-bottom: 80px;
}

.login-form p {
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 18px;
    font-family: 'Poppins';
    color: #090914;
}

.forgot-area {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    margin-bottom: 72px;
}

.remember {
    display: flex;
}

.login-form input {
    width: 100%;
    border: 1px solid #CBD5E1;
    outline: none;
    background: #F8FAFC;
    padding: 25px;
    border-radius: 12px;
}
.login-form input:focus {
    border-color: #39f;
}

.remember input {
    width: 23px;
    height: 23px;
    margin-right: 15px;
    border-radius: 5px;
    border: 1px solid #94A3B8;
}

a.sing-in-btn {
    font-size: 22px;
    background: #39F;
    color: #fff;
    font-weight: 600;
    line-height: 28px;
    text-decoration: none;
    padding: 16px;
    font-family: 'Poppins';
    border-radius: 9px;
    display: inline-block;
    width: 192px;
    text-align: center;
    margin-bottom: 27px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
a.sing-in-btn::before{
    border-radius: 9px;
}

.creat-account p {
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    color: #64748B;
    font-family: 'Poppins';
}

.creat-account p a {
    text-decoration: none;
    font-weight: 500;
    line-height: 21px;
    font-family: 'Poppins';
}


.login-right {
    padding-left: 61px;
}

.forgot a {
    text-decoration: none;
    color: #2563EB;
    font-size: 20px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
}

.login-form input[type="email"] {
    margin-bottom: 24px;
}
/* pricing page  area */
section.pricing {
    padding-top: 53px;
    padding-bottom: 110px;
}
.header-area.pricing-page {
    position: relative;
    padding-top: 35px;
    padding-bottom: 30px;
}
.top-manu a.right-btn {
   
    color: #39F;
    border: 1px solid;
    padding: 6px 13px;
    border-radius: 50px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.5px;
    transition: all .5s ease-in-out;
}
.top-manu a.right-btn:hover {
    background: #2563EB;
    border-color: #2563EB;
    color: #fff;
}
/* app download page start */
section.App-download-page {
    padding-top: 35px;
    padding-bottom: 53px;
}
.app-download-bg {
    background: linear-gradient(241deg, #7ABDFF 20%, #0381FE 67.52%);
    box-shadow:  0px 0px 20px 0px #BDF;
    border-radius: 10px;
    padding: 128px 56px 66px 128px;
}
.header-area.pricing-page .top-manu a {
    overflow: inherit;
}

.app-download-left h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 36px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 23px;
}

.app-download-left p {
    color: #F2F2F2;
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
    margin-bottom: 35px;
}

.all-btn {
    display: flex;
}

a.single-btn {
    display: flex;
    text-decoration: none;
    color: #fff;
}

.btn-icon {
    width: 44px;
    height: 44px;
    background: linear-gradient(148deg, #55B1FF -6.39%, #4B90FF 112.72%);
    text-align: center;
    line-height: 44px;
}

.btn-text {
    width: 115px;
    height: 44px;
    border-radius:  0px 1.905px 1.905px 0px;
    background: linear-gradient(168deg, #55B1FF -29.26%, #4B90FF 139.45%);
    padding-left: 14px;
    padding-top: 5px;
}

.btn-text p {
    margin-bottom: 9px;
    font-size: 10px;
    font-family: 'Poppins';
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: normal;
    height: 4px;
}

.btn-text h6 {
    font-size: 14px;
    font-weight: 400;
    height: 11px;
}

a.single-btn.app {
    margin-left: 30px;
}

.app-download-img {
    position: relative;
    z-index: 1;
    margin-top: -64px;
    margin-left: 155px;
}

.app-img-2 {
    position: absolute;
    left: 24%;
    top: 0;
    z-index: 2;
}

.app-img-3 {
    position: absolute;
    left: 45%;
    top: 0;
    z-index: 3;
}

.app-download-img img {
    width: 213px;
    height: 352px;
}
/* Myuzige Lightmode page start */
.myuzige-header {
    padding: 15px 0;
    background: #ffff;
    box-shadow: 0px 1px 0px 0px rgba(18, 32, 59, 0.09);
}
.myusige-logo img {
    width: 150px;
    height: 30px;
}

.myuzige-header-wrap {
    display: flex;
    justify-content: space-between;
}

form.myuzige-form input {
    border: none;
    outline: none;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    color: #A1A1AA;
}

form.myuzige-form {
    padding: 17px 16px;
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    background: #fff;
    height: 51px;
    width: 1026px;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
}

a.search-icon {
    font-size: 18px;
    color: #A1A1AA;
    margin-right: 15px;
}

form.myuzige-form:hover {
    border-color: #2563EB;
}
.myuzige-right-btn {
    position: relative;
    z-index: 1;
}
.myuzige-right-btn ul {
    display: flex;
    padding: 0;
    margin: 0;
}
.myuzige-right-btn ul.dashbord-sub-manu {
    display: none;
    width:290px;
    height: 400px;
    padding: 30px;
    background: #E7F1FF;
    border-radius: 20px;
    position: absolute;
    left: -112px;
}

.myuzige-right-btn ul.dashbord-sub-manu li {
    display: block;
    margin-left: 0;
    padding: 10px 0;
}

.myuzige-right-btn ul.dashbord-sub-manu li a {
    display: block;
    font-size: 18px;
    color: #48555B;
    font-weight: 500;
    width: 100%;
    line-height: normal;
}

.myuzige-right-btn ul.dashbord-sub-manu li a:hover {
    color: #2563EB;
}

a.sing-out {
    border-radius: 20px;
    text-align: center;
    background: #2563EB;
    color: #fff !important;
}

.myuzige-right-btn li a {
    text-decoration: none;
    font-size: 25px;
    display: block;
    width: 30px;
    height: 30px;
    color: #A1A1AA;
}

.myuzige-right-btn li a span {
    font-size: 10px;
    position: absolute;
    height: 20px;
    display: inline-block;
    width: 20px;
    background: #4F46E5;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    line-height: 20px;
    right: 0;
}

.myuzige-right-btn li {
    margin-left: 30px;
}

.myuzige-right-btn .profile {
    height: 46px;
    width: 40px;
}
.myuzige-right-btn .massage {
    position: relative;
    z-index: 1;
}
.dasbord-left-manu {
    width: 238px;
    height: 923px;
    background: #fff;
    padding: 0px 20px;
    position: absolute;
    top: 68px;
}

.dasbord-left-manu ul {
    margin: 0;
    padding: 0;
}

.dasbord-left-manu li a img {
    width: 20px;
    height: 20px;
    margin-right: 20px;
}

.dasbord-left-manu li a i,.dasbord-left-manu li a svg {
    width: 20px;
    height: 20px;
    color: #48555B;
    font-size: 20px;
    margin-right: 20px;
    transition: .3s ease-in-out;
}

.dasbord-left-manu li a {
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
    line-height: 22px;
    color: #48555B;
    font-family: 'Poppins';
    padding: 18px;
    display: block;
    transition: all .3s ease-in-out;
    padding-right: 0;
}

.dasbord-left-manu li a:hover {
    background: #2563EB;
    color: #fff;
}

.dasbord-left-manu li a:hover i {
    color: #fff;
}
.dasbord-left-manu li a:hover svg {
    color: #fff;
}
.main-dashbord-area {
    background: #F6F8F9;
}
.dashbord-card {
    margin-left: 238px;
    margin-bottom: 20px;
}

.card-content-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-content {
    border-radius: 10px;
    background: #fff;
    border: 1px solid #E4E4E7;
    height: 123px;
    padding-top: 30px;
    padding-left: 64px;
    padding-right: 50px;
}

.card-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 18px;
    color: #71717A;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Poppins';
    margin-bottom: 10px;
}

.card-content-wrap h2 {
    font-size: 21px;
    font-weight: 700;
    line-height: 32px;
    color: #18181B;
    font-family: Plus Jakarta Sans;
}
.card-content-wrap span {
    font-size: 15px;
    font-weight: 500;
    line-height: 21px;
    color: #22C55E;
    font-family: 'Plus Jakarta Sans';
    display: flex;
    align-items: center;
}
.card-content-wrap span img {
    margin-left: 3px;
}
.dashbord-manu-bar {
    margin-left: 238px;
    padding-top: 18px;
    padding-bottom: 22px;
}

.full-bar {
    display: flex;
    justify-content: space-between;
    background: #fff;
    border-radius: 15px;
    padding: 27px 65px;
}

.sinlge-bar-itme {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
}
.sinlge-bar-itme:hover {
    color: #3399FF;
}

.sinlge-bar-itme svg {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.sinlge-bar-itme p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: 'Poppins';
}

.sinlge-bar-itme i {
    height: 20px;
    width: 20px;
    margin-right: 10px;
}

.sinlge-bar-itme .green {
    color: #28A745;
}

.sinlge-bar-itme span {
    display: inline-block;
    height: 24px;
    padding-top: 5px;
    margin-left: 10px;
}
.chart-bar {
    margin-left: 238px;
    padding-left: 10px;
}

.dashbord-right-manu {
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    background: #fff;
    width: 336px;
    padding-left: 17px;
    padding-right: 28px;
    padding-top: 26px;
    margin-bottom: 27px;
}

.right-tittle {
    display: flex;
    justify-content: space-between;
}

.right-tittle-left-part {
    display: flex;
}
p.top-tittle {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #18181B;
    font-family: 'Poppins';
    margin-bottom: 12px;
    border-bottom: 1px solid #A5A5A5;
    padding-bottom: 12px;
}

.right-tittle-top {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #A5A5A5;
    padding-bottom: 12px;
    margin-bottom: 21px;
}

.right-tittle-top p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #474747;
    font-family: 'Poppins';
}

.right-tittle-left-part p {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    font-family: 'Poppins';
    color: #18181B;
}

.right-tittle p {
    margin-bottom: 26px;
}

.right-tittle-right-part p {
    font-weight: 500;
    color: #18181B;
    font-family: 'Poppins';
    line-height: 21px;
}

.right-progress .progress {
    height: 8px;
    margin-bottom: 22px;
}

.right-progress .progress-bar {
    background: var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
}

.right-tittle-left-part span {
    margin-left: 8px;
}

.right-manu-btn {
    padding-top: 155px;
}

a.view-btn {
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    color: #000;
    text-decoration: none;
    font-family: 'Poppins';
    text-align: center;
    display: block;
    border-radius: 10px;
    background: #E7F1FF;
    padding: 15px;
    margin-bottom: 20px;
    transition: all .3s ease-in-out;
}

a.view-btn:hover {
    background: #39F;
    color: #fff;
}
canvas#myChart {
    margin-bottom: 22px;
    box-shadow: 0px 10px 50px 0px #E0F0FF;
    border: 1px solid #E4E4E7;
    background: #fff;
    border-radius: 10px;
}

.chart-bar-all-pages {
    border: 1px solid #12C6FB;
    border-radius: 10px;
    background: #fff;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 27px;
}
.chart-bar-all-pages.country {
    margin-bottom: 0;
    box-shadow: 0px 10px 50px 0px #E0F0FF;
    border: 1px solid #E4E4E7;
    background: #fff;
}

.chart-bar-all-pages h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #18181B;
    margin-bottom: 10px;
}

.chart-bar-pages-tittle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.chart-bar-pages-tittle p {
    margin-bottom: 0;
    color: #39F;
    font-family: 'Plus Jakarta Sans';
    font-size: 12px;
    font-weight: 700;
    line-height: 21px;
}

.chart-bar-pages-subtittle {
    display: flex;
    justify-content: space-between;
}

.chart-bar-pages-subtittle p:first-child {
    color: #868686;
    font-size: 16px;
    font-weight: 500;
    line-height: 21px;
    font-family: 'Plus Jakarta Sans';
}

.chart-bar-pages-subtittle p:last-child {
    color: #18181B;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    font-family: 'Plus Jakarta Sans';
}

.pages-progress-wrap .progress {
    height: 4px;
    background: #F4F4F5;
}
.single-page-progress-item {
    margin-bottom: 10px;
}

.page-progress-tittle {
    display: flex;
    justify-content: space-between;
    margin-bottom: 14px;
}

.page-progress-tittle p {
    margin-bottom: 0;
    color: #18181B;
    font-size: 13px;
    font-weight: 500;
    line-height: 21px;
    font-family: 'Plus Jakarta Sans';
}

.page-progress-tittle p img {
    margin-left: 5px;
}

.pages-progress-wrap.red .progress-bar {
    background: #DB4446;
}

.chart-bar-pages-subtittle p {
    margin-bottom: 16px;
}

.pages-progress-wrap.red {
    margin-bottom: 11px;
}

.pages-progress-wrap .progress-bar {
    background: #E0E0E0;
}
.pages-btn {
    margin-top: 35px;
}
.chart-bar-pages-subtittle.reference p:first-child {
    font-size: 13px;
}
.pages-progress-wrap {
    margin-bottom: 11px;
}
.page-progress-tittle p span {
    margin-left: -10px;
    margin-right: 10px;
}
.chart-bar-pages-subtittle.reference span {
    margin-left: 7px;
}
.page-progress-tittle p span img {
    margin-left: 0;
}
.chart-bar-pages-subtittle.reference p:first-child {
    margin-left: -9px;
}
.chart-bar-pages-subtittle.reference p:first-child img {
    margin-right: 7px;
}
.country-progress-tittle {
    display: flex;
    justify-content: space-between;
}

.country-progress-tittle p {
    margin-bottom: 7px;
}

.country-progress-tittle p img {
    margin-right: 10px;
}

.right-browser-manu {
    border: 1px solid #E4E4E7;
    background: #fff;
    border-radius: 10px;
    width: 336px;
    padding-left: 17px;
    padding-right: 28px;
    padding-top: 14px;
}

.right-browser-manu h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #18181B;
    margin-bottom: 10px;
}

a.log-out {
    text-decoration: none;
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
    color: #899D8F;
    background: #E7F1FF;
    border-radius: 10px;
    display: block;
    text-align: center;
    padding: 16px 10px;
    transition: all .3s ease-in-out;
}

a.log-out:hover {
    background:#39F;
    color: #fff;
}

.log-out-btn {
    position: absolute;
    width: 90%;
    bottom: 32px;
    left: 10px;
}

.log-out-btn a img {
    margin-right: 10px;
}
.dashbord-footer {
    padding-top: 78px;
    padding-bottom: 75px;
}

.dashbord-footer ul {
    margin: 0;
    padding: 0;
}

.dashbord-footer li {
    display: inline-block;
}

.dashbord-footer li a {
    text-decoration: none;
    color: #4F4F4F;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    font-family: 'Poppins';
    transition: all .3s ease-in-out;
}

.left-footer-manu li {
    padding: 0;
    padding-left: 35px;
}

.left-footer-manu li:first-child {
    padding: 0;
}

.right-footer-manu li {
    padding-left: 66px;
}

.dashbord-copyright p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    font-family: 'Poppins';
    color: #4F4F4F;
    margin-bottom: 0;
}
.right-footer-manu {
    text-align: right;
}

.right-footer-manu li:first-child {
    padding: 0;
}

.dashbord-footer li a:hover {
    color: #39F;
}
/* lightmode v2 page start */
.tooltipe-area {
    margin-left: 250px;
    background: #fff;
    border-radius: 6px;
}

.tooltipe-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 6px;
    border: 1px solid #DDE2E4;
    padding: 10px 20px 6px 20px;
}

.tooltipe-header-right {
    display: flex;
    align-items: center;
}

.tooltipe-header-right form {
    width: 343px;
    height: 35px;
}

.tooltipe-header-left p {
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.096px;
    color: #252C32;
    font-family: 'Poppins';
}

.tooltipe-header-right a {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
}

a.sort-btn {
    color: #9AA6AC;
    margin-left: 10px;
    margin-right: 10px;
}

.tooltipe-header-right select {
    border: none;
    outline: none;
}

.tool-tipe-btn ul {
    margin: 0;
    padding: 0;
}

.tool-tipe-btn li {
    display: inline-block;
}

.tool-tipe-btn li a {
    height: 32px;
    width: 33px;
    display: inline-block;
    text-align: center;
    line-height: 32px;
    margin-left: -5px;
}

a.dot-btn {
    background: #F6F8F9;
    border-radius: 6px 0px 0px 6px;
}

a.bar-btn {
    border-radius: 0px 6px 6px 0px;
    background: #F6F8F9;
}

a.dot-btn svg {
    color: #B0BABF;
}

a.bar-btn svg {
    color: #B0BABF;
}

a.dot-btn.on{
    background: #E5E9EB;
    color: #252C32;
}

a.dot-btn.on svg{
    color:#252C32 ;
}

a.bar-btn.on.on{
    background: #E5E9EB;
    color: #252C32;
}

a.bar-btn.on.on svg{
    color:#252C32 ;
}

.tool-tipe-btn {
    margin-left: 9px;
}

.main-tooltipe{
    background-image: url(../image/map-bg.png);
    height: 482px;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 23px;
}
.all-content {
    display: flex;
    background: #fff;
    width: 143px;
    height: 82px;
    align-items: center;
    justify-content: space-around;
    visibility: hidden;
    position: absolute;
    left: -54px;
    top: -124px;
    opacity: 0;
    transition:all .5s ease-in-out;
    border: 1px solid #E4E4E7;
    border-radius: 10px;
    box-shadow: 0px 44px 44px rgba(0, 0, 0, 0.08);
    height: 94px;
    position: relative;
    z-index: 1;
}
.all-content::after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid white;
    content: "";
    position: absolute;
    bottom: -24px;
}

.map {
    height: 40px;
    width: 40px;
    background: var(--Linear, linear-gradient(159deg, #12C6FB 31.17%, #148AFF 72.66%));
    border-radius: 50%;
    transition: 5s;
    box-shadow: 0 0 30px 5px #39F;
}

.map1 {
    position: absolute;
    left: 21%;
    top: 35%;
}

.map2 {
    position: absolute;
    top: 48%;
    left: 27%;
}

.map3 {
    position: absolute;
    left: 56%;
    top: 11%;
}

.map4 {
    position: absolute;
    left: 50%;
    top: 19%;
}

.map5 {
    position: absolute;
    left: 50%;
    top: 38%;
}

.map6 {
    position: absolute;
    left: 64%;
    top: 44%;
}

.map7 {
    position: absolute;
    left: 76%;
    top: 42%;
}

.map8 {
    position: absolute;
    left: 80%;
    top: 81%;
}

.map9 {
    position: absolute;
    left: 85%;
    top: 84%;
}

.map:hover .all-content {
    opacity: 1;
    visibility: visible;
}

.map-content p {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    font-family: 'Poppins';
    color: #71717A;
}

.map-content h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}

.tool-tip-btn a {
    text-decoration: none;
    border: 1px solid #3383FF;
    border-radius: 5px;
    margin-right: 10px;
    color: #3383FF;
    width: 34px;
    height: 34px;
    display: inline-block;
    line-height: 0;
    text-align: center;
    line-height: 34px;
    transition: all .3s ease-in-out;
}

.tool-tip-btn a:hover {
    background: #3383FF;
    color: #fff;
    border-color: #3383FF;
}

.tool-tip-btn {
    text-align: right;
    padding-top: 10px;
}

.chart-bar-all-pages.myuzige-v2 {
    border: none;
    padding-bottom: 30px;
}

.chart-bar-all-pages.myuzige-v2, .country-progress-tittle p {
    margin-bottom: 15px;
}

.chart-bar-pages-subtittle.myuzige-v2,.single-page-progress-item {
    margin-bottom: 27px;
}

.chart-bar-pages-subtittle.myuzige-v2,.single-page-progress-item:last-child{
    margin-bottom: 0;
}

/* coming soon page */
.comming-soon {
    width: 100%;
    text-align: center;
    box-shadow: 0 0 5px #ccc;
    padding: 70px 0;
}

.comming-soon h2 {
    font-size: 70px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: normal;
    color: #090914;
}

.comming-soon p {
    margin-bottom: 0;
    font-size: 30px;
    line-height: normal;
    background: var(--white-clr);
}