/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
/*@import url("https://fonts.googleapis.com/css?family=Raleway:100,200,300,400,500,600,700,800,900&display=swap");*/
/*@font-face {*/
/*  font-family: "Baskerville W02 Regular";*/
/*  src: url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.eot");*/
/*  src: url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.eot?#iefix")format("embedded-opentype"),*/
/*  url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.woff2")format("woff2"),*/
/*  url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.woff")format("woff"),*/
/*  url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.ttf")format("truetype"),*/
/*  url("https://db.onlinewebfonts.com/t/cc130a16f660fe1f83bc6e07a207dffc.svg#Baskerville W02 Regular")format("svg");*/
/*}*/
body{
    background-color: #0f0f0f;
    color: #fff;
    font-family: "Raleway", sans-serif;
    line-height: 1.8em;
    font-size: 16px;
    font-weight: 200;
}
.text-black{
  color: #0f0f0f;
}
.abouthead{
  
  font-size: 3.5rem ;
}
/* Mouse Animation */
.mouse {
  width: 100px;
  display: inline-block;
  position: absolute;
  left: 51%;
  bottom: 10px;
  z-index: 1;
  -webkit-transform: translateX(-25%);
  -ms-transform: translateX(-25%);
  transform: translateX(-25%); }

.mouse-icon {
  width: 25px;
  height: 45px;
  border: 1px solid red;
  border-radius: 15px;
  cursor: pointer;
  position: relative;
  text-align: center; }

.mouse-wheel {
  height: 6px;
  margin: 2px auto 0;
  display: block;
  width: 3px;
  background-color: red;
  border-radius: 50%;
  -webkit-animation: 1.6s ease infinite wheel-up-down;
  -moz-animation: 1.6s ease infinite wheel-up-down;
  animation: 1.6s ease infinite wheel-up-down; }

@-webkit-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 30px;
    opacity: 0; } }

@-moz-keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 30px;
    opacity: 0; } }

@keyframes wheel-up-down {
  0% {
    margin-top: 2px;
    opacity: 0; }
  30% {
    opacity: 1; }
  100% {
    margin-top: 30px;
    opacity: 0; } }
a {

  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #0f0f0f;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid red;
  border-top-color: #fff;
  border-bottom-color: #fff;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  -webkit-animation: animate-preloader 1s linear infinite;
  animation: animate-preloader 1s linear infinite;
}

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

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
/*#preloader {*/
/*  position: fixed;*/
/*  top: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  bottom: 0;*/
/*   display: flex;*/
/*  justify-content: center;*/
/*  align-items: center;*/
/*  z-index: 9999;*/
/*  overflow: hidden;*/
/*  background: #0f0f0f;*/
/*   -webkit-animation: slideUp 1s ease-out forwards;*/
/*  animation: slideUp 1s ease-out forwards;*/
/*}*/

/*#preloader h1 {*/
/*  text-align: center;*/
/*  font-family: "Raleway", sans-serif;*/
/*}*/

/*@keyframes slideUp {*/
/*  0% {*/
/*    transform: translateY(0);*/
/*    opacity: 1;*/
/*  }*/
/*  100% {*/
/*    transform: translateY(-100%);*/
/*    opacity: 1;*/
/*    visibility: hidden;*/
/*  }*/
/*}*/

/* 
@-webkit-keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} */

.dropdown ul {
  display: block;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  list-style: none;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 4px;
}

.dropdown ul li {
  min-width: 200px;
}

.dropdown ul a {
  padding: 10px 20px;
  font-size: 14px;
  text-transform: none;
  font-weight: 200;
  color: #000;
}

.dropdown ul a i {
  font-size: 12px;
}

.dropdown ul a:hover, .dropdown ul .active:hover, .dropdown ul li:hover > a {
  color: #000;
}

.dropdown:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.dropdown .dropdown:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .dropdown .dropdown ul {
    left: -90%;
  }
  .dropdown .dropdown:hover > ul {
    left: -100%;
  }
}

/* Navbar */
.site-navbar {
  margin-bottom: 0px;
  z-index: 999;
  top: 0;
  width: 100%;
  padding: 1rem; }
  @media (max-width: 991.98px) {
    .site-navbar {
      padding: 0 } }
  .site-navbar .toggle-button {
    position: absolute;
    right: 20px;
    top: 35px; }
  .site-navbar .site-logo {
    margin: 0;
    padding: 0;
    font-size: 1.7rem; }
    .site-navbar .site-logo a {
      color: #0f0f0f;
      text-transform: lowercase; }
    @media (max-width: 991.98px) {
      .site-navbar .site-logo {
        float: left;
        position: relative; } }
  .site-navbar .site-navigation.border-bottom {
    border-bottom: 1px solid white !important; }
  .site-navbar .site-navigation .site-menu {
    margin: 0;
    padding: 0;
    margin-bottom: 0; }
    .site-navbar .site-navigation .site-menu .active {
      color: #207561 !important; }
    .site-navbar .site-navigation .site-menu a {
      text-decoration: none !important;
      display: inline-block; }
    .site-navbar .site-navigation .site-menu > li {
      display: flex;
    flex: none; }
      .site-navbar .site-navigation .site-menu > li > a {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 14px;
        padding: 20px 0px;
        color: red !important;
        display: inline-block;
        text-decoration: none !important; }
      .site-navbar .site-navigation .site-menu > li > .getstarted{
        line-height: 1.5;
        border-color: #0f0f0f;
        font-weight: 200;
        background: #fff;
        padding: 5px 16px;
        text-align: center;
        color: #fff;
        transition: 0.4s;
        border-radius: 50px;
        border: 1px solid;
        width: auto;
      }
      .site-navbar .site-navigation .site-menu > li > .getstarteds{
        line-height: 1.5;
        border-color: #0f0f0f;
        font-weight: 200;
        background: #fff;
        padding: 5px 16px;
        text-align: center;
        color: #0f0f0f;
        transition: 0.4s;
        border-radius: 50px;
        border: 1px solid;
        width: auto;
      }
    
        .site-navbar .site-navigation .site-menu > li > a:hover {
          color: #207561; }
      .site-navbar .site-navigation .site-menu > li.active > a {
        color: #207561 !important; }
    .site-navbar .site-navigation .site-menu .has-children {
      position: relative; }
      .site-navbar .site-navigation .site-menu .has-children > a {
        position: relative;
        padding-right: 20px; }
        .site-navbar .site-navigation .site-menu .has-children > a:before {
          position: absolute;
          content: "\e313";
          font-size: 16px;
          top: 50%;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          font-family: 'icomoon'; }
      .site-navbar .site-navigation .site-menu .has-children .dropdown {
        visibility: hidden;
        opacity: 0;
        top: 100%;
        position: absolute;
        text-align: left;
        border-top: 2px solid #207561;
        -webkit-box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        box-shadow: 0 2px 10px -2px rgba(0, 0, 0, 0.1);
        padding: 0px 0;
        margin-top: 20px;
        margin-left: 0px;
        background: #fff;
        -webkit-transition: 0.2s 0s;
        -o-transition: 0.2s 0s;
        transition: 0.2s 0s; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top {
          position: absolute; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            display: none;
            bottom: 100%;
            left: 20%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown.arrow-top:before {
            border-color: rgba(136, 183, 213, 0);
            border-bottom-color: #fff;
            border-width: 10px;
            margin-left: -10px; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown a {
          text-transform: none;
          letter-spacing: normal;
          -webkit-transition: 0s all;
          -o-transition: 0s all;
          transition: 0s all;
          color: #000 !important; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown a.active {
            color: #207561 !important;
            background: #f8f9fa; }
        .site-navbar .site-navigation .site-menu .has-children .dropdown > li {
          list-style: none;
          padding: 0;
          margin: 0;
          min-width: 200px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
            padding: 9px 20px;
            display: block; }
            .site-navbar .site-navigation .site-menu .has-children .dropdown > li > a:hover {
              background: #f8f9fa;
              color: #ced4da; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
            content: "\e315";
            right: 20px; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
            left: 100%;
            top: 0; }
          .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:active > a, .site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children:focus > a {
            background: #f8f9fa;
            color: #ced4da; }
      .site-navbar .site-navigation .site-menu .has-children:hover > a, .site-navbar .site-navigation .site-menu .has-children:focus > a, .site-navbar .site-navigation .site-menu .has-children:active > a {
        color: #000; }
      .site-navbar .site-navigation .site-menu .has-children:hover, .site-navbar .site-navigation .site-menu .has-children:focus, .site-navbar .site-navigation .site-menu .has-children:active {
        cursor: pointer; }
        .site-navbar .site-navigation .site-menu .has-children:hover > .dropdown, .site-navbar .site-navigation .site-menu .has-children:focus > .dropdown, .site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
          -webkit-transition-delay: 0s;
          -o-transition-delay: 0s;
          transition-delay: 0s;
          margin-top: 0px;
          visibility: visible;
          opacity: 1; }

.site-mobile-menu {
  width: 300px;
  position: fixed;
  right: 0;
  z-index: 2000;
  padding-top: 20px;
  background: #fff;
  height: calc(100vh);
  -webkit-transform: translateX(110%);
  -ms-transform: translateX(110%);
  transform: translateX(110%);
  -webkit-box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
  -webkit-transition: .3s all ease-in-out;
  -o-transition: .3s all ease-in-out;
  transition: .3s all ease-in-out; }
  .offcanvas-menu .site-mobile-menu {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%); }
  .site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
      float: right;
      margin-top: 8px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
        font-size: 30px;
        display: inline-block;
        padding-left: 10px;
        padding-right: 0px;
        line-height: 1;
        cursor: pointer;
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
          color: #ced4da; }
    .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
      float: left;
      margin-top: 10px;
      margin-left: 0px; }
      .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
        display: inline-block;
        text-transform: uppercase; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
          max-width: 70px; }
        .site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
          text-decoration: none; }
  .site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding: 0 20px 20px 20px;
    height: calc(100vh - 52px);
    padding-bottom: 150px; }
  .site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative; }
    .site-mobile-menu .site-nav-wrap a {
      padding: 10px 20px;
      display: block;
      position: relative;
      color: #212529; }
      .site-mobile-menu .site-nav-wrap a:hover {
        color: #207561; }
    .site-mobile-menu .site-nav-wrap li {
      position: relative;
      display: block; }
      .site-mobile-menu .site-nav-wrap li .nav-link.active {
        color: #207561; }
      .site-mobile-menu .site-nav-wrap li.active > a {
        color: #207561; }
    .site-mobile-menu .site-nav-wrap .arrow-collapse {
      position: absolute;
      right: 0px;
      top: 10px;
      z-index: 20;
      width: 36px;
      height: 36px;
      text-align: center;
      cursor: pointer;
      border-radius: 50%; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
        background: #f8f9fa; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse:before {
        font-size: 12px;
        z-index: 20;
        font-family: "icomoon";
        content: "\f078";
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%) rotate(-180deg);
        -ms-transform: translate(-50%, -50%) rotate(-180deg);
        transform: translate(-50%, -50%) rotate(-180deg);
        -webkit-transition: .3s all ease;
        -o-transition: .3s all ease;
        transition: .3s all ease; }
      .site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
    .site-mobile-menu .site-nav-wrap > li {
      display: block;
      position: relative;
      float: left;
      width: 100%; }
      .site-mobile-menu .site-nav-wrap > li > a {
        padding-left: 20px;
        font-size: 20px; }
      .site-mobile-menu .site-nav-wrap > li > ul {
        padding: 0;
        margin: 0;
        list-style: none; }
        .site-mobile-menu .site-nav-wrap > li > ul > li {
          display: block; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > a {
            padding-left: 40px;
            font-size: 16px; }
          .site-mobile-menu .site-nav-wrap > li > ul > li > ul {
            padding: 0;
            margin: 0; }
            .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
              display: block; }
              .site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
                font-size: 16px;
                padding-left: 60px; }
    .site-mobile-menu .site-nav-wrap[data-class="social"] {
      float: left;
      width: 100%;
      margin-top: 30px;
      padding-bottom: 5em; }
      .site-mobile-menu .site-nav-wrap[data-class="social"] > li {
        width: auto; }
        .site-mobile-menu .site-nav-wrap[data-class="social"] > li:first-child a {
          padding-left: 15px !important; }

.sticky-wrapper {
  position: relative;
  z-index: 100;
  width: 100%;
  position: absolute;
  top: 0; }
  .sticky-wrapper .site-navbar {
    -webkit-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease; }
  .sticky-wrapper .site-navbar {
    background: #fff; }
    .sticky-wrapper .site-navbar ul li a {
      color: rgba(255, 255, 255, 0.7) !important; }
      .sticky-wrapper .site-navbar ul li a.active {
        color: #fff !important; }
  .sticky-wrapper.is-sticky .site-navbar {
    background: #fff;
    -webkit-box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 4px 0 20px -5px rgba(0, 0, 0, 0.2); }
    .sticky-wrapper.is-sticky .site-navbar .site-logo a {
      color: #207561; }
    .sticky-wrapper.is-sticky .site-navbar ul li a {
      color: #000 !important; }
      .sticky-wrapper.is-sticky .site-navbar ul li a.active {
        color: #207561 !important; }
  .sticky-wrapper .shrink {
    padding-top: 0px !important;
    padding-bottom: 0px !important; }
    @media (max-width: 991.98px) {
      .sticky-wrapper .shrink {
        padding-top: 30px !important;
        padding-bottom: 30px !important; } }

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  background-size: cover;
  height: 100vh;
  padding: 120px 0;
  text-align: center;
  margin: auto;
  color: #fff;
}
.aboutasd {
  background: url('../img/IMG_2595.JPG');
  background-position: center;
}

#hero .container {
  padding-top: 72px;
}

#hero h1 {
  margin: 0 0 10px 0;
  font-size: 5rem;
  color: #000;
}
.dreamhead h1 {
  font-size: 5rem;
  color: #fff;
}

#hero h2 {
  color: rgba(255, 255, 255, 0.6);
  margin-bottom: 50px;
  font-size: 24px;
}
#hero .btn-get-started {
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 28px 11px 28px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px 0 0 0;
  color: #fff;
  background: #fff;
}

#hero .btn-get-started:hover {
  background: #209dd8;
}

#hero .btn-watch-video {
  font-size: 16px;
  display: flex;
  align-items: center;
  transition: 0.5s;
  margin: 10px 0 0 25px;
  color: #fff;
  line-height: 1;
}

#hero .btn-watch-video i {
  line-height: 0;
  color: #fff;
  font-size: 32px;
  transition: 0.3s;
  margin-right: 8px;
}

#hero .btn-watch-video:hover i {
  color: #fff;
}


#hero.overlay {
  position: relative; }
  #hero.overlay:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4); }
    .service-bg{
      height: 70vh;
      background: url(../img/services-02-09-min.webp) 50% 0 no-repeat;
      background-size: cover;
      /* image-rendering: -webkit-optimize-contrast;
      image-resolution: from-image 500dpi; */
    }
#hero .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #headers{
    display: none;
  }
  .servicepad{
    padding: 0 1rem;
  }
  .dreamhead h1{
    font-size: 3rem;
  }
  #hero {
    height: 100vh;
    text-align: center;
  }
  #hero .animated {
    -webkit-animation: none;
    animation: none;
  }
  #hero .hero-img {
    text-align: center;
  }
  #hero .hero-img img {
    width: 50%;
  }
}

@media (max-width: 768px) {
  #hero h1 {
    font-size: 3rem;
  }
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 30px;
  }
  #hero .hero-img img {
    width: 70%;
  }
}

@media (max-width: 575px) {
  #hero .hero-img img {
    width: 80%;
  }
  #hero .btn-get-started {
    font-size: 16px;
    padding: 10px 24px 11px 24px;
  }
}

@-webkit-keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

@keyframes up-down {
  0% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(-10px);
  }
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 4rem 10rem;
  overflow: hidden;
}
/* 
.section-bg {
  background-color: #f3f5fa;
} */

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-size: 32px;
  text-transform: uppercase;
  margin-bottom: 20px;
  
  padding-bottom: 20px;
  position: relative;
}

.section-title h2::before {
  content: '';
  position: absolute;
  display: block;
  width: 120px;
  height: 1px;
  background: #ddd;
  bottom: 1px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: '';
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #fff;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Cliens
--------------------------------------------------------------*/
.cliens {
  padding: 12px 0;
}

.cliens img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
}

/* .cliens img:hover {
  filter: none;
  transform: scale(1.1);
} */

@media (max-width: 768px) {
  .cliens img {
    max-width: 40%;
  }
}

/*--------------------------------------------------------------
# About Us
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 200;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  padding-left: 28px;
  position: relative;
}

.about .content ul li + li {
  margin-top: 10px;
}

.about .content ul i {
  position: absolute;
  left: 0;
  top: 2px;
  font-size: 20px;
  color: #fff;
  line-height: 1;
}

.about .content p:last-child {
  margin-bottom: 0;
}

.about .content .btn-learn-more {
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 4px;
  transition: 0.3s;
  line-height: 1;
  color: #fff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #fff;
}

.about .content .btn-learn-more:hover {
  background: #fff;
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .content h3 {
  font-weight: 200;
  font-size: 32px;
  color: #37517e;
}

.skills .content ul {
  list-style: none;
  padding: 0;
}

.skills .content ul li {
  padding-bottom: 10px;
}

.skills .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #fff;
}

.skills .content p:last-child {
  margin-bottom: 0;
}

.skills .progress {
  height: 60px;
  display: block;
  background: none;
  border-radius: 0;
}

.skills .progress .skill {
  padding: 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 200;
  color: #37517e;
}

.skills .progress .skill .val {
  float: right;
  font-style: normal;
}

.skills .progress-bar-wrap {
  background: #e8edf5;
  height: 10px;
}

.skills .progress-bar {
  width: 1px;
  height: 10px;
  transition: .9s;
  background-color: #4668a2;
}
/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
.services .icon-box {
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
  transition: all ease-in-out 0.4s;
  position: relative;
}

.services .icon-box img {
  aspect-ratio: 5/1;
  object-fit: scale-down;
}

.services .icon-box .icon {
  margin-bottom: 10px;
}

.services .icon-box .icon i {
  color: #fff;
  font-size: 36px;
  transition: 0.3s;
}

.services .icon-box h4 {
  font-weight: 200;
  margin-bottom: 15px;
  font-size: 24px;
  color: #fff;
}

.services .icon-box h4 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

.services .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.services .icon-box:hover {
  transform: translateY(-10px);
  padding-bottom: 0;
}

.services .icon-box:hover h4 a {
  color: #fff;
}

.services .icon-box .servicenote {
  opacity: 0;
  max-height: 0;
  transform: translateY(10px);
  transition: all 0.4s ease;
  overflow: hidden;
  color: red;
  pointer-events: none;
}

.services .icon-box:hover .servicenote {
  opacity: 1;
  max-height: 300px;
  transform: translateY(0);
  pointer-events: auto;
}

#services h1 {
  font-size: 50px;
}

#services p {
  font-size: 20px;
}

/*--------------------------------------------------------------
# Why Us
--------------------------------------------------------------*/
.why-us .icon-box {
  box-shadow: 0px 0 25px 0 rgba(0, 0, 0, 0.1);
  padding: 50px 30px;
  transition: all ease-in-out 0.4s;
}

.why-us .icon-box .icon {
  margin-bottom: 10px;
  font-size: 22px;
}

.why-us .icon-box .icon i {
  color: #fff;
  font-size: 36px;
  transition: 0.3s;
}

.why-us .icon-box h4 {
  margin-bottom: 15px;
  font-size: 15px;
}

.section__heading {
  font-size: 26px;
}

.why-us .icon-box h4 a {
  color: #fff;
  transition: ease-in-out 0.3s;
}

.why-us .icon-box p {
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.why-us .icon-box:hover {
  transform: translateY(-10px);
}

.why-us .icon-box:hover h4 a {
  color: #fff;
}

.why-us .icon-box h4 .sensex {
  color: red;
  transition: ease-in-out 0.3s;
}


/*--------------------------------------------------------------
# Cta
--------------------------------------------------------------*/
.cta {
  background: linear-gradient(rgba(217, 33, 22, 0.7), rgba(217, 33, 22, 0.7)), url("../img/cta-bg.jpg") fixed center center;
  /* background: linear-gradient(rgba(40, 58, 90, 0.9), rgba(40, 58, 90, 0.9)), url("../img/cta-bg.jpg") fixed center center; */
  background-size: cover;
  padding: 120px 0;
  height: 80vh;
}

.cta h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 200;
}

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-weight: 200;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 40px;
  border-radius: 50px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
}

.cta .cta-btn:hover {
  background: #fff;
  border: 2px solid #fff;
}

@media (max-width: 1024px) {
  .cta {
    background-attachment: scroll;
  }
}

.header-scrolled{
  background-color: #fff;
  height: 100px;
}
@media (min-width: 769px) {
  .cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  list-style: none;
  margin-bottom: 20px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  margin: 10px 5px;
  font-size: 15px;
  font-weight: 200;
  line-height: 1;
  color: #444444;
  transition: all 0.3s;
  padding: 8px 20px;
  border-radius: 50px;
}

.portfolio #portfolio-flters li:hover, .portfolio #portfolio-flters li.filter-active {
  background: #fff;
  color: #fff;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-img {
  overflow: hidden;
}

.portfolio .portfolio-item .portfolio-img img {
  transition: all 0.6s;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 15px;
  bottom: 0;
  z-index: 3;
  right: 15px;
  transition: all 0.3s;
  background: rgba(55, 81, 126, 0.8);
  padding: 10px 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 200;
  color: #fff;
  margin-bottom: 0px;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #f9fcfe;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link, .portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #fff;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover, .portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #fff;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item:hover .portfolio-img img {
  transform: scale(1.15);
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #fff;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #fff;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(55, 81, 126, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li + li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 200;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}

/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/
.team .member {
  position: relative;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  padding: 30px;
  border-radius: 5px;
  transition: 0.5s;
}

.team .member .pic {
  overflow: hidden;
  width: 180px;
  border-radius: 50%;
}

.team .member .pic img {
  transition: ease-in-out 0.3s;
}

.team .member:hover {
  transform: translateY(-10px);
}

/* .team .member .member-info {
  padding-left: 30px;
} */

.team .member h4 {
  font-weight: 200;
  margin-bottom: 5px;
  margin-top: 15px;
  color: #fff;
}

.team .member span {
  display: block;
  padding-bottom: 10px;
  position: relative;
  font-weight: 200;
}

.team .member span::after {
  content: '';
  position: absolute;
  display: block;
  width: 50px;
  height: 1px;
  background: #cbd6e9;
  bottom: 0;
  left: 0;
}

.team .member p {
  margin: 10px 0 0 0;
}

.team .member .social {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.team .member .social a {
  transition: ease-in-out 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  width: 32px;
  height: 32px;
  background: #eff2f8;
}

.team .member .social a i {
  color: #fff;
  font-size: 16px;
  margin: 0 2px;
}

.team .member .social a:hover {
  background: #fff;
}

.team .member .social a:hover i {
  color: #fff;
}

.team .member .social a + a {
  margin-left: 8px;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .row {
  padding-top: 40px;
}

.pricing .box {
  box-shadow: 0 3px 20px -2px rgba(20, 45, 100, 0.1);
  height: 30vh;
  border: 1px solid #fff;
  border-radius: 15px;
  padding: 2rem;
}

.box:hover{
  background-color:#ff00008a;
}
.box:hover .gp{
  color: white;
}
.box:hover .calcul{
  filter: brightness(200%);
}
.pricing h3 {
  font-weight: 200;
  margin-bottom: 15px;
  font-size: 25px;
}

.pricing h4 {
  font-size: 30px;
  font-weight: 200;
}
.gp{
  color: #000;
}

.pricing img{
  position: absolute;
  bottom: 20px;
  right: 20px;}
.pricing h4 sup {
  font-size: 28px;
}

.pricing h4 span {
  color: #fff;
  font-size: 18px;
  display: block;
}

.pricing ul {
  padding: 20px 0;
  list-style: none;
  color: #999;
  text-align: left;
  line-height: 20px;
}

.pricing ul li {
  padding: 10px 0 10px 30px;
  position: relative;
}

.pricing ul i {
  color: #28a745;
  font-size: 24px;
  position: absolute;
  left: 0;
  top: 6px;
}

.pricing ul .na {
  color: #ccc;
}

.pricing ul .na i {
  color: #ccc;
}

.pricing ul .na span {
  text-decoration: line-through;
}

.pricing .buy-btn {
  display: inline-block;
  padding: 12px 35px;
  border-radius: 50px;
  color: #fff;
  transition: none;
  font-size: 16px;
  font-weight: 200;
  transition: 0.3s;
  border: 1px solid #fff;
}

.pricing .buy-btn:hover {
  background: #fff;
  color: #fff;
}

.pricing .featured {
  border-top-color: #fff;
}

.pricing .featured .buy-btn {
  background: #fff;
  color: #fff;
}

.pricing .featured .buy-btn:hover {
  background: #23a3df;
}

/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq .faq-list {
  padding: 0 100px;
}

.faq .faq-list ul {
  padding: 0;
  list-style: none;
}

.faq .faq-list li + li {
  margin-top: 15px;
}

.faq .faq-list li {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
  position: relative;
}

.faq .faq-list a {
  display: block;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-weight: 200;
  padding: 0 30px;
  outline: none;
  cursor: pointer;
}

.faq .faq-list .icon-help {
  font-size: 24px;
  position: absolute;
  right: 0;
  left: 20px;
  color: #fff;
}

.faq .faq-list .icon-show, .faq .faq-list .icon-close {
  font-size: 24px;
  position: absolute;
  right: 0;
  top: 0;
}

.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 0;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list a.collapsed {
  color: #37517e;
  transition: 0.3s;
}

.faq .faq-list a.collapsed:hover {
  color: #fff;
}

.faq .faq-list a.collapsed .icon-show {
  display: inline-block;
}

.faq .faq-list a.collapsed .icon-close {
  display: none;
}

@media (max-width: 1200px) {
  .faq .faq-list {
    padding: 0;
  }
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info {
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 30px;
  width: 100%;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
#dreamresult{
  padding: 0 12rem;
}
.dreamresult{
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 30px;
  color: #0f0f0f;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
}
.dreamresult .amtasd{
  font-size: 24px;
  padding-bottom: 16px;
}

.dreamtag{
  border-color: #fff;
  font-weight: 200;
background: red;
padding: 12px 34px;
color: #fff;
transition: 0.4s;
border: 1px solid;
width: auto;
}

.contact .info i {
  font-size: 20px;
  color: #fff;
  float: left;
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  transition: all 0.3s ease-in-out;
}

.contact .info h4 {
  font-size: 22px;
  font-weight: 200;
  margin-bottom: 5px;
  color: #fff;
}

.contact .info p {
  margin-bottom: 20px;
  font-size: 14px;
  color: #fff;
}

.contact .info .email p {
  padding-top: 5px;
}

.contact .info .social-links {
  padding-left: 60px;
}
.contact a{
  color: #0f0f0f;
}
.contact .info .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #333;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
  margin-right: 10px;
}

.contact .php-email-form {
  width: 100%;
  border-top: 3px solid #fff;
  border-bottom: 3px solid #fff;
  padding: 30px;
  box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.12);
}

.contact .php-email-form .form-group {
  padding-bottom: 8px;
  background-color: #0f0f0f;
}

.contact .php-email-form .validate {
  display: none;
  color: red;
  margin: 0 0 15px 0;
  font-weight: 200;
  font-size: 13px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 200;
}

.contact .php-email-form .error-message br + br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 200;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  -webkit-animation: animate-loading 1s linear infinite;
  animation: animate-loading 1s linear infinite;
}

.contact .php-email-form .form-group {
  margin-bottom: 20px;
}

.contact .php-email-form label {
  padding-bottom: 8px;
}

.contact .php-email-form input, .contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
  color: #fff;
  background-color: #0f0f0f;
  border-radius: 4px;
}

.goal-planner{
  background-color: #fff;
  color: #0f0f0f;
 }

.goal-planner:focus{
  background-color: #fff;
  color: #0f0f0f;
}

.contact .php-email-form input:focus, .contact .php-email-form textarea:focus {
  border-color: #fff;
}

.contact .php-email-form input {
  height: 44px;
}

.contact .php-email-form textarea {
  padding: 10px 12px;
}

.contact .php-email-form button[type="submit"] {
  border-color: #fff;
  background: #0f0f0f;
  padding: 12px 34px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
}

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

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 15px 0;
  background: #f3f5fa;
  min-height: 40px;
  margin-top: 72px;
}

 .blogborder{
      border-bottom:1px solid red;
      display: flex;
      justify-content: space-between;
      padding-bottom: 18px;
    }
@media (max-width: 992px) {
     .blogborder{
       display: block;
     }
  .services .icon-box{
    padding: 0;
  }
  .services .icon-box img {
      aspect-ratio: 3/1;
    object-fit: scale-down;
  }
  .services .icon-box h4 {
  font-size: 16px;
  }
}

.breadcrumbs h2 {
  font-size: 28px;
  font-weight: 200;
  color: #37517e;
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0 0 10px 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li + li {
  padding-left: 10px;
}

.breadcrumbs ol li + li::before {
  display: inline-block;
  padding-right: 10px;
  color: #4668a2;
  content: "/";
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  font-size: 14px;
  background: #fff;
  border-top: 1px solid #b4b4b4;
  color: #000;
}

#footer .footer-newsletter {
  padding: 50px 0;
  background: #f3f5fa;
  text-align: center;
  font-size: 15px;
  color: #000;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 200;
  color: #000;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  text-align: left;
}

#footer .footer-newsletter form input[type="email"] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type="submit"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #fff;
  color: #fff;
  transition: 0.3s;
  border-radius: 50px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type="submit"]:hover {
  background: #209dd8;
}

#footer .footer-top {
  padding: 60px 0 30px 0;
  background: #fff;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 28px;
  margin: 0 0 10px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  text-transform: uppercase;
  font-weight: 200;
  color: #000;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;
  text-align: left;
  color: #000;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: 200;
  color: #000;
  position: relative;
  padding-bottom: 12px;
}
#footer .footer-top a {
  color: #000;
}

#footer .footer-top .footer-links {
  margin-bottom: 30px;
}

#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #fff;
  font-size: 18px;
  line-height: 1;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #000;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #000;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #fff;
  color: #000;

  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 50%;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: white;
  color: #000;
  text-decoration: none;
}

#footer .footer-bottom {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #0f0f0f;
}

#footer .copyright {
  float: left;
}
#footer .copyright span {
color: #000;}

#footer .credits {
  float: right;
  padding-left: .5rem;
  font-size: 13px;
}

#footer .credits a {
  transition: 0.3s;
}

@media (max-width: 768px) {
  #footer .footer-bottom {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  #footer .copyright, #footer .credits {
    text-align: center;
    float: none;
  }
  #footer .credits {
    padding-top: 4px;
  }
}

 section.section1 .container .inner-wrap .block h2 {
   text-align: center;
   font-weight: 200;
   letter-spacing: 0.7px;
   color: #fff;
   opacity: 1;
   font-size: 35px;
   line-height: 54px;
   padding-bottom: 56px;
  }

  .about1 {
    border-color: #fff;
    font-weight: 200;
  background: #0f0f0f;
  padding: 12px 34px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
  border: 1px solid;
    width: auto;
}
  .disclosuresbtn {
    border-color: #fff;
    font-weight: 200;
  background: #fff;
  padding: 8px 20px;
  color: #0f0f0f;
  display: block;
  margin: 12px;
  font-size: 12px;
  transition: 0.4s;
  border-radius: 50px;
  border: 1px solid;
    width: auto;
}
  .about3 {
    border-color: #fff;
    font-weight: 200;
  background: #fff;
  padding: 12px 34px;
  color: #000;
  transition: 0.4s;
  border-radius: 50px;
  border: 1px solid;
    width: auto;
}
  .about2 {
    border-color: #fff;
    font-weight: 200;
  background: red;
  padding: 12px 34px;
  color: #fff;
  transition: 0.4s;
  border-radius: 50px;
  border: 1px solid;
  width: auto;
}
.about2:hover, .about1:hover, .disclosuresbtn:hover{
  background: red;
  color: #fff;
}

.comparitive{
  font-size: 22px;
}
.newdate{
  font-size: 14px;
    line-height: 34px;
    letter-spacing: 0.28px;
    color: goldenrod;
    opacity: 0.6;
    padding-right: 7px;
}

.portfolio-isotope .portfolio-flters {
  padding: 0;
  margin: 0 auto 50px auto;
  text-align: center;
  list-style: none;
  display: flex;
  left: auto;
  justify-content: center;
}

.portfolio-isotope .portfolio-flters li {
  cursor: pointer;
  padding: 0;
  font-size: 18px;
  font-weight: 200;
  margin: 0 30px;
  line-height: 1;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
  border: 1px solid black;
  padding: 16px;
  border-radius: 25px;
}
.portfolio-isotope .portfolio-flters .filter-active {
background-color: #252525;
color: #fafafa;
}

@media (max-width: 575px) {
  .portfolio-isotope .portfolio-flters li {
    font-size: 18px;
    margin: 0 5px;
    border: 1px solid black;
    padding: 14px;
    border-radius: 25px;
  }
}

.nav-fill .nav-item, .nav-fill>.nav-link {
  flex: none;
  /* text-align: center; */
}
.nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link{
      /* width: 100%; */
      line-height: 1.5;
      border-color: #fff;
      font-weight: 200;
      margin: 0 17px 0 0;
      background: #0f0f0f;
      padding: 12px 34px;
      text-align: center;
      color: #fff;
      transition: 0.4s;
      border-radius: 50px;
      border: 1px solid;
      width: auto;
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
background-color: red;
}
ol li{
  margin-bottom: 25px;
}
ol li::after{
  content: "";
  background: white;
  width: 35rem;
  position: absolute;
  height: 1px;
  margin: 12px -8px;
  display: block;
  }
  
header {
  width: 100%;
  background: #fff;
  position: fixed;
  top: -60px;
}

.logo {
  height: 500px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  z-index: 1000;
}
      .hero-img{
        width: -webkit-fill-available;
        background-color: #fff;
      }
  #Layer_1{
    background-color: #fff;
    margin-left: -10px;
    margin-top: -40px;
    width: -webkit-fill-available;
  }
  .hero-ig{
    height: 65vh; 
    background-color: #fff;
  }
      .line1, .line2, .line3, .line4
    {
      stroke-dasharray:2300;
      stroke-dashoffset:2300;
      animation: dash 8s linear forwards;
    }
    
    @keyframes dash {
      to {
        stroke-dashoffset: 100;
      }
    }
    ul li .num p{
      font-family: "Baskerville-Regular";
      color: #000000;
      font-size: 35px;
      line-height: 45px;
    }
     .aboutper{
          font-size: 60px;
          line-height: 1.2;
          color: #000000;
         }
         #more {display: block;}
         #myBtn{
          display: none;
         }
         #myBtne{
          display: none;
         }
         
      .circle{
        position: absolute;
        border-radius: 50%;
        background: white;
        z-index: -10;
        animation: ripple 15s infinite;
        box-shadow: 0px 0px 1px 0px #508fb9;
      }

      .small{
        z-index: -10;
        width: 200px;
        height: 200px;
        left: -100px;
        bottom: -100px;
      }

      .medium{
        z-index: -10;
        width: 400px;
        height: 400px;
        left: -200px;
        bottom: -200px;
      }

      .large{
        z-index: -10;
        width: 600px;
        height: 600px;
        left: -300px;
        bottom: -300px;
      }

      .xlarge{
        z-index: -10;
        width: 800px;
        height: 800px;
        left: -400px;
        bottom: -400px;
      }

      .xxlarge{
        z-index: -10;
        width: 1000px;
        height: 1000px;
        left: -500px;
        bottom: -500px;
      }

      .shade1{
        opacity: 0.2;
      }
      .shade2{
        opacity: 0.5;
      }

      .shade3{
        opacity: 0.7;
      }

      .shade4{
        opacity: 0.8;
      }

      .shade5{
        opacity: 0.9;
      }

      @keyframes ripple{
        0%{
          transform: scale(0.8);
        }
        
        50%{
          transform: scale(1.2);
        }
        
        100%{
          transform: scale(0.8);
        }
      }

      select{
        border: none;
      padding: 0px;
      color: goldenrod;
      font-weight: bold;
      font-size: 16px !important;
      line-height: 2;
      }
      label{
        display: -webkit-inline-box;
      }
        .padsers{
          height: 80vh;
          display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0.5rem 0;
        } 
        
.testimonial-item {
  color: #fff;
  width: fit-content;
  text-align: center;
  margin: auto 4rem;
  border-radius: 25px;
  border: 1px solid;
    box-shadow: 0 0 30px #0f0f0f;
  }
  .about-padding{
    padding: 0 8.5rem;
  }
  .text-about{
    text-align: end;
    padding: 0 0 0 28px;
  }
  .flexaboutw{
    align-items: end;
  }
  .justifystart{
    justify-content: space-evenly;
  }
  .enquiry{
    display: none;
  }
  @media (max-width: 1024.98px) {

    .logo {
      height: 400px;
      }
      }
  @media (max-width: 991.98px) {
    .disclosuresbtn {
      border-color: #fff;
      font-weight: 200;
    background: #fff;
    padding: 8px 20px;
    color: #0f0f0f;
    display: block;
    margin: 9px 3px;
    font-size: 12px;
    transition: 0.4s;
    border-radius: 50px;
    border: 1px solid;
      width: auto;
  }
    .enquiry{
      display: block;
    }
     .contact .info{
      border-bottom: 0;
    }
    .justifystart{
      justify-content: space-around;
      padding-left: 0;
    }
    .padsers{
      height: max-content;
      display: flex;
flex-direction: column;
justify-content: center;
padding: 2rem 0;
    } 
    .marginabout{
      margin: 0 0.5rem;
    }
    .flexabout{
      flex-direction: column;
    }
    .flexaboutw{
      margin-top: 2rem;
      flex-direction: column;
      align-items: start;
    }
    .text-about{
      padding: 0.5rem;
      text-align: start;
    }
    .abouthead{
      font-size: 3rem;
    }
           .about-padding{
             padding: 1rem;
           }
           .about-padding p{
             padding: 1rem 0;
           }
   
        .testimonial-item {
          margin: auto;
          }
          .appoint{
            flex-direction: column;
          }
          .logo {
            height: 300px;
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate3d(-50%, -50%, 0);
            z-index: 1000;
          }
          #dreamresult{
            padding: 0;
          }
          .form-control{
            width: 100%;
            line-height: 2;
          }
          .circle{
            position: absolute;
            border-radius: 50%;
            background: white;
            z-index: -10;
            animation: ripple 15s infinite;
            box-shadow: 0px 0px 1px 0px #508fb9;
          }

          .large{
            z-index: -10;
            width: 482px;
            height: 515px;
            left: -300px;
            bottom: -300px;
          }

          .xlarge{
            z-index: -10;
              width: 655px;
              height: 680px;
              left: -400px;
              bottom: -400px;
          }

          .xxlarge{
          display: none;
          }

          .dreamhouse1, .dreamhouse2, .dreamhouse3, .dreamhouse4{
            flex-direction: column;
          }
          ol li::after{
            width: 16rem;
          }
           #more {display: none;}
           #moree {display: none;}
           #myBtn{
            display: block;
            background: transparent;
            color: #fff;
            border: 1px solid;
           }
           #myBtne{
            display: block;
            background: transparent;
            color: #fff;
            border: 1px solid;
           }
           #blackbtn{
            display: block;
            background: transparent;
            color: #000;
            border: 1px solid;
           }
           
           #services h1 {
            font-size: 42px;}
           .padser{
            padding: 5rem 0 0 0;
           }
      ul li .num p{
        font-family: "Baskerville-Regular";
        color: #000000;
        font-size: 30px;
        line-height: 45px;
      }
       .aboutper{
             font-family: "Baskerville-Regular";
            font-size: 40px;
            line-height: 1.2;
            color: #000000;
           }
      .nav-fill{
        position:relative;
        z-index: 100;
        margin-top: 0rem;
        padding-left: 2rem;
      }
      #Layer_1{
        background-color: #fff;
        margin-left: -10px;
        margin-top: 0px;
        width: -webkit-fill-available;
      } 
      .hero-ig{
        height: 90vh;
        background-color: #fff;
      }
      section{
        padding: 3rem 0;
      }
      
      section.section1 .container .inner-wrap .block h2 {
        font-size: 24px;
        line-height: 30px;
      }
      .sipcalhome{
        margin-bottom: 2rem;
      }
     }
      ul li .num span{
      padding-right: 20px;
      color: #000000;
      font-size: 20px;
      line-height: 29px;
      opacity: 0.4;
      }
      .fixed-top{
        top: 40%;
      }
     
    .calcula{
      border: 1px solid #868686;
      padding: 10px 10px;
      margin: 10px 0px;
      border-radius: 25px;
    }
    .js-menu-toggle{
      color: #000;
    }
    .vv{
      color: #fff;
    }
    .sdsa {
      height: 100vh;
      background: radial-gradient(ellipse at bottom, #ffffff 0%, #ffffff 100%);
      overflow: hidden;
    }
    
    #stars {
      width: 1px;
      height: 1px;
      background: transparent;
      box-shadow: 1084px 1040px red , 1236px 98px red , 337px 937px red , 1759px 1737px red , 1046px 1145px red , 1142px 1321px red , 524px 1294px red , 464px 1224px red , 715px 1674px red , 1437px 1983px red , 995px 924px red , 1700px 39px red , 209px 1224px red , 1144px 1267px red , 1544px 1711px red , 1364px 1861px red , 1844px 1762px red , 1727px 1983px red , 1296px 249px red , 153px 1224px red , 1867px 1384px red , 627px 942px red , 1303px 1927px red , 1454px 1925px red , 1021px 1225px red , 1558px 1124px red , 459px 1651px red , 1182px 73px red , 1302px 688px red , 899px 1306px red , 1002px 290px red , 1285px 1482px red , 834px 843px red , 1545px 1094px red , 669px 469px red , 335px 318px red , 1669px 1256px red , 1389px 133px red , 1265px 1420px red , 1186px 1308px red , 1329px 1640px red , 214px 421px red , 232px 1733px red , 1819px 963px red , 796px 746px red , 1214px 818px red , 1605px 311px red , 424px 1355px red , 1823px 168px red , 1782px 1966px red , 1969px 1744px red , 511px 340px red , 827px 367px red , 1118px 25px red , 1945px 1223px red , 1694px 778px red , 787px 427px red , 1245px 741px red , 1667px 339px red , 1189px 192px red , 380px 514px red , 1554px 408px red , 728px 1906px red , 789px 1825px red , 984px 307px red , 1036px 443px red , 757px 965px red , 1772px 1673px red , 392px 269px red , 1416px 1688px red , 287px 952px red , 854px 747px red , 1955px 1754px red , 1243px 262px red , 1227px 1834px red , 241px 1822px red , 243px 1143px red , 690px 357px red , 625px 475px red , 319px 688px red , 1629px 1372px red , 411px 1627px red , 45px 1825px red , 1298px 569px red , 1942px 1138px red , 1592px 1890px red , 878px 794px red , 92px 168px red , 1344px 889px red , 1320px 514px red , 1565px 1963px red , 850px 596px red , 709px 1721px red , 259px 1739px red , 1632px 893px red , 1035px 281px red , 1046px 776px red , 1957px 1779px red , 693px 1959px red , 1164px 375px red , 322px 279px red , 107px 1522px red , 736px 1985px red , 1860px 1805px red , 254px 684px red , 375px 426px red , 1762px 121px red , 1660px 1073px red , 1127px 1734px red , 195px 381px red , 175px 1275px red , 589px 147px red , 1785px 276px red , 1365px 1531px red , 1422px 1664px red , 1970px 1182px red , 1373px 1552px red , 897px 16px red , 1342px 1577px red , 234px 1211px red , 1905px 1762px red , 819px 995px red , 237px 874px red , 855px 1279px red , 714px 1220px red , 729px 715px red , 711px 1591px red , 1602px 1597px red , 587px 1672px red , 1262px 505px red , 284px 1855px red , 453px 292px red , 1108px 995px red , 1707px 1064px red , 1769px 1665px red , 1898px 611px red , 1904px 819px red , 1158px 453px red , 1084px 853px red , 44px 1538px red , 503px 1979px red , 1248px 930px red , 194px 1101px red , 558px 624px red , 1092px 214px red , 1904px 575px red , 733px 486px red , 294px 966px red , 1495px 1381px red , 1298px 1681px red , 6px 1666px red , 735px 1483px red , 1107px 1645px red , 581px 2000px red , 98px 556px red , 1159px 1226px red , 1104px 1321px red , 1162px 1342px red , 911px 1322px red , 20px 49px red , 1908px 1613px red , 1764px 627px red , 1373px 1527px red , 1524px 1693px red , 1380px 794px red , 15px 1471px red , 1159px 1709px red , 1525px 1703px red , 472px 601px red , 1793px 1217px red , 1823px 1992px red , 1972px 1729px red , 500px 1371px red , 450px 408px red , 1797px 1723px red , 522px 1815px red , 1318px 1823px red , 840px 915px red , 319px 345px red , 1431px 1257px red , 1156px 251px red , 1452px 877px red , 1706px 1054px red , 1722px 1458px red , 1078px 318px red , 1070px 109px red , 1823px 1439px red , 363px 404px red , 755px 1420px red , 927px 836px red , 179px 298px red , 1260px 1675px red , 1885px 1184px red , 192px 493px red , 600px 268px red , 315px 337px red , 510px 1194px red , 592px 766px red , 459px 655px red , 818px 932px red , 1550px 620px red , 933px 1030px red , 1220px 762px red , 1997px 1570px red , 694px 1408px red , 830px 1302px red , 1091px 323px red , 1804px 688px red , 1929px 680px red , 511px 1312px red , 28px 1866px red , 1601px 1458px red , 520px 293px red , 147px 127px red , 1217px 1059px red , 1448px 597px red , 660px 1049px red , 292px 1079px red , 869px 1420px red , 149px 1428px red , 1788px 981px red , 1398px 1865px red , 669px 723px red , 1637px 327px red , 1344px 1206px red , 1166px 562px red , 994px 82px red , 201px 769px red , 42px 784px red , 895px 1601px red , 1828px 1271px red , 806px 650px red , 1493px 409px red , 1780px 1217px red , 442px 19px red , 556px 1121px red , 227px 807px red , 1388px 1313px red , 833px 1403px red , 1974px 1280px red , 1444px 1768px red , 1784px 1765px red , 612px 413px red , 640px 1985px red , 1960px 1891px red , 1476px 201px red , 1184px 5px red , 1355px 1907px red , 209px 203px red , 1655px 409px red , 1822px 44px red , 1542px 1819px red , 894px 1515px red , 1062px 647px red , 1988px 1532px red , 1707px 1487px red , 606px 1316px red , 673px 1353px red , 1641px 1364px red , 1716px 1292px red , 431px 19px red , 1512px 1163px red , 42px 1171px red , 1175px 1646px red , 1550px 1314px red , 194px 892px red , 1674px 492px red , 1027px 1408px red , 442px 1300px red , 1910px 1382px red , 1290px 1195px red , 54px 796px red , 1285px 694px red , 1397px 629px red , 1690px 912px red , 268px 761px red , 1955px 1201px red , 901px 99px red , 91px 502px red , 1537px 1703px red , 176px 1948px red , 395px 485px red , 1970px 1203px red , 1973px 1485px red , 483px 614px red , 979px 1750px red , 812px 111px red , 1333px 1349px red , 1912px 1417px red , 83px 386px red , 408px 416px red , 819px 321px red , 686px 498px red , 513px 628px red , 830px 467px red , 521px 1209px red , 1038px 1971px red , 973px 1725px red , 607px 1403px red , 1719px 458px red , 200px 1365px red , 1930px 1664px red , 1066px 395px red , 1788px 649px red , 326px 207px red , 154px 742px red , 1629px 550px red , 1545px 638px red , 1549px 878px red , 1141px 1842px red , 1960px 68px red , 184px 95px red , 1062px 820px red , 622px 1056px red , 287px 1850px red , 924px 1414px red , 1700px 955px red , 1752px 786px red , 1447px 1293px red , 191px 1164px red , 171px 363px red , 1240px 1491px red , 836px 1605px red , 1820px 489px red , 1424px 1493px red , 375px 428px red , 985px 1944px red , 111px 1386px red , 562px 1878px red , 1479px 142px red , 1312px 536px red , 960px 879px red , 492px 196px red , 1019px 789px red , 900px 1982px red , 933px 1573px red , 755px 78px red , 1165px 1129px red , 478px 1903px red , 1918px 162px red , 1910px 854px red , 1567px 364px red , 401px 1898px red , 1996px 1476px red , 1805px 115px red , 325px 1843px red , 1368px 247px red , 306px 946px red , 1414px 384px red , 1659px 1232px red , 447px 635px red , 180px 855px red , 1573px 1759px red , 1487px 1598px red , 736px 299px red , 1789px 1235px red , 329px 128px red , 968px 411px red , 1634px 202px red , 1437px 34px red , 562px 1729px red , 1695px 866px red , 86px 1900px red , 1344px 1822px red , 312px 412px red , 554px 837px red , 542px 1557px red , 627px 53px red , 1236px 1933px red , 636px 1320px red , 1066px 230px red , 734px 571px red , 1660px 1925px red , 231px 1566px red , 1496px 1362px red , 906px 286px red , 830px 1565px red , 1417px 1001px red , 759px 1916px red , 648px 1198px red , 918px 675px red , 670px 1838px red , 1718px 995px red , 644px 1130px red , 429px 1181px red , 861px 1914px red , 320px 1970px red , 1275px 1618px red , 1921px 245px red , 1594px 1786px red , 673px 237px red , 1475px 234px red , 811px 391px red , 748px 505px red , 172px 71px red , 53px 667px red , 144px 467px red , 950px 477px red , 731px 503px red , 1054px 364px red , 242px 1079px red , 1100px 105px red , 521px 1919px red , 69px 1143px red , 735px 1363px red , 1145px 565px red , 208px 1941px red , 753px 511px red , 1159px 470px red , 1012px 1356px red , 1732px 382px red , 1349px 1451px red , 192px 580px red , 949px 1017px red , 178px 1002px red , 281px 1640px red , 886px 919px red , 614px 1528px red , 1914px 1314px red , 1611px 859px red , 498px 1717px red , 1108px 1495px red , 1881px 509px red , 512px 1066px red , 298px 446px red , 1291px 1140px red , 120px 1093px red , 295px 1657px red , 2000px 1308px red , 1822px 1079px red , 1413px 1727px red , 1231px 1322px red , 784px 1234px red , 1481px 565px red , 110px 422px red , 266px 648px red , 1335px 1162px red , 514px 261px red , 402px 1376px red , 1836px 245px red , 661px 1750px red , 657px 1701px red , 536px 1522px red , 348px 1305px red , 695px 847px red , 1947px 1736px red , 1541px 1614px red , 616px 897px red , 1015px 941px red , 48px 797px red , 45px 1158px red , 452px 1649px red , 732px 995px red , 1400px 1895px red , 1177px 741px red , 1807px 1940px red , 1713px 1342px red , 154px 231px red , 1804px 1752px red , 1622px 910px red , 671px 662px red , 1584px 1185px red , 586px 151px red , 1318px 298px red , 1867px 119px red , 259px 766px red , 976px 1478px red , 1052px 128px red , 1348px 30px red , 1195px 39px red , 1481px 409px red , 1003px 1013px red , 1105px 1646px red , 89px 1953px red , 1782px 1214px red , 403px 68px red , 288px 515px red , 11px 194px red , 1605px 1898px red , 1348px 1640px red , 857px 84px red , 1409px 249px red , 714px 665px red , 49px 79px red , 1739px 1953px red , 1284px 579px red , 1233px 1623px red , 100px 226px red , 1519px 683px red , 128px 222px red , 1094px 442px red , 1272px 1501px red , 1426px 1724px red , 1712px 1743px red , 28px 1695px red , 1190px 920px red , 237px 282px red , 1588px 17px red , 1960px 80px red , 1886px 1558px red , 591px 733px red , 1447px 822px red , 953px 1264px red , 489px 1747px red , 178px 1060px red , 146px 1199px red , 1923px 1741px red , 139px 915px red , 489px 378px red , 1873px 1015px red , 318px 633px red , 194px 1418px red , 1741px 579px red , 1843px 956px red , 298px 1881px red , 503px 1217px red , 578px 443px red , 422px 208px red , 1108px 1209px red , 1412px 1579px red , 695px 1919px red , 1568px 456px red , 416px 906px red , 575px 723px red , 830px 1171px red , 1769px 1689px red , 1817px 925px red , 1465px 1522px red , 1847px 154px red , 1063px 942px red , 1724px 1893px red , 1721px 1491px red , 246px 907px red , 1556px 1697px red , 420px 951px red , 361px 1459px red , 427px 209px red , 1709px 486px red , 983px 809px red , 309px 383px red , 24px 1367px red , 524px 920px red , 1220px 699px red , 1353px 1397px red , 888px 1397px red , 551px 24px red , 1584px 982px red , 751px 128px red , 1779px 1852px red , 33px 322px red , 1575px 1281px red , 1645px 171px red , 1385px 484px red , 353px 1268px red , 660px 456px red , 728px 1974px red , 980px 81px red , 1054px 1528px red , 613px 1919px red , 1032px 1586px red , 1200px 132px red , 842px 917px red , 1575px 1994px red , 1514px 1090px red , 1197px 1227px red , 1420px 1989px red , 1485px 1460px red , 1264px 1851px red , 1893px 1521px red , 1820px 973px red , 1030px 54px red , 1084px 1823px red , 548px 1924px red , 1430px 348px red , 520px 464px red , 1982px 496px red , 1149px 77px red , 948px 1334px red , 1316px 526px red , 114px 1675px red , 871px 1993px red , 1852px 40px red , 1252px 267px red , 561px 1213px red , 218px 951px red , 856px 987px red , 1441px 1658px red , 1845px 1737px red , 1941px 700px red , 1391px 1438px red , 529px 154px red , 1150px 1369px red , 1484px 571px red , 246px 869px red , 1160px 116px red , 1839px 293px red , 877px 1483px red , 1930px 976px red , 1245px 1394px red , 1800px 953px red , 1339px 813px red , 850px 1532px red , 793px 1411px red , 1152px 1941px red , 656px 1879px red , 1837px 1157px red , 1709px 529px red , 1369px 116px red , 1469px 368px red , 894px 754px red , 629px 1925px red , 460px 1628px red , 664px 1979px red , 1336px 1277px red , 1543px 299px red , 623px 1148px red , 748px 429px red , 822px 1567px red , 1074px 1804px red , 1969px 44px red , 543px 1916px red , 360px 423px red , 1503px 44px red , 782px 521px red , 107px 1207px red , 1084px 1393px red , 1004px 1869px red , 1855px 1207px red , 989px 1972px red , 1686px 1263px red , 1022px 616px red , 605px 1869px red , 963px 35px red , 1021px 1441px red , 1912px 1748px red , 955px 1608px red , 700px 1274px red , 57px 1576px red , 725px 1880px red , 1195px 1729px red , 720px 1888px red , 670px 1208px red , 148px 1662px red , 693px 185px red , 114px 90px red , 627px 593px red , 868px 1897px red , 1049px 879px red , 1561px 488px red , 305px 354px red , 997px 1564px red , 1891px 664px red , 1595px 1047px red , 789px 1410px red , 615px 644px red , 404px 287px red , 1751px 365px red , 1810px 83px red , 1786px 401px red , 583px 1766px red , 1011px 364px red , 151px 1759px red , 338px 498px red , 666px 1394px red , 562px 811px red , 508px 144px red , 1805px 1468px red , 272px 104px red , 822px 629px red , 1234px 1632px red , 1174px 963px red , 1012px 1463px red , 850px 1780px red , 1243px 1357px red , 125px 1685px red , 1149px 52px red , 636px 1686px red , 1364px 439px red , 829px 370px red , 536px 1412px red , 690px 534px red , 335px 1918px red , 444px 1814px red , 1721px 1561px red , 1179px 1766px red , 1071px 1820px red , 1124px 1535px red , 1225px 934px red , 1742px 896px red , 1238px 1044px red , 290px 1931px red , 87px 1449px red , 283px 1600px red , 366px 1552px red , 1717px 1505px red , 1979px 797px red , 1918px 1761px red , 1770px 1345px red , 930px 1878px red , 1805px 1216px red;
      animation: animStar 50s linear infinite;
    }
    #stars:after {
      content: " ";
      position: absolute;
      top: 2000px;
      width: 1px;
      height: 1px;
      background: transparent;
      box-shadow: 1084px 1040px red , 1236px 98px red , 337px 937px red , 1759px 1737px red , 1046px 1145px red , 1142px 1321px red , 524px 1294px red , 464px 1224px red , 715px 1674px red , 1437px 1983px red , 995px 924px red , 1700px 39px red , 209px 1224px red , 1144px 1267px red , 1544px 1711px red , 1364px 1861px red , 1844px 1762px red , 1727px 1983px red , 1296px 249px red , 153px 1224px red , 1867px 1384px red , 627px 942px red , 1303px 1927px red , 1454px 1925px red , 1021px 1225px red , 1558px 1124px red , 459px 1651px red , 1182px 73px red , 1302px 688px red , 899px 1306px red , 1002px 290px red , 1285px 1482px red , 834px 843px red , 1545px 1094px red , 669px 469px red , 335px 318px red , 1669px 1256px red , 1389px 133px red , 1265px 1420px red , 1186px 1308px red , 1329px 1640px red , 214px 421px red , 232px 1733px red , 1819px 963px red , 796px 746px red , 1214px 818px red , 1605px 311px red , 424px 1355px red , 1823px 168px red , 1782px 1966px red , 1969px 1744px red , 511px 340px red , 827px 367px red , 1118px 25px red , 1945px 1223px red , 1694px 778px red , 787px 427px red , 1245px 741px red , 1667px 339px red , 1189px 192px red , 380px 514px red , 1554px 408px red , 728px 1906px red , 789px 1825px red , 984px 307px red , 1036px 443px red , 757px 965px red , 1772px 1673px red , 392px 269px red , 1416px 1688px red , 287px 952px red , 854px 747px red , 1955px 1754px red , 1243px 262px red , 1227px 1834px red , 241px 1822px red , 243px 1143px red , 690px 357px red , 625px 475px red , 319px 688px red , 1629px 1372px red , 411px 1627px red , 45px 1825px red , 1298px 569px red , 1942px 1138px red , 1592px 1890px red , 878px 794px red , 92px 168px red , 1344px 889px red , 1320px 514px red , 1565px 1963px red , 850px 596px red , 709px 1721px red , 259px 1739px red , 1632px 893px red , 1035px 281px red , 1046px 776px red , 1957px 1779px red , 693px 1959px red , 1164px 375px red , 322px 279px red , 107px 1522px red , 736px 1985px red , 1860px 1805px red , 254px 684px red , 375px 426px red , 1762px 121px red , 1660px 1073px red , 1127px 1734px red , 195px 381px red , 175px 1275px red , 589px 147px red , 1785px 276px red , 1365px 1531px red , 1422px 1664px red , 1970px 1182px red , 1373px 1552px red , 897px 16px red , 1342px 1577px red , 234px 1211px red , 1905px 1762px red , 819px 995px red , 237px 874px red , 855px 1279px red , 714px 1220px red , 729px 715px red , 711px 1591px red , 1602px 1597px red , 587px 1672px red , 1262px 505px red , 284px 1855px red , 453px 292px red , 1108px 995px red , 1707px 1064px red , 1769px 1665px red , 1898px 611px red , 1904px 819px red , 1158px 453px red , 1084px 853px red , 44px 1538px red , 503px 1979px red , 1248px 930px red , 194px 1101px red , 558px 624px red , 1092px 214px red , 1904px 575px red , 733px 486px red , 294px 966px red , 1495px 1381px red , 1298px 1681px red , 6px 1666px red , 735px 1483px red , 1107px 1645px red , 581px 2000px red , 98px 556px red , 1159px 1226px red , 1104px 1321px red , 1162px 1342px red , 911px 1322px red , 20px 49px red , 1908px 1613px red , 1764px 627px red , 1373px 1527px red , 1524px 1693px red , 1380px 794px red , 15px 1471px red , 1159px 1709px red , 1525px 1703px red , 472px 601px red , 1793px 1217px red , 1823px 1992px red , 1972px 1729px red , 500px 1371px red , 450px 408px red , 1797px 1723px red , 522px 1815px red , 1318px 1823px red , 840px 915px red , 319px 345px red , 1431px 1257px red , 1156px 251px red , 1452px 877px red , 1706px 1054px red , 1722px 1458px red , 1078px 318px red , 1070px 109px red , 1823px 1439px red , 363px 404px red , 755px 1420px red , 927px 836px red , 179px 298px red , 1260px 1675px red , 1885px 1184px red , 192px 493px red , 600px 268px red , 315px 337px red , 510px 1194px red , 592px 766px red , 459px 655px red , 818px 932px red , 1550px 620px red , 933px 1030px red , 1220px 762px red , 1997px 1570px red , 694px 1408px red , 830px 1302px red , 1091px 323px red , 1804px 688px red , 1929px 680px red , 511px 1312px red , 28px 1866px red , 1601px 1458px red , 520px 293px red , 147px 127px red , 1217px 1059px red , 1448px 597px red , 660px 1049px red , 292px 1079px red , 869px 1420px red , 149px 1428px red , 1788px 981px red , 1398px 1865px red , 669px 723px red , 1637px 327px red , 1344px 1206px red , 1166px 562px red , 994px 82px red , 201px 769px red , 42px 784px red , 895px 1601px red , 1828px 1271px red , 806px 650px red , 1493px 409px red , 1780px 1217px red , 442px 19px red , 556px 1121px red , 227px 807px red , 1388px 1313px red , 833px 1403px red , 1974px 1280px red , 1444px 1768px red , 1784px 1765px red , 612px 413px red , 640px 1985px red , 1960px 1891px red , 1476px 201px red , 1184px 5px red , 1355px 1907px red , 209px 203px red , 1655px 409px red , 1822px 44px red , 1542px 1819px red , 894px 1515px red , 1062px 647px red , 1988px 1532px red , 1707px 1487px red , 606px 1316px red , 673px 1353px red , 1641px 1364px red , 1716px 1292px red , 431px 19px red , 1512px 1163px red , 42px 1171px red , 1175px 1646px red , 1550px 1314px red , 194px 892px red , 1674px 492px red , 1027px 1408px red , 442px 1300px red , 1910px 1382px red , 1290px 1195px red , 54px 796px red , 1285px 694px red , 1397px 629px red , 1690px 912px red , 268px 761px red , 1955px 1201px red , 901px 99px red , 91px 502px red , 1537px 1703px red , 176px 1948px red , 395px 485px red , 1970px 1203px red , 1973px 1485px red , 483px 614px red , 979px 1750px red , 812px 111px red , 1333px 1349px red , 1912px 1417px red , 83px 386px red , 408px 416px red , 819px 321px red , 686px 498px red , 513px 628px red , 830px 467px red , 521px 1209px red , 1038px 1971px red , 973px 1725px red , 607px 1403px red , 1719px 458px red , 200px 1365px red , 1930px 1664px red , 1066px 395px red , 1788px 649px red , 326px 207px red , 154px 742px red , 1629px 550px red , 1545px 638px red , 1549px 878px red , 1141px 1842px red , 1960px 68px red , 184px 95px red , 1062px 820px red , 622px 1056px red , 287px 1850px red , 924px 1414px red , 1700px 955px red , 1752px 786px red , 1447px 1293px red , 191px 1164px red , 171px 363px red , 1240px 1491px red , 836px 1605px red , 1820px 489px red , 1424px 1493px red , 375px 428px red , 985px 1944px red , 111px 1386px red , 562px 1878px red , 1479px 142px red , 1312px 536px red , 960px 879px red , 492px 196px red , 1019px 789px red , 900px 1982px red , 933px 1573px red , 755px 78px red , 1165px 1129px red , 478px 1903px red , 1918px 162px red , 1910px 854px red , 1567px 364px red , 401px 1898px red , 1996px 1476px red , 1805px 115px red , 325px 1843px red , 1368px 247px red , 306px 946px red , 1414px 384px red , 1659px 1232px red , 447px 635px red , 180px 855px red , 1573px 1759px red , 1487px 1598px red , 736px 299px red , 1789px 1235px red , 329px 128px red , 968px 411px red , 1634px 202px red , 1437px 34px red , 562px 1729px red , 1695px 866px red , 86px 1900px red , 1344px 1822px red , 312px 412px red , 554px 837px red , 542px 1557px red , 627px 53px red , 1236px 1933px red , 636px 1320px red , 1066px 230px red , 734px 571px red , 1660px 1925px red , 231px 1566px red , 1496px 1362px red , 906px 286px red , 830px 1565px red , 1417px 1001px red , 759px 1916px red , 648px 1198px red , 918px 675px red , 670px 1838px red , 1718px 995px red , 644px 1130px red , 429px 1181px red , 861px 1914px red , 320px 1970px red , 1275px 1618px red , 1921px 245px red , 1594px 1786px red , 673px 237px red , 1475px 234px red , 811px 391px red , 748px 505px red , 172px 71px red , 53px 667px red , 144px 467px red , 950px 477px red , 731px 503px red , 1054px 364px red , 242px 1079px red , 1100px 105px red , 521px 1919px red , 69px 1143px red , 735px 1363px red , 1145px 565px red , 208px 1941px red , 753px 511px red , 1159px 470px red , 1012px 1356px red , 1732px 382px red , 1349px 1451px red , 192px 580px red , 949px 1017px red , 178px 1002px red , 281px 1640px red , 886px 919px red , 614px 1528px red , 1914px 1314px red , 1611px 859px red , 498px 1717px red , 1108px 1495px red , 1881px 509px red , 512px 1066px red , 298px 446px red , 1291px 1140px red , 120px 1093px red , 295px 1657px red , 2000px 1308px red , 1822px 1079px red , 1413px 1727px red , 1231px 1322px red , 784px 1234px red , 1481px 565px red , 110px 422px red , 266px 648px red , 1335px 1162px red , 514px 261px red , 402px 1376px red , 1836px 245px red , 661px 1750px red , 657px 1701px red , 536px 1522px red , 348px 1305px red , 695px 847px red , 1947px 1736px red , 1541px 1614px red , 616px 897px red , 1015px 941px red , 48px 797px red , 45px 1158px red , 452px 1649px red , 732px 995px red , 1400px 1895px red , 1177px 741px red , 1807px 1940px red , 1713px 1342px red , 154px 231px red , 1804px 1752px red , 1622px 910px red , 671px 662px red , 1584px 1185px red , 586px 151px red , 1318px 298px red , 1867px 119px red , 259px 766px red , 976px 1478px red , 1052px 128px red , 1348px 30px red , 1195px 39px red , 1481px 409px red , 1003px 1013px red , 1105px 1646px red , 89px 1953px red , 1782px 1214px red , 403px 68px red , 288px 515px red , 11px 194px red , 1605px 1898px red , 1348px 1640px red , 857px 84px red , 1409px 249px red , 714px 665px red , 49px 79px red , 1739px 1953px red , 1284px 579px red , 1233px 1623px red , 100px 226px red , 1519px 683px red , 128px 222px red , 1094px 442px red , 1272px 1501px red , 1426px 1724px red , 1712px 1743px red , 28px 1695px red , 1190px 920px red , 237px 282px red , 1588px 17px red , 1960px 80px red , 1886px 1558px red , 591px 733px red , 1447px 822px red , 953px 1264px red , 489px 1747px red , 178px 1060px red , 146px 1199px red , 1923px 1741px red , 139px 915px red , 489px 378px red , 1873px 1015px red , 318px 633px red , 194px 1418px red , 1741px 579px red , 1843px 956px red , 298px 1881px red , 503px 1217px red , 578px 443px red , 422px 208px red , 1108px 1209px red , 1412px 1579px red , 695px 1919px red , 1568px 456px red , 416px 906px red , 575px 723px red , 830px 1171px red , 1769px 1689px red , 1817px 925px red , 1465px 1522px red , 1847px 154px red , 1063px 942px red , 1724px 1893px red , 1721px 1491px red , 246px 907px red , 1556px 1697px red , 420px 951px red , 361px 1459px red , 427px 209px red , 1709px 486px red , 983px 809px red , 309px 383px red , 24px 1367px red , 524px 920px red , 1220px 699px red , 1353px 1397px red , 888px 1397px red , 551px 24px red , 1584px 982px red , 751px 128px red , 1779px 1852px red , 33px 322px red , 1575px 1281px red , 1645px 171px red , 1385px 484px red , 353px 1268px red , 660px 456px red , 728px 1974px red , 980px 81px red , 1054px 1528px red , 613px 1919px red , 1032px 1586px red , 1200px 132px red , 842px 917px red , 1575px 1994px red , 1514px 1090px red , 1197px 1227px red , 1420px 1989px red , 1485px 1460px red , 1264px 1851px red , 1893px 1521px red , 1820px 973px red , 1030px 54px red , 1084px 1823px red , 548px 1924px red , 1430px 348px red , 520px 464px red , 1982px 496px red , 1149px 77px red , 948px 1334px red , 1316px 526px red , 114px 1675px red , 871px 1993px red , 1852px 40px red , 1252px 267px red , 561px 1213px red , 218px 951px red , 856px 987px red , 1441px 1658px red , 1845px 1737px red , 1941px 700px red , 1391px 1438px red , 529px 154px red , 1150px 1369px red , 1484px 571px red , 246px 869px red , 1160px 116px red , 1839px 293px red , 877px 1483px red , 1930px 976px red , 1245px 1394px red , 1800px 953px red , 1339px 813px red , 850px 1532px red , 793px 1411px red , 1152px 1941px red , 656px 1879px red , 1837px 1157px red , 1709px 529px red , 1369px 116px red , 1469px 368px red , 894px 754px red , 629px 1925px red , 460px 1628px red , 664px 1979px red , 1336px 1277px red , 1543px 299px red , 623px 1148px red , 748px 429px red , 822px 1567px red , 1074px 1804px red , 1969px 44px red , 543px 1916px red , 360px 423px red , 1503px 44px red , 782px 521px red , 107px 1207px red , 1084px 1393px red , 1004px 1869px red , 1855px 1207px red , 989px 1972px red , 1686px 1263px red , 1022px 616px red , 605px 1869px red , 963px 35px red , 1021px 1441px red , 1912px 1748px red , 955px 1608px red , 700px 1274px red , 57px 1576px red , 725px 1880px red , 1195px 1729px red , 720px 1888px red , 670px 1208px red , 148px 1662px red , 693px 185px red , 114px 90px red , 627px 593px red , 868px 1897px red , 1049px 879px red , 1561px 488px red , 305px 354px red , 997px 1564px red , 1891px 664px red , 1595px 1047px red , 789px 1410px red , 615px 644px red , 404px 287px red , 1751px 365px red , 1810px 83px red , 1786px 401px red , 583px 1766px red , 1011px 364px red , 151px 1759px red , 338px 498px red , 666px 1394px red , 562px 811px red , 508px 144px red , 1805px 1468px red , 272px 104px red , 822px 629px red , 1234px 1632px red , 1174px 963px red , 1012px 1463px red , 850px 1780px red , 1243px 1357px red , 125px 1685px red , 1149px 52px red , 636px 1686px red , 1364px 439px red , 829px 370px red , 536px 1412px red , 690px 534px red , 335px 1918px red , 444px 1814px red , 1721px 1561px red , 1179px 1766px red , 1071px 1820px red , 1124px 1535px red , 1225px 934px red , 1742px 896px red , 1238px 1044px red , 290px 1931px red , 87px 1449px red , 283px 1600px red , 366px 1552px red , 1717px 1505px red , 1979px 797px red , 1918px 1761px red , 1770px 1345px red , 930px 1878px red , 1805px 1216px red;
    }
    
    #stars2 {
      width: 2px;
      height: 2px;
      background: transparent;
      box-shadow: 1634px 966px red , 883px 460px red , 1049px 214px red , 1331px 1310px red , 1165px 1081px red , 1470px 453px red , 1779px 1404px red , 820px 231px red , 595px 1664px red , 863px 1125px red , 1479px 1023px red , 744px 232px red , 1732px 1107px red , 430px 1298px red , 1726px 1947px red , 1299px 1672px red , 1442px 783px red , 1646px 887px red , 1313px 674px red , 730px 514px red , 880px 1132px red , 703px 1125px red , 1415px 758px red , 784px 50px red , 1465px 622px red , 252px 1749px red , 1324px 1425px red , 860px 1603px red , 635px 1300px red , 644px 1436px red , 849px 1346px red , 186px 983px red , 424px 674px red , 327px 393px red , 1868px 71px red , 1014px 325px red , 1967px 1911px red , 1999px 1901px red , 1690px 225px red , 445px 1746px red , 791px 829px red , 1888px 531px red , 1546px 611px red , 1771px 547px red , 1860px 763px red , 775px 415px red , 1377px 722px red , 348px 1858px red , 1353px 1990px red , 4px 161px red , 598px 454px red , 1243px 112px red , 483px 1577px red , 1813px 486px red , 376px 1527px red , 297px 779px red , 376px 1381px red , 227px 1200px red , 124px 155px red , 655px 1306px red , 1482px 765px red , 393px 1052px red , 1785px 1696px red , 332px 1729px red , 1803px 631px red , 1822px 837px red , 801px 225px red , 1938px 679px red , 57px 1156px red , 1326px 1027px red , 382px 1123px red , 520px 1546px red , 1934px 1133px red , 1245px 62px red , 2px 775px red , 1941px 99px red , 760px 998px red , 1062px 1695px red , 932px 1960px red , 587px 533px red , 1715px 969px red , 199px 1947px red , 1345px 661px red , 1536px 1807px red , 128px 1385px red , 61px 59px red , 188px 1208px red , 1573px 748px red , 223px 501px red , 130px 152px red , 1158px 244px red , 424px 571px red , 832px 1488px red , 1314px 557px red , 1351px 1940px red , 1720px 1912px red , 560px 1571px red , 1094px 1529px red , 655px 1060px red , 639px 1061px red , 548px 386px red , 1191px 1100px red , 1138px 250px red , 9px 347px red , 1881px 323px red , 1802px 1246px red , 1116px 526px red , 1359px 293px red , 1313px 1478px red , 791px 917px red , 1615px 20px red , 657px 523px red , 1617px 998px red , 1848px 1243px red , 1454px 377px red , 765px 1107px red , 1555px 586px red , 42px 463px red , 1761px 1648px red , 667px 1087px red , 1881px 1510px red , 739px 1209px red , 1819px 1089px red , 786px 1222px red , 753px 1472px red , 787px 587px red , 1892px 284px red , 80px 1912px red , 196px 1614px red , 1052px 571px red , 1739px 1352px red , 1657px 1202px red , 620px 1009px red , 851px 28px red , 14px 1700px red , 641px 1546px red , 1509px 418px red , 405px 540px red , 1716px 878px red , 771px 66px red , 585px 596px red , 1212px 835px red , 722px 1717px red , 945px 1487px red , 219px 169px red , 1191px 1177px red , 1974px 1176px red , 469px 1188px red , 510px 126px red , 1415px 822px red , 1885px 1788px red , 743px 655px red , 801px 20px red , 386px 1420px red , 311px 270px red , 1144px 626px red , 655px 1142px red , 1990px 450px red , 396px 1715px red , 1568px 1460px red , 629px 1286px red , 1814px 390px red , 1219px 1548px red , 1946px 1366px red , 1961px 1618px red , 910px 52px red , 1992px 268px red , 1934px 777px red , 632px 1329px red , 551px 143px red , 94px 1934px red , 316px 1608px red , 1879px 1336px red , 797px 1131px red , 555px 266px red , 652px 959px red , 992px 641px red , 242px 1778px red , 1717px 1602px red , 1215px 699px red , 1285px 235px red , 1287px 1253px red , 590px 1050px red , 1522px 352px red , 698px 19px red , 520px 747px red , 343px 1291px red , 1147px 1727px red , 1051px 1696px red , 1410px 1685px red , 1211px 1167px red , 524px 1012px red , 411px 1423px red , 1625px 646px red , 1090px 1570px red , 120px 437px red , 1852px 1688px red , 225px 846px red , 11px 226px red , 989px 806px red;
      animation: animStar 100s linear infinite;
    }
    #stars2:after {
      content: " ";
      position: absolute;
      top: 2000px;
      width: 2px;
      height: 2px;
      background: transparent;
      box-shadow: 1634px 966px red , 883px 460px red , 1049px 214px red , 1331px 1310px red , 1165px 1081px red , 1470px 453px red , 1779px 1404px red , 820px 231px red , 595px 1664px red , 863px 1125px red , 1479px 1023px red , 744px 232px red , 1732px 1107px red , 430px 1298px red , 1726px 1947px red , 1299px 1672px red , 1442px 783px red , 1646px 887px red , 1313px 674px red , 730px 514px red , 880px 1132px red , 703px 1125px red , 1415px 758px red , 784px 50px red , 1465px 622px red , 252px 1749px red , 1324px 1425px red , 860px 1603px red , 635px 1300px red , 644px 1436px red , 849px 1346px red , 186px 983px red , 424px 674px red , 327px 393px red , 1868px 71px red , 1014px 325px red , 1967px 1911px red , 1999px 1901px red , 1690px 225px red , 445px 1746px red , 791px 829px red , 1888px 531px red , 1546px 611px red , 1771px 547px red , 1860px 763px red , 775px 415px red , 1377px 722px red , 348px 1858px red , 1353px 1990px red , 4px 161px red , 598px 454px red , 1243px 112px red , 483px 1577px red , 1813px 486px red , 376px 1527px red , 297px 779px red , 376px 1381px red , 227px 1200px red , 124px 155px red , 655px 1306px red , 1482px 765px red , 393px 1052px red , 1785px 1696px red , 332px 1729px red , 1803px 631px red , 1822px 837px red , 801px 225px red , 1938px 679px red , 57px 1156px red , 1326px 1027px red , 382px 1123px red , 520px 1546px red , 1934px 1133px red , 1245px 62px red , 2px 775px red , 1941px 99px red , 760px 998px red , 1062px 1695px red , 932px 1960px red , 587px 533px red , 1715px 969px red , 199px 1947px red , 1345px 661px red , 1536px 1807px red , 128px 1385px red , 61px 59px red , 188px 1208px red , 1573px 748px red , 223px 501px red , 130px 152px red , 1158px 244px red , 424px 571px red , 832px 1488px red , 1314px 557px red , 1351px 1940px red , 1720px 1912px red , 560px 1571px red , 1094px 1529px red , 655px 1060px red , 639px 1061px red , 548px 386px red , 1191px 1100px red , 1138px 250px red , 9px 347px red , 1881px 323px red , 1802px 1246px red , 1116px 526px red , 1359px 293px red , 1313px 1478px red , 791px 917px red , 1615px 20px red , 657px 523px red , 1617px 998px red , 1848px 1243px red , 1454px 377px red , 765px 1107px red , 1555px 586px red , 42px 463px red , 1761px 1648px red , 667px 1087px red , 1881px 1510px red , 739px 1209px red , 1819px 1089px red , 786px 1222px red , 753px 1472px red , 787px 587px red , 1892px 284px red , 80px 1912px red , 196px 1614px red , 1052px 571px red , 1739px 1352px red , 1657px 1202px red , 620px 1009px red , 851px 28px red , 14px 1700px red , 641px 1546px red , 1509px 418px red , 405px 540px red , 1716px 878px red , 771px 66px red , 585px 596px red , 1212px 835px red , 722px 1717px red , 945px 1487px red , 219px 169px red , 1191px 1177px red , 1974px 1176px red , 469px 1188px red , 510px 126px red , 1415px 822px red , 1885px 1788px red , 743px 655px red , 801px 20px red , 386px 1420px red , 311px 270px red , 1144px 626px red , 655px 1142px red , 1990px 450px red , 396px 1715px red , 1568px 1460px red , 629px 1286px red , 1814px 390px red , 1219px 1548px red , 1946px 1366px red , 1961px 1618px red , 910px 52px red , 1992px 268px red , 1934px 777px red , 632px 1329px red , 551px 143px red , 94px 1934px red , 316px 1608px red , 1879px 1336px red , 797px 1131px red , 555px 266px red , 652px 959px red , 992px 641px red , 242px 1778px red , 1717px 1602px red , 1215px 699px red , 1285px 235px red , 1287px 1253px red , 590px 1050px red , 1522px 352px red , 698px 19px red , 520px 747px red , 343px 1291px red , 1147px 1727px red , 1051px 1696px red , 1410px 1685px red , 1211px 1167px red , 524px 1012px red , 411px 1423px red , 1625px 646px red , 1090px 1570px red , 120px 437px red , 1852px 1688px red , 225px 846px red , 11px 226px red , 989px 806px red;
    }
    
    #stars3 {
      width: 3px;
      height: 3px;
      background: transparent;
      box-shadow: 1413px 840px red , 263px 726px red , 1060px 671px red , 1225px 984px red , 485px 1819px red , 1147px 1191px red , 205px 167px red , 1346px 1794px red , 561px 1851px red , 534px 1068px red , 15px 977px red , 908px 1574px red , 673px 1070px red , 1824px 1288px red , 1416px 709px red , 64px 995px red , 1732px 581px red , 637px 520px red , 1893px 1821px red , 1414px 1884px red , 538px 965px red , 1499px 662px red , 1799px 322px red , 146px 1554px red , 850px 1749px red , 559px 1319px red , 927px 1038px red , 604px 518px red , 1322px 1300px red , 1358px 1431px red , 1992px 1137px red , 1826px 920px red , 291px 1275px red , 1750px 207px red , 1229px 821px red , 302px 807px red , 1375px 1979px red , 300px 958px red , 1857px 419px red , 1667px 863px red , 1308px 955px red , 841px 1320px red , 1007px 1369px red , 7px 1181px red , 1127px 559px red , 806px 566px red , 1009px 1250px red , 1760px 98px red , 376px 1550px red , 1114px 1111px red , 509px 1312px red , 1577px 986px red , 127px 578px red , 1994px 1130px red , 1472px 1270px red , 1517px 1983px red , 1382px 1963px red , 1324px 1249px red , 1953px 1757px red , 543px 1319px red , 894px 1768px red , 482px 882px red , 906px 1573px red , 179px 723px red , 898px 1145px red , 1036px 877px red , 21px 1295px red , 1448px 689px red , 1507px 328px red , 1865px 1692px red , 272px 804px red , 1995px 1811px red , 1862px 1250px red , 669px 35px red , 867px 1328px red , 531px 1227px red , 1462px 1262px red , 1772px 262px red , 522px 949px red , 1779px 1179px red , 1034px 639px red , 557px 1271px red , 1853px 1529px red , 567px 1721px red , 83px 1896px red , 2px 1666px red , 556px 986px red , 522px 1285px red , 1551px 1775px red , 833px 1015px red , 111px 1974px red , 1270px 1064px red , 1451px 901px red , 396px 754px red , 668px 1780px red , 650px 1847px red , 297px 1708px red , 338px 1547px red , 994px 4px red , 1638px 963px red;
      animation: animStar 150s linear infinite;
    }
    #stars3:after {
      content: " ";
      position: absolute;
      top: 2000px;
      width: 3px;
      height: 3px;
      background: transparent;
      box-shadow: 1413px 840px red , 263px 726px red , 1060px 671px red , 1225px 984px red , 485px 1819px red , 1147px 1191px red , 205px 167px red , 1346px 1794px red , 561px 1851px red , 534px 1068px red , 15px 977px red , 908px 1574px red , 673px 1070px red , 1824px 1288px red , 1416px 709px red , 64px 995px red , 1732px 581px red , 637px 520px red , 1893px 1821px red , 1414px 1884px red , 538px 965px red , 1499px 662px red , 1799px 322px red , 146px 1554px red , 850px 1749px red , 559px 1319px red , 927px 1038px red , 604px 518px red , 1322px 1300px red , 1358px 1431px red , 1992px 1137px red , 1826px 920px red , 291px 1275px red , 1750px 207px red , 1229px 821px red , 302px 807px red , 1375px 1979px red , 300px 958px red , 1857px 419px red , 1667px 863px red , 1308px 955px red , 841px 1320px red , 1007px 1369px red , 7px 1181px red , 1127px 559px red , 806px 566px red , 1009px 1250px red , 1760px 98px red , 376px 1550px red , 1114px 1111px red , 509px 1312px red , 1577px 986px red , 127px 578px red , 1994px 1130px red , 1472px 1270px red , 1517px 1983px red , 1382px 1963px red , 1324px 1249px red , 1953px 1757px red , 543px 1319px red , 894px 1768px red , 482px 882px red , 906px 1573px red , 179px 723px red , 898px 1145px red , 1036px 877px red , 21px 1295px red , 1448px 689px red , 1507px 328px red , 1865px 1692px red , 272px 804px red , 1995px 1811px red , 1862px 1250px red , 669px 35px red , 867px 1328px red , 531px 1227px red , 1462px 1262px red , 1772px 262px red , 522px 949px red , 1779px 1179px red , 1034px 639px red , 557px 1271px red , 1853px 1529px red , 567px 1721px red , 83px 1896px red , 2px 1666px red , 556px 986px red , 522px 1285px red , 1551px 1775px red , 833px 1015px red , 111px 1974px red , 1270px 1064px red , 1451px 901px red , 396px 754px red , 668px 1780px red , 650px 1847px red , 297px 1708px red , 338px 1547px red , 994px 4px red , 1638px 963px red;
    }
    
    #shadow-host-companion{
      display: none;
    }
    
    .fab-cotainer {
           position: fixed;
    bottom: 10px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
    text-align: center;
    z-index: 1001;
    }
    
    .fab-cotainer a{
      text-decoration: none;
      color:#000;
    }
    .fab-cotainer a:hover{
      text-decoration: none;
      color:#000;
    }

    .fab-btn {
         width: fit-content;
    border-radius: 25px;
    border: none;
    color: white;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
    outline: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    }

    .fab-main {
      background: white;
      color: black;
      border: 1px solid;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
.callwhatsapp{
     display: flex;
      align-items: center;
      justify-content: center;
}
.fab-action{
        width: -webkit-fill-available;
    border-radius: 25px;
    background: white;
    color: black;
    border: 1px solid;
    margin: 0 3px;
    font-size: 20px;
}

.blogimage{
        height: 250px;
    width: -webkit-fill-available;
}
  @media (max-width: 991.98px) {
  
.blogimage{
        height: auto;
}
   
    .fab-cotainer {
           position: fixed;
    bottom: 15px;
    right: 5px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 3px;
    text-align: center;
    z-index: 1001;
    }
    
    .fab-cotainer a{
      text-decoration: none;
      color:#000;
    }
    .fab-cotainer a:hover{
      text-decoration: none;
      color:#000;
    }

    .fab-btn {
         width: fit-content;
    border-radius: 25px;
    border: none;
    color: white;
    padding: 4px;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    transition: transform 0.3s ease, opacity 0.3s ease;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    }

    .fab-main {
      background: white;
      color: black;
      border: 1px solid;
      font-size: 12px;
      display: flex;
      align-items: center;
      justify-content: center;
    }
.callwhatsapp{
     display: flex;
      align-items: center;
      justify-content: center;
}
.fab-action{
        width: -webkit-fill-available;
    border-radius: 25px;
    background: white;
    color: black;
    border: 1px solid;
    margin: 0 1px;
    font-size: 16px;
} 
  }
  
    /* Modal styles */
    #thankYouModal {
      display: none;
      position: fixed;
      z-index: 9999;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgba(0,0,0,0.5);
    }

    #thankYouModalContent {
      background-color: #000000;
      color: #fff;
      margin: 15% auto;
      padding: 30px;
      border-radius: 25px;
      border: 1px solid;
      width: 300px;
      text-align: center;
    }

    .close-modal {
      margin-top: 15px;
      padding: 4px 10px;
      background-color: red;
      color: white;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .close-modal:hover {
      background-color: #ff4444;
    }