/*=========================
	IMAGE COPY BLOCK
=========================*/

.block-image-copy .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: 535px;
  gap: var(--space-5);
}
.block-image-copy .container.switchSides .image {
  grid-column: 1;
}
.block-image-copy .container.switchSides .content {
  grid-column: 2;
  position: relative;
}
.block-image-copy .background-image {
  z-index: 0;
}
.block-image-copy .image {
  grid-column: 2;
  grid-row: 1;
  position: relative;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  max-height: 700px;

}
.block-image-copy .content {
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: var(--space-5);
  height: 100%;
  position: relative;
}

.block-image-copy .content .top-title,
.block-image-copy .content .title,
.block-image-copy .content .copy {
  margin-bottom: var(--space-4);
}

.block-image-copy .content .copy ul {
  list-style: none;   
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
}
.block-image-copy .content .copy ul li {
  position: relative;
  padding-left: 30px; 
  list-style: none; 
}

.block-image-copy .content .copy.checkmark ul li::before { 
  content: '';
  background: url('../../../img/icons/checkmark.svg') center center no-repeat;
  height: 25px;
  width: 25px;
  position: absolute;
  left: -5px;
  top: 2px;
}


.block-image-copy .content .copy ul li::before { 
  content: '';
  background: url('../../../img/icons/bullet.svg') center center no-repeat;
  height: 20px;
  width: 15px;
  position: absolute;
  left: 0;
  top: 0;
}

@media only screen and (max-width: 991px) {
  .block-image-copy .container {
    display: grid;
    grid-template-columns: 1fr;
  }
  .block-image-copy .image {
    grid-column: 1 !important;
    grid-row: 2 !important;
    min-height: 400px;
  }
  .block-image-copy .container .image img {
    border-radius: 0;
  }
  .block-image-copy .content {
    grid-column: 1 !important;
    grid-row: 1 !important;
    padding: 0;
  }
  .block-image-copy .content .copy {
    margin-bottom: var(--space-3);
  }
  .block-image-copy .content .title {
    font-size: 4.8rem;
  }
  .block-image-copy .content .top-title {
    margin-bottom: var(--space-2);
  }
}

@media only screen and (max-width: 768px) {
    .block-image-copy {
        padding: var(--space-5) 0;
    }
}