.container2 {display: flex;flex-wrap: wrap;justify-content: center;gap: 20px;padding: 20px;}.container2-product{display: flex;flex-wrap: wrap;gap: 20px;padding: 20px;margin-left: 195px;}.card {background: #fff;border-radius: 10px;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);overflow: hidden;max-width: 350px;text-align: center;transition: 0.3s;}.invisible-card{visibility: hidden;}.card:hover {transform: translateY(-5px);}.card img {margin-top: 10px;padding: 15px;width: 300px;height: 250px;object-fit: contain;align-content: center;margin-left: 20px;}.card-content {padding: 15px;}.card-content h3 {text-align: left;color: #bc3c06;font-size: 19px;font-weight: 600;margin-bottom: 10px;}.card-content p {text-align: left;font-size: 14px;color: #555;line-height: 1.5;margin-bottom: 10px;}.price {font-weight: bold;color: #000;margin-bottom: 15px;}.btn {display: inline-block;padding: 10px 20px;background: linear-gradient(90deg, #de0e0e, #fc8823);color: white;text-decoration: none;border-radius: 6px;transition: 0.3s;margin: 5px 0;font-size: 16px;margin-left: 10px;margin-right: 10px;}.modal-title{display: inline-block;background: linear-gradient(90deg, #de0e0e, #fc8823);color: white;text-decoration: none;border-radius: 6px;transition: 0.3s;text-align: center;height: 70px;padding-top: 20px;}@media (max-width: 768px) {.container2 {flex-direction: column;align-items: center;margin-left:-10px;}.container2-product{flex-direction: column;align-items: center;margin-left:-10px;}.btn {flex: 1 1 auto;min-width: 140px;padding: 10px;font-size: 14px;margin: 5px;}}@media (max-width: 767px) {.invisible-card {display: none !important;}}@media (max-width: 480px) {.btn {min-width: 120px;font-size: 13px;padding: 8px;}}@media (max-width: 768px) {.hero-section {height: 70vh;}.hero-text {font-size: 4.5vw;line-height: 1.2;max-width: 80%;text-align: center;white-space: normal;}}@media (max-width: 480px) {.hero-text {font-size: 6vw;}}