<!-- start Simple Custom CSS and JS --> <style type="text/css"> .carousel-container {position: relative;width: 100%;max-width: 1200px;margin: 0 auto;overflow: hidden;}.nav-arrow {position: absolute;top: 50%;transform: translateY(-50%);background-color: rgba(0, 0, 0, 0.0) !important;color: white;border-radius: 100% !important;padding: 10px;cursor: pointer;border: none;font-size: 20px !important;z-index: 10;}.left-arrow {left: 0px !important;}.right-arrow {right: -10px !important;}.carousel {display: flex;transition: transform 0.7s ease;width: 200%;}.slide {width: 50%;}.boxes {display: grid;grid-template-columns: repeat(3, 1fr);grid-template-rows: repeat(2, auto);gap: 10px;padding: 20px;justify-items: center;align-items: start;}.box {width: 100%;max-width: 360px !important;background-color: #f9f9f9;border-radius: 30px !important;box-shadow: none !important;padding: 22px !important;text-align: left;opacity: 0;transform: translateY(20px);transition: background-color 0.15s ease !important;display: flex;align-items: center;gap: 5px;text-decoration: none;color: inherit;}.box:nth-child(1) {grid-column: 1;}.box:nth-child(2) {grid-column: 2;}.box:nth-child(3) {grid-column: 3;}.box:nth-child(4) {grid-column: 1 / span 2;grid-row: 2;}.box:nth-child(5) {grid-column: 2 / span 2;grid-row: 2;}.slide.active .box {opacity: 1;transform: translateY(0);}.slide.active .box:nth-child(1) {animation: fadeInUp 0.60s ease 0.40s both!important;}.slide.active .box:nth-child(2) {animation: fadeInUp 0.65s ease 0.45s both !important;}.slide.active .box:nth-child(3) {animation: fadeInUp 0.70s ease 0.50s both !important;}.slide.active .box:nth-child(4) {animation: fadeInUp 0.75s ease 0.55s both;}.slide.active .box:nth-child(5) {animation: fadeInUp 0.80s ease 0.60s both;}@keyframes fadeInUp {0% {opacity: 0;transform: translateY(30px);}100% {opacity: 1;transform: translateY(0);}}.box:hover {background-color: #daff80;}.box img {width: 70px !important;height: 70px !important;object-fit: contain;flex-shrink: 0;}.box p {margin: 0;font-size: 16px !important;font-family: "ABC Diatype Regular" !important;font-weight: normal !important;line-height: 1.2;}@media (max-width: 768px) {.boxes {grid-template-columns: repeat(2, 1fr);grid-template-rows: repeat(3, auto);gap: 8px;}.box {max-width: 150px;}.nav-arrow {padding: 8px;font-size: 20px;}}@media (max-width: 480px) {.boxes {grid-template-columns: 1fr;grid-template-rows: repeat(5, auto);gap: 10px;}.box {max-width: 250px;padding: 10px;}.box img {width: 35px;height: 35px;}.box p {font-size: 11px;}.nav-arrow {padding: 6px;font-size: 18px;}}</style> <!-- end Simple Custom CSS and JS -->