.custom_box_circle {
  background-color: #ffffff;
  padding-top: 2%;
  margin-top: 15px;
}

.custom_box_circle .custom_box_circle_content {
  min-height: 110px;
  text-align: center;
  padding-top: 10px;
}

.custom_box_circle .custom_box_circle_content > ul {
  display: inline-block;
  margin-left: -20px;
}

.custom_box_circle .custom_box_circle_content > ul > li {
  text-align: left;
}

.custom_box_img {
  background-color: #e0e0e0;
  margin-top: 15px;
}

.custom_box_img_container .custom_box_img:last-child {
  margin-right: 0px;
}

.custom_box_img_container {
  display: flex;
  gap: 10px;
}
.custom_box_img_container .custom_box_img {
  flex: 1;
}

.custom_box_circle_container {
  display: flex;
  gap: 10px;
}
.custom_box_circle_container .custom_box_circle {
  flex: 1;
}

/*
@media only screen and (min-width: 680px) {
  .custom_box_circle { float: left; max-width: 199px; padding-top: 2%; margin-top: 15px; }
}
@media only screen and (min-width: 972px) {
  .custom_box_circle { float: left; max-width: 309px; width: 309px; padding-top: 2%; margin-top: 15px; }

  .custom_box_img { background-color: #e0e0e0; float: left; max-width: 299px; width: 299px; height: 350px; margin-right: 15px; }
}
@media only screen and (min-width : 1360px) {
  .custom_box_circle { float: left; max-width: 419px; width: 419px; padding-top: 2%; margin-top: 15px; }

  .custom_box_img { background-color: #e0e0e0; float: left; max-width: 409px; width: 409px; height: 350px ;}

}
*/
.custom_box_circle {
  background-color: #ffffff;
  padding-top: 2%;
  margin-top: 15px;
}

.custom_box_circle .custom_box_circle_content {
  min-height: 110px;
  text-align: center;
  padding-top: 10px;
}

.custom_box_circle .custom_box_circle_content > ul {
  display: inline-block;
  margin-left: -20px;
}

.custom_box_circle .custom_box_circle_content > ul > li {
  text-align: left;
}

.custom_box_img {
  background-color: #e0e0e0;
  margin-top: 15px;
}

.custom_box_img_container .custom_box_img:last-child {
  margin-right: 0px;
}

.custom_box_img_container {
  display: flex;
  gap: 10px;
}

.custom_box_img_container .custom_box_img {
  flex: 1;
}

.custom_box_circle_container {
  display: flex;
  gap: 10px;
}

.custom_box_circle_container .custom_box_circle {
  flex: 1;
}

/*
@media only screen and (min-width: 680px) {
  .custom_box_circle { float: left; max-width: 199px; padding-top: 2%; margin-top: 15px; }
}
@media only screen and (min-width: 972px) {
  .custom_box_circle { float: left; max-width: 309px; width: 309px; padding-top: 2%; margin-top: 15px; }

  .custom_box_img { background-color: #e0e0e0; float: left; max-width: 299px; width: 299px; height: 350px; margin-right: 15px; }
}
@media only screen and (min-width : 1360px) {
  .custom_box_circle { float: left; max-width: 419px; width: 419px; padding-top: 2%; margin-top: 15px; }

  .custom_box_img { background-color: #e0e0e0; float: left; max-width: 409px; width: 409px; height: 350px ;}

}
*/
@media (min-width: 1200px) {
  .wc-left.wc-login-show-header {
    --bs-aspect-ratio: 90%;
  }
}
.wc-left .wc-side-image {
  background: var(--wc-side-image, url("../../../img/side-image.jpg")) no-repeat center/cover;
}

.wc-fill-bg-right .wc-company-logo.wc-top-logo {
  max-width: 220px;
  max-height: 100px;
}

.wc-right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
}
.wc-right #wc-page-login-form {
  min-width: 300px;
}
.wc-right#wc-login-form-info {
  width: 400px;
}
.wc-right .wc-company-logo.wc-top-logo {
  margin-bottom: 72px;
  max-width: 220px;
  max-height: 100px;
}
.wc-right h1 {
  font-family: "Inter Bold", Roboto, sans-serif;
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -1.5px;
}
@media (min-width: 576px) {
  .wc-right h1 {
    font-family: "Inter Bold", Roboto, sans-serif;
    font-size: 48px;
    line-height: 1.17;
    letter-spacing: -2.4px;
  }
}
@media (min-width: 576px) {
  .wc-right .wc-login-btn {
    min-height: 60px;
  }
}
.wc-right .wc-sso-toggle-button {
  z-index: 1;
}
.wc-right .wc-sso-wrapper p {
  margin-bottom: 32px;
}
@media (min-width: 992px) {
  .wc-right .wc-sso-wrapper p {
    margin-bottom: 56px;
  }
}