.hero-section-brand-page-container{width:100%;display:flex;flex-direction:column;gap:60px;overflow:hidden}.hero-section-brand-page-container .img-container{width:100%}.hero-section-brand-page-container .img-container img{width:100%;aspect-ratio:4000/2250;object-fit:cover}.hero-section-brand-page-container .text-container{display:flex;flex-direction:column;align-items:center;gap:28px;text-align:center}.hero-section-brand-page-container .text-container h1{color:#1bab51}.list-brand-section-brand-page-container{width:100%;background-color:#f4f4f4}.list-brand-section-brand-page-container ul{padding-left:0!important;display:grid;grid-template-columns:repeat(4,1fr);gap:40px}.list-brand-section-brand-page-container ul li{height:100%;display:flex;width:100%}.list-brand-section-brand-page-container ul li .brand-card{width:100%;display:flex;flex-direction:column;gap:24px;background-color:#fff;border-radius:22px;box-shadow:4px 4px 4px #0000001f}.list-brand-section-brand-page-container ul li .brand-card .img-container{width:100%;height:186px}.list-brand-section-brand-page-container ul li .brand-card .img-container img{width:100%;height:100%;object-fit:contain}.list-brand-section-brand-page-container ul li .brand-card .text-container{padding:24px;display:flex;flex-direction:column;gap:24px}.list-brand-section-brand-page-container ul li .brand-card .text-container .heading-container{display:flex;flex-direction:column;gap:16px}.list-brand-section-brand-page-container ul li .brand-card .text-container .heading-container h2{color:#111;font-weight:700;font-size:1.5rem;line-height:1.75rem}.list-brand-section-brand-page-container ul li .brand-card .text-container .heading-container p{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3}.list-brand-section-brand-page-container ul li .brand-card .text-container .footer-container a{color:#1bab51;font-weight:500;font-size:1rem;line-height:1.25rem;text-decoration:none}.list-brand-section-brand-page-container ul li .brand-card .text-container .footer-container a:hover{text-decoration:underline}@media (max-width: 1440px){.hero-section-brand-page-container .text-container{gap:24px}}@media (max-width: 1024px){.hero-section-brand-page-container{gap:50px}.hero-section-brand-page-container .text-container{gap:20px}.list-brand-section-brand-page-container ul{gap:24px;grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero-section-brand-page-container .text-container{gap:16px}.list-brand-section-brand-page-container ul{grid-template-columns:repeat(1,1fr)}}