@keyframes flip{0%{opacity:1;transform:perspective(400px) rotateX(0)}50%{opacity:0;transform:perspective(400px) rotateX(90deg)}to{opacity:1;transform:perspective(400px) rotateX(0)}}.image-wrapper{display:inline-block;height:200px;position:relative;width:451px}.main-img{border-radius:10px;height:400px;width:390px}.img-box{position:absolute;right:1%;top:2px;width:180px}.img-box img{border-radius:8px;transition:transform .4s ease;width:100%}.img-box img:hover{transform:scale(1.25)}.transition-transform{transition-property:transform}.duration-300{transition-duration:.3s}.hover\:scale-110:hover{transform:scale(1.1)}.cursor-pointer{cursor:pointer}.zoom-img{transition:transform .7s ease}.zoom-img:hover{transform:scale(1.2)}.zoom-img2{transition:transform .7s ease}.zoom-img2:hover{transform:scale(1.4)}.zoom-img3{transition:transform .9s ease}.zoom-img3:hover{transform:scale(1.4)}.zoom-img4{transition:transform .6s ease}.group:hover .zoom-img4{transform:scale(1.12)}.zoom-img5{transition:transform .7s ease}.zoom-img5:hover{transform:scale(1.18)}input[type=date]::-webkit-calendar-picker-indicator{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 24 24"><path fill="%23017396" d="M20 3h-1V1h-2v2H7V1H5v2H4c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 18H4V8h16v13z"/></svg>');cursor:pointer}@media(max-width:640px){.max-w-4xl{max-width:100%}.rounded-2xl{border-radius:1rem}.p-6{padding:1rem}.grid-cols-1{grid-template-columns:1fr}}