@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;} .pdm-bt2{padding-bottom:80px;}
.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:80px;}
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(../img/full-background.jpg);background-size:cover;background-color:#d6ebe8;overflow: hidden;position: relative;}
.hero-h1{font-size:42px;line-height:1.2;}
.btn-2{background-color:#599875;padding:6px 20px;color:#fff;font-size:20px;border-radius:5px;}
.hero-button{display:flex;align-items:center;margin-top:30px;gap:20px;}
.about-h2 { font-size: 35px;}
/*all-category*/
.category-section{padding:40px;} .bg1{background-color:#d6ebe8;border-radius:5px;padding:10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5);} .b1q-r{font-size:22px;color:#a00000;font-weight:600} .b2q-r{font-weight:500}
.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);}
.cnt-contm2{max-width:500px;margin:auto; text-align:center;}


/*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;}

/*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}





@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} }