*{
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}
p,h1,span,h2{
    cursor:text;
}

html,body{
    overflow-x: hidden;
}
.furni{
    height: auto;
    background-color: rgb(38, 112, 38);
    padding: 20px;
}
 nav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.furni nav h1{
    color: white;
    text-transform: capitalize;
}
.furni nav .links{
    color: white;
    display: flex;
    gap: 40px;
}
.couch{
    position:relative;
    left:15%
}
.furni nav .links a{
    color: white;
    text-decoration: none;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 1.2rem;
    position: relative;
}
.furni nav .links a::after{
    transition: all 0.8s;
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    background-color: yellow;
    width: 100%;
    height: 2px;
    transform-origin: center;
    transform: scale(0);
}
.furni nav .links a:hover::after{
    transform: scale(1);
    width: 100%;
}
.furni-section{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 50px;
}
.furni-section div h2{
    width: 100%;
    max-width: 400px;
    color: white;
    text-transform: capitalize;
}
.furni-section div p{
    color: rgb(250, 250, 235);
    margin-top: 50px;
    line-height: 1.8;
    font-weight: bold;
    width: 100%;
    max-width: 1000px;
}
.furni-section button{
    border-radius: 25px;
    padding-inline: 25px;
    padding-block: 10px;
}
.furni-section a{
     border-radius: 25px;
     padding-inline: 25px;
     padding-block: 10px;
     width: 150px;
    }
.btn-explore{
    transition: all 0.3s;
    font-weight: 900;
}
.btn-explore:hover{
    background-color:cornflowerblue;
    transform: scale(1.1) translateY(-6px);
    box-shadow: 0 8px 20px cornflowerblue;
}
.btn-warning{
    transition: 0.5s all;
}
.btn-warning:hover{
    transform: scale(1.1) translateY(-6px);
    background-color: yellow;
    box-shadow: 0 8px 20px yellow;
}
section:nth-child(1){
    margin-bottom: 100px;
}
section:nth-child(2) img{
    width: 90%;
}
main article p{
    width: 100%;
    margin-top: 10px;
    line-height: 1.8;
}
.main-product{
    transition: all 0.5s;
    cursor: pointer;
}
.main-product:hover{
    background: linear-gradient(45deg,rgb(191, 243, 243),pink);
    background-repeat: no-repeat;
    padding: 20px;
    border-radius: 40px;
}
.blogs{
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 50px;
    flex-wrap: wrap;
}
.blogs img{
    width: 400px;
    border-radius: 12px;
}
.blogs p{
    word-spacing: 5px;
}
.blog {
    transition: all 0.5s;
    cursor: pointer;
    margin: 20px;
}
.blog:focus,
.blog:hover {
    filter: none;
}
.blogs:has(.blog:hover) .blog:not(:hover),
.blogs:has(.blog:focus) .blog:not(:focus) {
    filter: blur(4px);
}
.blogs:has(.blog:hover) .blog:hover,
.blogs:has(.blog:focus) .blog:focus {
    filter: none;
    transform: scale(1.05);
}

.carousels{
    margin-top: 80px;
}
.why-choose.img-fluid{
    border-radius: 7px;
    border: 1px black ridge;
}
.couch.img-fluid{
    transition: all 0.5s;
    border-radius: 25%;
}
.couch.img-fluid:hover{
    transform: translateX(20px);
}
.carousel-item img{
    transition: all 0.5s;
}
.carousel-item img:hover{
    transform: scale(1.08) translateY(-10px) rotate(5deg);
    box-shadow: 0 6px 15px rgb(43, 145, 131);
}
.carousel-control-prev-icon ,.carousel-control-next-icon{
    background: #c8d8ce;
    position: relative;
    border-radius: 50%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    padding: 30px;
}
.img-fluid.report-icon:hover{
    transform: rotate(180deg);
}
form{
    display: flex;
    justify-content: space-around;
    gap: 50px;
    margin-top: 400px;
    flex-wrap: wrap;
}
form div p{
    text-transform: capitalize;
}
form div img{
    transform: scale(1.4);
}
form input{
    border: 3px solid darkgray;
    transition: all 0.5s;
    caret-color: grey;
}
form input::placeholder{
    font-family: cursive;
}
form input:focus::placeholder{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
}
form input:focus{
    outline: none;
    transform: scale(1.05) translateY(-10px);
    box-shadow: 0 10px 18px darkcyan;
}
.send-btn {
    background-color: #2e5f4f;
    border: none;
    padding: 12px 25px;
    border-radius: 12px;
    transition: 0.3s all;
}

.send-btn i {
    color: white;
    transition: all 0.3s;
}
.send-btn:hover i{
    transform: translateX(18px) translateY(-11px);
}

.send-btn:hover {
    background-color: #3a7a65;
    padding-inline: 30px;
}

.sofa{
    transform: scale(1.4);
    transition: all 0.7s;
}

.sofa:hover{
    transform: scale(1.5);
}
.sofa-con{
    position:relative;
    left:15%;
}
footer .decs .w-75{
    line-height: 1.7;
}
.footer-decs{
    gap: 60px;
}

.icons {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
}

.icons a {
  width: 45px;
  height: 45px;
  background: #dce5e4;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  transition: 0.3s all;
}
.icons a:first-child{
    color: white;
    background-color: blue;
}
.icons a:first-child:hover{
    box-shadow: 0 3px 15px blue;
}
.icons a:nth-child(2){
    color: white;
    background-color: rgb(39, 211, 211);
}
.icons a:nth-child(2):hover{
    box-shadow: 0 3px 15px rgb(39, 211, 211);
}
.icons a:nth-child(3){
    color: white;
    background: orange;
}
.icons a:nth-child(3):hover{
    box-shadow: 0 3px 15px orange;
}
.icons a:nth-child(4){
    color: white;
    background-color: rgb(90, 226, 226);
}
.icons a:nth-child(4):hover{
    box-shadow: 0 3px 15px rgb(90, 226, 226);
}
.icons a:hover{
    transform: translateY(-10px) scale(1.15) rotate(10deg);
}
.img-support:hover{
    rotate: 360deg;
    transform: translateX(0) scale(1.2);
}
.det-footer p{
    font-weight: bold;
}