.banner-card{border-radius:8px;overflow:hidden;position:relative;transition:.3s ease;width:100%}.banner-card .banner-image{height:100%;position:absolute;width:100%}.banner-card .banner-image img{height:100%;object-fit:cover;object-position:center;transition:.3s ease;width:100%}.banner-card:hover .banner-image img{transform:scale(1.1)}.banner-card.banner-dark:before{background:linear-gradient(transparent,rgba(0,0,0,.6));content:"";inset:0;position:absolute;z-index:5}.banner-card.banner-dark .banner-content h2,.banner-card.banner-dark .banner-content h3,.banner-card.banner-dark .banner-content h4{color:var(--IBF-white)}.banner-content{display:flex;flex-direction:column;gap:.5rem;height:100%;justify-content:center;padding:2rem 1rem;position:relative;z-index:10}.banners-2 .banner-content{max-width:75%}.banners-3 .banner-content{max-width:80%}.banners-4 .banner-content{max-width:85%}.banners-2 .banner-card{aspect-ratio:16/9;width:var(--col-6)}.banners-3 .banner-card{aspect-ratio:16/9;width:var(--col-4)}.banners-4 .banner-card{aspect-ratio:4/3;width:var(--col-3)}.text-content{display:flex;flex-direction:column;gap:.25rem}@media (max-width:636px){.banner-content{max-width:90%;padding:1rem}.banners-2 .banner-card,.banners-3 .banner-card,.banners-4 .banner-card{aspect-ratio:unset;width:var(--col-3)}}.banner-card.banner-light:hover .btn.btn-secondary,.btn-secondary:hover{background:var(--IBF-pink);color:var(--IBF-white)}.banner-card.banner-dark:hover .btn.btn-quaternary,.btn-quaternary:hover{background:var(--IBF-white);color:var(--IBF-green)}