.image-component {
  margin: 0;
  width: 100%;
  position: relative; }

.common-image-component {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: var(--focal-point-x) var(--focal-point-y);
     object-position: var(--focal-point-x) var(--focal-point-y); }

.mainbanner-image {
  height: 43.75vw; }
  @media (max-width: 543.98px) {
    .mainbanner-image {
      height: 75vw; } }

.common-image-filter {
  -webkit-filter: brightness(40%);
          filter: brightness(40%); }

.image-heading-container {
  position: absolute;
  top: 50%;
  width: 100%; }
  @media (min-width: 544px) {
    .image-heading-container {
      padding-left: 7%; } }

.image-heading-text {
  font-family: "Helvetica Neue";
  color: #fff; }

.ITC-image-heading-text {
  color: #fff; }

.image-heading-container .mainbanner-sub-text p {
  font-size: 1.67rem;
  font-family: "Helvetica Neue";
  color: #fff;
  text-decoration: underline; }

.ITC-text-underneath span {
  color: #000;
  padding-top: 0.75em;
  text-align: center; }

h1 {
  font-family: "futura-heavy";
  font-size: 2.1875rem; }

h2 {
  font-family: "futura-book";
  font-size: 1.875rem; }

h3 {
  font-family: "futura-heavy";
  font-size: 1.25rem; }

h4 {
  font-family: "futura-demi";
  font-size: 1.125rem; }

h5 {
  font-family: "futura-heavy";
  font-size: 1rem; }

h6 {
  font-family: "futura-demi";
  font-size: 1rem; }

.image-heading-container .image-heading-text {
  font-family: inherit; }

.image-heading-container .mainbanner-sub-text p {
  font-family: inherit; }

.mainbanner-image {
  height: auto; }

@media (max-width: 768px) {
  .common-image-component {
    min-height: 1px; } }

.experience-component.experience-commerce_assets-imageAndTextClp,
.experience-component.experience-commerce_assets-imageAndTextWithDescription,
.experience-component.experience-commerce_assets-imageAndText,
.experience-component.experience-phoenix_components-contentAssetPd,
.experience-component.experience-commerce_assets-topCategory,
.experience-component.experience-commerce_assets-photoTile {
  padding: 0 15px; }
  @media (max-width: 1199.98px) {
    .experience-component.experience-commerce_assets-imageAndTextClp,
    .experience-component.experience-commerce_assets-imageAndTextWithDescription,
    .experience-component.experience-commerce_assets-imageAndText,
    .experience-component.experience-phoenix_components-contentAssetPd,
    .experience-component.experience-commerce_assets-topCategory,
    .experience-component.experience-commerce_assets-photoTile {
      padding: 0 7.5px; } }

.mc-image-text {
  width: 100%; }
  @media (max-width: 991.98px) {
    .mc-image-text {
      padding: 0; } }
  .mc-image-text .image-component {
    position: relative; }

.image-component {
  overflow: hidden;
  color: red; }
  .image-component:hover .common-image-component {
    /* IE 9 */
    -webkit-transform: scale(1.015);
    /* Safari 3-8 */
    transform: scale(1.015); }
  .image-component:hover .category-large-image button {
    background-color: #0093A8; }
  .image-component:hover .home-category-btn {
    background-color: #0093A8;
    color: #fff; }
  .image-component .common-image-component {
    -webkit-transition: -webkit-transform .5s;
    transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s; }
  .image-component .category-large-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center; }
    @media (max-width: 767.98px) {
      .image-component .category-large-image {
        width: 100%; } }
    .image-component .category-large-image h2 {
      color: #FFFFFF;
      text-transform: uppercase;
      font-size: 3.375rem;
      font-family: "futura-demi"; }
      @media (max-width: 1199.98px) {
        .image-component .category-large-image h2 {
          font-size: 1.9375rem; } }
    .image-component .category-large-image span {
      font-size: 1.5rem;
      color: #FFFFFF; }
    .image-component .category-large-image button {
      margin: 21px auto;
      text-transform: capitalize;
      padding: 6px 41px; }
      @media (max-width: 1199.98px) {
        .image-component .category-large-image button {
          padding: 6px 25px; } }
  .image-component span {
    font-size: 1.5rem;
    font-family: 'futura-medium'; }
    @media (max-width: 640px) {
      .image-component span {
        font-size: 0.875rem !important;
        opacity: 0.8; } }
    @media (min-width: 641px) and (max-width: 860px) {
      .image-component span {
        font-weight: 500;
        font-size: 1.6875rem; } }
  .image-component .mc-image-heading {
    font-size: 2.625rem;
    letter-spacing: 0;
    color: #000;
    position: absolute;
    top: 5%;
    left: 5%;
    font-family: "futura-demi"; }
    @media (max-width: 640px) {
      .image-component .mc-image-heading {
        font-weight: 600;
        font-size: 1.6875rem; } }
  .image-component .home-category-btn {
    padding: 6px 41px;
    position: absolute;
    bottom: 5%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    line-height: 18px; }
    @media (max-width: 1199.98px) {
      .image-component .home-category-btn {
        padding: 6px 25px; } }

.free-items-container .free-banner-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px; }
  @media (max-width: 991.98px) {
    .free-items-container .free-banner-block {
      gap: 15px;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      display: grid; } }
  .free-items-container .free-banner-block .free-list-main {
    background-color: #eeeeee;
    color: #FFFFFF;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 20px);
            flex: 0 0 calc(33.33% - 20px);
    max-width: calc(33.33% - 20px);
    width: calc(33.33% - 20px); }
    @media (max-width: 991.98px) {
      .free-items-container .free-banner-block .free-list-main {
        -webkit-box-flex: 0;
            -ms-flex: 0 0 calc(100%);
                flex: 0 0 calc(100%);
        max-width: calc(100%);
        width: calc(100%); } }
    .free-items-container .free-banner-block .free-list-main .free-list-item {
      padding: 2.2vw 1.66666667vw 2.2vw 1.66666667vw;
      text-align: center;
      color: #000; }
      @media (max-width: 991.98px) {
        .free-items-container .free-banner-block .free-list-main .free-list-item {
          padding: 25px 0; } }
      .free-items-container .free-banner-block .free-list-main .free-list-item:hover {
        -webkit-box-shadow: inset 0 0 0 2px #fff;
                box-shadow: inset 0 0 0 2px #fff; }
      .free-items-container .free-banner-block .free-list-main .free-list-item img {
        height: 43px;
        margin-bottom: 12px; }
      .free-items-container .free-banner-block .free-list-main .free-list-item .free-list-heading,
      .free-items-container .free-banner-block .free-list-main .free-list-item .free-list-description {
        margin-bottom: 0.20833333vw;
        font-size: 1rem; }
      .free-items-container .free-banner-block .free-list-main .free-list-item .free-list-heading {
        text-transform: uppercase; }
    .free-items-container .free-banner-block .free-list-main:hover {
      color: #000 !important;
      text-decoration: none; }