.productSection{display:block;position:relative;border-top:solid 1px #2d385e1c;}
.productSection .headingSection h2{color:#2B5BA7}
.productSection .headingSection span{color:#666;max-width:1170px}
.productBox{margin-top:35px;display:grid;gap:20px;flex-wrap:wrap;
    grid-template-columns: repeat(3, 1fr);}
.productCard{display:flex;flex-direction:column;border-radius:30px;border:solid 1px #2d385e1c;background:#F4F6F8;overflow:hidden}
.productCard figure{padding:30px;height:305px;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center}
.productCard figure img{border-radius:30px;overflow:hidden}
.productCard .details{padding:20px;display:flex;flex-direction:column}
.productCard .details p{min-height:55px}
.productCard .details .btn{width:fit-content}
@media screen and (max-width:1024px) {
.productSection .headingSection{text-align:left}
.productSection .headingSection span{width:100%}
.productCard{width:calc(100% - 10px)}
.productBoxm{argin-top:35px;display:grid;gap:20px;flex-wrap:wrap;
    grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:768px) {
.productCard{width:calc(50% - 8px)}
}
@media screen and (max-width:540px) {
.productSection .headingSection h2 br{display:none}
.productBox{gap:0px;}
.productCard{width:100%;border-radius:15px;         margin-top: 35px;}
.productBox {
   
    grid-template-columns: repeat(1, 1fr);

}
}