@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");

body {
  font-family: "Poppins", serif;
  color: #4e4e4e;
  background-color: #fff;
  font-size: 16px;
}

:root {
  --var-main-color: #f99f36;
  --light-color: #1d232a;
  --dark-color: #ffffffff;
  --white-color: #000000;
  --gradient-btn-color: linear-gradient(to right, #f99f36 0%, #f99f36 50%);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.3;
  font-family: "Poppins", sans-serif;
}

p {
  line-height: 1.6;
  font-size: 14px !important;
}

a {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  text-decoration: none;
}

img {
  max-width: 100%;
}

.order-history {
  max-width: 50% !important;
}

.order-history-details {
  background-color: transparent !important;
}

.d-table {
  width: 100%;
  height: 100%;
}

.d-table-cell {
  vertical-align: middle;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.pt-100 {
  padding-top: 100px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pb-100 {
  padding-bottom: 100px;
}

button:focus {
  outline: 0;
}

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

/*-- End Default CSS --*/

/*----- Home One CSS -----*/

/*-- Header Top --*/

.header-top-area {
  background-color: #02111e;
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-top-area .header-top-item ul {
  margin: 0;
  padding: 0;
}

.header-top-area .header-top-item ul li {
  list-style-type: none;
  display: inline-block;
}

.header-top-area .header-top-item ul li a {
  display: inline-block;
}

.header-top-area .header-top-item ul li i {
  display: inline-block;
}

.header-top-area .header-top-item .header-left ul li {
  margin-right: 22px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(2) i {
  position: relative;
  top: 2px;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) {
  margin-right: 0;
}

.header-top-area .header-top-item .header-left ul li:nth-child(3) i {
  position: relative;
  top: 2px;
}

.header-top-area .header-top-item .header-left ul li i {
  color: #ffffff;
  margin-right: 3px;
  font-size: 18px;
}

.header-top-area .header-top-item .header-left ul li a {
  font-size: 14px;
  color: #ffffff;
}

.header-top-area .header-top-item .header-left ul li a:hover {
  color: #1d65f9;
}

.header-top-area .header-top-item .header-right {
  text-align: right;
}

.header-top-area .header-top-item .header-right ul li {
  margin-right: 15px;
}

.header-top-area .header-top-item .header-right ul li:last-child {
  margin-right: 0;
}

.header-top-area .header-top-item .header-right ul li a {
  border-radius: 50%;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-size: 14px;
  text-align: center;
  width: 25px;
  height: 25px;
  line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a i {
  line-height: 25px;
}

.header-top-area .header-top-item .header-right ul li a:hover {
  color: #1d65f9;
  background-color: #ffffff;
}

/*-- End Header Top --*/

.buy-now-btn {
  left: 20px;
  z-index: 99;
  top: 50%;
  position: fixed;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 30px;
  display: inline-block;
  color: #ffffff;
  background-color: #82b440;
  padding: 10px 20px 10px 42px;
  -webkit-box-shadow: 0 1px 20px 1px #82b440;
  box-shadow: 0 1px 20px 1px #82b440;
  font-size: 13px;
  font-weight: 600;
}

.buy-now-btn img {
  top: 50%;
  left: 20px;
  width: 15px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.buy-now-btn:hover {
  background-color: #1d65f9;
  color: #ffffff;
}

/*-- Navbar --*/

.navbar-light .navbar-brand {
  z-index: 2;
}

.navbar-light .navbar-brand .white-logo {
  display: none;
}

.navbar-area .main-nav {
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 39px;
  height: 100%;
  width: 29%;
  border-left: 0px solid transparent;
  /* border-top: 90px solid #fff; */
  border-right: 130px solid transparent;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light {
  padding-left: 0;
  padding-right: 0;
}

.navbar-area .main-nav .navbar-light .navbar-nav {
  margin-left: auto;
  margin-right: auto;
  align-items: center;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item:hover a {
  color: #fff;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a {
  font-weight: 500;
  font-size: 16px;
  white-space: nowrap;
  text-transform: capitalize;
  position: relative;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active {
  /* position: absolute; */
  /* content: ""; */
  /* top: 9px;
  left: -12px;
  width: 5px;
  height: 5px;
  border-radius: 50%; */
  color: var(--var-main-color) !important;
  font-weight: 550;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a::after {
  display: none;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active {
  color: #fff;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:hover:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a:focus:before,
.navbar-area .main-nav .navbar-light .navbar-nav .nav-item a.active:before {
  opacity: 1;
}

.navbar-area .main-nav .navbar-light .navbar-nav .nav-item .dropdown-menu {
  background: #fff !important;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px,
    rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px,
    rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  border-top: 3px solid #282828;
}

.navbar-area
  .main-nav
  .navbar-light
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  a {
  color: #282828;
  font-size: 15px;
}

.navbar-area
  .main-nav
  .navbar-light
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  a:before {
  display: none;
}

.navbar-area
  .main-nav
  .navbar-light
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  a:hover,
.navbar-area
  .main-nav
  .navbar-light
  .navbar-nav
  .nav-item
  .dropdown-menu
  .nav-item
  a.active {
  color: var(--var-main-color);
}

.navbar-area .main-nav.menu-shrink {
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-shadow: 0px 0px 20px 0px #f1f1f1;
  box-shadow: 0px 0px 20px 0px #f1f1f1;
}

.navbar-area .main-nav.menu-shrink:before {
  border-top: 80px solid #fff;
}

.side-nav a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1d65f9;
  /* background-color: #ffffff; */
  border-radius: 5px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
}

.side-nav-ar a {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1d65f9;
  /* background-color: #ffffff; */
  border-radius: 5px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
}

/* .side-nav a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.side-nav a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
} */

.side-nav a:hover {
  color: #000;
}

.side-nav a:hover:before {
  opacity: 1;
  height: 50%;
}

.side-nav a:hover:after {
  opacity: 1;
  height: 50%;
}

/*-- End Navbar --*/

/*-- Banner --*/

.banner-img-one {
  /* background-image: url("https://tirrentglobal.com/SiteTemplate/TirrentGlobal/assets/images/03/car-banner-perfor.webp"); */
  /* background-image: url("https://www.openaccessgovernment.org/wp-content/uploads/2019/05/dreamstime_l_100798309.jpg"); */
  background-image: linear-gradient(180deg, #ee9a3a2a, #bf5b2138),
    url("../img/home/main-banner1.png");
}

.banner-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 800px;
  position: relative;
}

.banner-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: radial-gradient(circle, rgb(0 0 0) 23%, rgb(19 20 20 / 96%) 100%);
  opacity: 0.75;
}

.banner-content p {
  font-size: 20px !important;
}

.banner-area .banner-content {
  position: relative;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 50px;
}

.banner-area .banner-content h1 {
  font-weight: 600;
  font-size: 58px;
  color: #ffffff;
  text-transform: uppercase;
  margin-bottom: 25px;
}

.banner-area .banner-content h1::first-line {
  font-size: 50px;
}

.banner-area .banner-content p {
  font-weight: 500;
  text-transform: uppercase;
  font-size: 19px;
  margin-bottom: 30px;
  color: #ffffff;
}

.cmn-btn {
  display: inline-block;
  font-size: 16px;
  font-weight: 500;
  color: #1d65f9;
  background-color: #ffffff;
  border-radius: 5px;
  padding: 12px 20px;
  position: relative;
  z-index: 1;
}

.cmn-btn:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  top: 0;
  background-color: #fff;
  border-radius: 5px 5px 0 0;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.cmn-btn:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 0;
  bottom: 0;
  background-color: #fff;
  border-radius: 0 0 5px 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
  z-index: -1;
}

.theme-dark .cmn-btn:hover {
  color: #000;
}

.cmn-btn i {
  display: inline-block;
  font-size: 18px;
  position: relative;
  top: 3px;
}

.cmn-btn:hover {
  color: #000;
}

.cmn-btn:hover:before {
  opacity: 1;
  height: 50%;
}

.cmn-btn:hover:after {
  opacity: 1;
  height: 50%;
}

/*-- End Banner --*/

/*-- About --*/

.section-title {
  margin-bottom: 35px;
  text-align: center;
}

.section-title .sub-title {
  display: inline-block;
  color: #1d65f9;
  font-weight: 500;
  font-size: 17px;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .section-title .sub-title {
    font-size: 10px;
  }
}

.section-title h2 {
  font-weight: 600;
  font-size: 38px;
  color: #282828;
  /* text-transform: capitalize; */
}

.about-area {
  padding-top: 165px;
  /* padding-bottom: 155px; */
}

.about-area .section-title {
  text-align: left;
  margin-bottom: 30px;
}

.about-area .about-content p {
  color: #282828;
  font-weight: 500;
  margin-bottom: 18px;
}

.about-area .about-content ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.about-area .about-content ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  margin-bottom: 15px;
}

.about-area .about-content ul li:last-child {
  margin-bottom: 0;
}

.about-area .about-content ul li i {
  width: 22px;
  height: 22px;
  line-height: 22px;
  border-radius: 50%;
  font-size: 15px;
  text-align: center;
  color: #1d65f9;
  background-color: #f2f4fd;
  margin-right: 8px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.about-area .about-content ul li:hover i {
  color: #ffffff;
  background-color: #1d65f9;
}

.about-area .about-content img {
  display: inline-block;
  margin-right: 25px;
  border-right: 3px solid #1d65f9;
  padding-right: 25px;
}

.about-area .about-content img:last-child {
  margin-right: 0;
  padding-right: 0;
  border-right: 0;
}

.about-area .about-img-wrap {
  position: relative;
}
.about-content .btn-dis {
  background-color: var(--var-main-color) !important;
  color: #ffffff !important;
  border-radius: 5px;
  padding: 12px 20px;
  position: relative;
  font-weight: bold;
  z-index: 1;
}
.about-content .btn-dis:hover {
  background-color: #1d232a !important;
  color: #ffffff;
}
.about-area .about-img-wrap .about-img-slider .about-img-item img {
  width: unset !important;
  max-width: 450px;
}

.about-img-item {
  display: flex;
  justify-content: center;
}

.about-area .about-img-wrap .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
  position: absolute;
  right: 85px;
  top: 180px;
  max-width: 20px;
}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot span {
  background: var(--var-main-color);
}

.about-area .about-img-wrap .owl-theme .owl-dots .owl-dot.active span {
  background: #ffffff;
}

.about-area .about-img-wrap .about-shape img {
  position: absolute;
}

.about-area .about-img-wrap .about-shape img:nth-child(1) {
  top: -25px;
  left: 0;
}

.about-area .about-img-wrap .about-shape img:nth-child(2) {
  bottom: -55px;
  right: 0;
  z-index: 1;
}

.about-area .about-img-wrap .about-shape img:nth-child(3) {
  top: -65px;
  right: 25px;
}

.about-area .about-img-wrap .about-shape img:nth-child(4) {
  top: 255px;
  right: -50px;
}

.about-area .about-img-wrap .about-year {
  z-index: 1;
  background-color: #ffffffd9;
  border-left: 5px solid #02111e;
  display: inline-block;
  padding: 35px 60px;
  position: absolute;
  left: 40px !important;
  bottom: -36px;
}

.about-area .about-img-wrap .about-year h2 {
  font-size: 58px;
  color: #02111e;
  font-weight: 700;
  margin-bottom: 0;
}

.about-area .about-img-wrap .about-year h2 span {
  font-size: 38px;
}

/*-- End About --*/

/*-- Service --*/

.service-area {
  /* background-image: url("https://www.bmw.ie/content/dam/bmw/marketIE/bmw_ie/topics/offersAndServices/servicing/engine-oil/servicing-engineoil-hero-dt-1680x756.jpg"); */
  background-image: url("../img/ac07f661442473.5a6f22574692f.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  background-attachment: fixed;
}

.service-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #010006;
  opacity: 0.6;
}

.service-area .section-title {
  position: relative;
}

.service-area .section-title h2 {
  color: #ffffff;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.service-area .section-title h2 span {
  color: #1d65f9;
}

.service-item {
  text-align: center;
  padding: 30px 30px 28px;
  border-radius: 10px;
  background-color: #ffffff;
  position: relative;
  z-index: 1;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-bottom: 30px;
}

.blogs {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgba(24, 22, 22, 0.8)
    ),
    url(../img/blogs.jpg) !important;
}

/* .service-item:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  bottom: 0;
  left: 0;

  background-image: url("https://media.istockphoto.com/videos/transparent-cosmetic-orange-golden-oil-bubbles-and-shapes-on-white-video-id1249415527?s=640x640");
  background-position: center;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border-radius: 10px;
  z-index: -1;
} */

.service-item:hover {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}

.service-item:hover:before {
  height: 100%;
}

.service-item:hover img:nth-child(1) {
  opacity: 0;
}

.service-item:hover img:nth-child(2) {
  opacity: 0.5;
}

.service-item:hover h3 a {
  color: var(--var-main-color);
}

.service-item:hover p {
  color: var(--var-main-color);
}

.service-item:hover .service-link {
  color: var(--var-main-color);
}

.service-item img {
  position: absolute;
  top: 25px;
  left: 0;
  right: 0;
  z-index: -1;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item img:nth-child(1) {
  opacity: 0.5;
}

.service-item img:nth-child(2) {
  opacity: 0;
}

.service-item i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px dotted #1d65f9;
  color: #1d65f9;
  font-size: 35px;
  margin-bottom: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item h3 a {
  color: #282828;
}

.service-item h3 a:hover {
  color: white;
}

.service-item p {
  margin-bottom: 12px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-item .service-link {
  display: inline-block;
  color: #1d65f9;
  font-weight: 500;
  font-size: 14px;
}

.service-item .service-link:hover {
  color: #282828;
}

/*-- End Service --*/

/*-- Counter --*/

.counter-area {
  background-color: #071320;
  padding-bottom: 50px;
}

.counter-area .counter-text {
  margin-bottom: 30px;
}

.counter-area .counter-text h2 {
  margin-bottom: 0;
  color: #ffffff;
  font-weight: 600;
  font-size: 38px;
}

.counter-item {
  /* margin-bottom: 30px; */
  border-radius: 8px;
  /* border: 2px dotted #1d65f9; */
  text-align: center;
  padding: 25px 10px 22px;
}

.counter-item h3 {
  margin-bottom: 10px;
}

.counter-item h3 span {
  color: #ffffff;
  font-weight: 700;
  font-size: 30px;
}

.counter-item p {
  margin-top: 15px;
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  margin-bottom: 0;
}

/*-- End Counter --*/

/*-- Foreign --*/

.foreign-area {
  overflow: hidden;
  position: relative;
  top: 70px;
}

.foreign-area .foreign-slider {
  /* left: calc((100% - 510px) / 2); */
  position: relative;
}

.foreign-area .foreign-slider .owl-prev {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background-color: #1d65f9 !important;
  text-align: center;
  font-size: 25px !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.foreign-area .foreign-slider .owl-prev i {
  line-height: 30px !important;
}

.foreign-area .foreign-slider .owl-prev:hover {
  background-color: #282828 !important;
}

.foreign-area .foreign-slider .owl-next {
  width: 30px;
  height: 30px;
  line-height: 30px !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background-color: #1d65f9 !important;
  text-align: center;
  font-size: 25px !important;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.foreign-area .foreign-slider .owl-next i {
  line-height: 30px !important;
}

.foreign-area .foreign-slider .owl-next:hover {
  background-color: #282828 !important;
}

.foreign-area .owl-theme .owl-nav {
  margin-top: 0;
  position: absolute;
  left: -115px;
  top: 210px;
}

.foreign-item {
  padding-bottom: 25px;
  -webkit-box-shadow: 0px 10px 10px 0px #dddddd33;
  box-shadow: 0px 10px 10px 0px #dddddd33;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  border-radius: 5px;
  background-color: #ffffff;
}

.foreign-item img {
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  display: block;
}

.foreign-item .foreign-bottom {
  border-left: 3px solid #1d65f9;
  padding-left: 10px;
}

.foreign-item .foreign-bottom h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 5px;
}

.foreign-item .foreign-bottom h3 a {
  color: seashell;
}

.foreign-item .foreign-bottom h3 a:hover {
  color: var(--var-main-color);
}

.foreign-item .foreign-bottom span {
  display: block;
  font-weight: 500;
  font-size: 14px;
  color: #1d65f9;
}

/*-- End Foreign --*/

/*-- Team --*/

.team-area {
  background-image: url("../img/home-one/team-bg.png");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #f6f6f6;
}

.team-area .container {
  position: relative;
  top: 100px;
}

.team-item {
  text-align: center;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd33;
  box-shadow: 0px 0px 20px 0px #dddddd33;
  background-color: #ffffff;
  padding-bottom: 30px;
  border-radius: 0 0 20px 20px;
  border-bottom: 2px solid #1d65f9;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.team-item:hover {
  background-color: #fff1f1;
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}

.team-item img {
  margin-bottom: 25px;
}

.team-item h3 {
  color: #282828;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
}

.team-item span {
  display: block;
  font-weight: 500;
  font-size: 15px;
  color: #8f9090;
  margin-bottom: 12px;
}

.team-item ul {
  margin: 0;
  padding: 0;
}

.team-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
}

.team-item ul li a {
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  border-radius: 50%;
  background-color: #1d65f9;
  color: #ffffff;
  font-size: 18px;
}

.team-item ul li a i {
  line-height: 30px;
}

.team-item ul li a:hover {
  background-color: #282828;
}

/*-- End Team --*/

/*-- Benefit --*/

.benefit-area {
  background-image: url("../img/home-one/benefit-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin-top: 100px;
  /* background: #071320; */
  background: #1d232a;
}

.benefit-area .benefit-content {
  background-color: #02111e;
  padding: 40px 170px 50px 60px;
  max-width: 905px;
  margin-left: auto;
  position: relative;
  top: 100px;
}

.benefit-area .benefit-content .section-title {
  text-align: left;
  margin-bottom: 25px;
}

.benefit-area .benefit-content .section-title h2 {
  color: #ffffff;
}

.benefit-area .benefit-content p {
  color: #ffffff;
  margin-bottom: 25px;
}

.benefit-area .benefit-content .benefit-inner {
  margin-bottom: 30px;
  position: relative;
}

.benefit-area .benefit-content .benefit-inner i {
  display: inline-block;
  color: #1d65f9;
  font-size: 45px;
  position: absolute;
  top: -10px;
  left: 0;
}

.benefit-area .benefit-content .benefit-inner h4 {
  margin-bottom: 0;
  color: #ffffff;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-size: 18px;
  max-width: 240px;
  padding-left: 30px;
}

.benefit-area .benefit-content .cmn-btn {
  margin-top: 10px;
  color: #ffffff;
  background-color: #1d65f9;
}

.benefit-area .benefit-content .cmn-btn:hover {
  color: #000;
}

.benefit-area .benefit-content .benefit-shape {
  position: absolute;
  right: 0;
  bottom: 0;
  -webkit-animation: benefit-shape 10s infinite linear;
  animation: benefit-shape 10s infinite linear;
}

@-webkit-keyframes benefit-shape {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes benefit-shape {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/*-- End Benefit --*/

/*-- Partner --*/

.partner-area {
  margin-top: 50px;
}

.partner-area .partner-wrap {
  position: relative;
  background-color: #1d65f9;
  border-radius: 10px;
  padding: 40px 50px 45px;
}

.partner-area .partner-wrap .partner-shape {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-animation: partner-ani 10s infinite linear;
  animation: partner-ani 10s infinite linear;
}

.partner-area .partner-wrap .partner-content .section-title {
  text-align: left;
  margin-bottom: 0;
}

.partner-area .partner-wrap .partner-content .section-title h2 {
  color: #ffffff;
  margin-bottom: 0;
}

.partner-area .partner-wrap .partner-btn {
  text-align: right;
}

.partner-area .partner-wrap .partner-btn .cmn-btn {
  background-color: #ffffff;
  color: #fff;
}

.partner-area .partner-wrap .partner-btn .cmn-btn:hover {
  color: #000;
}

@-webkit-keyframes partner-ani {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes partner-ani {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(50px, 0);
    transform: translate(50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/*-- End Partner --*/

/*-- Cost --*/

.cost-area .cost-content {
  background-color: #ffffff;
  z-index: 1;
}

.cost-area .cost-content .section-title {
  text-align: left;
  margin-bottom: 20px;
}

.cost-area .cost-content p {
  margin-bottom: 20px;
}

.cost-area .cost-content ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cost-area .cost-content ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 15%;
  flex: 0 0 15%;
  max-width: 15%;
}

.cost-area .cost-content ul li:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 70%;
  flex: 0 0 70%;
  max-width: 70%;
  margin-left: 15px;
}

.cost-area .cost-content ul li h4 {
  font-weight: 500;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  color: #303442;
  margin-bottom: 5px;
}

.cost-area .cost-content ul li span {
  display: block;
  font-size: 14px;
  color: #303442;
}

.cost-area .cost-img img {
  width: 100%;
}

/*-- End Cost --*/

/*-- Blog --*/

.blog-item {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}

.blog-item:hover .blog-inner {
  bottom: 0;
  opacity: 1;
}

.blog-item a {
  display: block;
}

.blog-item a img {
  width: 100%;
}

.blog-item span {
  display: inline-block;
  font-size: 13px;
  color: #060f1e;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  left: 0;
  padding: 10px 20px;
}

.blog-item .blog-inner {
  position: absolute;
  bottom: -95px;
  left: 0;
  right: 0;
  background-color: #ffffff;
  padding: 15px 10px 18px 20px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 0;
}

.blog-item .blog-inner h3 {
  margin-bottom: 8px;
  font-weight: 600;
  font-size: 20px;
}

.blog-item .blog-inner h3 a {
  color: seashell;
  line-height: 25px;
}

.blog-item .blog-inner h3 a:hover {
  color: var(--var-main-color);
}

.blog-item .blog-inner .blog-link {
  display: inline-block;
  color: #1d65f9;
  font-weight: 500;
  font-size: 14px;
}

.blog-item .blog-inner .blog-link i {
  display: inline-block;
  font-size: 16px;
  position: relative;
  top: 2px;
}

.blog-item .blog-inner .blog-link:hover {
  color: var(--var-main-color);
}

/*-- End Blog --*/

/*-- Footer --*/

footer {
  background-image: url("../img/Untitled\ design.png");
  background-size: cover;
  background-position: initial;
  background-repeat: no-repeat;
  position: relative;
}

footer:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background-color: #060f1e; */
  opacity: 0.92;
}

.footer-item {
  position: relative;
  margin-bottom: 30px;
}

.footer-item .footer-logo .logo-link {
  display: block;
  margin-bottom: 18px;
}

.footer-item .footer-logo p {
  margin-bottom: 20px;
  color: #ffffff;
}

.footer-item .footer-logo ul {
  margin: 0;
  padding: 0;
  text-align: center;
}

.footer-item .footer-logo ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 36px;
  margin-top: 20px;
}

.footer-item .footer-logo ul li:last-child {
  margin-right: 10px;
}

.footer-item .footer-logo ul li a {
  width: 35px;
  height: 35px;
  text-align: center;
  color: #ffffff;
  font-size: 15px;
  background-color: #3676f7;
  border-radius: 50%;
  display: block;
}

.footer-item .footer-logo ul li a i {
  line-height: 35px;
}

.footer-item .footer-logo ul li a:hover {
  color: #3676f7;
  background-color: #ffffff;
}

.footer-item .footer-service h3 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 25px;
  color: var(--var-main-color);
}

.footer-item .footer-service ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-service ul li {
  list-style-type: none;
  display: block;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-bottom: 10px;
}

.footer-item .footer-service ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-service ul li:hover {
  padding-left: 10px;
}

.footer-item .footer-service ul li a {
  display: block;
  color: #ffffff;
}

.footer-item .footer-service ul li a:hover {
  color: #3676f7;
}

.footer-item .footer-touch h3 {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
  color: #ffffff;
}

.footer-item .footer-touch ul {
  margin: 0;
  padding: 0;
}

.footer-item .footer-touch ul li {
  list-style-type: none;
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
}

.footer-item .footer-touch ul li:last-child {
  margin-bottom: 0;
}

.footer-item .footer-touch ul li i {
  display: inline-block;
  color: #3676f7;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

.footer-item .footer-touch ul li h4 {
  font-weight: 500;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
  color: #ffffff;
}

.footer-item .footer-touch ul li a {
  display: block;
  color: #cdcccc;
}

.footer-item .footer-touch ul li a:hover {
  color: #3676f7;
}

.footer-item .footer-touch ul li span {
  display: block;
  color: #cdcccc;
}

/*-- End Footer --*/

/*-- Copyright --*/

.copyright-area {
  background-color: #121f34;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
}

.copyright-area .copyright-item p {
  font-size: 15px;
  color: #ffffff;
  margin-bottom: 0;
}

.copyright-area .copyright-item p a {
  display: inline-block;
  font-weight: 600;
  color: #1d65f9;
}

.copyright-area .copyright-item p a:hover {
  color: #ffffff;
}

/*-- End Copyright --*/

/*----- End Home One CSS -----*/

/*----- Home Two CSS -----*/

/*-- Banner --*/

.banner-img-two {
  background-image: url("../img/home-two/banner-bg.jpg");
}

.banner-img-two .banner-content {
  text-align: left;
  margin-left: 0;
}

.banner-img-two .banner-content h1 {
  font-weight: 700;
}

.banner-img-two .banner-content .cmn-btn {
  background-color: #1d65f9;
  color: #ffffff;
}

.banner-img-two .banner-img {
  position: relative;
  top: 30px;
  -webkit-animation: banner-ani 10s infinite linear;
  animation: banner-ani 10s infinite linear;
}

@-webkit-keyframes banner-ani {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

@keyframes banner-ani {
  0% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }

  50% {
    -webkit-transform: translate(-50px, 0);
    transform: translate(-50px, 0);
  }

  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

/*-- End Banner --*/

/*-- Logo --*/

.logo-area {
  background-color: #f6f6f6;
}

.logo-area .col-lg-5 {
  -webkit-box-flex: 0 !important;
  -ms-flex: 0 0 20% !important;
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

.logo-area .logo-item {
  margin-bottom: 30px;
  text-align: center;
}

.logo-area .logo-item img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.logo-area .logo-item img:hover {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}

/*-- End Logo --*/

/*-- Offer --*/

.offer-area {
  background-color: #f6f6f6;
}

.offer-area .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.offer-area .owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 0;
}

.offer-area .owl-theme .owl-dots .owl-dot span {
  width: 16px;
  height: 7px;
  background: #facbb1;
}

.offer-area .owl-theme .owl-dots .owl-dot.active span {
  background: #1d65f9;
  width: 25px;
}

.offer-item {
  text-align: center;
  background-color: #ffffff;
  border-radius: 10px;
  /* padding: 30px 25px 30px; */
  /* -webkit-box-shadow: 0px 0px 20px 0px #dddddd33; */
  /* box-shadow: 0px 0px 20px 0px #dddddd33; */
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 30px;
  position: relative;
  color: #4e4e4e;
}

.offer-item .offer-shape {
  position: absolute;
  left: 15px;
  bottom: 15px;
}

/* .offer-item .offer-top img {
    -webkit-animation: border-transform-default 10s linear infinite alternate forwards;
    animation: border-transform-default 10s linear infinite alternate forwards;
    -webkit-transition: 0.5s all ease;
    transition: 0.5s all ease;
    border: 6px solid #1d65f9;
    max-width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
} */

.offer-item .offer-top.our-tech img {
  -webkit-animation: border-transform-default 10s linear infinite alternate
    forwards;
  animation: border-transform-default 10s linear infinite alternate forwards;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  border: 6px solid #1d65f9;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.offer-item .offer-top i {
  display: inline-block;
  width: 70px;
  height: 70px;
  line-height: 70px;
  border-radius: 50%;
  background-color: #ffffff;
  border: 1px dotted #1d65f9;
  color: #1d65f9;
  font-size: 35px;
  margin-bottom: 15px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-top: -60px;
}

.offer-item .offer-bottom h3 {
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 8px;
}

.offer-item .offer-bottom h3 a {
  color: #282828;
}

.offer-item .offer-bottom h3 a:hover {
  color: #1d65f9;
}

.offer-item .offer-bottom p {
  margin-bottom: 12px;
}

.offer-item .offer-bottom .offer-link {
  display: inline-block;
  font-weight: 500;
  color: #1d65f9;
  font-size: 14px;
}

.offer-item .offer-bottom .offer-link i {
  display: inline-block;
  font-size: 17px;
  position: relative;
  top: 3px;
}

.offer-item .offer-bottom .offer-link:hover {
  color: #282828;
}

@-webkit-keyframes border-transform-default {
  0%,
  to {
    border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

@keyframes border-transform-default {
  0%,
  to {
    border-radius: 65% 86% 80% 69%/59% 55% 95% 89%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

/*-- End Offer --*/

/*-- About --*/

.about-area-two {
  padding-bottom: 145px;
}

.about-area-two .about-content .section-title {
  text-align: left;
}

.about-area-two .about-content .counter-inner {
  margin-bottom: 20px;
}

.about-area-two .about-content .counter-inner h3 {
  margin-bottom: 5px;
  font-size: 38px;
  color: #1d65f9;
}

.about-area-two .about-content .counter-inner h3 .odometer {
  font-family: "Poppins", sans-serif;
}

.about-area-two .about-content .counter-inner h3 .target {
  margin-left: -7px;
}

.about-area-two .about-content .counter-inner p {
  font-weight: 500;
  color: #282828;
  margin-bottom: 0;
}

.about-area-two .about-content .about-p {
  margin-bottom: 25px;
  padding-right: 110px;
}

.about-area-two .about-content .cmn-btn {
  color: #ffffff;
}

.about-area-two .about-content .cmn-btn:hover {
  color: #000;
  background-color: #1d232a !important;
}

.about-content .cmn-btn:hover {
  background-color: #1d232a !important;
  color: #ffffff;
}

.about-area-two .about-img {
  position: relative;
}

.about-area-two .about-img img:nth-child(1) {
  -webkit-animation: about-ani 10s linear infinite alternate forwards;
  animation: about-ani 10s linear infinite alternate forwards;
}

.about-area-two .about-img img:nth-child(2) {
  position: absolute;
  left: 0;
  bottom: -100px;
}

@-webkit-keyframes about-ani {
  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

@keyframes about-ani {
  0%,
  to {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
  }

  14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
  }

  28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
  }

  42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
  }

  56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
  }

  70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
  }

  84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
  }
}

/*-- End About --*/

/*-- Foreign --*/

.foreign-area-two {
  background-image: url("../img/home-two/foreign-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: 100px;
}

.foreign-area-two:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #071320;
  opacity: 0.8;
}

.foreign-area-two .container {
  position: relative;
  top: 100px;
}

.foreign-area-two .section-title {
  max-width: 550px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.foreign-area-two .section-title h2 {
  color: #ffffff;
}

.foreign-area-two .foreign-item {
  margin-left: 0;
  margin-right: 0;
}

/*-- End Foreign --*/

/*-- Benefit --*/

.benefit-area-two {
  background-image: unset;
}

.benefit-area-two .benefit-shape {
  display: none;
}

.benefit-area-two .container-fluid {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .container-fluid .col-lg-7 {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .container-fluid .col-lg-5 {
  padding-left: 0;
  padding-right: 0;
}

.benefit-area-two .benefit-content {
  background-color: unset;
  padding: 0;
  max-width: 760px;
  margin-left: auto;
  top: 0;
  padding-top: 100px;
  padding-bottom: 100px;
  padding-right: 30px;
}

.benefit-area-two .benefit-content .section-title h2 {
  color: #ffffff;
}

.benefit-area-two .benefit-content p {
  color: #ffffff;
}

.benefit-area-two .benefit-content .benefit-inner h4 {
  color: #ffffff;
}

.benefit-area-two .benefits-img {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/discover.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.benefit-area-two .benefit-img img {
  display: none;
  width: 100%;
}

/*-- End Benefit --*/

/*-- Social --*/

.social-area {
  padding-bottom: 160px;
}

.social-area .col-lg-6 {
  padding-left: 0;
  padding-right: 0;
}

.social-area .social-img {
  background-image: url("../img/home-two/social-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  margin-left: 15px;
}

.social-area .social-img img {
  display: none;
  width: 100%;
}

.social-area .social-content {
  background-color: #02111e;
  padding: 55px 40px 55px;
  position: relative;
  top: 60px;
  margin-left: -70px;
  margin-bottom: 0;
}

.social-area .social-content .section-title {
  text-align: left;
  margin-bottom: 25px;
}

.social-area .social-content .section-title h2 {
  color: #ffffff;
  font-size: 35px;
}

.social-area .social-content p {
  margin-bottom: 30px;
  color: #ffffff;
  font-weight: 500;
  font-size: 28px;
  font-family: "Poppins", sans-serif;
  line-height: 42px;
}

.social-area .social-content .cmn-btn {
  color: #ffffff;
  background-color: #1d65f9;
}

/*-- End Social --*/

/*-- Testimonial --*/

.testimonial-area {
  background-color: #02111e;
  position: relative;
}

.testimonial-area .testimonial-shape {
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  top: 70px;
  margin-left: auto;
  margin-right: auto;
}

.testimonial-area .section-title {
  position: relative;
  z-index: 1;
}

.testimonial-area .section-title h2 {
  color: #ffffff;
}

.testimonial-area .testimonial-item {
  position: relative;
  z-index: 1;
}

.testimonial-area .testimonial-item .testimonial-top {
  border: 1px dashed #36424d;
  padding: 40px 65px 40px 30px;
  margin-bottom: 30px;
  background-color: #02111e82;
}

.testimonial-area .testimonial-item .testimonial-top p {
  color: #ffffff;
  font-size: 18px;
  font-weight: 500;
  font-style: italic;
  margin-bottom: 0;
}

.testimonial-area .testimonial-item .testimonial-top i {
  display: inline-block;
  font-size: 30px;
  position: absolute;
  top: 18px;
  right: 30px;
  color: #1d65f9;
}

.testimonial-area .testimonial-item ul {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 40px;
}

.testimonial-area .testimonial-item ul li {
  list-style-type: none;
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  max-width: 10%;
}

.testimonial-area .testimonial-item ul li:last-child {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  margin-left: 15px;
}

.testimonial-area .testimonial-item ul li img {
  width: 50px !important;
}

.testimonial-area .testimonial-item ul li h4 {
  color: #ffffff;
  margin-bottom: 3px;
  font-weight: 500;
  font-size: 18px;
}

.testimonial-area .testimonial-item ul li span {
  display: block;
  color: #ffffff;
  font-size: 14px;
}

/*-- End Testimonial --*/

/*-- Blog --*/

.blog-area-two .blog-item {
  overflow: unset;

  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-area-two .blog-item:hover {
  -webkit-transform: translate(0, -10px);
  transform: translate(0, -10px);
}

.blog-area-two .blog-item .blog-inner {
  position: relative;
  bottom: 0;
  opacity: 1;
}

.blog-area-two .blog-item .blog-inner h3 {
  font-size: 20px;
}

.blog-area-two .blog-item .blog-inner h3 a {
  line-height: 28px;
}

/*-- End Blog --*/

/*-- Book --*/

.book-area .row {
  background-color: #1d65f9;
  overflow: hidden;
}

.book-area .col-lg-6 {
  padding-left: 0;
  padding-right: 0;
}

.book-area .book-img {
  background-image: url("../img/home-two/book-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.book-area .book-img img {
  display: none;
  width: 100%;
}

.book-area .book-content {
  padding-top: 65px;
  padding-bottom: 70px;
  max-width: 385px;
  position: relative;
  padding-left: 10px;
}

.book-area .book-content:before {
  position: absolute;
  content: "";
  bottom: 39px;
  left: -263px;
  border-left: 0 solid transparent;
  border-top: 224px solid #1d65f9;
  border-right: 309px solid transparent;
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  z-index: 1;
}

.book-area .book-content h3 {
  font-weight: 600;
  font-size: 24px;
  color: #ffffff;
  margin-bottom: 20px;
}

.book-area .book-content a {
  display: inline-block;
  font-weight: 500;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 15px 25px;
}

.book-area .book-content a:hover {
  color: #1d65f9;
  background-color: #ffffff;
}

/*-- End Book --*/

/*----- End Home Two CSS -----*/

/*----- Home Three CSS -----*/

/*-- Header Top --*/

.header-top-area-two .header-top-item .header-left ul li i {
  color: #1d65f9;
}

.header-top-area-two .header-top-item .header-right ul li a {
  color: #1d65f9;
  border: 1px solid #1d65f9;
}

.header-top-area-two .header-top-item .header-right ul li a:hover {
  color: #ffffff;
  background-color: #1d65f9;
}

/*-- End Header Top --*/

/*-- Header Contact --*/

.header-contact-area {
  padding-top: 20px;
  padding-bottom: 20px;
}

.header-contact-area .logo a {
  display: block;
}

.header-contact-area .logo .white-logo {
  display: none;
}

.header-contact-area .side-nav {
  text-align: right;
}

.header-contact-area .side-nav a {
  color: #ffffff;
  background-color: #1d65f9;
  text-align: right;
}

.header-contact-area .contact-item {
  text-align: center;
}

.header-contact-area .contact-item ul {
  margin: 0;
  padding: 0;
}

.header-contact-area .contact-item ul li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  padding-left: 50px;
  text-align: left;
  margin-right: 10px;
}

.header-contact-area .contact-item ul li:last-child {
  margin-right: 0;
}

.header-contact-area .contact-item ul li i {
  position: absolute;
  top: 0;
  left: 0;
  color: #1d65f9;
  display: inline-block;
  font-size: 40px;
}

.header-contact-area .contact-item ul li h4 {
  color: #4e4e4e;
  font-weight: 500;
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 5px;
}

.header-contact-area .contact-item ul li h4 a {
  display: inline-block;
  color: #4e4e4e;
}

.header-contact-area .contact-item ul li h4 a:hover {
  color: #1d65f9;
}

.header-contact-area .contact-item ul li span {
  display: block;
  font-size: 12px;
  color: #4e4e4e;
}

/*-- End Header Contact --*/

/*-- Navbar --*/

.nav-area-two .main-nav {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 0;
}

.nav-area-two .main-nav:before {
  display: none;
}

.nav-area-two .main-nav .navbar-light {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #1d65f9;
  padding-right: 25px;
}

.nav-area-two .main-nav .navbar-light:before {
  position: absolute;
  content: "";
  right: 0;
  top: 0;
  bottom: 39px;
  height: 100%;
  width: 27%;
  border-top: 84px solid #fff;
  border-left: 120px solid transparent;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.nav-area-two .main-nav .navbar-light .nav-shape img {
  left: 0;
  right: unset;
  top: 0;
  max-width: 80%;
}

.nav-area-two .main-nav .navbar-nav {
  margin-left: 25px !important;
}

.nav-area-two .main-nav.menu-shrink {
  padding-top: 0;
  padding-bottom: 0;
}

.nav-area-two .main-nav.menu-shrink .navbar-light {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd5e;
  box-shadow: 0px 0px 20px 0px #dddddd5e;
}

.nav-area-two .main-nav.menu-shrink {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.side-nav-two .modal-btn {
  padding: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  position: relative;
  top: -6px;
}

.side-nav-two .modal-btn:hover span:nth-child(2) {
  width: 25px;
}

.side-nav-two .modal-btn:hover span:nth-child(3) {
  width: 15px;
}

.side-nav-two .modal-btn span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: #282828;
  margin-bottom: 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

#myModalRight {
  z-index: 99999;
  padding-right: 0 !important;
}

#myModalRight .btn-close:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.modal.modal-right .modal-dialog {
  max-width: 380px;
  min-height: 100vh;
}

.modal.modal-right.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal.modal-right .modal-content {
  height: 100vh;
  overflow-y: auto;
  border-radius: 0;
}

.modal.modal-left .modal-dialog {
  -webkit-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  margin: 0 auto 0 0;
}

.modal.modal-right .modal-dialog {
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  margin: 0 0 0 auto;
}

.search-icon {
  font-size: 24px;
  position: relative;
  top: 3px;
  color: #282828;
  border: 0;
  outline: none;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  background-color: transparent;
  margin-right: 5px;
}

.search-icon:hover {
  color: #1d65f9;
}

.search-toggle .search-icon.icon-close {
  display: none;
}

.search-toggle.opened .search-icon.icon-search {
  display: none;
}

.search-toggle.opened .search-icon.icon-close {
  display: block;
}

.nav-srh {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}

.nav-srh .search-area {
  position: absolute;
  right: 8px;
  bottom: -105px;
  z-index: 5;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  max-height: 0;
  overflow: hidden;
  background-color: #ffffff;
}

.nav-srh .search-area .search-icon {
  vertical-align: middle;
  position: absolute;
  right: 30px;
  top: 28px;
  background-color: transparent;
  font-size: 20px;
  color: #515151;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.nav-srh .search-area .search-icon:hover {
  color: #1d65f9;
}

.nav-srh .search-area .src-input {
  outline: none;
  padding-left: 20px;
  margin: 0;
  width: 300px;
  background-color: #dddddd80;
  border: 1px solid #ddd;
  font-size: 16px;
  height: 45px;
  border-radius: 0;
}

.nav-srh .search-area.opened {
  max-height: 100px;
  padding: 20px 25px;
  -webkit-box-shadow: 0px 0px 15px #dddddd80;
  box-shadow: 0px 0px 15px #dddddd80;
}

.modal-body {
  padding: 40px 30px 50px;
}

.modal-body h2 {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 12px;
  color: #000;
}

.modal-body p {
  color: #545555;
  font-size: 14px;
  margin-bottom: 20px;
}

.modal-body .image-area {
  margin-bottom: 10px;
}

.modal-body .image-area .col-lg-4 {
  padding-right: 5px;
  margin-right: -5px;
}

.modal-body .image-area a {
  display: block;
  margin-bottom: 15px;
}

.modal-body .image-area a img {
  width: 100%;
}

.modal-body .modal-item {
  margin-bottom: 30px;
}

.modal-body .social-area {
  text-align: center;
}

.modal-body .social-area h3 {
  font-size: 20px;
  margin-bottom: 12px;
  font-weight: 600;
  color: #000;
}

.modal-body .social-area ul {
  margin: 0;
  padding: 0;
}

.modal-body .social-area ul li {
  list-style-type: none;
  display: inline-block;
}

.modal-body .social-area ul li a {
  display: block;
  color: #1d65f9;
  border: 1px solid #1d65f9;
  width: 32px;
  height: 32px;
  line-height: 34px;
  border-radius: 50%;
  margin-right: 3px;
  margin-left: 3px;
  font-size: 16px;
  text-align: center;
}

.modal-body .social-area ul li a:hover {
  color: #ffffff;
  background-color: #1d65f9;
}

/*-- End Navbar --*/

/*-- Banner --*/

.banner-img-three {
  background-image: url("../img/home-three/banner-bg.jpg");
}

.banner-img-three .cmn-btn {
  color: #ffffff;
  background-color: #1d65f9;
}

/*-- End Banner --*/

/*-- About --*/

.about-area-three .about-img-wrap .about-year h2 {
  color: #1d65f9;
}

.about-area-three .about-img-wrap .about-year h2 span {
  color: #02111e;
}

/*-- End About --*/

/*-- Service --*/

.service-area-two {
  background-color: #020e1d;
  background-image: unset;
}

.service-area-two .section-title h2 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  color: #ffffff;
}

.service-area-two:before {
  display: none;
}

.service-area-two .service-item {
  background-color: #061b2f;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  z-index: 1;
}

.service-area-two .service-item:hover .service-link {
  color: #1d65f9;
}

.service-area-two .service-item:hover:after {
  opacity: 0.8;
}

.service-area-two .service-item:before {
  display: none;
}

.service-area-two .service-item:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #232323;
  z-index: -1;
  border-radius: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-area-two .service-item i {
  border: 1px solid #ffffff;
}

.service-area-two .service-item h3 a {
  color: #ffffff;
}

.service-area-two .service-item h3 a:hover {
  color: #1d65f9;
}

.service-area-two .service-item p {
  color: #ffffff;
}

.service-area-two .service-item .service-link:hover {
  color: #ffffff;
}

/*-- End Service --*/

/*-- Benefit --*/

.benefit-area-three {
  margin-top: 0;
  position: relative;
}

.benefit-area-three .benefit-content {
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  right: -45px;
  background-color: #fff;
  z-index: 1;
  margin-top: 30px;
  margin-bottom: 30px;
  max-width: 810px;
  padding-right: 60px;
}

.benefit-area-three .benefit-img-two {
  background-image: url("../img/home-three/benefit-main.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}

.benefit-area-three .benefit-img-two img {
  display: none;
}

/*-- End Benefit --*/

/*-- Offer --*/

.offer-area-two {
  background-color: #ffffff;
}

.offer-area-two .section-title {
  margin-bottom: 5px;
}

.offer-area-two .offer-item {
  -webkit-box-shadow: 0px 0px 20px 0px #dddddd33;
  box-shadow: 0px 0px 20px 0px #dddddd33;
  margin-top: 30px;
}

.offer-area-two .offer-item .offer-top img {
  -webkit-animation: none;
  animation: none;
  border: none;
  width: 100%;
  max-width: 100%;
  margin-bottom: 18px;
}

/*-- End Offer --*/

/*-- Job --*/

.job-area-two {
  background-color: #f6f6f6;
}

.job-area-two .job-content .section-title h2 {
  color: #282828;
}

.job-area-two .job-content p {
  color: #4e4e4e;
}

.job-area-two .job-content ul li {
  background-color: #ffffff;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.job-area-two .job-content ul li:hover {
  color: #ffffff;
}

/*-- End Job --*/

/*-- Social --*/

.social-area-two {
  padding-bottom: 100px;
}

.social-area-two .social-img {
  background-image: url("../img/home-three/social-main.jpg");
}

.social-area-two .social-content {
  top: 0;
  margin-top: 35px;
  margin-bottom: 35px;
  padding: 55px 110px 55px 40px;
}

/*-- End Social --*/

/*-- Logo --*/

.logo-area-two {
  background-color: #ffffff;
}

/*-- End Logo --*/

/*----- End Home Three CSS -----*/

/*----- About CSS -----*/

/*-- Page Title --*/

.page-title-area {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
  height: 350px;
}

.shipping {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgba(24, 22, 22, 0.8)
    ),
    url("../img/shipping.jpg") !important;
}

.main-bg {
  background-image: url("../img/main-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 350px;
}
.quote-section {
  background-image: url("../img/main-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.title-area-research {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/research.jpeg") !important;

  height: 350px;
}

.title-area-supplier {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/supply.jpg");
  height: 350px;
}

.title-area-faq {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/faq-banner.png");
}

.title-area-product {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/product-details.jpg") !important;
  height: 350px;
}

.title-area-social {
  background-image: linear-gradient(
      180deg,
      rgb(173 71 20 / 72%),
      rgb(171 152 22 / 35%)
    ),
    url(../img/social.png) !important;
  height: 350px;
  background-position: center;
  background-size: cover;
}

.page-title-area:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  /* background-color: #07092b; */
  opacity: 0.9;
}

.page-title-area .title-item {
  text-align: center;
  position: relative;
  margin-top: 65px;
}

.page-title-area .title-item h2 {
  font-weight: 500;
  font-size: 60px;
  margin-bottom: 10px;
  color: #fff;
  font-family: "Poppins", sans-serif !important;
}

.page-title-area .title-item ul {
  margin: 0;
  padding: 0;
}

.page-title-area .title-item ul li {
  list-style-type: none;
  display: inline-block;
  color: #ffffff;
  font-weight: 500;
  font-size: 16px;
}

.page-title-area .title-item ul li a {
  display: inline-block;
  color: #ffffff;
}

.page-title-area .title-item ul li a:hover {
  color: #1d65f9;
}

.page-title-area .title-item ul li span {
  display: inline-block;
  margin-right: 3px;
  margin-left: 3px;
}

/*-- End Page Title --*/

/*-- Job --*/

.job-area-three .job-img {
  background-image: url("../img/about-job-main.jpg");
}

/*-- End Job --*/

/*-- Offer --*/

.offer-area-three {
  background-color: #ffffff;
}

/*-- End Offer --*/

/*----- End About CSS -----*/

/*----- Service CSS -----*/

.service-area-three {
  background-color: #ffffff;
}

/*----- End Service CSS -----*/

/*----- Service Details CSS -----*/

.service-details-area .service-details-item .service-details-img {
  margin-bottom: 50px;
}

.service-details-area .service-details-item .service-details-img h2 {
  margin-bottom: 15px;
  font-weight: 700;
  font-size: 38px;
}

.service-details-area .service-details-item .service-details-img p {
  margin-bottom: 15px;
}

.service-details-area .service-details-item .service-details-img img {
  margin-top: 10px;
}

.service-details-area .service-details-item .service-details-robot h2 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 15px;
}

.service-details-area .service-details-item .service-details-robot p {
  margin-bottom: 20px;
}

.service-details-area .service-details-item .service-details-robot .robot-left {
  margin-bottom: 30px;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-left
  ul {
  margin: 0;
  padding: 0;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-left
  ul
  li {
  list-style-type: none;
  display: block;
  margin-bottom: 15px;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-left
  ul
  li:last-child {
  margin-bottom: 0;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-left
  ul
  li:hover
  i {
  background-color: #282828;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-left
  ul
  li
  i {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  text-align: center;
  color: #ffffff;
  font-size: 18px;
  background-color: var(--var-main-color);
  margin-right: 5px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-right {
  margin-bottom: 30px;
}

.service-details-area
  .service-details-item
  .service-details-robot
  .robot-right
  img {
  width: 100%;
}

.service-details-area .service-details-item .service-details-cat {
  margin-bottom: 50px;
}

.service-details-area .service-details-item .service-details-cat h3 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd33;
  position: relative;
}

.service-details-area .service-details-item .service-details-cat h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #1d65f9;
}

.service-details-area .service-details-item .service-details-cat ul {
  margin: 0;
  padding: 0;
}

.service-details-area .service-details-item .service-details-cat ul li {
  list-style-type: none;
  display: block;
  background-color: #dddddd33;
  padding: 12px 25px;
  text-align: center;
  border-left: 3px solid #1d65f9;
  border-right: 3px solid #1d65f9;
  margin-bottom: 15px;
}

.service-details-area
  .service-details-item
  .service-details-cat
  ul
  li:last-child {
  margin-bottom: 0;
}

.service-details-area .service-details-item .service-details-cat ul li a {
  color: #282828;
  display: block;
  font-weight: 500;
}

.service-details-area .service-details-item .service-details-cat ul li a:hover {
  color: #1d65f9;
}

.service-details-area .service-details-item .service-details-form h3 {
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd33;
  position: relative;
}

.service-details-area .service-details-item .service-details-form h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #1d65f9;
}

.service-details-area .service-details-item .service-details-form .form-group {
  margin-bottom: 30px;
}

.service-details-area
  .service-details-item
  .service-details-form
  .form-group
  .form-control {
  height: 45px;
  background-color: #dddddd33;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding-left: 20px;
  font-size: 14px;
}

.service-details-area
  .service-details-item
  .service-details-form
  .form-group
  .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd;
}

.service-details-area
  .service-details-item
  .service-details-form
  .form-group
  textarea {
  height: auto !important;
  padding-top: 15px;
}

.service-details-area
  .service-details-item
  .service-details-form
  .service-form-btn {
  color: #ffffff;
  background-color: #1d65f9;
  border-radius: 3px;
  padding: 12px 25px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  font-weight: 500;
}

.service-details-area
  .service-details-item
  .service-details-form
  .service-form-btn:hover {
  background-color: #282828;
}

/*----- End Service Details CSS -----*/

/*----- Project CSS -----*/

.offer-area-four .offer-item {
  margin-left: 0;
  margin-right: 0;
  padding: 30px;
}

.team-area-two {
  background-image: unset;
  background-color: #ffffff;
}

.team-area-two .container {
  top: 0;
}

/*----- End Project CSS -----*/

/*----- Project Details CSS -----*/

.project-details-item {
  margin-bottom: 30px;
}

.project-details-item {
  margin-bottom: 40px;
}

.project-details-item .project-details-img img {
  margin-bottom: 25px;
}

.project-details-item .project-details-img p {
  margin-bottom: 15px;
}

.project-details-item .project-details-img ul {
  margin: 0;
  padding: 0;
}

.project-details-item .project-details-img ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  font-size: 18px;
  color: #001430;
  margin-bottom: 12px;
}

.project-details-item .project-details-img ul li:last-child {
  margin-bottom: 0;
}

.project-details-item .project-details-img ul li i {
  color: #1d65f9;
  display: inline-block;
  font-size: 20px;
  margin-right: 3px;
  position: relative;
  top: 4px;
}

.project-details-item .project-details-content img {
  margin-bottom: 30px;
}

.project-details-item .project-details-content p {
  margin-bottom: 15px;
}

.project-details-item .project-details-content p:last-child {
  margin-bottom: 0;
}

.project-details-item .project-details-content .video-wrap {
  position: relative;
}

.project-details-item .project-details-content .video-wrap img {
  display: block;
  width: 100%;
}

.project-details-item .project-details-content .video-wrap a {
  display: inline-block;
  width: 60px;
  height: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 40px;
  border-radius: 50%;
  background-color: #1d65f9;
  position: absolute;
  left: 0;
  right: 0;
  top: 38%;
  margin-left: auto;
  margin-right: auto;
}

.project-details-item .project-details-content .video-wrap a i {
  line-height: 60px;
}

.project-details-item .project-details-content .video-wrap a:hover {
  background-color: #282828;
}

.project-details-item .project-details-mec {
  margin-bottom: 50px;
}

.project-details-item .project-details-mec h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.project-details-item .project-details-mec h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #1d65f9;
}

.project-details-item .project-details-mec ul {
  margin: 0;
  padding: 0;
}

.project-details-item .project-details-mec ul li {
  list-style-type: none;
  display: block;
}

.project-details-item .project-details-mec ul li a {
  display: block;
  color: #3d3d3d;
  padding: 8px 10px 8px 0;
  position: relative;
}

.project-details-item .project-details-mec ul li a i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.project-details-item .project-details-mec ul li a:hover {
  background-color: #ebf1fe;
  padding: 8px 10px 8px 10px;
}

.project-details-item .project-details-form {
  margin-bottom: 50px;
}

.project-details-item .project-details-form h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.project-details-item .project-details-form h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #1d65f9;
}

.project-details-item .project-details-form .form-group {
  margin-bottom: 10px;
  position: relative;
}

.project-details-item .project-details-form .form-group label {
  position: absolute;
  top: 8px;
  right: 10px;
  color: #02111e;
  font-size: 20px;
  margin-bottom: 0;
}

.project-details-item .project-details-form .form-group .form-control {
  height: 40px;
  border-radius: 0;
  border: 1px solid transparent;
  background-color: #f4f7fe;
  padding-left: 10px;
  font-size: 12px;
}

.project-details-item .project-details-form .form-group .form-control:focus {
  border: 1px solid #282828;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.project-details-item .project-details-form .form-group textarea {
  height: auto !important;
  padding-top: 10px;
}

.project-details-item
  .project-details-form
  .form-group
  ::-webkit-input-placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .form-group :-ms-input-placeholder {
  color: #a6a5a5;
}

.project-details-item
  .project-details-form
  .form-group
  ::-ms-input-placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .form-group ::placeholder {
  color: #a6a5a5;
}

.project-details-item .project-details-form .project-form-btn {
  border-radius: 0;
  background-color: #1d65f9;
  color: #ffffff;
  font-weight: 500;
  font-size: 14px;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.project-details-item .project-details-form .project-form-btn:hover {
  background-color: #282828;
}

.project-details-item .project-details-click {
  position: relative;
}

.project-details-item .project-details-click img {
  display: block;
  width: 100%;
}

.project-details-item .project-details-click a {
  font-weight: 500;
  color: #1d65f9;
  background-color: #ffffff;
  padding: 14px 20px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
}

.project-details-item .project-details-click a:hover {
  background-color: #282828;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .page-title-area-blog {
    height: 370px;
  }
}

/*----- End Project Details CSS -----*/

/*----- Blog Details CSS -----*/

.blog-details-item {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name .details-user {
  margin-bottom: 16px;
}

.blog-details-item .blog-details-name .details-user ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-name .details-user ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 10px;
}

.blog-details-item .blog-details-name .details-user ul li:last-child {
  margin-right: 0;
}

.blog-details-item .blog-details-name .details-user ul li span {
  display: inline-block;
  font-size: 13px;
  color: #9b9b9b;
}

.blog-details-item .blog-details-name .details-user ul li a {
  display: inline-block;
  color: #777676;
  font-size: 13px;
}

.blog-details-item .blog-details-name .details-user ul li a:hover {
  color: #1d65f9;
}

.blog-details-item .blog-details-name h2 {
  font-weight: 600;
  font-size: 32px;
  margin-bottom: 20px;
  color: var(--var-main-color) !important;
  text-transform: uppercase;
}

.blog-inner1 {
  background-color: #1d232a;
  padding: 10px;
}

.blog-inner1 h3 {
  font-size: 22px;
}

.blog-link1 {
  color: var(--var-main-color) !important;
  font-weight: bolder;
}

.main-blog {
  /* padding:  0px 30px; */
}

.blog-details-item .blog-details-name p {
  /* margin-bottom: 35px; */
  font-size: 15px;
  line-height: 22px;
}

.blog-details-item .blog-details-name img {
  display: block;
  /* border: 15px double --var-main-color ; */
  margin-bottom: 30px;
  border-radius: 10px;
}

.blog1-point li {
  margin-left: 20px;
  color: var(--var-main-color);
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 8px;
}

.blog-details-item .blog-details-name .details-item {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-name .details-item ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-name .details-item ul li {
  list-style-type: none;
  display: block;
  font-weight: 500;
  font-size: 18px;
  color: #001430;
  margin-bottom: 18px;
}

.blog-details-item .blog-details-name .details-item ul li:last-child {
  margin-bottom: 0;
}

.blog-details-item .blog-details-name .details-item ul li i {
  color: #1d65f9;
  display: inline-block;
  font-size: 22px;
  position: relative;
  top: 3px;
  margin-right: 3px;
}

.blog-details-item .blog-details-quote {
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote blockquote {
  background-color: #f4f4f4;
  border-left: 3px solid #1d65f9;
  font-style: italic;
  font-size: 20px;
  color: #0c0c39;
  position: relative;
  padding: 45px 30px 35px 60px;
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote blockquote i {
  font-size: 30px;
  color: #1d65f9;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: 25px;
}

.blog-details-item .blog-details-quote ul {
  margin: 0;
  padding: 0;
  margin-bottom: 30px;
}

.blog-details-item .blog-details-quote ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 5px;
}

.blog-details-item .blog-details-quote ul li:last-child {
  margin-right: 0;
}

.blog-details-item .blog-details-quote ul li span {
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
  margin-right: 15px;
}

.blog-details-item .blog-details-quote ul li a {
  display: inline-block;
  color: #504f4f;
  font-size: 14px;
  background-color: #f4f0f0;
  padding: 12px 20px;
}

.blog-details-item .blog-details-quote ul li a:hover {
  color: #ffffff;
  background-color: #282828;
}

.blog-details-item .details-head h3 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 35px;
  padding-bottom: 10px;
  position: relative;
  border-bottom: 1px solid #dddddd33;
}

.blog-details-item .details-head h3:before {
  position: absolute;
  content: "";
  width: 50px;
  height: 3px;
  left: 0;
  bottom: -2px;
  background-color: #1d65f9;
}

.blog-details-item .blog-details-search {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-search .form-group {
  position: relative;
  margin-bottom: 0;
}

.blog-details-item .blog-details-search .form-group .form-control {
  height: 50px;
  border: 1px solid #a8a8a8;
  padding-left: 20px;
  font-size: 15px;
  border-radius: 0;
}

.blog-details-item .blog-details-search .form-group .form-control:focus {
  border: 1px solid #a8a8a8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.blog-details-item
  .blog-details-search
  .form-group
  ::-webkit-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group :-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group ::-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group ::placeholder {
  color: #9b9b9b;
}

.blog-details-item .blog-details-search .form-group .blog-details-src-btn {
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  color: #706f6f;
  font-size: 25px;
  position: absolute;
  top: 8px;
  right: 15px;
  padding: 0;
}

.blog-details-item
  .blog-details-search
  .form-group
  .blog-details-src-btn:hover {
  color: #1d65f9;
}

.blog-details-item .blog-details-service {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-service ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-service ul li {
  list-style-type: none;
  display: block;
}

.blog-details-item .blog-details-service ul li a {
  display: block;
  color: #3d3d3d;
  padding: 8px 10px 8px 0;
  position: relative;
}

.blog-details-item .blog-details-service ul li a i {
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 20px;
}

.blog-details-item .blog-details-service ul li a:hover,
.blog-details-item .blog-details-service ul li a.active {
  background-color: #ebf1fe;
  padding: 8px 10px 8px 10px;
}

.blog-details-item .blog-details-post {
  margin-bottom: 50px;
}

.blog-details-item .blog-details-post ul {
  margin: 0;
  padding: 0;
}

.blog-details-item .blog-details-post ul li {
  list-style-type: none;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 25px;
}

.blog-details-item .blog-details-post ul li:last-child {
  margin-bottom: 0;
}

.blog-details-item .blog-details-post ul li img {
  display: inline-block;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  max-width: 30%;
}

.blog-details-item .blog-details-post ul li .post-inner {
  padding-left: 15px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 65%;
  flex: 0 0 65%;
  max-width: 65%;
}

.blog-details-item .blog-details-post ul li .post-inner span {
  display: block;
  font-size: 14px;
  color: #6b6a6a;
  font-family: "Poppins", sans-serif;
  margin-bottom: 8px;
}

.blog-details-item .blog-details-post ul li .post-inner a {
  display: block;
  color: #0c0c39;
}

.blog-details-item .blog-details-post ul li .post-inner a:hover {
  color: #1d65f9;
}

.blog-details-item .blog-details-robot {
  position: relative;
}

.blog-details-item .blog-details-robot img {
  display: block;
  width: 100%;
}

.blog-details-item .blog-details-robot a {
  font-weight: 500;
  color: #282828;
  background-color: #ffffff;
  padding: 14px 20px;
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  max-width: 135px;
  margin-left: auto;
  margin-right: auto;
}

.blog-details-item .blog-details-robot a:hover {
  background-color: #282828;
  color: #ffffff;
}

.blog-area-three {
  border-top: 1px solid #f1f1f1;
  padding-top: 30px;
}

.blog-area-three .section-title {
  margin-bottom: 20px;
  text-align: left;
}

.blog-area-three .section-title h2 {
  font-weight: 600;
  font-size: 24px;
}

.blog-area-three .blog-item .blog-inner {
  padding: 20px 10px 18px 25px;
}

.blog-area-three .blog-item .blog-inner p {
  margin-bottom: 10px;
}

.blog-area-three .blog-dettails-p {
  max-width: 865px;
  margin-bottom: 0;
}

.blog-details-area .blog-details-comment h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f1f1f1;
  padding-bottom: 10px;
  display: inline-block;
}

.blog-details-area .blog-details-comment ul {
  margin: 0;
  padding: 0;
}

.blog-details-area .blog-details-comment ul li {
  list-style-type: none;
  display: block;
  position: relative;
  max-width: 907px;
  padding-bottom: 45px;
  margin-bottom: 35px;
  border-bottom: 1px solid #e3e3e3;
}

.blog-details-area .blog-details-comment ul li:nth-child(2) {
  margin-left: 70px;
}

.blog-details-area .blog-details-comment ul li:nth-child(3) {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.blog-details-area .blog-details-comment ul li img {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}

.blog-details-area .blog-details-comment ul li .comment-inner {
  padding-left: 85px;
  position: relative;
}

.blog-details-area .blog-details-comment ul li .comment-inner h4 {
  font-size: 16px;
  color: #373636;
  margin-bottom: 8px;
  font-weight: 500;
}

.blog-details-area .blog-details-comment ul li .comment-inner span {
  display: block;
  font-size: 12px;
  color: #9b9b9b;
  margin-bottom: 15px;
}

.blog-details-area .blog-details-comment ul li .comment-inner p {
  margin-bottom: 0;
  font-size: 15px;
}

.blog-details-area .blog-details-comment ul li .comment-inner a {
  display: inline-block;
  font-size: 14px;
  color: #9b9b9b;
  position: absolute;
  top: 20px;
  right: 0;
}

.blog-details-area .blog-details-comment ul li .comment-inner a:hover {
  color: #1d65f9;
}

.blog-details-area .blog-details-form {
  background-color: #f4f4f4;
  padding: 30px 60px 40px;
}

.blog-details-area .blog-details-form h3 {
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 20px;
}

.blog-details-area .blog-details-form .form-group {
  margin-bottom: 20px;
}

.blog-details-area .blog-details-form .form-group .form-control {
  border-radius: 0;
  border: 0;
  background-color: #ffffff;
  padding-left: 20px;
  font-size: 15px;
  height: 50px;
}

.blog-details-area .blog-details-form .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0;
}

.blog-details-area .blog-details-form .form-group ::-webkit-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group :-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group ::-ms-input-placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group ::placeholder {
  color: #9b9b9b;
}

.blog-details-area .blog-details-form .form-group textarea {
  height: auto !important;
  padding-top: 10px;
}

.blog-details-area .blog-details-form .blog-details-form-btn {
  border-radius: 0;
  color: #ffffff;
  background-color: #1d65f9;
  padding: 15px 25px;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
}

.blog-details-area .blog-details-form .blog-details-form-btn:hover {
  background-color: #282828;
}

/*----- End Blog Details CSS -----*/

/*----- Contact CSS -----*/

.contact-area .contact-item {
  /* margin-bottom: 30px; */
}

.contact-area .contact-left h3 {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-area .contact-left p {
  margin: 0;
  font-size: 14px;
  margin-bottom: 25px;
}

.contact-area .contact-left ul {
  margin: 0;
  padding: 0;
}

.contact-area .contact-left ul li {
  list-style-type: none;
  display: block;
  color: #282828;
  font-size: 15px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd69;
  padding-bottom: 20px;
}

.contact-area .contact-left ul li:last-child {
  margin-bottom: 0;
}

.contact-area .contact-left ul li i {
  font-size: 21px;
  color: #282828;
  margin-right: 5px;
  position: relative;
  bottom: -5px;
}

.contact-area .contact-left ul li a {
  display: inline-block;
  color: #282828;
}

.contact-area .contact-left ul li a:hover {
  color: #1d65f9;
}

.contact-area .contact-right h3 {
  font-size: 24px;
  margin-bottom: 30px;
  font-weight: 600;
}

.contact-area .contact-right .form-group {
  margin-bottom: 25px;
}

.contact-area .contact-right .form-group .form-control {
  border: 1px solid #1d65f9;
  border-radius: 0;
  height: 50px;
  padding-left: 25px;
  font-size: 14px;
}

.contact-area .contact-right .form-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #282828;
}

.contact-area .contact-right .form-group textarea {
  height: auto !important;
  padding-top: 15px;
}

.contact-area .contact-right .form-group ::-webkit-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group :-ms-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group ::-ms-input-placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group ::placeholder {
  color: #282828;
}

.contact-area .contact-right .form-group .list-unstyled {
  color: #dc3545;
  margin-top: 10px;
  font-size: 14px;
}

.contact-area .contact-right .contact-btn {
  /* background-color: #1d65f9; */
  background-image: linear-gradient(to right, #f99f36 0%, #f99f36 50%);
  color: #ffffff;
  width: 100%;
  border-radius: 0;
  border: none;
  padding: 12px 0;
  text-transform: uppercase;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  opacity: 1;
  font-weight: 600;
}

.contact-area .contact-right .contact-btn:hover {
  background-color: #282828;
}

.contact-area .contact-right .text-danger {
  font-size: 20px;
  margin-top: 12px;
  color: #dc3545;
}

.contact-area .contact-right .text-success {
  font-size: 20px;
  margin-top: 12px;
  color: #28a745;
}

.map-area #map {
  width: 100%;
  height: 450px;
  display: block;
  border: 0;
}

/*----- End Contact CSS -----*/

/*----- FAQ CSS -----*/

.faq-area .faq-head h2 {
  margin-bottom: 35px;
  font-weight: 600;
  font-size: 30px;
  margin-top: -7px;
}

.faq-area .faq-wrap {
  margin-bottom: 50px;
}

.faq-area .faq-wrap:last-child {
  margin-bottom: 30px;
}

.faq-area .accordion {
  padding-left: 0;
  margin: 0;
  padding: 0;
}

.faq-area .accordion p {
  font-size: 16px;
  display: none;
  padding: 20px 45px 15px 20px;
  margin-bottom: 0;
}

.faq-area .accordion a {
  color: #232323;
  font-size: 17px;
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: 600;
  padding: 15px 0 15px 18px;
  border: 1px solid #232323;
  border-radius: 8px 8px 0 0;
}

.faq-area .accordion a:hover {
  color: #282828;
}

.faq-area .accordion a:after {
  position: absolute;
  right: 20px;
  content: "+";
  top: 10px;
  color: #232323;
  font-size: 25px;
  font-weight: 700;
}

.faq-area .accordion li {
  position: relative;
  list-style-type: none;
  margin-bottom: 30px;
}

.faq-area .accordion li:first-child {
  border-top: 0;
}

.faq-area .accordion li:last-child {
  margin-bottom: 0;
}

.faq-area .accordion li a.active {
  color: #ffffff;
  background-color: #1d65f9;
  border: 1px solid #1d65f9;
}

.faq-area .accordion li a.active:after {
  content: "-";
  font-size: 25px;
  color: #ffffff;
}

/*----- End FAQ CSS -----*/

/*----- Error CSS -----*/

.error-item {
  height: 600px;
  text-align: center;
}

.error-item h1 {
  font-size: 130px;
  font-weight: 700;
  margin-bottom: 8px;
  color: #282828;
}

.error-item p {
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 35px;
  color: #282828;
}

.error-item p i {
  display: inline-block;
}

.error-item span {
  display: block;
  color: #646464;
}

.error-item a {
  display: inline-block;
  color: #ffffff;
  background-color: var(--var-main-color);
  padding: 20px 45px;
  margin-top: 70px;
  font-size: 18px;
}

.error-item a:hover {
  background-color: #000000;
}

/*----- End Error CSS -----*/

/*----- Coming Soon CSS -----*/

.coming-item {
  height: 100vh;
  text-align: center;
}

.coming-item h1 {
  font-size: 75px;
  font-weight: 700;
  font-style: italic;
  margin-bottom: 20px;
}

.coming-item p {
  margin-bottom: 40px;
  max-width: 865px;
  margin-left: auto;
  margin-right: auto;
}

.coming-item .coming-wrap {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}

.coming-item .coming-wrap .coming-inner {
  text-align: center;
  background-color: #efefef;
  padding-top: 15px;
  padding-bottom: 12px;
  margin-bottom: 30px;
}

.coming-item .coming-wrap .coming-inner h3 {
  font-size: 40px;
  font-weight: 600;
  color: #232323;
  margin-bottom: 0;
}

.coming-item .coming-wrap .coming-inner p {
  font-size: 16px;
  margin-bottom: 0;
}

.coming-item ul {
  margin: 0;
  padding: 0;
}

.coming-item ul li {
  list-style-type: none;
  display: inline-block;
  margin-right: 2px;
  margin-left: 2px;
}

.coming-item ul li a {
  display: block;
  color: #ffffff;
  background-color: #1d65f9;
  width: 35px;
  height: 35px;
  line-height: 39px;
  border-radius: 50%;
  font-size: 16px;
}

.coming-item ul li a:hover {
  background-color: #282828;
}

/*----- End Coming Soon CSS -----*/

/*----- Privacy Policy CSS -----*/

.privacy-area {
  padding-bottom: 50px;
}

.privacy-item {
  margin-bottom: 50px;
}

.privacy-item h2 {
  font-size: 26px;
  font-weight: 600;
  font-family: "Roboto", sans-serif;
}

.privacy-item p {
  margin-bottom: 0;
}

.tirrent-booster p {
  color: #000 !important;
}

.privacy-item ul {
  margin: 0;
  padding: 0;
}

.privacy-item ul li {
  list-style-type: none;
  display: block;
  margin-bottom: 10px;
}

.privacy-item ul li i {
  display: inline-block;
  font-size: 20px;
  position: relative;
  bottom: -2px;
}

.privacy-item ul li:last-child {
  margin-bottom: 0;
}

/*----- End Privacy PolicyCSS -----*/

/*----- Preloader CSS -----*/

.loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  background: #1d65f9;
}

.spinner {
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

@keyframes sk-rotateplane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*----- End Preloader CSS -----*/

/*----- Back to Top CSS ------*/

#toTop {
  position: fixed;
  top: 35px;
  transition: "all .8s cubic-bezier(.3,1.1,.4,1.1)";
  cursor: pointer;
  display: none;
  z-index: 900;
}

@media (max-width: 991px) {
  #toTop {
    top: 10px;
  }
}

.right {
  right: 60px;
}

.left {
  left: 60px;
}

@media (min-width: 991px) and (max-width: 1091px) {
  .right {
    right: 60px;
  }
}

@media (max-width: 991px) {
  #toTop {
    top: 17px;
  }

  .right {
    right: 60px;
  }

  .left {
    left: 60px;
  }
}

.back-to-top-btn i {
  color: #ffffff;
  height: 50px;
  width: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  font-size: 25px;
  border-radius: 50%;
  -webkit-transition: 0.5s all ease;
  transition: 0.5s all ease;
  margin-right: 28px;
}

.back-to-top-btn i:hover {
  background: #282828;
  color: #ffffff;
  -webkit-box-shadow: 0px 0px 14px 0px #282828;
  box-shadow: 0px 0px 14px 0px #282828;
}

/*----- End Back to Top CSS -----*/

.about-area .about-img-wrap .about-shape img:nth-child(4) {
  right: 15px;
}

/*# sourceMappingURL=style.css.map */
@media screen and (max-width: 480px) {
  .services-number,
  .services-number-right {
    display: none;
  }
}

.social-links-point-heading {
  text-align: center;
  color: var(--var-main-color) !important;
  padding: 20px;
  font-weight: bolder;
}

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

  to {
    transform: translateY(-0);
  }
}

#stars {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 722px 1582px var(--var-main-color),
    561px 47px var(--var-main-color), 1106px 1508px var(--var-main-color),
    119px 415px var(--var-main-color), 1147px 103px var(--var-main-color),
    30px 1997px var(--var-main-color), 779px 1932px var(--var-main-color),
    1693px 552px var(--var-main-color), 808px 205px var(--var-main-color),
    1908px 1172px var(--var-main-color), 1702px 825px var(--var-main-color),
    1155px 313px var(--var-main-color), 1359px 357px var(--var-main-color),
    1819px 83px var(--var-main-color), 1242px 163px var(--var-main-color),
    1052px 1742px var(--var-main-color), 1713px 1056px var(--var-main-color),
    707px 877px var(--var-main-color), 555px 1168px var(--var-main-color),
    298px 70px var(--var-main-color), 985px 1411px var(--var-main-color),
    50px 1916px var(--var-main-color), 1127px 1084px var(--var-main-color),
    1796px 1864px var(--var-main-color), 618px 503px var(--var-main-color),
    115px 89px var(--var-main-color), 1578px 872px var(--var-main-color),
    1566px 1550px var(--var-main-color), 246px 464px var(--var-main-color),
    953px 1438px var(--var-main-color), 331px 401px var(--var-main-color),
    1048px 1079px var(--var-main-color), 1294px 1621px var(--var-main-color),
    42px 1219px var(--var-main-color), 1268px 124px var(--var-main-color),
    670px 1784px var(--var-main-color), 776px 439px var(--var-main-color),
    1443px 690px var(--var-main-color), 1296px 527px var(--var-main-color),
    1003px 1299px var(--var-main-color), 500px 1836px var(--var-main-color),
    1591px 1531px var(--var-main-color), 1049px 1108px var(--var-main-color),
    263px 1464px var(--var-main-color), 1008px 522px var(--var-main-color),
    1615px 134px var(--var-main-color), 1298px 1314px var(--var-main-color),
    1428px 904px var(--var-main-color), 1995px 660px var(--var-main-color),
    36px 615px var(--var-main-color), 193px 990px var(--var-main-color),
    356px 1630px var(--var-main-color), 1057px 906px var(--var-main-color),
    310px 331px var(--var-main-color), 1540px 791px var(--var-main-color),
    233px 149px var(--var-main-color), 1978px 1757px var(--var-main-color),
    542px 1873px var(--var-main-color), 1338px 1706px var(--var-main-color),
    1038px 291px var(--var-main-color), 935px 1486px var(--var-main-color),
    1310px 1436px var(--var-main-color), 244px 446px var(--var-main-color),
    641px 1979px var(--var-main-color), 1187px 1705px var(--var-main-color),
    947px 1096px var(--var-main-color), 1241px 1756px var(--var-main-color),
    1170px 1746px var(--var-main-color), 1771px 1213px var(--var-main-color),
    963px 1576px var(--var-main-color), 256px 1685px var(--var-main-color),
    1465px 509px var(--var-main-color), 95px 1148px var(--var-main-color),
    1665px 1860px var(--var-main-color), 575px 1949px var(--var-main-color),
    121px 1032px var(--var-main-color), 547px 1945px var(--var-main-color),
    1297px 837px var(--var-main-color), 703px 722px var(--var-main-color),
    406px 848px var(--var-main-color), 931px 1746px var(--var-main-color),
    1492px 276px var(--var-main-color), 1730px 478px var(--var-main-color),
    419px 978px var(--var-main-color), 352px 1177px var(--var-main-color),
    976px 1808px var(--var-main-color), 1845px 1205px var(--var-main-color),
    1114px 893px var(--var-main-color), 928px 1590px var(--var-main-color),
    356px 1488px var(--var-main-color), 1083px 848px var(--var-main-color),
    436px 1401px var(--var-main-color), 422px 1457px var(--var-main-color),
    849px 1193px var(--var-main-color), 1573px 570px var(--var-main-color),
    592px 1856px var(--var-main-color), 1247px 53px var(--var-main-color),
    1434px 1996px var(--var-main-color), 482px 698px var(--var-main-color),
    1869px 1609px var(--var-main-color), 726px 495px var(--var-main-color),
    1337px 939px var(--var-main-color), 1658px 1404px var(--var-main-color),
    1052px 93px var(--var-main-color), 1878px 1049px var(--var-main-color),
    1614px 1280px var(--var-main-color), 31px 551px var(--var-main-color),
    1871px 133px var(--var-main-color), 1406px 1116px var(--var-main-color),
    1716px 86px var(--var-main-color), 948px 1223px var(--var-main-color),
    1155px 860px var(--var-main-color), 176px 340px var(--var-main-color),
    853px 1494px var(--var-main-color), 1100px 1820px var(--var-main-color),
    1444px 830px var(--var-main-color), 1170px 290px var(--var-main-color),
    902px 1059px var(--var-main-color), 376px 896px var(--var-main-color),
    1489px 292px var(--var-main-color), 34px 1847px var(--var-main-color),
    938px 483px var(--var-main-color), 1232px 468px var(--var-main-color),
    1668px 1487px var(--var-main-color), 1675px 1035px var(--var-main-color),
    1200px 355px var(--var-main-color), 210px 79px var(--var-main-color),
    1146px 1852px var(--var-main-color), 1436px 1262px var(--var-main-color),
    1776px 1847px var(--var-main-color), 775px 1325px var(--var-main-color),
    1871px 44px var(--var-main-color), 513px 279px var(--var-main-color),
    648px 1815px var(--var-main-color), 410px 946px var(--var-main-color),
    351px 1823px var(--var-main-color), 1181px 1439px var(--var-main-color),
    1289px 136px var(--var-main-color), 1986px 141px var(--var-main-color),
    1859px 226px var(--var-main-color), 1128px 1344px var(--var-main-color),
    1288px 772px var(--var-main-color), 474px 1278px var(--var-main-color),
    1653px 1868px var(--var-main-color), 1781px 284px var(--var-main-color),
    1371px 1891px var(--var-main-color), 1866px 1949px var(--var-main-color),
    969px 209px var(--var-main-color), 1345px 762px var(--var-main-color),
    1316px 1553px var(--var-main-color), 1799px 668px var(--var-main-color),
    1134px 1625px var(--var-main-color), 1826px 1489px var(--var-main-color),
    462px 1692px var(--var-main-color), 620px 810px var(--var-main-color),
    809px 1705px var(--var-main-color), 809px 1550px var(--var-main-color),
    1585px 1120px var(--var-main-color), 1900px 1532px var(--var-main-color),
    1187px 1203px var(--var-main-color), 208px 1504px var(--var-main-color),
    1397px 1246px var(--var-main-color), 575px 1198px var(--var-main-color),
    729px 1518px var(--var-main-color), 535px 430px var(--var-main-color),
    522px 1012px var(--var-main-color), 327px 540px var(--var-main-color),
    1077px 1237px var(--var-main-color), 1649px 1376px var(--var-main-color),
    1458px 720px var(--var-main-color), 1607px 1205px var(--var-main-color),
    696px 899px var(--var-main-color), 322px 718px var(--var-main-color),
    353px 98px var(--var-main-color), 72px 1875px var(--var-main-color),
    1567px 548px var(--var-main-color), 1059px 273px var(--var-main-color),
    1985px 522px var(--var-main-color), 1195px 305px var(--var-main-color),
    1873px 404px var(--var-main-color), 1957px 117px var(--var-main-color),
    20px 779px var(--var-main-color), 602px 1202px var(--var-main-color),
    387px 212px var(--var-main-color), 623px 167px var(--var-main-color),
    1892px 1442px var(--var-main-color), 1044px 1397px var(--var-main-color),
    215px 423px var(--var-main-color), 34px 1835px var(--var-main-color),
    492px 643px var(--var-main-color), 1852px 1036px var(--var-main-color),
    1841px 1210px var(--var-main-color), 1370px 1512px var(--var-main-color),
    1660px 591px var(--var-main-color), 1683px 21px var(--var-main-color),
    525px 1319px var(--var-main-color), 180px 759px var(--var-main-color),
    1318px 1227px var(--var-main-color), 979px 626px var(--var-main-color),
    1525px 1205px var(--var-main-color), 1687px 801px var(--var-main-color),
    978px 1198px var(--var-main-color), 765px 311px var(--var-main-color),
    663px 276px var(--var-main-color), 1448px 295px var(--var-main-color),
    192px 755px var(--var-main-color), 1671px 113px var(--var-main-color),
    839px 952px var(--var-main-color), 918px 1741px var(--var-main-color),
    69px 1419px var(--var-main-color), 791px 1913px var(--var-main-color),
    1572px 968px var(--var-main-color), 1563px 75px var(--var-main-color),
    1756px 994px var(--var-main-color), 1930px 819px var(--var-main-color),
    1016px 569px var(--var-main-color), 767px 1419px var(--var-main-color),
    254px 1426px var(--var-main-color), 323px 1230px var(--var-main-color),
    1029px 1085px var(--var-main-color), 1764px 1110px var(--var-main-color),
    1911px 1435px var(--var-main-color), 1248px 1152px var(--var-main-color),
    863px 1003px var(--var-main-color), 760px 974px var(--var-main-color),
    172px 1382px var(--var-main-color), 329px 476px var(--var-main-color),
    471px 1855px var(--var-main-color), 467px 888px var(--var-main-color),
    1026px 1412px var(--var-main-color), 824px 1550px var(--var-main-color),
    107px 1912px var(--var-main-color), 718px 633px var(--var-main-color),
    1204px 955px var(--var-main-color), 1282px 216px var(--var-main-color),
    1909px 1929px var(--var-main-color), 1413px 670px var(--var-main-color),
    941px 914px var(--var-main-color), 48px 343px var(--var-main-color),
    747px 168px var(--var-main-color), 1741px 1766px var(--var-main-color),
    376px 1315px var(--var-main-color), 1779px 314px var(--var-main-color),
    1108px 828px var(--var-main-color), 48px 1354px var(--var-main-color),
    1363px 1307px var(--var-main-color), 292px 1285px var(--var-main-color),
    25px 1613px var(--var-main-color), 1656px 643px var(--var-main-color),
    1592px 1427px var(--var-main-color), 908px 1921px var(--var-main-color),
    1050px 1607px var(--var-main-color), 578px 1454px var(--var-main-color),
    1533px 1676px var(--var-main-color), 1368px 1913px var(--var-main-color),
    926px 373px var(--var-main-color), 1237px 1735px var(--var-main-color),
    1440px 943px var(--var-main-color), 1592px 1890px var(--var-main-color),
    606px 1227px var(--var-main-color), 693px 200px var(--var-main-color),
    608px 223px var(--var-main-color), 614px 845px var(--var-main-color),
    1764px 874px var(--var-main-color), 1564px 1188px var(--var-main-color),
    1397px 111px var(--var-main-color), 1436px 1429px var(--var-main-color),
    1708px 1461px var(--var-main-color), 326px 1784px var(--var-main-color),
    1433px 1075px var(--var-main-color), 1635px 891px var(--var-main-color),
    1510px 215px var(--var-main-color), 1718px 130px var(--var-main-color),
    1183px 1773px var(--var-main-color), 1305px 1554px var(--var-main-color),
    99px 13px var(--var-main-color), 8px 643px var(--var-main-color),
    810px 1643px var(--var-main-color), 1471px 789px var(--var-main-color),
    1096px 1049px var(--var-main-color), 700px 293px var(--var-main-color),
    135px 718px var(--var-main-color), 1223px 1496px var(--var-main-color),
    529px 229px var(--var-main-color), 84px 1387px var(--var-main-color),
    1126px 364px var(--var-main-color), 1242px 550px var(--var-main-color),
    1235px 650px var(--var-main-color), 1401px 1486px var(--var-main-color),
    1319px 73px var(--var-main-color), 687px 56px var(--var-main-color),
    226px 1607px var(--var-main-color), 1797px 1481px var(--var-main-color),
    1021px 485px var(--var-main-color), 1073px 972px var(--var-main-color),
    1945px 1428px var(--var-main-color), 1058px 24px var(--var-main-color),
    884px 477px var(--var-main-color), 406px 384px var(--var-main-color),
    1296px 977px var(--var-main-color), 1484px 278px var(--var-main-color),
    6px 7px var(--var-main-color), 1540px 1861px var(--var-main-color),
    695px 520px var(--var-main-color), 1055px 1196px var(--var-main-color),
    260px 480px var(--var-main-color), 645px 1268px var(--var-main-color),
    1226px 302px var(--var-main-color), 75px 1859px var(--var-main-color),
    1884px 463px var(--var-main-color), 1944px 792px var(--var-main-color),
    535px 1784px var(--var-main-color), 1614px 1245px var(--var-main-color),
    1941px 86px var(--var-main-color), 1661px 108px var(--var-main-color),
    1386px 369px var(--var-main-color), 1798px 755px var(--var-main-color),
    1946px 1127px var(--var-main-color), 945px 773px var(--var-main-color),
    1008px 785px var(--var-main-color), 1262px 1141px var(--var-main-color),
    1396px 531px var(--var-main-color), 865px 390px var(--var-main-color),
    1128px 131px var(--var-main-color), 200px 1809px var(--var-main-color),
    739px 320px var(--var-main-color), 913px 899px var(--var-main-color),
    845px 1212px var(--var-main-color), 527px 252px var(--var-main-color),
    607px 368px var(--var-main-color), 526px 1090px var(--var-main-color),
    1318px 528px var(--var-main-color), 1725px 466px var(--var-main-color),
    1251px 574px var(--var-main-color), 1745px 113px var(--var-main-color),
    1921px 175px var(--var-main-color), 19px 132px var(--var-main-color),
    1480px 998px var(--var-main-color), 1363px 1654px var(--var-main-color),
    1991px 267px var(--var-main-color), 1591px 1471px var(--var-main-color),
    826px 1096px var(--var-main-color), 1682px 645px var(--var-main-color),
    1725px 1322px var(--var-main-color), 115px 863px var(--var-main-color),
    1423px 1415px var(--var-main-color), 1563px 829px var(--var-main-color),
    1428px 929px var(--var-main-color), 417px 515px var(--var-main-color),
    887px 1154px var(--var-main-color), 1682px 306px var(--var-main-color),
    1045px 1082px var(--var-main-color), 428px 1743px var(--var-main-color),
    895px 1943px var(--var-main-color), 1372px 1244px var(--var-main-color),
    1645px 93px var(--var-main-color), 1707px 405px var(--var-main-color),
    218px 1434px var(--var-main-color), 1378px 374px var(--var-main-color),
    1287px 413px var(--var-main-color), 1234px 1004px var(--var-main-color),
    1529px 73px var(--var-main-color), 1661px 1221px var(--var-main-color),
    1001px 882px var(--var-main-color), 830px 1153px var(--var-main-color),
    523px 652px var(--var-main-color), 1959px 438px var(--var-main-color),
    1365px 855px var(--var-main-color), 1345px 1642px var(--var-main-color),
    1587px 684px var(--var-main-color), 1514px 1765px var(--var-main-color),
    1484px 361px var(--var-main-color), 1637px 649px var(--var-main-color),
    1310px 798px var(--var-main-color), 1250px 1206px var(--var-main-color),
    205px 1179px var(--var-main-color), 1573px 833px var(--var-main-color),
    1415px 398px var(--var-main-color), 1252px 1889px var(--var-main-color),
    740px 1123px var(--var-main-color), 1972px 1775px var(--var-main-color),
    255px 452px var(--var-main-color), 597px 1684px var(--var-main-color),
    44px 1314px var(--var-main-color), 486px 843px var(--var-main-color),
    101px 685px var(--var-main-color), 1975px 842px var(--var-main-color),
    1563px 1260px var(--var-main-color), 61px 922px var(--var-main-color),
    493px 1782px var(--var-main-color), 210px 438px var(--var-main-color),
    176px 1519px var(--var-main-color), 1433px 573px var(--var-main-color),
    835px 997px var(--var-main-color), 1123px 584px var(--var-main-color),
    1889px 20px var(--var-main-color), 189px 578px var(--var-main-color),
    650px 826px var(--var-main-color), 1809px 37px var(--var-main-color),
    1060px 1387px var(--var-main-color), 1160px 638px var(--var-main-color),
    685px 124px var(--var-main-color), 448px 1034px var(--var-main-color),
    353px 1144px var(--var-main-color), 35px 712px var(--var-main-color),
    1223px 1387px var(--var-main-color), 168px 651px var(--var-main-color),
    292px 1829px var(--var-main-color), 1057px 457px var(--var-main-color),
    1832px 639px var(--var-main-color), 1589px 521px var(--var-main-color),
    1504px 1449px var(--var-main-color), 1359px 643px var(--var-main-color),
    1552px 624px var(--var-main-color), 701px 736px var(--var-main-color),
    1168px 1286px var(--var-main-color), 1052px 1185px var(--var-main-color),
    206px 778px var(--var-main-color), 1757px 222px var(--var-main-color),
    1629px 1266px var(--var-main-color), 97px 389px var(--var-main-color),
    423px 138px var(--var-main-color), 923px 5px var(--var-main-color),
    1409px 337px var(--var-main-color), 744px 1538px var(--var-main-color),
    777px 424px var(--var-main-color), 1865px 762px var(--var-main-color),
    181px 321px var(--var-main-color), 520px 762px var(--var-main-color),
    696px 1949px var(--var-main-color), 334px 436px var(--var-main-color),
    950px 311px var(--var-main-color), 212px 1536px var(--var-main-color),
    1593px 950px var(--var-main-color), 249px 1097px var(--var-main-color),
    635px 109px var(--var-main-color), 398px 1997px var(--var-main-color),
    889px 744px var(--var-main-color), 1201px 1512px var(--var-main-color),
    1464px 1633px var(--var-main-color), 1598px 1989px var(--var-main-color),
    1365px 342px var(--var-main-color), 1061px 1680px var(--var-main-color),
    1887px 1128px var(--var-main-color), 1240px 1964px var(--var-main-color),
    418px 92px var(--var-main-color), 1599px 145px var(--var-main-color),
    306px 176px var(--var-main-color), 1777px 726px var(--var-main-color),
    240px 37px var(--var-main-color), 1122px 873px var(--var-main-color),
    924px 1820px var(--var-main-color), 813px 1072px var(--var-main-color),
    476px 1732px var(--var-main-color), 1302px 1918px var(--var-main-color),
    494px 1158px var(--var-main-color), 17px 1424px var(--var-main-color),
    207px 906px var(--var-main-color), 1746px 1609px var(--var-main-color),
    1714px 1002px var(--var-main-color), 1949px 1893px var(--var-main-color),
    1336px 1647px var(--var-main-color), 102px 231px var(--var-main-color),
    1922px 153px var(--var-main-color), 1906px 1789px var(--var-main-color),
    1432px 1524px var(--var-main-color), 125px 1994px var(--var-main-color),
    1812px 423px var(--var-main-color), 917px 857px var(--var-main-color),
    735px 1624px var(--var-main-color), 204px 292px var(--var-main-color),
    1915px 1828px var(--var-main-color), 720px 739px var(--var-main-color),
    1919px 190px var(--var-main-color), 1867px 1142px var(--var-main-color),
    504px 1027px var(--var-main-color), 1973px 407px var(--var-main-color),
    657px 1738px var(--var-main-color), 1573px 523px var(--var-main-color),
    544px 1735px var(--var-main-color), 716px 47px var(--var-main-color),
    848px 469px var(--var-main-color), 1622px 1857px var(--var-main-color),
    1720px 546px var(--var-main-color), 1302px 1548px var(--var-main-color),
    415px 77px var(--var-main-color), 926px 962px var(--var-main-color),
    1014px 791px var(--var-main-color), 605px 263px var(--var-main-color),
    161px 952px var(--var-main-color), 753px 1275px var(--var-main-color),
    1580px 1830px var(--var-main-color), 1401px 1009px var(--var-main-color),
    1777px 1338px var(--var-main-color), 1641px 143px var(--var-main-color),
    162px 381px var(--var-main-color), 36px 1196px var(--var-main-color),
    1619px 1975px var(--var-main-color), 1637px 1555px var(--var-main-color),
    317px 1889px var(--var-main-color), 931px 371px var(--var-main-color),
    139px 447px var(--var-main-color), 936px 349px var(--var-main-color),
    1481px 110px var(--var-main-color), 1521px 1170px var(--var-main-color),
    1896px 1216px var(--var-main-color), 46px 1214px var(--var-main-color),
    1196px 133px var(--var-main-color), 526px 820px var(--var-main-color),
    1058px 1859px var(--var-main-color), 1373px 1290px var(--var-main-color),
    1634px 784px var(--var-main-color), 1192px 1486px var(--var-main-color),
    1001px 180px var(--var-main-color), 1769px 275px var(--var-main-color),
    1298px 1455px var(--var-main-color), 912px 1687px var(--var-main-color),
    91px 1326px var(--var-main-color), 1292px 1687px var(--var-main-color),
    1904px 32px var(--var-main-color), 879px 964px var(--var-main-color),
    529px 325px var(--var-main-color), 1741px 668px var(--var-main-color),
    315px 705px var(--var-main-color), 1252px 967px var(--var-main-color),
    1794px 1846px var(--var-main-color), 1504px 842px var(--var-main-color),
    1047px 992px var(--var-main-color), 922px 450px var(--var-main-color),
    1869px 603px var(--var-main-color), 1240px 1128px var(--var-main-color),
    1301px 458px var(--var-main-color), 700px 1722px var(--var-main-color),
    1219px 1373px var(--var-main-color), 1877px 1114px var(--var-main-color),
    1846px 415px var(--var-main-color), 1690px 653px var(--var-main-color),
    665px 203px var(--var-main-color), 1194px 1955px var(--var-main-color),
    275px 1136px var(--var-main-color), 1424px 248px var(--var-main-color),
    1819px 1354px var(--var-main-color), 110px 1527px var(--var-main-color),
    1608px 1304px var(--var-main-color), 1839px 496px var(--var-main-color),
    1380px 1488px var(--var-main-color), 1658px 1926px var(--var-main-color),
    1512px 1710px var(--var-main-color), 1146px 1611px var(--var-main-color),
    1144px 423px var(--var-main-color), 1431px 736px var(--var-main-color),
    284px 747px var(--var-main-color), 133px 1246px var(--var-main-color),
    1452px 1570px var(--var-main-color), 797px 614px var(--var-main-color),
    1469px 229px var(--var-main-color), 128px 803px var(--var-main-color),
    262px 1240px var(--var-main-color), 187px 1334px var(--var-main-color),
    1179px 1140px var(--var-main-color), 1461px 572px var(--var-main-color),
    783px 1926px var(--var-main-color), 843px 826px var(--var-main-color),
    1525px 554px var(--var-main-color), 1347px 1604px var(--var-main-color),
    1448px 723px var(--var-main-color), 362px 1882px var(--var-main-color),
    1745px 787px var(--var-main-color), 1604px 1052px var(--var-main-color),
    1724px 787px var(--var-main-color), 1496px 1524px var(--var-main-color),
    110px 6px var(--var-main-color), 253px 575px var(--var-main-color),
    1316px 483px var(--var-main-color), 272px 1079px var(--var-main-color),
    224px 409px var(--var-main-color), 1782px 719px var(--var-main-color),
    21px 726px var(--var-main-color), 1210px 486px var(--var-main-color),
    177px 1708px var(--var-main-color), 1375px 1309px var(--var-main-color),
    447px 311px var(--var-main-color), 1099px 1014px var(--var-main-color),
    129px 263px var(--var-main-color), 503px 494px var(--var-main-color),
    1271px 1324px var(--var-main-color), 523px 698px var(--var-main-color),
    345px 351px var(--var-main-color), 28px 993px var(--var-main-color),
    470px 1910px var(--var-main-color), 1096px 905px var(--var-main-color),
    1433px 1624px var(--var-main-color), 1468px 1148px var(--var-main-color),
    658px 1486px var(--var-main-color), 1029px 1656px var(--var-main-color),
    1600px 378px var(--var-main-color), 1854px 927px var(--var-main-color),
    1965px 1532px var(--var-main-color), 803px 207px var(--var-main-color),
    1241px 1193px var(--var-main-color), 272px 1789px var(--var-main-color),
    1162px 902px var(--var-main-color), 1109px 1662px var(--var-main-color),
    55px 725px var(--var-main-color), 1478px 1373px var(--var-main-color),
    1327px 1182px var(--var-main-color), 226px 995px var(--var-main-color),
    1055px 1250px var(--var-main-color), 1810px 1819px var(--var-main-color),
    993px 1213px var(--var-main-color), 1887px 472px var(--var-main-color),
    1536px 1358px var(--var-main-color), 1542px 1560px var(--var-main-color),
    1208px 1165px var(--var-main-color), 373px 599px var(--var-main-color),
    978px 1026px var(--var-main-color), 801px 665px var(--var-main-color),
    1994px 400px var(--var-main-color), 1238px 1386px var(--var-main-color),
    422px 165px var(--var-main-color), 1688px 1191px var(--var-main-color),
    1906px 250px var(--var-main-color), 1372px 1574px var(--var-main-color),
    849px 1698px var(--var-main-color), 1612px 1975px var(--var-main-color),
    846px 210px var(--var-main-color), 1715px 921px var(--var-main-color),
    585px 1361px var(--var-main-color), 1194px 1543px var(--var-main-color),
    406px 1085px var(--var-main-color), 1404px 1298px var(--var-main-color),
    867px 155px var(--var-main-color), 558px 1001px var(--var-main-color),
    435px 530px var(--var-main-color), 1691px 1992px var(--var-main-color),
    1619px 158px var(--var-main-color), 1232px 1658px var(--var-main-color),
    1423px 582px var(--var-main-color), 162px 692px var(--var-main-color),
    1915px 248px var(--var-main-color), 1099px 24px var(--var-main-color),
    869px 1947px var(--var-main-color), 867px 460px var(--var-main-color),
    1566px 1423px var(--var-main-color), 1172px 1562px var(--var-main-color),
    224px 504px var(--var-main-color), 1024px 864px var(--var-main-color),
    1797px 951px var(--var-main-color), 384px 1019px var(--var-main-color),
    946px 316px var(--var-main-color), 1085px 1035px var(--var-main-color),
    125px 1946px var(--var-main-color), 997px 69px var(--var-main-color),
    1484px 1371px var(--var-main-color), 1339px 160px var(--var-main-color),
    540px 715px var(--var-main-color), 77px 345px var(--var-main-color),
    1241px 1816px var(--var-main-color), 180px 1001px var(--var-main-color),
    1924px 581px var(--var-main-color), 436px 850px var(--var-main-color),
    814px 591px var(--var-main-color), 516px 1421px var(--var-main-color),
    1495px 820px var(--var-main-color), 451px 177px var(--var-main-color),
    898px 1481px var(--var-main-color), 1953px 687px var(--var-main-color),
    383px 1277px var(--var-main-color), 384px 80px var(--var-main-color),
    1879px 659px var(--var-main-color), 1805px 1234px var(--var-main-color),
    1622px 481px var(--var-main-color), 1576px 804px var(--var-main-color),
    1874px 1157px var(--var-main-color), 1929px 1801px var(--var-main-color),
    526px 1583px var(--var-main-color), 1420px 1104px var(--var-main-color),
    1096px 1981px var(--var-main-color), 722px 1836px var(--var-main-color),
    1230px 854px var(--var-main-color), 1881px 1238px var(--var-main-color),
    1742px 1908px var(--var-main-color), 1888px 5px var(--var-main-color),
    1814px 129px var(--var-main-color), 1356px 1360px var(--var-main-color),
    327px 1790px var(--var-main-color), 1804px 349px var(--var-main-color),
    356px 19px var(--var-main-color), 1216px 1594px var(--var-main-color),
    846px 872px var(--var-main-color), 388px 1497px var(--var-main-color),
    1595px 748px var(--var-main-color), 1900px 496px var(--var-main-color),
    1385px 1494px var(--var-main-color), 1475px 1891px var(--var-main-color),
    447px 539px var(--var-main-color), 1941px 1995px var(--var-main-color),
    557px 1381px var(--var-main-color), 228px 1982px var(--var-main-color),
    10px 617px var(--var-main-color);
  animation: animStar 50s linear infinite;
}

#stars:after {
  content: " ";
  position: absolute;
  top: 8 00px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 722px 1582px var(--var-main-color),
    561px 47px var(--var-main-color), 1106px 1508px var(--var-main-color),
    119px 415px var(--var-main-color), 1147px 103px var(--var-main-color),
    30px 1997px var(--var-main-color), 779px 1932px var(--var-main-color),
    1693px 552px var(--var-main-color), 808px 205px var(--var-main-color),
    1908px 1172px var(--var-main-color), 1702px 825px var(--var-main-color),
    1155px 313px var(--var-main-color), 1359px 357px var(--var-main-color),
    1819px 83px var(--var-main-color), 1242px 163px var(--var-main-color),
    1052px 1742px var(--var-main-color), 1713px 1056px var(--var-main-color),
    707px 877px var(--var-main-color), 555px 1168px var(--var-main-color),
    298px 70px var(--var-main-color), 985px 1411px var(--var-main-color),
    50px 1916px var(--var-main-color), 1127px 1084px var(--var-main-color),
    1796px 1864px var(--var-main-color), 618px 503px var(--var-main-color),
    115px 89px var(--var-main-color), 1578px 872px var(--var-main-color),
    1566px 1550px var(--var-main-color), 246px 464px var(--var-main-color),
    953px 1438px var(--var-main-color), 331px 401px var(--var-main-color),
    1048px 1079px var(--var-main-color), 1294px 1621px var(--var-main-color),
    42px 1219px var(--var-main-color), 1268px 124px var(--var-main-color),
    670px 1784px var(--var-main-color), 776px 439px var(--var-main-color),
    1443px 690px var(--var-main-color), 1296px 527px var(--var-main-color),
    1003px 1299px var(--var-main-color), 500px 1836px var(--var-main-color),
    1591px 1531px var(--var-main-color), 1049px 1108px var(--var-main-color),
    263px 1464px var(--var-main-color), 1008px 522px var(--var-main-color),
    1615px 134px var(--var-main-color), 1298px 1314px var(--var-main-color),
    1428px 904px var(--var-main-color), 1995px 660px var(--var-main-color),
    36px 615px var(--var-main-color), 193px 990px var(--var-main-color),
    356px 1630px var(--var-main-color), 1057px 906px var(--var-main-color),
    310px 331px var(--var-main-color), 1540px 791px var(--var-main-color),
    233px 149px var(--var-main-color), 1978px 1757px var(--var-main-color),
    542px 1873px var(--var-main-color), 1338px 1706px var(--var-main-color),
    1038px 291px var(--var-main-color), 935px 1486px var(--var-main-color),
    1310px 1436px var(--var-main-color), 244px 446px var(--var-main-color),
    641px 1979px var(--var-main-color), 1187px 1705px var(--var-main-color),
    947px 1096px var(--var-main-color), 1241px 1756px var(--var-main-color),
    1170px 1746px var(--var-main-color), 1771px 1213px var(--var-main-color),
    963px 1576px var(--var-main-color), 256px 1685px var(--var-main-color),
    1465px 509px var(--var-main-color), 95px 1148px var(--var-main-color),
    1665px 1860px var(--var-main-color), 575px 1949px var(--var-main-color),
    121px 1032px var(--var-main-color), 547px 1945px var(--var-main-color),
    1297px 837px var(--var-main-color), 703px 722px var(--var-main-color),
    406px 848px var(--var-main-color), 931px 1746px var(--var-main-color),
    1492px 276px var(--var-main-color), 1730px 478px var(--var-main-color),
    419px 978px var(--var-main-color), 352px 1177px var(--var-main-color),
    976px 1808px var(--var-main-color), 1845px 1205px var(--var-main-color),
    1114px 893px var(--var-main-color), 928px 1590px var(--var-main-color),
    356px 1488px var(--var-main-color), 1083px 848px var(--var-main-color),
    436px 1401px var(--var-main-color), 422px 1457px var(--var-main-color),
    849px 1193px var(--var-main-color), 1573px 570px var(--var-main-color),
    592px 1856px var(--var-main-color), 1247px 53px var(--var-main-color),
    1434px 1996px var(--var-main-color), 482px 698px var(--var-main-color),
    1869px 1609px var(--var-main-color), 726px 495px var(--var-main-color),
    1337px 939px var(--var-main-color), 1658px 1404px var(--var-main-color),
    1052px 93px var(--var-main-color), 1878px 1049px var(--var-main-color),
    1614px 1280px var(--var-main-color), 31px 551px var(--var-main-color),
    1871px 133px var(--var-main-color), 1406px 1116px var(--var-main-color),
    1716px 86px var(--var-main-color), 948px 1223px var(--var-main-color),
    1155px 860px var(--var-main-color), 176px 340px var(--var-main-color),
    853px 1494px var(--var-main-color), 1100px 1820px var(--var-main-color),
    1444px 830px var(--var-main-color), 1170px 290px var(--var-main-color),
    902px 1059px var(--var-main-color), 376px 896px var(--var-main-color),
    1489px 292px var(--var-main-color), 34px 1847px var(--var-main-color),
    938px 483px var(--var-main-color), 1232px 468px var(--var-main-color),
    1668px 1487px var(--var-main-color), 1675px 1035px var(--var-main-color),
    1200px 355px var(--var-main-color), 210px 79px var(--var-main-color),
    1146px 1852px var(--var-main-color), 1436px 1262px var(--var-main-color),
    1776px 1847px var(--var-main-color), 775px 1325px var(--var-main-color),
    1871px 44px var(--var-main-color), 513px 279px var(--var-main-color),
    648px 1815px var(--var-main-color), 410px 946px var(--var-main-color),
    351px 1823px var(--var-main-color), 1181px 1439px var(--var-main-color),
    1289px 136px var(--var-main-color), 1986px 141px var(--var-main-color),
    1859px 226px var(--var-main-color), 1128px 1344px var(--var-main-color),
    1288px 772px var(--var-main-color), 474px 1278px var(--var-main-color),
    1653px 1868px var(--var-main-color), 1781px 284px var(--var-main-color),
    1371px 1891px var(--var-main-color), 1866px 1949px var(--var-main-color),
    969px 209px var(--var-main-color), 1345px 762px var(--var-main-color),
    1316px 1553px var(--var-main-color), 1799px 668px var(--var-main-color),
    1134px 1625px var(--var-main-color), 1826px 1489px var(--var-main-color),
    462px 1692px var(--var-main-color), 620px 810px var(--var-main-color),
    809px 1705px var(--var-main-color), 809px 1550px var(--var-main-color),
    1585px 1120px var(--var-main-color), 1900px 1532px var(--var-main-color),
    1187px 1203px var(--var-main-color), 208px 1504px var(--var-main-color),
    1397px 1246px var(--var-main-color), 575px 1198px var(--var-main-color),
    729px 1518px var(--var-main-color), 535px 430px var(--var-main-color),
    522px 1012px var(--var-main-color), 327px 540px var(--var-main-color),
    1077px 1237px var(--var-main-color), 1649px 1376px var(--var-main-color),
    1458px 720px var(--var-main-color), 1607px 1205px var(--var-main-color),
    696px 899px var(--var-main-color), 322px 718px var(--var-main-color),
    353px 98px var(--var-main-color), 72px 1875px var(--var-main-color),
    1567px 548px var(--var-main-color), 1059px 273px var(--var-main-color),
    1985px 522px var(--var-main-color), 1195px 305px var(--var-main-color),
    1873px 404px var(--var-main-color), 1957px 117px var(--var-main-color),
    20px 779px var(--var-main-color), 602px 1202px var(--var-main-color),
    387px 212px var(--var-main-color), 623px 167px var(--var-main-color),
    1892px 1442px var(--var-main-color), 1044px 1397px var(--var-main-color),
    215px 423px var(--var-main-color), 34px 1835px var(--var-main-color),
    492px 643px var(--var-main-color), 1852px 1036px var(--var-main-color),
    1841px 1210px var(--var-main-color), 1370px 1512px var(--var-main-color),
    1660px 591px var(--var-main-color), 1683px 21px var(--var-main-color),
    525px 1319px var(--var-main-color), 180px 759px var(--var-main-color),
    1318px 1227px var(--var-main-color), 979px 626px var(--var-main-color),
    1525px 1205px var(--var-main-color), 1687px 801px var(--var-main-color),
    978px 1198px var(--var-main-color), 765px 311px var(--var-main-color),
    663px 276px var(--var-main-color), 1448px 295px var(--var-main-color),
    192px 755px var(--var-main-color), 1671px 113px var(--var-main-color),
    839px 952px var(--var-main-color), 918px 1741px var(--var-main-color),
    69px 1419px var(--var-main-color), 791px 1913px var(--var-main-color),
    1572px 968px var(--var-main-color), 1563px 75px var(--var-main-color),
    1756px 994px var(--var-main-color), 1930px 819px var(--var-main-color),
    1016px 569px var(--var-main-color), 767px 1419px var(--var-main-color),
    254px 1426px var(--var-main-color), 323px 1230px var(--var-main-color),
    1029px 1085px var(--var-main-color), 1764px 1110px var(--var-main-color),
    1911px 1435px var(--var-main-color), 1248px 1152px var(--var-main-color),
    863px 1003px var(--var-main-color), 760px 974px var(--var-main-color),
    172px 1382px var(--var-main-color), 329px 476px var(--var-main-color),
    471px 1855px var(--var-main-color), 467px 888px var(--var-main-color),
    1026px 1412px var(--var-main-color), 824px 1550px var(--var-main-color),
    107px 1912px var(--var-main-color), 718px 633px var(--var-main-color),
    1204px 955px var(--var-main-color), 1282px 216px var(--var-main-color),
    1909px 1929px var(--var-main-color), 1413px 670px var(--var-main-color),
    941px 914px var(--var-main-color), 48px 343px var(--var-main-color),
    747px 168px var(--var-main-color), 1741px 1766px var(--var-main-color),
    376px 1315px var(--var-main-color), 1779px 314px var(--var-main-color),
    1108px 828px var(--var-main-color), 48px 1354px var(--var-main-color),
    1363px 1307px var(--var-main-color), 292px 1285px var(--var-main-color),
    25px 1613px var(--var-main-color), 1656px 643px var(--var-main-color),
    1592px 1427px var(--var-main-color), 908px 1921px var(--var-main-color),
    1050px 1607px var(--var-main-color), 578px 1454px var(--var-main-color),
    1533px 1676px var(--var-main-color), 1368px 1913px var(--var-main-color),
    926px 373px var(--var-main-color), 1237px 1735px var(--var-main-color),
    1440px 943px var(--var-main-color), 1592px 1890px var(--var-main-color),
    606px 1227px var(--var-main-color), 693px 200px var(--var-main-color),
    608px 223px var(--var-main-color), 614px 845px var(--var-main-color),
    1764px 874px var(--var-main-color), 1564px 1188px var(--var-main-color),
    1397px 111px var(--var-main-color), 1436px 1429px var(--var-main-color),
    1708px 1461px var(--var-main-color), 326px 1784px var(--var-main-color),
    1433px 1075px var(--var-main-color), 1635px 891px var(--var-main-color),
    1510px 215px var(--var-main-color), 1718px 130px var(--var-main-color),
    1183px 1773px var(--var-main-color), 1305px 1554px var(--var-main-color),
    99px 13px var(--var-main-color), 8px 643px var(--var-main-color),
    810px 1643px var(--var-main-color), 1471px 789px var(--var-main-color),
    1096px 1049px var(--var-main-color), 700px 293px var(--var-main-color),
    135px 718px var(--var-main-color), 1223px 1496px var(--var-main-color),
    529px 229px var(--var-main-color), 84px 1387px var(--var-main-color),
    1126px 364px var(--var-main-color), 1242px 550px var(--var-main-color),
    1235px 650px var(--var-main-color), 1401px 1486px var(--var-main-color),
    1319px 73px var(--var-main-color), 687px 56px var(--var-main-color),
    226px 1607px var(--var-main-color), 1797px 1481px var(--var-main-color),
    1021px 485px var(--var-main-color), 1073px 972px var(--var-main-color),
    1945px 1428px var(--var-main-color), 1058px 24px var(--var-main-color),
    884px 477px var(--var-main-color), 406px 384px var(--var-main-color),
    1296px 977px var(--var-main-color), 1484px 278px var(--var-main-color),
    6px 7px var(--var-main-color), 1540px 1861px var(--var-main-color),
    695px 520px var(--var-main-color), 1055px 1196px var(--var-main-color),
    260px 480px var(--var-main-color), 645px 1268px var(--var-main-color),
    1226px 302px var(--var-main-color), 75px 1859px var(--var-main-color),
    1884px 463px var(--var-main-color), 1944px 792px var(--var-main-color),
    535px 1784px var(--var-main-color), 1614px 1245px var(--var-main-color),
    1941px 86px var(--var-main-color), 1661px 108px var(--var-main-color),
    1386px 369px var(--var-main-color), 1798px 755px var(--var-main-color),
    1946px 1127px var(--var-main-color), 945px 773px var(--var-main-color),
    1008px 785px var(--var-main-color), 1262px 1141px var(--var-main-color),
    1396px 531px var(--var-main-color), 865px 390px var(--var-main-color),
    1128px 131px var(--var-main-color), 200px 1809px var(--var-main-color),
    739px 320px var(--var-main-color), 913px 899px var(--var-main-color),
    845px 1212px var(--var-main-color), 527px 252px var(--var-main-color),
    607px 368px var(--var-main-color), 526px 1090px var(--var-main-color),
    1318px 528px var(--var-main-color), 1725px 466px var(--var-main-color),
    1251px 574px var(--var-main-color), 1745px 113px var(--var-main-color),
    1921px 175px var(--var-main-color), 19px 132px var(--var-main-color),
    1480px 998px var(--var-main-color), 1363px 1654px var(--var-main-color),
    1991px 267px var(--var-main-color), 1591px 1471px var(--var-main-color),
    826px 1096px var(--var-main-color), 1682px 645px var(--var-main-color),
    1725px 1322px var(--var-main-color), 115px 863px var(--var-main-color),
    1423px 1415px var(--var-main-color), 1563px 829px var(--var-main-color),
    1428px 929px var(--var-main-color), 417px 515px var(--var-main-color),
    887px 1154px var(--var-main-color), 1682px 306px var(--var-main-color),
    1045px 1082px var(--var-main-color), 428px 1743px var(--var-main-color),
    895px 1943px var(--var-main-color), 1372px 1244px var(--var-main-color),
    1645px 93px var(--var-main-color), 1707px 405px var(--var-main-color),
    218px 1434px var(--var-main-color), 1378px 374px var(--var-main-color),
    1287px 413px var(--var-main-color), 1234px 1004px var(--var-main-color),
    1529px 73px var(--var-main-color), 1661px 1221px var(--var-main-color),
    1001px 882px var(--var-main-color), 830px 1153px var(--var-main-color),
    523px 652px var(--var-main-color), 1959px 438px var(--var-main-color),
    1365px 855px var(--var-main-color), 1345px 1642px var(--var-main-color),
    1587px 684px var(--var-main-color), 1514px 1765px var(--var-main-color),
    1484px 361px var(--var-main-color), 1637px 649px var(--var-main-color),
    1310px 798px var(--var-main-color), 1250px 1206px var(--var-main-color),
    205px 1179px var(--var-main-color), 1573px 833px var(--var-main-color),
    1415px 398px var(--var-main-color), 1252px 1889px var(--var-main-color),
    740px 1123px var(--var-main-color), 1972px 1775px var(--var-main-color),
    255px 452px var(--var-main-color), 597px 1684px var(--var-main-color),
    44px 1314px var(--var-main-color), 486px 843px var(--var-main-color),
    101px 685px var(--var-main-color), 1975px 842px var(--var-main-color),
    1563px 1260px var(--var-main-color), 61px 922px var(--var-main-color),
    493px 1782px var(--var-main-color), 210px 438px var(--var-main-color),
    176px 1519px var(--var-main-color), 1433px 573px var(--var-main-color),
    835px 997px var(--var-main-color), 1123px 584px var(--var-main-color),
    1889px 20px var(--var-main-color), 189px 578px var(--var-main-color),
    650px 826px var(--var-main-color), 1809px 37px var(--var-main-color),
    1060px 1387px var(--var-main-color), 1160px 638px var(--var-main-color),
    685px 124px var(--var-main-color), 448px 1034px var(--var-main-color),
    353px 1144px var(--var-main-color), 35px 712px var(--var-main-color),
    1223px 1387px var(--var-main-color), 168px 651px var(--var-main-color),
    292px 1829px var(--var-main-color), 1057px 457px var(--var-main-color),
    1832px 639px var(--var-main-color), 1589px 521px var(--var-main-color),
    1504px 1449px var(--var-main-color), 1359px 643px var(--var-main-color),
    1552px 624px var(--var-main-color), 701px 736px var(--var-main-color),
    1168px 1286px var(--var-main-color), 1052px 1185px var(--var-main-color),
    206px 778px var(--var-main-color), 1757px 222px var(--var-main-color),
    1629px 1266px var(--var-main-color), 97px 389px var(--var-main-color),
    423px 138px var(--var-main-color), 923px 5px var(--var-main-color),
    1409px 337px var(--var-main-color), 744px 1538px var(--var-main-color),
    777px 424px var(--var-main-color), 1865px 762px var(--var-main-color),
    181px 321px var(--var-main-color), 520px 762px var(--var-main-color),
    696px 1949px var(--var-main-color), 334px 436px var(--var-main-color),
    950px 311px var(--var-main-color), 212px 1536px var(--var-main-color),
    1593px 950px var(--var-main-color), 249px 1097px var(--var-main-color),
    635px 109px var(--var-main-color), 398px 1997px var(--var-main-color),
    889px 744px var(--var-main-color), 1201px 1512px var(--var-main-color),
    1464px 1633px var(--var-main-color), 1598px 1989px var(--var-main-color),
    1365px 342px var(--var-main-color), 1061px 1680px var(--var-main-color),
    1887px 1128px var(--var-main-color), 1240px 1964px var(--var-main-color),
    418px 92px var(--var-main-color), 1599px 145px var(--var-main-color),
    306px 176px var(--var-main-color), 1777px 726px var(--var-main-color),
    240px 37px var(--var-main-color), 1122px 873px var(--var-main-color),
    924px 1820px var(--var-main-color), 813px 1072px var(--var-main-color),
    476px 1732px var(--var-main-color), 1302px 1918px var(--var-main-color),
    494px 1158px var(--var-main-color), 17px 1424px var(--var-main-color),
    207px 906px var(--var-main-color), 1746px 1609px var(--var-main-color),
    1714px 1002px var(--var-main-color), 1949px 1893px var(--var-main-color),
    1336px 1647px var(--var-main-color), 102px 231px var(--var-main-color),
    1922px 153px var(--var-main-color), 1906px 1789px var(--var-main-color),
    1432px 1524px var(--var-main-color), 125px 1994px var(--var-main-color),
    1812px 423px var(--var-main-color), 917px 857px var(--var-main-color),
    735px 1624px var(--var-main-color), 204px 292px var(--var-main-color),
    1915px 1828px var(--var-main-color), 720px 739px var(--var-main-color),
    1919px 190px var(--var-main-color), 1867px 1142px var(--var-main-color),
    504px 1027px var(--var-main-color), 1973px 407px var(--var-main-color),
    657px 1738px var(--var-main-color), 1573px 523px var(--var-main-color),
    544px 1735px var(--var-main-color), 716px 47px var(--var-main-color),
    848px 469px var(--var-main-color), 1622px 1857px var(--var-main-color),
    1720px 546px var(--var-main-color), 1302px 1548px var(--var-main-color),
    415px 77px var(--var-main-color), 926px 962px var(--var-main-color),
    1014px 791px var(--var-main-color), 605px 263px var(--var-main-color),
    161px 952px var(--var-main-color), 753px 1275px var(--var-main-color),
    1580px 1830px var(--var-main-color), 1401px 1009px var(--var-main-color),
    1777px 1338px var(--var-main-color), 1641px 143px var(--var-main-color),
    162px 381px var(--var-main-color), 36px 1196px var(--var-main-color),
    1619px 1975px var(--var-main-color), 1637px 1555px var(--var-main-color),
    317px 1889px var(--var-main-color), 931px 371px var(--var-main-color),
    139px 447px var(--var-main-color), 936px 349px var(--var-main-color),
    1481px 110px var(--var-main-color), 1521px 1170px var(--var-main-color),
    1896px 1216px var(--var-main-color), 46px 1214px var(--var-main-color),
    1196px 133px var(--var-main-color), 526px 820px var(--var-main-color),
    1058px 1859px var(--var-main-color), 1373px 1290px var(--var-main-color),
    1634px 784px var(--var-main-color), 1192px 1486px var(--var-main-color),
    1001px 180px var(--var-main-color), 1769px 275px var(--var-main-color),
    1298px 1455px var(--var-main-color), 912px 1687px var(--var-main-color),
    91px 1326px var(--var-main-color), 1292px 1687px var(--var-main-color),
    1904px 32px var(--var-main-color), 879px 964px var(--var-main-color),
    529px 325px var(--var-main-color), 1741px 668px var(--var-main-color),
    315px 705px var(--var-main-color), 1252px 967px var(--var-main-color),
    1794px 1846px var(--var-main-color), 1504px 842px var(--var-main-color),
    1047px 992px var(--var-main-color), 922px 450px var(--var-main-color),
    1869px 603px var(--var-main-color), 1240px 1128px var(--var-main-color),
    1301px 458px var(--var-main-color), 700px 1722px var(--var-main-color),
    1219px 1373px var(--var-main-color), 1877px 1114px var(--var-main-color),
    1846px 415px var(--var-main-color), 1690px 653px var(--var-main-color),
    665px 203px var(--var-main-color), 1194px 1955px var(--var-main-color),
    275px 1136px var(--var-main-color), 1424px 248px var(--var-main-color),
    1819px 1354px var(--var-main-color), 110px 1527px var(--var-main-color),
    1608px 1304px var(--var-main-color), 1839px 496px var(--var-main-color),
    1380px 1488px var(--var-main-color), 1658px 1926px var(--var-main-color),
    1512px 1710px var(--var-main-color), 1146px 1611px var(--var-main-color),
    1144px 423px var(--var-main-color), 1431px 736px var(--var-main-color),
    284px 747px var(--var-main-color), 133px 1246px var(--var-main-color),
    1452px 1570px var(--var-main-color), 797px 614px var(--var-main-color),
    1469px 229px var(--var-main-color), 128px 803px var(--var-main-color),
    262px 1240px var(--var-main-color), 187px 1334px var(--var-main-color),
    1179px 1140px var(--var-main-color), 1461px 572px var(--var-main-color),
    783px 1926px var(--var-main-color), 843px 826px var(--var-main-color),
    1525px 554px var(--var-main-color), 1347px 1604px var(--var-main-color),
    1448px 723px var(--var-main-color), 362px 1882px var(--var-main-color),
    1745px 787px var(--var-main-color), 1604px 1052px var(--var-main-color),
    1724px 787px var(--var-main-color), 1496px 1524px var(--var-main-color),
    110px 6px var(--var-main-color), 253px 575px var(--var-main-color),
    1316px 483px var(--var-main-color), 272px 1079px var(--var-main-color),
    224px 409px var(--var-main-color), 1782px 719px var(--var-main-color),
    21px 726px var(--var-main-color), 1210px 486px var(--var-main-color),
    177px 1708px var(--var-main-color), 1375px 1309px var(--var-main-color),
    447px 311px var(--var-main-color), 1099px 1014px var(--var-main-color),
    129px 263px var(--var-main-color), 503px 494px var(--var-main-color),
    1271px 1324px var(--var-main-color), 523px 698px var(--var-main-color),
    345px 351px var(--var-main-color), 28px 993px var(--var-main-color),
    470px 1910px var(--var-main-color), 1096px 905px var(--var-main-color),
    1433px 1624px var(--var-main-color), 1468px 1148px var(--var-main-color),
    658px 1486px var(--var-main-color), 1029px 1656px var(--var-main-color),
    1600px 378px var(--var-main-color), 1854px 927px var(--var-main-color),
    1965px 1532px var(--var-main-color), 803px 207px var(--var-main-color),
    1241px 1193px var(--var-main-color), 272px 1789px var(--var-main-color),
    1162px 902px var(--var-main-color), 1109px 1662px var(--var-main-color),
    55px 725px var(--var-main-color), 1478px 1373px var(--var-main-color),
    1327px 1182px var(--var-main-color), 226px 995px var(--var-main-color),
    1055px 1250px var(--var-main-color), 1810px 1819px var(--var-main-color),
    993px 1213px var(--var-main-color), 1887px 472px var(--var-main-color),
    1536px 1358px var(--var-main-color), 1542px 1560px var(--var-main-color),
    1208px 1165px var(--var-main-color), 373px 599px var(--var-main-color),
    978px 1026px var(--var-main-color), 801px 665px var(--var-main-color),
    1994px 400px var(--var-main-color), 1238px 1386px var(--var-main-color),
    422px 165px var(--var-main-color), 1688px 1191px var(--var-main-color),
    1906px 250px var(--var-main-color), 1372px 1574px var(--var-main-color),
    849px 1698px var(--var-main-color), 1612px 1975px var(--var-main-color),
    846px 210px var(--var-main-color), 1715px 921px var(--var-main-color),
    585px 1361px var(--var-main-color), 1194px 1543px var(--var-main-color),
    406px 1085px var(--var-main-color), 1404px 1298px var(--var-main-color),
    867px 155px var(--var-main-color), 558px 1001px var(--var-main-color),
    435px 530px var(--var-main-color), 1691px 1992px var(--var-main-color),
    1619px 158px var(--var-main-color), 1232px 1658px var(--var-main-color),
    1423px 582px var(--var-main-color), 162px 692px var(--var-main-color),
    1915px 248px var(--var-main-color), 1099px 24px var(--var-main-color),
    869px 1947px var(--var-main-color), 867px 460px var(--var-main-color),
    1566px 1423px var(--var-main-color), 1172px 1562px var(--var-main-color),
    224px 504px var(--var-main-color), 1024px 864px var(--var-main-color),
    1797px 951px var(--var-main-color), 384px 1019px var(--var-main-color),
    946px 316px var(--var-main-color), 1085px 1035px var(--var-main-color),
    125px 1946px var(--var-main-color), 997px 69px var(--var-main-color),
    1484px 1371px var(--var-main-color), 1339px 160px var(--var-main-color),
    540px 715px var(--var-main-color), 77px 345px var(--var-main-color),
    1241px 1816px var(--var-main-color), 180px 1001px var(--var-main-color),
    1924px 581px var(--var-main-color), 436px 850px var(--var-main-color),
    814px 591px var(--var-main-color), 516px 1421px var(--var-main-color),
    1495px 820px var(--var-main-color), 451px 177px var(--var-main-color),
    898px 1481px var(--var-main-color), 1953px 687px var(--var-main-color),
    383px 1277px var(--var-main-color), 384px 80px var(--var-main-color),
    1879px 659px var(--var-main-color), 1805px 1234px var(--var-main-color),
    1622px 481px var(--var-main-color), 1576px 804px var(--var-main-color),
    1874px 1157px var(--var-main-color), 1929px 1801px var(--var-main-color),
    526px 1583px var(--var-main-color), 1420px 1104px var(--var-main-color),
    1096px 1981px var(--var-main-color), 722px 1836px var(--var-main-color),
    1230px 854px var(--var-main-color), 1881px 1238px var(--var-main-color),
    1742px 1908px var(--var-main-color), 1888px 5px var(--var-main-color),
    1814px 129px var(--var-main-color), 1356px 1360px var(--var-main-color),
    327px 1790px var(--var-main-color), 1804px 349px var(--var-main-color),
    356px 19px var(--var-main-color), 1216px 1594px var(--var-main-color),
    846px 872px var(--var-main-color), 388px 1497px var(--var-main-color),
    1595px 748px var(--var-main-color), 1900px 496px var(--var-main-color),
    1385px 1494px var(--var-main-color), 1475px 1891px var(--var-main-color),
    447px 539px var(--var-main-color), 1941px 1995px var(--var-main-color),
    557px 1381px var(--var-main-color), 228px 1982px var(--var-main-color),
    10px 617px var(--var-main-color);
}

#stars2 {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 1364px 458px var(--var-main-color),
    1964px 899px var(--var-main-color), 1182px 1245px var(--var-main-color),
    140px 610px var(--var-main-color), 238px 255px var(--var-main-color),
    1312px 1511px var(--var-main-color), 1792px 1708px var(--var-main-color),
    479px 1575px var(--var-main-color), 1887px 50px var(--var-main-color),
    827px 516px var(--var-main-color), 518px 752px var(--var-main-color),
    1990px 1484px var(--var-main-color), 330px 195px var(--var-main-color),
    97px 648px var(--var-main-color), 446px 1756px var(--var-main-color),
    1980px 380px var(--var-main-color), 187px 684px var(--var-main-color),
    1679px 1289px var(--var-main-color), 131px 806px var(--var-main-color),
    459px 1039px var(--var-main-color), 314px 1701px var(--var-main-color),
    388px 1158px var(--var-main-color), 833px 307px var(--var-main-color),
    833px 1500px var(--var-main-color), 1199px 1213px var(--var-main-color),
    1638px 1766px var(--var-main-color), 1661px 611px var(--var-main-color),
    1702px 1432px var(--var-main-color), 1892px 451px var(--var-main-color),
    103px 549px var(--var-main-color), 1665px 1714px var(--var-main-color),
    406px 815px var(--var-main-color), 278px 269px var(--var-main-color),
    1626px 1947px var(--var-main-color), 1422px 1742px var(--var-main-color),
    1519px 646px var(--var-main-color), 1473px 711px var(--var-main-color),
    1189px 626px var(--var-main-color), 1644px 348px var(--var-main-color),
    1972px 37px var(--var-main-color), 860px 1389px var(--var-main-color),
    6px 1888px var(--var-main-color), 1975px 1937px var(--var-main-color),
    1724px 797px var(--var-main-color), 468px 883px var(--var-main-color),
    1874px 1967px var(--var-main-color), 1252px 1620px var(--var-main-color),
    100px 750px var(--var-main-color), 1951px 1484px var(--var-main-color),
    596px 423px var(--var-main-color), 1995px 1920px var(--var-main-color),
    1628px 1008px var(--var-main-color), 1101px 1295px var(--var-main-color),
    853px 420px var(--var-main-color), 580px 297px var(--var-main-color),
    954px 976px var(--var-main-color), 1142px 1770px var(--var-main-color),
    539px 361px var(--var-main-color), 1624px 1181px var(--var-main-color),
    474px 280px var(--var-main-color), 1872px 972px var(--var-main-color),
    827px 1323px var(--var-main-color), 1465px 110px var(--var-main-color),
    1938px 563px var(--var-main-color), 761px 1666px var(--var-main-color),
    211px 709px var(--var-main-color), 1401px 817px var(--var-main-color),
    598px 1344px var(--var-main-color), 1612px 744px var(--var-main-color),
    1456px 1259px var(--var-main-color), 648px 657px var(--var-main-color),
    681px 139px var(--var-main-color), 1472px 192px var(--var-main-color),
    1441px 1690px var(--var-main-color), 495px 1419px var(--var-main-color),
    47px 1389px var(--var-main-color), 876px 1987px var(--var-main-color),
    175px 1155px var(--var-main-color), 1985px 1700px var(--var-main-color),
    660px 1462px var(--var-main-color), 582px 1618px var(--var-main-color),
    1136px 224px var(--var-main-color), 815px 4px var(--var-main-color),
    1827px 1162px var(--var-main-color), 985px 1196px var(--var-main-color),
    1204px 1089px var(--var-main-color), 1933px 1904px var(--var-main-color),
    1844px 869px var(--var-main-color), 24px 953px var(--var-main-color),
    803px 1005px var(--var-main-color), 1479px 327px var(--var-main-color),
    1046px 904px var(--var-main-color), 1311px 835px var(--var-main-color),
    307px 45px var(--var-main-color), 1628px 1623px var(--var-main-color),
    3px 174px var(--var-main-color), 1440px 1305px var(--var-main-color),
    1191px 1484px var(--var-main-color), 481px 1299px var(--var-main-color),
    1625px 1761px var(--var-main-color), 239px 840px var(--var-main-color),
    91px 671px var(--var-main-color), 1018px 1274px var(--var-main-color),
    1554px 371px var(--var-main-color), 1023px 1575px var(--var-main-color),
    376px 306px var(--var-main-color), 250px 599px var(--var-main-color),
    310px 1171px var(--var-main-color), 177px 765px var(--var-main-color),
    1020px 1943px var(--var-main-color), 115px 1997px var(--var-main-color),
    343px 1763px var(--var-main-color), 1554px 102px var(--var-main-color),
    953px 1367px var(--var-main-color), 996px 1101px var(--var-main-color),
    194px 1321px var(--var-main-color), 1428px 409px var(--var-main-color),
    1203px 1005px var(--var-main-color), 1715px 715px var(--var-main-color),
    1392px 1128px var(--var-main-color), 1591px 1371px var(--var-main-color),
    1514px 965px var(--var-main-color), 386px 1607px var(--var-main-color),
    1637px 1880px var(--var-main-color), 371px 1752px var(--var-main-color),
    541px 1236px var(--var-main-color), 1202px 344px var(--var-main-color),
    212px 1594px var(--var-main-color), 699px 1336px var(--var-main-color),
    21px 659px var(--var-main-color), 686px 419px var(--var-main-color),
    1759px 1552px var(--var-main-color), 364px 306px var(--var-main-color),
    278px 1541px var(--var-main-color), 491px 1724px var(--var-main-color),
    555px 1976px var(--var-main-color), 1384px 3px var(--var-main-color),
    319px 1741px var(--var-main-color), 191px 1438px var(--var-main-color),
    165px 1780px var(--var-main-color), 1300px 1958px var(--var-main-color),
    1477px 1842px var(--var-main-color), 181px 1793px var(--var-main-color),
    499px 614px var(--var-main-color), 1041px 1069px var(--var-main-color),
    52px 1930px var(--var-main-color), 406px 1630px var(--var-main-color),
    862px 1364px var(--var-main-color), 1764px 1084px var(--var-main-color),
    1900px 1397px var(--var-main-color), 1793px 191px var(--var-main-color),
    480px 1043px var(--var-main-color), 1514px 1031px var(--var-main-color),
    1080px 1778px var(--var-main-color), 1013px 420px var(--var-main-color),
    1943px 1155px var(--var-main-color), 1384px 1737px var(--var-main-color),
    248px 1866px var(--var-main-color), 1314px 1577px var(--var-main-color),
    828px 1890px var(--var-main-color), 303px 550px var(--var-main-color),
    1428px 671px var(--var-main-color), 1687px 426px var(--var-main-color),
    744px 885px var(--var-main-color), 31px 1263px var(--var-main-color),
    940px 229px var(--var-main-color), 1638px 681px var(--var-main-color),
    2000px 330px var(--var-main-color), 776px 1900px var(--var-main-color),
    1015px 36px var(--var-main-color), 1614px 666px var(--var-main-color),
    1040px 131px var(--var-main-color), 1343px 1763px var(--var-main-color),
    810px 512px var(--var-main-color), 1469px 868px var(--var-main-color),
    750px 714px var(--var-main-color), 1925px 1638px var(--var-main-color),
    1696px 1185px var(--var-main-color), 597px 791px var(--var-main-color),
    413px 1423px var(--var-main-color), 1626px 140px var(--var-main-color),
    1381px 302px var(--var-main-color), 1941px 481px var(--var-main-color),
    1469px 1820px var(--var-main-color), 1277px 1988px var(--var-main-color),
    1966px 1519px var(--var-main-color), 1808px 1878px var(--var-main-color),
    128px 914px var(--var-main-color), 70px 1786px var(--var-main-color),
    1070px 104px var(--var-main-color), 1082px 1588px var(--var-main-color),
    837px 1882px var(--var-main-color), 1479px 503px var(--var-main-color),
    1588px 1110px var(--var-main-color), 907px 280px var(--var-main-color),
    341px 1067px var(--var-main-color), 1480px 1553px var(--var-main-color),
    366px 1172px var(--var-main-color), 116px 589px var(--var-main-color),
    1134px 1778px var(--var-main-color);
  animation: animStar 100s linear infinite;
}

#stars2:after {
  content: " ";
  position: absolute;
  top: 800px;
  width: 5px;
  border-radius: 50%;
  height: 5px;
  background: transparent;
  box-shadow: 1364px 458px var(--var-main-color),
    1964px 899px var(--var-main-color), 1182px 1245px var(--var-main-color),
    140px 610px var(--var-main-color), 238px 255px var(--var-main-color),
    1312px 1511px var(--var-main-color), 1792px 1708px var(--var-main-color),
    479px 1575px var(--var-main-color), 1887px 50px var(--var-main-color),
    827px 516px var(--var-main-color), 518px 752px var(--var-main-color),
    1990px 1484px var(--var-main-color), 330px 195px var(--var-main-color),
    97px 648px var(--var-main-color), 446px 1756px var(--var-main-color),
    1980px 380px var(--var-main-color), 187px 684px var(--var-main-color),
    1679px 1289px var(--var-main-color), 131px 806px var(--var-main-color),
    459px 1039px var(--var-main-color), 314px 1701px var(--var-main-color),
    388px 1158px var(--var-main-color), 833px 307px var(--var-main-color),
    833px 1500px var(--var-main-color), 1199px 1213px var(--var-main-color),
    1638px 1766px var(--var-main-color), 1661px 611px var(--var-main-color),
    1702px 1432px var(--var-main-color), 1892px 451px var(--var-main-color),
    103px 549px var(--var-main-color), 1665px 1714px var(--var-main-color),
    406px 815px var(--var-main-color), 278px 269px var(--var-main-color),
    1626px 1947px var(--var-main-color), 1422px 1742px var(--var-main-color),
    1519px 646px var(--var-main-color), 1473px 711px var(--var-main-color),
    1189px 626px var(--var-main-color), 1644px 348px var(--var-main-color),
    1972px 37px var(--var-main-color), 860px 1389px var(--var-main-color),
    6px 1888px var(--var-main-color), 1975px 1937px var(--var-main-color),
    1724px 797px var(--var-main-color), 468px 883px var(--var-main-color),
    1874px 1967px var(--var-main-color), 1252px 1620px var(--var-main-color),
    100px 750px var(--var-main-color), 1951px 1484px var(--var-main-color),
    596px 423px var(--var-main-color), 1995px 1920px var(--var-main-color),
    1628px 1008px var(--var-main-color), 1101px 1295px var(--var-main-color),
    853px 420px var(--var-main-color), 580px 297px var(--var-main-color),
    954px 976px var(--var-main-color), 1142px 1770px var(--var-main-color),
    539px 361px var(--var-main-color), 1624px 1181px var(--var-main-color),
    474px 280px var(--var-main-color), 1872px 972px var(--var-main-color),
    827px 1323px var(--var-main-color), 1465px 110px var(--var-main-color),
    1938px 563px var(--var-main-color), 761px 1666px var(--var-main-color),
    211px 709px var(--var-main-color), 1401px 817px var(--var-main-color),
    598px 1344px var(--var-main-color), 1612px 744px var(--var-main-color),
    1456px 1259px var(--var-main-color), 648px 657px var(--var-main-color),
    681px 139px var(--var-main-color), 1472px 192px var(--var-main-color),
    1441px 1690px var(--var-main-color), 495px 1419px var(--var-main-color),
    47px 1389px var(--var-main-color), 876px 1987px var(--var-main-color),
    175px 1155px var(--var-main-color), 1985px 1700px var(--var-main-color),
    660px 1462px var(--var-main-color), 582px 1618px var(--var-main-color),
    1136px 224px var(--var-main-color), 815px 4px var(--var-main-color),
    1827px 1162px var(--var-main-color), 985px 1196px var(--var-main-color),
    1204px 1089px var(--var-main-color), 1933px 1904px var(--var-main-color),
    1844px 869px var(--var-main-color), 24px 953px var(--var-main-color),
    803px 1005px var(--var-main-color), 1479px 327px var(--var-main-color),
    1046px 904px var(--var-main-color), 1311px 835px var(--var-main-color),
    307px 45px var(--var-main-color), 1628px 1623px var(--var-main-color),
    3px 174px var(--var-main-color), 1440px 1305px var(--var-main-color),
    1191px 1484px var(--var-main-color), 481px 1299px var(--var-main-color),
    1625px 1761px var(--var-main-color), 239px 840px var(--var-main-color),
    91px 671px var(--var-main-color), 1018px 1274px var(--var-main-color),
    1554px 371px var(--var-main-color), 1023px 1575px var(--var-main-color),
    376px 306px var(--var-main-color), 250px 599px var(--var-main-color),
    310px 1171px var(--var-main-color), 177px 765px var(--var-main-color),
    1020px 1943px var(--var-main-color), 115px 1997px var(--var-main-color),
    343px 1763px var(--var-main-color), 1554px 102px var(--var-main-color),
    953px 1367px var(--var-main-color), 996px 1101px var(--var-main-color),
    194px 1321px var(--var-main-color), 1428px 409px var(--var-main-color),
    1203px 1005px var(--var-main-color), 1715px 715px var(--var-main-color),
    1392px 1128px var(--var-main-color), 1591px 1371px var(--var-main-color),
    1514px 965px var(--var-main-color), 386px 1607px var(--var-main-color),
    1637px 1880px var(--var-main-color), 371px 1752px var(--var-main-color),
    541px 1236px var(--var-main-color), 1202px 344px var(--var-main-color),
    212px 1594px var(--var-main-color), 699px 1336px var(--var-main-color),
    21px 659px var(--var-main-color), 686px 419px var(--var-main-color),
    1759px 1552px var(--var-main-color), 364px 306px var(--var-main-color),
    278px 1541px var(--var-main-color), 491px 1724px var(--var-main-color),
    555px 1976px var(--var-main-color), 1384px 3px var(--var-main-color),
    319px 1741px var(--var-main-color), 191px 1438px var(--var-main-color),
    165px 1780px var(--var-main-color), 1300px 1958px var(--var-main-color),
    1477px 1842px var(--var-main-color), 181px 1793px var(--var-main-color),
    499px 614px var(--var-main-color), 1041px 1069px var(--var-main-color),
    52px 1930px var(--var-main-color), 406px 1630px var(--var-main-color),
    862px 1364px var(--var-main-color), 1764px 1084px var(--var-main-color),
    1900px 1397px var(--var-main-color), 1793px 191px var(--var-main-color),
    480px 1043px var(--var-main-color), 1514px 1031px var(--var-main-color),
    1080px 1778px var(--var-main-color), 1013px 420px var(--var-main-color),
    1943px 1155px var(--var-main-color), 1384px 1737px var(--var-main-color),
    248px 1866px var(--var-main-color), 1314px 1577px var(--var-main-color),
    828px 1890px var(--var-main-color), 303px 550px var(--var-main-color),
    1428px 671px var(--var-main-color), 1687px 426px var(--var-main-color),
    744px 885px var(--var-main-color), 31px 1263px var(--var-main-color),
    940px 229px var(--var-main-color), 1638px 681px var(--var-main-color),
    2000px 330px var(--var-main-color), 776px 1900px var(--var-main-color),
    1015px 36px var(--var-main-color), 1614px 666px var(--var-main-color),
    1040px 131px var(--var-main-color), 1343px 1763px var(--var-main-color),
    810px 512px var(--var-main-color), 1469px 868px var(--var-main-color),
    750px 714px var(--var-main-color), 1925px 1638px var(--var-main-color),
    1696px 1185px var(--var-main-color), 597px 791px var(--var-main-color),
    413px 1423px var(--var-main-color), 1626px 140px var(--var-main-color),
    1381px 302px var(--var-main-color), 1941px 481px var(--var-main-color),
    1469px 1820px var(--var-main-color), 1277px 1988px var(--var-main-color),
    1966px 1519px var(--var-main-color), 1808px 1878px var(--var-main-color),
    128px 914px var(--var-main-color), 70px 1786px var(--var-main-color),
    1070px 104px var(--var-main-color), 1082px 1588px var(--var-main-color),
    837px 1882px var(--var-main-color), 1479px 503px var(--var-main-color),
    1588px 1110px var(--var-main-color), 907px 280px var(--var-main-color),
    341px 1067px var(--var-main-color), 1480px 1553px var(--var-main-color),
    366px 1172px var(--var-main-color), 116px 589px var(--var-main-color),
    1134px 1778px var(--var-main-color);
}

#stars3 {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 1148px 343px var(--var-main-color),
    1399px 445px var(--var-main-color), 1852px 1701px var(--var-main-color),
    444px 144px var(--var-main-color), 11px 123px var(--var-main-color),
    1800px 202px var(--var-main-color), 242px 1527px var(--var-main-color),
    1881px 1600px var(--var-main-color), 1246px 966px var(--var-main-color),
    275px 515px var(--var-main-color), 508px 1239px var(--var-main-color),
    750px 1935px var(--var-main-color), 1922px 1004px var(--var-main-color),
    1043px 602px var(--var-main-color), 321px 1058px var(--var-main-color),
    236px 1271px var(--var-main-color), 1782px 163px var(--var-main-color),
    950px 928px var(--var-main-color), 1778px 1864px var(--var-main-color),
    899px 701px var(--var-main-color), 1461px 1798px var(--var-main-color),
    1829px 1977px var(--var-main-color), 1558px 1609px var(--var-main-color),
    1450px 1443px var(--var-main-color), 561px 1721px var(--var-main-color),
    98px 1680px var(--var-main-color), 473px 436px var(--var-main-color),
    447px 1116px var(--var-main-color), 189px 1164px var(--var-main-color),
    1348px 1525px var(--var-main-color), 413px 787px var(--var-main-color),
    794px 1231px var(--var-main-color), 496px 1602px var(--var-main-color),
    1107px 235px var(--var-main-color), 296px 1142px var(--var-main-color),
    975px 1872px var(--var-main-color), 86px 707px var(--var-main-color),
    299px 2px var(--var-main-color), 199px 1733px var(--var-main-color),
    1858px 1348px var(--var-main-color), 1622px 1377px var(--var-main-color),
    1520px 1284px var(--var-main-color), 95px 1446px var(--var-main-color),
    199px 1841px var(--var-main-color), 440px 1487px var(--var-main-color),
    1452px 1476px var(--var-main-color), 105px 647px var(--var-main-color),
    942px 1481px var(--var-main-color), 1704px 1822px var(--var-main-color),
    1449px 145px var(--var-main-color), 1621px 111px var(--var-main-color),
    1437px 254px var(--var-main-color), 848px 1183px var(--var-main-color),
    378px 698px var(--var-main-color), 1829px 1533px var(--var-main-color),
    419px 1569px var(--var-main-color), 675px 1309px var(--var-main-color),
    218px 1548px var(--var-main-color), 1381px 1755px var(--var-main-color),
    472px 1739px var(--var-main-color), 1728px 1475px var(--var-main-color),
    535px 21px var(--var-main-color), 1699px 1470px var(--var-main-color),
    820px 1913px var(--var-main-color), 808px 1433px var(--var-main-color),
    503px 364px var(--var-main-color), 1740px 610px var(--var-main-color),
    1349px 302px var(--var-main-color), 66px 485px var(--var-main-color),
    229px 1532px var(--var-main-color), 1392px 493px var(--var-main-color),
    230px 623px var(--var-main-color), 182px 3px var(--var-main-color),
    5px 1688px var(--var-main-color), 818px 1604px var(--var-main-color),
    206px 733px var(--var-main-color), 48px 1864px var(--var-main-color),
    1704px 218px var(--var-main-color), 25px 623px var(--var-main-color),
    1520px 1292px var(--var-main-color), 796px 92px var(--var-main-color),
    1530px 1386px var(--var-main-color), 198px 1504px var(--var-main-color),
    391px 1947px var(--var-main-color), 196px 1086px var(--var-main-color),
    163px 1485px var(--var-main-color), 488px 1910px var(--var-main-color),
    1493px 97px var(--var-main-color), 1259px 542px var(--var-main-color),
    884px 1490px var(--var-main-color), 501px 1821px var(--var-main-color),
    1498px 1667px var(--var-main-color), 1641px 860px var(--var-main-color),
    1522px 1642px var(--var-main-color), 986px 500px var(--var-main-color),
    145px 1902px var(--var-main-color), 1780px 1074px var(--var-main-color),
    278px 69px var(--var-main-color), 1098px 1138px var(--var-main-color),
    1654px 739px var(--var-main-color);
  animation: animStar 150s linear infinite;
}

#stars3:after {
  content: " ";
  position: absolute;
  top: 800px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: transparent;
  box-shadow: 1148px 343px var(--var-main-color),
    1399px 445px var(--var-main-color), 1852px 1701px var(--var-main-color),
    444px 144px var(--var-main-color), 11px 123px var(--var-main-color),
    1800px 202px var(--var-main-color), 242px 1527px var(--var-main-color),
    1881px 1600px var(--var-main-color), 1246px 966px var(--var-main-color),
    275px 515px var(--var-main-color), 508px 1239px var(--var-main-color),
    750px 1935px var(--var-main-color), 1922px 1004px var(--var-main-color),
    1043px 602px var(--var-main-color), 321px 1058px var(--var-main-color),
    236px 1271px var(--var-main-color), 1782px 163px var(--var-main-color),
    950px 928px var(--var-main-color), 1778px 1864px var(--var-main-color),
    899px 701px var(--var-main-color), 1461px 1798px var(--var-main-color),
    1829px 1977px var(--var-main-color), 1558px 1609px var(--var-main-color),
    1450px 1443px var(--var-main-color), 561px 1721px var(--var-main-color),
    98px 1680px var(--var-main-color), 473px 436px var(--var-main-color),
    447px 1116px var(--var-main-color), 189px 1164px var(--var-main-color),
    1348px 1525px var(--var-main-color), 413px 787px var(--var-main-color),
    794px 1231px var(--var-main-color), 496px 1602px var(--var-main-color),
    1107px 235px var(--var-main-color), 296px 1142px var(--var-main-color),
    975px 1872px var(--var-main-color), 86px 707px var(--var-main-color),
    299px 2px var(--var-main-color), 199px 1733px var(--var-main-color),
    1858px 1348px var(--var-main-color), 1622px 1377px var(--var-main-color),
    1520px 1284px var(--var-main-color), 95px 1446px var(--var-main-color),
    199px 1841px var(--var-main-color), 440px 1487px var(--var-main-color),
    1452px 1476px var(--var-main-color), 105px 647px var(--var-main-color),
    942px 1481px var(--var-main-color), 1704px 1822px var(--var-main-color),
    1449px 145px var(--var-main-color), 1621px 111px var(--var-main-color),
    1437px 254px var(--var-main-color), 848px 1183px var(--var-main-color),
    378px 698px var(--var-main-color), 1829px 1533px var(--var-main-color),
    419px 1569px var(--var-main-color), 675px 1309px var(--var-main-color),
    218px 1548px var(--var-main-color), 1381px 1755px var(--var-main-color),
    472px 1739px var(--var-main-color), 1728px 1475px var(--var-main-color),
    535px 21px var(--var-main-color), 1699px 1470px var(--var-main-color),
    820px 1913px var(--var-main-color), 808px 1433px var(--var-main-color),
    503px 364px var(--var-main-color), 1740px 610px var(--var-main-color),
    1349px 302px var(--var-main-color), 66px 485px var(--var-main-color),
    229px 1532px var(--var-main-color), 1392px 493px var(--var-main-color),
    230px 623px var(--var-main-color), 182px 3px var(--var-main-color),
    5px 1688px var(--var-main-color), 818px 1604px var(--var-main-color),
    206px 733px var(--var-main-color), 48px 1864px var(--var-main-color),
    1704px 218px var(--var-main-color), 25px 623px var(--var-main-color),
    1520px 1292px var(--var-main-color), 796px 92px var(--var-main-color),
    1530px 1386px var(--var-main-color), 198px 1504px var(--var-main-color),
    391px 1947px var(--var-main-color), 196px 1086px var(--var-main-color),
    163px 1485px var(--var-main-color), 488px 1910px var(--var-main-color),
    1493px 97px var(--var-main-color), 1259px 542px var(--var-main-color),
    884px 1490px var(--var-main-color), 501px 1821px var(--var-main-color),
    1498px 1667px var(--var-main-color), 1641px 860px var(--var-main-color),
    1522px 1642px var(--var-main-color), 986px 500px var(--var-main-color),
    145px 1902px var(--var-main-color), 1780px 1074px var(--var-main-color),
    278px 69px var(--var-main-color), 1098px 1138px var(--var-main-color),
    1654px 739px var(--var-main-color);
}

.privacyContent h1 {
  text-align: center;
  margin: 20px 0px 40px 0px;
  color: #f4a238 !important;
  font-weight: 600;
  font-family: "Josefin Sans", sans-serif;
}

.privacyContent h4 {
  color: #f4a238 !important;
  font-weight: 600;
  margin-top: 55px;
}

.privacyContent p {
  color: #000;
}

.privacyContent {
  display: flex;
  justify-content: center;
}

.privacy-policy {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/privacypolicy\(1\).jpg");

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.terms-condition {
  background-image: linear-gradient(
      180deg,
      rgb(45 29 13 / 13%),
      rgb(48 16 16 / 80%)
    ),
    url("../img/exchange.jpeg");

  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  position: relative;
}

.engine-life {
  background-image: var(--gradient-btn-color) !important;
  padding: 100px 30px;
  border-radius: 10px;
}

.blogs-mini-img {
  border: none !important;
}

.left-content ul li i {
  color: var(--var-main-color);
  font-size: 35px;
}

.right-content ul li i {
  color: var(--var-main-color);
  font-size: 16px;
}

.product-features {
  background-color: #1d232a !important;
  padding: 10px;
  border-radius: 10px;
}

.key-features-product {
  margin-bottom: 10px;
  margin-top: 10px;
}

.last-content {
  background-color: #1d232a;
  padding: 10px;
  border-radius: 10px;
}

.last-content ul li i {
  color: var(--var-main-color);
  font-size: 35px;
}

.technology-section h5 {
  color: var(--var-main-color) !important;
  font-size: 25px;
  margin-top: 25px;
}

.technology-section p span {
  color: var(--var-main-color);
  font-size: 20px;
}

.technology-section p {
  margin-top: 10px;
}

/* custum css start */
.para {
  font-weight: 300 !important;
  margin-left: 32px !important;
  margin-top: 5px !important;
}

.policy {
  text-align: center;
  font-size: 75px !important;
  opacity: 0.2;
}

@media (max-width: 1376px) {
  .policy {
    font-size: 72px !important;
  }
}

@media (max-width: 1318px) {
  .policy {
    font-size: 66px !important;
  }
}

@media (max-width: 1200px) {
  .policy {
    font-size: 55px !important;
  }
}

@media (max-width: 1012px) {
  .policy {
    font-size: 45px !important;
  }
}

@media (max-width: 767px) {
  .policy {
    font-size: 40px !important;
  }
}

@media (max-width: 657px) {
  .policy {
    font-size: 35px !important;
  }
}

@media (max-width: 567px) {
  .policy {
    font-size: 29px !important;
  }
}

@media (max-width: 467px) {
  .policy {
    font-size: 20px !important;
  }
}

/* custum css ends */
.connect {
  background: var(--var-main-color);
  padding: 30px;
}

.connect h1 {
  font-style: bold;
  color: #000 !important;
  text-align: center;
}

.connect span {
  background: #ffffff;
  padding: 5px 7px;
  border-radius: 15px;
}

.connect h6 {
  color: #000 !important;
  margin-top: 14px;
}

@media (min-width: 768px) {
  .sm-screen-quality {
    display: none;
  }
}

.verticalChart {
  padding: 50px 0px 100px 0px;
}

@media (max-width: 767px) {
  .verticalChart {
    display: none;
  }
}

@media (max-width: 991px) {
  .research-development {
    order: -1 !important;
    margin-bottom: 20px;
  }

  .american-llc {
    order: 0 !important;
  }

  .american-img {
    order: -1;
  }
}

.about-img-product {
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-price span {
  background-color: #f99f36;
  padding: 5px;
  border-radius: 5px;
}

.button-animation {
  position: relative;
  display: inline-block;
  padding: 15px;
  font-weight: 500;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  background-image: var(--gradient-btn-color);
  text-transform: uppercase;
  overflow: hidden;
  letter-spacing: 4px;
  transition: 0.5s;
}

.button-animation span {
  position: absolute;
  display: block;
}

.button-animation span:nth-child(1) {
  top: 0;
  left: -100%;
  width: 100%;
  height: 2px;
  background-image: var(--gradient-btn-color);
  animation: btn-anim1 1s linear infinite;
}

@keyframes btn-anim1 {
  0% {
    left: -100%;
  }

  50%,
  100% {
    left: 100%;
  }
}

.button-animation span:nth-child(2) {
  top: -100%;
  right: 0;
  width: 2px;
  height: 100%;
  background-image: var(--gradient-btn-color);
  animation: btn-anim2 1s linear infinite;
  animation-delay: 0.25s;
}

@keyframes btn-anim2 {
  0% {
    top: -100%;
  }

  50%,
  100% {
    top: 100%;
  }
}

.button-animation span:nth-child(3) {
  bottom: 0;
  right: -100%;
  width: 100%;
  height: 2px;
  background-image: var(--gradient-btn-color);
  animation: btn-anim3 1s linear infinite;
  animation-delay: 0.5s;
}

@keyframes btn-anim3 {
  0% {
    right: -100%;
  }

  50%,
  100% {
    right: 100%;
  }
}

.button-animation span:nth-child(4) {
  bottom: -100%;
  left: 0;
  width: 2px;
  height: 100%;
  background-image: var(--gradient-btn-color);
  animation: btn-anim4 1s linear infinite;
  animation-delay: 0.75s;
}

@keyframes btn-anim4 {
  0% {
    bottom: -100%;
  }

  50%,
  100% {
    bottom: 100%;
  }
}

.adderess-section {
  background-color: var(--dark-color);
  padding: 20px 30px;
  border: 1px solid var(--var-main-color);
  border-radius: 10px;
}

.ticket-lable {
  color: #fff;
}

.ticket-input {
  color: #fff;
  background-color: var(--light-color);
}

.ticket-input:focus {
  background-color: var(--light-color);
  box-shadow: none;
  color: #fff;
  border: 1px solid var(--white-color);
}

.adderess-card {
  width: 35%;
}

@media (max-width: 768px) {
  .adderess-card {
    width: 80%;
  }
}

.ticket-title {
  color: var(--main-color) !important;
  text-transform: capitalize;
}

.section-title .selected {
  background-color: var(--var-main-color);
  border-radius: 10px;
  /* color: var(--var-main-color) !important; */
}

.product-tabs {
  display: flex;
  justify-content: space-around;
  gap: 10px;
  flex-wrap: wrap;
}

.payment-menus {
  cursor: pointer;
  padding: 7px;
  background-color: #1d232a;
  border-radius: 10px;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(255, 157, 10, 0.25);
}

.price-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.total-price {
  color: var(--var-main-color);
}

.state-gap {
  margin-left: 3px;
}

.table-section {
  /* background-color: var(--dark-color); */
  padding: 20px 30px;
  margin-bottom: 0;
  /* border: 1px solid var(--var-main-color); */
  border-radius: 10px;
  /* border-collapse: inherit; */
}

.table-section tr th {
  color: #000 !important;
  font-weight: 500;
}

.table-section tr {
  padding: 10px !important;
}

.table-section td {
  color: #ffffff;
  font-size: 0.9rem;
  text-align: start;
  /* border-bottom: 1px solid #f49f3f; */
  /* border-bottom-style: dotted; */
}

.table-section td:nth-child(2) {
  color: #f49f3f;
}

.section-titles .selected {
  background-color: #1d232a;
  border-left: 10px solid var(--var-main-color);
  /* border-top: 2px solid rgb(44, 43, 43); */
  border-right: none;
  /* border-bottom: 2px solid rgb(44, 43, 43); */
  padding: 20px;
}

.section-titles .payment-method {
  padding: 20px;
}

.place-btn {
  width: 100%;
  background-image: var(--gradient-btn-color);
  padding: 10px;
  color: #fff;
  border: none;
}

.verify-upi {
  background-color: #000;

  border: 1px 0px 0px 1px solid var(--var-main-color);
}

.upi-input:focus {
  background-color: transparent;
  color: #fff;
  border: none;
}

.radio-input {
  width: 17px;
  height: 17px;
  color: #000;
}

/* referral code in the payament status start */
.google-input label {
  position: absolute;
  left: 10px;
  bottom: 37px;
  width: max-content;
  transition: all 0.2s ease-in-out;
  padding: 5px 7px;
  border-radius: 10px;
  pointer-events: none;
}

.template-input {
  font-size: 13px;
  color: #fff;
  background-image: linear-gradient(45deg, #ea9c3e 10%, #ea9c3e 80%);
}

.searchTerm {
  width: 100%;
  border: 1px solid rgb(165 167 170);
  border-right: none;
  padding: 15px 6px;
  height: 50px;
  border-radius: 5px 0 0 5px;
  outline: none;
  color: #9dbfaf;
}

/* ...ends */

.imagesTab {
  display: grid;
}

@media (max-width: 768px) {
  .imagesTab {
    display: none;
  }
}

.link-box {
  font-size: clamp(6px, 1.2vw, 17rem);
}

.user-profile {
  background-image: linear-gradient(
    to right,
    #ee993a 0%,
    #bf5c21 50%
  ) !important;
  border: none;
  border-radius: 50%;
  color: #fff;
  /* padding: 10px; */
}

.dropdown-menu i {
  color: #fff;
}

.dropdown-menu-ar i {
  color: #fff;
}

.dropdown-menu {
  background-image: linear-gradient(
    to right,
    #ee993a 0%,
    #bf5c21 50%
  ) !important;
  /* --bs-dropdown-min-width: 0rem; */
  padding: 20px;
  border: none;
  margin-top: 10px;
}

.dropdown-menu-ar {
  background-image: linear-gradient(
    to right,
    #ee993a 0%,
    #bf5c21 50%
  ) !important;
  /* --bs-dropdown-min-width: 0rem; */
  padding: 20px;
  border: none;
  margin-top: 10px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: #1d232a !important;
  color: #fff;
}

.user-profile {
  padding: 5px;
  height: 45px;
  width: 45px;
}

.user-small {
  height: 25px;
  width: 25px;
}

.details-table tr th,
.details-table tr td {
  border-top: none !important;
  margin: 20px 0px !important;
}

.details-table tr td {
  text-align: right;
}

.dropdown-item {
  padding: 10px !important;
}

/* // Extend from dropdown */
/* // dropdown */
.dropdown-menu {
  padding: 0.7rem 0rem;
  font-size: 0.875rem;
  line-height: 22px;
  position: absolute;
  left: -90px;
  color: #5c5776;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  border-radius: 0.5rem;
}

.dropdown-menu-ar {
  padding: 0.7rem 0rem;
  font-size: 0.875rem;
  line-height: 22px;
  position: absolute;
  left: 0px !important;
  color: #5c5776;
  border: none;
  box-shadow: 0 10px 30px 0 rgba(31, 45, 61, 0.1);
  border-radius: 0.5rem;
}

.dropdown-menu {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.dropdown-menu-ar {
  display: block;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}

.dropdown-menu {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

.dropdown-menu-ar {
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  opacity: 1;
  visibility: visible;
}

/* .dropdown-submenu {
  &:hover {
    > .dropdown-menu {
      -webkit-transform: scaleY(1);
      -ms-transform: scaleY(1);
      transform: scaleY(1);
      opacity: 1;
      visibility: visible;
    }
  }
} */
@media (min-width: 990px) {
  .dropright-lg {
    position: relative;
  }

  .dropdown-menu {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-right: 0.125rem;
  }
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: ">";
  border-top: 0rem;
  border-right: 0rem;
  border-bottom: 0;
  border-left: 0rem;
  float: right;
}

.user-email h5,
.user-email p {
  text-overflow: ellipsis !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  width: 120px !important;
}

.avatar-md {
  width: 56px;
  height: 56px;
}

.avatar img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

/* // avatar indicators */
.avatar {
  position: relative;
  display: inline-block;

  font-size: 1rem;
}

.avatar-md {
  width: 35px;
  height: 35px;
}

.avatar-lg {
  width: 50px;
  height: 50px;
}

.avatar {
  position: relative;
  display: inline-block;
  /* width: 2.5rem; */
  /* height: 2.5rem; */
  font-size: 1rem;
}

.avatar-online:before {
  background-color: green;
}

.buy-btn {
  background-image: linear-gradient(
    to right,
    #ee993a 0%,
    #ee993a 50%
  ) !important;
  border-radius: 5px;
  white-space: nowrap !important;
  padding: 12px 20px;
  margin-right: 10px;
}

.form-control {
  background-color: #fff;
  color: #fff;
}

.buy-btn-sm {
  background-image: linear-gradient(
    to right,
    #ee993a 0%,
    #ee993a 50%
  ) !important;
  border-radius: 5px;
}

#card {
  margin: 0;
  padding: 15px;
  background: #1d232a;
  border-radius: 8px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.details-table {
  /* padding: 10px !important; */
}

.avatar.avatar-160 img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.h-300 {
  height: 300px;
}

.top-80 {
  margin-top: -80px !important;
  z-index: 999;
}

.coverimg {
  background-image: linear-gradient(
      180deg,
      rgba(26, 25, 25, 0.767),
      rgba(22, 21, 21, 0.89)
    ),
    url(../img/rings-ban.jpg);
  background-size: cover;
  background-position: center center;
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  /* image-rendering: -webkit-optimize-contrast; */
  /* background-position: 50% 50%; */
}

#avatar {
  width: 200px;
  height: 200px;
  object-fit: cover;
  border-radius: 8px;
}

.info {
  width: 100%;
  height: 100%;
  margin: 30px 15px;
  display: flex;
  flex-direction: column;
}

.info .name {
  font-size: 24px;
  font-weight: 800;
  margin: 0;
  padding: 0;
}

#activity {
  color: #999999;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -0.5px;
  margin: 0;
  padding: 0;
}

#stats {
  margin: 15px 0px 15px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.stats-text {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: -1px;
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.stats-text i {
  background-color: #f99f36;
  padding: 10px;
  color: #fff;
  border-radius: 50%;
}

.stats-text span {
  color: #fff;
  margin: 0 10px;
}

.searchbox-wrap {
  display: flex;
  margin-top: 12px;
}

.searchbox-wrap input {
  flex: 1;
  padding: 10px 20px;
  width: 100%;
  font-size: 1.1em;
  color: #fff;
  background-color: #0d0d0d;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: none;
  border: none;
  box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.19);
}

#btn:hover {
  background: #2a26ff;
}

.link-btn {
  border: none;
  color: #fff;
  border-radius: 0px 10px 10px 0px;
}

.sub-header {
  background-color: #000 !important;
}

.drop {
  border-radius: 3px;
  font-size: 15px;
  color: #f99f36;
  font-weight: bold;
}

.hover div:hover {
  color: #fff;
  background: #f99f36;
}

.image-container1 {
  position: relative;
  perspective: 1000px;
}

.research-heading {
  color: var(--var-main-color) !important;
  font-size: 40px;
  font-weight: bold;
  margin-left: 10px;
}

@media (max-width: 991px) {
  .company-dec {
    order: 2;
    margin-top: 40px;
  }
}

@media (max-width: 786px) {
  .research-heading {
    font-size: 40px;
  }
}
table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
th,
td {
  border: 1px solid black;
  padding: 10px;
  text-align: center;
}
th {
  background-color: #f4f4f4;
}
.highlight {
  color: red;
  font-weight: bold;
}
caption {
  font-weight: bold;
  margin-top: 10px;
}