/* Domains and pricing table section */
.box-domaintld {
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    padding: 25px 20px 10px 20px;
    background-color: #fff;
}
.badge-domainavailable {
    font-weight: 600;
    background-color:#7CB342 !important;
    font-size: 15px;
    border-radius: 10px;
}
.badge-domainunavailable {
    font-weight: 600;
    background-color: #d4405b !important;
    font-size: 15px;
    border-radius: 10px;
}
.domain-full-name {
    margin-bottom: 0px;
    font-weight: 700;
}
.span-domainprice {
    font-size: 18px;
    font-weight: 700;
}
.span-domainrenewprice {
    font-weight: 300;
}
.header__tld > h3 {
    font-size: 25px;
    font-weight: 900;
    color: #fe8722;
}
.header__domainprice > p {
    margin-bottom: 0px;
    font-weight: 300;
    font-size: 15px;
}
/* Domains loader */
#loading-indicator {
    background: #fff3cd;
    border: 1px solid #ffeeba;
    padding: 1em;
    margin-top: 1em;
    border-radius: 5px;
    color: #856404;
    font-weight: bold;
}
.loader {
  width: 128px;
  height: 128px;
  border: 3px dotted #f49698;
  border-style: solid solid dotted dotted;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 2s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 3px #ffb858;
  border-style: solid solid dotted;
  width: 64px;
  height: 64px;
  border-radius: 50%;
  animation: rotationBack 1s linear infinite;
  transform-origin: center center;
}
    
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
@keyframes rotationBack {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-360deg);
  }
}