*{box-sizing: border-box;font-family: 'Roboto', sans-serif;}body{margin: 0;padding: 0;}img{width: 100%;height: auto;}p{font-size:18px;line-height: 1.7;}a{text-decoration: none;}.pr31qk-wrap{width: 100%;max-width: 1155px;margin: auto;}.txt-cntr{text-align: center;}.txt-wht{color: #fff;}li{font-size: 16px;line-height: 1.7;}.btn-syl{max-width: 280px;}.btn-pd{padding-top: 20px;}.pr31qk-heading{font-size: 30px;font-weight: 700;text-transform: capitalize;}h3{margin: 5px 0;}
/*flex*/
.pr31qk-flex{display: flex;}.pr31qk-flex-jus{justify-content: space-between;}.pr31qk-flex-aln{align-items: center;}.pr31qk-flex-gp{gap: 20px;}
/*flex-child*/
.pr31qk-flex-50{flex: 50%;}.pr31qk-flex-33{flex: 33.33%;}.pr31qk-flex-25{flex: 25%;}.pr31qk-flex-20{flex: 20%;}.pr31qk-flex-30{flex: 30%;}.pr31qk-flex-70{flex: 70%;}.pr31qk-flex-16{flex: 16.66%;}
/*header*/
.pr31qk-header{padding: 10px;background-color: #164e45;border-bottom: #fff solid 2px;}.logo-syl{max-width: 200px;}
/*banner*/
.pr31qk-banner-img{max-width: 485px;}.pr31qk-banner{background-color: #307d6e;color: #fff;padding: 20px 10px;}.pr31qk-wrap-banner{padding: 30px 20px;}.pr31qk-banner-back{max-width: 400px;width: 100%;min-height: 250px;position: absolute;z-index: -1;left: 0;top: 30%;background-color: #164e45;right: auto;}.pr31qk-banner-head{color: #fff;font-size: 25px;margin: 10px 0;}.pr31qk-banner p, h1 {margin: 5px 0;}
/*why*/
.pr31qk-why{padding: 30px 10px;}.pr31qk-whyp{ border: 2px #8f2227 dashed;}.pr31qk-whyplst{    background-color: #8f2227;color: #fff;padding: 5px;}.pr31qk-why-blk{max-width: 900px;margin: auto;}.pr31qk-why-icon{max-width: 100px;}
/*ing*/
.pr31qk-ing{padding: 30px 10px;position: relative;background-color: #307d6e;}.pr31qk-ing-blk {background-color: #a4baab;padding: 20px;border-radius: 10px;}.pr31qk-ing-img{max-width: 200px;}.pr31qk-ing-head{max-width: 800px;margin: 0 auto 20px auto;}.pr31qk-ing p{margin: 5px 0;}
/*effect*/
.pr31qk-effect-syl{max-width: 20px;}.pr31qk-effect{padding: 30px 10px;}.pr31qk-effect-flex{background-color: #a4baab;padding: 20px;border-radius: 5px;}.pr31qk-effect-IMG{max-width: 400PX;border-radius: 10px;}
/*review*/
.pr31qk-review{padding: 30px 10px;background-color: #307d6e;}.pr31qk-review-flex{max-width: 1000px;margin: 30px auto auto;}.pr31qk-review p{margin: 5px 0;font-size: 16px;}.pr31qk-review-blk{background-color: #a4baab;padding: 10px;border-radius: 10px;}
/*bonus*/
.pr31qk-bonus-syl{max-width: 400px;border-radius: 10px;}.pr31qk-bonus{padding: 30px 10px;}.pr31qk-bonus-flex{max-width: 950px;margin: auto;margin-top: 30px;background-color: #a4baab;padding: 20px;}.pr31qk-bonus-h3{background-color: #a00000;color: #fff;padding: 0 5px;}
/*faq*/
.pr31qk-faq-blk{max-width: 900px;margin-left: auto;margin-right: auto;margin-top: 20px;padding: 15px;background-color: #a4baab;}.pr31qk-faq{padding: 30px 10px;background-color: #307d6e;}
/*price*/
.price-syl{max-width: 400px;}.pr31qk-price{padding: 30px 10px;}
/*footer*/
.pr31qk-footer{padding: 20px;background-color: #164e45;}.pr31qk-footer a{color: #fff;}.pr31qk-footer p{margin: 5px 0;}
.pr31qk-wrap-bk{padding: 20px 10px;}.desk-nn{display: none;}.mob-nn{display: block;}
/*contact-page*/
input[type=text], select, textarea {
    width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px;  box-sizing: border-box; margin-top: 6px;margin-bottom: 16px; resize: vertical;
  }
  input[type=submit] { background-color: #307d6e; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #3d865d}
/*media-query*/
@media only screen and (max-width:767px){
    .pr31qk-flex-dir{flex-direction: column;}.pr31qk-flex-dir-rev{flex-direction: column-reverse;}.mob-cntr{text-align: center;}.pr31qk-banner-back{display: none;}.pr31qk-heading{font-size: 25px;}.desk-nn{display: block;}.mob-nn{display: none;}
}
@media only screen and (max-width:420px){
  .btn-syl{max-width: 200px;}
}

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
  }