General styles for the product section
.section-products{padding:10px 0}.section-title{font-size:2rem;color:#444;font-weight:700;text-align:left;text-transform:capitalize}.single-product-outer-div{padding-left:1px!important;padding-right:1px!important}.product-container-div{padding-left:6px!important;padding-right:6px!important}.single-product{background-color:#fff;border-radius:4px;box-shadow:0 4px 2px rgba(58,37,37,.1);transition:transform .3s,box-shadow .5s;text-align:center;height:"100%"}.part-1,.single-product{position:relative;overflow:hidden}.part-1{display:flex;justify-content:center;align-items:center;padding:0;margin:0}.card-image{height:200px!important;width:320px;top:0;margin:0;padding:0}.tiny-card-image{width:full}.discount,.new{position:absolute;top:5px;color:#fff;background-color:#fe302f;text-transform:uppercase;font-size:.75rem;border-radius:4px}.new{background-color:#444}.part-1 ul{position:absolute;bottom:20px;margin:0;padding:0;list-style:none;opacity:0;transition:opacity .3s,bottom .3s}.single-product:hover .part-1 ul{opacity:1;bottom:0}.part-1 ul li{display:inline-block;margin-right:8px}.part-1 ul li button{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;background-color:#fe302f;border:none;color:#fff;border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.1);transition:color .3s,background-color .3s}.part-1 ul li button:hover{color:#fff;background-color:#40a702}.product-title{font-size:1.5rem;color:#444;margin-bottom:10px;text-align:left;text-wrap:wrap!important;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.product-price{font-size:1.5rem;color:#40a702!important;font-weight:700}.part-2{display:flex;flex-direction:column;justify-content:space-between;align-items:baseline}.modal-header .modal-title{font-size:24px;font-weight:700}.btn-close{font-size:24px;color:#333}.modal-body{padding:20px}img.img-fluid{max-width:100%;height:auto;border-radius:5px}.cost{font-size:28px;font-weight:700}.cost small{text-decoration:line-through;color:#999;font-size:18px}.btn-group .btn{border-radius:5px}.modal-content{border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.2);padding:20px;background-color:#fff}.modal-header{border-bottom:none;padding-bottom:10px}.close{font-size:1.5rem;background:none;border:none;color:#333}.modal-body{padding:20px 0;text-align:left!important}.cost{font-size:24px;font-weight:600;color:#40a702}.btn-primary{background-color:#0f9b0f;border:none;border-radius:5px;padding:10px 20px;font-size:16px;transition:background-color .3s ease}.btn-primary:hover{background-color:#d90412}.text-success{color:#40a702!important}@media (max-width:768px){.modal-content{padding:15px}.card-image{max-height:150px}.cost{font-size:20px}.btn-primary{font-size:14px;padding:8px 15px}}.modal-backdrop.show{z-index:1040!important}.modal-dialog{z-index:1050!important}.zoom-image{transition:transform .3s ease-in-out}.productModal{position:relative;transition:transform .5s ease,opacity .5s ease;opacity:1}.productModal.slide-next{transform:translateX(100%);opacity:0}.productModal.slide-prev{transform:translateX(-100%);opacity:0}.product-label label-top{margin-left:-25px!important}@media (max-width:576px){.responsive-button{font-size:10px!important;padding:1px 2px!important;margin-top:10px!important}}