.card-body {
    padding: 2.5rem 1.5rem 3rem;
}
.button--block {
    margin-top: 2rem;
}

h2 span {
    font-family: var(--gfVars-bodyFont);
    font-size: 1.2rem;
    text-transform: capitalize;
}
.card h2 {
    text-transform: uppercase;
    letter-spacing: .3px;
}
    
@media (min-width:992px) {
       .card h2 {
            font-size:1.83rem;
        }
    }

/*----------------------------------*/

h1.u-lineHeaderBoth {
    margin-top: 5rem;
}

@media (max-width: 991.89px) {
    h1.u-lineHeaderBoth {
        margin-top: 3rem;
    }
}

@media (min-width: 992px) {
#intro_component {
    margin-bottom: 4rem;
}
}

#v2BoxOffice .card-container {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

#v2BoxOffice .card-container .card {
    flex: 1 1 298px;
    max-width: 441px;
}

@media (max-width: 991.89px) {
#v2BoxOffice .card-container .card {
    max-width: 336px;
}
}

@media (max-width: 767.89px) {
#v2BoxOffice .card-container .card {
    max-width: 600px;
}
}

#v2BoxOffice .card-img-top  {
    overflow: hidden;
}

#v2BoxOffice .card-img-top img {
  display: block;       
  transition: transform 0.3s ease;
  transform-origin: center center; 
}

#v2BoxOffice .card-img-top img:hover {
  transform: scale(1.1);
}

#v2BoxOffice .card-body {
    padding: 1.5rem;
}

#v2BoxOffice .button--block {
    margin-top: 1rem;
}

#v2BoxOffice h2 span {
    font-family: var(--gfVars-bodyFont);
    font-size: 1.2rem;
    text-transform: capitalize;
}
#v2BoxOffice .card h2 {
    text-transform: uppercase;
    letter-spacing: .3px;
}
    
 @media (min-width:992px) {
      #v2BoxOffice .card h2 {
            font-size:1.75rem;
        }
    }