.container{padding-top:2%;padding-bottom:5%}#main-img{width:100%;cursor:pointer}.extra-images{display:flex;justify-content:space-between;margin-top:10px}.product-image{width:calc(100% / 4 - 10px);max-width:50%;height:auto;object-fit:cover}.product-window{width:50vw;height:50vh;background-color:#fff;position:fixed;top:10%;z-index:100000}.prod_images{position:relative}.overlay{opacity:0;transition:opacity 0.15s ease-in-out;background-color:#000;position:absolute;width:100%;height:100%;top:0;left:0}#modallink{color:#fff;text-decoration:none}#modallink:hover .overlay{opacity:.3}.description{font-size:1.1rem;line-height:1.4rem}.extra-info{display:flex;justify-content:space-between;margin-top:10px;border-top:#ddd 1px solid;padding:10px 0}.extra-info p{width:50%}.contactbtn{text-align:right}.open-modal-btn{padding:10px 20px;background-color:#007bff;color:#fff;border-radius:5px;text-decoration:none;display:inline-block}.open-modal-btn:hover{background-color:#0056b3}html:has(.custom-modal:target){overflow:hidden;height:100vh}.custom-modal{position:fixed;left:0;top:0;width:100%;display:flex;justify-content:center;align-items:flex-end;opacity:0;pointer-events:none;transition:opacity 0.2s ease-in-out;z-index:100;padding-top:10vh;padding-bottom:10vh;background-color:rgb(0 0 0 / .5);backdrop-filter:blur(2px);height:100vh}.no-scroll{overflow:hidden;height:100vh}.custom-modal:target{opacity:1;pointer-events:auto}.custom-modal-content{background:rgb(0 0 0 / .5);width:50vw;height:100%;padding:20px;border-radius:20px;transform:translateY(100%);transition:transform 0.2s ease-in-out;z-index:inherit}@media screen and (max-width:992px){.custom-modal-content{width:95vw}}.modal-header{padding-bottom:20px;border:none!important}.custom-modal:target .custom-modal-content{transform:translateY(0)}.close-btn{position:absolute;top:15px;right:20px;font-size:30px;text-decoration:none;color:#fff}.form-modal{padding:2% 15% 0 15%}.product-image-carousel{position:relative;overflow:hidden}.carousel{display:flex;width:100%}.carousel ul{list-style:none;padding:0;margin:0;display:flex;transition:transform 0.5s ease-in-out}.carousel li{min-width:100%;box-sizing:border-box;vertical-align:middle;display:grid;place-items:center;height:60vh}.carousel img{max-width:100%;height:auto;display:block}.carousel-prev,.carousel-next{position:absolute;top:50%;transform:translateY(-50%);background:rgb(0 0 0 / .5);color:#fff;border:none;cursor:pointer;padding:10px;font-size:20px}.carousel-prev{left:10px;z-index:100}.carousel-next{right:10px;z-index:100}