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

body {font-family: "Roboto", sans-serif;
  /* font-family: 'Segoe UI', sans-serif; */
line-height: 1.6;}
  a{text-decoration:none;}
/*Comman Class*/
.flx-20{flex:20%;} .flx-25{flex:25%;} .flx-30{flex:30%;} .flx-40{flex:40%;} .flx-50{flex:50%;} .flx-60{flex:60%;}
.flx-70{flex:70%;} .flx-80{flex:80%;} .tt-ctr{text-align:center}  .flx-33{flex:33.33%;} .tt-wht{color:#fff}
.cont-wrp1{max-width:1400px;margin:auto;} .cont-wrp2{max-width:1300px;margin:auto;padding:10px} .di-flex{display:flex;} .justify1{justify-content:space-between}  .justify2{justify-content:center}  .justify3{justify-content:space-around} .align-itm{align-items:center} .gap{gap:20px;}
.pd-1{padding:5px;} .flx-end{justify-items: flex-end;} .mt-1{margin-top:20px} .mt-2{margin-top:10px} .mt-3{margin-top:30px} .mr-l{margin-left:10px} .pd-10{padding:40px;} .mb-1{margin-bottom:20px} .hero-pd1{padding-top:60px;}
img{max-width:100%;height:auto} 
/*header*/
.header-section{background-color:#d6ebe8;border-bottom:2px solid #fff;padding:10px;}
.top-head2{background-color:#efefef;padding:5px;border-radius:10px;font-weight:500}
/*hero-Section*/
.hero-section{background-image:url();background-size:cover;background-color:#d6ebe8;overflow: hidden;
    position: relative;}
.hero-h1{font-size:45px;line-height:1.2;}
.btn-1{background-color:#4293a5;padding:15px 20px;color:#fff;font-size:20px;border-radius:5px;}
.btn-2{background-color:#599875;padding:15px 20px;color:#fff;font-size:20px;border-radius:5px;}
.hero-button{display:flex;align-items:center;margin-top:30px;gap:20px;}
/*about-Section*/
.about-section{padding-bottom:40px; padding-top:20px;background-color:#fff} .about-h2{font-size:35px;} .mid-ctn{max-width:650px;margin:auto}
.font-wght{font-weight:600} .abt-part1{background-color:#e4f4f7;padding:20px;border-radius:20px;transition:0.5s} .abt-part1:hover{background-color:#cfe4e9}
/*all-category*/
.category-section{padding:40px;background-color:#e2f0f3;} .bg1{background-color:#fff;border-radius:20px;padding:10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}
.image-hover-zoom {transition: transform 0.3s ease;}
.image-hover-zoom:hover {transform: scale(1.05);} .bg1:hover{color:#3e7255} .bg2{background-color:#fff;padding: 40px 20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}
/*wht-we*/
.wht-provd{padding:40px 10px;} .icon-ply{max-width:600px;margin:auto;display:flex;justify-content:center;align-items:center} .stp-prc{max-width:1100px;margin:Auto;text-align:center} .ff-h2{font-size:35px;line-height:1.1} 
/*customer-review*/
.custo-sec{background-color:#e2f0f3;padding:30px 10px} .bg-2d{background-color:#c4dde2;padding:70px; border-radius:20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .bg-3d{background-color:#a2dabb;padding:25px;border-radius:20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .cust-pp{display:flex;align-items:center;} .cust-pp{display:flex;align-items:center;gap:20px} .review-1{background-color:#f2f4f4;padding:15px;border-radius:10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .spc-ttp{padding:40px 0px;} .ft-lnt{background-color:#0b0000;}
.our-mssnh{font-size:20px;font-weight:500;color:#3d604d} .our-mssnh-1{background-color:#a2dabb;padding:10px;border-radius:20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .our-vssnh{font-size:20px;font-weight:500;color:#4293a5}
.our-vssnh-1{background-color:#c4dde2;padding:10px;border-radius:20px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);}
/*footer*/
footer{background-color:#151414;padding-top:40px;} .fst-bx1{color:#fff;border-radius:15px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .fst-bx1{display:flex;align-items:center;gap:20px;background-color:#231e1e;padding:15px;} .foot-link{display:flex;align-items:center;gap:20px;justify-content: flex-start;}
.foot-link a{color:#fff;transition:0.5s;font-weight:400;} .foot-link a:hover{color:#34ba22;}
 .foollow{font-size:22px;margin-top:20px;} .sec-ff1{min-height:400px;background-color:#202020;padding:50px 20px ;text-align:center;border-radius:20px;    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); }
.foot-link ul li{list-style:none; margin:10px 0px;} .o-ct{font-size:20px;color:#fff;}
/*cate-Section*/
.cat-hero{background-color:#efefef}

/*particle*/
  .particles {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
  }

  .particles span {
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    animation: float linear infinite;
  }


   /* Generate random particle styles */
  .particles span:nth-child(1) { width: 13px; height: 13px; top: 90%; left: 10%; animation-duration: 12s; --drift: -20px; }
  .particles span:nth-child(2) { width: 14px; height: 14px; top: 95%; left: 50%; animation-duration: 18s; --drift: 40px; }
  .particles span:nth-child(3) { width: 12px; height: 12px; top: 80%; left: 70%; animation-duration: 14s; --drift: -15px; }
  .particles span:nth-child(4) { width: 13px; height: 13px; top: 100%; left: 20%; animation-duration: 20s; --drift: 25px; }
  .particles span:nth-child(5) { width: 15px; height: 15px; top: 85%; left: 40%; animation-duration: 16s; --drift: -10px; }
.particles span:nth-child(6) { width: 10px; height: 10px; top: 92%; left: 25%; animation-duration: 16s; --drift: -10px; }

.particles span:nth-child(7) { width: 15px; height: 15px; top: 80%; left: 20%; animation-duration: 10s; --drift: -20px; } 
.particles span:nth-child(8) { width: 16px; height: 16px; top: 90%; left:80%; animation-duration: 10s; --drift: -20px; } 
.particles span:nth-child(9) { width: 14px; height: 14px; top: 96%; left: 70%; animation-duration: 10s; --drift: -20px; } 


 /* Repeat pattern up to 30+ particles */


@keyframes float {
    0% { transform: translateY(0) translateX(0); opacity: 1; }
    100% { transform: translateY(-100vh) translateX(var(--drift)); opacity: 0; }
  }

@media (max-width: 768px) {
  .flx-dr{flex-direction:column;} .pd-10{padding:10px} .hero-section{background-color:#d6ebe8} .hero-h1{text-align:center;font-size:30px;} .mct-tr{text-align:center} .mob-mr1{margin-top:30px;} .hero-button {display:flex;justify-content:center; align-items:center} .about-h2{font-size:30px} .ff-h2{font-size:30px} .bg-2d{padding:30px}
  .ttrs{text-align:center} .ordr-1{order:1;}  .ordr-2{order:2;} .pdm-bt{padding-bottom:40px;} .mmbob{display:none}
}
@media (max-width: 420px){.hero-button {display:flex;justify-content:center; align-items:center;flex-direction:column}
.mob-mr2{margin-top:30px;} .about-h2{font-size:25px} .ff-h2{font-size:25px} }