* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
}


/* common css */

h1, h2, h3, h4, h5, h6, p {margin: 0; color: #fff; padding: 0; text-transform: capitalize; margin-bottom: 15px;font-family: 'Poppins', sans-serif;font-weight: 600;}
p {margin: 0; padding: 0; color: #fff; text-transform: capitalize; margin-bottom: 15px;font-family: 'Poppins', sans-serif;font-weight: 400;}

ul {list-style-type: none; margin: 0; padding: 0; }
a {text-decoration: none; text-transform: capitalize;}
.section-title h1 {font-size: 45px; font-weight: bold; margin-bottom: 15px; color: #46C2FF;}
.section-title p {font-size: 20px;}
.section-title {text-align: center;padding-bottom: 30px;}
body {font-family: 'Roboto', sans-serif;}
.banner-img img{width: 100%;} 
body {background-image: url("../images/bg.png");	background-size: cover;	background-position: 100%;	background-repeat: no-repeat;}
.btn.btn-wp {  border: none;  background: linear-gradient(298deg, rgba(189,17,250,1) 0%, rgba(70,194,255,1) 100%);    padding: 12px 35px;    font-weight: 600;    color: #fff;  }
.btn.btn-wp.dropshadow {	filter: drop-shadow(0px 0px 20px #822EFF);}
#header .logo-box {max-width: 300px;  }
#header .logo-box img {    width: 100%;  }
#header .header-box {    padding: 30px 0;    display: flex;    justify-content: space-between;    align-items: center;  }

section{padding: 60px 0;}

#banner .banner-box > .row {align-items: center;}
#banner .banner-content .section-title p {margin-top: 35px;    margin-bottom: 20px;  }
#banner .section-title {text-align: left;margin-bottom: 0;padding-bottom: 0;}
#banner .banner-box {    position: relative;}
#banner .banner-box .banner-gif {    position: absolute;    bottom: 50px;    left: 50%;    transform: translateX(-50%);  }
#banner .banner-box .banner-gif img {    max-width: 120px; }


#about .about-img img {width: 100%;}
#about .about-boxs {background-color: #20202C;    border-radius: 10px;    filter: drop-shadow(0px 0px 20px #00000070);  }
#about .about-content {    padding: 20px 0;    text-align: center;  }
#about .about-content h3 {    margin: 0;    font-size: 23px;  }
#about .about-box .button-box {    padding-top: 35px;    text-align: center;  }

#available {    background-image: url(../images/site-bg.png);  }


.available-box {    background-color: #262635;    padding: 30px 0;  }
.available-box ul {    text-align: center;  }  
.available-box ul li {display: inline-block;    font-size: 30px;    font-weight: bold;    color: #46C2FF;    text-transform: uppercase;  }
.logo-site {    margin-left: 35px;    padding-left: 35px;  }
.logo-site img {    max-width: 400px;    margin-left: auto;  }
.service-img img {    width: 100%;  }
.service-boxs {    display: flex;    margin-bottom: 25px;    align-items: center;padding: 15px;background: #262635;box-shadow: 0px 6px 4px #0000005c;border-radius: 2px;  }
.service-boxs .service-icon {    width: 50px;    height: 50px;    background-color: #06060C;    border-radius: 50%;text-align: center;    line-height: 47px;    margin-right: 15px; }
.service-boxs .service-icon img {    max-width: 30px;  }
.service-text h6 {    margin: 0;    font-size: 18px;  }  
.service-boxs.bg-blue {background: linear-gradient(298deg, rgba(189,17,250,1) 0%, rgba(70,194,255,1) 100%);  }
.service-boxs.bg-blue .service-icon {    background-color: #fff;  }
.service-box .row {    align-items: center;  }


#footer {}
#footer .footer-block {  padding: 60px 0 0;  background-color: #20202C;  filter: drop-shadow(0px 0px 20px #0000005e);}
.footer-top ul li {  color: #ffff;  padding-left: 20px;  position: relative;  margin-bottom: 10px;}
.footer-top ul li::after {  content: "";  width: 8px;  height: 8px;  background-color: #fff;  border-radius: 50%;  position: absolute;  left: 0;  top: 9px;}
.footer-bottom {padding: 25px 0 15px;	text-align: center;	margin: 35px 0 0;	border-top: 1px solid #707070;}

.up-down{
  animation: up-down linear 4s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
  -webkit-animation: up-down linear 4s;
  -webkit-animation-iteration-count: infinite;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: up-down linear 4s;
  -moz-animation-iteration-count: infinite;
  -moz-transform-origin: 50% 50%;
  -o-animation: up-down linear 4s;
  -o-animation-iteration-count: infinite;
  -o-transform-origin: 50% 50%;
  -ms-animation: up-down linear 4s;
  -ms-animation-iteration-count: infinite;
  -ms-transform-origin: 50% 50%;
}

@keyframes up-down{
  0% {
    transform:  translate(1px,20px)  ;
  }
  24% {
    transform:  translate(1px,30px)  ;
  }
  50% {
    transform:  translate(1px,12px)  ;
  }
  74% {
    transform:  translate(1px,22px)  ;
  }
  100% {
    transform:  translate(1px,22px)  ;
  }
}

@-moz-keyframes up-down{
  0% {
    -moz-transform:  translate(1px,20px)  ;
  }
  24% {
    -moz-transform:  translate(1px,30px)  ;
  }
  50% {
    -moz-transform:  translate(1px,12px)  ;
  }
  74% {
    -moz-transform:  translate(1px,22px)  ;
  }
  100% {
    -moz-transform:  translate(1px,22px)  ;
  }
}

@-webkit-keyframes up-down {
  0% {
    -webkit-transform:  translate(1px,20px)  ;
  }
  24% {
    -webkit-transform:  translate(1px,30px)  ;
  }
  50% {
    -webkit-transform:  translate(1px,12px)  ;
  }
  74% {
    -webkit-transform:  translate(1px,22px)  ;
  }
  100% {
    -webkit-transform:  translate(1px,22px)  ;
  }
}

@-o-keyframes up-down {
  0% {
    -o-transform:  translate(1px,20px)  ;
  }
  24% {
    -o-transform:  translate(1px,30px)  ;
  }
  50% {
    -o-transform:  translate(1px,12px)  ;
  }
  74% {
    -o-transform:  translate(1px,22px)  ;
  }
  100% {
    -o-transform:  translate(1px,22px)  ;
  }
}

@-ms-keyframes up-down {
  0% {
    -ms-transform:  translate(1px,20px)  ;
  }
  24% {
    -ms-transform:  translate(1px,30px)  ;
  }
  50% {
    -ms-transform:  translate(1px,12px)  ;
  }
  74% {
    -ms-transform:  translate(1px,22px)  ;
  }
  100% {
    -ms-transform:  translate(1px,22px)  ;
  }
}