html, body {
          font-size: 1rem;
     }

     .body {
          font-size: 1rem;
          overflow-x: hidden !important;
          background: url(/assets/img/demos/app-landing/svg/shape-1.svg);
          background-repeat: no-repeat;
          background-position : calc(100% + 645px) -645px;
     }


/* preloader */

     .preloader {
              background: linear-gradient(135deg, #4246fd 0%, #881cf9 80%) !important;
              opacity: .75;
              position: fixed;
              z-index: 10000;
              display: block;
              width: 100vw;
              height: 100vh;
     }


/* form */

     .form-control-xlg {
          min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
          padding: .5rem 1rem;
          font-size: 1.1rem !important;
          border-radius: var(--bs-border-radius-lg);
          border-width: 3px;
     }


/* fonts */

     #header .header-nav-main nav > ul > li > a {
         font-size: 1rem;
     }

     #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
          font-size: 1rem;
          color: #444;
     }
     
     #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:focus > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:active > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.open > a, #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.accessibility-open > a {
         background-color: #f5f3fb;
     }

     .gradient-text-color {
          padding-right: 5px;
     }

     .owl-carousel .owl-nav button.owl-prev:before, .owl-carousel .owl-nav button.owl-next:before  {
         font-family: 'Font Awesome 6 Pro';
     }

     .page-title-bg {
          text-transform: uppercase;
     }


/* buttons */

     .btn, .qxCTlb {
          text-transform: uppercase !important;
     }

     .qxCTlb {
          text-transform: uppercase !important;
          color: #881cf9 !important;
          background-color: transparent !important;
          background-image: none !important;
          border-color: #881cf9 !important;
          border-radius: 0.375rem !important;
          border-width: 1px !important;
          padding: 1.25rem 3rem !important;
     }
          
     .qxCTlb:hover {
              color: #FFF !important;
              background-color: #881cf9 !important;
              border-color: #881cf9 !important;
     }

/* backgrounds */

     .container {
         z-index: 50;
         position: relative;
     }
     
     .bg-light-gray {
          background: #f4f4f4;
     }

/* carousel */

     .custom-carousel-1 {
         position: relative;
         background: url(/assets/images/phone-hero.png);
         width: 344px;
         height: 636px;
     }

     .custom-carousel-1 .owl-carousel {
         padding: 0;
     }

     .owl-carousel.stage-margin .owl-stage-outer {
         margin-left: 32px !important;
         margin-right: 40px !important;
     }


/* customs */
     
     @media (max-width: 575px)
     {
          .custom-svg-1 {
              position: absolute;
              right: -1000px;
              top: -600px;
          }
          

          .body {
               font-size: 1rem;
               overflow-x: hidden !important;
               background: url(/assets/img/demos/app-landing/svg/shape-1.svg);
               background-repeat: no-repeat;
               background-position : calc(100% + 1000px) -600px;
          }

     }
     

     .custom-svg-2, .custom-svg-3, .custom-svg-4 {
          z-index: 0 !important;
     }
     
     
     @media (min-width: 1600px) {
          
          .custom-svg-2 {
              left: -30%;
          }
          
     }

/* card */

.card {
     border-radius: 1rem !important;
}