/* --------Font--------------- */
/* poppins-300 - latin */
@font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/poppins-v20-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-300d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-300.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-300.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-regular - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-regulard41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-regular.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/poppins-v20-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-500 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/poppins-v20-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-500d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-500.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-500.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-500italic - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: italic;
    font-weight: 500;
    src: url('../fonts/poppins-v20-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-500italicd41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-500italic.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-500italic.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-600 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/poppins-v20-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-600d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-600.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-600.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-700 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/poppins-v20-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-700d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-700.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-700.svg#Poppins') format('svg'); /* Legacy iOS */
  }
  /* poppins-800 - latin */
  @font-face {
    font-family: 'Poppins';
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/poppins-v20-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('../fonts/poppins-v20-latin-800d41d.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/poppins-v20-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/poppins-v20-latin-800.woff') format('woff'), /* Modern Browsers */
         url('../fonts/poppins-v20-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/poppins-v20-latin-800.svg#Poppins') format('svg'); /* Legacy iOS */
  }

/* -----------Css-variable------ */

:root {
    --light-purple: #F6F4FE;
    --purple: #009aee;
    --bg-purple: #009aee;
    --dark-purple: #32236F;
    --dark-bg-text: #9995b1;
    --body-text-purple: #3E3F66;
    --text-white: #ffffff;
    --bg-white: #ffffff;
    --slider-dots-color: #D4D2DD;
    --light-bg: #DFDAF3;
}



/* ------Common-Css------------- */

html{scroll-behavior:smooth}

body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.7;
    font-family: 'Poppins', sans-serif;
    color: #0b0b0c;
    /*background-color: var(--light-purple);*/
}

.page_wrapper {
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    color: var(--body-text-purple);
}

a:hover {
    text-decoration: none;
    color: var(--body-text-purple);
}

ul,
li {
    padding: 0;
    list-style-type: none;
    margin: 0;
}

button:focus,
.btn.focus,
.btn:focus {
    outline: none;
    box-shadow: none;
}

@media screen and (min-width:1200px) {
    .container {
        max-width: 1170px;
    }
}

.section_title {
    text-align: center;
}

/* section heading h2 */
.section_title h2 {
    font-size: 40px;
    font-weight: 700;
    color: #000000;
}

.section_title h2 span {
    color: var(--purple);
}

.row_am {
    padding: 50px 0;
}

/* purple button */
.puprple_btn {
    background-color: var(--purple);
    color: var(--text-white);
    border-radius: 50px;
    padding: 10px 40px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    font-weight: 500;
}

.puprple_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-white);
    border-radius: 50px;
    transition: .6s all;
    z-index: -1;
}

.puprple_btn:hover::before {
    width: 100%;
}

.puprple_btn:hover {
    color: var(--purple);
}

/* white button */
.white_btn {
    padding: 10px 45px;
    border: 1px solid var(--purple);
    color: var(--purple);
    border-radius: 50px;
    background-color: var(--bg-white);
    font-weight: 700;
    position: relative;
    z-index: 1;
    overflow: hidden;
    font-weight: 500;
}

.white_btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 50px;
    transition: .6s all;
    z-index: -1;
}

.white_btn:hover::before {
    width: 110%;
}

.white_btn:hover {
    color: var(--text-white);
}

.highlited_block .white_btn:hover {
    border-color: var(--bg-white);
}

/* slider controls */
.owl-carousel .owl-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-top: 20px;
}

.owl-carousel .owl-dots button {
    display: block;
    width: 15px;
    height: 15px;
    background-color: var(--slider-dots-color);
    border-radius: 15px;
    margin: 0 5px;
}

.owl-carousel .owl-dots button.active {
    background-color: var(--purple);
}

/* -------------Preloader-Css-Start-------------- */

/* Preloader */
#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 999999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--bg-purple);
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--body-text-purple);
    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

#loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: var(--dark-purple);
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}




/* -----------Header-Css-Start------------------- */
/* header wraper */
header {
    position: relative;
    width: 100%;
    z-index: 99999;
    transition: .4s all;
}

header.fix_style {
    position: fixed;
    top: 0;
    backdrop-filter: blur(5px);
    background-color: #ffffffb4;
    padding: 15px 0;
    transition: none;
    opacity: 0;
    pointer-events: none;
}

header.fixed {
   pointer-events: all;
   opacity: 1;
   transition: .4s all;
}

header.fixed .navbar {
    padding: 0;
}
.top_notice_board {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
}
.top_notice_board div h3, .top_notice_board div p {
    margin-bottom: 0px;
}
.top_list ul {
    margin: 0px;
    padding: 0px;
}
.top_list ul li {
    list-style: none;
    display: inline-block;
}
.top_list ul li:first-child {
    margin-right: 1px;
    border-right: 1px solid #eee;
    padding-right: 10px;
}
.top_notice_board div h3 {
    font-size: 18px;
    margin-right: 10px;
    border-right: 1px solid #eee;
    padding-right: 10px;
}
.top_header {    padding-top: 10px;
    border-bottom: 1px solid #eee;
}
/* navigation bar */
.navbar {
    padding-left: 0;
    padding-right: 0;
    padding-top: 15px;
}

.navbar-expand-lg .navbar-nav {
    align-items: center;
}

.navbar-expand-lg .navbar-nav .nav-link {
    padding: 5px 15px;    font-size: 15px;
    font-weight: 400;
}

.navbar-expand-lg .navbar-nav .nav-link:hover {
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn {
    color: var(--text-white);
    background-color: var(--purple);
    font-size: 16px;
    padding: 9px 40px;
    border-radius: 25px;
    margin-left: 20px;
    position: relative;
}


.navbar-expand-lg .navbar-nav .nav-link.dark_btn::before, 
.navbar-expand-lg .navbar-nav .nav-link.dark_btn::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 42px;
    z-index: -1;
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::before {
	animation: pulse-blue-medium-sm 3.5s infinite
}

.navbar-expand-lg .navbar-nav .nav-link.dark_btn::after  {
	animation: pulse-blue-small-sm 3.5s infinite
}

.navbar-brand img {
    width: 150px;
}

/* navigation bar dropdown */
.navbar-expand-lg .navbar-nav .has_dropdown {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 10px 10px 0 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover {
    background-color: var(--bg-white);
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .drp_btn {
    position: relative;
    right: 15px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu {
    position: absolute;
    top: 100%;
    background-color: var(--bg-white);
    border-radius: 0 10px 10px 10px;
    min-width: 210px;
    max-width: 230px;
    margin-top: -10px;
    transition: .4s all;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0px 4px 10px #c5c5c580;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul {
    margin-left: 0;
    padding: 10px 20px;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a {
    font-size: 15px;
    position: relative;
    transition: .4s all;
    line-height: 35px;
    font-weight: 500;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a::before {
    content: "";
    width: 10px;
    height: 10px;
    display: inline-block;
    border: 2px solid var(--purple);
    border-radius: 10px;
    margin-right: 5px;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    transition: .4s all;
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover {
    padding-left: 15px;
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown .sub_menu ul li a:hover::before {
    opacity: 1;
    left: 0;
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover>a,
.navbar-expand-lg .navbar-nav .has_dropdown:hover>.drp_btn {
    color: var(--purple);
}

.navbar-expand-lg .navbar-nav .has_dropdown:hover .sub_menu {
    opacity: 1;
    pointer-events: all;
    margin-top: -1px;
}

/* navigation toggle menu */
.toggle-wrap {
    padding: 10px;
    position: relative;
    cursor: pointer;
    
    /*disable selection*/
    -webkit-touch-callout: none;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
  }

  .toggle-bar,
  .toggle-bar::before,
  .toggle-bar::after,
  .toggle-wrap.active .toggle-bar,
  .toggle-wrap.active .toggle-bar::before,
  .toggle-wrap.active .toggle-bar::after {
      -webkit-transition: all .2s ease-in-out;
      -moz-transition: all .2s ease-in-out;
      -o-transition: all .2s ease-in-out;
      transition: all .2s ease-in-out;
  }

  .toggle-bar {
      width: 25px;
      margin: 10px 0;
      position: relative;
      border-top: 4px solid var(--body-text-purple);
      display: block;
  }

  .toggle-bar::before,
  .toggle-bar::after {
      content: "";
      display: block;
      background: var(--body-text-purple);
      height: 4px;
      width: 30px;
      position: absolute;
      top: -12px;
      right: 0px;
      -ms-transform: rotate(0deg);
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
      -ms-transform-origin: 13%;
      -webkit-transform-origin: 13%;
      transform-origin: 13%;
  }

  .toggle-bar::after {
    top: 4px;
  }

  .toggle-wrap.active .toggle-bar {
    border-top: 6px solid transparent;
  }

  .toggle-wrap.active .toggle-bar::before {
      -ms-transform: rotate(45deg);
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }

  .toggle-wrap.active .toggle-bar::after {
      -ms-transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      transform: rotate(-45deg);
  }


/* ---------Hero-Slider-Css-Start------------------ */
/* hero banner wraper */
.banner_section {
    margin-top: 120px;
    position: relative;
}


.banner_section .container {
    position: relative;
}

.banner_section .row {
    align-items: center;
}

/* hero banner text */
.banner_section .banner_text {
    margin-top: -50px;
}

/* hero banner heading h1 */
.banner_section .banner_text h1 {
    font-size: 50px;
    color: #d60d04;
    letter-spacing: -1.5px;
    font-weight: 700;
}

.banner_section .banner_text h1 span {
    color: var(--purple);
}

/* trial box  wraper */
.trial_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
    z-index: 99;
    width: 100%;
}

.trial_box form {
    width: 60%;
}

/* trial input  */
.trial_box form {
    display: flex;
}

.trial_box form .form-group {
    margin-bottom: 0;
}

.trial_box form .form-group .form-control {
    width: 360px;
    height: 55px;
    border-radius: 6px;
    color: var(--dark-purple);
}

.trial_box form .form-group .form-control::placeholder {
    color: var(--dark-purple);
}

/* trial_box button */
.trial_box form .form-group .btn {
    height: 55px;
    width: 170px;
    text-transform: uppercase;
    color: var(--text-white);
    background-color: var(--bg-purple);
    border-radius: 6px;
    margin-left: 10px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.trial_box form .form-group .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-white);
    border-radius: 0;
    transition: .6s all;
    z-index: -1;
}

.trial_box form .form-group .btn:hover::before {
    width: 100%;
}

.trial_box form .form-group .btn:hover {
    color: var(--purple);
}

/* hero slider button */
.banner_section .app_btn {
    display: flex;
    align-items: center;
}

/* trial box text */
.trial_box_list ul {
    position: relative;
    display: flex;
}

.trial_box_list ul li{
    text-align: left;
    padding: 0 25px 0 0;
    font-size: 15px;
}

/* hero banner list */
.banner_section .app_btn li a {
    display: block;
    padding: 12px 30px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
}

.banner_section .app_btn li:last-child {
    margin-left: 25px;
}

.banner_section .app_btn li a img {
    transition: .4s all;
}

.banner_section .app_btn li a .white_img {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
}

.banner_section .app_btn li a:hover {
    background-color: var(--purple);
}

.banner_section .app_btn li a:hover .blue_img {
    opacity: 0;
}

.banner_section .app_btn li a:hover .white_img {
    opacity: 1;
}

/* hero banner users */
.banner_section .used_app {
    display: flex;
    align-items: center;
    margin-top: 35px;
}

.banner_section .used_app ul {
    display: flex;
    align-items: center;
    margin-right: 10px;
}

.banner_section .used_app ul li:not(:first-child) {
    margin-left: -15px;
}

.banner_section .used_app p {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 0;
}

/* hero slider images */
.banner_section .banner_images {
    /*display: flex;*/
    position: relative;
}

.banner_section .banner_images img {
    border-radius: 20px;
    box-shadow: 0px 4px 10px #ca97e4;
    margin-bottom: 20px;
}

.banner_section .banner_images {
    text-align: right;
}

.banner_section .banner_images.image_box2{
    text-align: left;
}

.banner_section .banner_images .banner_image1 img{
    animation-delay: 1s;
}

.banner_section .banner_images .banner_image2 img{
    animation-delay: 4s;
}

.banner_section .banner_images .banner_image3 img{
    animation-delay: 3s;
}

.banner_section .banner_images .banner_image4 img{
    animation-delay: 2s;
}


/* hero banner bg animation */
.banner_section .hero_bg {
    position: absolute;
    top: -200px;
    right: 50px;    opacity: 0.4;
}

.banner_section .hero_bg {
    animation: mymove 10s infinite;
}


@keyframes mymove {
  50% {transform: rotate(360deg);}
}


/* hero banner control dots */
.banner_section .owl-dots {
    margin-top: 40px;
}

.owl-carousel .owl-item img {
    max-width: 100%;
    width: auto;
}




/* ------------Trusted-Section-Css-Start----------- */

/* trusted logos wraper */
.trusted_section {
    padding: 100px 0;
}

.trusted_section .company_logos {
    padding-top: 20px;
}

.trusted_section .company_logos img {
    filter: grayscale(1);
    margin: 0 auto;
    transition: .4s all;
}

.trusted_section .company_logos img:hover {
    filter: grayscale(0);
}



/* ----------Feature-Detail-Section-start------ */

/* features section wraper */
.features_section {
    padding-top: 200px;
    position: relative;

}

/* features section image */
.features_section .features_inner .feature_img {
    width: 70%;
    /*height: 50%;*/
    overflow: auto;
    margin: auto;
    position: absolute;
    top: -90px; 
    left: 0; 
    bottom: 0; 
    right: 0;

}

.features_section .features_inner .feature_img img {
    max-width: 100%;
}

.features_section .container {
    max-width: 1370px;
}

.features_section .features_inner {
    position: relative;
    background-color: rgba(255, 255, 255, 0.8);
    padding: 190px 0 70px 0;
    border-radius: 30px;
    box-shadow: 0px 4px 30px #EDE9FE;
    border: solid 1px var(--bg-white) ;

}

/* features box block */
.features_section .features_inner .features_block {
    max-width: 1170px;
    margin: 0 auto;
    padding: 40px 20px 0 20px;
}

/* features section box */

.features_section .features_inner .feature_box {
    width: 100%;
    text-align: left;
}

.features_section .features_inner .feature_box .image {
    position: relative;
    max-width: 100%;
}

.features_section .features_inner .feature_box .image img {
    border-radius: 12px 12px 0 0;
    max-width: 100%;
}

.features_section .features_inner .feature_box .text {
    padding: 50px 0 0 0;
}

.features_section .features_inner .feature_box .text h4 {
    font-size: 20px;
    color: var(--dark-purple);
    font-weight: 600;
}


/* feature section bg animation */

.feature_section_bg {
    position: absolute;
    top: 0;
    left: -300px;
}


/* bg animation */
.feature_section_bg {
    animation: mymove 5s infinite;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}

/* -----------------About-App-Section-Css-Start------------------ */

/* about us section wraper */
.about_app_section .about_img {
    display: flex;
    align-items: center;
    position: relative;
}

/* about us section images*/
.about_app_section .about_img img {
    max-width: 100%;
}

/*.about_app_section .about_img::before {
    content: "";
    position: absolute;
    left: 38%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 500px;
    height: 500px;
    background-color: var(--bg-white);
    border-radius: 100%;
    z-index: -1;
}*/

.about_app_section .about_img .screen_img {
    margin-left: -135px;
    margin-top: 110px;
}

.about_app_section .about_text .section_title {
    text-align: left;
}

.about_app_section .about_text .section_title h2 {
    margin-bottom: 15px;
}

/* about us section  statastics nomber */
.about_app_section .about_text .app_statstic {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 10px;
    margin-top: 40px;
}

.about_app_section .about_text .app_statstic li {
    width: 270px;
    background-color: var(--bg-white);
    display: block;
    text-align: center;
    border-radius: 12px;
    padding: 30px 25px;
    margin: 10px 20px;
    box-shadow: 0px 4px 10px #ede9fe;
}

.about_app_section .about_text .app_statstic li .icon {
    margin-right: 9px;    margin-bottom: 10px;
}

.about_app_section .about_text .app_statstic li p {
    margin-bottom: 0;
    line-height: 1;
    color: var(--dark-purple);
}

.about_app_section .about_text .app_statstic li p:first-child {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 3px;
}


/* -------------Modern-Ui-Section-Css-Start---------------- */
/* modern ui section wraper */
.modern_ui_section {
    position: relative;
}

.modern_ui_section .row {
    align-items: center;
}

.modern_ui_section .design_block {
    margin-top: 45px;
}

/* modern ui text */
.modern_ui_section .section_title {
    text-align: left;
}

.modern_ui_section .ui_text {
    padding-right: 75px;
}

/* modern ui list */
.modern_ui_section .design_block li {
    padding-left: 40px;
    position: relative;
    margin-bottom: 25px;
}

.modern_ui_section .design_block li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 5px;
    background-image: url(../images/right_icon.png);
    width: 22px;
    height: 22px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.modern_ui_section .design_block li h4 {
    font-size: 20px;
    color: var(--dark-purple);
    font-weight: 600;
    margin-bottom: 8px;
}

.modern_ui_section .design_block li p {
    margin-bottom: 0;
}

/* modern ui images */
.modern_ui_section .ui_images {
    display: flex;
    position: relative;
}

.modern_ui_section .ui_images::before {
    /*content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 570px;
    height: 570px;
    border-radius: 100%;
    background-color: var(--bg-white);
    z-index: -1;*/
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    margin-left: -140px;
    margin-top: -20px;
}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    margin-left: -90px;
    margin-top: -20px;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    position: relative;
    top: 15px;
    z-index: 99;
    margin-left: -15px;
}

/* modern ui section bg animation */

.modernui_section_bg {
    position: absolute;
    top: -200px;
    right: -300px;
}


/* bg animation */
.modernui_section_bg {
    animation: mymove 10s infinite;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}


/* -------------How_It_Works-Section-Css-Start------------------ */

/* how it works wraper */
.how_it_works {
    position: relative;
}

.how_it_works .container {
    max-width: 1370px;
}

.how_it_works .how_it_inner {
    background-color: rgba(255, 255, 255, 0.8);
    border: solid 1px var(--bg-white);
    padding: 70px 0;
    border-radius: 30px;
    box-shadow: 0px 4px 30px #EDE9FE;
}

/* how it works list */
.how_it_works .step_block ul {
    max-width: 1080px;
    margin: 0 auto;
    padding: 10px;
}

.how_it_works .step_block ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    margin-bottom: 50px;
}

.how_it_works .step_block ul li::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50px;
    transform: translateX(-50%);
    width: 4px;
    height: calc(100% + 100px);
    background-color: var(--light-bg);
}

.how_it_works .step_block ul li:first-child::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    width: 14px;
    height: 14px;
    background-color: var(--light-bg);
    border-radius: 15px;
}

.how_it_works .step_block ul li:first-child::before {
    top: 0;
}

.how_it_works .step_block ul li:last-child::before {
    height: 50%;
    top: 0;
}

.how_it_works .step_block ul li .step_text,
.how_it_works .step_block ul li .step_img {
    width: 360px;
    text-align: right;
}

/* how it works image */
.how_it_works .step_block ul li .step_img img {
    max-width: 100%;
    border-radius: 16px;
}

/* how it works heading h4 */
.how_it_works .step_block ul li .step_text h4 {
    font-size: 20px;
    font-weight: 600;
}

.how_it_works .step_block ul li .step_text .app_icon {
    margin-bottom: 10px;
}

.how_it_works .step_block ul li .step_text .app_icon a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    background-color: var(--light-bg);
    color: var(--text-white);
    font-size: 20px;
    text-align: center;
    line-height: 40px;
    transition: .4s all;
}

.how_it_works .step_block ul li .step_text .app_icon a:hover {
    background-color: var(--purple);
}

.how_it_works .step_block ul li .step_text span {
    font-weight: 600;
}

.how_it_works .step_block ul li .step_text span a {
    color: var(--purple);
    text-decoration: underline;
}

.how_it_works .step_block ul li:nth-child(2) {
    flex-direction: row-reverse;
}

.how_it_works .step_block ul li:nth-child(2) .step_text,
.how_it_works .step_block ul li:nth-child(2) .step_img {
    text-align: left;
}

/* how it works numbers */
.how_it_works .step_block ul li .step_number {
    background-position: center;
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 200px;
}

.how_it_works .step_block ul li .step_number.number1{
    background:#fff1da;
    border: #f9e8cd solid 7px;
}

.how_it_works .step_block ul li .step_number.number2{
    background:#d8fdff;
    border: #c5f5f8 solid 7px;
}

.how_it_works .step_block ul li .step_number.number3{
    background:#ffe9f1;
    border: #fcdde9 solid 7px;
}

/* how it works numbers heading h3 */
.how_it_works .step_block ul li .step_number h3 {
    font-size: 30px;
    font-weight: 600;
    padding-top: 8px;
}

/* how it works video  */
.how_it_works .yt_video {
    max-width: 1170px;
    margin: 0 auto;
    margin-top: -200px;
    position: relative;
    overflow: hidden;
}

/* how it works video animation line  */
.how_it_works .yt_video .anim_line {
    z-index: 999;
}

.how_it_works .yt_video .thumbnil {
    position: relative;
}

.how_it_works .yt_video .thumbnil img {
    max-width: 100%;
}

.how_it_works .yt_video .thumbnil a {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: var(--text-white);
    font-weight: 600;
    z-index: 999;
    cursor: pointer;
}

.how_it_works .yt_video .thumbnil a span {
    display: block;
    font-weight: 700;
    font-size: 30px;
}

.how_it_works .yt_video .thumbnil a .play_btn {
    background-color: rgba(255, 255, 255, 0.1);
    width: 96px;
    height: 96px;
    border-radius: 100px;
    text-align: center;
    margin: 0 auto;
    line-height: 96px;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

.how_it_works .yt_video .thumbnil a .play_btn img {
    width: 50px;
    position: relative;
    z-index: 999;
}

/* how it works video model   */
.modal {
    z-index: 999999;
}

.modal-backdrop.show {
    z-index: 99999;
    opacity: .7;
}

.youtube-video .modal-dialog {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    padding: 0 15px;
    height: 100%;
    max-width: 1240px !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#video-container {
    position: relative;
    padding-bottom: 50%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

iframe#youtubevideo {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.youtube-video .modal-footer {
    border: none;
    text-align: center;
    display: block;
    padding: 0;
}

.youtube-video .modal-content {
    background: none !important;
    border: none;
}

#close-video {
    color: #fff;
    font-size: 30px;
}

/* how it work section bg animation */

.how_section_bg {
    position: absolute;
    top: 0;
    left: -300px;
    z-index: -1;
}


/* bg animation */
.how_section_bg {
    animation: mymove 5s infinite;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}

/* ------------Testimonial-Slider-Css-Start------------- */
/* testimonials wraper  */
.testimonial_section {
    padding: 50px 0 100px 0;
}
#testimonial_slider {
    max-width: 550px;
    margin: 0 auto;
}

.testimonial_section .testimonial_block {
    background-image: url(../images/testimonial_bg.png);
    background-size: cover;
    background-position: center;
    position: relative;
    margin-top: 65px;
}

.testimonial_section .testimonial_block .testimonial_slide_box {
    text-align: center;
    width: 430px;
    padding: 10px;
    margin: 0 auto;
}

/* testimonials rating  */
.testimonial_section .testimonial_block .rating span {
    color: #FC9400;
    font-size: 18px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .review {
    margin-top: 10px;
    margin-bottom: 30px;
}

/* testimonials image  */
.testimonial_section .testimonial_block .testimonial_slide_box .testimonial_img img {
    margin: 0 auto;
}

/* testimonials heading h3 */
.testimonial_section .testimonial_block .testimonial_slide_box h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    margin-top: 10px;
}

.testimonial_section .testimonial_block .testimonial_slide_box .designation {
    font-size: 15px;
}

/* testimonials total review */
.testimonial_section .total_review {
    text-align: center;
    margin-top: 60px;
}

.testimonial_section .total_review .rating {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* testimonials paragraph */
.testimonial_section .total_review .rating p {
    margin-bottom: 0;
    font-weight: 600;
    margin-left: 5px;
    color: var(--dark-purple);
}

/* testimonials heading */
.testimonial_section .total_review h3 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: 0;
    color: var(--dark-purple);
}

.testimonial_section .total_review a {
    color: var(--purple);
    font-weight: 700;
}

.testimonial_section .testimonial_block .avtar_faces {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
    width: 100%;
}

.testimonial_section .testimonial_block .avtar_faces img {
    max-width: 100%;
}


/* -------------------Pricing-Section---------------------- */

/* pricing wraper  */
.pricing_section {
    background: #32236f;
    padding: 100px 0;
}

.pricing_section .section_title h2 {
    color: var(--text-white);
}

.pricing_section .section_title p {
    color: var(--text-white);
}

.pricing_section .toggle_block {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* pricing toggle button */
.pricing_section .toggle_block span {
    color: var(--dark-bg-text);
    font-weight: 600;
    display: block;
    margin: 0 5px;
}

.tog_btn.month_active {
    left: 35px !important;
}

.pricing_section .toggle_block span.deactive {
    color: var(--body-text-purple);
}

.pricing_section .toggle_block .offer {
    background-color: var(--bg-white);
    border-radius: 5px;
    padding: 2px 10px;
    font-weight: 400;
    font-size: 13px;
    color: var(--purple);
}

.pricing_section .toggle_block .tog_block {
    width: 70px;
    height: 35px;
    background-color: var(--bg-white);
    border-radius: 18px;
    margin: 0 10px;
    position: relative;
    cursor: pointer;
}

.pricing_section .toggle_block .tog_block .tog_btn {
    height: 23px;
    width: 23px;
    border-radius: 25px;
    display: block;
    background-color: var(--purple);
    position: absolute;
    left: 3px;
    top: 50%;
    transform: translateY(-50%);
    transition: .4s all;
}

.pricing_section .toggle_block .month.active,
.pricing_section .toggle_block .years.active {
    color: var(--text-white);
}

/* pricing pannel */
.pricing_section .pricing_pannel {
    margin-top: 50px;
    display: none;
}

.pricing_section .pricing_pannel.active {
    display: block;
}

.pricing_section .pricing_pannel .pricing_block {
    text-align: center;
    background-color: var(--bg-white);
    min-height: 700px;
    border-radius: 12px;
    padding-top: 60px;
    margin-bottom: 40px;
    box-shadow: 0px 4px 30px #1d1445;
}

.pricing_section .pricing_pannel .pricing_block.highlited_block {
    background-color: var(--purple);
}

.pricing_section .pricing_pannel .pricing_block.highlited_block p,
.pricing_section .pricing_pannel .pricing_block.highlited_block h3,
.pricing_section .pricing_pannel .pricing_block.highlited_block span,
.pricing_section .pricing_pannel .pricing_block.highlited_block .pkg_name span {
    color: var(--text-white);
}

.pricing_section .pricing_pannel .pricing_block .icon {
    margin-bottom: 35px;
}

/* pricing box image */
.pricing_section .pricing_pannel .pricing_block .icon img {
    /*width: 100%;*/
}

/* pricing box heading h3 */
.pricing_section .pricing_pannel .pricing_block .pkg_name h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.pricing_section .pricing_pannel .pricing_block .pkg_name span {
    color: var(--body-text-purple);
    font-size: 15px;
}

.pricing_section .pricing_pannel .pricing_block .price {
    font-size: 48px;
    color: var(--purple);
    margin: 25px 0;
    display: block;
    font-weight: 600;
}

/* pricing box list */
.pricing_section .pricing_pannel .pricing_block .benifits {
    margin-bottom: 40px;
}

.pricing_section .pricing_pannel .pricing_block .benifits li p {
    margin-bottom: 5px;
}

.pricing_section .contact_text {
    text-align: center;
    margin-bottom: 0;
    color: var(--text-white);
}

.pricing_section .contact_text a {
    color: var(--purple);
    text-decoration: underline;
    color: var(--text-white);
}


/* -------------FAQ-Section-Css-Start----------------- */

/* faq wraper */
.faq_section {
    padding: 20px 0;
    position: relative;
}

.faq_section .faq_panel {
    margin-top: 40px;
}

/* faq box */
.faq_section .faq_panel .card {
    border: none;
    margin-bottom: 20px;
    border-radius: 12px;
    background-color: var(--light-purple);
    padding: 16px 0;
}

.faq_section .faq_panel .card:last-child {
    margin-bottom: 0;
}

.faq_section .faq_panel .card-header {
    background-color: transparent;
    border: none;
    padding-bottom: 0;
    padding-top: 0;
}

.faq_section .faq_panel .card-header .btn {
    padding: 0;
    color: var(--dark-purple);
    font-weight: 600;
    font-size: 20px;
}

.faq_section .faq_panel .card-header .btn.active {
    color: var(--purple);
}

.faq_panel .accordion button,
.faq_panel .accordion button:hover,
.faq_panel .accordion button:focus {
    text-decoration: none;
}

.faq_section .faq_panel .card-header .icon_faq {
    position: absolute;
    right: 20px;
    color: #839BC0;
}

/* faq heading h2 */
.faq_section .faq_panel .card-header h2 {
    line-height: 1;
}

/* faq paragraph */
.faq_section .faq_panel .card-body {
    padding-bottom: 0;
}


/* feature section bg animation */

.faq_section .faq_bg {
    position: absolute;
    top: 0;
    right: -300px;
}


/* bg animation */
.faq_section .faq_bg {
    animation: mymove 5s infinite;
}


@keyframes mymove {
  50% {transform: rotate(180deg);}
}

/* -----------Interface_Section-Css-Start----------------- */

/* interface wraper */
.interface_section .screen_slider {
    margin-top: 35px;
    min-height: 720px;
}

/* interface images */
.interface_section .owl-item .screen_frame_img img {
    transform: scale(.9);
    border: 2px solid #000;
    border-radius: 20px;
    transition: 1s all;
    margin: 0 auto;
}

.interface_section .owl-item.center .screen_frame_img img {
    transform: scale(1);
    border: 3px solid #000;

}


/* -----------Download_App_Section-Start------------------ */

/* download app wraper */
.free_app_section {
    padding-top: 70px;
    position: relative;
}

.free_app_section .container {
    max-width: 1370px;
}

.free_app_section .container .free_app_inner {
   /* background-color: var(--bg-purple);*/
   background: rgba(255, 255, 255, 0.8);
    border-radius: 30px;
    padding: 40px;
    /*box-shadow: 0px 4px 30px #ede9fe;
    padding-bottom: 50px;*/
    position: relative;
    z-index: 999999;
}



/* download app dark background */
.free_app_section .container .free_app_inner .dark_bg {
    overflow: hidden;
}

.free_app_section .container .free_app_inner .dark_bg span {
    z-index: 9999;
}

.free_app_section .container .free_app_inner .row {
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .section_title {
    text-align: left;
}

/* download app heading h2 */
.free_app_section .container .free_app_inner .free_text .section_title h2 {
    margin-bottom: 20px;
}

.free_app_section .container .free_app_inner .free_text .section_title h2,
.free_app_section .container .free_app_inner .free_text .section_title p {
    color: var(--text-white);
}

.free_app_section .container .free_app_inner .free_text .app_btn {
    display: flex;
    align-items: center;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a {
    display: block;
    padding: 12px 30px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
}

.free_app_section .container .free_app_inner .free_text .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
-moz-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
}

.free_app_section .container .free_app_inner .free_text .app_btn li:last-child {
    margin-left: 25px;
}

.free_app_section .container .free_app_inner .free_img {
    display: flex;
    align-items: center;
    margin-top: -120px;
}

.free_app_section .container .free_app_inner .free_img img:last-child {
    margin-left: -65px;
}

.purple_backdrop {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgb(0 154 238 / 75%);
    width: 100%;
    height: 100%;
    z-index: 99999;
    opacity: 0;
    transition: .4s all;
    pointer-events: none;
}

/* ---------------Latest_Story-Css-Start------------- */

/* latest story wraper */
.latest_story {

}

/* latest story box */
.latest_story .story_box {
    background-color: var(--bg-white);
    text-align: center;
    border-radius: 10px;
    box-shadow: 0px 4px 30px #EDE9FE; 
}

/* latest story image */
.latest_story .story_box .story_img {
    position: relative;
}

.latest_story .story_box .story_img img {
    max-width: 100%;
}

.latest_story .story_box .story_img span {
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 14px;
    color: var(--text-white);
}

/* latest story pargraph */
.latest_story .story_box .story_text {
    padding: 20px 30px;
}

/* latest story heading h3 */
.latest_story .story_box .story_text h3 {
    color: var(--dark-purple);
    font-size: 20px;
    margin-bottom: 15px;
    font-weight: 600;
}

/* latest story link text */
.latest_story .story_box .story_text a {
    color: var(--purple);
    margin-top: 25px;
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 600;
}

.latest_story .story_box .story_text a:hover {
    text-decoration:underline;
}



/* -------------Newsletter-Section-Css-Start------------- */

/* newsletter  wraper */
.newsletter_box {
    background-color: var(--bg-purple);
    padding: 50px;
    border-radius: 12px;
    box-shadow: 0 4px 10px #0c0c0c21;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: -95px;
    position: relative;
    z-index: 99;
}

.newsletter_box .section_title {
    width: 45%;
}

.newsletter_box form {
    width: 60%;
}

/* newsletter heading h2 */
.newsletter_box .section_title h2 {
    margin-bottom: 5px;
    letter-spacing: -1px;
}

.newsletter_box .section_title h2,
.newsletter_box .section_title p {
    color: var(--text-white);
    text-align: left;
}

/* newsletter paragraph */
.newsletter_box .section_title p {
    margin-bottom: 0;
}

/* newsletter input  */
.newsletter_box form {
    display: flex;
}

.newsletter_box form .form-group {
    margin-bottom: 0;
}

.newsletter_box form .form-group .form-control {
    width: 430px;
    height: 55px;
    border-radius: 6px;
    color: var(--dark-purple);
}

.newsletter_box form .form-group .form-control::placeholder {
    color: var(--dark-purple);
}

/* newsletter button */
.newsletter_box form .form-group .btn {
    height: 55px;
    width: 170px;
    text-transform: uppercase;
    color: var(--purple);
    background-color: var(--bg-white);
    border-radius: 6px;
    margin-left: 10px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.newsletter_box form .form-group .btn::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    background-color: var(--bg-purple);
    border-radius: 0;
    transition: .6s all;
    z-index: -1;
}

.newsletter_box form .form-group .btn:hover::before {
    width: 100%;
}

.newsletter_box form .form-group .btn:hover {
    color: var(--text-white);
}


/* ------Footer-Css-Start-------------- */
/* footer wraper */
footer {
    position: relative;
}

footer .top_footer {
    padding: 60px 0 60px 0;
    position: relative;
    overflow: hidden;
}
.contact_info .section_title h2 span {display: block;font-size: 60px;font-weight: 300;margin-bottom: 30px;}
/* footer logo */
footer .top_footer .logo {
    margin-bottom: 40px;
}

footer .top_footer .logo img {
    width: 150px;
}

footer .top_footer .abt_side li {
    padding: 0 0 10px 0;
}

/* footer social media icon */
footer .top_footer .social_media {
    display: flex;
    margin-top: 20px;
}

/* footer link list */
footer .top_footer .social_media li a {
    display: block;
    width: 37px;
    height: 37px;
    text-align: center;
    line-height: 37px;
    font-size: 15px;
    border: 1px solid #32236f;
    border-radius: 50px;
    margin-right: 10px;
    transition: .4s all;
}

footer .top_footer .social_media li a:hover {
    background-color: var(--bg-purple);
    color: var(--text-white);
}

footer .top_footer .try_out {
    margin-left: -20px;
}

footer .app_btn li a {
    display: block;
    padding: 12px 10px;
    background-color: var(--bg-white);
    border: 2px solid var(--purple);
    position: relative;
    border-radius: 12px;
    transition: .4s all;
    width: 175px;
    text-align: center;
}

footer .app_btn li a:hover {
    -webkit-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
    box-shadow: 1px 4px 8px -2px rgba(0,0,0,0.5);
}

footer .app_btn li:last-child {
    margin-top: 20px;
}

footer .bottom_footer {
    border-top: #dddde2 solid 1px;
}

/* footer heading colors variable */
footer h2,
footer h3 {
    color: var(--dark-purple);
}

/* footer text colors variable */
footer p,
footer a {
    color: var(--body-text-purple);
}

footer a:hover {
    color: var(--purple);
}

/* footer heading h3 */
footer h3 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 50px;
    padding-top: 10px;
}

footer .links ul li a {
    display: block;
    margin-bottom: 10px;
}

/* footer last */
footer .bottom_footer {
    padding: 20px 0;
}

footer .bottom_footer p {
    margin-bottom: 0;
    font-size: 15px;
}

footer .bottom_footer .developer_text {
    text-align: right;
}

footer .bottom_footer .developer_text a {
    text-decoration: underline;
}

/* footer section bg animation */

footer .footer_bg {
    position: absolute;
    bottom: 0px;
    left: -400px;
}



/* footer go top button */
.go_top {
    position: fixed;
    right: 30px;
    bottom: 75px;
    cursor: pointer;
    transition: .4s all;
    opacity: 0;
}

.go_top:hover {
    bottom: 80px;
}

/* -----------Animation-Css-Start-------------- */

/* animation line wraper */
.anim_line {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.anim_line span {
    position: absolute;
    z-index: 99999;
    top: -275px;
    animation: star_down_one 6s infinite linear;
    opacity: 0;
}

.anim_line.dark_bg {
    max-width: 1170px;
}

.anim_line.dark_bg span {
    transform: rotate(180deg);
}

.anim_line span:first-child {
    left: -17%;
    animation-delay: 3s;
}

.anim_line span:nth-child(2) {
    left: 0%;
    animation-delay: 5s;
}

.anim_line span:nth-child(3) {
    left: 17%;
    animation-delay: 1s;
}

.anim_line span:nth-child(4) {
    left: 34%;
    animation-delay: 4s;
}

.anim_line span:nth-child(5) {
    left: 51%;
    animation-delay: 7s;
}

.anim_line span:nth-child(6) {
    left: 68%;
}

.anim_line span:nth-child(7) {
    left: 85%;
    animation-delay: 3s;
}

.anim_line span:nth-child(8) {
    left: 99%;
    animation-delay: 2s;
}

.anim_line span:nth-child(9) {
    left: 117%;
    animation-delay: 5s;
}

/* footer .top_footer .anim_line span:first-child {
    left: 5%;
}

footer .top_footer .anim_line span:nth-child(2) {
    left: 13%;
} */

@keyframes star_down_one {
    0% {
        opacity: 0;
        top: -250px;
    }

    10% {
        opacity: 1;
    }

    90% {
        opacity: 1;
    }

    100% {
        top: 100%;
        opacity: 0;
    }
}




/* --------Object-Moving-Animation-Css-Start----- */
.moving_animation {
    animation: moving_object 6s infinite linear;
}

.moving_position_animatin {
    position: relative;
    animation: moving_position_animatin 6s infinite linear;
    z-index: -1;
}

.about_app_section .about_img .screen_img img {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(3) {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(2) {
    animation-delay: 3s;
}

.modern_ui_section .ui_images .right_img img:nth-child(1) {
    animation-delay: 3s;
}

@keyframes moving_object {
    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }
}

@keyframes moving_position_animatin {
    0% {
        transform: translateY(0);
    }

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

    100% {
        transform: translateY(0);
    }
}


/* ------------Waves-Animation---------------- */
.waves-block {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50% , -50%);
    width: 150px;
    height: 150px;
}

.waves {
    width: 150px;
    height: 150px;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    border-radius: 100%;
    z-index: -1;
    -webkit-animation: waves 3s ease-in-out infinite;
    animation: waves 3s ease-in-out infinite;
}

.wave-1 {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.wave-2 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    top: 0;
}

.wave-3 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    position: absolute;
    top: 0;
}

@keyframes waves {
    0% {
        -webkit-transform: scale(0.2, 0.2);
        transform: scale(0.2, 0.2);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }

    50% {
        opacity: 0.9;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    }

    100% {
        -webkit-transform: scale(0.9, 0.9);
        transform: scale(0.9, 0.9);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}



/*------Header Btn Animation------*/
@keyframes pulse-blue-small-sm {
	0% {
		box-shadow: 0 0 0 0 rgb(0 154 238 / 59%);
	}

	100%,
	30% {
		box-shadow: 0 0 0 12px transparent
	}
}

@keyframes pulse-blue-medium-sm {
	0% {
		box-shadow: 0 0 0 0 rgb(0 154 238 / 59%);
	}

	100%,
	30% {
		box-shadow: 0 0 0 20px transparent
	}
}

.services_Colm {
    text-align: center;
    padding: 30px 10px;
}
.services_Colm .service_content h3 {
    font-size: 25px;
    color: #009aee;
}
.service_titles h2 {
    color: #000 !important;
}
.service_titles p {
    color: #0b0b0c !important;
}

.services_box {
    background: #fff;
    border-radius: 15px; text-align: center;
    position: relative;
    overflow: hidden;margin: 20px 0px;
    box-shadow: 0px 4px 30px #d2efff;
}
.services_box:hover{transform: translate(0px, -10px) !important;}
.services_text{padding: 20px}
.services_text h3 { font-size: 22px;}
.services_text p {font-size: 14px;}
.services_box:hover .services_text h3 {
    color: #009aee;
}
.Call_Back_section.free_app_inner {padding: 60px 50px !important;
    background: var(--bg-purple) !important;}
    .contact_form form .form-group {
    margin-bottom: 20px;}
.contact_form form .form-group .form-control {
    height: 50px;
    padding: 5px 20px;
    color: var(--body-text-purple);
    border: 2px solid #E1DBF4;
    border-radius: 12px;
    font-weight: 500;
}   
.contact_form form .form-group button {
    width: 240px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 0;
}
.contact_form form .form-group button.btn.puprple_btn {
    border: 1px solid #fff;
}
.contact_form form .form-group textarea.form-control {
    height: 100px;
    padding-top: 15px;
}
.contact_info .section_title h2, .contact_info .section_title h2 span {text-align: left;
    color: #fff;}
.contact_info .contact_info_list li {
    display: flex;
    align-items: center;
    margin-bottom: 30px;}
.contact_info .contact_info_list li .img {
    width: 65px;
    margin-right: 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.8);
    color: #009aee;
    height: 65px;
    line-height: 60px;
    font-size: 40px;
    border-radius: 100%;
}
.contact_info .contact_info_list li .text span {
    display: block;
    font-size: 25px;
    font-weight: 600;
    color: #fff;}      
.contact_info .contact_info_list li .text a {color: #fff;}    
.contact_info .contact_info_list li .text {width: calc(100% - 85px);}    
.contact_info .contact_info_list li .text p, .contact_info .contact_info_list li .text a {margin: 0; color: #fff;}
.contact_info .section_title p {color: #fff;}



.signup_section {
    position: relative;
}

.signup_section .back_btn {
    position: absolute;
    left: 0;
    top: 92px;
    color: #fff;
    font-weight: 500;
}

.signup_section .top_part {
    text-align: center;
    padding-top: 80px;
    padding-bottom: 50px;
}

.signup_form {
    width: 100%;
    margin: 0 auto 0;
    padding: 30px 0;
    border-radius: 12px;
    box-shadow: 0 4px 10px #00000054;
    background-color: var(--bg-white);
}

.signup_form form {
    padding: 0 60px;
}

.signup_form .section_title {
    padding: 0 15px;
}

.signup_form .section_title h2 {
    font-weight: 600;font-size: 35px;
}

.signup_form form .form-group {
    margin-bottom: 20px;
}

.signup_form form .form-group .form-control {
    height: 50px;
    padding: 5px 20px;
    color: var(--body-text-purple);
    border: 2px solid #E1DBF4;
    border-radius: 12px;
    font-weight: 500;    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
}

.signup_form form .form-group .form-control:focus {
    box-shadow: none;
    border-color: var(--purple);
    color: var(--purple);
}

.signup_form form .form-group .puprple_btn {
    min-width: 240px;
    display: block;
    margin: 40px auto;
    margin-bottom: 30px;
    font-weight: 600;
}

.signup_form .or_block {
    display: block;
    text-align: center;
    border-bottom: 1px solid #E3E1ED;
}

.signup_form .or_block span {
    position: relative;
    top: 14px;
    padding: 0 5px;
    background-color: var(--bg-white);
    color: #8081AD;
}

.signup_form .or_option {
    text-align: center;z-index: 999;
    position: relative;
}

.signup_form .or_option > p {
    color: #8081AD;
    margin-top: 0px;
}


.signup_form .or_option p a {
    color: var(--purple);
    text-decoration: underline;
    transition: .4s all;
}

.signup_form .or_option p a:hover {
    color: var(--dark-purple);
}

.star-bg {
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}
.login_size .star-bg {
    height: 100vh;
}
.login_size .page_wrapper {
    align-items: center;
    height: 100vh;
    display: grid;
}
.login_size{
    overflow: hidden;}
#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1800px 451px #fff, 1918px 538px #fff, 1292px 689px #fff, 1346px 793px #fff, 350px 773px #fff, 1420px 741px #fff, 175px 222px #fff, 710px 1366px #fff, 1732px 112px #fff, 898px 751px #fff, 35px 422px #fff, 197px 882px #fff, 1907px 501px #fff, 570px 815px #fff, 751px 859px #fff, 1865px 1327px #fff, 1328px 873px #fff, 1661px 478px #fff, 436px 830px #fff, 726px 859px #fff, 489px 1787px #fff, 1151px 1051px #fff, 1160px 304px #fff, 137px 1149px #fff, 1210px 701px #fff, 1428px 1365px #fff, 213px 1065px #fff, 1032px 1961px #fff, 721px 552px #fff, 679px 303px #fff, 515px 1988px #fff, 1780px 1100px #fff, 894px 1534px #fff, 1788px 1208px #fff, 1883px 1989px #fff, 398px 849px #fff, 1238px 1520px #fff, 749px 428px #fff, 1210px 1456px #fff, 1765px 349px #fff, 1934px 780px #fff, 572px 1601px #fff, 1770px 1279px #fff, 1520px 1298px #fff, 1757px 487px #fff, 1842px 931px #fff, 253px 383px #fff, 967px 195px #fff, 1368px 729px #fff, 1303px 209px #fff, 1392px 1241px #fff, 95px 410px #fff, 629px 1454px #fff, 1991px 1182px #fff, 1321px 1928px #fff, 1176px 300px #fff, 707px 1335px #fff, 1293px 1324px #fff, 1354px 1394px #fff, 1730px 988px #fff, 761px 852px #fff, 562px 846px #fff, 1806px 1285px #fff, 991px 1430px #fff, 1198px 617px #fff, 916px 91px #fff, 692px 767px #fff, 1664px 80px #fff, 1832px 1319px #fff, 1840px 1241px #fff, 872px 1483px #fff, 202px 1973px #fff, 24px 365px #fff, 692px 1420px #fff, 1880px 1182px #fff, 116px 1802px #fff, 1474px 10px #fff, 386px 1404px #fff, 1386px 224px #fff, 504px 786px #fff, 735px 710px #fff, 600px 1267px #fff, 973px 917px #fff, 176px 1336px #fff, 153px 792px #fff, 1236px 627px #fff, 1889px 1820px #fff, 1069px 331px #fff, 1779px 1883px #fff, 1598px 51px #fff, 1579px 898px #fff, 763px 1972px #fff, 1077px 1375px #fff, 1861px 883px #fff, 341px 1125px #fff, 1163px 1251px #fff, 1473px 1811px #fff, 1310px 1082px #fff, 631px 1552px #fff, 189px 1146px #fff, 870px 1923px #fff, 1201px 1586px #fff, 69px 1094px #fff, 442px 1535px #fff, 1645px 1448px #fff, 711px 953px #fff, 1300px 1027px #fff, 1181px 373px #fff, 1857px 1513px #fff, 842px 1520px #fff, 1943px 1439px #fff, 1616px 1216px #fff, 907px 1608px #fff, 1874px 939px #fff, 1191px 614px #fff, 942px 1736px #fff, 893px 997px #fff, 1691px 1962px #fff, 1940px 1229px #fff, 469px 1573px #fff, 388px 1122px #fff, 476px 1882px #fff, 426px 185px #fff, 217px 1546px #fff, 647px 324px #fff, 677px 1825px #fff, 712px 23px #fff, 337px 1361px #fff, 1161px 350px #fff, 536px 931px #fff, 1209px 1891px #fff, 592px 1155px #fff, 448px 1126px #fff, 1909px 806px #fff, 877px 860px #fff, 1038px 295px #fff, 759px 395px #fff, 1576px 1733px #fff, 1467px 335px #fff, 79px 262px #fff, 683px 472px #fff, 643px 1365px #fff, 333px 1482px #fff, 1026px 1230px #fff, 168px 1153px #fff, 417px 624px #fff, 246px 1517px #fff, 824px 547px #fff, 1475px 133px #fff, 1884px 186px #fff, 1367px 222px #fff, 1084px 927px #fff, 1875px 232px #fff, 574px 1847px #fff, 1570px 1598px #fff, 988px 307px #fff, 1422px 194px #fff, 1053px 1875px #fff, 974px 388px #fff, 562px 655px #fff, 1895px 658px #fff, 1030px 1748px #fff, 1820px 970px #fff, 1745px 595px #fff, 1843px 762px #fff, 1080px 991px #fff, 337px 816px #fff, 1653px 897px #fff, 591px 722px #fff, 1007px 1895px #fff, 265px 725px #fff, 482px 1386px #fff, 1300px 1208px #fff, 1247px 1704px #fff, 1133px 801px #fff, 1747px 584px #fff, 636px 388px #fff, 1949px 1779px #fff, 682px 1880px #fff, 1010px 850px #fff, 1424px 1949px #fff, 643px 906px #fff, 710px 1391px #fff, 1501px 1913px #fff, 1611px 29px #fff, 450px 553px #fff, 321px 1490px #fff, 485px 1451px #fff, 383px 752px #fff, 1343px 253px #fff, 255px 56px #fff, 1046px 860px #fff, 1725px 1501px #fff, 650px 1736px #fff, 335px 437px #fff, 68px 1982px #fff, 118px 713px #fff, 818px 1042px #fff, 1362px 787px #fff, 521px 189px #fff, 1544px 1780px #fff, 1425px 1993px #fff, 504px 1243px #fff, 191px 318px #fff, 1974px 780px #fff, 1187px 1802px #fff, 1072px 981px #fff, 1236px 798px #fff, 1706px 911px #fff, 1585px 1377px #fff, 490px 929px #fff, 100px 599px #fff, 1860px 885px #fff, 1664px 1945px #fff, 745px 814px #fff, 862px 1182px #fff, 3px 1778px #fff, 1355px 1008px #fff, 1215px 321px #fff, 660px 1601px #fff, 264px 1139px #fff, 696px 1357px #fff, 403px 1209px #fff, 43px 633px #fff, 1717px 1480px #fff, 5px 619px #fff, 1545px 295px #fff, 1000px 468px #fff, 468px 1224px #fff, 851px 1650px #fff, 295px 435px #fff, 158px 1795px #fff, 837px 552px #fff, 1178px 1389px #fff, 99px 1916px #fff, 185px 1648px #fff, 813px 1228px #fff, 856px 384px #fff, 354px 406px #fff, 668px 1714px #fff, 1764px 1011px #fff, 1896px 1480px #fff, 1134px 1941px #fff, 363px 1782px #fff, 1571px 1048px #fff, 232px 1554px #fff, 1565px 1925px #fff, 349px 262px #fff, 1922px 1865px #fff, 1010px 862px #fff, 1176px 641px #fff, 359px 1661px #fff, 1711px 1511px #fff, 1554px 1964px #fff, 37px 801px #fff, 1275px 568px #fff, 1902px 1419px #fff, 776px 1544px #fff, 1382px 237px #fff, 1255px 778px #fff, 1877px 1858px #fff, 46px 598px #fff, 1894px 67px #fff, 1514px 105px #fff, 660px 1181px #fff, 308px 1566px #fff, 1655px 1882px #fff, 1686px 1525px #fff, 157px 1985px #fff, 1359px 1439px #fff, 449px 1631px #fff, 346px 1566px #fff, 451px 1460px #fff, 806px 511px #fff, 842px 1132px #fff, 569px 1740px #fff, 1305px 819px #fff, 1986px 1316px #fff, 975px 726px #fff, 663px 819px #fff, 1493px 1832px #fff, 1987px 797px #fff, 951px 881px #fff, 1998px 1901px #fff, 472px 1829px #fff, 1493px 1858px #fff, 1756px 1647px #fff, 652px 1903px #fff, 863px 1794px #fff, 63px 1984px #fff, 379px 799px #fff, 501px 1582px #fff, 793px 292px #fff, 190px 1846px #fff, 620px 1776px #fff, 234px 349px #fff, 453px 1860px #fff, 99px 1756px #fff, 715px 1290px #fff, 1957px 134px #fff, 1099px 1030px #fff, 1051px 1093px #fff, 613px 500px #fff, 955px 196px #fff, 242px 976px #fff, 1020px 191px #fff, 370px 347px #fff, 1481px 621px #fff, 1959px 1450px #fff, 743px 1178px #fff, 73px 597px #fff, 499px 645px #fff, 769px 1635px #fff, 1663px 291px #fff, 1738px 1729px #fff, 646px 832px #fff, 1750px 609px #fff, 1047px 1379px #fff, 127px 1893px #fff, 1949px 1890px #fff, 1347px 914px #fff, 323px 361px #fff, 918px 1330px #fff, 347px 184px #fff, 1262px 1201px #fff, 1563px 906px #fff, 1996px 1168px #fff, 1302px 1251px #fff, 148px 247px #fff, 38px 1523px #fff, 1706px 1070px #fff, 1031px 758px #fff, 656px 201px #fff, 473px 1830px #fff, 1292px 1445px #fff, 1807px 589px #fff, 929px 157px #fff, 1936px 569px #fff, 762px 1469px #fff, 55px 435px #fff, 260px 428px #fff, 1945px 1411px #fff, 103px 224px #fff, 998px 1164px #fff, 1479px 1757px #fff, 302px 741px #fff, 1895px 15px #fff, 11px 801px #fff, 565px 1178px #fff, 1628px 1464px #fff, 99px 1357px #fff, 563px 569px #fff, 1359px 376px #fff, 1420px 1723px #fff, 821px 1851px #fff, 1860px 429px #fff, 1947px 132px #fff, 1236px 1380px #fff, 906px 593px #fff, 1320px 1689px #fff, 100px 1529px #fff, 1292px 258px #fff, 934px 1482px #fff, 1779px 1205px #fff, 1378px 1429px #fff, 1563px 816px #fff, 852px 1084px #fff, 1292px 1200px #fff, 1996px 611px #fff, 1249px 971px #fff, 114px 1272px #fff, 1557px 1495px #fff, 693px 22px #fff, 1937px 873px #fff, 364px 1909px #fff, 1012px 471px #fff, 982px 1606px #fff, 426px 1px #fff, 703px 687px #fff, 1488px 230px #fff, 1876px 209px #fff, 839px 558px #fff, 670px 840px #fff, 1242px 1302px #fff, 207px 558px #fff, 721px 186px #fff, 451px 1318px #fff, 119px 1877px #fff, 106px 898px #fff, 1552px 463px #fff, 132px 1475px #fff, 1466px 1324px #fff, 1731px 1849px #fff, 1039px 1978px #fff, 1321px 977px #fff, 915px 1681px #fff, 272px 1057px #fff, 550px 1983px #fff, 1167px 1119px #fff, 1413px 320px #fff, 1809px 929px #fff, 1659px 621px #fff, 742px 321px #fff, 343px 624px #fff, 1280px 1491px #fff, 873px 1367px #fff, 810px 1664px #fff, 1382px 1856px #fff, 1220px 622px #fff, 1151px 780px #fff, 1391px 1235px #fff, 1203px 461px #fff, 1304px 8px #fff, 1208px 464px #fff, 375px 1838px #fff, 1483px 875px #fff, 1964px 1785px #fff, 776px 1544px #fff, 1542px 1320px #fff, 403px 1694px #fff, 576px 159px #fff, 484px 1528px #fff, 1390px 150px #fff, 509px 106px #fff, 888px 20px #fff, 173px 305px #fff, 1671px 379px #fff, 1452px 437px #fff, 417px 1255px #fff, 1818px 31px #fff, 465px 476px #fff, 1583px 196px #fff, 1242px 657px #fff, 156px 1903px #fff, 912px 382px #fff, 482px 1693px #fff, 1720px 390px #fff, 361px 800px #fff, 163px 326px #fff, 1289px 317px #fff, 65px 1625px #fff, 114px 421px #fff, 1918px 1745px #fff, 1997px 198px #fff, 1718px 255px #fff, 1595px 685px #fff, 1601px 1724px #fff, 28px 730px #fff, 1566px 200px #fff, 1171px 1332px #fff, 44px 599px #fff, 1803px 676px #fff, 1875px 41px #fff, 904px 1204px #fff, 1135px 1468px #fff, 1654px 353px #fff, 1682px 535px #fff, 1269px 1329px #fff, 706px 944px #fff, 1246px 304px #fff, 1946px 313px #fff, 750px 1843px #fff, 1345px 1531px #fff, 1980px 757px #fff, 494px 907px #fff, 639px 1370px #fff, 815px 1939px #fff, 1765px 1469px #fff, 385px 1976px #fff, 1144px 983px #fff, 1805px 246px #fff, 976px 1018px #fff, 655px 460px #fff, 1910px 1428px #fff, 1607px 1641px #fff, 239px 1189px #fff, 18px 1601px #fff, 1338px 570px #fff, 1677px 1050px #fff, 1133px 1502px #fff, 1465px 350px #fff, 1411px 1289px #fff, 274px 554px #fff, 412px 448px #fff, 870px 1878px #fff, 1483px 590px #fff, 776px 1902px #fff, 698px 1905px #fff, 43px 685px #fff, 309px 1607px #fff, 1085px 182px #fff, 344px 693px #fff, 1389px 114px #fff, 927px 1087px #fff, 758px 1904px #fff, 1401px 1327px #fff, 492px 1391px #fff, 1994px 566px #fff, 1098px 724px #fff, 266px 1360px #fff, 28px 841px #fff, 1482px 1893px #fff, 126px 1045px #fff, 1772px 648px #fff, 1427px 1769px #fff, 870px 1946px #fff, 1804px 1215px #fff, 368px 910px #fff, 1267px 1371px #fff, 1589px 857px #fff, 1265px 1830px #fff, 1286px 1388px #fff, 1962px 794px #fff, 452px 53px #fff, 431px 1582px #fff, 715px 951px #fff, 1495px 17px #fff, 1772px 1807px #fff, 639px 747px #fff, 1427px 1832px #fff, 1300px 7px #fff, 443px 1536px #fff, 516px 1367px #fff, 106px 303px #fff, 671px 807px #fff, 248px 1800px #fff, 735px 689px #fff, 101px 596px #fff, 923px 978px #fff, 1076px 454px #fff, 1774px 1542px #fff, 1427px 1867px #fff, 479px 920px #fff, 985px 684px #fff, 1673px 1274px #fff, 322px 889px #fff, 1572px 1996px #fff, 437px 1673px #fff, 550px 800px #fff, 1489px 1049px #fff, 247px 1977px #fff, 1076px 85px #fff, 393px 429px #fff, 644px 571px #fff, 1487px 55px #fff, 552px 1523px #fff, 1468px 506px #fff, 1593px 1524px #fff, 581px 1055px #fff, 249px 1300px #fff, 703px 583px #fff, 775px 1468px #fff, 383px 636px #fff, 689px 1764px #fff, 19px 1601px #fff, 1031px 27px #fff, 818px 106px #fff, 1690px 155px #fff, 1132px 927px #fff, 119px 122px #fff, 1694px 1171px #fff, 1187px 1560px #fff, 606px 159px #fff, 621px 765px #fff, 331px 200px #fff, 1369px 1099px #fff, 1717px 1396px #fff, 1303px 986px #fff, 473px 1555px #fff, 1697px 1078px #fff, 444px 543px #fff, 1078px 1828px #fff, 374px 1115px #fff, 494px 958px #fff, 24px 1568px #fff, 1178px 436px #fff, 22px 1518px #fff, 1536px 1973px #fff, 217px 597px #fff, 204px 214px #fff, 792px 1090px #fff, 1176px 491px #fff, 1674px 1342px #fff, 1367px 911px #fff, 1640px 357px #fff, 1522px 1889px #fff, 331px 1337px #fff, 1522px 1448px #fff, 1749px 940px #fff, 1176px 203px #fff, 966px 1962px #fff, 58px 574px #fff, 912px 1839px #fff, 515px 363px #fff, 529px 895px #fff, 762px 1649px #fff, 1512px 180px #fff, 1808px 1238px #fff, 1090px 671px #fff, 699px 1107px #fff, 887px 145px #fff, 1335px 1808px #fff, 589px 523px #fff, 1759px 1498px #fff, 1544px 1444px #fff, 667px 279px #fff, 1757px 1501px #fff, 793px 222px #fff, 391px 1244px #fff, 332px 761px #fff, 1271px 490px #fff, 1991px 1408px #fff, 719px 1917px #fff, 1180px 659px #fff, 275px 1634px #fff, 1763px 471px #fff, 144px 757px #fff, 668px 12px #fff, 1291px 912px #fff, 62px 422px #fff, 93px 1577px #fff, 860px 664px #fff, 1283px 787px #fff, 964px 1635px #fff, 1249px 1324px #fff, 30px 179px #fff, 1548px 1082px #fff, 1436px 1868px #fff, 1409px 245px #fff, 709px 1101px #fff, 248px 676px #fff, 97px 187px #fff, 1329px 1010px #fff, 1919px 1489px #fff, 1589px 1912px #fff, 1966px 1939px #fff, 273px 559px #fff, 291px 1433px #fff, 1632px 1763px #fff, 829px 1701px #fff, 1174px 799px #fff, 1046px 1379px #fff, 1353px 68px #fff, 268px 1594px #fff, 425px 797px #fff, 58px 29px #fff, 1776px 345px #fff, 1839px 1854px #fff, 970px 145px #fff, 1258px 1298px #fff, 1006px 1872px #fff, 896px 1752px #fff, 992px 1633px #fff, 888px 183px #fff, 1218px 587px #fff, 1253px 1366px #fff, 1689px 65px #fff, 686px 80px #fff, 1243px 1797px #fff, 1460px 493px #fff, 1731px 40px #fff, 1050px 36px #fff, 1948px 1379px #fff, 307px 1941px #fff, 359px 1065px #fff, 1620px 592px #fff, 1832px 1368px #fff, 1764px 1005px #fff, 1818px 1368px #fff, 1381px 164px #fff, 941px 387px #fff, 148px 105px #fff, 1116px 801px #fff, 638px 1562px #fff, 1228px 1712px #fff, 1130px 1201px #fff, 79px 413px #fff, 978px 1741px #fff, 1479px 211px #fff, 1634px 507px #fff, 691px 1992px #fff, 718px 1061px #fff, 1131px 1152px #fff, 896px 1523px #fff, 1932px 858px #fff, 1644px 221px #fff, 1236px 816px #fff, 1056px 1897px #fff, 1323px 1406px #fff, 298px 770px #fff, 542px 1897px #fff, 834px 443px #fff, 610px 14px #fff, 379px 47px #fff, 1681px 1412px #fff, 1546px 281px #fff, 248px 411px #fff, 919px 436px #fff, 1865px 1255px #fff, 198px 711px #fff;
    animation: animStar 50s linear infinite;
}
#stars:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1800px 451px #fff, 1918px 538px #fff, 1292px 689px #fff, 1346px 793px #fff, 350px 773px #fff, 1420px 741px #fff, 175px 222px #fff, 710px 1366px #fff, 1732px 112px #fff, 898px 751px #fff, 35px 422px #fff, 197px 882px #fff, 1907px 501px #fff, 570px 815px #fff, 751px 859px #fff, 1865px 1327px #fff, 1328px 873px #fff, 1661px 478px #fff, 436px 830px #fff, 726px 859px #fff, 489px 1787px #fff, 1151px 1051px #fff, 1160px 304px #fff, 137px 1149px #fff, 1210px 701px #fff, 1428px 1365px #fff, 213px 1065px #fff, 1032px 1961px #fff, 721px 552px #fff, 679px 303px #fff, 515px 1988px #fff, 1780px 1100px #fff, 894px 1534px #fff, 1788px 1208px #fff, 1883px 1989px #fff, 398px 849px #fff, 1238px 1520px #fff, 749px 428px #fff, 1210px 1456px #fff, 1765px 349px #fff, 1934px 780px #fff, 572px 1601px #fff, 1770px 1279px #fff, 1520px 1298px #fff, 1757px 487px #fff, 1842px 931px #fff, 253px 383px #fff, 967px 195px #fff, 1368px 729px #fff, 1303px 209px #fff, 1392px 1241px #fff, 95px 410px #fff, 629px 1454px #fff, 1991px 1182px #fff, 1321px 1928px #fff, 1176px 300px #fff, 707px 1335px #fff, 1293px 1324px #fff, 1354px 1394px #fff, 1730px 988px #fff, 761px 852px #fff, 562px 846px #fff, 1806px 1285px #fff, 991px 1430px #fff, 1198px 617px #fff, 916px 91px #fff, 692px 767px #fff, 1664px 80px #fff, 1832px 1319px #fff, 1840px 1241px #fff, 872px 1483px #fff, 202px 1973px #fff, 24px 365px #fff, 692px 1420px #fff, 1880px 1182px #fff, 116px 1802px #fff, 1474px 10px #fff, 386px 1404px #fff, 1386px 224px #fff, 504px 786px #fff, 735px 710px #fff, 600px 1267px #fff, 973px 917px #fff, 176px 1336px #fff, 153px 792px #fff, 1236px 627px #fff, 1889px 1820px #fff, 1069px 331px #fff, 1779px 1883px #fff, 1598px 51px #fff, 1579px 898px #fff, 763px 1972px #fff, 1077px 1375px #fff, 1861px 883px #fff, 341px 1125px #fff, 1163px 1251px #fff, 1473px 1811px #fff, 1310px 1082px #fff, 631px 1552px #fff, 189px 1146px #fff, 870px 1923px #fff, 1201px 1586px #fff, 69px 1094px #fff, 442px 1535px #fff, 1645px 1448px #fff, 711px 953px #fff, 1300px 1027px #fff, 1181px 373px #fff, 1857px 1513px #fff, 842px 1520px #fff, 1943px 1439px #fff, 1616px 1216px #fff, 907px 1608px #fff, 1874px 939px #fff, 1191px 614px #fff, 942px 1736px #fff, 893px 997px #fff, 1691px 1962px #fff, 1940px 1229px #fff, 469px 1573px #fff, 388px 1122px #fff, 476px 1882px #fff, 426px 185px #fff, 217px 1546px #fff, 647px 324px #fff, 677px 1825px #fff, 712px 23px #fff, 337px 1361px #fff, 1161px 350px #fff, 536px 931px #fff, 1209px 1891px #fff, 592px 1155px #fff, 448px 1126px #fff, 1909px 806px #fff, 877px 860px #fff, 1038px 295px #fff, 759px 395px #fff, 1576px 1733px #fff, 1467px 335px #fff, 79px 262px #fff, 683px 472px #fff, 643px 1365px #fff, 333px 1482px #fff, 1026px 1230px #fff, 168px 1153px #fff, 417px 624px #fff, 246px 1517px #fff, 824px 547px #fff, 1475px 133px #fff, 1884px 186px #fff, 1367px 222px #fff, 1084px 927px #fff, 1875px 232px #fff, 574px 1847px #fff, 1570px 1598px #fff, 988px 307px #fff, 1422px 194px #fff, 1053px 1875px #fff, 974px 388px #fff, 562px 655px #fff, 1895px 658px #fff, 1030px 1748px #fff, 1820px 970px #fff, 1745px 595px #fff, 1843px 762px #fff, 1080px 991px #fff, 337px 816px #fff, 1653px 897px #fff, 591px 722px #fff, 1007px 1895px #fff, 265px 725px #fff, 482px 1386px #fff, 1300px 1208px #fff, 1247px 1704px #fff, 1133px 801px #fff, 1747px 584px #fff, 636px 388px #fff, 1949px 1779px #fff, 682px 1880px #fff, 1010px 850px #fff, 1424px 1949px #fff, 643px 906px #fff, 710px 1391px #fff, 1501px 1913px #fff, 1611px 29px #fff, 450px 553px #fff, 321px 1490px #fff, 485px 1451px #fff, 383px 752px #fff, 1343px 253px #fff, 255px 56px #fff, 1046px 860px #fff, 1725px 1501px #fff, 650px 1736px #fff, 335px 437px #fff, 68px 1982px #fff, 118px 713px #fff, 818px 1042px #fff, 1362px 787px #fff, 521px 189px #fff, 1544px 1780px #fff, 1425px 1993px #fff, 504px 1243px #fff, 191px 318px #fff, 1974px 780px #fff, 1187px 1802px #fff, 1072px 981px #fff, 1236px 798px #fff, 1706px 911px #fff, 1585px 1377px #fff, 490px 929px #fff, 100px 599px #fff, 1860px 885px #fff, 1664px 1945px #fff, 745px 814px #fff, 862px 1182px #fff, 3px 1778px #fff, 1355px 1008px #fff, 1215px 321px #fff, 660px 1601px #fff, 264px 1139px #fff, 696px 1357px #fff, 403px 1209px #fff, 43px 633px #fff, 1717px 1480px #fff, 5px 619px #fff, 1545px 295px #fff, 1000px 468px #fff, 468px 1224px #fff, 851px 1650px #fff, 295px 435px #fff, 158px 1795px #fff, 837px 552px #fff, 1178px 1389px #fff, 99px 1916px #fff, 185px 1648px #fff, 813px 1228px #fff, 856px 384px #fff, 354px 406px #fff, 668px 1714px #fff, 1764px 1011px #fff, 1896px 1480px #fff, 1134px 1941px #fff, 363px 1782px #fff, 1571px 1048px #fff, 232px 1554px #fff, 1565px 1925px #fff, 349px 262px #fff, 1922px 1865px #fff, 1010px 862px #fff, 1176px 641px #fff, 359px 1661px #fff, 1711px 1511px #fff, 1554px 1964px #fff, 37px 801px #fff, 1275px 568px #fff, 1902px 1419px #fff, 776px 1544px #fff, 1382px 237px #fff, 1255px 778px #fff, 1877px 1858px #fff, 46px 598px #fff, 1894px 67px #fff, 1514px 105px #fff, 660px 1181px #fff, 308px 1566px #fff, 1655px 1882px #fff, 1686px 1525px #fff, 157px 1985px #fff, 1359px 1439px #fff, 449px 1631px #fff, 346px 1566px #fff, 451px 1460px #fff, 806px 511px #fff, 842px 1132px #fff, 569px 1740px #fff, 1305px 819px #fff, 1986px 1316px #fff, 975px 726px #fff, 663px 819px #fff, 1493px 1832px #fff, 1987px 797px #fff, 951px 881px #fff, 1998px 1901px #fff, 472px 1829px #fff, 1493px 1858px #fff, 1756px 1647px #fff, 652px 1903px #fff, 863px 1794px #fff, 63px 1984px #fff, 379px 799px #fff, 501px 1582px #fff, 793px 292px #fff, 190px 1846px #fff, 620px 1776px #fff, 234px 349px #fff, 453px 1860px #fff, 99px 1756px #fff, 715px 1290px #fff, 1957px 134px #fff, 1099px 1030px #fff, 1051px 1093px #fff, 613px 500px #fff, 955px 196px #fff, 242px 976px #fff, 1020px 191px #fff, 370px 347px #fff, 1481px 621px #fff, 1959px 1450px #fff, 743px 1178px #fff, 73px 597px #fff, 499px 645px #fff, 769px 1635px #fff, 1663px 291px #fff, 1738px 1729px #fff, 646px 832px #fff, 1750px 609px #fff, 1047px 1379px #fff, 127px 1893px #fff, 1949px 1890px #fff, 1347px 914px #fff, 323px 361px #fff, 918px 1330px #fff, 347px 184px #fff, 1262px 1201px #fff, 1563px 906px #fff, 1996px 1168px #fff, 1302px 1251px #fff, 148px 247px #fff, 38px 1523px #fff, 1706px 1070px #fff, 1031px 758px #fff, 656px 201px #fff, 473px 1830px #fff, 1292px 1445px #fff, 1807px 589px #fff, 929px 157px #fff, 1936px 569px #fff, 762px 1469px #fff, 55px 435px #fff, 260px 428px #fff, 1945px 1411px #fff, 103px 224px #fff, 998px 1164px #fff, 1479px 1757px #fff, 302px 741px #fff, 1895px 15px #fff, 11px 801px #fff, 565px 1178px #fff, 1628px 1464px #fff, 99px 1357px #fff, 563px 569px #fff, 1359px 376px #fff, 1420px 1723px #fff, 821px 1851px #fff, 1860px 429px #fff, 1947px 132px #fff, 1236px 1380px #fff, 906px 593px #fff, 1320px 1689px #fff, 100px 1529px #fff, 1292px 258px #fff, 934px 1482px #fff, 1779px 1205px #fff, 1378px 1429px #fff, 1563px 816px #fff, 852px 1084px #fff, 1292px 1200px #fff, 1996px 611px #fff, 1249px 971px #fff, 114px 1272px #fff, 1557px 1495px #fff, 693px 22px #fff, 1937px 873px #fff, 364px 1909px #fff, 1012px 471px #fff, 982px 1606px #fff, 426px 1px #fff, 703px 687px #fff, 1488px 230px #fff, 1876px 209px #fff, 839px 558px #fff, 670px 840px #fff, 1242px 1302px #fff, 207px 558px #fff, 721px 186px #fff, 451px 1318px #fff, 119px 1877px #fff, 106px 898px #fff, 1552px 463px #fff, 132px 1475px #fff, 1466px 1324px #fff, 1731px 1849px #fff, 1039px 1978px #fff, 1321px 977px #fff, 915px 1681px #fff, 272px 1057px #fff, 550px 1983px #fff, 1167px 1119px #fff, 1413px 320px #fff, 1809px 929px #fff, 1659px 621px #fff, 742px 321px #fff, 343px 624px #fff, 1280px 1491px #fff, 873px 1367px #fff, 810px 1664px #fff, 1382px 1856px #fff, 1220px 622px #fff, 1151px 780px #fff, 1391px 1235px #fff, 1203px 461px #fff, 1304px 8px #fff, 1208px 464px #fff, 375px 1838px #fff, 1483px 875px #fff, 1964px 1785px #fff, 776px 1544px #fff, 1542px 1320px #fff, 403px 1694px #fff, 576px 159px #fff, 484px 1528px #fff, 1390px 150px #fff, 509px 106px #fff, 888px 20px #fff, 173px 305px #fff, 1671px 379px #fff, 1452px 437px #fff, 417px 1255px #fff, 1818px 31px #fff, 465px 476px #fff, 1583px 196px #fff, 1242px 657px #fff, 156px 1903px #fff, 912px 382px #fff, 482px 1693px #fff, 1720px 390px #fff, 361px 800px #fff, 163px 326px #fff, 1289px 317px #fff, 65px 1625px #fff, 114px 421px #fff, 1918px 1745px #fff, 1997px 198px #fff, 1718px 255px #fff, 1595px 685px #fff, 1601px 1724px #fff, 28px 730px #fff, 1566px 200px #fff, 1171px 1332px #fff, 44px 599px #fff, 1803px 676px #fff, 1875px 41px #fff, 904px 1204px #fff, 1135px 1468px #fff, 1654px 353px #fff, 1682px 535px #fff, 1269px 1329px #fff, 706px 944px #fff, 1246px 304px #fff, 1946px 313px #fff, 750px 1843px #fff, 1345px 1531px #fff, 1980px 757px #fff, 494px 907px #fff, 639px 1370px #fff, 815px 1939px #fff, 1765px 1469px #fff, 385px 1976px #fff, 1144px 983px #fff, 1805px 246px #fff, 976px 1018px #fff, 655px 460px #fff, 1910px 1428px #fff, 1607px 1641px #fff, 239px 1189px #fff, 18px 1601px #fff, 1338px 570px #fff, 1677px 1050px #fff, 1133px 1502px #fff, 1465px 350px #fff, 1411px 1289px #fff, 274px 554px #fff, 412px 448px #fff, 870px 1878px #fff, 1483px 590px #fff, 776px 1902px #fff, 698px 1905px #fff, 43px 685px #fff, 309px 1607px #fff, 1085px 182px #fff, 344px 693px #fff, 1389px 114px #fff, 927px 1087px #fff, 758px 1904px #fff, 1401px 1327px #fff, 492px 1391px #fff, 1994px 566px #fff, 1098px 724px #fff, 266px 1360px #fff, 28px 841px #fff, 1482px 1893px #fff, 126px 1045px #fff, 1772px 648px #fff, 1427px 1769px #fff, 870px 1946px #fff, 1804px 1215px #fff, 368px 910px #fff, 1267px 1371px #fff, 1589px 857px #fff, 1265px 1830px #fff, 1286px 1388px #fff, 1962px 794px #fff, 452px 53px #fff, 431px 1582px #fff, 715px 951px #fff, 1495px 17px #fff, 1772px 1807px #fff, 639px 747px #fff, 1427px 1832px #fff, 1300px 7px #fff, 443px 1536px #fff, 516px 1367px #fff, 106px 303px #fff, 671px 807px #fff, 248px 1800px #fff, 735px 689px #fff, 101px 596px #fff, 923px 978px #fff, 1076px 454px #fff, 1774px 1542px #fff, 1427px 1867px #fff, 479px 920px #fff, 985px 684px #fff, 1673px 1274px #fff, 322px 889px #fff, 1572px 1996px #fff, 437px 1673px #fff, 550px 800px #fff, 1489px 1049px #fff, 247px 1977px #fff, 1076px 85px #fff, 393px 429px #fff, 644px 571px #fff, 1487px 55px #fff, 552px 1523px #fff, 1468px 506px #fff, 1593px 1524px #fff, 581px 1055px #fff, 249px 1300px #fff, 703px 583px #fff, 775px 1468px #fff, 383px 636px #fff, 689px 1764px #fff, 19px 1601px #fff, 1031px 27px #fff, 818px 106px #fff, 1690px 155px #fff, 1132px 927px #fff, 119px 122px #fff, 1694px 1171px #fff, 1187px 1560px #fff, 606px 159px #fff, 621px 765px #fff, 331px 200px #fff, 1369px 1099px #fff, 1717px 1396px #fff, 1303px 986px #fff, 473px 1555px #fff, 1697px 1078px #fff, 444px 543px #fff, 1078px 1828px #fff, 374px 1115px #fff, 494px 958px #fff, 24px 1568px #fff, 1178px 436px #fff, 22px 1518px #fff, 1536px 1973px #fff, 217px 597px #fff, 204px 214px #fff, 792px 1090px #fff, 1176px 491px #fff, 1674px 1342px #fff, 1367px 911px #fff, 1640px 357px #fff, 1522px 1889px #fff, 331px 1337px #fff, 1522px 1448px #fff, 1749px 940px #fff, 1176px 203px #fff, 966px 1962px #fff, 58px 574px #fff, 912px 1839px #fff, 515px 363px #fff, 529px 895px #fff, 762px 1649px #fff, 1512px 180px #fff, 1808px 1238px #fff, 1090px 671px #fff, 699px 1107px #fff, 887px 145px #fff, 1335px 1808px #fff, 589px 523px #fff, 1759px 1498px #fff, 1544px 1444px #fff, 667px 279px #fff, 1757px 1501px #fff, 793px 222px #fff, 391px 1244px #fff, 332px 761px #fff, 1271px 490px #fff, 1991px 1408px #fff, 719px 1917px #fff, 1180px 659px #fff, 275px 1634px #fff, 1763px 471px #fff, 144px 757px #fff, 668px 12px #fff, 1291px 912px #fff, 62px 422px #fff, 93px 1577px #fff, 860px 664px #fff, 1283px 787px #fff, 964px 1635px #fff, 1249px 1324px #fff, 30px 179px #fff, 1548px 1082px #fff, 1436px 1868px #fff, 1409px 245px #fff, 709px 1101px #fff, 248px 676px #fff, 97px 187px #fff, 1329px 1010px #fff, 1919px 1489px #fff, 1589px 1912px #fff, 1966px 1939px #fff, 273px 559px #fff, 291px 1433px #fff, 1632px 1763px #fff, 829px 1701px #fff, 1174px 799px #fff, 1046px 1379px #fff, 1353px 68px #fff, 268px 1594px #fff, 425px 797px #fff, 58px 29px #fff, 1776px 345px #fff, 1839px 1854px #fff, 970px 145px #fff, 1258px 1298px #fff, 1006px 1872px #fff, 896px 1752px #fff, 992px 1633px #fff, 888px 183px #fff, 1218px 587px #fff, 1253px 1366px #fff, 1689px 65px #fff, 686px 80px #fff, 1243px 1797px #fff, 1460px 493px #fff, 1731px 40px #fff, 1050px 36px #fff, 1948px 1379px #fff, 307px 1941px #fff, 359px 1065px #fff, 1620px 592px #fff, 1832px 1368px #fff, 1764px 1005px #fff, 1818px 1368px #fff, 1381px 164px #fff, 941px 387px #fff, 148px 105px #fff, 1116px 801px #fff, 638px 1562px #fff, 1228px 1712px #fff, 1130px 1201px #fff, 79px 413px #fff, 978px 1741px #fff, 1479px 211px #fff, 1634px 507px #fff, 691px 1992px #fff, 718px 1061px #fff, 1131px 1152px #fff, 896px 1523px #fff, 1932px 858px #fff, 1644px 221px #fff, 1236px 816px #fff, 1056px 1897px #fff, 1323px 1406px #fff, 298px 770px #fff, 542px 1897px #fff, 834px 443px #fff, 610px 14px #fff, 379px 47px #fff, 1681px 1412px #fff, 1546px 281px #fff, 248px 411px #fff, 919px 436px #fff, 1865px 1255px #fff, 198px 711px #fff;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 553px 1424px #fff, 612px 376px #fff, 722px 680px #fff, 1821px 146px #fff, 589px 459px #fff, 500px 1533px #fff, 1715px 68px #fff, 1171px 1048px #fff, 1642px 1470px #fff, 1580px 819px #fff, 1753px 210px #fff, 334px 1893px #fff, 1765px 1321px #fff, 1035px 1064px #fff, 539px 1028px #fff, 619px 572px #fff, 912px 643px #fff, 733px 1134px #fff, 1357px 1725px #fff, 949px 1311px #fff, 1577px 1767px #fff, 1135px 730px #fff, 839px 26px #fff, 716px 735px #fff, 1898px 446px #fff, 1469px 1366px #fff, 674px 785px #fff, 914px 618px #fff, 1500px 632px #fff, 1697px 1392px #fff, 152px 1994px #fff, 1854px 1805px #fff, 1791px 237px #fff, 839px 844px #fff, 282px 1377px #fff, 993px 1847px #fff, 1181px 926px #fff, 1445px 183px #fff, 1537px 1770px #fff, 1930px 1512px #fff, 1954px 676px #fff, 963px 116px #fff, 1190px 504px #fff, 954px 841px #fff, 697px 1318px #fff, 1914px 107px #fff, 1833px 8px #fff, 746px 647px #fff, 147px 299px #fff, 937px 948px #fff, 1529px 539px #fff, 26px 1175px #fff, 730px 384px #fff, 230px 1073px #fff, 660px 1012px #fff, 682px 625px #fff, 1005px 921px #fff, 1973px 503px #fff, 284px 1995px #fff, 629px 851px #fff, 275px 364px #fff, 1848px 49px #fff, 1009px 1775px #fff, 1594px 1779px #fff, 323px 853px #fff, 1330px 1089px #fff, 365px 259px #fff, 360px 232px #fff, 443px 1478px #fff, 1455px 489px #fff, 1096px 742px #fff, 1156px 861px #fff, 628px 430px #fff, 1352px 705px #fff, 1637px 19px #fff, 1736px 1671px #fff, 419px 1146px #fff, 732px 576px #fff, 1506px 1891px #fff, 1466px 1546px #fff, 545px 805px #fff, 1439px 1422px #fff, 418px 452px #fff, 1041px 1372px #fff, 629px 196px #fff, 1428px 1400px #fff, 711px 1986px #fff, 157px 892px #fff, 1759px 1305px #fff, 1257px 1844px #fff, 1910px 1694px #fff, 1667px 590px #fff, 1180px 1098px #fff, 261px 1727px #fff, 714px 1995px #fff, 1307px 1216px #fff, 1957px 577px #fff, 1675px 1819px #fff, 1722px 1376px #fff, 685px 1749px #fff, 1748px 1113px #fff, 1100px 564px #fff, 1502px 970px #fff, 425px 9px #fff, 824px 619px #fff, 1972px 755px #fff, 1358px 529px #fff, 931px 980px #fff, 280px 1872px #fff, 1912px 753px #fff, 1095px 1233px #fff, 47px 1095px #fff, 161px 417px #fff, 407px 371px #fff, 1131px 985px #fff, 452px 772px #fff, 1961px 1578px #fff, 671px 1950px #fff, 270px 597px #fff, 926px 1592px #fff, 1275px 1054px #fff, 1403px 692px #fff, 1310px 193px #fff, 895px 110px #fff, 1290px 113px #fff, 1165px 545px #fff, 1295px 1553px #fff, 1679px 273px #fff, 624px 792px #fff, 357px 1497px #fff, 981px 1895px #fff, 593px 999px #fff, 982px 1310px #fff, 1543px 1365px #fff, 1577px 649px #fff, 126px 739px #fff, 1637px 1066px #fff, 93px 1269px #fff, 1927px 70px #fff, 519px 272px #fff, 1630px 806px #fff, 1707px 1579px #fff, 1679px 1560px #fff, 710px 473px #fff, 1398px 795px #fff, 1669px 1633px #fff, 1904px 407px #fff, 915px 575px #fff, 856px 777px #fff, 182px 541px #fff, 81px 1682px #fff, 1000px 1863px #fff, 1593px 728px #fff, 1004px 1795px #fff, 1342px 1382px #fff, 22px 51px #fff, 686px 447px #fff, 1512px 1316px #fff, 892px 714px #fff, 1422px 1516px #fff, 17px 157px #fff, 213px 272px #fff, 1095px 180px #fff, 1849px 322px #fff, 1391px 1602px #fff, 1659px 1684px #fff, 868px 1428px #fff, 494px 772px #fff, 1231px 968px #fff, 96px 1033px #fff, 1496px 934px #fff, 929px 806px #fff, 1325px 1713px #fff, 687px 1095px #fff, 88px 1620px #fff, 1089px 360px #fff, 264px 1102px #fff, 612px 234px #fff, 641px 943px #fff, 1330px 1129px #fff, 231px 366px #fff, 120px 220px #fff, 1817px 987px #fff, 1308px 59px #fff, 426px 1538px #fff, 15px 1936px #fff, 1508px 1854px #fff, 1847px 1331px #fff, 1816px 143px #fff, 1884px 1478px #fff, 1782px 575px #fff, 1080px 1522px #fff, 359px 135px #fff, 1430px 1642px #fff, 1391px 1271px #fff, 127px 743px #fff, 94px 772px #fff, 1509px 1894px #fff, 1258px 1347px #fff, 482px 582px #fff;
    animation: animStar 100s linear infinite;
}
#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 553px 1424px #fff, 612px 376px #fff, 722px 680px #fff, 1821px 146px #fff, 589px 459px #fff, 500px 1533px #fff, 1715px 68px #fff, 1171px 1048px #fff, 1642px 1470px #fff, 1580px 819px #fff, 1753px 210px #fff, 334px 1893px #fff, 1765px 1321px #fff, 1035px 1064px #fff, 539px 1028px #fff, 619px 572px #fff, 912px 643px #fff, 733px 1134px #fff, 1357px 1725px #fff, 949px 1311px #fff, 1577px 1767px #fff, 1135px 730px #fff, 839px 26px #fff, 716px 735px #fff, 1898px 446px #fff, 1469px 1366px #fff, 674px 785px #fff, 914px 618px #fff, 1500px 632px #fff, 1697px 1392px #fff, 152px 1994px #fff, 1854px 1805px #fff, 1791px 237px #fff, 839px 844px #fff, 282px 1377px #fff, 993px 1847px #fff, 1181px 926px #fff, 1445px 183px #fff, 1537px 1770px #fff, 1930px 1512px #fff, 1954px 676px #fff, 963px 116px #fff, 1190px 504px #fff, 954px 841px #fff, 697px 1318px #fff, 1914px 107px #fff, 1833px 8px #fff, 746px 647px #fff, 147px 299px #fff, 937px 948px #fff, 1529px 539px #fff, 26px 1175px #fff, 730px 384px #fff, 230px 1073px #fff, 660px 1012px #fff, 682px 625px #fff, 1005px 921px #fff, 1973px 503px #fff, 284px 1995px #fff, 629px 851px #fff, 275px 364px #fff, 1848px 49px #fff, 1009px 1775px #fff, 1594px 1779px #fff, 323px 853px #fff, 1330px 1089px #fff, 365px 259px #fff, 360px 232px #fff, 443px 1478px #fff, 1455px 489px #fff, 1096px 742px #fff, 1156px 861px #fff, 628px 430px #fff, 1352px 705px #fff, 1637px 19px #fff, 1736px 1671px #fff, 419px 1146px #fff, 732px 576px #fff, 1506px 1891px #fff, 1466px 1546px #fff, 545px 805px #fff, 1439px 1422px #fff, 418px 452px #fff, 1041px 1372px #fff, 629px 196px #fff, 1428px 1400px #fff, 711px 1986px #fff, 157px 892px #fff, 1759px 1305px #fff, 1257px 1844px #fff, 1910px 1694px #fff, 1667px 590px #fff, 1180px 1098px #fff, 261px 1727px #fff, 714px 1995px #fff, 1307px 1216px #fff, 1957px 577px #fff, 1675px 1819px #fff, 1722px 1376px #fff, 685px 1749px #fff, 1748px 1113px #fff, 1100px 564px #fff, 1502px 970px #fff, 425px 9px #fff, 824px 619px #fff, 1972px 755px #fff, 1358px 529px #fff, 931px 980px #fff, 280px 1872px #fff, 1912px 753px #fff, 1095px 1233px #fff, 47px 1095px #fff, 161px 417px #fff, 407px 371px #fff, 1131px 985px #fff, 452px 772px #fff, 1961px 1578px #fff, 671px 1950px #fff, 270px 597px #fff, 926px 1592px #fff, 1275px 1054px #fff, 1403px 692px #fff, 1310px 193px #fff, 895px 110px #fff, 1290px 113px #fff, 1165px 545px #fff, 1295px 1553px #fff, 1679px 273px #fff, 624px 792px #fff, 357px 1497px #fff, 981px 1895px #fff, 593px 999px #fff, 982px 1310px #fff, 1543px 1365px #fff, 1577px 649px #fff, 126px 739px #fff, 1637px 1066px #fff, 93px 1269px #fff, 1927px 70px #fff, 519px 272px #fff, 1630px 806px #fff, 1707px 1579px #fff, 1679px 1560px #fff, 710px 473px #fff, 1398px 795px #fff, 1669px 1633px #fff, 1904px 407px #fff, 915px 575px #fff, 856px 777px #fff, 182px 541px #fff, 81px 1682px #fff, 1000px 1863px #fff, 1593px 728px #fff, 1004px 1795px #fff, 1342px 1382px #fff, 22px 51px #fff, 686px 447px #fff, 1512px 1316px #fff, 892px 714px #fff, 1422px 1516px #fff, 17px 157px #fff, 213px 272px #fff, 1095px 180px #fff, 1849px 322px #fff, 1391px 1602px #fff, 1659px 1684px #fff, 868px 1428px #fff, 494px 772px #fff, 1231px 968px #fff, 96px 1033px #fff, 1496px 934px #fff, 929px 806px #fff, 1325px 1713px #fff, 687px 1095px #fff, 88px 1620px #fff, 1089px 360px #fff, 264px 1102px #fff, 612px 234px #fff, 641px 943px #fff, 1330px 1129px #fff, 231px 366px #fff, 120px 220px #fff, 1817px 987px #fff, 1308px 59px #fff, 426px 1538px #fff, 15px 1936px #fff, 1508px 1854px #fff, 1847px 1331px #fff, 1816px 143px #fff, 1884px 1478px #fff, 1782px 575px #fff, 1080px 1522px #fff, 359px 135px #fff, 1430px 1642px #fff, 1391px 1271px #fff, 127px 743px #fff, 94px 772px #fff, 1509px 1894px #fff, 1258px 1347px #fff, 482px 582px #fff;
}
#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 571px 173px #fff, 1732px 143px #fff, 1745px 454px #fff, 234px 784px #fff, 1793px 1123px #fff, 1076px 504px #fff, 633px 601px #fff, 350px 630px #fff, 1164px 782px #fff, 76px 690px #fff, 1825px 701px #fff, 1646px 578px #fff, 544px 293px #fff, 445px 1061px #fff, 928px 47px #fff, 168px 1410px #fff, 777px 782px #fff, 1235px 1941px #fff, 104px 1690px #fff, 1167px 1338px #fff, 345px 1652px #fff, 1682px 1196px #fff, 1995px 494px #fff, 428px 798px #fff, 340px 1623px #fff, 605px 349px #fff, 1339px 1344px #fff, 1102px 1745px #fff, 1592px 1676px #fff, 419px 1024px #fff, 630px 1033px #fff, 1995px 1644px #fff, 1092px 712px #fff, 1355px 606px #fff, 622px 1881px #fff, 1481px 621px #fff, 19px 1348px #fff, 864px 1780px #fff, 442px 1136px #fff, 67px 712px #fff, 89px 1406px #fff, 275px 321px #fff, 592px 630px #fff, 1012px 1690px #fff, 1749px 23px #fff, 94px 1542px #fff, 1201px 1657px #fff, 1505px 692px #fff, 1799px 601px #fff, 656px 811px #fff, 701px 597px #fff, 1202px 46px #fff, 890px 569px #fff, 1613px 813px #fff, 223px 252px #fff, 983px 1093px #fff, 726px 1029px #fff, 1764px 778px #fff, 622px 1643px #fff, 174px 1559px #fff, 212px 517px #fff, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #fff, 849px 391px #fff, 228px 1824px #fff, 1119px 1680px #fff, 812px 1480px #fff, 1438px 1585px #fff, 137px 1397px #fff, 1080px 456px #fff, 1208px 1437px #fff, 857px 281px #fff, 1254px 1306px #fff, 987px 990px #fff, 1655px 911px #fff, 1102px 1216px #fff, 1807px 1044px #fff, 660px 435px #fff, 299px 678px #fff, 1193px 115px #fff, 918px 290px #fff, 1447px 1422px #fff, 91px 1273px #fff, 108px 223px #fff, 146px 754px #fff, 461px 1446px #fff, 1004px 391px #fff, 1529px 516px #fff, 1206px 845px #fff, 347px 583px #fff, 1102px 1332px #fff, 709px 1756px #fff, 1972px 248px #fff, 1669px 1344px #fff, 1132px 406px #fff, 320px 1076px #fff, 126px 943px #fff, 263px 604px #fff, 1546px 692px #fff;
    animation: animStar 150s linear infinite;
}
#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 571px 173px #fff, 1732px 143px #fff, 1745px 454px #fff, 234px 784px #fff, 1793px 1123px #fff, 1076px 504px #fff, 633px 601px #fff, 350px 630px #fff, 1164px 782px #fff, 76px 690px #fff, 1825px 701px #fff, 1646px 578px #fff, 544px 293px #fff, 445px 1061px #fff, 928px 47px #fff, 168px 1410px #fff, 777px 782px #fff, 1235px 1941px #fff, 104px 1690px #fff, 1167px 1338px #fff, 345px 1652px #fff, 1682px 1196px #fff, 1995px 494px #fff, 428px 798px #fff, 340px 1623px #fff, 605px 349px #fff, 1339px 1344px #fff, 1102px 1745px #fff, 1592px 1676px #fff, 419px 1024px #fff, 630px 1033px #fff, 1995px 1644px #fff, 1092px 712px #fff, 1355px 606px #fff, 622px 1881px #fff, 1481px 621px #fff, 19px 1348px #fff, 864px 1780px #fff, 442px 1136px #fff, 67px 712px #fff, 89px 1406px #fff, 275px 321px #fff, 592px 630px #fff, 1012px 1690px #fff, 1749px 23px #fff, 94px 1542px #fff, 1201px 1657px #fff, 1505px 692px #fff, 1799px 601px #fff, 656px 811px #fff, 701px 597px #fff, 1202px 46px #fff, 890px 569px #fff, 1613px 813px #fff, 223px 252px #fff, 983px 1093px #fff, 726px 1029px #fff, 1764px 778px #fff, 622px 1643px #fff, 174px 1559px #fff, 212px 517px #fff, 340px 505px #fff, 1700px 39px #fff, 1768px 516px #fff, 849px 391px #fff, 228px 1824px #fff, 1119px 1680px #fff, 812px 1480px #fff, 1438px 1585px #fff, 137px 1397px #fff, 1080px 456px #fff, 1208px 1437px #fff, 857px 281px #fff, 1254px 1306px #fff, 987px 990px #fff, 1655px 911px #fff, 1102px 1216px #fff, 1807px 1044px #fff, 660px 435px #fff, 299px 678px #fff, 1193px 115px #fff, 918px 290px #fff, 1447px 1422px #fff, 91px 1273px #fff, 108px 223px #fff, 146px 754px #fff, 461px 1446px #fff, 1004px 391px #fff, 1529px 516px #fff, 1206px 845px #fff, 347px 583px #fff, 1102px 1332px #fff, 709px 1756px #fff, 1972px 248px #fff, 1669px 1344px #fff, 1132px 406px #fff, 320px 1076px #fff, 126px 943px #fff, 263px 604px #fff, 1546px 692px #fff;
}


@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}

.login_body {
    background: linear-gradient(45deg, rgb(0 154 238 / 82%), rgb(1 117 181 / 75%)), url(../images/slide/login_bg.webp);
    height: 100%;
    background-size: 100%;
    background-position: center;
}
a.login_logo {
    margin-bottom: 20px;
    display: block;
}

.form-group label {
    margin-bottom: 0px;
}

.input-group_1 {
    display: none;
}

.privacy_ploicy {padding: 70px 0px;}

.signup_form.signIN_box {margin-top: 0px;}

.row.login_colm_lg {
    margin:3% auto 5%;
    border-radius: 15px;
    position: relative;
    overflow: hidden;

}
a.login_logo img {
    width: 170px;
}
.signup_form.signIN_box a.login_logo {
    margin-bottom: 0px;
}
.signup_form.signIN_box button.btn.puprple_btn {
    margin-top: 0;    margin-bottom: 0;
}
.signup_form.signIN_box {margin-top: 0px !important;
    box-shadow: unset;padding-bottom: 0px;}

.signup_form.signIN_box form {padding: 0 20px;}
.signup_form.signIN_box .or_option p {margin-top: 0px !important;}
.login {padding: 0px 12px;}
div#login_slider .owl-stage-outer .item img {width: 100%;border-radius: 10px;}
div#login_slider {background: #fff;border-radius: 10px;padding: 10px;}
.jquery-ripples {position: relative;z-index: 0;}
body.jquery-ripples:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.login .signup_form{background-color: rgb(255 255 255 / 30%);}
/*body.login_body.jquery-ripples {*/
/*    background: linear-gradient(90deg, #009aee 40%, transparent 55%), url(../images/slide/login_bg.webp) !important;*/
/*    backdrop-filter: blur(3px);}*/
 .login .signup_form {background: rgb(255 255 255 / 70%);box-shadow: unset;    z-index: 999; position: relative;}

.services_box .services_text {height: auto;}
.services_box .services_img img {
    width: 100%;
    height: 100%;
}
section#main_login {
    position: relative;
}
body.login_body.jquery-ripples:after {
    content: "";
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: linear-gradient(90deg, #009aee 40%, transparent 55%);
}
@media screen and (max-width: 767px) {
.jquery-ripples .login-page-main {width: 100%;min-height: 53vh !important;position: relative;}
.jquery-ripples .login-page {padding: 20px 15px;min-height: 73vh;display: block;}
.jquery-ripples .login-page .login-form {width: auto;}
.banner_section .banner_text {
    margin-top: 20px;}

}