*{
    margin: 0;
    padding: 0;

}
ul li {
    list-style: none;

}
a{
    text-decoration: none;
}

/* Responsive */
/* For mobile*/
@media (max-width: 768px) {
   
   
 
    .footer-area{
        width: 100%;
        height: auto;
    }
    
    .footer-section{
      width: 100%;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
    }
    
    .footer-text,
    .Footer-link,
    .help-section,
    .newsletter{
        width: 100%;
        max-width: 200px;
        margin-bottom: 20px;
    }
    
    /* Media Query for devices with max-width 768px */
    @media (max-width: 768px) {
        .footer-section {
            flex-direction: column;
            align-items: center;
        }
    
        .footer-text,
        .Footer-link,
        .help-section,
        .newsletter {
            width: 100%;
            
            margin-bottom: 20px;
            flex-direction: row;
        }
    
        .box {
            flex-direction: column;
            align-items: center;
        }
    
        input {
            width: 80%;
            margin-bottom: 10px;
        }
    
        .sub {
            width: 80%;
            text-align: center;
        }
    }

   
}

/* for lablete */
@media (max-width: 768px) {}


/* hreo part css */

.hero-area{
    width: 100%;
    height: 600px;
    background-image: url(../img/hero-bg.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    

}

.hero-part{
    width: 643px;
    height: 443px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    border-radius: 10px;
    
    background-color:rgba(255, 243, 227, 1);
}
.hero-content{
    display: flex;
    width: 100%;
    height: 600px;
    justify-content: flex-end;
    align-items: center;
   
}
.hero-text{
    margin-left: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 3px;
    color: rgba(51, 51, 51, 1);
}
.hero-heading{
    margin-left: 20px;
    font-family:"Poppins", sans-serif ;
    font-weight: 700;
    font-size: 52px;
    line-height: 65px;
    letter-spacing: 0;
    color: rgba(184, 142, 47, 1);
}
.hero-tittle{
    margin-left: 20px;
    font-family:"Poppins", sans-serif ;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
}
.hero-btn{
    margin-left: 20px;
    display: inline-block;
    padding: 10px 20px;
    background-color: rgba(184, 142, 47, 1);
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: aliceblue;
    text-transform: uppercase;
    max-width: fit-content;

}
/* hreo part End */


/* browse part css start  */
.brows-area{
    width: 100%;
    height:685px ;
    
}
.browse-part{
    width: 100%;
    height: 685px;
   
}
.browse-all-item{
    width: 100%;
    display: flex;
    gap: 10px;
}
.item-name{
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
}
.browse-heading{
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 700;
    color: rgba(51, 51, 51, 1);
    text-align: center;
    
    margin-top: 40px;
}
.browse-tittle{
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    font-weight: 400;
    text-align: center;
}

/* browse part css End */


/* product part css start */

.product-part{
    width: 100%;
    height: 1084px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.product-area{
    width: 100%;
    height: 1080px;

}
.product-heading{
    text-align: center;
    font-family: "Poppins", sans-serif;
    font-size: 40px;
    font-weight: 700;
    display: inline-block;
}
.prodect-item-all{
    width: 100%;
    height: 446px;
    display: flex;
    gap: 10px;
}
.product-item{
    width: 100%;
    height: 446px;
    background-color: rgba(244, 245, 247, 1);
    position: relative;
}
.product-name{
    font-family: Poppins;
    font-weight: 600;
     font-size: 24px;
    line-height: 120%;
    letter-spacing: 0%;

}
.product-tittle{
font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;
color: rgba(176, 176, 176, 1);

}
.product-price{
    display: flex;
    gap: 30px;
}
.product-now-price{
    font-family: Poppins;
font-weight: 600;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;


}
.product-past-price{

font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;
color: rgba(176, 176, 176, 1);


}
.show-more{
    padding: 10px 20px;
    border: 2px solid rgba(184, 142, 47, 1);
    color: rgba(184, 142, 47, 1);
    display: inline-block;
    max-width: fit-content;
    margin-left: 50%;
}
.product-item::before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: black;
    opacity: 0.5;
    display: none;
    transition: all linear  0.3s;
}
.product-item:hover::before{
    display: block;
    transition: all linear  0.3s;
}

.product-item::after{
    contain: "Add to cart";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    color: #7c5a27;
    padding: 10px 20px;
    font-weight: bold;
    border-radius: 5px;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.product-item:hover::after{
    opacity: 1;
}

/* product part css End */


/* frature part css start  */
.feature-area{
    width: 100%;
    height: 670px;
    background-color: rgba(252, 248, 243, 1);
}
.feature-part{
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(252, 248, 243, 1);
}
.feature-heading{

font-family: Poppins;
font-weight: 700;
font-size: 40px;
line-height: 120%;
letter-spacing: 0%;

}
.feature-tittle{
    font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;

}
.frature-btn{
font-family: Poppins;
font-weight: 600;
font-size: 16px;
line-height: 150%;
letter-spacing: 0%;
color:  rgb(255, 255, 255);
padding: 10px 40px ;
background-color: rgba(184, 142, 47, 1);

}
/* frature part css End */


/* <!-- #FuniroFurniture part css  --> */

.furniture-area{
    width: 100%;
    height: 800px;
    
    
}
.furniture-part{
    width: 100%;
    height: 100%;
    display: flex;
    gap: 10px;
   
    background-image: url(../img/Rectangle\ 37.png),url(../img/Rectangle\ 39.png),url(../img/Rectangle\ 44.png),url(../img/Rectangle\ 41.png);
    background-repeat: no-repeat;
    background-size: 16% ,20%,16%,10%;
    background-position: left bottom, 194px bottom ,right bottom ,74% bottom;
    
}
.furniture-heading{
    font-family: Poppins;
font-weight: 700;
font-size: 40px;
line-height: 120%;
letter-spacing: 0%;
text-align: center;

}
.upper-heading{
font-family: Poppins;
font-weight: 600;
font-size: 20px;
line-height: 150%;
letter-spacing: 0%;
text-align: center;

}
.fast-part{
    width: 40%;
    height: 382px;
    
    
    background-image: url(../img/Rectangle\ 36.png),url(../img/Rectangle\ 38.png);
    background-repeat: no-repeat;
    background-size: 20%,76%;
    background-position: left top,right bottom;
}
.secend-part{
   width: 20%;
   height: 392px;
   
   background-image: url(../img/Rectangle\ 40.png);
   background-position: center;
   margin-top: 202px;
  
}
.third-part {
    width: 40%;
    height: 433px;
   
    background-image: url(../img/badroom.png), url(../img/Rectangle\ 45.png);
    background-repeat: no-repeat;
    background-position: left bottom,325px 1px;
    background-size: 61%,53%;
}
/* <!-- #FuniroFurniture part End  --> */


/* navber css start  */

.footer-area{
    width: 100%;
    height :auto;
}
.footer-section{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  gap: 50px;
}
.footer-logo{
    font-family: Poppins;
font-weight: 700;
font-size: 24px;
line-height: 100%;
letter-spacing: 0%;

}
.f-discription{
    font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: rgba(159, 159, 159, 1);

}

.footer-text,
.Footer-link,
.help-section,
.newsletter {
    width: 100%;
    max-width: 200px;
    margin-bottom: 20px;
  
}

.help-section{
    width: 25%;
    display: flex;
    flex-direction: column;
    column-gap: 20px;
    justify-content: space-around;
}

input{
    border: none;
    outline: none;
    background: transparent;
    border-bottom: 2px solid black;
}
.link-tittle{
    font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: rgba(159, 159, 159, 1);
}
.help-tittle{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);
}
.newsletter{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1)
}
.footer-link{
 font-family: Poppins;
font-weight: 500;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
color: black;
}
.help-link{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: black;
}
.sub{
    font-family: Poppins;
    font-weight: 500;
    font-size: 13px;
    
    letter-spacing: 0%;
    color: black;
}
.box{
    display: flex;
    gap: 10px;
}
/* navber css End */


/* shop page css  */
.shop-area{
    width: 100%;
    height: 316px;
    background-image: url(../img/Group\ 78.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* button part css start  */
.button-area{
    width: 100%;
    height: 100px;
    background-color: rgba(249, 241, 231, 1);
}
.button-part{
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    gap: 200px;
}
.button-part1{
    width: 40%;
    height: 100%;
    display: flex;
    gap: 10px;
    align-items: center;
}
.button-part2{
    width: 40%;
    height: 100%;
    display: flex;
    gap: 10px;
    align-items: center;

}
.showing-result{
    width: 237px;
    height: 37px;
    border-left: 2px solid rgba(159, 159, 159, 1);
    display: flex;
  align-items: center;
  text-align: end;
    
    justify-content: center;    
    
}
.result-showing{
  
    font-family: Poppins;
font-weight: 400;
font-size: 16px;
line-height: 100%;
letter-spacing: 0%;
margin-top: 7px;

}

input[type=number]{
    width: 55px;
    height: 55px;
    border: none;
    text-align: center;
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);
    background-color: rgba(255, 255, 255, 1);
  
    
}
#sort{
    width: 188px;
    height: 55px;
    border: none;
    text-align: center;
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);


}
.filtter-text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;

}

/* button part css End */


/* product-part css start  */

.previous{
    width: 392px;
    height: 90px;
    
    margin: 0 auto;
    display: flex;
    justify-content: space-between;


}
.Next-1{
    width: 60px;
    height: 60px;
    background-color: rgba(249, 241, 231, 1);
    
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.Next-n{
    width: 60px;
    height: 60px;
    background-color:rgba(184, 142, 47, 1);
    
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.previous-number{
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgb(0, 0, 0);
    justify-content: center;
    align-items: center;
    text-align: center;

}
.previous-number-n{
    font-family: Poppins;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgb(255, 255, 255);
    justify-content: center;
    align-items: center;
    text-align: center;

}
/* product-part css END */

.product-part-shop{
    width: 100%;
    height: 2051px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 30px;
}
.product-frature-area{
    width: 100%;
    height: 270px;
    background-color: rgba(250, 243, 234, 1);
}
.product-feature{
    width: 100%;
    height: 270px;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
/* product .feature-areacss start  */



/* single product page  */

.path-area{
    width: 100%;
    height: 100px;

    background-color: rgba(249, 241, 231, 1);
}
.path-part{
    width: 100%;
    height: 100px;
    
}
.path-derectory{
    width: 50%;
    height: 100px;
    gap: 30px;
    display: flex;
    align-items: center;
}
.product-details-part{
    width: 100%;
    height: 820px;
    display: flex;
    margin-top: 40px;
   
}
.product-smal-img{
    width: 76px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    
}
.p-small:hover{
    width: 76px;
    height: 80px;
    border-radius: 10px;
    border: 2px solid rgba(184, 142, 47, 1);
}
.p-name{
    font-family: Poppins;
    font-weight: 400;
    font-size: 37px;
    line-height: 100%;
    letter-spacing: 0%;

}
.p-price{
    font-family: Poppins;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);

}
.product-details{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.rating-part{
    width: 100%;
    display: flex;
    gap: 10px;
}
.p-title{
    font-family: Poppins;
    font-weight: 400;
    font-size: 13px;
    line-height: 100%;
    letter-spacing: 0%;
    

}
.p-size{font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);


}

.size-part{
    width: 100%;
   
    display: flex;
    flex-direction: column;
}
.color-part{
    width: 100%;
  
    display: flex;
    flex-direction: column;
    
}

.size-section{
    width: 100%;
   
    display: flex;
    gap: 20px;
}

.size-scelect{
    width: 30px ;
    height:30px ;
    border-radius:10px ;
    background-color:rgba(249, 241, 231, 1);
    display: flex;
    justify-content:center ;
    align-items: center;
    color: rgb(0, 0, 0);
}
.size-scelect-n{
    width: 30px ;
    height:30px ;
    border-radius:10px ;
    background-color: rgba(184, 142, 47, 1);
    display: flex;
    justify-content:center ;
    align-items: center;
    color: aliceblue;
}

.color-scelect{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(129, 109, 250, 1);
}
.color-scelect-2{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgb(0, 0, 0);
}
.color-scelect-3{
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(184, 142, 47, 1);
}
.color-scelect:hover{
    border: 2px solid  rgba(184, 142, 47, 1);
}
.add-item-button{
    width: 100%;
    margin-top: 30px;
    display: flex;
    justify-content: space-between;
    
}
.rating-img{
    height: 20px;
}
.add-to-cart{
    width: 123px;
    height: 62px;
    border-radius: 10px;
    border: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}
.showing-result-k{
    width: 160px;
    height: 37px;
    border-left: 2px solid rgba(159, 159, 159, 1);
    display: flex;
  align-items: center;
  text-align: end;
    
    justify-content: center;    
    
}
.p-code{
    width: 100%;
    display: flex;
    gap: 30px;
}
.p-ctagory{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);

}
.testimonials{
    width: 100%;
    height: 744px;
}
.testimonials-part{

    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;

}
.testimonials-headinf{
    width: 100%;
    height: 36px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.testimonials-name{
    font-family: Poppins;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;

}
.testi-discription{
    width: 100%;
    height: 100%;

    align-items: center;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: justify;
    color: rgba(159, 159, 159, 1);
}


/* cart page css start */
.cart-banner{
    width: 100%;
    height: 316px;
    background-image: url(../img/cart-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.cart-area{
    width: 100%;
    height: 525px;
}
.cart-main-contain{
    width: 100%;
    height: 535px;
    display: flex;
    gap: 30px;

}
.cart-contain{
    width: 70%;
    display: flex;
    flex-direction: column;
    
}
.cart-tittle{
    width: 100%;
    height: 55px;
    background-color: rgba(249, 241, 231, 1);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.cart-heading{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: black;
    }
.cart-main{
    width: 100%;
    height: 105px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.product-name{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);

}
.cart-totals{
    height: 390px;
    width: 100%;
   
    background-color: rgba(249, 241, 231, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
}
.sub-cart{
  display: flex;
    gap: 30px;
}
.cart-totals-text{
    font-family: Poppins;
    font-weight: 600;
    font-size: 32px;
    line-height: 100%;
    letter-spacing: 0%;

}
.sub-totals{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;

}
.sub-value{font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);
 }
 .sub-value-2{font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(184, 142, 47, 1);
 }

 .cart-btn{
    padding: 10px 30px ;
    border: 1px solid black;
    border-radius: 10px;
    color: black;
 }
/* cart page css End */



 /* checkout part css start  */
 .checkout-banner{
    width: 100%;
    height: 316px;
    background-image: url(../img/checkout.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
 /* checkout part css End */





 /* billing aea css start  */
 .billing-area{
    width: 100%;

 }
 .billing-part{
    width: 100%;
    display: flex;
 }
 .billing-form{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 10px;
 }
 .billing-form input{
    width: 453px;
    height: 75px;
    border: 1px solid black;
    border-radius: 10px;
 }

 .billing-form input:hover{
    border: 1px solid rgb(163, 115, 19);
 }
 .billing-form label{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;

 }
 .billing-form input::placeholder{
    text-align: center;
 }
 .fast-input{
    width: 100%;
    display: flex;
    gap: 20px;
 }
 .fast-input input{
    width: 221px;
    height: 75px;
 }
 #country-select{
    width: 453px;
    height: 75px;
    border: 1px solid black;
    border-radius: 10px;
 }
 .fast-input label{
    display: block;
    margin-bottom: 5px;
 }
 .product-summary{
    width: 50%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
    justify-content: space-around;
 }
 .summary-p{font-family: Poppins;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    }
.summry-quantity{
  color:rgba(159, 159, 159, 1);
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;

}
.checkout-hr{
    background-color:rgb(197, 35, 35) ;
    height: 2px;
    
}
.text-billing{
    width: 50%;
    display: flex;
    gap: 50px;
}
.oderplece-button a{
    padding: 10px 30px ;
    border-radius: 10px;
    border:1px solid #000000
;
color: black;
}
 /* billing aea css End */

 /* contact page css start  */
 .contact-banner{
    width: 100%;
    height: 316px;
    background-image: url(../img/Contact.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }
 .contact-area{
    width: 100%;
    height: 1114px;
    
 }
 .contact-part{
    width: 100%;
    display: flex;
    flex-direction: column;
  gap: 50px;
 }
 .contact-secend-part{
    width: 100%;
   justify-content: space-between;
    display: flex;
 }

 .contact-from-part{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
 }
 .contact-from-part input{
    width: 528px;
    height: 72px;
    border-radius: 10px;
    border: 1px solid black;
 }

 .contact-from-part label{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;

    }
.contact-from-part input::placeholder{
       text-align: center;
    }

.contact-bundill{
  
    display: flex;
}
.contact-info-part{
  
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.contact-heading{
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
}
.contact-tille{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;
    color: rgba(159, 159, 159, 1);

}
.submit-btn{
    padding: 10px 20px;
    border-radius: 10px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: aliceblue;
    background-color: rgba(184, 142, 47, 1);
    max-width: fit-content;

}
 /* contact page css End */


 /* blog part css start  */
 .blog-banner{
    width: 100%;
    height: 316px;
    background-image: url(../img/blogbanner.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
 }

 .blog-ara{
    width: 100%;
    height: auto;
 }
 .blog-part{
    width: 100%;
    height: auto;
    display: flex;
    gap: 30px;
    margin-top: 40px;
 }
 .blog-article{
   display: flex;
   flex-direction: column;
   gap: 20px;
 }
 .blog-delails{
    width: 60%;
    height: 20px;
    display: flex;
    gap: 10px;
 }
 .blog-heading{
    font-family: Poppins;
    font-weight: 500;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: 0%;

 }
 .blog-discription{
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    line-height: 150%;
    letter-spacing: 0%;
    text-align: justify;
    color: rgba(159, 159, 159, 1);

 }
 .read-more{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: justify;
    color: #000000;
    border-bottom: 2px solid black;
    max-width: fit-content;

 }
 .blog-catagory input{

    width: 331px;
    height: 72px;
    border-radius: 10px;
    border: 1px solid black;
 }
 .catagory-heading{
    font-family: Poppins;
    font-weight: 500;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;

 }
 .result-show-blog{
    width: 100%;
    display: flex;
    justify-content: space-around;
    margin-top: 40px;
 }
 .catagory,.numer-of-post{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);

 }
 .blog-catagory input{
    background-image: url(../img/search.png);
    background-repeat: no-repeat;
    background-position: right center;
 }
 .resent-img{
    display: flex;
    flex-direction: column;
    max-width: fit-content;
    gap: 20px;
 }
 .blog-post{
    display: flex;
    gap: 40px;
 }
 .recent-blog-hrading{
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 0%;

 }
 .blog-time{
    font-family: Poppins;
    font-weight: 400;
    font-size: 12px;
    line-height: 100%;
    letter-spacing: 0%;
    color: rgba(159, 159, 159, 1);

 }
 .recent-blog-tillte{
    display: flex;
    flex-direction: column;
    gap: 40px;
 }
 .recent-post{
    margin-top: 30px;
 }
 .catagory-heading{
    margin-top: 30px;
 }
 /* blog part css End */