/**
***  General
**/
.main-container {
    height: auto;
    width: 100vw;
    background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 37%, rgba(var(--cnvs-themecolor-rgb),1) 37%, rgba(var(--cnvs-themecolor-rgb),1) 66%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 100%);
    display: flex;
    align-items: center;
    position: relative;
  }
  @media (max-width: 768px) {
    .main-container {
      flex-direction: column;
      justify-content: center;
    }
}

.contact-box {
    background-color: white;
    padding: 30px 25px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px;
    z-index: 2;
    position: relative;
    max-width: 500px;
    margin: 1.5rem 1.5rem -30px 1.5rem;
  }
  @media (min-width: 768px) {
    .contact-box {
        margin: 0 -30px 0 0;
        padding: 50px 40px;
    }
}

.image-container {
    z-index: 1;
    margin-left: 0;
    text-align: center;
  }
  @media (min-width: 768px) {
    .image-container {
        margin-left: -30px;
    }
}

.image-container img {
    max-height: max-content;
    max-width: 100%;
    object-fit: cover;
  }
  @media (min-width: 768px) {
    .image-container img {
      max-height: 700px;
    }
  }

.mt-6ish {
    margin-top: 0rem !important;
 }
 @media (min-width: 768px) {
    .mt-6ish {
        margin-top: 5rem !important;
    }
}