*{box-sizing: border-box;font-family: 'Roboto', sans-serif;}body{margin: 0px;padding: 0px;}img{max-width: 100%;height: auto;}p{font-size: 18px;line-height: 1.7;margin: 5px 0;}a{text-decoration: none;}.ppt65r-wrap{max-width: 1155px;width: 100%;margin: auto;padding: 0 15px;}.txt-cntr{text-align: center;}.ppt65r-heading{font-size: 30px;font-weight: 700;margin: 10px 0;}.btn-syl{max-width: 280px;}.btn-pd{padding-top: 20px;} .tt-wht{color:#fff}
/*flex*/
.ppt65r-flex{display: flex;}.ppt65r-flex-jus{justify-content: space-between;}.ppt65r-flex-aln{align-items: center;}.ppt65r-flex-gp{gap: 20px;}
/*flex-child*/
.ppt65r-flex-50{flex: 50%;}.ppt65r-flex-33{flex: 33.33%;}.ppt65r-flex-25{flex: 25%;}.ppt65r-flex-40{flex: 40%;}.ppt65r-flex-60{flex: 60%;}
/*header*/
.ppt65r-header{padding: 10px;background-color: #012f0a;border-bottom:2px solid #efefef}.logo-syl{max-width: 250px;}
/*banner*/
.ppt65r-bnr{padding: 50px 10px;background-color:#012f0a;}
/*about*/
.ppt65r-abt{padding: 40px 10px;}.ppt65r-abt-flex{max-width: 800px;margin: 20px auto auto;}.ppt65r-abt-blk{margin: 20px auto auto;}
/*how*/
.ppt65r-hw-img{max-width: 500px;}.ppt65r-hw{padding: 30px 10px;background-color: #efefef;}.ppt65r-hw-blk{background-color: #333;color: #fff;padding: 10px 5px;border-radius: 10px;}    
/*ing*/
.ppt65r-ing{padding: 30px 0 0px;position: relative;}.ppt65r-ing-img{max-width: 320px;border-radius: 5px;}.ppt65r-ing-bk{position: absolute;z-index: -1;background-color: #e5e5e5;max-width: 100%;width: 100%;min-height: 380px;position: absolute;top: 220px;}.ppt65r-ing-flex{margin-top: 20px;}.ppt65r-ing-blk{background-color: #045c15;color: #fff;padding: 10px 5px;border-radius: 10px;}

/*faq*/
.ppt65r-faq{padding: 30px 10px;background-color: #efefef;}.ppt65r-faq-blk{margin: 20px auto auto;}.ppt65r-faq-pont{margin-top: 20px;background-color: #045c15;color: #fff;padding: 20px;border-radius: 5px;}
/*price*/
.ppt65r-prc{padding: 30px 20px;}.prc-syl{max-width: 400px;} 
/*footer*/
.ppt65r-ftr{padding: 10px;background-color: #000;color: #fff;}.ppt65r-ftr a{color: #fff;} 
.ppt65r-wrap-pd{padding: 20px 10px;}  
.dd-n{display:block} .mm-n{display:none} 
/*contact-page-css*/
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: #efefef; color: #000; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
  input[type=submit]:hover {background-color: #ecdada;}
@media only screen and (max-width: 767px){
    .ppt65r-flex-dir{flex-direction: column;}.ppt65r-flex-dir-rev{flex-direction: column-reverse;}.ppt65r-heading{font-size: 25px;}.mob-cntr{text-align: center;}.ppt65r-abt{padding: 10px;}.ppt65r-bnr{padding: 20px 10px;} .dd-n{display:none} 
	.mm-n{display:block}  .dplw{display:none}
}
@media only screen and (max-width: 600px){
    .ppt65r-flex-dir-6{flex-direction: column;} 
}
@media only screen and (max-width: 420px){
    .btn-syl{max-width: 200px;}
}
@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-Black.woff2') format('woff2');
    font-weight: 900;
    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-Medium.woff2') format('woff2');
    font-weight: 500;
    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-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

/*poup Buttn*/
 :root { font-family: system-ui, sans-serif; }
    /* —— Overlay —— */
    .overlay {
      position: fixed; inset: 0;
      background: rgba(0,0,0,.6);
      display: none;         /* hidden by default           */
      place-content: center; /* CSS‑grid centring trick      */
      z-index: 999;
    }
    /* —— Popup box —— */
    .popup {
      background:#fff; padding:10px; width:clamp(260px, 90vw, 520px);
      border-radius: 12px; text-align:center;
      box-shadow:0 12px 28px rgb(243 179 179 / 62%);
    }
    .popup h2 { margin-top:0 }
    .close-btn{
      margin-top:1rem; border:none; cursor:pointer;
      background:#e74c3c; color:#fff; padding:.6rem 1.25rem;
      border-radius:6px; font-size:1rem;
    }