.separator-module .bracket-mobile {
  position: absolute;
  bottom: 1rem;
  left: -1rem;
  width: calc(100% + 1rem);
  overflow: hidden;
  z-index: -1;
}

.separator-module .separator {
  z-index: 1;
  padding-top: 30px;
  padding-bottom: 177px;
  padding-left: 1rem;
  padding-right: 1rem;
  position: relative;
  color: white;
}

.separator-module .separator .bird {
  position: absolute;
  display: none;
  z-index: -1;
  overflow: hidden;
}

.separator-module .separator .bird-mobile {
  display: block;
  height: auto;
  position: absolute;
  bottom: 0;
  right: 0;
  text-align: right;
  line-height: 0;
  z-index: -1;
  overflow: hidden;
}

.separator-module .separator .bird-mobile svg {
  height: 100%;
}

.separator-module .separator .bracket {
  text-align: left;
  overflow: hidden;
  display: none;
  z-index: -1;
}

.separator-module .separator h2 {
  color: inherit;
  font-weight: 600;
  font-size: 1.75rem;
  line-height: 2.25rem;
  margin-bottom: 1.5rem;
  margin-top: 7px;
}

.separator-module .separator h5 {
  text-transform: uppercase;
  color: inherit;
  font-weight: bold;
  margin: 0;
  text-transform: uppercase;
  color: inherit;
  font-weight: bold;
  font-size: 0.75rem;
}

.separator-module .separator .rich-text {
  padding-right: 1rem;
  margin-bottom: 50px;
}

.separator-module .separator .secondary-button {
  color: white;
  position: absolute;
  bottom: 80px;
}

.separator-module .separator .secondary-button:hover {
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 0 white;
          box-shadow: 0 0 20px 0 white;
}

.separator-module .separator.svg-bird .secondary-button {
  background-color: white;
  color: black;
  border-color: white;
}

.separator-module .separator:before,
.separator-module .separator--overwritten:before {
  content: '';
  position: absolute;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  z-index: -2;
  /*background-image: radial-gradient(circle at 100% 95%, #7d7d7d, var(--dark-black) 89%);*/
}

.separator-module .separator:before {
  background-image: radial-gradient(circle at 100% 95%, #7d7d7d, var(--dark-black) 89%);
}

.separator-module .separator.bg-none .secondary-button {
  background-color: transparent;
  color: white;
}

.separator-module .separator.bg-blue::before {
  background-image: radial-gradient(circle at 0 100%, #b2c6f3, var(--blue) 93%);
}

.separator-module .separator.bg-red::before {
  background-image: radial-gradient(circle at 0 100%, #d69d91, var(--red) 93%);
}

.separator-module .separator.bg-yellow::before {
  background-image: radial-gradient(circle at 0 100%, #ffd37a, var(--yellow) 93%);
}

.separator-module .separator.bg-yellow {
  color: black;
}

.separator-module .separator.bg-turquoise::before {
  background-image: radial-gradient(circle at 0 100%, #34d8d8, var(--turquoise) 93%);
}

.separator-module .separator.bg-green::before {
  background-image: radial-gradient(circle at 0 100%, #98ca5f, var(--green) 93%);
}

.separator-module ul {
  list-style: none;
  padding-left: 0;
}

.separator-module ul li {
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 24px;
  /* display: inline-flex; */
  padding-left: 32px;
  position: relative;
}

.separator-module ul li:before {
 content: '';
  display: block;
  width: 20px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
  background-repeat: no-repeat;
  background-position: left;
  position: absolute;
  left: 0px;
  top: 8px;
}

.separator-module .separator--overwritten {
  position: relative;
  background-color: #282828FF;
}

.separator-module .separator--overwritten .secondary-button {
  color: white;
  position: absolute;
  bottom: 80px;
  /*background-color: #288384;*/
  background-color: var(--kh-green);
  border: none;
}

.separator-module .separator--overwritten .secondary-button:hover {
  font-weight: bold;
  -webkit-box-shadow: 0 0 20px 0  var(--kh-green);
  box-shadow: 0 0 20px 0  var(--kh-green);
}

.separator-module .separator--overwritten:before {
  background-color: #282828;
  background-image: none;
}
.separator-module .separator--overwritten ul li:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 16 16'%3E %3Cpath fill='%23fff' fill-rule='nonzero' d='M5.176 16a.882.882 0 0 1-.628-.26.894.894 0 0 1 0-1.255l4.605-4.604a2.663 2.663 0 0 0 .781-1.882 2.61 2.61 0 0 0-.781-1.882L4.548 1.512a.894.894 0 0 1 0-1.255.894.894 0 0 1 1.255 0l4.604 4.605a4.402 4.402 0 0 1 1.302 3.137 4.402 4.402 0 0 1-1.302 3.136L5.803 15.74a.881.881 0 0 1-.627.26Z'/%3E %3C/svg%3E");
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 16 16'%3E %3Cpath fill='%23fff' fill-rule='nonzero' d='M5.176 16a.882.882 0 0 1-.628-.26.894.894 0 0 1 0-1.255l4.605-4.604a2.663 2.663 0 0 0 .781-1.882 2.61 2.61 0 0 0-.781-1.882L4.548 1.512a.894.894 0 0 1 0-1.255.894.894 0 0 1 1.255 0l4.604 4.605a4.402 4.402 0 0 1 1.302 3.137 4.402 4.402 0 0 1-1.302 3.136L5.803 15.74a.881.881 0 0 1-.627.26Z'/%3E %3C/svg%3E");
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  background-color: currentColor;
  background-image: none!important;
  position: absolute;
  top: 0.7em;
  left: 0;
  transform: translateY(calc(-50% - 1px));
}

.sep_desc, .sep_mob {
  object-fit: cover;
  object-position: right;
  width: 100%;
  height: 100%;
}
.sep_mob,
.separator-module .separator--overwritten {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(-50vw + calc(100% - 50%));
}
.sep_desc {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
.separator__text {
  {#{ require_css(get_asset_url("/dtad_2023/css/khws-px.css")) }#}
  max-width: 100%;
  width: 100%;
}
.separator--overwritten .separator__text h2,
.separator--overwritten .separator__text h5 {
  font-family: DTAD Open Sans,Segoe UI,Tahoma,sans-serif;
  font-weight: 300;
}
.separator--overwritten .rich-text a {
  color: var(--kh-green);
  font-size: inherit;
  line-height: 0.875rem;
  position: relative;
}
.separator--overwritten .rich-text a::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: currentColor;
  height: 1px;
  width: 100%;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition: -webkit-transform 0.2s ease-in;
  transition: -webkit-transform 0.2s ease-in;
  transition: transform 0.2s ease-in;
  transition: transform 0.2s ease-in, -webkit-transform 0.2s ease-in;
}
.separator--overwritten .rich-text a:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

@media (min-width: 991px) {
  .separator-module .rich-text {
    padding-right: 0;
  }
  .separator-module .separator {
    padding-left: calc((360 / 1200) * 100%);
    padding-right: calc((240 / 1200) * 100%);
    padding-top: 90px;
    padding-bottom: 120px;
  }
  .separator-module .separator.svg-bird {
    padding-left: 170px;
    padding-right: calc((459 / 1200) * 100%);
  }
  
 {# .separator-module .separator .bird {
    display: block;
    right: 0;
    top: 0;
    height: 100%;
  } 
  .separator-module .separator .bird svg {
    height: 100%;
  }
  .separator-module .separator .bird-mobile {
    display: none;
  } #}
  
  .separator-module .separator .bracket {
    display: block;
  }
  .separator-module .separator .bracket-mobile {
    display: none;
  }
  .separator-module ul li {
    margin-bottom: 18px;
    font-size: 18px;
    line-height: normal;
  }
  .separator-module ul li:before {
    width: 22px;
    height: 18px;
    top: 5px;
  }
  .separator-module .separator--overwritten {
    padding-left: calc((360 / 1200) * 30%);
    padding-right: calc((240 / 1200) * 30%);
  }
}

@media (min-width: 1024px) {
  .sep_desc {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .sep_mob {
    display: none;
  }
  .separator-module .separator--overwritten {
    width: 100%;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc((360 / 1200) * 30%);
    padding-right: calc((240 / 1200) * 30%);
    padding-top: 90px;
    padding-bottom: 120px;
  }
  .separator-module .separator--overwritten ul li:before {
    width: 14px;
    height: 14px;
    top: 0.7em;
  }
  .separator__text {
    max-width: 50%;
    width: 100%;
  }
}

@media (min-width: 1545px) {
  .separator-module .separator.svg-bird {
    padding-left: 80px;
  }
}