.language {
  font-family: "Roboto", sans-serif;
}

span.language_sep {
  opacity: 30%;
}

.language-container-header {
  width: 100%;
  background: #d01141;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
  padding-bottom: 8px;
  font-size: 12px;
  max-width: 100%;
  height: 33px;
}
.language-container-header a {
  text-decoration: none;
  font-family: "Roboto";
  font-weight: normal;
  font-size: 12px;
  text-align: left;
  color: #fff;
}
.language-container-header a.selected {
  color: #1FB2C9;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  text-align: left;
  color: #fff;
}
.language-container-header span {
  width: 0px;
  height: 13.5px;
  background: transparent;
  color: #c4c4c4;
  opacity: 0.3;
}
@media screen and (max-width: 800px) {
  .language-container-header {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .language-container-header {
    padding-top: 10px;
    padding-bottom: 9px;
    font-size: 10px;
  }
}

.language-container-bottom {
  width: 880px;
  margin-left: auto;
  margin-right: auto;
  padding: 14px 0;
  font-size: 12px;
  max-width: 100%;
}
.language-container-bottom a {
  text-decoration: none;
  color: black;
}
.language-container-bottom a.selected {
  color: #1FB2C9;
  text-decoration: none;
}
@media screen and (max-width: 800px) {
  .language-container-bottom {
    max-width: 100%;
  }
}

.search-area-container-body {
  width: 587px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  margin-top: 15px;
  margin-bottom: 35px;
}
.search-area-container-body .ma_logo_of_domain_extention {
  margin-bottom: 13px;
  width: 264px;
  height: 181px;
}
@media screen and (max-width: 767px) {
  .search-area-container-body .ma_logo_of_domain_extention {
    width: 314px;
    height: 215px;
  }
}
.search-area-container-body .title {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 25px;
  font-size: 20px;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 767px) {
  .search-area-container-body .title {
    font-size: 22px;
  }
}
.search-area-container-body .description {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-align: center;
  color: #333;
}
@media screen and (max-width: 767px) {
  .search-area-container-body .description {
    font-size: 16px;
    margin-bottom: 17px;
    padding: 0px;
  }
}
@media screen and (max-width: 800px) {
  .search-area-container-body {
    max-width: 100%;
  }
  .search-area-container-body .description {
    font-size: 16px;
  }
}

.inforamtion-area-container-body {
  width: 587px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: left;
}
.inforamtion-area-container-body .title {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  margin-bottom: 33px;
  text-align: left;
  color: #333;
}
.inforamtion-area-container-body .description {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 24px;
  text-align: left;
  color: #333;
  margin-bottom: 33px;
}
@media screen and (max-width: 800px) {
  .inforamtion-area-container-body {
    max-width: 100%;
  }
  .inforamtion-area-container-body .description {
    font-size: 12px;
  }
}

.search-area-container-available {
  width: 587px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 800px) {
  .search-area-container-available {
    max-width: 100%;
  }
}
.search-area-container-available .title {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  font-size: 16px;
  text-align: left;
  color: #333;
  margin-bottom: 41px;
}
@media screen and (max-width: 767px) {
  .search-area-container-available .title {
    font-size: 12px;
    margin-top: 12px;
    margin-bottom: 11px;
  }
  .search-area-container-available .title img {
    width: 21px;
  }
}
.search-area-container-available .available-action {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media screen and (max-width: 800px) {
  .search-area-container-available .available-action {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .search-area-container-available .available-action {
    margin-top: 3px;
  }
}
.search-area-container-available .available-action .domain-name {
  width: 228px;
  height: 35px;
  padding-top: 12px;
  padding-bottom: 13px;
  text-align: left;
  color: #1a1a1a;
  font-size: 15px;
  font-weight: normal;
}
@media screen and (max-width: 800px) {
  .search-area-container-available .available-action .domain-name {
    margin: 0px;
    width: 201px;
    padding-left: 14px;
  }
}
@media screen and (max-width: 767px) {
  .search-area-container-available .available-action .domain-name {
    width: 201px;
    height: 48px;
    padding-top: 15px;
    padding-bottom: 17px;
    font-size: 14px;
    margin-right: 11px;
    padding-right: 0px;
    padding-left: 2%;
  }
}
.search-area-container-available .available-action .available {
  width: 214px;
  height: 35px;
  padding-top: 12px;
  padding-bottom: 13px;
  text-align: left;
  color: #419539;
  font-size: 15px;
  font-weight: bold;
  color: #419639;
}
@media screen and (max-width: 800px) {
  .search-area-container-available .available-action .available {
    max-width: 100%;
    width: 300px;
  }
}
@media screen and (max-width: 767px) {
  .search-area-container-available .available-action .available {
    width: 141px;
    height: 48px;
    padding-top: 15px;
    padding-bottom: 17px;
    padding-left: 14px;
    font-size: 12px;
    margin-right: auto;
  }
}
.search-area-container-available .available-action .button-register {
  width: 116px;
  height: 35px;
  background: #d11341;
  padding-top: 8px;
  padding-bottom: 13px;
  transition: 0.2s;
  text-align: left;
  color: #fff;
  justify-content: center;
  font-size: 13px;
  font-weight: 400;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .search-area-container-available .available-action .button-register {
    width: 353px;
    height: 46px;
    font-size: 12px;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.search-area-container-available .available-action .button-register .red_rec_and_arrow {
  transition: 0.2s;
  margin-top: 8px;
  width: 21.98px;
  height: 5.56px;
  margin-left: 10px;
  background: transparent;
}
@media screen and (max-width: 767px) {
  .search-area-container-available .available-action .button-register .red_rec_and_arrow {
    margin: 0px;
  }
}
.search-area-container-available .available-action .button-register:hover {
  background-color: white;
  color: #D11341;
  border: 1px solid #D11341;
}

.text-input-container {
  margin-top: 23px;
  width: 100%;
  direction: ltr !important;
}
.text-input-container input {
  width: 414px;
  height: 53px;
  background: transparent;
  border: 2px solid #D11341;
  padding-left: 17px;
  font-size: 15px;
}
.text-input-container input:focus-visible {
  border: 2px solid #D11341;
  outline-width: 2px;
  outline-color: #D11341;
}
@media screen and (max-width: 767px) {
  .text-input-container input {
    width: 355px;
    height: 46px;
  }
  .text-input-container input:focus-visible {
    border: 2px solid #D11341;
    outline-width: 2px;
    outline-color: #D11341;
  }
}
.text-input-container button {
  width: 174px;
  height: 53px;
  background: transparent;
  border: 2px solid #D11341;
  border-left: 0px;
  background-color: #D11341;
  color: white;
  transition: 0.2s;
  font-size: 13px;
}
@media screen and (max-width: 767px) {
  .text-input-container button {
    width: 353px;
    height: 46px;
  }
}
.text-input-container button:hover {
  background-color: white;
  color: #D11341;
}
.text-input-container button .arrow_icon {
  transition: 0.2s;
  margin-left: 12px;
  width: 27px;
  height: 15px;
}
@media screen and (max-width: 800px) {
  .text-input-container {
    display: flex;
    flex-direction: column;
    margin-top: 0px;
  }
  .text-input-container input {
    width: 100%;
    height: 46px;
    margin-bottom: 4px;
  }
  .text-input-container button {
    width: 100%;
    border: 2px solid #D11341;
    height: 46px;
  }
}

.text-input-container {
  display: flex;
}

.search-area-container-not-available {
  width: 587px;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
.search-area-container-not-available .title {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  margin-bottom: 46px;
}
@media screen and (max-width: 800px) {
  .search-area-container-not-available .title {
    margin-left: 0px;
    padding-right: 15px;
    margin-bottom: 19px;
  }
}
.search-area-container-not-available .info-part-1 {
  margin-bottom: 30px;
}
.search-area-container-not-available .info-part-1 .sub-part {
  background: #b7d2a6;
  margin-bottom: 1px;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 6px;
  margin-bottom: 1px;
}
.search-area-container-not-available .info-part-1 .sub-part .firstChild-title {
  padding-left: 20px;
  font-weight: 500;
}
@media screen and (max-width: 800px) {
  .search-area-container-not-available .info-part-1 .sub-part .firstChild-title {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.search-area-container-not-available .info-part-1 .thetitle {
  padding-top: 57px;
  padding-bottom: 59px;
  padding-left: 44px;
  color: #939393;
}
.search-area-container-not-available .info-part-1 div.thebody {
  padding-right: 312px;
}
@media screen and (max-width: 800px) {
  .search-area-container-not-available .info-part-1 div.thebody {
    font-size: 12px;
    padding-right: 0px;
  }
}
.search-area-container-not-available .info-part-2 {
  margin-bottom: 30px;
}
.search-area-container-not-available .info-part-2 .sub-part {
  background: #b7d2a6;
  margin-bottom: 1px;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 6px;
  margin-bottom: 1px;
}
.search-area-container-not-available .info-part-2 .sub-part .firstChild-title {
  padding-left: 20px;
  font-weight: 500;
}
.search-area-container-not-available .info-part-2 .thetitle {
  font-family: "Roboto";
  font-weight: 500;
  font-size: 13px;
  text-align: left;
  color: #333;
  padding-top: 35px;
  padding-bottom: 38px;
  padding-left: 20px;
}
.search-area-container-not-available .info-part-2 div.thebody {
  padding-right: 312px;
}
@media screen and (max-width: 800px) {
  .search-area-container-not-available .info-part-2 div.thebody {
    font-size: 12px;
    padding-right: 0px;
  }
}
@media screen and (max-width: 800px) {
  .search-area-container-not-available {
    max-width: 100%;
  }
}

.text-input-container > input ::-webkit-input-placeholder {
  padding-left: 23px;
  color: #C4C4C4;
}

.example_extensions {
  font-size: 13px;
  text-align: left;
  color: #333;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  margin-bottom: 30px;
}
.example_extensions .domain_ext {
  color: #419639;
}

.example_extensions_top {
  display: none;
}
@media screen and (max-width: 767px) {
  .example_extensions_top {
    display: block;
    text-align: start;
    font-size: 10px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    margin: 0px;
    padding-bottom: 3px;
  }
  .example_extensions_top .domain_ext {
    color: #419639;
  }
}

.main {
  min-height: calc(100vh - 46px);
}

.container {
  width: 100%;
}
@media screen and (max-width: 800px) {
  .container {
    margin-left: 30px;
    margin-right: 30px;
    width: auto;
  }
}

html[lang=ar] {
  font-family: "Almarai", sans-serif !important;
}
html[lang=ar] .language-container-header a {
  text-align: right;
}
html[lang=ar] .language-container-header a.selected {
  text-align: right;
}
html[lang=ar] .text-input-container {
  direction: rtl !important;
}
html[lang=ar] .text-input-container button img {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
html[lang=ar] .inforamtion-area-container-body {
  text-align: right;
}
html[lang=ar] .inforamtion-area-container-body .title {
  text-align: right;
}
html[lang=ar] .inforamtion-area-container-body .description {
  text-align: right;
}
html[lang=ar] .search-area-container-available .title {
  text-align: right;
}
html[lang=ar] .search-area-container-available .available-action .domain-name {
  text-align: left;
}
html[lang=ar] .search-area-container-available .available-action .button-register {
  text-align: left;
  padding: 8px 12px;
  white-space: nowrap;
  width: auto;
  height: auto;
  max-width: 100%;
}
html[lang=ar] .info-part-2 .thetitle {
  text-align: right;
}
html[lang=ar] .info-part-2 .firstChild-title {
  padding-right: 20px;
  font-weight: 500;
}
html[lang=ar] .info-part-2 .thetitle {
  padding-right: 20px;
  font-weight: 500;
}
html[lang=ar] .info-part-1 .thetitle {
  text-align: right;
}
html[lang=ar] .info-part-1 .firstChild-title {
  padding-right: 20px;
  font-weight: 500;
}
html[lang=ar] .example_extensions {
  text-align: right;
}
html[lang=ar] .search-area-container-available .available-action {
  direction: ltr !important;
}
html[lang=ar] .text-input-container input {
  color: #000000;
  text-align: right;
  padding: 16px;
}
html[lang=ar] .text-input-container button {
  border: 2px solid #D11341;
}
html[lang=ar] .text-input-container > input ::-webkit-input-placeholder {
  color: #C4C4C4;
  text-align: right;
}
html[lang=ar] .text-input-container > input::-moz-placeholder {
  color: #C4C4C4;
  text-align: right;
}
html[lang=ar] .text-input-container > input:-ms-input-placeholder {
  color: #C4C4C4;
  text-align: right;
}
html[lang=ar] .text-input-container > input::-ms-input-placeholder {
  color: #C4C4C4;
  text-align: right;
}
html[lang=ar] .text-input-container > input::placeholder {
  color: #C4C4C4;
  text-align: right;
}
html[lang=ar] .title {
  font-family: "Almarai", sans-serif !important;
}

html[lang=ar] * {
  font-family: "Almarai", sans-serif !important;
}

/*# sourceMappingURL=index.css.map */