*{
    margin: 0;
    padding: 0;

}
/* common css start */
body{
    font-family: "Pacifico", cursive;
    
    
}
a{
    color: white;
    text-decoration: none;
    font-size: 16px;
}
.container{
    width: 1120px;
    margin: auto;
}
p{
    font-family: "Poppins", sans-serif;
    color: white;
}
li{
    list-style: none;
}
/* common css end */




/* nav part start */
nav{
    /* background-color: brown; */
    position: absolute;
    width: 100%;
    border-bottom: 2px dashed #847571;
    z-index: 10;
}
.logo{
    display: flex;
    align-items: center;
    gap: 8px;
}
.logo p{
    
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-size: 20px;
}
.menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 26px 0px 27px 0px;
}
.menu ul{
    display: flex;
    align-items: center;
    gap: 72px;
}
.menu ul :first-child a{
    color: #DDB66F;
}
.menu ul li a:hover{
    color: #DDB66F;
    transition: .2s linear;
}
/* nav part end */



/* section part first start */
#home{
    width: 100%;
    background:linear-gradient(#4B2C24,#2B1712) ;
    position: relative;
}
.home-page{
    display: flex;
    align-items: center;
    gap: 72px;
    padding: 152px 0 172px 0;
}
.home-pic:hover{
    transform: scale(1.1) rotate(10deg);
    transition: .3s linear;
}
h5{
    font-size: 16px;
    color: #DDB66F;
    font-family: "Poppins", sans-serif
}
.home-page h1{
    font-size: 72px;
    color: white;
    line-height: 120%;
    font-weight: 500px;
    margin-top: 12px;
    
}
.home-page h1 span{
    display: block;
}
.home-page h1 img{
    vertical-align: -30px;
    padding-left: 6px;

}
.home-page p{
    width: 412px;
    height: 72px;
    font-weight: 400px;
    margin: 16px 0px 48px 0px;
}
.home-page a{
    background-color: #DDB66F;
    padding: 16px 28px;
    font-family: "Poppins", sans-serif;
    color: black;
    border-radius: 64px;
    transition: .2s linear;
    
}
.home-page a img{
     vertical-align: middle;
}
.home-page a:hover{
    background-color: white;
    font-size: 18px;
}
/* section part first end */





/* section secound start */
#product{
    width: 100%;
    background-color:#492D26;
    border-radius: 104px 104px 0 0;
    position: absolute;
    top: 88%;
}
.product-container{
    padding-bottom: 172PX;
    display: flex;
    gap: 170px;
}
.product-description{
    margin-top: 30px;
}
.product-description a{
    padding:16px 28px;
    background-color: #2B1712;
    font-family: "Poppins", sans-serif;
    border-radius: 64px;
    transition: .2s ease-in-out;
}
.product-description a img{
    width: 24px;
    height:24px;
    vertical-align: middle;
}
.product-description a:hover{
    font-size: 18px;
}
.product-description p{
    width: 418px;
    height: 96px;
    font-size: 16px;
    letter-spacing: 0%;
    line-height: 24px;
    padding: 32px 0 29px 0;
}

.products-group{
    display: flex;
    align-items: center;
    gap: 88px;
}
.products-group img{
    filter: drop-shadow(0px 4px 16px #36211C) ;
}
.products-group div:hover{
    transform: scale(1.05);
    transition: .2s linear;
}
.products-group p{
    padding-top: 23px;
    width: 117px;
    height: 24px;
    font-family: "Pacifico", cursive;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    letter-spacing: 0%;
    text-align: center;
    
}
.products-group a p span{
    display: block;
}
/* section secound end */




/* section three start */
#about{
    position: absolute;
    top: 88%;
    left: 0;
    width: 100%;
    background-color: white;
    border-radius: 104px 104px 0 0;
    padding-bottom: 172px;
}
.about-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.about-container img{
    width: 550px;
    height: 366px;
    border-radius: 32px;
}
.about-container h3{
    font-size: 48px;
    font-weight: 400;
}
.about-container p{
    width: 463px;
    line-height: 24px;
    color: black;
    font-size: 16px;
    margin-top: 24px;
}
/* section three end */



/* section four start */
#four{
    background-image: url(../images/Steps-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 104px 104px 0 0;
    position: absolute;
    width: 100%;
    top: 88%;
    left: 0;
}
#four h2{
    text-align: center;
    padding-top: 64px;
    font-size: 48px;
    color: white;
    font-weight: 400;
    letter-spacing: 0%;
}
.line{
    width: 730px;
    height: 730px;
    position:absolute;
    top: 450px;
    left: 32%;
    transform: rotate(-5deg);
}
.steps-container{
    display: flex;
    gap: 104px;
    justify-content: center;
    margin-top: 88px;
    padding-bottom: 172px;
}
.circle-one{
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background-color: #65463E;
    position: relative;
    transition: .2s linear;
}
.circle-one:hover{
    transform: scale(1.2);
}
.number-circle-one{
    width: 85px;
    height: 85px;
    border: solid 15px #492D26;
    border-radius: 50%;
    background-color: #DDB66F;
    position: absolute;
    bottom: 146px;
    right: 208px;
}
.number{
    font-size: 36px;
    font-weight: 600;
    color: #492D26;
    line-height: 180%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.circle-one img{
    width: 210px;
    height: 132px;
    filter: drop-shadow(0px 4px 16px #36211C);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.description{
    width: 272px;
    font-size: 16px;
    line-height: 26px;
    padding-top: 32px;

}
.circle-parent-two{
    margin-top: 218px;
}
.circle-parent-two p{
    padding:0px;
}
.circle-two{
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background-color: #65463E;
    position: relative;
    transition: .2s linear;
    margin-top: 48px;
}
.circle-two img{
    width: 210px;
    height:150px;
    filter: drop-shadow(0px 4px 16px #36211C);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.circle-two:hover{
    transform: scale(1.2);
}
.circle-three{
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background-color: #65463E;
    position: relative;
    transition: .2s linear;
}
.circle-three:hover{
    transform: scale(1.2);
}
.circle-three img{
    width: 210px;
    height: 144px;
    filter: drop-shadow(0px 4px 16px #36211C);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

/* section four end */



/* section five start */
#five{
    background-color: white;
    border-radius: 104px 104px 0 0;
    position: absolute;
    top: 90%;
    width: 100%;
}
.testimonial-group{
    display: flex;
    gap: 32px;
    align-items: center;
    padding: 64px 0 172px;
}
.testimonial-group h3{
    width: 538px;
    font-size: 48px;
    font-weight: 400;
    line-height: 120%;
}
.testimonial-group p{
    color: black;
    font-size: 16px;
    padding-top: 48px;
}
.testimonial-group img{
    width: 550px;
    height: 366px;
    border-radius: 16px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.215);
}
/* section five end */



/* section footer */
#footer{
    background-image: url(../images/Footer.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100px;
    border-radius: 104px 104px 0 0;
}