body:has(.wdes-domaintransfer-illustrated) #main-body {
  padding-top: 0;
}
body:has(.wdes-domaintransfer-illustrated) #main-body > .container {
  width: 100%;
  max-width: 100%;
  padding: 0;
}
body:has(.wdes-domaintransfer-illustrated) #main-body > .container > .row {
  margin: 0;
}
body:has(.wdes-domaintransfer-illustrated) #main-body > .container > .row > .main-content {
  padding: 0;
}

.wdes-domaintransfer-illustrated_intro {
  position: relative;
  overflow: hidden;
  padding: var(--spacing-10x) 0 0;
  margin-bottom: var(--spacing-10x);
}
.wdes-domaintransfer-illustrated_intro::before, .wdes-domaintransfer-illustrated_intro::after {
  content: "";
  position: absolute;
  top: 0;
  width: 46%;
  height: 260px;
  background: var(--brand-primary-gradient);
  opacity: 0.12;
  pointer-events: none;
}
.wdes-domaintransfer-illustrated_intro::before {
  left: 0;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.wdes-domaintransfer-illustrated_intro::after {
  right: 0;
  clip-path: polygon(100% 0, 100% 100%, 0 0);
}

.wdes-domaintransfer-illustrated_intro_row {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-6x);
}

.wdes-domaintransfer-illustrated_intro_illustration {
  flex: 0 0 240px;
  max-width: 240px;
}
.wdes-domaintransfer-illustrated_intro_illustration svg {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 991px) {
  .wdes-domaintransfer-illustrated_intro_illustration {
    display: none;
  }
}

.wdes-domaintransfer-illustrated_intro_inner {
  position: relative;
  z-index: 1;
  flex: 1 1 auto;
  min-width: 0;
  max-width: 640px;
  margin: 0 auto;
  text-align: center;
}

.wdes-domaintransfer-illustrated_intro_heading {
  font-size: var(--font-size-h1);
  line-height: var(--line-height-h1);
  font-weight: var(--font-weight-bold);
  margin: 0 0 var(--spacing-2x);
}

.wdes-domaintransfer-illustrated_intro_desc {
  color: var(--gray-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  margin: 0 0 var(--spacing-5x);
}

.wdes-domaintransfer-illustrated_intro_note {
  margin: var(--spacing-2x) 0 0;
  font-size: var(--font-size-xs);
  color: var(--gray-base);
  text-align: center;
}

.wdes-domaintransfer-illustrated_search #transferUnavailable {
  margin-top: var(--spacing-3x);
}

.wdes-domaintransfer-illustrated_search_box {
  display: flex;
  align-items: center;
  gap: var(--spacing-2x);
  max-width: 100%;
  background: var(--block-bg);
  border: var(--block-border);
  border-radius: 999px;
  box-shadow: var(--box-shadow-base);
  padding: var(--spacing-1x) var(--spacing-2x);
}
.wdes-domaintransfer-illustrated_search_box #inputTransferDomain {
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  padding: 0;
  font-size: var(--font-size-md);
  height: auto;
}
.wdes-domaintransfer-illustrated_search_box #inputTransferDomain:focus {
  box-shadow: none;
}

#order-phox #inputAuthCode {
  display: none;
}

@media screen and (max-width: 480px) {
  .wdes-domaintransfer-illustrated_search_box {
    flex-wrap: wrap;
    border-radius: var(--block-radius);
    padding: var(--spacing-3x);
  }
  .wdes-domaintransfer-illustrated_search_icon {
    display: none;
  }
  .wdes-domaintransfer-illustrated_search_btn {
    flex: 1 1 100%;
    margin-top: var(--spacing-2x);
  }
}
.wdes-domaintransfer-illustrated_search_icon {
  color: var(--gray-lighter);
  font-size: var(--font-size-lg);
}

.wdes-domaintransfer-illustrated_search_btn {
  border-radius: 999px;
  white-space: nowrap;
}

.wdes-domaintransfer-illustrated_tlds {
  padding: 0 0 var(--spacing-8x) 0;
}

.wdes-domaintransfer-illustrated_tlds_grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 280px));
  justify-content: center;
  gap: var(--spacing-3x);
}

.wdes-domaintransfer-illustrated_tld-card {
  background: var(--block-bg);
  border: var(--block-border);
  border-radius: var(--block-radius);
  box-shadow: var(--box-shadow-sm);
  padding: var(--spacing-4x);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.wdes-domaintransfer-illustrated_tld-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--box-shadow-base);
}

.wdes-domaintransfer-illustrated_tld-card_icon {
  display: flex;
  align-items: center;
  height: 40px;
  margin-bottom: var(--spacing-4x);
}
.wdes-domaintransfer-illustrated_tld-card_icon img {
  max-height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.wdes-domaintransfer-illustrated_tld-card_footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-2x);
  padding-top: var(--spacing-3x);
  border-top: 1px solid var(--gray-lighter-4);
}

.wdes-domaintransfer-illustrated_tld-card_price {
  color: var(--gray-base);
  font-size: var(--font-size-base);
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .wdes-domaintransfer-illustrated_intro_row {
    flex-direction: column;
  }
}/*# sourceMappingURL=domaintransfer.css.map */