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

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

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

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

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

.wdes-domainreg-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-domainreg-illustrated_intro_desc {
  color: var(--gray-base);
  font-size: var(--font-size-md);
  line-height: var(--line-height-md);
  margin: 0 0 var(--spacing-6x);
}

.wdes-domainreg-illustrated_search-panel {
  text-align: left;
  background: var(--block-bg);
  border: var(--block-border);
  border-radius: var(--block-radius);
  box-shadow: var(--box-shadow-base);
  padding: var(--spacing-5x) var(--spacing-6x);
}
@media screen and (max-width: 767px) {
  .wdes-domainreg-illustrated_search-panel {
    padding: var(--spacing-4x);
  }
}

.wdes-domainreg-illustrated_tabs {
  display: inline-flex;
  gap: 2px;
  padding: 3px;
  margin-bottom: var(--spacing-4x);
  background: var(--gray-lighter-4);
  border-radius: 999px;
}

.wdes-domainreg-illustrated_tab {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-1x);
  background: none;
  border: none;
  border-radius: 999px;
  padding: var(--spacing-1x) var(--spacing-3x);
  color: var(--gray-base);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semi-bold);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.wdes-domainreg-illustrated_tab i {
  font-size: var(--font-size-xs);
}
.wdes-domainreg-illustrated_tab:hover {
  color: var(--text-heading-color);
}
.wdes-domainreg-illustrated_tab.is-active {
  background: var(--block-bg);
  color: var(--brand-primary);
  box-shadow: var(--box-shadow-sm);
}
@media screen and (max-width: 480px) {
  .wdes-domainreg-illustrated_tab {
    flex: 1 1 auto;
    justify-content: center;
  }
}

#order-phox .wdes-domainreg-illustrated_search-panel .form-control.w-hidden {
  display: none;
}

#order-phox .wdes-domain-register-box-filter.w-hidden {
  display: none;
}

.wdes-domainreg-illustrated_search-panel .domain-register-box {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.wdes-domainreg-illustrated_search-panel .domain-register-box .form-control {
  flex: 1 1 auto;
  width: auto;
}

.wdes-domainreg-illustrated_search-panel #btnCheckAvailability i {
  display: none;
}

.wdes-domainreg-illustrated_search-panel form.domain-checker-advanced #btnCheckAvailability i {
  display: inline-block;
}

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