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


body p {
  font-size: 14px;
  font-family: 'Poppins';
  font-style: normal;
  color: #fff;
  font-weight: 400;
  margin-top: 10px;
  margin-bottom: 15px;
}

body h1, body h2, body h3 {
  margin-bottom: 15px
}

a:hover {
  text-decoration: none
}


.hth2 {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: center;
  align-items: center
}

.header h1 {
  color: #fff;
  font-size: 22px;
  font-style: italic;
  font-family: 'Poppins'; font-style: normal; font-weight: 600;
  margin-bottom: 0
}
.header h2 {
  color: #fff;
  font-size: 20px;
  font-style: italic;
  font-family: 'Poppins'; font-style: normal; font-weight: 600;
  margin-bottom: 0
}
.htim {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center
}

.htim img {
  margin-left: 15px;
  margin-right: 15px
}

.htim img:last-child {
  margin-right: 0
}

.top {
  padding-top: 26px;
  padding-bottom: 35px
}

.tdf {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center
}

.tdf img {
  margin-right: 28px
}

.tdf h2 {
  font-size: 23px;
  font-family: 'Poppins'; font-style: normal; font-weight: 600;
  line-height: 38px;
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  margin-bottom: 0
  imp
}

.mb20 {
  margin-bottom: 25px
}

.bi1 {
  width: 337px
}

.bi2 {
  width: 500px
}

.bi2 a h2 {
  font-size: 20px;
  font-family: 'Poppins'; font-style: normal; font-weight: 500;;
  color: #26ace5;
  border-bottom: 1px solid #23303b;
  padding-bottom: 10px;
  margin-bottom: 12px
}

.bi2 a:hover h2 {
  color: #5ecfff
}

.bi2 p {
  color: #fff;
  font-size: 14px;
  font-family: 'Poppins'; font-style: normal; font-weight: 400;
}

.bi2 ul {
  margin-bottom: 0;
  padding-left: 0;
  margin-left: 13px
}

.bi3 {
  width: 190px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  flex-direction: column
}


.rating h3 {
  text-align: center;
  font-size: 18px;
  font-family: 'Poppins'; font-style: normal; font-weight: 500;;
  color: #fff;
  margin-bottom: 8px
}

.rating p {
  text-align: center;
  font-size: 14px;
  font-family: 'Poppins'; font-style: normal; font-weight: 400;
  color: #fff
}

.vote-hover {
  position: relative
}

.vote-result {
  text-align: center;
  font-size: 14px;
  font-family: 'Poppins'; font-style: normal; font-weight: 400;
  color: #fff;
  padding-left: 0
}

.price {
  padding-top: 10px;
  padding-bottom: 25px
}

.price p {
  color: #3fa7ca;
  text-align: center;
  font-size: 17px;
  font-family: 'Poppins'; font-style: normal; font-weight: 500;;
  margin-bottom: 0
}

.price p span {
  font-family: 'Poppins'; font-style: normal; font-weight: 400;
}

.testimonials {
  padding-top: 60px;
  padding-bottom: 70px
}

.testimonials h3 {
  font-size: 30px;
  font-family: 'Poppins'; font-style: normal; font-weight: 500;;
  color: #fff;
  margin-bottom: 45px;
  text-align: center;
  text-transform: uppercase
}

.testimonials img {
  display: block;
  margin: 0 auto 20px
}

.testimonials p {
  color: #fff;
  font-family: 'Poppins'; font-style: normal; font-weight: 200;
  text-align: center;
  font-size: 14px
}

.testimonials p span {
  display: block;
  margin-top: 10px;
  font-family: 'Poppins'; font-style: normal; font-weight: 400;
  font-style: italic
}

.testimonials .col-md-4 {
  margin-bottom: 20px
}



div.contens * {
  color: #fff;
  font-size: 14px;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;

}
.contens a {
  font-size: 12px;
  color: #26ace5;
  border-bottom: 1px solid #23303b;
  padding-bottom: 10px;
  margin-bottom: 12px
}

.contens h1 {
  font-size: 18px;
  margin-bottom: 30px;
  color: #fff;
  text-align: center;
  text-transform: uppercase
}
.contens h2 {
  font-size: 16px;
  margin-bottom: 35px;
  text-align: center;
  text-transform: uppercase
}
.contens h3 {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase
}
.contens h4 {
  font-size: 14px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase
}

.ftp {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-content: center;
  align-items: center
}

.footer p {
  color: #fff;
  font-size: 14px;
  font-family: 'Poppins'; font-style: normal; font-weight: 200;
  margin-bottom: 0
}

.footer p a {
  color: #fff
}

.ftims {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center
}

.ftims img {
  margin-left: 3px;
  margin-right: 3px
}

.ftims img:last-child {
  margin-right: 0
}

@media screen and (max-width:567px) {
  .header h2 {
    text-align: center
  }

  .hth2 {
    justify-content: center;
    margin-bottom: 10px
  }

  .htim {
    justify-content: center
  }

  .htim img {
    max-width: 100px;
    margin-left: 5px;
    margin-right: 5px
  }

  .tdf {
    flex-wrap: wrap
  }

  .tdf img {
    margin: 0 auto 10px
  }

  .block_inner {
    flex-wrap: wrap
  }

  .bi1 {
    margin-bottom: 20px;
    width: 100%
  }

  .bi2 {
    margin-bottom: 20px
  }

  .price {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .bi3 {
    margin: 0 auto
  }

  .footer p {
    text-align: center;
    margin-bottom: 10px
  }

  .ftp {
    justify-content: center
  }

  .ftims {
    justify-content: center;
    margin-bottom: 10px
  }

  .ftims img {
    max-width: 40px
  }

  .price {
    padding-top: 10px;
    padding-bottom: 10px
  }
}

@media (min-width:568px) and (max-width:767px) {
  .header h2 {
    text-align: center
  }

  .hth2 {
    justify-content: center;
    margin-bottom: 10px
  }

  .htim {
    justify-content: center
  }

  .block_inner {
    flex-wrap: wrap
  }

  .bi1 {
    margin-bottom: 20px;
    width: 100%
  }

  .bi2 {
    margin-bottom: 20px
  }

  .price {
    padding-top: 10px;
    padding-bottom: 10px
  }

  .bi3 {
    margin: 0 auto;
    justify-content: space-around;
    width: 100%;
    flex-direction: row;
    align-content: center;
    align-items: flex-start
  }

  .footer p {
    text-align: center;
    margin-bottom: 10px
  }

  .ftp {
    justify-content: center
  }

  .ftims {
    justify-content: center;
    margin-bottom: 10px
  }

  .ftims img {
    max-width: 40px
  }
}

@media (min-width:768px) and (max-width:1023px) {
  .block_inner {
    flex-wrap: wrap
  }

  .bi1 {
    margin-bottom: 20px;
    width: 100%
  }

  .bi2 {
    width: 435px
  }
}

@media (min-width:1024px) and (max-width:1200px) {
  .block_inner {
    flex-wrap: wrap
  }

  .bi1 {
    margin-bottom: 20px;
    width: 100%
  }

  .bi2 {
    width: 680px
  }

  .price {
    padding-top: 10px;
    padding-bottom: 10px
  }
}