body {
  background-color: #21B5CF !important;
  color: #fff;
}
.service_detail {
    width: 169px;
    height: 89px;
    background: linear-gradient(90deg, #21B5CF 0%, #2CBAB6 100%);
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    line-height: 16px;
  }
  
  .single_service_icon {
        max-width: 621px;
        margin: 0 auto;
        margin-bottom: 3px;
    }
 

  .v445_298 {
    width: 42px;
    height: 30px;
    background: url(../images/v445_300.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
  }

  .v445_297 {
    width: 42px;
    height: 30px;
    background: url(../images/v445_297.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}


.v445_298 {
    width: 38px;
    height: 26px;
    background: url(../images/v445_298.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}
  
.v445_299 {
    width: 27px;
    height: 18px;
    background: url("../images/v445_299.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
  }
  .v445_300 {
    width: 43px;
    height: 32px;
    background: url("../images/v445_300.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
  }
  .v445_301 {
    width: 34px;
    height: 30px;
    background: url("../images/v445_301.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
  }
  .v445_302 {
    width: 69px;
    height: 49px;
    background: url("../images/v445_302.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
  }
  
  .v445_295 {
    width: 28px;
    height: 29px;
    background: url(../images/v445_295.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_294 {
    width: 24px;
    height: 36px;
    background: url(../images/v445_294.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_293 {
    width: 26px;
    height: 27px;
    background: url(../images/v445_293.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_296 {
    width: 33px;
    height: 30px;
    background: url(../images/v445_296.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_301 {
    width: 34px;
    height: 30px;
    background: url(../images/v445_301.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}


.seb_img {
    width: 33px;
    height: 32px;
    position: relative;
    top: 12px;
}


.v445_525 {
    width: 31px;
    height: 34px;
    background: url(../images/v445_525.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_527 {
    width: 35px;
    height: 35px;
    background: url(../images/v445_527.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}

.v445_524 {
    width: 29px;
    height: 32px;
    background: url(../images/v445_524.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    opacity: 1;
    overflow: hidden;
}


.service_detail2 {
    width: 151px;
    height: 129px;
    background: transparent;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    line-height: 16px;
    border: 1px solid #21B6D7;
  }

.service_detail2 .single_service_icon {
    width: 64px;
    height: 64px;
    background-color: rgba(51, 200, 190, 1);
    opacity: 1;
    color: white;
    margin-top: -35px;
    border-radius: 50px;
  }

.numcount {
    width: 86px;
    color: rgba(29, 180, 216, 1);
    font-family: Barlow;
    font-weight: ExtraBold;
    font-size: 41px;
    opacity: 1;
  }


  .accordion .card-header{
    background: #0A2632;
    color: #fff;
    width: 100%;
    border-radius: 10px !important;
  }
  .accordion .card-header button{
    color: #fff;
    width: 100%;
  }

  .v445_516 {
    border-radius: 5px;
    border: 1px solid #21B5CF;
    color: #0a2632;
    background: #21B5CF;
    font-size: 23px;
    margin-left: 12px;
  }

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

.form-group .form-control {
    display: flex;
    align-items: center;
    padding: 10px 20px;
    border: 1px solid #fff;
    border-radius: 16px;
    background: transparent;
    color: #fff;
}

.form-group span {
    font-size: 18px;
    color: #fff;
    background: transparent;
    border-radius: 16px;
    width: 70px;
}

.form-group input {
  height: 48px;
}

.form-group span i {
  margin-left: 15px;
    font-size: 18px;
    color: #fff;
}

::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

.form-group .form-control:focus {
    outline: none;
    /* box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2); */
}

.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
}

.boxcard {
  background: linear-gradient(90deg, #21B5CF 0%, #2CBAB6 100%);
  color: #fff;
  border-radius: 5px;
}

.boxcard .locat{
  font-size: 14px;
  line-height: 38px;
}

.locat_img{
  height: 48px;
  margin-left: 62px;
}

.boxcard .contact{
  font-size: 14px;
  line-height: 28px;
}

.contact_img{
  height: 39px;
  margin-left: 62px;
}

.email_img{
  height: 37px;
  margin-left: 62px;
}

.boxcard p{
  font-size: 14px;
}

.boxfooter{
  background: #0A2632;
  border-radius: 13px;
  height: 345px;
}

.chlu li, .chlu li a{
  color: #000 !important;
}

.boxfooter .footer_logo{
  font-family: Barlow;
  font-size: 33.37px;
  font-weight: 800;
  line-height: 28.04px;
  color: #1DB4D8;
  max-width: 100% !important;


}

.boxfooter .single_footer{
  color: #fff;
  font-size: 16px;
    font-family: Gilroy-Medium;
    font-weight: 400;
    line-height: 23.54px;

}

.feature3_img_right_wrap {
  position: relative;
  top: 277px !important;
}

.play_video1 {
  position: relative; 
  top: 140px; 
  width: 450px; 
  cursor: pointer;
}
.apps3 {
  max-width: 500px;
  position: absolute;
  right: 3%;
  bottom: 188px;
}
.play_videomoney {
  width: 450px; 
  cursor: pointer;
  position: relative;
    bottom: 52px;
}
.hbmsen h3{
  position: relative;
  color: #fff;
  font-size: 35px;
  bottom: 59px;
}
.theme-2 .feature5_img_left {
  position: absolute;
  max-width: 920px;
  top: 27%;
  left: 19%;
}
@media screen and (max-width: 990px) {
  .fadeInRightBig,.phoen {
    display: none;
  }
  .play_video1 {
    position: relative;
        top: -33px;
        width: 321px;
        cursor: pointer;
  }
  .play_videomoney{
    width: 250px; 
    position: relative;
    bottom: 120px;
  }
  .service_detail {
    margin-top: 12px;
    width: 146px;
    line-height: 12px;
  }
  .service_detail2 {
    width: 144px;
    margin-bottom: 3rem !important;
  }
  .feature3_img_right_wrap {
    position: relative;
    top: 120px !important;
  }
  .heading {
    text-align: -webkit-center;
    position: relative;
    top: -78px;
  }
  .locat_img{
    height: 48px;
    margin-left: 20px;
  }
  .contact_img{
    height: 39px;
    margin-left: 18px;
  }
  .email_img{
    height: 37px;
    margin-left: 7px;
  }
  .boxfooter {
    width: 92%;
    margin-left: 12px;
    margin-top: -55px;
    margin-bottom: 25px;
}
  .single_footer img {
      display: none;
  }
  
}


#cookit {
  position: fixed;
  width: 100%;
  bottom: 0;
  padding: .6rem 2rem;
  display: flex;
  z-index: 999;
}
#cookit.hidden { display: none; }

#cookit #cookit-container {
  margin: auto;
  width: 1200px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

#cookit #cookit-container > * { margin: .4rem; }
#cookit #cookit-container p { line-height: 1.4rem; }

#cookit #cookit-container a { text-decoration: none; }
#cookit #cookit-container a:hover { opacity: .9; }

#cookit #cookit-container #cookit-button {
  padding: .5rem 1rem;
  margin-left: auto;
}