@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
* {margin: 0;padding: 0; font-family: "Roboto", sans-serif;}

p{font-size:  18px;margin-bottom: 15px;line-height: 1.6; font-family: "Roboto", sans-serif;}
body{ font-family: "Roboto", sans-serif;line-height: normal} 
img{max-width: 100%;height: auto} .gap-1{gap:20px;} .all-mrt{margin-top:20px;} .ppra-1{font-size:20px;} .ppt-dwh2{font-size:38px;line-height:1.6} .ctn-wrp21{max-width:1000px;margin:auto;}
/*commain-css*/
.ctn-wrp{max-width:1200px; margin:auto; padding:15px;} .ctn-wrp2{max-width:1000px; margin:auto; padding:20px;} .ds-flex{display:flex;} .jst-1{justify-content:center;}  .jst-2{justify-content:space-between;} .al-ctr{align-items:center;} .txt-tr{text-align:center} .txt-wt{color:#fff;} .mrgt-bt{margin-bottom:0px;} .p-brdr{border:2px solid #efefef;border-radius:10px;}
.flex-33{flex:33.33%} .flex-30{flex:30%}  .flex-50{flex:50%} .flex-40{flex:40%} .flex-60{flex:60%} .flex-70{flex:70%} .txt-end{text-align:end} .flex-25{flex:25%} 
.flex-20{flex:20%} .flex-80{flex:80%} .hsefe{background-color:#4c5891} .brd-1{border-radius:10px;} .all-pd1{padding:20px;}
.bxd-ic{position:relative;z-index:1;} .bxd-icx{position:absolute;top:10;left:10px;} 
/*header*/
header{background-color:#2f3967;}
/*wht-sec*/
.px2q22-thdd{padding:30px 10px;background-color:#f2f5ff} .bx-st{background-color:#2f3967;color:#fff;} .art-10{margin-top:10px;}
.px2q22-bftt{padding:30px 0px;}
/*first*/
.main-heros21{} .bst-sll{color:#a00000} .offer-pr{background-color:#f1dede;padding:10px;margin-top:20px;margin-bottom:10px;border:2px dashed #bebebe;border-radius:5px;} .offer-pr p{font-size:14px;margin-bottom:0px;} .chkp{margin-bottom:0px;font-size:14px;} .px2q22-ddt p{font-size:20px;} 
.px2q22-sec{background-color:#f2f5ff;padding:30px 10px;} .px2q22-ddt{background-color:#fff;padding:20px;border-radius:10px;} .head12{font-size:22px; font-weight:500;} .box-11{background-color:#fff;padding:10px;border-radius:10px;} .st-fet{background-color:#efefef;border:1px solid #dbd9d9;padding:5px 10px;font-size:15px; border-radius:10px;} .bord-tt{border:2px solid #efefef;padding:15px;} .px2q22-bftt2{background-color:#f3f3f3;padding:30px 0px} .bft-xx2{background-color:#fff;padding:20px;text-align:center;border-top:5px solid #2f3967;border-radius:10px;}

.pqsde-sec{background-color:#f2f5ff;padding:20px 10px;} .revew1p2-p{} .revew12{border:2px solid #efefef;padding:10px;border-radius:10px}   .mmt12-wp{max-width:900px; background-color:#fff;margin:auto;border:2px solid #efefef;padding:20px;border-radius:20px;}



footer{background-color:#000;color:#fff;margin-top:30px;} footer a{color:#fff;text-decoration:none;}
 .product-box {


      border-radius: 10px;
      padding: 20px;
      text-align: center;
      font-family: Arial, sans-serif;
    }



    .thumbnails {
    display:flex;
	justify-content:center;
	align-items:center;
	  padding:10px;
    }

    .thumbnails img {    
      cursor: pointer;
      background-color:#fff;
      border-radius: 5px;
      transition: border 0.3s;
	  padding:10px;
    }
.pxxq2-img img{border-radius:10px;}

/*button*/
 .cta-button {
	 letter-spacing:1.8px;
	 text-align:center;
    display:inline-block;
    padding: 15px 28px;
    background-color:#815608;
    color: white;
    font-size: 22px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    transition: all 0.3s ease;
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4); 
  }

  .cta-button:hover {
    background-color:#c78203;
    transform: translateY(-5px);
  
  }
/*popup automatic*/
 /* Popup overlay */
    .popup-overlay {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.6);
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    /* Popup box */
    .popup-box {
      background: #fff;
      padding: 30px;
      border-radius: 10px;
      text-align: center;
      max-width: 400px;
      width: 90%;
      box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    }

    .popup-box button {
      margin-top: 10px;
      padding: 10px 20px;
      background:  #c07405;
      color: white;
      border: none;
      border-radius: 5px;
      cursor: pointer;
	  margin-bottom:30px;
    }

    .popup-box button:hover {
      background: #0056b3;
    }
.dd-n{display:block;} .mm-n{display:none;}
/*contact-form*/
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: #04AA6D; color: white; padding: 12px 20px; border: none; border-radius: 4px; cursor: pointer;}
input[type=submit]:hover {background-color: #45a049;}


@media (max-width: 767px){.fst12-mhds{font-size:28px;} .flxd-2{flex-direction:column} .dd-n{display:none;} .mm-n{display:block;} .nrnt{display:none;} .mnt-trt{text-align:center}}
@media (max-width: 480px){.flxd-1{flex-direction:column} .fst12-mhds{font-size:25px;} .n4we3{display:none;} .cta-button{font-size:18px;}}