@font-face {
  font-family: "GameOfSquids";
  src: url("../fonts/GameOfSquids.otf");
  src: url("../fonts/GameOfSquids.ttf");
  src: url("CustomFont.woff") format("woff"),
    url("../fonts/GameOfSquids.otf") format("opentype");
}

@font-face {
  font-family: myFontLogo;
  src: url(../fonts/3dlet.ttf);
}
@font-face {
  font-family: Nuno-semi;
  src: url(../fonts/nunito-sans/NunitoSans-Bold.ttf);
  src: url("../fonts/nunito-sans/NunitoSans-Bold.ttf");
  src: url("../fonts/nunito-sans/NunitoSans-Bold.ttf") format("ttf"),
    url("../fonts/nunito-sans/NunitoSans-Bold.ttf") format("ttf");

}
@font-face {
  font-family: Montserrat-bold;
  src: url(../fonts/montserrat/Montserrat-Bold.ttf);
  src: url("../fonts/montserrat/Montserrat-Bold.ttf");
  src: url("../fonts/montserrat/Montserrat-Bold.ttf") format("ttf"),
  url("../fonts/montserrat/Montserrat-Bold.ttf") format("ttf");
}
@font-face {
  font-family: NunitoSans;
  src: url(../fonts/nunito-sans/NunitoSans-Regular.ttf);
  src: url("../fonts/nunito-sans/NunitoSans-Regular.ttf");
  src: url("../fonts/nunito-sans/NunitoSans-Regular.ttf") format("ttf"),
  url("../fonts/nunito-sans/NunitoSans-Regular.ttf") format("ttf");
}

* {
  margin: 0;

  padding: 0;
  font-family: NunitoSans, sans-serif;
}

:root {
  --slider-height: 650px;
}

@media (max-width: 768px) {
  :root {
    --slider-height: 350px;
  }
}

html {
  scroll-behavior: smooth;
}
body {
  overflow-x: hidden;
  padding-right: 0px !important;
  margin-right: 0px !important;
  font-family: NunitoSans, sans-serif;
}
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-thumb {
  cursor: pointer;
  background: #000000;
}

.misc-box-h {
  width: 100%;
  height: 500px;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
.misc-box-bg-h {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0.9),
      rgba(0, 0, 0, 0.5)
    ),
    url(../images/support.webp);
  background-attachment: fixed;
}

.img-hero {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
}

.content-heroz {
  animation: scalez 20s linear infinite;
}

@keyframes scalez {
  50% {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
  }
}

h4 {
  font-family: sans-serif;
  font-weight: 800;
  font-size: 28px;
}

h1,
h3,
h5 {
  font-family: sans-serif;
  color: #000000;
}

h2 {
  font-family: Montserrat-bold, sans-serif;
  color: #1a1b1e;
  font-size: 16px;
}

ul {
  list-style: none;
}

@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

.modal {
  overflow-y: auto;
}

.modal-open {
  overflow: auto;
}

.modal-open[style] {
  padding-right: 0px !important;
}
.modal-close {
  overflow: auto;
}

.modal-close[style] {
  padding-right: 0px !important;
}

p {
  font-family: NunitoSans, sans-serif;
}
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #141d38;
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
}

#topbar.topbar-scrolled {
  top: -40px;
}

#topbar .contact-info a {
  line-height: 1;
  color: #444444;
  transition: 0.3s;
}

#topbar .contact-info a:hover {
  color: #43baff;
}

#topbar .contact-info i {
  color: #43baff;
  padding-right: 4px;
}

#topbar .contact-info i.icofont-phone {
  margin-left: 15px;
}

#topbar .social-links a {
  color: #777777;
  padding-left: 15px;
  display: inline-block;
  line-height: 1px;
  transition: 0.3s;
}

#topbar .social-links a:hover {
  color: #43baff;
}

#topbar .social-links a:first-child {
  border-left: 0;
}
.up_content:hover {
  color: #43baff;
}
/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;

  
}


@-webkit-keyframes pulsez {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
 }
}
@keyframes pulsez {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0.2, 0.2, 0.2);
      transform: scale3d(0.2, 0.2, 0.2);
 }
}
@-webkit-keyframes pulsez2 {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
 }
}
@keyframes pulsez2 {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
 }
  100% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
}
@-webkit-keyframes pulsez3 {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
 }
  90% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
}
@keyframes pulsez3 {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
  50% {
      -webkit-transform: scale3d(0, 0, 0);
      transform: scale3d(0, 0, 0);
 }
  90% {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
 }
}
.main-loader{
 position: fixed;
 left:50%;
 top: 50%;
 transform: translate(-50%, -50%);
 width: 60px;
 height: 60px;
}
.loader1{
width: 30px;
height: 30px;
background-color: #64baff;
border-radius: 50%;
float: left;
z-index: 9;
position: absolute;
left: 20px;
top: 20px;
-webkit-animation-name: pulsez;
animation-name: pulsez;
animation-duration: 2s;
animation-iteration-count: infinite;
transform-origin: center;
animation-delay: 0s;
transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loader2{
width: 50px;
height: 50px;
background-color: #64baff;
border-radius: 50%;
float: left;
z-index: 8;
opacity: 0.7;
position: absolute;
left: 10px;
top: 10px;
-webkit-animation-name: pulsez2;
animation-name: pulsez2;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.3s;
transform-origin: center;
transition: transform 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.loader3{
width: 70px;
height: 70px;
background-color: #64baff;
border-radius: 50%;
float: left;
z-index: 7;
opacity: 0.4;
position: absolute;
left: 0;
top: 0;
-webkit-animation-name: pulsez3;
animation-name: pulsez3;
animation-duration: 2s;
animation-iteration-count: infinite;
animation-delay: 0.5s;
transform-origin: center;
transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1);
}



/* }
.pre-holder{
  margin: 0 auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
 
}
#preloader div {
  transform-style: preserve-3d;
}

.pre-one {
  width: 180px;
 height: 180px;
 border-radius: 500px;
 border: 20px solid #081016;
 animation: spinz 2s infinite linear;
}

.pre-two {
  width: 140px;
 height: 140px;
 border-radius: 500px;
 border: 20px solid #4077a5;
 animation: spinz 3s infinite linear;
}

.pre-three {
  width: 100px;
 height: 100px;
 border-radius: 500px;
 border: 20px solid #64baff;
  animation: spinz 4s infinite linear;
}

@keyframes spinz {
0% {transform: rotateX(0deg) rotateY(0deg);}
50%{transform: rotateX(-180deg) rotateY(180deg);}
90% {transform: rotateX(0deg) rotateY(0deg);}
} */

/*
#square1 {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  height: 50px;
  width: 50px;
  margin: -25px 0 0 -25px;
}

#square1 span {
  width: 16px;
  height: 16px;
  background-color: #43baff;
  display: inline-block;
  -webkit-animation: square1 1.2s infinite ease-in-out both;
  animation: square1 1.2s infinite ease-in-out both;
}

#square1 span:nth-child(1) {
  left: 0px;
  -webkit-animation-delay: 0.1s;
  animation-delay: 0.1s;
}

#square1 span:nth-child(2) {
  left: 15px;
  -webkit-animation-delay: 0.2s;
  animation-delay: 0.2s;
}

#square1 span:nth-child(3) {
  left: 30px;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
}

#square1 span:nth-child(4) {
  left: 45px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}

@keyframes square1 {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes square1 {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
} */
@keyframes lp {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  background: #fff;
  transition: all 0.5s;
  z-index: 997;
  padding: 20px 0;
  top: 40px;
}

#header.header-scrolled {
  top: 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#header .logo {
  line-height: 1;
  display: block;
  font-size: 14px;
  color: #64baff;
  font-family: "GameOfSquids", sans-serif !important;
  letter-spacing: 1px;
  text-decoration: none;
}

#header .logo span {
  color: #1a1c24;
  font-weight: bold;
  font-size: 16px;
  font-family: "GameOfSquids", sans-serif !important;
}


#header .logo a {
  color: #43baff;
  text-decoration: none;
}

#header .logo a:hover {
  text-decoration: none;
}

#header .logo img {
  height: 35px;
  width: 35px;
}

@media (max-width: 992px) {
  #header {
    top: 0;
    padding: 24px 0;
  }
  #header .logo {
    font-size: 14px;
  }

  #header .logo span {
    font-size: 18px;
  }
  #header .logo img {
    max-height: auto;
    max-width: auto;
  }
}

.section-head {
  margin-bottom: 60px;
}
.section-head h4 {
  position: relative;
  padding: 0;
  color: #43baff;
  line-height: 1;
  letter-spacing: 0.3px;
  font-size: 34px;
  font-weight: 700;
  text-align: center;
  text-transform: none;
  margin-bottom: 30px;
}
.section-head h4:before {
  content: "";
  width: 60px;
  height: 3px;
  background: #43baff;
  position: absolute;
  left: 0px;
  bottom: -10px;
  right: 0;
  margin: 0 auto;
}
.section-head h4 span {
  font-weight: 700;
  padding-bottom: 5px;
  color: #2f2f2f;
}

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

.section-title h2 {
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-family: sans-serif;
  position: relative;
  color: #000000;
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 3px;
  font-family: sans-serif;
  background: #000000;
  bottom: 0;
  left: calc(50% - 25px);
}

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

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/* Desktop Navigation */
.nav-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-menu > ul {
  display: flex;
}

.nav-menu > ul > li {
  position: relative;
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.nav-menu a {
  display: block;
  position: relative;
  color: #000000;
  text-decoration: none;
  transition: 0.3s;
  font-size: 14px;
  font-family: sans-serif;
}

.nav-menu .drop-down ul li a {
  color: #000000;
}

.nav-menu a:hover,
.nav-menu .active > a,
.nav-menu li:hover > a {
  color: #43baff;
}

.nav-menu .drop-down ul {
  display: block;
  position: absolute;
  left: 15px;
  top: calc(100% + 30px);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  padding: 10px 0;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.nav-menu .drop-down:hover > ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.nav-menu .drop-down li {
  min-width: 180px;
  position: relative;
}

.nav-menu .drop-down ul a {
  padding: 10px 20px;
  font-size: 14px;
  font-weight: 500;
  text-transform: none;
  color: #222222;
}

.nav-menu .drop-down ul a:hover,
.nav-menu .drop-down ul .active > a,
.nav-menu .drop-down ul li:hover > a {
  color: #43baff;
}

.nav-menu .drop-down a{
  bottom: 2px;
}

.nav-menu .drop-down > a:after {
  content: "\ea4f";
  font-family: 'remixicon' !important;
  padding-left: 5px;
}

.nav-menu .drop-down .drop-down ul {
  top: 0;
  left: calc(100% - 30px);
}

.nav-menu .drop-down .drop-down:hover > ul {
  opacity: 1;
  top: 0;
  left: 100%;
}

.nav-menu .drop-down .drop-down > a {
  padding-right: 35px;
}

.nav-menu .drop-down .drop-down > a:after {
  content: "\eaa0";
  font-family: IcoFont;
  position: absolute;
  right: 15px;
}

@media (max-width: 1366px) {
  .nav-menu .drop-down .drop-down ul {
    left: -90%;
  }
  .nav-menu .drop-down .drop-down:hover > ul {
    left: -100%;
  }
  .nav-menu .drop-down .drop-down > a:after {
    content: "\ea9d";
  }
}

/* Get Startet Button */
.get-started-btn {
  margin-left: 25px;
  padding: 7px 25px 8px 25px;
  white-space: nowrap;
  display: inline-block;
}

.get-started {
  color: red;
}

.get-started-btn:hover {
  color: #fff;
}

@media (max-width: 768px) {
  .get-started-btn {
    margin: 0 48px 0 0;
    padding: 6px 18px;
  }
}

/* Mobile Navigation */
.mobile-nav {
  position: fixed;
  top: 0;
  bottom: 0;
  z-index: 9999;
  overflow-y: auto;
  left: -260px;
  width: 260px;
  padding-top: 18px;
  background: rgba(12, 27, 39, 0.9);
  transition: 0.4s;
}

.mobile-nav * {
  margin: 0;
  padding: 0;
  list-style: none;
}

.mobile-nav a {
  display: block;
  position: relative;
  color: #fff;
  padding: 10px 20px;
  font-size: 18px;
  font-weight: 500;
}

.mobile-nav a:hover,
.mobile-nav .active > a,
.mobile-nav li:hover > a {
  color: #43baff;
  text-decoration: none;
}

.mobile-nav .drop-down > a:after {
  content: "\ea4f";
  font-family: 'remixicon' !important;
  padding-left: 10px;
  position: absolute;
  right: 15px;
}

.mobile-nav .active.drop-down > a:after {
  content: "\ea55";
}

.mobile-nav .drop-down > a {
  padding-right: 35px;
}

.mobile-nav .drop-down ul {
  display: none;
  overflow: hidden;
}

.mobile-nav .drop-down li {
  padding-left: 20px;
}

.mobile-nav-toggle {
  position: fixed;
  top: 30px;
  right: 15px;
  z-index: 9999;
  border: 0;
  background: none;
  font-size: 24px;
  transition: all 0.4s;
  outline: none !important;
  line-height: 1;
  cursor: pointer;
  text-align: right;
}

.mobile-nav-toggle i {
  margin: 18px 18px 0 0;
  color: #000;
}

.mobile-nav-overly {
  width: 100%;
  height: 100%;
  z-index: 9997;
  top: 0;
  left: 0;
  position: fixed;
  background: rgba(15, 31, 44, 0.8);
  overflow: hidden;
  display: none;
}

.mobile-nav-active {
  overflow: hidden;
}

.mobile-nav-active .mobile-nav {
  left: 0;
}

.mobile-nav-active .mobile-nav-toggle i {
  color: #fff;
}
.bg-gray {
  background-size: 10px 10px;
  background-color: #fafafa;
  background-image: repeating-radial-gradient(
    circle,
    #fafafa,
    whitesmoke 50%,
    whitesmoke 100%
  );
  line-height: 1.618em;
}

#zoomWr {
  overflow: hidden;
  text-align: center;
}
.zoomoutHe {
  background: none;
  -webkit-animation: zoomout 30s ease-in infinite;
  animation: zoomout 30s ease-in infinite;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
  text-align: center;
}

.clients {
  padding-top: 60px;
}

.clients .owl-item {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
}

.clients .owl-item img {
  height: 80%;
  opacity: 0.5;
  transition: 0.3s;
 
}

.clients .owl-item img:hover {
  opacity: 1;
  transform: scale(1.1);
}

.clients .owl-nav, .clients .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.clients .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.clients .owl-dot.active {
  background-color: #43baff !important;
}

.testimonials .testimonial-item {
  box-sizing: content-box;
  min-height: 320px;
}

.testimonials .testimonial-item .testimonial-img {
  width: 90px;
  border-radius: 50%;
  margin: -40px 0 0 40px;
  position: relative;
  z-index: 2;
  border: 6px solid #fff;
  background: #43baff;
}

.testimonials .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 45px;
  color: #111;
}

.testimonials .testimonial-item h4 {
  font-size: 14px;
  color: #999;
  margin: 0 0 0 45px;
}

.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {
  color: #d8dee1;
  font-size: 26px;
}

.testimonials .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonials .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonials .testimonial-item p {
  line-height: 24px;
    font-size: 14px;
  margin: 8px 15px 0 15px;
  padding: 20px 20px 60px 20px;
  background: #fff;
  box-shadow: 0 6px 19px 0 rgba(68, 88, 144, 0.1); 
  position: relative;
  border-radius: 6px;
  color: #5f687b !important;
  position: relative;
  z-index: 1;
}

.testimonials .owl-nav, .testimonials .owl-dots {
  margin-top: 5px;
  text-align: center;
}

.testimonials .owl-dot {
  display: inline-block;
  margin: 0 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #ddd !important;
}

.testimonials .owl-dot.active {
  background-color: #43baff !important;
}

@media (max-width: 767px) {
  .testimonials {
    margin: 30px 10px;
  }
}


.clients img {
  transition: all 0.4s ease-in-out;

  max-width: 200px;
  max-height: 200px;
}


.single-partner img:hover{
  transform: scale(1.1);
  filter: none;
}

.single-partner img{
  transition: all 0.4s ease-in-out;
  filter: grayscale(100);
}

/*--------------------------------------------------------------
# Hero SectionF
--------------------------------------------------------------*/
#herof {
  width: 100%;
  height: 100vh;
  background: url("../images/hero-img.webp") top center no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 82px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-animation: zoomin 30s ease-in infinite;
  animation: zoomin 30s ease-in infinite;
  transition: all 0.5s ease-in-out;
  overflow: hidden;
}
#herof:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}
#herof h1 {
  margin: 0;
  font-size: 48px;
  font-weight: 700;
  color: #fff;
}
#herof h3 {
  color: #fff;
  margin: 10px 0 0 0;
  font-size: 24px;
}
#herof .btn-get-started {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #43baff;
  border: 2px solid #43baff;
}
#herof .btn-get-started:hover {
  background: transparent;
  border-color: #43baff;
}
@media (max-width: 768px) {
  #herof {
    text-align: center;
    padding-top: 58px;
  }
  #herof h1 {
    font-size: 28px;
  }
  #herof h2 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-height: 500px) {
  #herof {
    height: 120vh;
  }
}

/* Zoom in Keyframes */
@-webkit-keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomin {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
} /*End of Zoom in Keyframes */

/* Zoom out Keyframes */
@-webkit-keyframes zoomout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes zoomout {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.7);
  }
  100% {
    transform: scale(1);
  }
} /*End of Zoom out Keyframes */

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
  width: 100%;
  height: 100vh;
  background-color: rgba(9, 9, 9, 0.8);
  overflow: hidden;
  position: relative;
}

#hero .carousel,
#hero .carousel-inner,
#hero .carousel-item,
#hero .carousel-item::before {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
}

#hero .carousel-item::before {
  content: "";
  background-image: linear-gradient(
    to bottom,
    rgba(255, 0, 0, 0),
    rgba(0, 0, 0, 0.7)
  );
}

#hero .carousel-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 0;
  top: 112px;
  left: 50px;
  right: 50px;
}

#hero .container {
  text-align: center;
}

#hero h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
}

#hero p {
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
  margin: 0 auto 30px auto;
  color: #fff;
}

#hero .carousel-inner .carousel-item {
  transition-property: opacity;
  background-position: center top;
}

#hero .carousel-inner .carousel-item,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  opacity: 0;
}

#hero .carousel-inner .active,
#hero .carousel-inner .carousel-item-next.carousel-item-left,
#hero .carousel-inner .carousel-item-prev.carousel-item-right {
  opacity: 1;
  transition: 0.5s;
}

#hero .carousel-inner .carousel-item-next,
#hero .carousel-inner .carousel-item-prev,
#hero .carousel-inner .active.carousel-item-left,
#hero .carousel-inner .active.carousel-item-right {
  left: 0;
  transform: translate3d(0, 0, 0);
}

#hero .carousel-control-prev,
#hero .carousel-control-next {
  width: 10%;
  top: 112px;
}

@media (max-width: 992px) {
  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    top: 66px;
  }
}

#hero .carousel-control-next-icon,
#hero .carousel-control-prev-icon {
  background: none;
  font-size: 36px;
  line-height: 1;
  width: auto;
  height: auto;

  border-radius: 50px;
  padding: 10px;
  transition: 0.3s;
  color: rgba(255, 255, 255, 0.5);
}

#hero .carousel-control-next-icon:hover,
#hero .carousel-control-prev-icon:hover {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.8);
}

#hero .carousel-indicators li {
  cursor: pointer;
  background: #fff;
  overflow: hidden;
  border: 0;
  width: 24px;
  height: 6px;
  opacity: 0.6;
  transition: 0.3s;
}

#hero .carousel-indicators li.active {
  opacity: 1;
  background: #fff;
}

#carouselExampleIndicators .carousel-indicators li {
  cursor: pointer;
  background: skyblue;
  overflow: hidden;
  border: 0;
  border-radius: 50px;
  width: 18px;
  height: 6px;
  opacity: 0.6;
  transition: 0.3s;
}

#carouselExampleIndicators .carousel-indicators li.active {
  opacity: 1;
  background: #43baff;
  border-radius: 5px;
}

#hero .btn-get-started {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #43baff;
  border: 2px solid #43baff;
}

#hero .btn-get-started:hover {
  background: transparent;
  border-color: #fff;
  text-decoration: none;
}

@media (max-width: 992px) {
  #hero {
    height: 100vh;
  }
  #hero .carousel-container {
    top: 66px;
  }
}

@media (max-width: 768px) {
  #hero h2 {
    font-size: 28px;
  }
}

@media (min-width: 1024px) {
  #hero .carousel-control-prev,
  #hero .carousel-control-next {
    width: 5%;
  }
}

@media (max-height: 500px) {
  #hero {
    height: 120vh;
  }
}

.space-6 {
  height: 125px;
  width: 100%;
}
.space-5 {
  height: 100px;
  width: 100%;
}
.space-4 {
  height: 80px;
  width: 100%;
}
.space-3 {
  height: 60px;
  width: 100%;
}
.space-2 {
  height: 40px;
  width: 100%;
}
.space-1 {
  height: 20px;
  width: 100%;
}
.space-0 {
  height: 10px;
  width: 100%;
}
.first-content-ela {
  text-align: center;
  background: whitesmoke;
  width: 100%;
}

.contact-info.box-style-1 {
  padding: 20px 30px 25px;
}
.contact-info .info-text {
  padding-left: 50px;
  font-weight: 500;
}
.contact-info.box-style-1:hover {
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.contact-info {
  font-size: 16px;
  overflow: hidden;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.contact-info i {
  font-size: 30px;
  margin-top: 10px;
  line-height: 1;
  float: left;
  color: #43baff;
}
.info-text h2 {
  font-family: Montserrat-bold, sans-serif;
  color: #1a1b1e;
  font-size: 16px;
}
.info-text p {
  font-size: 16px;
  color: #6d6d6d;
}

/* For Slides */

.banner {
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100vh;
  object-fit: cover;
}
.carousel-caption {
  padding-bottom: 350px;
}
.carousel-caption h5 {
  font-size: 70px;
  font-family: Montserrat-bold, sans-serif;
}

.carousel-caption h5 span {
  color: #55acee;
  font-family: Montserrat-bold, sans-serif;
}
.carousel-caption a {
  color: #fff;
  background: #43baff;
  padding: 15px 35px;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Montserrat-bold, sans-serif;
  font-weight: 400;
}
.carousel-caption a:hover {
  background: #43baff;
}

.heading-home-page {
  color: #fff;
}

#status {
  width: 200px;
  height: 200px;
  position: absolute;
  left: 50%;
  top: 50%;
  background-image: url(../images/try.gif);
  background-repeat: no-repeat;
  background-position: center;
  margin: -100px 0 0 -100px;
}

/* header-cont*/
.header-icons {
  background: #141d38;
}
#container-one-social {
  width: 50%;
}
#container-two-social {
  margin-right: 50px;
  width: 50%;
}
#container-two-social a:hover {
  color: #43baff;
}
#content-container-one {
  margin-left: 0px;
  width: 50%;
}
#content-container-two {
  width: 85%;
}
#content-container-one a {
  color: #b5b5b5;
}

#content-container-one a :hover {
  color: #43baff;
}
#content-container-two a {
  color: #b5b5b5;
}

#content-container-two :hover {
  text-decoration: none;
  color: #43baff;
}
#content-container-two a i {
  color: whitesmoke;
}
#content-container-two a i :hover {
  color: whitesmoke;
}
.dropdown-contentli a:hover {
  transform: translate(2%) translateZ(0);
  transition-duration: 0.3s;
  color: #43baff;
}

.menu #cool-link::after {
  content: "";
  display: block;
  width: 0;
  height: 4px;
  background: #43baff;
  transition: width 0.5s;
}
.menu #cool-link:hover::after {
  width: 100%;
  transition: width 0.5s;
}

.dropdownli i {
  color: #b5b5b5;
}
.dropdown-contentli {
  display: none;
  position: absolute;
  background-color: #fff;
  min-width: 160px;
  border-radius: 1px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 9999;
  perspective: 1000px;
}
.dropdownli:hover .dropdown-contentli {
  display: block;
}
.header-container .logo {
  margin-left: 100px;
}
.headers-social {
  font-size: 14px;
}
.contact-quote a {
  background: #43baff;
  color: #282b3a;
}
.contact-quote a:hover {
  border: 1px solid #43baff;
  background: white;
  color: #282b3a;
}

/* head */

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  transition: top 0.3s;
  transition: 0.4s;
  z-index: 9999;
  transition: all 1.5s ease;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.logo img {
  display: inline-block;
  width: 50px;
  height: 50px;
}

.d-flex img {
  display: inline-block;
  width: 60px;
  height: 60px;
}
.footer-img {
  text-decoration: none;
  font-size: 20px;
  color: #fff;
  margin: 30px;
}
.footer-img span {
  font-weight: bold;
}
.footer-img:hover {
  text-decoration: none;
  color: #fff;
  font-family: sans-serif;
}
.cn-footer-icons i {
  color: #43baff;
  text-decoration: none;
  font-size: 35px;
  margin: 25px 0;
}
.cn-footer-text-ad a {
  text-decoration: none;
  color: whitesmoke;
  font-size: 18px;
}
.cn-footer-text-our a {
  text-decoration: none;
  color: #b5b5b5;
}
.footer-links-jys {
  margin-top: 50px;
}
.cn-footer-text-links a {
  color: whitesmoke;
  text-decoration: none;
  margin: 18px 0;
}
.cn-footer-text-links:hover {
  color: #c8e6ff;
}
.cn-footer-icons-dwn a {
  background: white;
  width: 30px;
  height: 30px;
  display: inline-block;
  border-radius: 50%;
  transition: 0.4s;
  margin: 16px 0;
}
.bottom-copy p {
  margin: 16px 0;
}
.cn-footer-icons-dwn a:hover {
  background: #c8e6ff;
}
.contact-quote a {
  color: red;
}
.cn-footer-icons-dwn i {
  font-size: 16px;
  padding: 7px 8px;
}

.footer-bottom-text-con p {
  text-align: center;
}

.sticky + .body-tag {
  padding-top: 60px;
  transition: top 0.3s;
  transition: 0.4s;
}

.head {
  background-color: #fff;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.1);
  position: fixed;
  width: 100%;
  align-content: space-around;
  z-index: 9999;
  padding: 12px 0px 0px 0px;
  transition: all 1.5s ease;
}

.head ul {
  margin-right: 100px;
  padding: 0;
  list-style: none;
  overflow: hidden;
  background-color: #fff;
}

.head li a {
  display: block;
  padding: 20px 20px;
  /*  border-right: 1px solid #f4f4f4; */
  text-decoration: none;
  color: #1a1b1e;
  font-weight: normal;
  font-size: 16px;
  outline: none;
  white-space: nowrap;
  line-height: 35px;
  font-family: Nuno-semi, sans-serif;
  letter-spacing: 1px;
}
.head li button {
  display: block;
  padding: 20px 20px;
  /*  border-right: 1px solid #f4f4f4; */
}

.btn-change7 {
  border: 2px solid #43baff;
  color: #1a1b1e;
  font-weight: normal;
  font-size: 16px;
  font-family: Nuno-semi, sans-serif;
  box-shadow: 0 0 0px #fff;
  -webkit-transition-duration: 0.5s;
  -webkit-transition-timing-function: linear;
  box-shadow: 0px 0 0 #43baff inset;
}
.btn-change7:hover {
  box-shadow: 200px 0 0 #43baff inset;
}

.head li button:hover {
  color: rgba(255, 255, 255, 1);
}

.heading-company h2 {
  font-size: 36px;
  font-weight: bolder;
  color: #1b1d21;
  font-family: Montserrat-bold, sans-serif;
}
.heading-occupancy {
  width: 80%;
}

.head .logo {
  display: block;
  float: left;
  font-size: 20px;
  color: #000000;
  letter-spacing: 1px;
  padding: 10px 20px;
  text-decoration: none;
}
.head .logo span {
  color: #000000;
  font-weight: bold;
}
.head a :hover {
  color: #1a1b1e;
}
.arrow {
  position: absolute;
  width: 21px;
  height: 21px;
  top: -5.5px;
  left: 32px;
  background-color: #fff;
  transform: rotate(45deg);
}
.dropdownli i:hover {
  color: #b5b5b5;
}
/* This goes top */
/* This goes top */
.to-top {
  background: white;
  position: fixed;
  bottom: 16px;
  left: 32px;
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  color: #43baff;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  text-decoration: none;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s;
  z-index: 99999;
}

.to-top.activee {
  bottom: 32px;
  pointer-events: auto;
  opacity: 1;
}
.to-top i :hover {
  padding-top: 30px;
  color: #43baff;
}
/*Top end */
/*Top end */

/* menu */

.head .menu {
  clear: both;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}

/* menu icon */

.head .menu-icon {
  cursor: pointer;
  display: inline-block;
  float: right;
  padding: 28px 28px;
  position: relative;
  user-select: none;
  border-radius: 10px;
  margin-right: 20px;

  border: 1.5px solid #43baff;
}

.head .menu-icon .navicon {
  background: #000;
  /* margin-top: 10px; */

  display: block;
  height: 2.5px;
  position: relative;
  transition: background 0.2s ease-out;
  width: 20px;
}

.head .menu-icon .navicon:before,
.head .menu-icon .navicon:after {
  background: #000;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  transition: all 0.2s ease-out;
  width: 100%;
  font-weight: bolder;
}

.head .menu-icon .navicon:before {
  top: 5px;
}

.head .menu-icon .navicon:after {
  top: -5px;
}

/* menu btn */

.head .menu-btn {
  display: none;
}

.head .menu-btn:checked ~ .menu {
  max-height: 100%;
}

.head .menu-btn:checked ~ .menu-icon .navicon {
  background: transparent;
}

.head .menu-btn:checked ~ .menu-icon .navicon:before {
  transform: rotate(-45deg);
}

.head .menu-btn:checked ~ .menu-icon .navicon:after {
  transform: rotate(45deg);
}

.head .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
.head .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
  top: 0;
}
.main-footer-container p {
  color: #999;
  line-height: 25px;
}
.main-footer-container h2,
.main-footer-container h3 {
  color: #fff;
}
.main-footer-container h2 {
  font-size: 18px;
}
.btn-back-send {
  background: #015579;
  color: whitesmoke;
}
.email-input-back {
  background: #222530;
}

.footer-top {
  background-color: #222530;
  padding: 100px 0;
}
.footer-top-con {
  background-color: #222530;
  padding: 80px 0;
}
.segment-one h3 {
  font-family: sans-serif;
  color: #fff;
  letter-spacing: 3px;
  margin: 10px 0;
}
.segment-two h2 {
  color: #fff;
}
.segment-two h2::before {
  content: "|";
  color: #43baff;
  padding-right: 10px;
}
.segment-two ul {
  margin: 0;
  padding: 0px;
  list-style: none;
}
.segment-two ul li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  line-height: 40px;
}
.segment-two ul li a {
  color: rgb(199, 199, 199);
  text-decoration: none;
}
.segment-two ul li a:hover {
  color: #999;
  text-decoration: none;
  transition: all ease-in 0.3s;
}

.segment-two h2::before {
  content: "|";
  color: #43baff;
  padding-right: 10px;
}
.segment-three h2::before {
  content: "|";
  color: #43baff;
  padding-right: 10px;
}
.segment-four h2::before {
  content: "|";
  color: #43baff;
  padding-right: 10px;
}

.segment-three a {
  background: #494848;
  width: 40px;
  height: 40px;
  display: inline-block;
  border-radius: 50%;
  transition: 0.4s;
}
.segment-three .face-f:hover {
  background-color: #3b5999;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  transform: translate(0, -10px);
}
.segment-three .face-t:hover {
  background-color: #55acee;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  transform: translate(0, -10px);
}
.segment-three .face-l:hover {
  background-color: #007785;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  transform: translate(0, -10px);
}
.segment-three .face-in:hover {
  background-color: #e4405f;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  transform: translate(0, -10px);
}
.segment-three .face-g:hover {
  background-color: #313131;
  box-shadow: 0 5px 4px rgba(0, 0, 0, 0.5);
  transform: translate(0, -10px);
}

.segment-three a i {
  font-size: 20px;
  color: #fff;
  padding: 10px 12px;
}
.footer-bottom-text {
  text-align: center;
  line-height: 75px;
  background: #1a1c24;
  color: #999;
}
.btn-back-send i:hover {
  color: white;
}

/* responsive footer */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .md-mb-30 {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .sm-mb-30 {
    margin-bottom: 30px;
  }
  .footer-top {
    padding: 50px 0;
  }
}
/* responsive home items */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .md-mb-40 {
    margin-bottom: 30px;
  }
  .space-1 {
    display: none;
  }
}
@media only screen and (min-width: 0px) {
  .sm-mb-40 {
    margin-bottom: 30px;
  }
}

/* 48em = 768px */

@media (min-width: 48em) {
  .head li {
    float: left;
  }
  .head li a {
    padding: 20px 30px;
    border-top: 1px solid #fff;
  }
  .head .menu {
    clear: none;
    float: right;
    max-height: none;
  }
  .head .menu-icon {
    display: none;
  }
}

@media (max-width: 768px) {
  .headers-social {
    display: none;
  }
  .contact-quote {
    display: none;
  }
  .header-container {
    top: 0;
    margin: 0;
    position: absolute;
  }
  .logo img {
    width: 40px;
    height: 40px;
  }
  .logo {
    font-size: 14px;
  }
}
@media (max-width: 1024px) {
  .header-container .logo {
    margin-left: 0px;
  }

  #container-two-social {
    margin-right: 0px;
    width: 50%;
  }
  .head ul {
    margin-right: 50px;
    padding: 0;
    list-style: none;
    overflow: hidden;
    background-color: #fff;
  }
}
@media (max-width: 1048px) {
  .contact-quote {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .carousel-caption {
    padding-bottom: 400px;
  }
  .carousel-caption h5 {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .carousel-caption {
    padding-bottom: 300px;
  }
  .carousel-caption h5 {
    font-size: 25px;
  }
  .carousel-caption a {
    padding: 10px 25px;
  }
}

@media (max-height: 560px) {
  .carousel-caption {
    padding-bottom: 100px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1190px) and (min-width: 1024px) {
  .get-a-quote {
    display: none;
  }
}
.about-style {
  min-height: 100vh;
}

.about-icons-home i {
  font-size: 50px;
  color: gold;
}

/* Contact Form Properties */
.get_in_touch {
  max-width: 700px;

  position: relative;
  box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
  padding: 30px;
  padding-top: 50px;
}
.get_in_touch .title {
  text-transform: uppercase;
  text-align: center;
  letter-spacing: 2px;
  font-size: 3em;
  line-height: 48px;
  padding-bottom: 20px;
  color: #43baff;
  background: linear-gradient(to right, #43baff 0%, #3b5999 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.contact-form .form-field {
  position: relative;
  margin: 32px 0;
}
.contact-form .input-text {
  display: block;
  width: 100%;
  height: 36px;
  border-width: 0 0 2px 0;
  border-color: #3b5999;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
}
.contact-form .input-text:focus + .label,
.contact-form .input-text.not-empty + .label {
  transform: translateY(-24px);
}
.contact-form .input-text:focus {
  outline: none;
}

.contact-form .label {
  position: absolute;
  bottom: 28px;
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #3b5999;
  cursor: text;
  text-transform: capitalize;
  transition: transform 0.2s ease-in-out;
}
.contact-form .submit-btn {
  display: inline-block;
  background-image: linear-gradient(125deg, #43baff, #3b5999);
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 16px;
  padding: 8px 16px;
  border: none;
  width: 200px;
  cursor: pointer;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.contact-form .submit-btn:hover {
  background-image: linear-gradient(125deg, #3b5999, #43baff);
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.module {
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)),
    url(../images/banner.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 350px;
  position: relative;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}
.mid h2 {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 48px;
  transform: translate(-50%, -50%);
}
.module-home {
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7)),
    url(../images/banner.webp);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 300px;
  position: relative;

  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}
.mod-heading h2 {
  font-family: Montserrat, sans-serif;
  font-weight: 500;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 48px;
  transform: translate(-50%, -50%);
}
.info-vision h4 span {
  font-weight: bolder;
  color: #1b1d21;
  font-size: 16px;
  font-family: Montserrat-bold, sans-serif;
}
.comp-val h4 {
  text-align: center;
  color: #43baff;
  font-family: Montserrat, sans-serif;
}

.info-vision h4 {
  color: #6d6d6d;
  font-size: 16px;
  letter-spacing: 1px;
}
.modal-content label {
  font-weight: 600;
  color: #555;
}
.modal-content label span {
  font-weight: 100;
  color: red;
}
.contact-header-con h4 {
  font-family: NunitoSans, sans-serif;
  font-size: 16px;
  color: #43baff;
  position: relative;
  display: inline-block;
  margin-bottom: 2px;
  letter-spacing: 1px;
  line-height: 1.875;
}
.contact-header-con h2 {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 800;
  margin: 0 0 20px;
  color: #1a1b1e;
  font-size: 36px;
}
.contact-header-con p {
  color: #6d6d6d;
  font-family: NunitoSans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.875;
  letter-spacing: 1px;
}
.map {
  height: 500px;
  filter: brightness(100%) contrast(100%) saturate(0%) blur(0) hue-rotate(0deg);
}
.map iframe {
  width: 100%;
  border: none;
}
.sec-holder-back {
  background: #1a1c24;
  padding-top: 120px;
  padding-bottom: 130px;
  position: relative;
}
.business-designs-homepage {
  background: #1a1c24;
  padding-top: 120px;
  padding-bottom: 130px;
  position: relative;
}
/* Index Background Styles */
.services-box {
  overflow: hidden;
  position: relative;
  padding: 43px 30px 65px;
  background: #272d41;
  color: #aeaacb;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.services-box .big-number {
  position: absolute;
  left: -10px;
  top: 0;
  font-size: 100px;
  font-weight: 800;
  font-family: "Montserrat", sans-serif;
  line-height: 72px;
  color: #303750;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.services-box .icons-box-content {
  position: absolute;
  bottom: -88px;
  right: -88px;
  width: 188px;
  height: 188px;
  color: #fff;
  background: #303750;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.services-box .icons-box-content i,
.services-box .icons-box-content span,
.services-box .icons-box-content img {
  position: absolute;
  top: 42px;
  left: 40px;
  font-size: 35px;
  line-height: 1;
}
.services-box .icons-box-content i:before,
.services-box .icons-box-content span:before,
.services-box .icons-box-content img:before {
  font-size: 35px;
}
.services-box .icons-box-content img {
  width: 35px;
}
.services-box .content-box {
  position: relative;
  z-index: 1;
}
.services-box .content-box h5 {
  line-height: 30px;
  color: #fff;
  margin-bottom: 10px;
  font-family: Montserrat-bold, sans-serif;

  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.services-header span {
  color: #43baff;
  font-size: 18px;
  letter-spacing: 1px;
  font-family: NunitoSans, sans-serif;
  font-weight: 800;
  text-transform: capitalize;
}
.services-header h2 {
  font-size: 36px;
  font-weight: 800;
  font-family: Montserrat-bold, sans-serif;
  color: #fff;
}
.services-box .content-box .btn-details {
  display: inline-block;
  margin-top: 30px;
}
.services-box:hover {
  background: #fff;
  color: #6d6d6d;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.services-box:hover .big-number {
  color: #f4f6f6;
}
.services-box:hover .icons-box-content {
  background: #43baff;
}
.services-box:hover .content-box h5 {
  color: #1b1d21;
}
.content-box a {
  color: #43baff;
}
.misc-box {
  padding-left: 50px;
  padding-right: 50px;
  color: #fff;
  background-repeat: no-repeat;
  background-size: cover;
}
.misc-box-bg1 {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.5)
    ),
    url(../images/support.webp);
  background-attachment: fixed;
}
.misc-box-bg2 {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.5)
    ),
    url(../images/contactpic.webp);
  background-attachment: fixed;
}
.misc-box h5 {
  color: #fff;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 5px;
  font-weight: 800;
}
.misc-box .ot-counter {
  margin: 0 0 0 -20px;
  padding: 45px 0 14px 0;
  color: #fff;
}
.misc-box p {
  margin-bottom: 0;
  padding-bottom: 45px;
}
.ot-counter {
  font-family: sans-serif;
  color: #1b1d21;
  display: inline-block;
  text-align: left;
}
.ot-counter span {
  font-size: 30px;
  line-height: 1;
}
.ot-counter span.num {
  padding-left: 20px;
}
.ot-counter h6 {
  font-family: NunitoSans, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #43baff;
  margin-top: 13px;
  margin-bottom: 0;
  padding-left: 20px;
  letter-spacing: 1px;
  display: inline-block;
  position: relative;
}
.ot-counter h6:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #43baff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
.ot-counter.s2 h6 {
  margin-bottom: 13px;
  margin-top: 0;
}

.ot-counter2 {
  padding: 110px 60px 120px;
  position: relative;
  background: #f8f8f8;
}
.ot-counter2 .s-num {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  font-size: 48px;
  line-height: 1;
  color: #43baff;
  margin-bottom: 18px;
}
.ot-counter2 h6 {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 10px;
}
.ot-counter2 p {
  font-size: 18px;
}
.ot-counter2 .b-num {
  font-size: 150px;
  line-height: 106px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
}
.pt-0 {
  padding-top: 0;
}
.pb-290 {
  padding-bottom: 80px;
}
.mt--130 {
  margin-top: -130px;
}
.icon-box-s2.s1 .icon-main,
.icon-box-s2.s3 .icon-main {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  float: left;
  text-align: center;
  line-height: 1;
  color: #7141b1;
}
.icon-box-s2.s1 .icon-main i,
.icon-box-s2.s1 .icon-main span:before,
.icon-box-s2.s3 .icon-main i,
.icon-box-s2.s3 .icon-main span:before {
  font-size: 45px;
}
.icon-box-s2.s1 .icon-main span,
.icon-box-s2.s3 .icon-main span {
  display: block;
}
.icon-box-s2.s1 .icon-main img,
.icon-box-s2.s3 .icon-main img {
  width: 45px;
}
.icon-box-s2.s1 .content-box,
.icon-box-s2.s3 .content-box {
  padding-left: 75px;
}
.icon-box-s2 .content-box h5 {
  margin-bottom: 17px;
  font-weight: bold;
}
.icon-box-s2 .content-box h5 a {
  color: #1b1d21;
}
.icon-box-s2 .content-box h5 a:hover {
  color: #43baff;
}
.icon-box-s2 .content-box p:last-child {
  margin-bottom: 0;
}
.icon-box-s2.s2 {
  padding: 40px 45px;
  position: relative;
  overflow: hidden;
}
.icon-box-s2.s2 * {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.icon-box-s2.s2 .icon-main {
  color: #43baff;
  margin-bottom: 30px;
  line-height: 1;
}
.icon-box-s2.s2 .icon-main i,
.icon-box-s2.s2 .icon-main span:before {
  font-size: 40px;
  line-height: 1;
}
.icon-box-s2.s2 .icon-main img {
  max-width: 40px;
  margin-top: -5px;
}
.icon-box-s2.s2:before {
  content: "";
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.icon-box-s2.s2:after {
  content: "";
  position: absolute;
  width: 0px;
  height: 0px;
  top: -15px;
  right: -15px;
  z-index: 1;
  opacity: 0;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #43baff;
}
.icon-box-s2.s2:hover {
  background: transparent !important;
  box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.icon-box-s2.s2:hover:before {
  width: 100%;
  opacity: 1;
}
.icon-box-s2.s2:hover:after {
  opacity: 1;
  width: 30px;
  height: 30px;
}
.icon-box-s2.s2 .content-box h5 {
  margin-bottom: 14px;
}
.icon-box-s2.s3 .icon-main {
  float: right;
}
.icon-box-s2.s3 .content-box {
  text-align: right;
  padding-left: 0;
  padding-right: 75px;
}
.border-s1 {
  border: 1px solid #e7e7e7;
}
.content-box p {
  font-family: NunitoSans, sans-serif;
}
.content-box h5 {
  text-decoration: none;
  font-family: Montserrat-bold;
}

.icon-box-s2.bg1:before {
  background-image: url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
  filter: grayscale(90%);
}
.icon-box-s2.bg2:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg3:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg4:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg5:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg6:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg7:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg8:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.icon-box-s2.bg9:before {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(0, 0, 0, 0.6)
    ),
    url(../images/support.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
.serv-box.bg-s2 {
  background-image: linear-gradient(110deg, #5f3a8f 0%, #00deff 100%);
}
.icon-box-s2.bg:hover {
  color: #fff;
  text-decoration: none;
}
.icon-box-s2.bg:hover .content-box h5 a {
  color: #fff;
  text-decoration: none;
}
.icon-box-s2.s2.bg * {
  transition: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
}
.icon-box-s2.s2.bg a {
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
}
.service-v5 {
  padding-top: 0;
  padding-bottom: 110px;
}
/*ML AI Section */
.about-v5 {
  background-color: #1a1c24;
  background-image: url();
  background-repeat: no-repeat;
  padding: 130px 0 120px 0;
}
.overlay-image-about5 {
  background-image: url();
  background-position: bottom right;
  background-repeat: no-repeat;
  background-color: transparent;
  z-index: 0;
}

.pabout-right .ot-heading {
  margin-top: 20px;
  margin-bottom: 30px;
}
.pabout-right .ot-heading span {
  color: #8e88b8;
}
.pabout-right h2 {
  color: #fff;
}
.pabout-right h5 {
  color: #fff;
  font-weight: 600;
  line-height: 1;
  font-family: "Montserrat", sans-serif;
  margin-bottom: 15px;
}
.pabout-right p {
  color: #fff;
  margin-bottom: 25px;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.86;
}

.ai-cont-icon .ai-cont-box:last-child {
  margin-right: 0;
}
.ai-cont-icon .ai-cont-box .icon-main {
  margin-bottom: 0;
}
.ai-cont-icon .ai-cont-box span:before {
  font-size: 28px;
}

@media (max-width: 768px) {
  .ai-cont-icon .ai-cont-box span:before {
    font-size: 25px;
  }
}

.ai-cont-icon .icon-main {
  line-height: 1;
  margin-bottom: 18px;
}

.ai-cont-icon .ai-cont-box {
  padding: 17px 17px 17px 17px;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: rgba(255, 255, 255, 0.3);
  margin-right: 20px;
}
.ai-cont-box:hover {
  background: #43baff;
  border-color: #43baff;
  color: #fff;
  text-decoration: none;
}
.ai-cont-box {
  display: block;
  color: #43baff;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.3);
  padding: 40px 15px 30px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}

/*
@media (max-width: 1024px){
  .tech-wrap{
    display: none;
  }
}
*/
/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 35px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #111;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #43baff;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-wrap {
  transition: 0.3s;
  position: relative;
  overflow: hidden;
  z-index: 1;
  box-shadow: 2px 2px 10px rgba(127, 137, 161, 0.25);
}

.portfolio .portfolio-wrap::before {
  content: "";
  background: rgba(67, 186, 255, 0.7);
  position: absolute;
  left: 30px;
  right: 30px;
  top: 30px;
  bottom: 30px;
  transition: all ease-in-out 0.3s;
  z-index: 2;
  opacity: 0;
}

.portfolio .portfolio-wrap .portfolio-info {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: center;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.portfolio .portfolio-wrap .portfolio-info::before {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  top: 35px;
  left: 35px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info::after {
  display: block;
  content: "";
  width: 48px;
  height: 48px;
  position: absolute;
  bottom: 35px;
  right: 35px;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  transition: all 0.5s ease 0s;
  z-index: 9994;
}

.portfolio .portfolio-wrap .portfolio-info h4 {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.portfolio .portfolio-wrap .portfolio-info p {
  color: #ffffff;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

.portfolio .portfolio-wrap .portfolio-links {
  text-align: center;
  z-index: 4;
}

.portfolio .portfolio-wrap .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-wrap .portfolio-links a:hover {
  color: #fff;
}

.portfolio .portfolio-wrap:hover::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}

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

.portfolio .portfolio-wrap:hover .portfolio-info::before {
  top: 15px;
  left: 15px;
}

.portfolio .portfolio-wrap:hover .portfolio-info::after {
  bottom: 15px;
  right: 15px;
}

/*Portfolio Stuff */
.portfolio-grid {
  padding-top: 65px;
  padding-bottom: 110px;
}
.project_filters {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 30px;
  padding-left: 0;
}
.project_filters:after {
  content: "";
  display: block;
  clear: both;
}

.project_filters li {
  display: inline-block;
  text-align: center;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.project_filters li:last-child {
  margin-right: 0;
}
.project_filters li:first-child {
  margin-left: 0;
}

.project_filters li a {
  position: relative;
  display: inline-block;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  outline: none;
  color: #1b1d21;
  cursor: pointer;
  padding-bottom: 10px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.project_filters li a:hover,
.project_filters li a.active {
  color: #43baff;
  text-decoration: none;
}
.project_filters li a:after {
  position: absolute;
  height: 3px;
  text-decoration: none;
  width: 0%;
  right: 0px;
  bottom: 0px;
  background-color: #43baff;
  content: "";
  display: block;
  border-radius: 1.5px;
  -webkit-border-radius: 1.5px;
  -moz-border-radius: 1.5px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
.project_filters li a:hover:after,
.project_filters li a.active:after {
  opacity: 1;
  left: 0;
  right: auto;
  width: 100%;
  color: #43baff;
}
.main-heading {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 800;
  color: #1b1d21;
  line-height: 1.2;
}
.main-heading p {
  color: #6d6d6d;
  font-family: NunitoSans, sans-serif;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
}
/*Post Cards */
.load-more-button a {
  color: #fff;
  background: #43baff;
  padding: 15px 35px;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Montserrat-bold, sans-serif;
}
.abt-us h4 {
  font-family: sans-serif;
  font-weight: 800;
  font-size: 26px;
}
.load-more-button-2 a {
  color: #fff;
  background: #43baff;
  padding: 15px 20px;
  font-size: 14px;
  display: inline-block;
  margin-top: 15px;
  text-transform: uppercase;
  text-decoration: none;
  font-family: Montserrat-bold, sans-serif;
}
/* Hover Shadow */
@keyframes hover {
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(-6px);
  }
}
@keyframes hover-shadow {
  0% {
    transform: translateY(6px);
    opacity: 0.4;
  }
  50% {
    transform: translateY(3px);
    opacity: 1;
  }
  100% {
    transform: translateY(6px);
    opacity: 0.4;
  }
}
.hover-shadow {
  display: inline-block;
  position: relative;
  transition-duration: 0.3s;
  transition-property: transform;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.hover-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: "";
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: radial-gradient(
    ellipse at center,
    rgba(0, 0, 0, 0.35) 0%,
    rgba(0, 0, 0, 0) 80%
  );
  /* W3C */
  transition-duration: 0.3s;
  transition-property: transform opacity;
}
.hover-shadow:hover {
  transform: translateY(-6px);
  animation-name: hover;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.hover-shadow:hover:before {
  opacity: 0.4;
  transform: translateY(6px);
  animation-name: hover-shadow;
  animation-duration: 1.5s;
  animation-delay: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
/* Pulse */
@keyframes pulse {
  25% {
    transform: scale(1.1);
  }
  75% {
    transform: scale(0.9);
  }
}
.pulse {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pulse:hover {
  animation-name: pulse;
  animation-duration: 1s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

/* Pulse Grow */
@keyframes pulse-grow {
  to {
    transform: scale(1.1);
  }
}
.pulse-grow {
  display: inline-block;
  -webkit-tap-highlight-color: transparent;
  transform: translateZ(0);
  box-shadow: 0 0 1px transparent;
}
.pulse-grow:hover {
  animation-name: pulse-grow;
  animation-duration: 0.3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;
}
.technology-box {
  padding-top: 14%;
  padding-bottom: 14%;
  background-image: linear-gradient(rgba(255, 0, 0, 0), rgba(0, 0, 0, 0.9)),
    url("../images/test_where.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.tech-heading {
  color: #fff;
  font-family: Montserrat-bold, sans-serif;
  font-weight: bolder;
  font-size: 36px;
}
@media (max-width: 768px) {
  .tech-heading {
    font-weight: 400;
    font-size: 26px;
  }
}
.tech-box i,
.tech-box span:before {
  font-size: 55px;
  line-height: inherit;
}
.tech-box h5 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  text-transform: uppercase;
  color: #fff;
}

.tech-box-test {
  display: block;
  color: #43baff;
  border: 1.5px solid rgba(255, 255, 255, 0.4);
  text-decoration: none;

  padding: 17px 17px 17px 17px;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.tech-box-test .icon-main-test {
  line-height: 1;
  font-size: 60px;
  text-decoration: none;
}
.icon-prop h5 {
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
  color: #fff;
}
.icon-prop a {
  text-decoration: none;
}
@media (max-width: 768px) {
  .tech-box-test .icon-main-test {
    font-size: 40px;
  }
}

.tech-box-test .icon-main-test:hover {
  color: #fff;
  text-decoration: none;
}
.tech-box i,
.tech-box span:before {
  font-size: 55px;
  line-height: inherit;
}
.tech-box h5 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 0;
  text-transform: uppercase;
  color: #fff;
}
.tech-box-test:hover {
  background: #43baff;
  border-color: #43baff;
  color: #fff;
}
.content-test-tech {
  border: 1px solid #000;
}
.graphic-port-video {
  background-image: url(../images/graphicc.webp);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  min-height: 400px;
  margin-bottom: 45px;
}
.news-cont p {
  color: #43baff;
}
.news-cont h1 {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 800;
  color: #1b1d21;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .graphic-port-video {
    background-image: url(../images/graphicc_sec.webp);
  }
}
.l-portfolio-cont {
  margin: 0px 10px 0px -120px;
}

.r-portfolio-cont {
  margin-left: 60px;
}
.r-portfolio-cont span {
  color: #43baff;
}

.r-portfolio-cont h2 {
  font-weight: 800;
  font-family: sans-serif;
}
.heading-uni h2 {
  font-weight: 800;
  font-family: sans-serif;
}

@media (max-width: 1200px) {
  .r-portfolio-cont {
    margin-left: 0;
  }

  .l-portfolio-cont {
    margin: 0px;
  }
}
.btn-play {
  position: relative;
  width: 65px;
  height: 65px;
  display: inline-block;
  background: #43baff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  text-align: center;
  line-height: 68px;
  font-size: 19px;
  color: #fff;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.btn-play i {
  margin-left: 7%;
}
.btn-play:hover {
  background: #fff;
  color: #43baff;
}
.video-btn-play a span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(255, 255, 255, 0.8);
  animation: circle-fade-before 2s infinite ease-in-out;
  -webkit-animation: circle-fade-before 2s infinite ease-in-out;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-color: #43baff;
}
.video-btn-play a .circle-2 {
  animation: circle-fade-after 2s infinite ease-in-out;
  -webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.video-btn-play a:hover span {
  border-color: #fff;
}

@keyframes circle-fade-before {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}
@keyframes circle-fade-after {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(2.5);
    opacity: 0;
  }
}
.section-about-us-con {
  padding-top: 10%;
  padding-bottom: 10%;
  background-image: linear-gradient(rgba(255, 0, 0, 0), rgba(26, 26, 26, 0.6)),
    url("../images/contact_us.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.section-about-us-cont {
  padding-top: 12%;
  padding-bottom: 12%;
  background-image: linear-gradient(#43baff, #29abe2);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.section-about-us-con p {
  color: #fff;
}
.section-about-us-con h1 {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 800;
  color: #fff;
  line-height: 1.2;
  font-size: 76px;
}
.section-about-us-cont h1 {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 700;
  color: #fff;
  line-height: 1.2;
  font-size: 46px;
}
@media (max-width: 768px) {
  .section-about-us-con h1 {
    font-size: 36px;
  }
  .section-about-us-cont h1 {
    font-size: 20px;
  }
}
.ot-counter {
  margin: 0 0 0 -20px;
  padding: 45px 0 14px 0;
  color: #fff;
}
.ot-counter {
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  color: #1b1d21;
  display: inline-block;
  text-align: left;
}
.ot-counter span {
  font-size: 48px;
  line-height: 1;
}
.ot-counter span.num {
  padding-left: 20px;
}
.ot-counter h6 {
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  color: #43baff;
  margin-top: 13px;
  margin-bottom: 0;
  padding-left: 20px;
  letter-spacing: 0px;
  display: inline-block;
  position: relative;
}
.ot-counter h6:before {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  left: 0;
  top: 50%;
  margin-top: -4px;
  background: #43baff;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
}
/* for demo purposes */

/* Flip Cards CSS */
.card-container {
  display: grid;
  perspective: 700px;
}

.card-flip {
  display: grid;
  grid-template: 1fr / 1fr;
  grid-template-areas: "frontAndBack";
  transform-style: preserve-3d;
  transition: all 0.7s ease;
}

.card-flip div {
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.front {
  grid-area: frontAndBack;
}

.back {
  grid-area: frontAndBack;
  transform: rotateY(-180deg);
}

.card-container:hover .card-flip {
  transform: rotateY(180deg);
}

.mt1 {
  margin-top: 50px;
}

@media (max-width: 992px) {
  .card-bottom {
    margin-top: 20px;
  }
}
.ut-t h4 {
  font-family: Montserrat-bold, sans-serif;
  font-weight: 400;
  color: #fff;
  line-height: 1.2;
}
.c-back h4 {
  color: #1a1b1e;
  line-height: 1.2;
}
.c-back p {
  font-family: NunitoSans, sans-serif;
  color: #6d6d6d;
}

.ut-t {
  margin-top: 60%;
}
.card-1 {
  background-image: linear-gradient(rgba(255, 0, 0, 0), rgba(16, 120, 165, 0.4)),
    url(../images/vision.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-2 {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(16, 120, 165, 0.4)
    ),
    url(../images/mission.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-3 {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(16, 120, 165, 0.4)
    ),
    url(../images/stra.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.card-4 {
  background-image: linear-gradient(
      to bottom,
      rgba(255, 0, 0, 0),
      rgba(16, 120, 165, 0.4)
    ),
    url(../images/supporttwo.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.text-style-uni span {
  color: #43baff;
}
.video-modal {
  margin-top: 150px;
}

.ot-heading-it-services span {
  color: #43baff;
}
.ot-heading-it-services p {
  color: #6d6d6d;
}
.ot-heading-it-services h2 {
  font-family: sans-serif;
  font-weight: 800;
  font-size: 40px;
}
/*---------------------------------------
      TESTIMONIAL             
  -----------------------------------------*/
/*IT Services Section */
.center-heading {
  text-align: center;
}

.center-heading.colored .section-title {
  color: #ffffff;
}

.center-text {
  text-align: center;
  font-weight: 400;
  font-size: 16px;
  color: #6f8ba4;
  line-height: 28px;
  letter-spacing: 1px;
  margin-bottom: 50px;
}

.center-text.colored {
  color: #c7e5ff;
}

.center-text p {
  margin-bottom: 30px;
}

.services-small-item {
  display: block;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  border-radius: 5px;
  padding: 40px 28px;
  text-align: center;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  position: relative;
  z-index: 2;
  margin-bottom: 30px;
}

.services-small-item:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  border-radius: 5px;
  background-image: linear-gradient(135deg, #43baff 0%, #43baff 100%);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  opacity: 0;
}
.services-small-item.active:before,
.services-small-item:hover:before {
  opacity: 1;
}

.services-small-item.active .icon:before,
.services-small-item:hover .icon:before {
  opacity: 0.26;
}

.services-small-item.active .icon i,
.services-small-item:hover .icon i {
  background: -webkit-linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.services-small-item.active .services-title,
.services-small-item:hover .services-title {
  color: #ffffff;
}

.services-small-item.active p,
.services-small-item:hover p {
  color: #ffffff;
}

.services-small-item.active .button i,
.services-small-item:hover .button i {
  background-image: linear-gradient(135deg, #fff 0%, #fff 100%) !important;
  color: #2b708b !important;
}

.services-small-item:hover {
  margin-top: -15px;
}

.services-small-item .icon {
  width: 139px;
  height: 113px;
  margin: auto;
  position: relative;
  margin-bottom: 20px;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
#it-services a {
  text-decoration: none;
}

.services-small-item .icon i {
  display: block;
  height: 67px;
  line-height: 67px;
  position: absolute;
  width: 100%;
  top: 22px;
  z-index: 2;
  font-size: 28px;
  background-image: linear-gradient(135deg, #29abe2 0%, #43baff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.services-small-item .services-title {
  font-weight: 600;
  font-size: 18px;
  color: #3b566e;
  letter-spacing: 0.7px;
  margin-bottom: 15px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.services-small-item p {
  font-weight: 400;
  font-size: 14px;
  color: #6f8ba4;
  letter-spacing: 0.88px;
  line-height: 26px;
  position: relative;
  z-index: 2;
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  margin-bottom: 30px;
}

.services-small-item .button {
  position: relative;
  z-index: 2;
}

.services-small-item .button i {
  width: 42px;
  height: 42px;
  background-image: linear-gradient(135deg, #29abe2 0%, #43baff 100%);
  line-height: 42px;
  text-align: center;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  color: #fff;
  padding-left: 3px;
}

.services-small-item:hover + .item-bg {
  bottom: 30px;
}

.item-bg {
  content: "";
  position: absolute;
  width: 80%;
  height: 15px;
  bottom: 15px;
  left: 0px;
  right: 0px;
  margin: auto;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  z-index: 1;
  background: #fff;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
  -webkit-transition: all 0.3s ease 0s;
  -moz-transition: all 0.3s ease 0s;
  -o-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}

.cta-ui {
  background-image: linear-gradient(
      to bottom,
      rgba(109, 155, 255, 0),
      rgba(124, 161, 243, 0.5)
    ),
    url(../images/ux_bg_f-01.webp);
  background-size: cover;
  background-attachment: fixed;
  filter: grayscale(20%);
  padding: 80px 0;
}

.cta-item {
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.cta {
  background: #43baff;
  padding: 80px 0;
}

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

.cta p {
  color: #fff;
}

.cta .cta-btn {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 2px;
  transition: 0.5s;
  margin: 10px;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 4px;
}

.cta .cta-btn:hover {
  background: #fff;
  color: #43baff;
  text-decoration: none;
}

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

@media (min-width: 769px) {
  .cta .cta-btn-container {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}

/*--------------------------------------------------------------
# Blog
--------------------------------------------------------------*/
.blog {
  padding: 40px 0 40px 0;
}

.blog .entry {
  padding: 20px;
  margin-bottom: 60px;
  overflow: hidden;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .entry .entry-img {
  max-height: 400px;
  margin: -20px -20px 20px -20px;
  overflow: hidden;
}

.blog .entry .entry-title {
  font-size: 20px;
  line-height: 26px;
  font-weight: bold;
  font-family: sans-serif;
  padding: 0;
  margin: 0 0 20px 0;
}

.blog .entry .entry-title a {
  color: #0f0e0e;
  font-family: sans-serif;
  font-weight: 800;
  transition: 0.3s;
}

.blog .entry .entry-title a:hover {
  color: #43baff;
  text-decoration: none;
}

.blog .entry .entry-meta {
  margin-bottom: 15px;
  color: #c1c8d0;
}

.blog .entry .entry-meta ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog .entry .entry-meta ul li + li {
  padding-left: 20px;
}

.blog .entry .entry-meta i {
  font-size: 14px;
  padding-right: 4px;
}

.blog .entry .entry-meta a {
  color: #a4afba;
  font-size: 14px;
  display: inline-block;
  line-height: 1;
}

.blog .entry .entry-content p {
  line-height: 24px;
  font-size: 16px;
  font-family: sans-serif;
  color: #3a454d;
  letter-spacing: 1px;
}

.blog .entry .entry-content .read-more {
  -moz-text-align-last: right;
  text-align-last: right;
}

.blog .entry .entry-content .read-more a {
  display: inline-block;
  background: #43baff;
  color: #fff;
  padding: 6px 20px 7px;
  transition: 0.3s;
  font-size: 14px;
  border-radius: 4px;
}

.blog .entry .entry-content .read-more a:hover {
  background: #43baff;
  text-decoration: none;
}

.blog .entry .entry-content h3 {
  font-size: 22px;
  margin-top: 30px;
  font-weight: 800;
  color: #2a2a2a;
  font-family: sans-serif;
}
.blog .entry .entry-content ul li i {
  color: #43baff;
}

.blog .entry .entry-content ul li {
  margin: 10px;
}

.blog .entry .entry-content li {
  line-height: 24px;
  font-size: 16px;
  font-family: sans-serif;
  color: #3a454d;
  letter-spacing: 1px;
  margin: 10px;
}

.blog .entry .entry-content blockquote {
  overflow: hidden;
  background-color: #fafafa;
  padding: 60px;
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.blog .entry .entry-content blockquote p {
  color: #444444;
  line-height: 1.6;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 800;
  font-family: sans-serif;
  font-size: 22px;
}

.blog .entry .entry-content blockquote .quote-left {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 36px;
  color: #e7e7e7;
}

.blog .entry .entry-content blockquote .quote-right {
  position: absolute;
  right: 20px;
  bottom: 20px;
  font-size: 36px;
  color: #e7e7e7;
}

.blog .entry .entry-content blockquote::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #43baff;
  margin-top: 20px;
  margin-bottom: 20px;
}

.blog .entry .entry-footer {
  padding-top: 10px;
  border-top: 1px solid #e6e6e6;
}

.blog .entry .entry-footer i {
  color: #8795a4;
  display: inline;
}

.blog .entry .entry-footer a {
  color: #a4afba;
  transition: 0.3s;
}

.blog .entry .entry-footer a:hover {
  color: #43baff;
  text-decoration: none;
}

.blog .entry .entry-footer .cats {
  list-style: none;
  display: inline;
  padding: 0 20px 0 0;
  font-size: 14px;
}

.blog .entry .entry-footer .cats li {
  display: inline-block;
}

.blog .entry .entry-footer .tags {
  list-style: none;
  display: inline;
  padding: 0;
  font-size: 14px;
}

.blog .entry .entry-footer .tags li {
  display: inline-block;
}

.blog .entry .entry-footer .tags li + li::before {
  padding-right: 6px;
  color: #6c757d;
  content: ",";
}

.blog .entry .entry-footer .share {
  font-size: 16px;
}

.blog .entry .entry-footer .share i {
  padding-left: 5px;
}

.blog .entry-single {
  margin-bottom: 30px;
}

.blog .entry-single .entry-title {
  font-size: 32px;
  line-height: 38px;
}

.blog .blog-author {
  padding: 20px;
  margin-bottom: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-author img {
  width: 120px;
}

.blog .blog-author h4 {
  margin-left: 140px;
  font-weight: 600;
  font-size: 22px;
  margin-bottom: 0px;
  padding: 0;
}

.blog .blog-author .social-links {
  margin: 0 0 5px 140px;
}

.blog .blog-author .social-links a {
  color: #c1c8d0;
}

.blog .blog-author p {
  margin-left: 140px;
  font-style: italic;
  color: #b7b7b7;
}

.blog .blog-comments {
  margin-bottom: 30px;
}

.blog .blog-comments .comments-count {
  font-weight: bold;
}

.blog .blog-comments .comment {
  margin-top: 30px;
  position: relative;
}

.blog .blog-comments .comment .comment-img {
  width: 50px;
}

.blog .blog-comments .comment h5 {
  margin-left: 65px;
  font-size: 16px;
  margin-bottom: 2px;
}

.blog .blog-comments .comment h5 a {
  font-weight: bold;
  color: #444444;
  transition: 0.3s;
}

.blog .blog-comments .comment h5 a:hover {
  color: #43baff;
  text-decoration: none;
}

.blog .blog-comments .comment h5 .reply {
  padding-left: 10px;
  color: #556270;
}

.blog .blog-comments .comment time {
  margin-left: 65px;
  display: block;
  font-size: 14px;
  color: #c1c8d0;
  margin-bottom: 5px;
}

.blog .blog-comments .comment p {
  margin-left: 65px;
}

.blog .blog-comments .comment.comment-reply {
  padding-left: 40px;
}

.blog .blog-comments .reply-form {
  margin-top: 30px;
  padding: 30px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .blog-comments .reply-form h4 {
  font-weight: bold;
  font-size: 22px;
}

.blog .blog-comments .reply-form p {
  font-size: 14px;
}

.blog .blog-comments .reply-form input {
  border-radius: 0;
  padding: 20px 10px;
  font-size: 14px;
}

.blog .blog-comments .reply-form input:focus {
  box-shadow: none;
  border-color: #e9797f;
}

.blog .blog-comments .reply-form textarea {
  border-radius: 0;
  padding: 10px 10px;
  font-size: 14px;
}

.blog .blog-comments .reply-form textarea:focus {
  box-shadow: none;
  border-color: #e9797f;
}

.blog .blog-comments .reply-form .form-group {
  margin-bottom: 25px;
}

.blog .blog-comments .reply-form .btn-primary {
  border-radius: 4;
  padding: 10px 20px;
  border: 0;
  background-color: #556270;
}

.blog .blog-comments .reply-form .btn-primary:hover {
  background-color: #d9232d;
}

.blog .sidebar {
  padding: 30px;
  margin: 0 0 60px 20px;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

.blog .sidebar .sidebar-title {
  font-size: 20px;
  font-weight: 700;
  padding: 0 0 0 0;
  margin: 0 0 15px 0;
  color: #556270;
  position: relative;
}

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

.blog .sidebar .search-form form {
  background: #fff;
  border: 1px solid #556270;
  padding: 3px 10px;
  position: relative;
  border-radius: 4px;
}

.blog .sidebar .search-form form input[type="text"] {
  border: 0;
  padding: 4px;
  width: calc(100% - 40px);
}

.blog .sidebar .search-form form button {
  position: absolute;
  top: 0;
  right: -2px;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 15px;
  margin: -1px;
  background: #556270;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
}

.blog .sidebar .search-form form button:hover {
  background: #6b7b8d;
}

.blog .sidebar .categories ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .categories ul li + li {
  padding-top: 10px;
}

.blog .sidebar .categories ul a {
  color: #6b7b8d;
}

.blog .sidebar .categories ul a:hover {
  color: #43baff;
  text-decoration: none;
}

.blog .sidebar .categories ul a span {
  padding-left: 5px;
  color: #c1c8d0;
  font-size: 14px;
}

.blog .sidebar .recent-posts .post-item + .post-item {
  font-family: sans-serif;
  margin-top: 15px;
}

.blog .sidebar .recent-posts img {
  width: 80px;
  float: left;
}

.blog .sidebar .recent-posts h4 {
  font-size: 15px;
  margin-left: 95px;
  font-weight: bold;
}

.blog .sidebar .recent-posts h4 a {
  color: #292f36;
  transition: 0.3s;
}

.blog .sidebar .recent-posts h4 a:hover {
  color: #43baff;
  text-decoration: none;
}

.blog .sidebar .recent-posts time {
  display: block;
  margin-left: 95px;
  font-size: 14px;
  color: #c1c8d0;
  font-family: sans-serif;
}

.blog .sidebar .tags {
  margin-bottom: -10px;
}

.blog .sidebar .tags ul {
  list-style: none;
  padding: 0;
}

.blog .sidebar .tags ul li {
  display: inline-block;
}

.blog .sidebar .tags ul a {
  color: #96a2af;
  font-size: 14px;
  padding: 6px 14px;
  margin: 0 6px 8px 0;
  border: 1px solid #dee2e6;
  display: inline-block;
  border-radius: 4px;
  transition: 0.3s;
}

.blog .sidebar .tags ul a:hover {
  color: #fff;
  border: 1px solid #43baff;
  background: #43baff;
  text-decoration: none;
}

.blog .sidebar .tags ul a span {
  padding-left: 5px;
  color: #fbfbfc;
  font-size: 14px;
}
/* New blog posts */
.news-section h1,
.news-section h2,
.news-section h3,
.news-section h4,
.news-section h5,
.news-section h6,
.news-section a,
.news-section a:hover,
.news-section a:focus,
.news-section a:active {
  text-decoration: none;
  outline: none;
}

.news-section a,
.news-section a:active,
.news-section a:focus {
  color: #333;
  text-decoration: none;
  transition-timing-function: ease-in-out;
  -ms-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-duration: 0.2s;
  -ms-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -webkit-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
}

.news-section ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.news-section img {
  max-width: 100%;
  height: auto;
}
.news-section span,
.news-section a,
.news-section a:hover {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}

.news-section {
  padding: 90px 0;
}

.news-content {
  padding: 40px 30px;
}
.news-content a h3 {
  color: #000000;
  padding-top: 10px;
  font-family: sans-serif;
}

.news-content a h3:hover {
  color: #43baff;
}

.news-item {
  box-shadow: 0 0 15px #ededed;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-bottom: 40px;
}

.news-item:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 15px 15px 0px #edeaea;
  box-shadow: 0px 15px 15px 0px #edeaea;
}
.border {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.border:hover {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
  -webkit-box-shadow: 0px 15px 15px 0px #edeaea;
  box-shadow: 0px 15px 15px 0px #edeaea;
}

.article-title h5:hover {
  color: #43baff;
  text-decoration: none;
}
.article-title a:hover {
  text-decoration: none;
}
.article-title h5 {
  color: #000000;
}

.newsimg img {
  height: 250px;
  width: 100%;
}

.news_postdate {
  color: #43baff;
}

.news-content h3 {
  color: #233d63;
  font-size: 22px;
  margin-bottom: 25px;
}

.news_authorinfo {
  border: transparent;
  padding: 14px 0px 0px 0px;
  background: transparent;
  font-size: 14px;
}

.news_authorinfo i {
  margin-right: 6px;
}

.news_authorinfo span:last-child {
  float: right;
}

.news_authorinfo a {
  color: #666;
}

.news-section .center .news-content {
  background: linear-gradient(-120deg, #8758ff 0, #614ef9 100%);
}

.news-section .center .news-content h3,
.news-section .center .news-content p {
  color: #fff;
}

.news-section .center .news_authorinfo a,
.news-section .center .news_authorinfo i {
  color: #fff;
}

.news-section .owl-theme [class*="owl-"] {
  color: #333;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
  background: #fff;
  display: inline-block;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #ddd;
}

.small-title {
  font-size: 20px;
  text-transform: capitalize;
  color: #ff3a46;
  margin-bottom: 10px;
  margin-top: 0px;
  font-weight: 600;
}
.big-title {
  letter-spacing: 0px;
  padding-bottom: 13px;
  position: relative;
  color: #233d63;
  line-height: 50px;
  font-size: 36px;
  text-transform: capitalize;
  font-weight: 600;
}
.main-title-box {
  margin-bottom: 60px;
}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .icon-boxs {
  display: flex;
  align-items: center;
  padding: 20px;
  background: #fff;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: ease-in-out 0.3s;
}

.features .icon-boxs i {
  font-size: 32px;
  padding-right: 10px;
  line-height: 1;
}

.features .icon-boxs h3 {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1;
  font-size: 16px;
}

.features .icon-boxs h3 a {
  color: #111;
  transition: ease-in-out 0.3s;
}

.features .icon-boxs h3 a:hover {
  color: #43baff;
  text-decoration: none;
}

.seo .icon-box {
  margin-bottom: 20px;
  text-align: center;
}

.seo .icon {
  display: flex;
  justify-content: center;
}

.seo .icon i {
  width: 80px;
  height: 80px;
  margin-bottom: 20px;
  background: #fff;
  border-radius: 50%;
  transition: 0.5s;
  color: #43baff;
  font-size: 40px;
  overflow: hidden;
  padding-top: 20px;
  box-shadow: 0px 0 25px rgba(0, 0, 0, 0.15);
}

.seo .icon-box:hover .icon i {
  box-shadow: 0px 0 25px rgba(92, 159, 36, 0.3);
}

.seo .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
  position: relative;
  padding-bottom: 15px;
}

.seo .title a {
  color: #444444;
  transition: 0.3s;
}

.seo .title a:hover {
  color: #43baff;
}

.seo .title::after {
  content: "";
  position: absolute;
  display: block;
  width: 50px;
  height: 2px;
  background: #43baff;
  bottom: 0;
  left: calc(50% - 25px);
}

.seo .description {
  line-height: 24px;
  font-size: 14px;
}

.about-markerting .content h2 {
  font-weight: 750;
  font-size: 48px;
  font-family: sans-serif;
  line-height: 60px;
  margin-bottom: 20px;
  text-transform: uppercase;
}

.about-markerting .content h4 {
  font-weight: 500;
  line-height: 32px;
  font-family: sans-serif;
  font-size: 24px;
}

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

.about-markerting .content ul li {
  padding: 10px 0 0 28px;
  position: relative;
}

.about-markerting .content ul i {
  left: 0;
  top: 7px;
  position: absolute;
  font-size: 20px;
  color: #43baff;
}

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

.services-markerting .icon-box {
  text-align: center;
  padding: 70px 20px 80px 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.services-markerting .icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}

.services-markerting .icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: relative;
}

.services-markerting .icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}

.services-markerting .icon-box .icon svg path {
  transition: 0.5s;
  fill: #f5f5f5;
}

.services-markerting .icon-box h4 {
  font-weight: 600;
  margin: 10px 0 15px 0;
  font-size: 22px;
}

.services-markerting .icon-box h4 a {
  color: #222;
  font-family: sans-serif;
  transition: ease-in-out 0.3s;
}

.services-markerting .icon-box h4 a:hover {
  color: #43baff;
}

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

.services-markerting .icon-box:hover {
  border-color: #fff;
  box-shadow: 0px 0 35px 0 rgba(0, 0, 0, 0.08);
}

.services-markerting .iconbox-blue i {
  color: #43baff;
}

.services-markerting .iconbox-blue:hover .icon i {
  color: #fff;
}

.services-markerting .iconbox-blue:hover .icon path {
  fill: #43baff;
}

.services-markerting .iconbox-orange i {
  color: #43baff;
}

.services-markerting .iconbox-orange:hover .icon i {
  color: #fff;
}

.services-markerting .iconbox-orange:hover .icon path {
  fill: #43baff;
}

.services-markerting .iconbox-pink i {
  color: #43baff;
}

.services-markerting .iconbox-pink:hover .icon i {
  color: #fff;
}

.services-markerting .iconbox-pink:hover .icon path {
  fill: #43baff;
}

.services-markerting .iconbox-teal i {
  color: #43baff;
}

.services-markerting .iconbox-teal:hover .icon i {
  color: #fff;
}

.services-markerting .iconbox-teal:hover .icon path {
  fill: #43baff;
}

.shrink-user {
  animation: scaleUser 4s ease-in infinite;
  transform-origin: 33px 137px;
}

.manifest-notebook {
  animation: drawNotebook 4s ease-in infinite;
  transform-origin: center;
}

.line1 {
  animation: drawLine 4s ease-out infinite;
  transform-origin: 161px 127px;
}

.line2 {
  animation: drawLine2 4s ease-out infinite;
  transform-origin: 161px 141.7px;
}

.line3 {
  animation: drawLine3 4s ease-out infinite;
  transform-origin: 161px 156px;
}

@keyframes scaleUser {
  0% {
    transform: scale(1.3);
  }
  17.6% {
    transform: scale(1.3);
  }
  26.4% {
    transform: scale(1);
  }
}

@keyframes drawNotebook {
  0% {
    transform: scale(0);
  }
  17.6% {
    transform: scale(0);
  }
  29% {
    transform: scale(1.1);
  }
  40.4% {
    transform: scale(1);
  }
}

@keyframes drawLine {
  0% {
    transform: scaleX(0);
  }
  40% {
    transform: scaleX(0);
  }
  53.3% {
    transform: scaleX(1);
  }
}

@keyframes drawLine2 {
  0% {
    transform: scaleX(0);
  }
  53.3% {
    transform: scaleX(0);
  }
  66.13% {
    transform: scaleX(1);
  }
  80% {
    transform: scaleX(1);
  }
}

@keyframes drawLine3 {
  0% {
    transform: scaleX(0);
  }
  66.13% {
    transform: scaleX(0);
  }
  80% {
    transform: scaleX(1);
  }
}

#heros h1 {
  margin: 0 0 10px 0;
  font-size: 48px;
  font-weight: 700;
  line-height: 56px;
  color: black;
}

#heros h2 {
  color: #484848;
  margin-bottom: 50px;
  font-size: 24px;
}

#heros .btn-get-started {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 50px;
  transition: 0.5s;
  color: #3498db;
  border: 2px solid #3498db;
}

#heros .btn-get-started:hover {
  background: #3498db;
  color: #fff;
}

#heros .animated {
  animation: up-down 2s ease-in-out infinite alternate-reverse both;
}

@media (max-width: 991px) {
  #heros {
    height: 100vh;
  }
  #heros .animated {
    -webkit-animation: none;
    animation: none;
  }
  #heros .hero-img {
    text-align: center;
  }
  #heros .hero-img img {
    width: 50%;
  }
}

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

@media (max-width: 575px) {
  #heros .hero-img img {
    width: 80%;
  }
}

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

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

.servicesm .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

.servicesm .icon-box::before {
  content: "";
  position: absolute;
  background: #e1f0fa;
  right: -60px;
  top: -40px;
  width: 100px;
  height: 100px;
  border-radius: 50px;
  transition: all 0.3s;
  z-index: -1;
}

.servicesm .icon-box:hover::before {
  background: #43baff;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 0px;
}

.servicesm .icon {
  margin: 0 auto 20px auto;
  padding-top: 10px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #43baff;
  transition: all 0.3s ease-in-out;
}

.servicesm .icon i {
  font-size: 36px;
  line-height: 1;
  color: #fff;
}

.servicesm .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.servicesm .title a {
  color: #111;
}

.servicesm .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.servicesm .icon-box:hover .title a,
.servicesm .icon-box:hover .description {
  color: #fff;
}

.servicesm .icon-box:hover .icon {
  background: #fff;
}

.servicesm .icon-box:hover .icon i {
  color: #43baff;
}

.more-services {
  padding-top: 20px;
}

.more-services .card {
  border: 0;
  padding: 160px 20px 20px 20px;
  position: relative;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.more-services .card-body {
  z-index: 10;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: 0.3s;
  transition: ease-in-out 0.4s;
  border-radius: 5px;
}

.more-services .card-title {
  font-weight: 700;
  text-align: center;
  margin-bottom: 15px;
}

.more-services .card-title a {
  color: #222222;
}

.more-services .card-text {
  color: #5e5e5e;
}

.more-services .read-more a {
  color: #777777;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 12px;
  transition: 0.4s;
}

.more-services .read-more a:hover {
  text-decoration: underline;
}

.more-services .card:hover .card-body {
  background: #43baff;
}

.more-services .card:hover .read-more a,
.more-services .card:hover .card-title,
.more-services .card:hover .card-title a,
.more-services .card:hover .card-text {
  color: #fff;
}

.reviews-area {
  background: url(../images/maaf.webp);
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top center;
  background-attachment: fixed;
  width: 100%;
  height: auto;
  position: relative;
}

.work-left-text {
  background: #3ec1d5 none repeat scroll 0 0;
}

.work-right-text {
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.work-right-text h2 {
  color: #fff;
  font-family: sans-serif;
  text-transform: uppercase;
  font-size: 24px;
}

.work-right-text h5 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 34px;
  font-family: sans-serif;
  text-transform: uppercase;
}

.work-right-text .sus-btn {
  margin-left: 0;
  margin-top: 20px;
}

/* */

.editorForm {
  width: 80%;
}

.editorForm label {
  color: #900;
}

.editorForm textarea,
.editorForm input {
  background-color: rgba(005, 101, 151, 0.3);
  color: #fff;
  border: none;
  border-radius: 4px;
}

.editorForm textarea {
  height: 150px;
}

@media screen and (max-width: 668px) {
  .editorForm {
    width: 100%;
  }
}

/* Bootstrap Timeline CSS */

.timeline {
  list-style: none;
  padding: 20px 0 20px;
  position: relative;
}

.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
}

.timeline > li {
  margin-bottom: 20px;
  position: relative;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li:before,
.timeline > li:after {
  content: " ";
  display: table;
}

.timeline > li:after {
  clear: both;
}

.timeline > li > .timeline-panel {
  width: 46%;
  float: left;
  border: 1px solid rgba(4, 135, 243, 0.175);
  border-radius: 2px;
  padding: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 6px rgba(4, 135, 243, 0.175);
  box-shadow: 0 1px 6px rgba(4, 135, 243, 0.175);
}

.timeline > li > .timeline-panel:before {
  position: absolute;
  top: 26px;
  right: -15px;
  display: inline-block;
  border-top: 15px solid transparent;
  border-left: 15px solid rgba(4, 135, 243, 0.175);
  border-right: 0 solid rgba(4, 135, 243, 0.175);
  border-bottom: 15px solid transparent;
  content: " ";
}

.timeline > li > .timeline-panel:after {
  position: absolute;
  top: 27px;
  right: -14px;
  display: inline-block;
  border-top: 14px solid transparent;
  border-left: 14px solid #fff;
  border-right: 0 solid #fff;
  border-bottom: 14px solid transparent;
  content: " ";
}

.timeline > li > .timeline-badge {
  color: #fff;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 1.4em;
  text-align: center;
  position: absolute;
  top: 16px;
  left: 50%;
  margin-left: -25px;
  background-color: #43baff;
  z-index: 100;
  border-top-right-radius: 50%;
  border-top-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
}

.timeline > li.timeline-inverted > .timeline-panel {
  float: right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
  border-left-width: 0;
  border-right-width: 15px;
  left: -15px;
  right: auto;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
  border-left-width: 0;
  border-right-width: 14px;
  left: -14px;
  right: auto;
}

.timeline-badge.primary {
  background-color: #43baff !important;
}

.timeline-badge.success {
  background-color: #43baff !important;
}

.timeline-badge.warning {
  background-color: #43baff !important;
}

.timeline-badge.danger {
  background-color: #43baff !important;
}

.timeline-badge.info {
  background-color: #43baff !important;
}

.timeline-title {
  margin-top: 0;
  color: inherit;
}

.timeline-body > p,
.timeline-body > ul {
  margin-bottom: 0;
}

.timeline-body > p + p {
  margin-top: 5px;
}

.services-it {
  background: #333646;
  padding: 100px 0 20px;
}

.service-item-it {
  padding: 0 10px 26px;
  margin-bottom: 26px;
  position: relative;
}

.service-item-it:before {
  content: "";
  position: absolute;
  top: 35px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background: #43baff;
  opacity: 0;
  transition: 0.5s;
}

.service-item-it:hover:before {
  opacity: 1;
}

.service-item-it:hover .services-icon-it {
  background: #43baff;
  box-shadow: 0px 0px 0px 14px #191919;
}

.service-item-it:hover .services-icon-it i {
  color: #171717;
}

.service-item-it:hover .service-title:before {
  background: #212121;
}

.service-item-it:hover .service-title,
.service-item-it:hover .service-description {
  color: #212121;
}

.service-title {
  padding: 0 0 15px;
  margin: 0 0 20px;
  position: relative;
  color: #fff;
  letter-spacing: 1px;
  transition: 0.5s;
  color: #43baff;
}

.service-title:before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  height: 3px;
  width: 75px;
  background: #43baff;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.services-icon-it {
  width: 68px;
  height: 68px;
  background: #333;
  margin: 0 auto;
  padding: 15px 0;
  border-radius: 100%;
  text-align: center;
  margin-bottom: 30px;
  transition: 0.5s;
  position: relative;
}

.services-icon-it i {
  font-size: 35px;
  line-height: 1;
  color: rgba(255, 255, 255, 0.884);
}

.service-description {
  color: rgba(255, 255, 255, 0.8);
  line-height: 24px;
  position: relative;
}

.services-ui {
  padding: 100px 0 130px;
}

.services-ui .service-block.color-bg {
  background: #28abe3;
  color: #fff;
}

.services-ui .service-block.color-bg i,
.services-ui .service-block.color-bg h3,
.services-ui .service-block.color-bg p {
  color: #fff;
}

.services-ui .service-block .service-icon {
  margin-bottom: 30px;
}

.services-ui .service-block i {
  font-size: 75px;
  color: #28abe3;
}

.services-ui .service-block h3 {
  color: #222;
  font-size: 18px;
  font-weight: bold;
}

.services-ui .service-block p {
  font-size: 14px;
  color: #666;
}
.section {
  padding: 100px 0;
}

.about-content {
  padding: 20px 0px 0px 80px;
}

.about-content h4 {
  font-weight: 600;
}

.about-content h4:before {
  position: absolute;
  content: "\f576";
  font-family: "Font Awesome 5 Free";
  font-size: 30px;
  position: absolute;
  top: 8px;
  left: -65px;
  font-weight: 700;
}

.about-gd {
  color: #fff;
}
.about-gd .block-gd {
  background: #222530;
  padding: 30px;
  border-bottom: 2px solid transparent;
  transition: 0.5s all;
  margin-bottom: 20px;
}

.about-gd .block-gd:hover {
  border-bottom: 2px solid #fff;
}

.about-gd .block-gd {
  border-bottom: 2px solid #43baff;
}

.about-gd .block-gd:hover .icon-box-gd {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}

.about-gd .block-gd .icon-box-gd {
  position: relative;
  width: 160px;
  height: 92.38px;
  background-color: transparent;
  margin: 46.19px auto 60px;
  padding: 20px 0;
  border-left: 2px solid rgba(236, 239, 241, 0.07);
  border-right: 2px solid rgba(236, 239, 241, 0.07);
  font-size: 50px;
  -webkit-transform: translateZ(0px);
  transform: translateZ(0px);
  transition-duration: 0.3s;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}

.about-gd .block-gd .icon-box-gd:after,
.about-gd .block-gd .icon-box-gd:before {
  content: "";
  position: absolute;
  z-index: 1;
  width: 113.14px;
  height: 113.14px;
  background-color: inherit;
  left: 20.4315px;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
}

.about-gd .block-gd .icon-box-gd:before {
  top: -56.5685px;
  border-top: 2px solid rgba(236, 239, 241, 0.07);
  border-right: 2px solid rgba(236, 239, 241, 0.07);
}

.about-gd .block-gd .icon-box-gd:after {
  bottom: -56.5685px;
  border-bottom: 2px solid rgba(236, 239, 241, 0.07);
  border-left: 2px solid rgba(236, 239, 241, 0.07);
}

.about-gd .block-gd .icon-box-gd h3 {
  color: #afbac4;
}
.section-gd {
  padding: 100px 0;
  background: #272d41;
}

.single-project img {
  border-radius: 10px;
}

.project-content-block {
  padding: 70px 40px;
  margin-left: -120px;
  background: #f4f7fc;
  position: absolute;
  bottom: -70px;
  border: 15px solid #fff;
  box-shadow: 0 7px 22px rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
  .project-content-block {
    margin-left: 0px;
    position: relative;
  }
}

.project-content-block h4 {
  color: #43baff;
}

.project-content-block p {
  margin-top: 25px;
}

#projects {
  margin-top: -60px;
}

@media (max-width: 480px) {
  #projects {
    margin-top: 60px;
  }
}
@media (max-width: 480px) {
  .section-bottom {
    padding-bottom: 60px;
  }
}

.section-bottom {
  padding-bottom: 8.125rem;
}

@media (max-width: 768px) {
  #about-ux .img-block-ux img {
    min-height: auto;
  }
}

.pt-6 {
  padding-top: 4.5rem;
}

.about-block-ux h4 {
  font-size: 16px;
  color: #222;
  font-weight: bold;
}

.img-icon-ux i {
  font-size: 50px;
  color: #43baff;
}

@media (max-width: 640px) {
  .about-block-ux {
    margin-top: 30px;
  }
}

@media (max-width: 480px) {
  .about-block-ux {
    margin-top: 30px;
  }
}

.section-ux {
  position: relative;
  padding: 8.125rem 0;
}

.header-wrapper-ux {
  padding: 1rem;
  overflow-y: hidden !important;
}
.red-line-ux {
  display: inline-block;
}

.header-wrapper-ux h1,
.header-wrapper-ux h2 {
  text-align: right;
  font-size: 2rem;
  margin: 0;
  padding-top: 2px;
}
.header-wrapper-ux h2 {
  writing-mode: unset;
  -ms-writing-mode: unset;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
}

.red-line-vertical-ux {
  display: inline-block;
  border-bottom: 10px solid #43baff;
  border-right: none;
  width: 100%;
}

.info-ux h4 {
  margin: 0;

  text-align: right;
  padding: 10px 0;
  font-size: 1.2rem;
}
.info-ux h3 {
  margin: 0;
  text-align: right;
  padding: 0;
  font-size: 1.2rem;
}
.authors-ux {
  text-align: right;
  padding: 1rem 0;
}
.authors-ux p {
  margin: 0;
  font-weight: bold;
}

.black-line-ux {
  display: inline-block;
  border-bottom: 10px solid black;
  border-left: none;
  width: 100%;
}

/*-----------------------------------------*/
@supports (display: grid) {
  .header-wrapper-ux {
    display: grid;
    width: 100vw;
    min-height: 100vh;
    grid-template-columns: repeat(4, auto) 0.5fr;
    grid-template-rows: 0.5fr repeat(2, auto) 1fr repeat(3, auto) 1fr;
    padding: 0;
  }

  .red-line-ux {
    width: 100%;
    border-bottom: 15px solid #222530;
    grid-column: 1 / 5;
    align-self: end;
    justify-content: start;
    grid-row: 1;
  }
  .header-wrapper-ux h1 {
    grid-column: 1 / 5;
    grid-row: 2;
    margin: 0;
    padding-top: 2px;
  }
  .red-line-vertical-ux {
    border-right: 15px solid #43baff;
    border-bottom: none;
    grid-column: 2;
    grid-row: 3 / end;
  }

  .header-wrapper-ux h2 {
    writing-mode: vertical-rl;
    -ms-writing-mode: vertical-rl;
    margin: 0;
    grid-column: 3;
    grid-row: 3 / 5;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
  }
  .info-ux {
    grid-column: 4;
    grid-row: 3 / 5;
    align-self: center;
  }

  .authors-ux {
    grid-column: 4;
    grid-row: 6;
    font-size: 1rem;
    padding-right: 0;
    padding-top: 10px;
    text-align: left;
    padding: 10px 0 0;
  }

  .black-line-ux {
    border-bottom: 10px solid black;
    grid-column: 4;
    grid-row: 5;
  }

  @media (min-width: 500px) {
    .header-wrapper-ux {
      grid-template-columns: 0.5fr auto auto 1fr auto auto 0.5fr;
      grid-template-rows: 0.5fr repeat(4, auto) 1fr auto 1fr;
    }
    .red-line-ux {
      border-bottom: 20px solid #222530;
      grid-row: 2;
      grid-column: 1 / 6;
    }
    .header-wrapper-ux h1,
    .header-wrapper-ux h2 {
      font-size: 2.5rem;
    }

    .header-wrapper-ux h1 {
      grid-column: 1 / 6;
      grid-row: 3;
    }
    .header-wrapper-ux h2 {
      grid-row: 4 / 7;
    }
    .red-line-vertical-ux {
      border-right: 20px solid #43baff;
      grid-row: 4 / end;
    }
    .info-ux h4,
    .info-ux h3 {
      font-size: 1.5rem;
    }
    .info-ux {
      grid-row: 5 / 7;
      padding-left: 10px;
    }
    .authors-ux {
      grid-column: 5 / 7;
      grid-row: 7;
      font-size: 1rem;
      padding-right: 10px;
      padding-top: 0;
    }
    .black-line-ux {
      border-bottom: none;
      border-left: 15px solid black;
      grid-column: 7;
      grid-row: 7;
    }
  }
  @media (min-width: 779px) {
    .header-wrapper-ux {
      grid-template-rows: 0.5fr repeat(3, auto) 0.5fr 1.5fr auto 1fr;
    }
    .header-wrapper-ux h1,
    .header-wrapper-ux h2 {
      font-size: 3.5rem;
    }

    .info-ux {
      align-self: center;
    }
    .info-ux h4,
    .info-ux h3 {
      font-size: 2rem;
    }
  }
}

.shadows p {
  white-space: nowrap;
  font-size: 28px;
  margin: auto;
  animation: shadow 10s infinite;
  animation-timing-function: ease-in-out;
}
@keyframes shadow {
  from {
    text-shadow: 0 -0em 2em #fff, 0 -0em 2em #fff, 0 -0em 2em #fff,
      0 -0em 2em #fff, 0 -0em 2em #fff, 0 0em 2em #fff, 0 0em 2em #fff,
      0 0em 2em #fff, 0 0em 2em #fff, 0 0em 2em #fff;
  }

  40% {
    text-shadow: -5em -5em 0px #f1f1f1, -4em -4em 0px whitesmoke,
      -3em -3em 0px whitesmoke, -2em -2em 0px gainsboro, -1em -1em 0px darkgray,
      1em 1em 0px darkgray, 2em 2em 0px gainsboro, 3em 3em 0px whitesmoke,
      4em 4em 0px #f5f5f5, 5em 5em 0px #f1f1f1;
  }

  90% {
    text-shadow: 5em -5em 0px #f1f1f1, 4em -4em 0px #f5f5f5,
      3em -3em 0px whitesmoke, 2em -2em 0px gainsboro, 1em -1em 0px darkgray,
      -1em 1em 0px darkgray, -2em 2em 0px gainsboro, -3em 3em 0px whitesmoke,
      -4em 4em 0px #f5f5f5, -5em 5em 0px #f1f1f1;
  }

  to {
    text-shadow: 0 -0em 2em #fff, 0 -0em 2em #fff, 0 -0em 2em #fff,
      0 -0em 2em #fff, 0 -0em 2em #fff, 0 0em 2em #fff, 0 0em 2em #fff,
      0 0em 2em #fff, 0 0em 2em #fff, 0 0em 2em #fff;
  }
}

.feature-du .feature-content-du h2,
.feature-du .feature-content-du p {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .feature-du .feature-content-du h2,
  .feature-du .feature-content-du p {
    text-align: center;
  }
}

.service-du .service-box {
  box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.08);
}

@media (max-width: 768px) {
  .service-du .service-thumb {
    width: 80%;
    margin: 0 auto;
  }
}
.service-du .service-box {
  padding: 20px;
  background: #fff;
  border-radius: 4px;
}
@media (max-width: 768px) {
  .service-du .service-box {
    width: 80%;
    margin: 0 auto;
  }
}
.service-du .service-box .service-item {
  text-align: center;
  padding: 10px;
  margin: 20px 0;
}
.service-du .service-box .service-item i {
  font-size: 36px;
  color: #43baff;
  display: inline-block;
  margin-bottom: 10px;
}
.service-du .service-box .service-item p {
  font-size: 14px;
}
.left {
  overflow: hidden;
}
.left img {
  margin-left: -40px;
}
@media (max-width: 768px) {
  .left img {
    margin-left: 0;
    margin-bottom: 30px;
  }
}

.about-am .about-block .about-item {
  background: #fff;
  display: flex;
  padding: 30px;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05);
}

.about-am .about-block .about-item.active {
  background: #43baff;
}

.about-am .about-block .about-item.active .icon i {
  color: #fff;
}

.about-am .about-block .about-item.active .content h5,
.about-am .about-block .about-item.active .content p {
  color: #fff;
}

.about-am .about-block .about-item .icon {
  width: 50px;
}

.about-am .about-block .about-item .icon i {
  font-size: 48px;
  color: #43baff;
}

.about-am .about-block .about-item .content {
  margin-left: 30px;
}

.about-am .about-block .about-item .content h5 {
  font-weight: 600;
  margin-bottom: 15px;
}

.about-am .about-block .about-item:not(:last-child) {
  margin-bottom: 30px;
}

@media (max-width: 480px) {
  .banner .image-block {
    margin-top: 30px;
    text-align: center;
  }
}

.phone-thumb {
  max-height: 550px;
}

.phone-thumb-md {
  max-height: 600px;
}

@media (max-width: 768px) {
  .about-am .image-block {
    text-align: center;
    margin-bottom: 30px;
  }
}

.bg-2 {
  background: url(../images/elipse-bg.webp) no-repeat;
  background-size: cover;
  background-position: center center;
}

.cta-download {
  position: relative;
  padding: 80px 0;
}

.bg-3 {
  background: #43baff;
}

.cta-download .image-block {
  position: absolute;
  top: -150px;
  left: 100px;
}

@media (max-width: 992px) {
  .cta-download .image-block {
    display: none;
  }
}

.cta-download .content-block h2,
.cta-download .content-block p {
  color: #fff;
}

.cta-download .content-block h2 {
  font-weight: 500;
  font-family: sans-serif;
  margin-bottom: 30px;
}

.cta-download .content-block p {
  line-height: 30px;
  margin-bottom: 40px;
}

.feature-ad .feature-item .icon {
  margin-bottom: 15px;
}

.feature-ad .feature-item .icon i {
  font-size: 48px;
  color: #43baff;
}

.feature-ad .feature-item .content h5 {
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 15px;
}

.feature-ad .feature-item:not(:last-child) {
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .feature-ad .feature-item {
    margin-bottom: 60px;
  }
}

.feature-ad .app-screen {
  margin: 20px 0;
}

.feature-ad .app-screen img {
  max-height: 400px;
}

#intro {
  padding-bottom: 0px;
}

.intro-img {
  margin-top: 45px;
}

#intro .section-heading p {
  color: #000;
  font-size: 30px;
  line-height: 40px;
}

.intro-box {
  margin-top: 30px;
  position: relative;
  margin-bottom: 20px;
}

.intro-box h4:before {
  position: absolute;
  left: 0px;
  top: 17px;
  content: "";
  bottom: 0px;
  background: #000;
  width: 50px;
  height: 2px;
}

.intro-box h4 {
  text-transform: uppercase;
  margin-bottom: 15px;
  position: relative;
  padding-left: 60px;
}

.intro-box span {
  font-size: 28px;
  color: #43baff;
}

.intro-cta {
  margin-top: 40px;
}

.section-pt {
  padding-top: 90px;
}

.section-pb {
  padding-bottom: 90px;
}

#about-wd {
  position: relative;
  padding-bottom: 85px;
}

.about-bg-img {
  position: absolute;
  right: 0px;
  content: "";
  background: url("../images/full.webp") 50% 50%;
  width: 40%;
  height: 100%;
  max-height: 560px;
  top: 0px;
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
}

.about-content {
  margin-top: 94px;
}

.about-content .subtitle {
  margin-bottom: 20px;
  text-transform: uppercase;
}

.about-content h3 {
  margin-bottom: 25px;
}

.about-list {
  margin-top: 30px;
}

.about-list li {
  width: 45%;
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  color: #888;
}

.about-list li i {
  color: #000;
  margin-right: 10px;
}

.svg-holder-gd svg {
  height: 250px;
  width: 250px;
  background: #222530;
  padding: 40px;
  margin-left: 50px;
}

@media (max-width: 768px) {
  .svg-holder-gd svg {
    padding: 40px;
  }
}

.v1 {
  stroke: #43baff;
  stroke-width: 4;
  stroke-dasharray: 100;
  stroke-dashoffset: 200;
  animation: draw 1s infinite;
}

.v2 {
  stroke: limegreen;
  stroke-width: 4;
  stroke-dasharray: 10;
  stroke-dashoffset: 200;
  animation: draw 2s alternate infinite;
}

.v3 {
  stroke: blueviolet;
  stroke-width: 4;
  stroke-dasharray: 1200 150;
  stroke-dashoffset: 2700;
  animation: draw 4s linear infinite;
}

.v4 {
  stroke: yellow;
  stroke-width: 4;
  stroke-dasharray: 30;
  stroke-dashoffset: 50;
  animation: draw 1s alternate-reverse infinite;
}

@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}

#projects-wrap {
  position: relative;
  background: url("../images/branding.webp") no-repeat;
  background-size: cover;
}

#projects-wrap p.lead {
  color: #a9a9a9 !important;
}

.overlay-r {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(37, 58, 80, 0.92);
}

#projects-r {
  margin-top: -60px;
}

@media (max-width: 480px) {
  #projects-r {
    margin-top: 60px;
  }
  .section-bottom-r {
    padding-bottom: 60px;
  }
}

.section-bottom-r {
  padding-bottom: 8.125rem;
}

.single-projectr img {
  border-radius: 10px;
}

.project-content-r {
  text-align: center;
  padding: 40px 20px;
  position: relative;
}

.project-content-r .btn {
  padding: 0.7rem 1.7rem;
  border-radius: 25px;
}

.project-content-r p {
  margin-top: 20px;
}

.project-content-r h4 {
  text-transform: capitalize;
}

.service-item-wd {
  position: relative;
  padding-left: 80px;
}

.service-item-wd i {
  position: absolute;
  left: 0px;
  top: 5px;
  font-size: 50px;
  color: #43baff;
  opacity: 0.4;
}

.active-bg-primary {
  background: #43baff;
  color: #ffffff;
}
.card-b {
  border: 0;
}

.features-ma .content {
  padding: 30px 0;
}

.features-ma .content .icon-box {
  margin-top: 25px;
}

.features-ma .content .icon-box h2 {
  font-size: 20px;
  margin: 5px 0 10px 60px;
}

.features-ma .content .icon-box i {
  font-size: 48px;
  float: left;
  color: #43baff;
}

.features-ma .content .icon-box p {
  margin-left: 60px;
}

@media (min-width: 768px) {
  .wrapper-gd img {
    max-width: 400px;
    max-height: 400px;
  }
}

.wrapper-gd img {
  max-width: 100%;
  height: auto;
}
.wrapper-gd {
  width: 100%;
  padding: 0 2rem;
  text-align: center;
}
.polaroid-gd {
  background: #fff;
  padding: 1rem;
  box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.2);
}
.caption-gd {
  font-size: 1.125rem;
  text-align: center;
  line-height: 2em;
}
.item-gd {
  display: inline-block;
  margin-top: 2rem;
  filter: grayscale(100%);
}
.item-gd .polaroid-gd:before {
  content: "";
  position: absolute;
  z-index: -1;
  transition: all 0.35s;
}
.item-gd:nth-of-type(4n + 1) {
  transform: scale(0.8, 0.8) rotate(5deg);
  transition: all 0.35s;
}
.item-gd:nth-of-type(4n + 1) .polaroid-gd:before {
  transform: rotate(6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0, 0, 0, 0.4);
}
.item-gd:nth-of-type(4n + 2) {
  transform: scale(0.8, 0.8) rotate(-5deg);
  transition: all 0.35s;
}
.item-gd:nth-of-type(4n + 2) .polaroid-gd:before {
  transform: rotate(-6deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0, 0, 0, 0.4);
}
.item-gd:nth-of-type(4n + 4) {
  transform: scale(0.8, 0.8) rotate(3deg);
  transition: all 0.35s;
}
.item-gd:nth-of-type(4n + 4) .polaroid-gd:before {
  transform: rotate(4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  right: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0, 0, 0, 0.3);
}
.item-gd:nth-of-type(4n + 3) {
  transform: scale(0.8, 0.8) rotate(-3deg);
  transition: all 0.35s;
}
.item-gd:nth-of-type(4n + 3) .polaroid-gd:before {
  transform: rotate(-4deg);
  height: 20%;
  width: 47%;
  bottom: 30px;
  left: 12px;
  box-shadow: 0 2.1rem 2rem rgba(0, 0, 0, 0.3);
}
.item-gd:hover {
  filter: none;
  transform: scale(1, 1) rotate(0deg) !important;
  transition: all 0.35s;
}
.item-gd:hover .polaroid-gd:before {
  content: "";
  position: absolute;
  z-index: -1;
  transform: rotate(0deg);
  height: 90%;
  width: 90%;
  bottom: 0%;
  right: 5%;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.2);
  transition: all 0.35s;
}
#s-counter span.percent:after {
  content: "%";
  display: inline-block;
}

.featured-servicesa {
  padding: 20px;
}

.featured-servicesa .icon-boxa {
  padding: 20px;
  color: #5f687b;

  border-radius: 4px;
  border: 1px solid #f9f9fa;
  box-shadow: 0 6px 19px 0 rgba(68, 88, 144, 0.1);
  transition: 0.3s;
}

.featured-servicesa .icon {
  margin: 0 0 15px 0;
}

.featured-servicesa .icon i {
  color: #43baff;
  font-size: 36px;
}

.featured-servicesa .title {
  font-weight: 600;
  margin-bottom: 15px;
  font-size: 18px;
}

.featured-servicesa .title a {
  color: #111;
  transition: 0.3s;
}

.featured-servicesa .icon-boxa:hover {
  border-color: #43baff;
}

.featured-servicesa .icon-boxa:hover .title a {
  color: #43baff;
}

.featured-servicesa .description {
  line-height: 24px;
  font-size: 14px;
}

.featured-servicesa .description p {
  color: red;
}

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.abouta .content {
  padding: 30px 0;
}

.abouta .content h3 {
  font-weight: 700;
  font-size: 34px;
}

.abouta .content p {
  margin-bottom: 0;
}

.abouta .content .icon-boxa {
  margin-top: 25px;
}

.abouta .content .icon-boxa h4 {
  font-family: sans-serif;
  color: #1a1b1e;
  font-size: 16px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.abouta .content .icon-boxa i {
  font-size: 48px;
  float: left;
  color: #43baff;
}

.abouta .content .icon-boxa p {
  font-size: 15px;

  margin-left: 60px;
  letter-spacing: 0.6px;
}

.abouta .image {
  background: url("../images/abt_im.webp") center center no-repeat;
  background-size: cover;
  min-height: 400px;
  box-shadow: 2px 2px 10px rgba(127, 137, 161, 0.25);
}

@media (max-width: 991px) {
  .abouta .image {
    text-align: center;
  }
  .abouta .image img {
    max-width: 80%;
  }
}

@media (max-width: 667px) {
  .abouta .image img {
    max-width: 100%;
  }
}

/*--------------------------------------------------------------
# AboutS
--------------------------------------------------------------*/

.abouts .content h3 {
  font-weight: 500;
  line-height: 32px;
  font-size: 24px;
}

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

.abouts .content ul li {
  padding: 10px 0 0 28px;
  position: relative;
}

.abouts .content ul i {
  left: 0;
  top: 7px;
  position: absolute;
  font-size: 20px;
  color: #01b1d7;
}

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

/*--------------------------------------------------------------
# About List
--------------------------------------------------------------*/
.about-list {
  padding-top: 0;
}

.about-list .icon-boxso h4 {
  font-size: 20px;
  font-weight: 700;
  margin: 5px 0 10px 60px;
}

.about-list .icon-boxso i {
  font-size: 48px;
  float: left;
  color: #01b1d7;
}

.about-list .icon-boxso p {
  font-size: 15px;
  color: #848484;
  margin-left: 60px;
}

.about-list .image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 400px;
}

/*--------------------------------------------------------------
# Tabs
--------------------------------------------------------------*/
.tabs .nav-tabs {
  border: 0;
}
.tabs .nav-link {
  border: 1px solid #b9b9b9;
  padding: 15px;
  transition: 0.3s;
  color: #111111;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.tabs .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}
.tabs .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}
.tabs .nav-link:hover {
  color: #43baff;
}
.tabs .nav-link.active {
  background: #43baff;
  color: #fff;
  border-color: #43baff;
}
@media (max-width: 768px) {
  .tabs .nav-link i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}
@media (max-width: 575px) {
  .tabs .nav-link {
    padding: 15px;
  }
  .tabs .nav-link i {
    font-size: 24px;
  }
}
.tabs .tab-content {
  margin-top: 30px;
}
.tabs .tab-pane h3 {
  font-weight: 600;
  font-size: 26px;
}
.tabs .tab-pane ul {
  list-style: none;
  padding: 0;
}
.tabs .tab-pane ul li {
  padding-bottom: 10px;
}
.tabs .tab-pane ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #43baff;
}
.tabs .tab-pane p:last-child {
  margin-bottom: 0;
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.aboutg .container {
  position: relative;
  z-index: 10;
}

.aboutg .content {
  padding: 30px 30px 30px 0;
}
.aboutg .content h3 {
  font-weight: 700;
  font-size: 34px;
  margin-bottom: 30px;
}
.aboutg .content p {
  margin-bottom: 30px;
}
.aboutg .content .about-btn {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 30px;
  border-radius: 4px;
  transition: 0.5s;
  margin-top: 30px;
  color: #fff;
  background: #43baff;
  border: 2px solid #43baff;
}
.aboutg .content .about-btn i {
  font-size: 16px;
  padding-left: 5px;
}
.aboutg .content .about-btn:hover {
  background: transparent;
}
.aboutg .icon-boxes .icon-box {
  margin-top: 30px;
}
.aboutg .icon-boxes .icon-box i {
  font-size: 40px;
  color: #43baff;
  margin-bottom: 1px;
}
.aboutg .icon-boxes .icon-box h4 {
  font-family: Montserrat-bold, sans-serif;
  color: #1a1b1e;
  font-size: 14px;
  margin: 0 0 10px 0;
}
.aboutg .icon-boxes .icon-box p {
  font-size: 15px;
  color: #848484;
}
@media (max-width: 1200px) {
  .aboutg .content {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .aboutg {
    text-align: center;
  }
}

.section-bgz {
  padding: 120px 0;
  color: #fff;
  background: #232530;
}

.servicesss {
  padding: 120px 0;
}

.servicesss .icon-boxss {
  padding: 30px;
  position: relative;
  overflow: hidden;
  margin: 0 0 40px 0;
  background: #fff;
  box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
  transition: all 0.3s ease-in-out;
  border-radius: 15px;
  text-align: center;
  border-bottom: 3px solid #fff;
}

.servicesss .icon-boxss:hover {
  transform: translateY(-5px);
  border-color: #43baff;
}

.servicesss .icon i {
  font-size: 48px;
  line-height: 1;
  margin-bottom: 15px;
  color: #43baff;
}

.servicesss .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.servicesss .title a {
  color: #111;
}

.servicesss .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.featuresit .nav-tabs {
  border: 0;
}

.featuresit .nav-link {
  border: 1px solid #b5ccdb;
  padding: 15px;
  transition: 0.3s;
  color: #1a1b1d;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.featuresit .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}

.featuresit .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.featuresit .nav-link:hover {
  color: #43baff;
}

.featuresit .nav-link.active {
  background: #43baff;
  color: #fff;
  border-color: #43baff;
}

@media (max-width: 768px) {
  .featuresit .nav-link i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .featuresit .nav-link {
    padding: 15px;
  }
  .featuresit .nav-link i {
    font-size: 24px;
  }
}

.featuresit .tab-content {
  margin-top: 30px;
}

.featuresit .tab-pane h3 {
  font-weight: 600;
  font-size: 26px;
}

.featuresit .tab-pane ul {
  list-style: none;
  padding: 0;
}

.featuresit .tab-pane ul li {
  padding-bottom: 10px;
}

.featuresit .tab-pane ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #43baff;
}

.featuresit .tab-pane p:last-child {
  margin-bottom: 0;
}

.aboutse {
  padding: 120px 0;
}

.aboutse .content h3 {
  font-weight: 600;
  font-size: 32px;
  color: #2c4964;
}

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

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

.aboutse .content ul i {
  font-size: 20px;
  padding-right: 4px;
  color: #43baff;
}

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

.aboutse .content .read-more {
  font-family: sans-serif;
  font-weight: 500;
  font-size: 16px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 10px 50px 10px 28px;
  border-radius: 5px;
  transition: 0.5s;
  color: #fff;
  background: #43baff;
  position: relative;
}

.aboutse .content .read-more:hover {
  background: #28abe3;
}

.aboutse .content .read-more i {
  font-size: 22px;
  position: absolute;
  right: 20px;
  top: 12px;
}

#text-type {
  color: #43baff;
  font-weight: normal;
}

#cursor-type {
  width: 0;
  border-left: 2px solid #ffffff;
  height: 55px;
  animation: cursor-blink 1s infinite;
}

.typing {
  animation: none !important;
}

@keyframes cursor-blink {
  50% {
    border-color: transparent;
  }
}

.img-icon-block {
  position: relative;
}

.img-icon-block:before {
  position: absolute;
  content: "";
  top: -27px;
  background-color: #43baff;
  opacity: 0.3;
  width: 80px;
  right: 70px;
  height: 80px;
  border-radius: 50%;
  z-index: 1;
}

.img-icon-block i {
  font-size: 58px;
  z-index: 2 !important;
  color: #000;
  position: relative;
}

@media (max-width: 992px) {
  .feature-block {
    margin-bottom: 80px;
  }
  .img-icon-block:before {
    right: auto;
  }

  @media (max-width: 768px) {
    .feature-block {
      margin-bottom: 80px;
    }
    .img-icon-block:before {
      right: auto;
    }
  }

  @media (max-width: 640px) {
    .feature-block {
      margin-bottom: 80px;
    }
    .img-icon-block:before {
      right: auto;
    }

    #featuregf {
      padding-bottom: 0px;
    }
  }

  @media (max-width: 480px) {
    .feature-block {
      margin-bottom: 80px;
    }
    #feature {
      padding-bottom: 0px;
    }
    .img-icon-block:before {
      right: auto;
    }
  }
}

.why-us-dv {
  padding: 0;
}

.why-us-dv .row {
  overflow: hidden;
}

.why-us-dv .content-item {
  padding: 40px;
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
  margin: -1px;
}

.why-us-dv .content-item span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  color: #43baff;
}

.why-us-dv .content-item h4 {
  font-size: 26px;
  font-weight: 300;
  padding: 0;
  margin: 20px 0;
}

.why-us-dv .content-item p {
  font-size: 15px;
  margin: 0;
  padding: 0;
}

@media (max-width: 768px) {
  .why-us-dv .content-item {
    padding: 40px 0;
  }
}

.about-am {
  padding: 140px 0;
  position: relative;
}

.about-am:before {
  content: "";
  background: rgba(255, 255, 255, 0.75);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.about-am .container {
  position: relative;
}

.about-am .content h3 {
  font-weight: 600;
  font-size: 26px;
}

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

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

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

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

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

.about-am .content .btn-learn-more {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.3s;
  line-height: 1;
  color: #43baff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #43baff;
}

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

@media (max-width: 992px) {
  .about-am {
    padding: 60px 0;
  }
}

.why-us-am .box {
  padding: 50px 30px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
  transition: all ease-in-out 0.3s;
}

.why-us-am .box span {
  display: block;
  font-size: 28px;
  font-weight: 700;
  color: #43baff;
}

.why-us-am .box h4 {
  font-size: 24px;
  font-weight: 600;
  padding: 0;
  margin: 20px 0;
  color: #111;
}

.why-us-am .box p {
  font-size: 16px;
  margin: 0;
  padding: 0;
}

.why-us-am .box:hover {
  background: #43baff;
  padding: 30px 30px 70px 30px;
  box-shadow: 10px 15px 30px rgba(0, 0, 0, 0.18);
}

.why-us-am .box:hover span,
.why-us-am .box:hover h4,
.why-us-am .box:hover p {
  color: #fff;
}

.app-rev .btn-learn-more {
  font-family: sans-serif;
  font-weight: 600;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 12px 32px;
  border-radius: 5px;
  transition: 0.3s;
  line-height: 1;
  color: #43baff;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
  margin-top: 6px;
  border: 2px solid #43baff;
}

.app-rev .btn-learn-more:hover {
  background: #43baff;
  color: #fff;
  text-decoration: none;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 0 0 20px 0;
}

.counts .count-box {
  padding: 20px;
  width: 100%;
}

.counts .count-box i {
  display: block;
  font-size: 48px;
  color: #43baff;
  float: left;
  line-height: 1;
}

.counts .count-box span {
  font-size: 22px;
  line-height: 10px;
  display: block;
  font-weight: 700;
  color: #111;
  margin-left: 60px;
}

.counts .count-box p {
  padding: 15px 0 0 0;
  margin: 0 0 0 60px;
  font-family: sans-serif;
  font-size: 14px;
}

.counts .count-box a {
  font-weight: 600;
  display: block;
  margin-top: 20px;
  color: #505050;
  font-size: 15px;
  font-family: sans-serif;
  transition: ease-in-out 0.3s;
}

.counts .count-box a:hover {
  color: #777777;
}

/*--------------------------------------------------------------
# Values
--------------------------------------------------------------*/
.values-as .box {
  padding: 30px;
  box-shadow: 0px 0 5px rgba(1, 41, 112, 0.08);
  text-align: center;
  transition: 0.3s;
  height: 100%;
}

.values-as .box img {
  padding: 30px 50px;
  transition: 0.5s;
  transform: scale(1.1);
}

.values-as .box h4 {
  margin-bottom: 18px;
}

.values-as .box:hover {
  box-shadow: 0px 0 30px rgba(1, 41, 112, 0.08);
}

.values-as .box:hover img {
  transform: scale(1);
}

.carousel-item img {
  height: 100%;
}

@media (max-width: 1024px) {
  .carousel-item img {
    height: auto;
  }
}

#slide_caro {
  background-color: rgba(9, 9, 9, 0.8);
}

.alert-success {
  background: rgba(67, 186, 255, 0.1);
  color: #43baff;
}

.trending-breadcrumC {
  /* background: #141d38; */
  background: radial-gradient(ellipse at bottom, #141d38 0%, #1a1c24 100%);
  overflow: hidden;
  min-height: 380px;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  position: relative;
  user-select: none;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);
}

/* .trending-breadcrums{
  width: 100%;
  min-height: 350px;
  position: relative;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.1);

} */

#particles-js,
#parallax,
.layer,
.some-more-space1 {
  height: 100%;
  position: absolute;
  width: 100%;
}
.bread-text {
  height: 100%;
  position: absolute;
  width: 100%;
}
.some-space h1 {
  font-family: Montserrat, sans-serif;
  font-weight: 800;
  color: white;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 48px;
  transform: translate(-50%, -50%);
}

#particles-js {
  opacity: 0.6;
}

.some-space {
  position: relative;
  animation: rotate 18s 0.5s infinite linear reverse;
}

.some-more-space1 {
  -webkit-animation: rotate 15s 0.1s infinite linear;
  animation: rotate 15s 0.1s infinite linear;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
    transform: rotateZ(0deg) translate3d(0, 1.5%, 0) rotateZ(0deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
    transform: rotateZ(360deg) translate3d(0, 1.5%, 0) rotateZ(-360deg);
  }
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 834px 1610px #fff, 1574px 807px #fff, 1462px 75px #fff,
    1466px 1743px #fff, 1994px 122px #fff, 395px 1428px #fff, 150px 1729px #fff,
    648px 396px #fff, 1096px 955px #fff, 451px 1534px #fff, 312px 1682px #fff,
    459px 1274px #fff, 132px 618px #fff, 1562px 1034px #fff, 726px 1887px #fff,
    201px 798px #fff, 471px 411px #fff, 1521px 259px #fff, 1590px 1911px #fff,
    727px 169px #fff, 307px 693px #fff, 1168px 243px #fff, 589px 166px #fff,
    62px 747px #fff, 995px 1783px #fff, 1489px 1599px #fff, 1885px 469px #fff,
    1816px 1605px #fff, 1836px 386px #fff, 1685px 58px #fff, 227px 1636px #fff,
    376px 1201px #fff, 1279px 1798px #fff, 1955px 1013px #fff,
    1702px 1701px #fff, 1197px 441px #fff, 1807px 898px #fff, 640px 1826px #fff,
    1438px 687px #fff, 245px 783px #fff, 392px 1070px #fff, 1814px 1014px #fff,
    1765px 1175px #fff, 485px 1043px #fff, 1592px 944px #fff, 1990px 1971px #fff,
    1129px 1227px #fff, 1972px 222px #fff, 1290px 1803px #fff,
    1395px 1674px #fff, 1565px 269px #fff, 1689px 532px #fff, 737px 1825px #fff,
    1438px 1372px #fff, 1968px 872px #fff, 1085px 325px #fff, 649px 1482px #fff,
    1585px 1845px #fff, 1489px 389px #fff, 1099px 1392px #fff,
    1226px 1536px #fff, 1630px 96px #fff, 662px 524px #fff, 781px 1837px #fff,
    1603px 613px #fff, 810px 449px #fff, 909px 1259px #fff, 261px 1737px #fff,
    1629px 177px #fff, 1928px 1183px #fff, 1025px 152px #fff, 481px 835px #fff,
    1517px 1840px #fff, 661px 122px #fff, 1077px 15px #fff, 1919px 662px #fff,
    1577px 457px #fff, 29px 1024px #fff, 242px 928px #fff, 1204px 1641px #fff,
    296px 1787px #fff, 52px 1532px #fff, 142px 118px #fff, 34px 507px #fff,
    461px 719px #fff, 922px 1808px #fff, 26px 103px #fff, 494px 349px #fff,
    1046px 555px #fff, 992px 1063px #fff, 1754px 671px #fff, 240px 1118px #fff,
    1148px 462px #fff, 1167px 565px #fff, 1742px 1640px #fff, 41px 593px #fff,
    106px 446px #fff, 1133px 963px #fff, 634px 135px #fff, 1245px 786px #fff,
    1456px 1657px #fff, 1547px 1817px #fff, 1292px 1598px #fff,
    1608px 1544px #fff, 1980px 538px #fff, 680px 317px #fff, 1150px 1440px #fff,
    1351px 628px #fff, 1018px 1217px #fff, 847px 1882px #fff, 300px 1409px #fff,
    1047px 1401px #fff, 1474px 644px #fff, 509px 194px #fff, 1084px 697px #fff,
    547px 1717px #fff, 1156px 1834px #fff, 1573px 232px #fff, 294px 1846px #fff,
    1979px 73px #fff, 412px 759px #fff, 1910px 936px #fff, 717px 1134px #fff,
    1345px 1452px #fff, 781px 863px #fff, 1121px 1106px #fff, 1994px 1118px #fff,
    1988px 148px #fff, 886px 190px #fff, 652px 1265px #fff, 1952px 199px #fff,
    1965px 1032px #fff, 1660px 1297px #fff, 1885px 1516px #fff,
    1128px 718px #fff, 1858px 264px #fff, 652px 1782px #fff, 435px 320px #fff,
    1678px 808px #fff, 950px 328px #fff, 572px 228px #fff, 462px 1985px #fff,
    971px 728px #fff, 317px 910px #fff, 1565px 194px #fff, 1888px 833px #fff,
    1474px 1791px #fff, 532px 1493px #fff, 1398px 385px #fff, 1155px 560px #fff,
    1436px 1419px #fff, 429px 1130px #fff, 1129px 1853px #fff, 538px 1149px #fff,
    294px 796px #fff, 472px 1354px #fff, 1747px 1532px #fff, 1485px 1713px #fff,
    600px 1902px #fff, 1910px 1893px #fff, 1568px 1719px #fff, 1467px 698px #fff,
    1750px 1634px #fff, 439px 1103px #fff, 993px 291px #fff, 1960px 1307px #fff,
    1010px 1269px #fff, 960px 620px #fff, 519px 1507px #fff, 334px 399px #fff,
    1712px 1055px #fff, 954px 566px #fff, 736px 1330px #fff, 1052px 34px #fff,
    1624px 1790px #fff, 329px 1296px #fff, 1097px 745px #fff, 685px 1499px #fff,
    1701px 917px #fff, 464px 760px #fff, 1250px 1737px #fff, 1750px 1402px #fff,
    638px 1480px #fff, 418px 1228px #fff, 1263px 478px #fff, 454px 1969px #fff,
    1173px 297px #fff, 67px 1963px #fff, 485px 72px #fff, 952px 1951px #fff,
    963px 914px #fff, 1955px 757px #fff, 1063px 1454px #fff, 1201px 277px #fff,
    1781px 234px #fff, 847px 1540px #fff, 474px 642px #fff, 597px 1468px #fff,
    1388px 1392px #fff, 1232px 199px #fff, 1873px 1864px #fff, 838px 729px #fff,
    1220px 442px #fff, 621px 1469px #fff, 438px 220px #fff, 1649px 1911px #fff,
    1039px 277px #fff, 1785px 702px #fff, 397px 955px #fff, 1829px 612px #fff,
    1538px 963px #fff, 471px 940px #fff, 1077px 437px #fff, 282px 821px #fff,
    124px 430px #fff, 449px 1328px #fff, 134px 1370px #fff, 131px 88px #fff,
    1949px 1273px #fff, 725px 271px #fff, 1930px 1437px #fff, 459px 9px #fff,
    1953px 1616px #fff, 1257px 845px #fff, 368px 689px #fff, 1153px 655px #fff,
    1667px 1943px #fff, 1798px 8px #fff, 790px 1902px #fff, 1322px 654px #fff,
    1455px 1881px #fff, 596px 1003px #fff, 1253px 1777px #fff, 982px 1208px #fff,
    1700px 783px #fff, 1804px 549px #fff, 1824px 814px #fff, 1162px 180px #fff,
    1297px 940px #fff, 1028px 574px #fff, 1423px 433px #fff, 1961px 1674px #fff,
    802px 484px #fff, 1299px 517px #fff, 372px 900px #fff, 1730px 664px #fff,
    1048px 58px #fff, 1234px 1475px #fff, 1610px 255px #fff, 316px 574px #fff,
    1267px 125px #fff, 862px 587px #fff, 1582px 1587px #fff, 810px 1743px #fff,
    516px 1091px #fff, 373px 709px #fff, 248px 689px #fff, 871px 1467px #fff,
    1837px 1013px #fff, 971px 1328px #fff, 1778px 377px #fff, 499px 816px #fff,
    728px 1006px #fff, 1162px 748px #fff, 99px 1649px #fff, 423px 32px #fff,
    1894px 300px #fff, 439px 1809px #fff, 166px 900px #fff, 374px 1731px #fff,
    1104px 66px #fff, 962px 1491px #fff, 1546px 1464px #fff, 1556px 1720px #fff,
    1875px 470px #fff, 331px 517px #fff, 157px 187px #fff, 326px 421px #fff,
    1129px 335px #fff, 304px 1878px #fff, 198px 1611px #fff, 983px 1098px #fff,
    1482px 1860px #fff, 1123px 1114px #fff, 2px 1395px #fff, 1480px 275px #fff,
    1794px 1635px #fff, 375px 1777px #fff, 1245px 330px #fff, 1738px 960px #fff,
    1228px 645px #fff, 480px 834px #fff, 111px 957px #fff, 31px 1617px #fff,
    703px 1492px #fff, 277px 673px #fff, 839px 771px #fff, 1146px 304px #fff,
    1039px 1662px #fff, 1088px 1297px #fff, 1985px 1540px #fff,
    1517px 1951px #fff, 1200px 1829px #fff, 242px 1548px #fff, 428px 1680px #fff,
    176px 112px #fff, 186px 756px #fff, 775px 797px #fff, 1379px 303px #fff,
    1883px 733px #fff, 335px 1753px #fff, 262px 1047px #fff, 5px 1482px #fff,
    1130px 156px #fff, 1366px 1195px #fff, 41px 1399px #fff, 1615px 1088px #fff,
    1950px 1282px #fff, 1296px 315px #fff, 884px 351px #fff, 93px 457px #fff,
    898px 521px #fff, 841px 696px #fff, 636px 1067px #fff, 448px 922px #fff,
    1370px 1716px #fff, 1499px 804px #fff, 294px 546px #fff, 1513px 82px #fff,
    1912px 623px #fff, 74px 1843px #fff, 970px 569px #fff, 819px 958px #fff,
    430px 1450px #fff, 261px 832px #fff, 1603px 22px #fff, 752px 1870px #fff,
    760px 330px #fff, 938px 1539px #fff, 1624px 222px #fff, 1678px 551px #fff,
    673px 1876px #fff, 1634px 565px #fff, 1463px 922px #fff, 1061px 1738px #fff,
    1003px 1756px #fff, 1161px 1985px #fff, 602px 1843px #fff, 1285px 317px #fff,
    1593px 1796px #fff, 965px 324px #fff, 1065px 1005px #fff, 1250px 1149px #fff,
    931px 827px #fff, 451px 626px #fff, 1897px 1092px #fff, 1862px 1578px #fff,
    297px 917px #fff, 1233px 1605px #fff, 89px 233px #fff, 1666px 1619px #fff,
    584px 699px #fff, 955px 1288px #fff, 326px 1420px #fff, 147px 1734px #fff,
    1476px 1813px #fff, 160px 275px #fff, 303px 1790px #fff, 1507px 1240px #fff,
    532px 1190px #fff, 1861px 1556px #fff, 328px 1672px #fff, 1803px 284px #fff,
    1526px 1107px #fff, 1188px 563px #fff, 1895px 1876px #fff, 1847px 807px #fff,
    1882px 1771px #fff, 675px 1345px #fff, 59px 1143px #fff, 917px 353px #fff,
    1363px 425px #fff, 1021px 1838px #fff, 1571px 305px #fff, 1559px 429px #fff,
    1470px 1531px #fff, 1141px 1791px #fff, 619px 1969px #fff, 243px 1783px #fff,
    1243px 1147px #fff, 504px 1412px #fff, 936px 1006px #fff, 1845px 1819px #fff,
    22px 841px #fff, 161px 957px #fff, 691px 1163px #fff, 1529px 849px #fff,
    1719px 301px #fff, 925px 666px #fff, 430px 210px #fff, 1044px 1922px #fff,
    797px 229px #fff, 1509px 300px #fff, 1662px 800px #fff, 1449px 289px #fff,
    850px 1748px #fff, 1932px 640px #fff, 1864px 1647px #fff, 237px 709px #fff,
    100px 963px #fff, 334px 819px #fff, 63px 933px #fff, 812px 1699px #fff,
    1985px 1305px #fff, 520px 976px #fff, 1370px 1963px #fff, 175px 617px #fff,
    1310px 1707px #fff, 863px 546px #fff, 1259px 127px #fff, 1334px 1259px #fff,
    200px 1740px #fff, 1408px 190px #fff, 845px 794px #fff, 1071px 1052px #fff,
    830px 804px #fff, 1260px 445px #fff, 494px 1174px #fff, 1583px 261px #fff,
    697px 1159px #fff, 1336px 1910px #fff, 1630px 1501px #fff, 1083px 622px #fff,
    1625px 1982px #fff, 1675px 882px #fff, 858px 1116px #fff, 487px 796px #fff,
    1682px 898px #fff, 818px 868px #fff, 821px 962px #fff, 1183px 1898px #fff,
    66px 1323px #fff, 1225px 626px #fff, 1939px 1196px #fff, 499px 1101px #fff,
    1718px 883px #fff, 1482px 1508px #fff, 1750px 1342px #fff, 567px 1446px #fff,
    588px 439px #fff, 432px 1885px #fff, 481px 1787px #fff, 473px 129px #fff,
    279px 1890px #fff, 163px 141px #fff, 1320px 1696px #fff, 559px 1253px #fff,
    1573px 852px #fff, 1481px 893px #fff, 1634px 325px #fff, 1733px 598px #fff,
    1282px 855px #fff, 355px 862px #fff, 1252px 392px #fff, 61px 1091px #fff,
    720px 1639px #fff, 1259px 1020px #fff, 954px 1572px #fff, 1699px 1603px #fff,
    236px 1045px #fff, 1839px 366px #fff, 1781px 1535px #fff, 1142px 338px #fff,
    1491px 1703px #fff, 1155px 1197px #fff, 453px 558px #fff, 1485px 1134px #fff,
    832px 339px #fff, 601px 885px #fff, 459px 1091px #fff, 1058px 497px #fff,
    537px 718px #fff, 1134px 105px #fff, 1164px 1123px #fff, 303px 1484px #fff,
    1684px 1695px #fff, 1756px 538px #fff, 1383px 1879px #fff, 797px 646px #fff,
    422px 1718px #fff, 401px 377px #fff, 1159px 271px #fff, 1564px 1398px #fff,
    244px 751px #fff, 1026px 1062px #fff, 186px 1572px #fff, 580px 1637px #fff,
    1145px 732px #fff, 829px 1033px #fff, 3px 539px #fff, 1966px 635px #fff,
    1243px 1959px #fff, 1358px 763px #fff, 1262px 759px #fff, 1642px 1625px #fff,
    213px 668px #fff, 788px 943px #fff, 179px 394px #fff, 1621px 848px #fff,
    1436px 886px #fff, 1459px 238px #fff, 956px 297px #fff, 458px 1116px #fff,
    239px 1493px #fff, 663px 1641px #fff, 1834px 1316px #fff, 1760px 1089px #fff,
    1918px 1275px #fff, 928px 934px #fff, 235px 1734px #fff, 963px 582px #fff,
    1813px 1733px #fff, 1023px 1558px #fff, 275px 407px #fff, 181px 505px #fff,
    821px 1146px #fff, 1798px 29px #fff, 1042px 1742px #fff, 1160px 411px #fff,
    51px 55px #fff, 534px 335px #fff, 1804px 126px #fff, 1620px 889px #fff,
    758px 190px #fff, 579px 710px #fff, 1447px 97px #fff, 1709px 635px #fff,
    141px 419px #fff, 855px 724px #fff, 24px 330px #fff, 1658px 1459px #fff,
    1917px 1630px #fff, 1622px 1676px #fff, 1786px 1058px #fff,
    161px 1781px #fff, 630px 1333px #fff, 1453px 46px #fff, 984px 1332px #fff,
    559px 1155px #fff, 946px 1879px #fff, 1002px 686px #fff, 1285px 758px #fff,
    594px 1641px #fff, 1919px 1357px #fff, 422px 1957px #fff, 1858px 913px #fff,
    1571px 190px #fff, 1095px 1336px #fff, 1058px 51px #fff, 1627px 1872px #fff,
    54px 1634px #fff, 1052px 687px #fff, 1867px 291px #fff, 1312px 1976px #fff,
    1505px 195px #fff, 55px 765px #fff, 806px 1430px #fff, 286px 310px #fff,
    355px 610px #fff, 1361px 397px #fff, 604px 1407px #fff, 1531px 544px #fff,
    82px 1416px #fff, 1129px 1676px #fff, 1216px 1525px #fff, 247px 865px #fff,
    1446px 1513px #fff, 229px 137px #fff, 1119px 414px #fff, 1423px 747px #fff,
    1240px 1916px #fff, 1843px 1355px #fff, 1122px 1285px #fff, 480px 359px #fff,
    485px 268px #fff, 1709px 1130px #fff, 1631px 1020px #fff, 142px 1488px #fff,
    863px 1219px #fff, 1357px 217px #fff, 1381px 759px #fff, 915px 568px #fff,
    148px 68px #fff, 175px 681px #fff, 1252px 943px #fff, 1608px 1305px #fff,
    1058px 218px #fff, 933px 197px #fff, 229px 1654px #fff, 1576px 670px #fff,
    1992px 448px #fff, 662px 1077px #fff, 626px 1477px #fff, 360px 1600px #fff,
    632px 1044px #fff, 210px 1091px #fff, 1793px 1599px #fff, 224px 1872px #fff,
    1711px 1869px #fff, 1632px 365px #fff, 1567px 749px #fff, 1599px 1738px #fff,
    393px 591px #fff, 1807px 1812px #fff, 1380px 302px #fff, 949px 1481px #fff,
    1614px 1921px #fff, 1069px 1893px #fff, 918px 283px #fff, 1252px 762px #fff,
    619px 436px #fff, 1736px 1526px #fff, 435px 657px #fff, 83px 1862px #fff,
    1707px 279px #fff, 728px 977px #fff, 1558px 447px #fff, 1965px 745px #fff,
    1114px 1659px #fff, 83px 378px #fff, 1203px 1485px #fff, 152px 1902px #fff,
    623px 26px #fff, 1662px 400px #fff, 880px 1276px #fff, 44px 826px #fff,
    789px 920px #fff, 1326px 1046px #fff, 939px 1340px #fff, 1208px 1812px #fff,
    1706px 913px #fff, 714px 910px #fff, 1648px 66px #fff, 1906px 1790px #fff,
    1441px 318px #fff, 1803px 1498px #fff, 712px 1619px #fff, 1233px 1517px #fff,
    298px 379px #fff, 341px 60px #fff, 979px 1439px #fff, 902px 1272px #fff,
    1053px 792px #fff, 1396px 1930px #fff, 396px 1246px #fff, 1952px 873px #fff,
    93px 415px #fff, 1099px 776px #fff, 1575px 433px #fff, 313px 1386px #fff,
    137px 1956px #fff, 224px 223px #fff, 1728px 1184px #fff, 1598px 69px #fff,
    1905px 522px #fff, 332px 1129px #fff, 478px 254px #fff, 754px 1739px #fff,
    762px 566px #fff, 1022px 1504px #fff, 749px 311px #fff, 1452px 187px #fff,
    1736px 1674px #fff, 492px 1677px #fff, 1148px 1117px #fff,
    1881px 1359px #fff, 1384px 1053px #fff, 380px 802px #fff, 883px 135px #fff,
    403px 915px #fff, 879px 1487px #fff, 255px 219px #fff, 1392px 1200px #fff,
    226px 179px #fff, 1748px 953px #fff, 1887px 1222px #fff, 56px 452px #fff,
    1568px 1826px #fff, 1722px 1077px #fff, 1042px 465px #fff, 272px 128px #fff,
    917px 211px #fff, 1197px 1819px #fff, 1848px 742px #fff, 866px 384px #fff,
    460px 1917px #fff, 112px 14px #fff, 1687px 1559px #fff, 260px 1666px #fff,
    726px 1297px #fff;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 834px 1610px #fff, 1574px 807px #fff, 1462px 75px #fff,
    1466px 1743px #fff, 1994px 122px #fff, 395px 1428px #fff, 150px 1729px #fff,
    648px 396px #fff, 1096px 955px #fff, 451px 1534px #fff, 312px 1682px #fff,
    459px 1274px #fff, 132px 618px #fff, 1562px 1034px #fff, 726px 1887px #fff,
    201px 798px #fff, 471px 411px #fff, 1521px 259px #fff, 1590px 1911px #fff,
    727px 169px #fff, 307px 693px #fff, 1168px 243px #fff, 589px 166px #fff,
    62px 747px #fff, 995px 1783px #fff, 1489px 1599px #fff, 1885px 469px #fff,
    1816px 1605px #fff, 1836px 386px #fff, 1685px 58px #fff, 227px 1636px #fff,
    376px 1201px #fff, 1279px 1798px #fff, 1955px 1013px #fff,
    1702px 1701px #fff, 1197px 441px #fff, 1807px 898px #fff, 640px 1826px #fff,
    1438px 687px #fff, 245px 783px #fff, 392px 1070px #fff, 1814px 1014px #fff,
    1765px 1175px #fff, 485px 1043px #fff, 1592px 944px #fff, 1990px 1971px #fff,
    1129px 1227px #fff, 1972px 222px #fff, 1290px 1803px #fff,
    1395px 1674px #fff, 1565px 269px #fff, 1689px 532px #fff, 737px 1825px #fff,
    1438px 1372px #fff, 1968px 872px #fff, 1085px 325px #fff, 649px 1482px #fff,
    1585px 1845px #fff, 1489px 389px #fff, 1099px 1392px #fff,
    1226px 1536px #fff, 1630px 96px #fff, 662px 524px #fff, 781px 1837px #fff,
    1603px 613px #fff, 810px 449px #fff, 909px 1259px #fff, 261px 1737px #fff,
    1629px 177px #fff, 1928px 1183px #fff, 1025px 152px #fff, 481px 835px #fff,
    1517px 1840px #fff, 661px 122px #fff, 1077px 15px #fff, 1919px 662px #fff,
    1577px 457px #fff, 29px 1024px #fff, 242px 928px #fff, 1204px 1641px #fff,
    296px 1787px #fff, 52px 1532px #fff, 142px 118px #fff, 34px 507px #fff,
    461px 719px #fff, 922px 1808px #fff, 26px 103px #fff, 494px 349px #fff,
    1046px 555px #fff, 992px 1063px #fff, 1754px 671px #fff, 240px 1118px #fff,
    1148px 462px #fff, 1167px 565px #fff, 1742px 1640px #fff, 41px 593px #fff,
    106px 446px #fff, 1133px 963px #fff, 634px 135px #fff, 1245px 786px #fff,
    1456px 1657px #fff, 1547px 1817px #fff, 1292px 1598px #fff,
    1608px 1544px #fff, 1980px 538px #fff, 680px 317px #fff, 1150px 1440px #fff,
    1351px 628px #fff, 1018px 1217px #fff, 847px 1882px #fff, 300px 1409px #fff,
    1047px 1401px #fff, 1474px 644px #fff, 509px 194px #fff, 1084px 697px #fff,
    547px 1717px #fff, 1156px 1834px #fff, 1573px 232px #fff, 294px 1846px #fff,
    1979px 73px #fff, 412px 759px #fff, 1910px 936px #fff, 717px 1134px #fff,
    1345px 1452px #fff, 781px 863px #fff, 1121px 1106px #fff, 1994px 1118px #fff,
    1988px 148px #fff, 886px 190px #fff, 652px 1265px #fff, 1952px 199px #fff,
    1965px 1032px #fff, 1660px 1297px #fff, 1885px 1516px #fff,
    1128px 718px #fff, 1858px 264px #fff, 652px 1782px #fff, 435px 320px #fff,
    1678px 808px #fff, 950px 328px #fff, 572px 228px #fff, 462px 1985px #fff,
    971px 728px #fff, 317px 910px #fff, 1565px 194px #fff, 1888px 833px #fff,
    1474px 1791px #fff, 532px 1493px #fff, 1398px 385px #fff, 1155px 560px #fff,
    1436px 1419px #fff, 429px 1130px #fff, 1129px 1853px #fff, 538px 1149px #fff,
    294px 796px #fff, 472px 1354px #fff, 1747px 1532px #fff, 1485px 1713px #fff,
    600px 1902px #fff, 1910px 1893px #fff, 1568px 1719px #fff, 1467px 698px #fff,
    1750px 1634px #fff, 439px 1103px #fff, 993px 291px #fff, 1960px 1307px #fff,
    1010px 1269px #fff, 960px 620px #fff, 519px 1507px #fff, 334px 399px #fff,
    1712px 1055px #fff, 954px 566px #fff, 736px 1330px #fff, 1052px 34px #fff,
    1624px 1790px #fff, 329px 1296px #fff, 1097px 745px #fff, 685px 1499px #fff,
    1701px 917px #fff, 464px 760px #fff, 1250px 1737px #fff, 1750px 1402px #fff,
    638px 1480px #fff, 418px 1228px #fff, 1263px 478px #fff, 454px 1969px #fff,
    1173px 297px #fff, 67px 1963px #fff, 485px 72px #fff, 952px 1951px #fff,
    963px 914px #fff, 1955px 757px #fff, 1063px 1454px #fff, 1201px 277px #fff,
    1781px 234px #fff, 847px 1540px #fff, 474px 642px #fff, 597px 1468px #fff,
    1388px 1392px #fff, 1232px 199px #fff, 1873px 1864px #fff, 838px 729px #fff,
    1220px 442px #fff, 621px 1469px #fff, 438px 220px #fff, 1649px 1911px #fff,
    1039px 277px #fff, 1785px 702px #fff, 397px 955px #fff, 1829px 612px #fff,
    1538px 963px #fff, 471px 940px #fff, 1077px 437px #fff, 282px 821px #fff,
    124px 430px #fff, 449px 1328px #fff, 134px 1370px #fff, 131px 88px #fff,
    1949px 1273px #fff, 725px 271px #fff, 1930px 1437px #fff, 459px 9px #fff,
    1953px 1616px #fff, 1257px 845px #fff, 368px 689px #fff, 1153px 655px #fff,
    1667px 1943px #fff, 1798px 8px #fff, 790px 1902px #fff, 1322px 654px #fff,
    1455px 1881px #fff, 596px 1003px #fff, 1253px 1777px #fff, 982px 1208px #fff,
    1700px 783px #fff, 1804px 549px #fff, 1824px 814px #fff, 1162px 180px #fff,
    1297px 940px #fff, 1028px 574px #fff, 1423px 433px #fff, 1961px 1674px #fff,
    802px 484px #fff, 1299px 517px #fff, 372px 900px #fff, 1730px 664px #fff,
    1048px 58px #fff, 1234px 1475px #fff, 1610px 255px #fff, 316px 574px #fff,
    1267px 125px #fff, 862px 587px #fff, 1582px 1587px #fff, 810px 1743px #fff,
    516px 1091px #fff, 373px 709px #fff, 248px 689px #fff, 871px 1467px #fff,
    1837px 1013px #fff, 971px 1328px #fff, 1778px 377px #fff, 499px 816px #fff,
    728px 1006px #fff, 1162px 748px #fff, 99px 1649px #fff, 423px 32px #fff,
    1894px 300px #fff, 439px 1809px #fff, 166px 900px #fff, 374px 1731px #fff,
    1104px 66px #fff, 962px 1491px #fff, 1546px 1464px #fff, 1556px 1720px #fff,
    1875px 470px #fff, 331px 517px #fff, 157px 187px #fff, 326px 421px #fff,
    1129px 335px #fff, 304px 1878px #fff, 198px 1611px #fff, 983px 1098px #fff,
    1482px 1860px #fff, 1123px 1114px #fff, 2px 1395px #fff, 1480px 275px #fff,
    1794px 1635px #fff, 375px 1777px #fff, 1245px 330px #fff, 1738px 960px #fff,
    1228px 645px #fff, 480px 834px #fff, 111px 957px #fff, 31px 1617px #fff,
    703px 1492px #fff, 277px 673px #fff, 839px 771px #fff, 1146px 304px #fff,
    1039px 1662px #fff, 1088px 1297px #fff, 1985px 1540px #fff,
    1517px 1951px #fff, 1200px 1829px #fff, 242px 1548px #fff, 428px 1680px #fff,
    176px 112px #fff, 186px 756px #fff, 775px 797px #fff, 1379px 303px #fff,
    1883px 733px #fff, 335px 1753px #fff, 262px 1047px #fff, 5px 1482px #fff,
    1130px 156px #fff, 1366px 1195px #fff, 41px 1399px #fff, 1615px 1088px #fff,
    1950px 1282px #fff, 1296px 315px #fff, 884px 351px #fff, 93px 457px #fff,
    898px 521px #fff, 841px 696px #fff, 636px 1067px #fff, 448px 922px #fff,
    1370px 1716px #fff, 1499px 804px #fff, 294px 546px #fff, 1513px 82px #fff,
    1912px 623px #fff, 74px 1843px #fff, 970px 569px #fff, 819px 958px #fff,
    430px 1450px #fff, 261px 832px #fff, 1603px 22px #fff, 752px 1870px #fff,
    760px 330px #fff, 938px 1539px #fff, 1624px 222px #fff, 1678px 551px #fff,
    673px 1876px #fff, 1634px 565px #fff, 1463px 922px #fff, 1061px 1738px #fff,
    1003px 1756px #fff, 1161px 1985px #fff, 602px 1843px #fff, 1285px 317px #fff,
    1593px 1796px #fff, 965px 324px #fff, 1065px 1005px #fff, 1250px 1149px #fff,
    931px 827px #fff, 451px 626px #fff, 1897px 1092px #fff, 1862px 1578px #fff,
    297px 917px #fff, 1233px 1605px #fff, 89px 233px #fff, 1666px 1619px #fff,
    584px 699px #fff, 955px 1288px #fff, 326px 1420px #fff, 147px 1734px #fff,
    1476px 1813px #fff, 160px 275px #fff, 303px 1790px #fff, 1507px 1240px #fff,
    532px 1190px #fff, 1861px 1556px #fff, 328px 1672px #fff, 1803px 284px #fff,
    1526px 1107px #fff, 1188px 563px #fff, 1895px 1876px #fff, 1847px 807px #fff,
    1882px 1771px #fff, 675px 1345px #fff, 59px 1143px #fff, 917px 353px #fff,
    1363px 425px #fff, 1021px 1838px #fff, 1571px 305px #fff, 1559px 429px #fff,
    1470px 1531px #fff, 1141px 1791px #fff, 619px 1969px #fff, 243px 1783px #fff,
    1243px 1147px #fff, 504px 1412px #fff, 936px 1006px #fff, 1845px 1819px #fff,
    22px 841px #fff, 161px 957px #fff, 691px 1163px #fff, 1529px 849px #fff,
    1719px 301px #fff, 925px 666px #fff, 430px 210px #fff, 1044px 1922px #fff,
    797px 229px #fff, 1509px 300px #fff, 1662px 800px #fff, 1449px 289px #fff,
    850px 1748px #fff, 1932px 640px #fff, 1864px 1647px #fff, 237px 709px #fff,
    100px 963px #fff, 334px 819px #fff, 63px 933px #fff, 812px 1699px #fff,
    1985px 1305px #fff, 520px 976px #fff, 1370px 1963px #fff, 175px 617px #fff,
    1310px 1707px #fff, 863px 546px #fff, 1259px 127px #fff, 1334px 1259px #fff,
    200px 1740px #fff, 1408px 190px #fff, 845px 794px #fff, 1071px 1052px #fff,
    830px 804px #fff, 1260px 445px #fff, 494px 1174px #fff, 1583px 261px #fff,
    697px 1159px #fff, 1336px 1910px #fff, 1630px 1501px #fff, 1083px 622px #fff,
    1625px 1982px #fff, 1675px 882px #fff, 858px 1116px #fff, 487px 796px #fff,
    1682px 898px #fff, 818px 868px #fff, 821px 962px #fff, 1183px 1898px #fff,
    66px 1323px #fff, 1225px 626px #fff, 1939px 1196px #fff, 499px 1101px #fff,
    1718px 883px #fff, 1482px 1508px #fff, 1750px 1342px #fff, 567px 1446px #fff,
    588px 439px #fff, 432px 1885px #fff, 481px 1787px #fff, 473px 129px #fff,
    279px 1890px #fff, 163px 141px #fff, 1320px 1696px #fff, 559px 1253px #fff,
    1573px 852px #fff, 1481px 893px #fff, 1634px 325px #fff, 1733px 598px #fff,
    1282px 855px #fff, 355px 862px #fff, 1252px 392px #fff, 61px 1091px #fff,
    720px 1639px #fff, 1259px 1020px #fff, 954px 1572px #fff, 1699px 1603px #fff,
    236px 1045px #fff, 1839px 366px #fff, 1781px 1535px #fff, 1142px 338px #fff,
    1491px 1703px #fff, 1155px 1197px #fff, 453px 558px #fff, 1485px 1134px #fff,
    832px 339px #fff, 601px 885px #fff, 459px 1091px #fff, 1058px 497px #fff,
    537px 718px #fff, 1134px 105px #fff, 1164px 1123px #fff, 303px 1484px #fff,
    1684px 1695px #fff, 1756px 538px #fff, 1383px 1879px #fff, 797px 646px #fff,
    422px 1718px #fff, 401px 377px #fff, 1159px 271px #fff, 1564px 1398px #fff,
    244px 751px #fff, 1026px 1062px #fff, 186px 1572px #fff, 580px 1637px #fff,
    1145px 732px #fff, 829px 1033px #fff, 3px 539px #fff, 1966px 635px #fff,
    1243px 1959px #fff, 1358px 763px #fff, 1262px 759px #fff, 1642px 1625px #fff,
    213px 668px #fff, 788px 943px #fff, 179px 394px #fff, 1621px 848px #fff,
    1436px 886px #fff, 1459px 238px #fff, 956px 297px #fff, 458px 1116px #fff,
    239px 1493px #fff, 663px 1641px #fff, 1834px 1316px #fff, 1760px 1089px #fff,
    1918px 1275px #fff, 928px 934px #fff, 235px 1734px #fff, 963px 582px #fff,
    1813px 1733px #fff, 1023px 1558px #fff, 275px 407px #fff, 181px 505px #fff,
    821px 1146px #fff, 1798px 29px #fff, 1042px 1742px #fff, 1160px 411px #fff,
    51px 55px #fff, 534px 335px #fff, 1804px 126px #fff, 1620px 889px #fff,
    758px 190px #fff, 579px 710px #fff, 1447px 97px #fff, 1709px 635px #fff,
    141px 419px #fff, 855px 724px #fff, 24px 330px #fff, 1658px 1459px #fff,
    1917px 1630px #fff, 1622px 1676px #fff, 1786px 1058px #fff,
    161px 1781px #fff, 630px 1333px #fff, 1453px 46px #fff, 984px 1332px #fff,
    559px 1155px #fff, 946px 1879px #fff, 1002px 686px #fff, 1285px 758px #fff,
    594px 1641px #fff, 1919px 1357px #fff, 422px 1957px #fff, 1858px 913px #fff,
    1571px 190px #fff, 1095px 1336px #fff, 1058px 51px #fff, 1627px 1872px #fff,
    54px 1634px #fff, 1052px 687px #fff, 1867px 291px #fff, 1312px 1976px #fff,
    1505px 195px #fff, 55px 765px #fff, 806px 1430px #fff, 286px 310px #fff,
    355px 610px #fff, 1361px 397px #fff, 604px 1407px #fff, 1531px 544px #fff,
    82px 1416px #fff, 1129px 1676px #fff, 1216px 1525px #fff, 247px 865px #fff,
    1446px 1513px #fff, 229px 137px #fff, 1119px 414px #fff, 1423px 747px #fff,
    1240px 1916px #fff, 1843px 1355px #fff, 1122px 1285px #fff, 480px 359px #fff,
    485px 268px #fff, 1709px 1130px #fff, 1631px 1020px #fff, 142px 1488px #fff,
    863px 1219px #fff, 1357px 217px #fff, 1381px 759px #fff, 915px 568px #fff,
    148px 68px #fff, 175px 681px #fff, 1252px 943px #fff, 1608px 1305px #fff,
    1058px 218px #fff, 933px 197px #fff, 229px 1654px #fff, 1576px 670px #fff,
    1992px 448px #fff, 662px 1077px #fff, 626px 1477px #fff, 360px 1600px #fff,
    632px 1044px #fff, 210px 1091px #fff, 1793px 1599px #fff, 224px 1872px #fff,
    1711px 1869px #fff, 1632px 365px #fff, 1567px 749px #fff, 1599px 1738px #fff,
    393px 591px #fff, 1807px 1812px #fff, 1380px 302px #fff, 949px 1481px #fff,
    1614px 1921px #fff, 1069px 1893px #fff, 918px 283px #fff, 1252px 762px #fff,
    619px 436px #fff, 1736px 1526px #fff, 435px 657px #fff, 83px 1862px #fff,
    1707px 279px #fff, 728px 977px #fff, 1558px 447px #fff, 1965px 745px #fff,
    1114px 1659px #fff, 83px 378px #fff, 1203px 1485px #fff, 152px 1902px #fff,
    623px 26px #fff, 1662px 400px #fff, 880px 1276px #fff, 44px 826px #fff,
    789px 920px #fff, 1326px 1046px #fff, 939px 1340px #fff, 1208px 1812px #fff,
    1706px 913px #fff, 714px 910px #fff, 1648px 66px #fff, 1906px 1790px #fff,
    1441px 318px #fff, 1803px 1498px #fff, 712px 1619px #fff, 1233px 1517px #fff,
    298px 379px #fff, 341px 60px #fff, 979px 1439px #fff, 902px 1272px #fff,
    1053px 792px #fff, 1396px 1930px #fff, 396px 1246px #fff, 1952px 873px #fff,
    93px 415px #fff, 1099px 776px #fff, 1575px 433px #fff, 313px 1386px #fff,
    137px 1956px #fff, 224px 223px #fff, 1728px 1184px #fff, 1598px 69px #fff,
    1905px 522px #fff, 332px 1129px #fff, 478px 254px #fff, 754px 1739px #fff,
    762px 566px #fff, 1022px 1504px #fff, 749px 311px #fff, 1452px 187px #fff,
    1736px 1674px #fff, 492px 1677px #fff, 1148px 1117px #fff,
    1881px 1359px #fff, 1384px 1053px #fff, 380px 802px #fff, 883px 135px #fff,
    403px 915px #fff, 879px 1487px #fff, 255px 219px #fff, 1392px 1200px #fff,
    226px 179px #fff, 1748px 953px #fff, 1887px 1222px #fff, 56px 452px #fff,
    1568px 1826px #fff, 1722px 1077px #fff, 1042px 465px #fff, 272px 128px #fff,
    917px 211px #fff, 1197px 1819px #fff, 1848px 742px #fff, 866px 384px #fff,
    460px 1917px #fff, 112px 14px #fff, 1687px 1559px #fff, 260px 1666px #fff,
    726px 1297px #fff;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1372px 1858px #43baff, 1499px 604px #43baff, 909px 906px #43baff,
    1107px 943px #43baff, 1697px 479px #43baff, 656px 385px #43baff,
    966px 1628px #43baff, 194px 217px #43baff, 341px 1031px #43baff,
    700px 1777px #43baff, 112px 318px #43baff, 1998px 230px #43baff,
    1435px 1757px #43baff, 1699px 1605px #43baff, 117px 1083px #43baff,
    1941px 1423px #43baff, 1240px 1688px #43baff, 557px 458px #43baff,
    1669px 1628px #43baff, 542px 875px #43baff, 1530px 836px #43baff,
    465px 120px #43baff, 667px 1189px #43baff, 568px 1177px #43baff,
    908px 1474px #43baff, 1635px 622px #43baff, 1069px 1470px #43baff,
    1350px 173px #43baff, 669px 1984px #43baff, 591px 823px #43baff,
    974px 1499px #43baff, 1093px 357px #43baff, 1821px 944px #43baff,
    981px 688px #43baff, 1490px 1669px #43baff, 1364px 1964px #43baff,
    1625px 1841px #43baff, 231px 613px #43baff, 1166px 1383px #43baff,
    667px 155px #43baff, 706px 1834px #43baff, 581px 469px #43baff,
    1828px 1941px #43baff, 1538px 1059px #43baff, 1427px 1159px #43baff,
    1491px 1546px #43baff, 890px 778px #43baff, 1813px 280px #43baff,
    1012px 1992px #43baff, 143px 1095px #43baff, 1847px 1747px #43baff,
    1927px 525px #43baff, 220px 128px #43baff, 513px 1035px #43baff,
    176px 371px #43baff, 532px 1909px #43baff, 368px 1849px #43baff,
    1613px 1211px #43baff, 1521px 163px #43baff, 1633px 1096px #43baff,
    103px 1165px #43baff, 1742px 1162px #43baff, 1260px 439px #43baff,
    413px 1383px #43baff, 1496px 1917px #43baff, 1345px 969px #43baff,
    851px 48px #43baff, 1135px 40px #43baff, 422px 143px #43baff,
    1368px 1642px #43baff, 1123px 51px #43baff, 987px 1620px #43baff,
    20px 1804px #43baff, 1044px 1886px #43baff, 1299px 147px #43baff,
    1936px 607px #43baff, 1344px 1086px #43baff, 1329px 968px #43baff,
    802px 844px #43baff, 1413px 1822px #43baff, 759px 1544px #43baff,
    515px 1359px #43baff, 1102px 1176px #43baff, 261px 88px #43baff,
    1489px 1152px #43baff, 66px 1908px #43baff, 826px 154px #43baff,
    628px 413px #43baff, 383px 1663px #43baff, 1924px 973px #43baff,
    258px 1604px #43baff, 465px 62px #43baff, 1515px 187px #43baff,
    637px 142px #43baff, 294px 156px #43baff, 1389px 824px #43baff,
    560px 5px #43baff, 1261px 1708px #43baff, 1587px 1399px #43baff,
    1401px 1996px #43baff, 1573px 973px #43baff, 451px 1563px #43baff,
    1008px 163px #43baff, 1079px 459px #43baff, 408px 1577px #43baff,
    1528px 1130px #43baff, 808px 803px #43baff, 649px 39px #43baff,
    1833px 234px #43baff, 174px 329px #43baff, 867px 379px #43baff,
    1304px 79px #43baff, 357px 369px #43baff, 1137px 1174px #43baff,
    513px 1346px #43baff, 791px 1362px #43baff, 832px 383px #43baff,
    125px 961px #43baff, 907px 1756px #43baff, 1786px 1519px #43baff,
    1634px 90px #43baff, 320px 1377px #43baff, 1832px 1651px #43baff,
    385px 1220px #43baff, 1372px 1073px #43baff, 1074px 1064px #43baff,
    182px 587px #43baff, 354px 1887px #43baff, 66px 1193px #43baff,
    1904px 1942px #43baff, 320px 394px #43baff, 754px 320px #43baff,
    297px 1674px #43baff, 311px 428px #43baff, 1647px 996px #43baff,
    1358px 1586px #43baff, 1350px 1564px #43baff, 695px 976px #43baff,
    913px 808px #43baff, 57px 1973px #43baff, 1223px 1452px #43baff,
    1225px 1618px #43baff, 617px 1602px #43baff, 844px 1849px #43baff,
    58px 1067px #43baff, 47px 911px #43baff, 164px 826px #43baff,
    1367px 1589px #43baff, 1306px 1008px #43baff, 798px 1606px #43baff,
    1026px 1743px #43baff, 1425px 439px #43baff, 1428px 825px #43baff,
    1301px 1114px #43baff, 208px 969px #43baff, 1324px 1166px #43baff,
    1763px 1494px #43baff, 350px 356px #43baff, 844px 83px #43baff,
    1814px 14px #43baff, 1436px 294px #43baff, 1225px 908px #43baff,
    1105px 1257px #43baff, 271px 1897px #43baff, 940px 1516px #43baff,
    52px 1557px #43baff, 1027px 730px #43baff, 639px 1712px #43baff,
    408px 1949px #43baff, 1035px 1756px #43baff, 880px 577px #43baff,
    224px 1132px #43baff, 1736px 243px #43baff, 889px 1120px #43baff,
    1804px 1415px #43baff, 1762px 1036px #43baff, 532px 306px #43baff,
    1870px 288px #43baff, 246px 434px #43baff, 1242px 454px #43baff,
    861px 1172px #43baff, 1651px 1000px #43baff, 513px 1645px #43baff,
    907px 195px #43baff, 1202px 769px #43baff, 710px 598px #43baff,
    1672px 738px #43baff, 6px 294px #43baff, 1238px 613px #43baff,
    632px 1227px #43baff, 194px 1551px #43baff, 1535px 1861px #43baff,
    373px 1016px #43baff, 1138px 204px #43baff, 1262px 1505px #43baff,
    1475px 724px #43baff, 732px 1992px #43baff, 1243px 164px #43baff,
    25px 1914px #43baff, 1124px 930px #43baff;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 1372px 1858px #43baff, 1499px 604px #43baff, 909px 906px #43baff,
    1107px 943px #43baff, 1697px 479px #43baff, 656px 385px #43baff,
    966px 1628px #43baff, 194px 217px #43baff, 341px 1031px #43baff,
    700px 1777px #43baff, 112px 318px #43baff, 1998px 230px #43baff,
    1435px 1757px #43baff, 1699px 1605px #43baff, 117px 1083px #43baff,
    1941px 1423px #43baff, 1240px 1688px #43baff, 557px 458px #43baff,
    1669px 1628px #43baff, 542px 875px #43baff, 1530px 836px #43baff,
    465px 120px #43baff, 667px 1189px #43baff, 568px 1177px #43baff,
    908px 1474px #43baff, 1635px 622px #43baff, 1069px 1470px #43baff,
    1350px 173px #43baff, 669px 1984px #43baff, 591px 823px #43baff,
    974px 1499px #43baff, 1093px 357px #43baff, 1821px 944px #43baff,
    981px 688px #43baff, 1490px 1669px #43baff, 1364px 1964px #43baff,
    1625px 1841px #43baff, 231px 613px #43baff, 1166px 1383px #43baff,
    667px 155px #43baff, 706px 1834px #43baff, 581px 469px #43baff,
    1828px 1941px #43baff, 1538px 1059px #43baff, 1427px 1159px #43baff,
    1491px 1546px #43baff, 890px 778px #43baff, 1813px 280px #43baff,
    1012px 1992px #43baff, 143px 1095px #43baff, 1847px 1747px #43baff,
    1927px 525px #43baff, 220px 128px #43baff, 513px 1035px #43baff,
    176px 371px #43baff, 532px 1909px #43baff, 368px 1849px #43baff,
    1613px 1211px #43baff, 1521px 163px #43baff, 1633px 1096px #43baff,
    103px 1165px #43baff, 1742px 1162px #43baff, 1260px 439px #43baff,
    413px 1383px #43baff, 1496px 1917px #43baff, 1345px 969px #43baff,
    851px 48px #43baff, 1135px 40px #43baff, 422px 143px #43baff,
    1368px 1642px #43baff, 1123px 51px #43baff, 987px 1620px #43baff,
    20px 1804px #43baff, 1044px 1886px #43baff, 1299px 147px #43baff,
    1936px 607px #43baff, 1344px 1086px #43baff, 1329px 968px #43baff,
    802px 844px #43baff, 1413px 1822px #43baff, 759px 1544px #43baff,
    515px 1359px #43baff, 1102px 1176px #43baff, 261px 88px #43baff,
    1489px 1152px #43baff, 66px 1908px #43baff, 826px 154px #43baff,
    628px 413px #43baff, 383px 1663px #43baff, 1924px 973px #43baff,
    258px 1604px #43baff, 465px 62px #43baff, 1515px 187px #43baff,
    637px 142px #43baff, 294px 156px #43baff, 1389px 824px #43baff,
    560px 5px #43baff, 1261px 1708px #43baff, 1587px 1399px #43baff,
    1401px 1996px #43baff, 1573px 973px #43baff, 451px 1563px #43baff,
    1008px 163px #43baff, 1079px 459px #43baff, 408px 1577px #43baff,
    1528px 1130px #43baff, 808px 803px #43baff, 649px 39px #43baff,
    1833px 234px #43baff, 174px 329px #43baff, 867px 379px #43baff,
    1304px 79px #43baff, 357px 369px #43baff, 1137px 1174px #43baff,
    513px 1346px #43baff, 791px 1362px #43baff, 832px 383px #43baff,
    125px 961px #43baff, 907px 1756px #43baff, 1786px 1519px #43baff,
    1634px 90px #43baff, 320px 1377px #43baff, 1832px 1651px #43baff,
    385px 1220px #43baff, 1372px 1073px #43baff, 1074px 1064px #43baff,
    182px 587px #43baff, 354px 1887px #43baff, 66px 1193px #43baff,
    1904px 1942px #43baff, 320px 394px #43baff, 754px 320px #43baff,
    297px 1674px #43baff, 311px 428px #43baff, 1647px 996px #43baff,
    1358px 1586px #43baff, 1350px 1564px #43baff, 695px 976px #43baff,
    913px 808px #43baff, 57px 1973px #43baff, 1223px 1452px #43baff,
    1225px 1618px #43baff, 617px 1602px #43baff, 844px 1849px #43baff,
    58px 1067px #43baff, 47px 911px #43baff, 164px 826px #43baff,
    1367px 1589px #43baff, 1306px 1008px #43baff, 798px 1606px #43baff,
    1026px 1743px #43baff, 1425px 439px #43baff, 1428px 825px #43baff,
    1301px 1114px #43baff, 208px 969px #43baff, 1324px 1166px #43baff,
    1763px 1494px #43baff, 350px 356px #43baff, 844px 83px #43baff,
    1814px 14px #43baff, 1436px 294px #43baff, 1225px 908px #43baff,
    1105px 1257px #43baff, 271px 1897px #43baff, 940px 1516px #43baff,
    52px 1557px #43baff, 1027px 730px #43baff, 639px 1712px #43baff,
    408px 1949px #43baff, 1035px 1756px #43baff, 880px 577px #43baff,
    224px 1132px #43baff, 1736px 243px #43baff, 889px 1120px #43baff,
    1804px 1415px #43baff, 1762px 1036px #43baff, 532px 306px #43baff,
    1870px 288px #43baff, 246px 434px #43baff, 1242px 454px #43baff,
    861px 1172px #43baff, 1651px 1000px #43baff, 513px 1645px #43baff,
    907px 195px #43baff, 1202px 769px #43baff, 710px 598px #43baff,
    1672px 738px #43baff, 6px 294px #43baff, 1238px 613px #43baff,
    632px 1227px #43baff, 194px 1551px #43baff, 1535px 1861px #43baff,
    373px 1016px #43baff, 1138px 204px #43baff, 1262px 1505px #43baff,
    1475px 724px #43baff, 732px 1992px #43baff, 1243px 164px #43baff,
    25px 1914px #43baff, 1124px 930px #43baff;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 736px 705px #fff, 1657px 1848px #fff, 316px 1036px #fff,
    1706px 293px #fff, 1631px 473px #fff, 1951px 211px #fff, 403px 199px #fff,
    1984px 862px #fff, 1559px 400px #fff, 509px 591px #fff, 963px 471px #fff,
    1440px 1345px #fff, 240px 706px #fff, 1902px 982px #fff, 498px 1px #fff,
    671px 596px #fff, 1894px 442px #fff, 121px 379px #fff, 1907px 1449px #fff,
    385px 588px #fff, 490px 142px #fff, 749px 1705px #fff, 678px 1824px #fff,
    1376px 788px #fff, 1651px 86px #fff, 1832px 641px #fff, 1708px 1803px #fff,
    571px 1994px #fff, 1116px 415px #fff, 509px 718px #fff, 1435px 922px #fff,
    1668px 404px #fff, 1907px 793px #fff, 755px 1413px #fff, 1630px 1873px #fff,
    469px 821px #fff, 1874px 155px #fff, 758px 494px #fff, 1889px 1681px #fff,
    177px 1123px #fff, 180px 1945px #fff, 1477px 1195px #fff, 450px 865px #fff,
    1774px 750px #fff, 994px 1387px #fff, 1781px 1268px #fff, 1810px 1103px #fff,
    1516px 1055px #fff, 1643px 1585px #fff, 382px 746px #fff, 443px 574px #fff,
    723px 215px #fff, 1849px 954px #fff, 265px 803px #fff, 751px 649px #fff,
    351px 617px #fff, 548px 1501px #fff, 1197px 1988px #fff, 395px 1177px #fff,
    407px 536px #fff, 1548px 511px #fff, 297px 1394px #fff, 1369px 1102px #fff,
    617px 687px #fff, 590px 810px #fff, 1170px 1860px #fff, 1598px 1653px #fff,
    856px 384px #fff, 1283px 226px #fff, 1602px 382px #fff, 1311px 1641px #fff,
    1662px 622px #fff, 1282px 1230px #fff, 1122px 710px #fff, 201px 494px #fff,
    318px 606px #fff, 730px 410px #fff, 1433px 1675px #fff, 1894px 1358px #fff,
    1155px 296px #fff, 490px 140px #fff, 66px 1536px #fff, 762px 1502px #fff,
    1258px 562px #fff, 431px 1228px #fff, 1978px 1257px #fff, 541px 1138px #fff,
    947px 662px #fff, 454px 1170px #fff, 396px 1075px #fff, 1793px 949px #fff,
    1173px 1361px #fff, 1264px 430px #fff, 1904px 1544px #fff,
    1301px 1395px #fff, 193px 220px #fff, 1973px 1756px #fff, 730px 1902px #fff,
    1838px 1066px #fff, 72px 131px #fff;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 736px 705px #fff, 1657px 1848px #fff, 316px 1036px #fff,
    1706px 293px #fff, 1631px 473px #fff, 1951px 211px #fff, 403px 199px #fff,
    1984px 862px #fff, 1559px 400px #fff, 509px 591px #fff, 963px 471px #fff,
    1440px 1345px #fff, 240px 706px #fff, 1902px 982px #fff, 498px 1px #fff,
    671px 596px #fff, 1894px 442px #fff, 121px 379px #fff, 1907px 1449px #fff,
    385px 588px #fff, 490px 142px #fff, 749px 1705px #fff, 678px 1824px #fff,
    1376px 788px #fff, 1651px 86px #fff, 1832px 641px #fff, 1708px 1803px #fff,
    571px 1994px #fff, 1116px 415px #fff, 509px 718px #fff, 1435px 922px #fff,
    1668px 404px #fff, 1907px 793px #fff, 755px 1413px #fff, 1630px 1873px #fff,
    469px 821px #fff, 1874px 155px #fff, 758px 494px #fff, 1889px 1681px #fff,
    177px 1123px #fff, 180px 1945px #fff, 1477px 1195px #fff, 450px 865px #fff,
    1774px 750px #fff, 994px 1387px #fff, 1781px 1268px #fff, 1810px 1103px #fff,
    1516px 1055px #fff, 1643px 1585px #fff, 382px 746px #fff, 443px 574px #fff,
    723px 215px #fff, 1849px 954px #fff, 265px 803px #fff, 751px 649px #fff,
    351px 617px #fff, 548px 1501px #fff, 1197px 1988px #fff, 395px 1177px #fff,
    407px 536px #fff, 1548px 511px #fff, 297px 1394px #fff, 1369px 1102px #fff,
    617px 687px #fff, 590px 810px #fff, 1170px 1860px #fff, 1598px 1653px #fff,
    856px 384px #fff, 1283px 226px #fff, 1602px 382px #fff, 1311px 1641px #fff,
    1662px 622px #fff, 1282px 1230px #fff, 1122px 710px #fff, 201px 494px #fff,
    318px 606px #fff, 730px 410px #fff, 1433px 1675px #fff, 1894px 1358px #fff,
    1155px 296px #fff, 490px 140px #fff, 66px 1536px #fff, 762px 1502px #fff,
    1258px 562px #fff, 431px 1228px #fff, 1978px 1257px #fff, 541px 1138px #fff,
    947px 662px #fff, 454px 1170px #fff, 396px 1075px #fff, 1793px 949px #fff,
    1173px 1361px #fff, 1264px 430px #fff, 1904px 1544px #fff,
    1301px 1395px #fff, 193px 220px #fff, 1973px 1756px #fff, 730px 1902px #fff,
    1838px 1066px #fff, 72px 131px #fff;
}

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



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

.php-email-form .error-message {
  display: none;
  color: #fff;
  background: tomato;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.container-cont{
  width: 100%;

}

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

.php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #64baff;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

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

.php-email-form .loading:before {
  content: "";
  display: inline-block;

}

.icon-boxes {
  margin-top: 100px;
}



.icon-boxqa {
  padding: 50px 30px;
  position: relative;
  overflow: hidden;
  margin-top: 30px;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(18, 66, 101, 0.08);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

.icon-boxes .icon-boxqa .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.icon-boxes .icon-boxqa .title a {
  color: #000;
  transition: 0.3s;
}

.icon-boxes .icon-boxqa .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
}

.icon-boxes .icon-boxqa .icon {
  margin-bottom: 20px;
  padding-top: 10px;
  display: inline-block;
  transition: all 0.3s ease-in-out;
  font-size: 36px;
  line-height: 1;
  color: #64baff;
}

.icon-boxes .icon-boxqa:hover {
  transform: scale(1.08);
}

.icon-boxes .icon-boxqa:hover .title a {
  color: #64baff;
}


.qa-serv i{
  font-size: 28px;
  color: #64baff;
}







.working-process-step {
  position: relative;
}

.working-process-step:before {
  content: '';
  position: absolute;
  left: -0;
  right: -0;
  height: 100%;
  display: block;
  background: url(../images/step-arrow.png) center center no-repeat;
}

.working-process .row {
  margin: 0 -65px;
}

.process-block{
  position:relative;
  margin-bottom:40px;
  padding: 0 65px;
}

.process-block .inner-box{
  position:relative;
  padding: 50px 35px 33px;
  box-shadow: 0px 15px 39px 0px rgba(8, 18, 109, 0.1);
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  background-color:#ffffff;
  text-align: center;
  transition: .5s ease;
}

.process-block .inner-box:hover {
  box-shadow: 0px -10px 39px 0px rgba(8, 18, 109, 0.1);
  transform: translateY(-10px);
}

.process-block:nth-child(2) .inner-box {
  margin-top: 70px;
}

.process-block .inner-box .count-box {
  position: relative;
  width: 80px;
  height: 80px;
  background: #64baff;
  margin: 0 auto;
  color: #ffffff;
  text-align: center;
  line-height: 80px;
  font-size: 30px;
  font-weight: 800;
  font-family: 'Muli', sans-serif;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  border-radius: 10px;
  margin-bottom: 25px;
}
.process-block .inner-box h3{
  position:relative;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 10px;
}

.process-block .inner-box .text{
  position:relative;
  color:#777777;
  font-size:14px;
  line-height:1.8em;
  margin-bottom:18px;
  transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -webkit-transition:all 0.3s ease;
  -ms-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
}

@keyframes float-bob-y {
0% {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
}

50% {
  -webkit-transform: translateY(-1.px);
  transform: translateY(-10px);
}

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

.float-bob-y{
  animation-name: float-bob-y; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;

-webkit-animation-name: float-bob-y; 
  -webkit-animation-duration: 2s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;

-moz-animation-name: float-bob-y; 
  -moz-animation-duration: 2s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;

-ms-animation-name: float-bob-y; 
  -ms-animation-duration: 2s; 
  -ms-animation-iteration-count: infinite;
  -ms-animation-timing-function: linear;

-o-animation-name: float-bob-y; 
  -o-animation-duration: 2s; 
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
}
#logo-grid {
  align-content: space-around;
  align-items: flex-start;
  box-sizing: border-box;
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  margin: auto;
  max-width: 1020px;
}
.partner-logo {
  box-sizing: border-box;
}
.partner-logo img {
  display: block;
  max-width: 160px;
  width: 100%;
}

.partner-logo img svg {
  display: none;
}



.list-inline-wrapper {
    -webkit-box-shadow: 0 5px 30px rgba(41, 41, 59, 0.1);
    box-shadow: 0 5px 30px rgba(41, 41, 59, 0.1);
  }
  .list-inline-wrapper .list--inline {
    margin: 0;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .list-inline-wrapper .list--inline li {
    margin-bottom: 2rem;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
  .list-inline-wrapper .list--inline li .icon {
    margin-right: 1rem;
  }
  .list-inline-wrapper .list--inline li .icon span {
    font-size: 3.33333rem;
    display: block;
    line-height: 2rem;
  }
  .list-inline-wrapper .list--inline li .contents h6 {
    font-weight: 600;
    color: #202428;
    margin: 0 0 5px;
  }

  @media (min-width: 320px) and (max-width: 575.98px){
    .list-inline-wrapper .list--inline {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
      }
  }

.single-partner img{
    max-width: 200px;
    max-height: 200px;
}

@media (max-width: 768px){
    .single-partner img{
        margin-top: 80px;
    }
}