.contact-wrapbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  & .contact-left {
    width: 45%;
  }
  & .contact-right {
    width: 50%;
    & .contact-form-wrapper {
      padding: 50px;
    }
  }
}
.contact-list-column {
  list-style-type: none;
  margin-left: 0;
  & li {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
    & .icon {
      width: 50px;
      height: 50px;
      background-color: var(--theme);
      border-radius: 100%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
    }
    & .ct-info-text {
      padding-left: 20px;
      flex: 1;
      & label {
        font-weight: 600;
        display: block;
        color: var(--theme);
      }
      > a {
        text-decoration: none;
        &:hover {
          color: var(--dark-blue);
        }
      }
    }
  }
}
/*------------------------------||media query start||----------------------------------*/
@media screen and (max-width: 1599.98px) {
}

@media (max-width: 1439.99px) {
}

@media screen and (max-width: 1199.98px) {
  .contact-wrapbox {
    & .contact-right {
      & .contact-form-wrapper {
        padding: 40px;
      }
    }
  }
}

@media screen and (max-width: 991.98px) {
  .contact-wrapbox {
    & .contact-right,
    & .contact-left {
      width: 100%;
    }
  }
  .contact-list-column {
    & li {
      margin-bottom: 25px;
    }
  }
}

@media (max-width: 767.99px) {
  .contact-wrapbox {
    & .contact-right {
      & .contact-form-wrapper {
        padding: 35px;
      }
    }
  }
  .contact-list-column {
    & li {
      margin-bottom: 20px;
    }
  }
}

@media (max-width: 575.99px) {
  .contact-wrapbox {
    & .contact-right {
      & .contact-form-wrapper {
        padding: 20px;
      }
    }
  }
  .contact-list-column {
    & li {
      margin-bottom: 15px;
      & .ct-info-text {
        padding-left: 10px;
      }
      & .icon {
        width: 40px;
        height: 40px;
      }
    }
  }
}