.categories {padding-top: 30px; padding-bottom: 70px; --fs-xl: 30px;}
.search .container {display: grid; grid-template-columns: 60% auto;gap:50px;}
.categories {text-align: center;}
.categories .head {margin-bottom: 48px;}
.categories .head h2 {font-weight: var(--fw-bold); color: #000; margin-inline: auto;font-size: var(--fs-xl); font-weight: var(--fw-semi-bold); line-height: 160%; color: var(--clr-primary); margin-bottom: 16px;}
.categories .head h2 span{color: var(--clr-secondary);}
.categories .head p {color: #686868;font-size: var(--fs-400); font-weight: var(--fw-regular); line-height: 160%; color: var(--clr-light-300);}
.search .categories .products {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; margin-bottom: 56px;}
.categories .box {height: 100%; max-height: 285px; display: flex; align-items: center; justify-content: center; padding: 24px; background-color: #F0EFEB; margin-bottom: 15px;}
.categories .box img {max-width: 218px;height:auto}
.categories .product-box > h3 {font-size: var(--fs-500); font-weight: var(--fw-bold); color: #878787;}
.categories .box:hover {background-color: #fcf6dd;}
.categories .product-box > h3 a:hover {color: #000;}
.quote {padding-block: 50px 30px;}
.quote .head {text-align: center; margin-bottom: 40px;}
.quote .head h2 {margin-bottom: 30px;font-size: var(--fs-xl); font-weight: var(--fw-semi-bold); line-height: 160%; color: var(--clr-primary); margin-bottom: 16px;}
.quote .head h2 strong {font-size: calc(var(--fs-xl) + 6px);}
.quote .head p {font-size: var(--fs-400); color: var(--clr-dark-500);}
.quote .head strong {font-size: var(--fs-400); color: var(--clr-dark-500); color: var(--clr-secondary);}
.quote .quote-form {max-width: 760px !important; margin-inline: auto;}
.search .quote form{padding: 20px 32px;}

@media only screen and (width < 991px) {
.search .container {display: block;}
.search .categories .products {display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px 20px; margin-bottom: 56px;}
.banner{height:400px}
.categories .head h2 {max-width: 65%;}
.categories .products {grid-template-columns: repeat(3, 1fr);} 
.quote .content {grid-template-columns: 1fr;}
.quote .info ul {text-align: start;}
.quote .quote-form {margin-inline: auto; max-width: 535px;}
}  
@media only screen and (width < 767px) {
.search .categories .products {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 20px; margin-bottom: 56px;}
.categories {padding-block: 36px 48px;}
.categories .head h2 {max-width: 100%;}
.categories .head p {max-width: 100%;}
.categories .products {grid-template-columns: repeat(2, 1fr);} 
}
@media only screen and (width < 575px) {
.categories .head {margin-bottom: 28px;}
.categories .products {grid-template-columns: repeat(1, 1fr); gap: 20px;} 
.categories .box h3 {text-align: center;}
.quote form {padding-inline: 32px;}
}
@media only screen and (width < 475px) {
.search .categories .head h2 {margin-bottom: 12px; font-size: var(--fs-xl);}
.search .quote form{padding-inline:20px}
}