/****************************************home**********************************/
@font-face {
    font-family: "avenirnextcyr-bold";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Bold.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr-BoldItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-BoldItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr-Demi";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Demi.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr-DemiItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-DemiItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr-Heavy";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Heavy.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr-HeavyItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-HeavyItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Italic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Italic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Light";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Light.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_LightItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-LightItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Demi";
    src: url("../fonts/AvenirNextCyr-Demi.woff2") format("woff2"), url("../fonts/AvenirNextCyr-Demi.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Medium";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Medium.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_MediumItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-MediumItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Regular";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Regular.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_Thin";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-Thin.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_ThinItalic";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-ThinItalic.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_UltraLight";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-UltraLight.woff") format("woff");
  }
  @font-face {
    font-family: "avenirnextcyr_UltraLightIt";
    src: url("../fonts/AvenirNextCyr/AvenirNextCyr-UltraLightIt.woff") format("woff");
  }
  /*---- Arab Fonts ----*/
  @font-face {
    font-family: "gess-two-bold";
    src: url("../fonts/arab-fonts/GESSTwoBold-Bold.woff") format("woff");
    src: url("../fonts/arab-fonts/GESSTwoBold-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "gess-two-light";
    src: url("../fonts/arab-fonts/GESSTwoLight-Light.woff") format("woff");
    src: url("../fonts/arab-fonts/GESSTwoLight-Light.woff2") format("woff2");
  }
  @font-face {
    font-family: "gess-two-medium";
    src: url("../fonts/arab-fonts/GESSTwoMedium-Medium.woff") format("woff");
    src: url("../fonts/arab-fonts/GESSTwoMedium-Medium.woff2") format("woff2");
  }
  @font-face {
    font-family: "droid-arabic-kufi-bold";
    src: url("../fonts/arab-fonts/DroidArabicKufi-Bold.woff") format("woff");
    src: url("../fonts/arab-fonts/DroidArabicKufi-Bold.woff2") format("woff2");
  }
  @font-face {
    font-family: "droid-arabic-kufi-regular";
    src: url("../fonts/arab-fonts/DroidArabicKufi.woff") format("woff");
    src: url("../fonts/arab-fonts/DroidArabicKufi.woff2") format("woff2");
  }
  /*---- Arab Fonts ----*/
  /* ----------color----------------  */
  /* ----------color----------------  */
  /* ----------fonts----------------  */
  /* ----------fonts----------------  */
  /* --------- Arab fonts ----------------- */
 
  .header-logo {
    margin: 18px 0;
    transition: all .3s ease-in-out;
  }
  @media (max-width: 575.98px) {
    .header-logo {
      margin: 10px 0;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header-logo {
      margin: 10px 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo {
      margin: 20px 0;
      /* padding-bottom: 7px; */
    }
  }
  @media (max-width: 575.98px) {
    .header-logo .container {
      padding: 0;
      text-align: center;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header-logo .container {
      padding: 0;
      text-align: center;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .container {
      padding: 0;
    }
  }
  .header-logo .header-logo-img {
    padding-inline-start: 0;
    padding-inline-end: 0;
  }
  @media (max-width: 575.98px) {
    .header-logo .header-logo-img {
      margin-bottom: 20px;
    }
  }
  .header-logo .header-logo-img h2 {
    font-family: "avenirnextcyr-Demi";
    font-size: 24px;
    display: inline-block;
    color: #303866;
    margin-inline-start: 24px;
  }
  @media (max-width: 430px) {
    .header-logo .header-logo-img h2 {
      font-size: 18px;
      margin-inline-start: 0;
    }
  }
  @media (max-width: 575.98px) {
    .header-logo .header-logo-img h2 {
      margin-inline-start: 1px;
      font-size: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .header-logo-img h2 {
      margin-inline-start: 2px;
      font-size: 20px;
    }
  }
  .header-logo .header-logo-img img {
    display: inline-block;
    width:60px;
  }
  @media (max-width: 430px) {
    .header-logo .header-logo-img img {
      width: 45px !important;
    }
  }
  @media (max-width: 575.98px) {
    .header-logo .header-logo-img img {
      width: 65px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .header-logo-img img {
      width: 90px;
    }
  }
  .header-logo .header-logo-icons {
    padding: 0;
    margin: auto;
  }
  .header-logo .header-logo-icons ul {
    /* width: 150px; */
    /* margin-inline-end: 30px; */
    margin-inline-end: 20px;
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .header-logo-icons ul {
      margin-inline-end: 20px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .header-logo .header-logo-icons ul {
      margin-inline-end: 20px;
    }
  }
  .header-logo .header-logo-icons ul li {
    position: relative;
    display: inline-block;
  }
  .header-logo .header-logo-icons ul li:not(:last-child) {
    margin-inline-end: 30px;
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .header-logo-icons ul li:not(:last-child) {
      margin-inline-end: 30px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .header-logo .header-logo-icons ul li:not(:last-child) {
      margin-inline-end: 30px;
    }
  }
  .header-logo .header-logo-icons ul li:not(:last-child)::before {
    position: absolute;
    content: url("../images/home/col1.png");
    left: 30px;
    top: 5px;
    right: unset;
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .header-logo .header-logo-icons ul li:not(:last-child)::before {
      left: 33px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .header-logo .header-logo-icons ul li:not(:last-child)::before {
      left: 33px;
    }
  }
  .header-logo .header-logo-icons ul li a i {
    color: #414141;
    font-size: 17px;
    transition: all .3s ease-in-out;
  }
  .header-logo .header-logo-icons ul li a i:last-child {
    color: #303866;
  }
  .header-logo .header-logo-icons ul li a i:hover {
    transform: scale(1.2);
  }
  .header-logo .header-logo-icons form {
    position: absolute;
    top: 45px;
    border-bottom: 1px solid #303866;
    height: 40px;
    right: 5px;
    width: 220px;
    text-align: center;
    line-height: 40px;
    z-index: 999;
    display: none;
  }
  @media (max-width: 575.98px) {
    /* .header-logo .header-logo-icons form {
      right: unset;
    } */
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    /* .header-logo .header-logo-icons form {
      right: unset;
    } */
  }
  .header-logo .header-logo-icons form input {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0 10px;
    color: #303866;
  }
  .header-logo .header-logo-icons form input::placeholder {
    color: #303866;
  }
  .header-logo .header-logo-icons form i {
    position: absolute;
    right: -2px;
    top: 13px;
    color: #303866;
    font-size: 20px;
    transition: all .3s ease-in-out;
    cursor: pointer;
  }
  .header-logo .header-logo-icons form i:hover {
    transform: scale(1.1);
  }
  .header-logo .header-logo-icons button {
    font-family: "gess-two-light";
    font-size: 17.2px;
    transition: all .3s ease-in-out;
  }
  .header-logo .header-logo-icons button:hover {
    background-color: #fff;
    color: #303866;
    border: 1px solid;
  }

  button {
    border: none;
    outline: none;
    background-color: #303866;
    color: #fff;
    width: 84px;
    height: 33px;
    border-radius: 17px 17px;
    padding: 0;
  }

  .header-content-nav nav {
    padding: 0;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #fff;
  }
  @media (max-width: 575.98px) {
    .header-content-nav nav {
      border-bottom: none;
      padding-bottom: 10px;
      padding-top: 10px;
    }
  }
  @media (max-width: 575.98px) and (max-width: 575.98px) {
    .header-content-nav nav .navbar-toggler {
      margin-left: auto;
      width: 30px;
      position: relative;
      right: 32px;
    }
    .header-content-nav nav .navbar-toggler::before {
      font-family: 'FontAwesome';
      content: '\f0c9';
      position: absolute;
      top: 0;
      font-size: 30px;
    }
  }

  .header-content-nav nav ul {
    width: 100%;
    justify-content: space-between !important;
  }
  @media (max-width: 575.98px) {
    .header-content-nav nav ul {
      padding-inline-start: 10px;
    }
  }
  .header-content-nav nav ul li {
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    text-transform: uppercase;
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header-content-nav nav ul li {
      font-size: 12px;
    }
  }
  .header-content-nav nav ul li a {
    color: #fff;
    transition: all .3s ease-in-out;
  }
  .header-content-nav nav ul li a:focus {
    box-shadow: none;
    outline: none;
  }
  .header-content-nav nav ul li a:hover {
    color: #3ec7f4;
  }
  .header-content-nav nav ul li .dropdown-menu {
    left: -52px;
    top: 135%;
    float: left;
    color: #212529;
    border-radius: 0;
    border-top: 4px solid rgba(0, 170, 255, 0.755);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  @media (max-width: 575.98px) {
    .header-content-nav nav ul li .dropdown-menu {
      width: 100%;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header-content-nav nav ul li .dropdown-menu {
      min-width: unset !important;
      width: 155px;
      text-align: center;
      padding: 0;
    }
  }
  .header-content-nav nav ul li .dropdown-menu .dropdown-item {
    color: #303866;
    border: 0;
    transition: all .3s ease-in-out;
  }
  .header-content-nav nav ul li .dropdown-menu .dropdown-item:hover {
    color: #3ec7f4;
    background-color: transparent;
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .header-content-nav nav ul li .dropdown-menu .dropdown-item {
      white-space: unset;
      font-size: 12px;
    }
  }
  .header-content-nav nav ul li .dropdown-menu .dropdown-item:not(:last-child) {
    border-bottom: 1px solid #414141;
  }

  input {
    outline: none;
    border: none;
    background-color: transparent;
  }

  * {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }

  .row {
    margin: 0;
  }

  /* --------- Start Header --------*/
  /* header .header-content {
    background-image: url("../images/home/bg-header.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 90px;
    transition: all .3s ease-in-out;
  } */
  @media (max-width: 575.98px) {
    header .header-content {
      padding: 0;
      /* padding-bottom: 130px; */
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-content {
      padding: 0;
      /* padding-bottom: 60px; */
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-content {
      padding: 0;
      /* padding-bottom: 60px; */
    }
  }
  @media (max-width: 575.98px) {
    header .header-content .container {
      padding: 0 4px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-content .container {
      padding: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-content .container {
      padding: 0;
    }
  }
  header .header-heading {
    margin-top: 90px;
    margin-bottom: 65px;
  }
  @media (max-width: 575.98px) {
    header .header-heading {
      margin-top: 0;
      margin-bottom: 22px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-heading {
      margin-top: 36px;
      margin-bottom: 33px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-heading {
      margin-top: 53px;
      margin-bottom: 43px;
    }
  }
  header .header-heading h2 {
    color: #fff;
    font-family: "avenirnextcyr-bold";
    font-size: 42px;
    margin-bottom: 13px;
  }
  @media (max-width: 575.98px) {
    header .header-heading h2 {
      font-size: 15px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-heading h2 {
      font-size: 23px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-heading h2 {
      font-size: 31px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    header .header-heading h2 {
      font-size: 40px;
    }
  }
  header .header-heading span {
    color: #fff;
    font-family: "avenirnextcyr_Regular";
    font-size: 28px;
  }
  @media (max-width: 575.98px) {
    header .header-heading span {
      font-size: 14px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-heading span {
      font-size: 20px;
    }
  }
  header .header-form {
    width: 84%;
    margin: auto;
  }
  @media (max-width: 575.98px) {
    header .header-form {
      width: 100%;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form {
      width: 100%;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-form {
      width: 100%;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    header .header-form {
      width: 94%;
    }
  }
  header .header-form form {
    padding-inline-start: 38px;
    padding-inline-end: 5px;
    height: 70px;
    width: 100%;
    border-radius: 50px;
    background-color: #fff;
    direction:ltr;
  }
  @media (max-width: 575.98px) {
    header .header-form form {
      padding-inline-start: 10px;
      height: 50px;
      flex-wrap: wrap;
      line-height: 50px;
      background-color: transparent;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form {
      padding-inline-start: 10px;
      height: 50px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-form form {
      padding-inline-start: 18px;
    }
  }
  header .header-form form input {
    color: #000;
    width: 48%;
  }
  @media (max-width: 575.98px) {
    header .header-form form input {
      padding-inline-start: 10px;
      font-size: 15px;
      width: 100%;
      height: 40px;
      border-radius: 50px;
      background-color: #fff;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form input {
      font-size: 13px;
    }
  }
  header .header-form form .dropdown-form {
    width: 45%;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form {
      width: 100%;
    }
  }
  header .header-form form .dropdown-form .dropdown {
    margin: auto;
    position: relative;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown {
      margin-inline-start: auto;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown {
      margin-inline-start: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-form form .dropdown-form .dropdown {
      margin-inline-start: 0;
    }
  }
  @media (max-width: 430px) {
    header .header-form form .dropdown-form .dropdown:last-child {
      margin-inline-start: 12px !important;
    }
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown:last-child {
      margin-inline-start: 43px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown:last-child {
      margin-inline-start: 43px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-form form .dropdown-form .dropdown:last-child {
      margin-inline-start: 50px;
    }
  }
  header .header-form form .dropdown-form .dropdown:last-child::before {
    position: absolute;
    content: "";
    left: -57px;
    top: 10px;
    height: 25px;
    width: 1px;
    background-color: #c7c4b7;
  }
  @media (max-width: 430px) {
    header .header-form form .dropdown-form .dropdown:last-child::before {
      display: none;
      left: -45px !important;
    }
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown:last-child::before {
      position: absolute;
      content: "";
      left: -66px;
      top: 20px;
      height: 18px;
      width: 1px;
      background-color: #c7c4b7;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown:last-child::before {
      position: absolute;
      content: "";
      left: -39px;
      top: 9px;
      height: 18px;
      width: 1px;
      background-color: #c7c4b7;
    }
  }
  header .header-form form .dropdown-form .dropdown:last-child button {
    margin: auto;
    position: relative;
    transition: all .3s ease-in-out;
  }
  header .header-form form .dropdown-form .dropdown:last-child button:hover {
    color: #3ec7f4;
  }
  header .header-form form .dropdown-form .dropdown:last-child button::before {
    position: absolute;
    font-family: 'FontAwesome';
    color: #007ab5;
    content: "\f0ac";
    left: -36px;
    top: 3.5px;
    font-size: 20px;
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    header .header-form form .dropdown-form .dropdown:last-child button::before {
      top: 1.5px;
    }
  }
  @media (max-width: 430px) {
    header .header-form form .dropdown-form .dropdown:last-child button::before {
      left: -22px !important;
    }
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown:last-child button::before {
      left: -24px;
      top: 2px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown:last-child button::before {
      left: -22px;
    }
  }
  header .header-form form .dropdown-form .dropdown button {
    margin: auto;
    padding: 0;
    font-family: "avenirnextcyr_Medium";
    font-size: 20px;
    color: #696767;
  }
  header .header-form form .dropdown-form .dropdown button:hover {
    color: #3ec7f4;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown button {
      font-size: 16px;
      color: #fff;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown button {
      font-size: 16px;
    }
  }
  header .header-form form .dropdown-form .dropdown .dropdown-toggle::after {
    border: none;
    content: url("../images/home/arrow.png");
    vertical-align: 0.1em;
  }
  header .header-form form .dropdown-form .dropdown-menu {
    left: -87px !important;
    padding: 15px 20px;
    top: 30px !important;
    width: 200px;
    border-radius: 12px 12px;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown-menu {
      padding: 0px 20px;
      left: -58px !important;
      width: 119px !important;
      top: 5px !important;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown-menu {
      left: -65px !important;
      width: 150px !important;
      padding: 9px 20px;
    }
  }
  header .header-form form .dropdown-form .dropdown-menu::after {
    position: absolute;
    content: url("../images/home/Triangle 1.png");
    left: unset;
    top: -18px;
    right: 16px;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown-menu::after {
      top: -31px;
      right: 10px;
    }
  }
  header .header-form form .dropdown-form .dropdown-menu a {
    font-family: "avenirnextcyr-bold";
    font-size: 16px;
    color: #303866;
    padding-inline-start: 39px;
    position: relative;
    background-color: transparent;
    transition: all .3s ease-in-out;
  }
  header .header-form form .dropdown-form .dropdown-menu a:hover {
    color: #3ec7f4;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown-menu a {
      padding-inline-start: 29px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form .dropdown-form .dropdown-menu a {
      padding-inline-start: 29px;
    }
  }
  header .header-form form .dropdown-form .dropdown-menu a::before {
    position: absolute;
    left: 0;
    top: 2px;
    font-family: 'FontAwesome';
    color: #25b7d3;
    content: "\f05a";
    font-size: 20px;
  }
  header .header-form form .dropdown-form .dropdown-menu a:first-child {
    padding-bottom: 10px;
    margin-bottom: 5px;
    border-bottom: 1px solid #414141;
  }
  header .header-form form .dropdown-form .dropdown-menu a:first-child::before {
    content: "\f0ac";
    color: #007ab5;
  }
  @media (max-width: 575.98px) {
    header .header-form form .dropdown-form .dropdown-menu a:first-child::before {
      top: 5px;
    }
  }
  header .header-form form > button {
    margin: auto;
    height: 55px;
    width: 138px;
    border-radius: 30px 30px;
    font-family: "avenirnextcyr_Medium";
    font-size: 18px;
    transition: all .3s ease-in-out;
  }
  header .header-form form > button:hover {
    border: 1px solid;
    background-color: #3ec7f4;
  }
  @media (max-width: 575.98px) {
    header .header-form form > button {
      height: 45px;
      width: 175px;
      font-size: 14px;
      margin-top: 19px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    header .header-form form > button {
      height: 40px;
      width: 90px;
      font-size: 14px;
    }
  }
  header .header-form form .btn.focus,
  header .header-form form .btn:focus {
    box-shadow: none;
  }

  /* --------- End Header --------*/
  .whois {
    background-image: url("../images/home/bg-whois.png");
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 45px;
    padding-bottom: 72px;
  }
  @media (max-width: 575.98px) {
    .whois {
      padding-top: 16px;
      padding-bottom: 16px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .whois {
      padding-top: 16px;
      padding-bottom: 16px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .whois {
      padding-top: 20px;
      padding-bottom: 16px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .whois {
      padding-top: 30px;
      padding-bottom: 47px;
    }
  }
  @media (max-width: 575.98px) {
    .whois .row div:nth-child(3) {
      margin: auto;
    }
  }
  @media (max-width: 575.98px) {
    .whois .row div {
      padding: 0;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .whois .row div {
      padding: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .whois .row div {
      padding: 0;
    }
  }
  .whois img {
    width: 128px;
    display: block;
    margin: auto;
    margin-bottom: 33px;
    transition: all .3s ease-in-out;
  }
  .whois img:hover {
    transform: scale(1.2);
  }
  @media (max-width: 575.98px) {
    .whois img {
      width: 100px;
      margin-bottom: 6px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .whois img {
      width: 100px;
      margin-bottom: 6px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .whois img {
      width: 120px;
    }
  }
  .whois span a {
    font-family: "avenirnextcyr_Medium";
    font-size: 20px;
    color: #002d5c;
    transition: all .3s ease-in-out;
  }
  .whois span a:hover {
    transform: scale(1.2);
    color: #3ec7f4;
  }
  .whois span a:hover {
    text-decoration: none;
  }
  .whois p {
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    margin-top: 16px;
    color: #213368;
    width: 90%;
    text-align: justify;
  }
  @media (max-width: 575.98px) {
    .whois p {
      width: 98%;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .whois p {
      margin-top: 7px;
      width: 100%;
      font-size: 14px;
    }
  }

  /*---------- Start CITRA ---------*/
  .citra {
    margin: 100px 0;
  }
  @media (max-width: 575.98px) {
    .citra {
      margin: 0;
      margin-top: 30px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra {
      margin: 0;
      margin-top: 30px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .citra {
      margin: 0;
      margin-top: 30px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .citra {
      margin: 50px 0;
    }
  }
  .citra .citra-content {
    padding-inline-end: 35px;
  }
  .citra .citra-content > p {
    text-align: end;
    font-family: "avenirnextcyr_Medium";
    font-size: 13px;
    color: #3ec7f4;
    position: relative;
    padding-inline-end: 70px;
    margin-bottom: 31px;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content > p {
      margin-bottom: 5px;
      text-align: start;
      padding-inline-start: 70px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra .citra-content > p {
      margin-bottom: 5px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .citra .citra-content > p {
      margin-bottom: 5px;
    }
  }
  .citra .citra-content > p::after {
    position: absolute;
    content: "";
    left: unset;
    top: 8px;
    height: 1px;
    width: 41px;
    background-color: #000;
    right: 0;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content > p::after {
      left: 0;
    }
  }
  .citra .citra-content div {
    text-align: end;
    margin-bottom: 19px;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content div {
      margin-bottom: 7px;
      text-align: start;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra .citra-content div {
      margin-bottom: 7px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .citra .citra-content div {
      margin-bottom: 7px;
    }
  }
  .citra .citra-content div h2 {
    font-family: "avenirnextcyr-bold";
    font-size: 41px;
    color: #213368;
    margin-bottom: 0;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content div h2 {
      font-size: 33px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra .citra-content div h2 {
      font-size: 33px;
    }
  }
  .citra .citra-content div p {
    text-transform: uppercase;
    margin: 0;
    font-family: "avenirnextcyr_Medium";
    font-size: 30px;
    color: #213368;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content div p {
      font-size: 22px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra .citra-content div p {
      font-size: 22px;
    }
  }
  .citra .citra-content article p, .citra .citra-content article h6 {
    line-height: 1.8;
    margin-bottom: 2px;
    text-align: justify;
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    color: #213368;
  }
  @media (max-width: 575.98px) {
    .citra .citra-content article p, .citra .citra-content article h6 {
      font-size: 14px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .citra .citra-content article p, .citra .citra-content article h6 {
      font-size: 14px;
    }
  }
  .citra .citra-img img {
    width: 100%;
    transition: all .3s ease-in-out;
  }
  .citra .citra-img img:hover {
    transform: scale(1.1);
  }

  /*---------- End CITRA ---------*/
  /* --------- Start announcements -*/
  .announcements {
    margin-top: 66px;
    padding-bottom: 65px;
  }
  @media (max-width: 575.98px) {
    .announcements {
      margin-top: 25px;
      padding-bottom: 0;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements {
      margin-top: 25px;
      padding-bottom: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements {
      margin-top: 25px;
      padding-bottom: 0;
    }
  }
  .announcements .announcement-open {
    padding-top: 55px;
    padding-bottom: 40px;
    border-radius: 25px 25px;
    -webkit-box-shadow: 12px 12px 16px 0px #3038662b;
    -moz-box-shadow: 12px 12px 16px 0px #3038662b;
    -o-box-shadow: 12px 12px 16px 0px #3038662b;
    box-shadow: 12px 12px 16px 0px #3038662b;
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-open {
      order: 2;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-open {
      order: 2;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements .announcement-open {
      order: 2;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  .announcements .announcement-open div:first-child {
    border-bottom: 1px dashed #c7c4b7;
  }
  .announcements .announcement-open div:first-child strong {
    font-family: "avenirnextcyr-bold";
    font-size: 60px;
    color: #9f9f9f;
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    .announcements .announcement-open div:first-child strong {
      font-size: 59px;
    }
  }
  @media (max-width: 430px) {
    .announcements .announcement-open div:first-child strong {
      font-size: 28px !important;
    }
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-open div:first-child strong {
      font-size: 40px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-open div:first-child strong {
      font-size: 40px;
    }
  }
  .announcements .announcement-open div:first-child span {
    color: #9f9f9f;
    font-family: "avenirnextcyr-bold";
    font-size: 16px;
  }
  .announcements .announcement-open div:first-child h2 {
    margin-top: -12px;
    color: #169d00;
    font-family: "avenirnextcyr-bold";
    font-size: 21.2px;
    margin-bottom: 26px;
  }
  @media (max-width: 430px) {
    .announcements .announcement-open div:first-child h2 {
      margin-top: 12px !important;
    }
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-open div:first-child h2 {
      font-size: 19px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-open div:first-child h2 {
      font-size: 19px;
    }
  }
  .announcements .announcement-open div:last-child {
    margin-top: 23px;
  }
  @media (max-width: 430px) {
    .announcements .announcement-open div:last-child {
      margin-top: 16px !important;
    }
  }
  .announcements .announcement-open div:last-child p {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: "avenirnextcyr-bold";
    font-size: 19px;
    color: #303866;
  }
  @media (max-width: 430px) {
    .announcements .announcement-open div:last-child p {
      font-size: 13px !important;
    }
  }
  .announcements .announcement-open div:last-child span {
    display: block;
    font-family: "avenirnextcyr_Medium";
    font-size: 14.3px;
    color: #303866;
  }
  .announcements .announcement-slider {
    /* padding-top: 55px;
    padding-bottom: 40px; */
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 25px 25px;
    -webkit-box-shadow: 12px 12px 16px 0px #3038662b;
    -moz-box-shadow: 12px 12px 16px 0px #3038662b;
    -o-box-shadow: 12px 12px 16px 0px #3038662b;
    box-shadow: 12px 12px 16px 0px #3038662b;
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-slider {
      order: 1;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-slider {
      order: 1;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements .announcement-slider {
      order: 1;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  .announcements .announcement-slider .carousel-indicators {
    bottom: 53px;
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-slider .carousel-indicators {
      bottom: 40px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-slider .carousel-indicators {
      bottom: 40px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements .announcement-slider .carousel-indicators {
      bottom: 40px;
    }
  }
  .announcements .announcement-slider .carousel-indicators li {
    opacity: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d1d1d1;
    transition: all .3s ease-in-out;
  }
  .announcements .announcement-slider .carousel-indicators li:hover {
    background-color: #3ec7f4;
  }
  .announcements .announcement-slider .carousel-indicators .active {
    background-color: #3ec7f4;
  }
  .announcements .announcement-slider .carousel-inner .carousel-item div h3 {
    margin-bottom: 14px;
    font-family: "avenirnextcyr-bold";
    font-size: 29px;
    color: #303866;
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-slider .carousel-inner .carousel-item div h3 {
      font-size: 22px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-slider .carousel-inner .carousel-item div h3 {
      font-size: 22px;
    }
  }
  .announcements .announcement-slider .carousel-inner .carousel-item div p {
    font-family: "avenirnextcyr_Regular";
    font-size: 14.3px;
    color: #303866;
    width: 80%;
    margin: auto;
    line-height: 1.8;
    margin-bottom: 60px;
    text-align: justify;
  }
  /* @media(max-width:992px){
    .announcements .announcement-slider .carousel-inner .carousel-item div p {
      text-align: center;
    }
  } */
  @media (max-width: 575.98px) {
    .announcements .announcement-slider .carousel-inner .carousel-item div p {
      margin-bottom: 40px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-slider .carousel-inner .carousel-item div p {
      margin-bottom: 40px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements .announcement-slider .carousel-inner .carousel-item div p {
      margin-bottom: 40px;
    }
  }
  .announcements .announcement-slider .carousel-inner .carousel-item div a {
    font-family: "avenirnextcyr_Medium";
    font-size: 14px;
    color: #fff;
    margin: auto;
    display: block;
    width: 200px;
    text-decoration: none;
    border-radius: 25px;
    background-color: #3ec7f4;
    padding: 14px 0;
    transition: all .3s ease-in-out;
  }
  .announcements .announcement-slider .carousel-inner .carousel-item div a:hover {
    color: #3ec7f4;
    background-color: #fff;
    border: 1px solid;
  }
  .announcements .announcement-call {
    padding-top: 55px;
    padding-bottom: 40px;
    border-radius: 25px 25px;
    -webkit-box-shadow: 12px 12px 16px 0px #3038662b;
    -moz-box-shadow: 12px 12px 16px 0px #3038662b;
    -o-box-shadow: 12px 12px 16px 0px #3038662b;
    box-shadow: 12px 12px 16px 0px #3038662b;
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-call {
      order: 3;
      margin-bottom: 32px;
      padding-top: 13px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-call {
      order: 3;
      margin-bottom: 32px;
      padding-top: 13px;
      padding-bottom: 17px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    .announcements .announcement-call {
      order: 3;
      margin-bottom: 32px;
      padding-top: 17px;
      padding-bottom: 17px;
    }
  }
  .announcements .announcement-call img {
    transition: all .3s ease-in-out;
    width: 128px;
  }
  .announcements .announcement-call img:hover {
    transform: scale(1.2);
  }
  @media (max-width: 290px) {
    .announcements .announcement-call img {
      width: 95px !important;
    }
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-call img {
      width: 120px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-call img {
      width: 120px;
    }
  }
  .announcements .announcement-call p {
    margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: "avenirnextcyr-bold";
    font-size: 19px;
    color: #303866;
  }
  @media (max-width: 430px) {
    .announcements .announcement-call p {
      font-size: 13px !important;
    }
  }
  @media (max-width: 575.98px) {
    .announcements .announcement-call p {
      margin-top: 4px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    .announcements .announcement-call p {
      margin-top: 4px;
    }
  }
  .announcements .announcement-call span {
    display: block;
    font-family: "avenirnextcyr_Medium";
    font-size: 14.3px;
    color: #303866;
  }

  /* --------- Start announcements -*/
  /*---------- End footer ---------*/
  footer {
    background-color: #fcfcfc;
    padding-top: 30px;
  }
  .footer-contact{
    text-align: justify;
  }
  @media(max-width:768px){
    .footer-contact{
      text-align: center;
    }
  }
  @media (max-width: 575.98px) {
    footer {
      text-align: center;
      padding-top: 30px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer {
      padding-top: 30px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer {
      padding-top: 30px;
    }
  }
  @media (min-width: 992px) and (max-width: 1199.98px) {
    footer {
      padding-top: 30px;
    }
  }
  footer .container {
    position: relative;
  }
  /* @media (max-width: 575.98px) {
    footer .container .row > div:nth-child(2) {
      display: flex;
      justify-content: space-around;
    }
  } */
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .container {
      text-align: center;
    }
  }
  footer .container > img {
    width: 88px;
    position: fixed;
    bottom: 10px;
    right: 15px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
  }
  footer .container > img:hover {
    transform: scale(1.2);
  }
  @media (max-width: 575.98px) {
    footer .container > img:hover {
      transform: scale(1);
    }
  }
  @media (max-width: 575.98px) {
    footer .container > img {
      width: 60px;
      /* bottom: -30px; */
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .container > img {
      width: 60px;
      /* bottom: -30px; */
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .container > img {
      width: 70px;
      /* bottom: -30px; */
    }
  }
  footer .footer-content {
    position: relative;
    padding-bottom: 0px;
  }
  @media (max-width: 575.98px) {
    footer .footer-content {
      padding-bottom: 0;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-content {
      padding-bottom: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-content {
      padding-bottom: 0;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-content .footer-img {
      padding-inline-end: 0;
    }
  }
  footer .footer-content .footer-img img {
    width: 214px;
  }
  footer .footer-content .footer-img p {
    margin-top: 5px;
    font-family: "avenirnextcyr_Medium";
    font-size: 14px;
    color: #203167;
    line-height: 1.7;
  }
  @media (max-width: 575.98px) {
    footer .footer-content .footer-img p {
      margin-top: 5px;
      margin-bottom: 20px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-content .footer-img p {
      margin-top: 5px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-content .footer-img p {
      margin-top: 5px;
    }
  }
  @media (max-width: 575.98px) {
    footer .footer-content .footer-img img {
      width: 170px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-content .footer-img img {
      width: 140px;
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-content .footer-img img {
      width: 140px;
    }
  }
  footer .footer-content h5 {
    font-family: "avenirnextcyr-Demi";
    font-size: 16px;
    color: #203167;
  }
  @media (max-width: 575.98px) {
    footer .footer-content .h-small {
      margin-bottom: 20px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-content .h-small {
      margin-bottom: 20px;
    }
  }
  footer .footer-content ul li {
    margin-bottom: 8px;
  }
  footer .footer-content ul li a {
    font-family: "avenirnextcyr_Regular";
    font-size: 16px;
    color: #203167;
    transition: all 0.3s ease-in-out;
    font-weight: bold;
  }
  footer .footer-content ul li a:hover {
    text-decoration: none;
    color: #3ec7f4;
  }
  @media (max-width: 575.98px) {
    footer .footer-content .footer-contact ul li {
      font-size: 13px;
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-content .footer-contact ul li {
      font-size: 14px;
    }
  }
  footer .footer-content .footer-contact ul li:nth-child(4), footer .footer-content .footer-contact ul li:nth-child(5), .twitter, .instagram {
    margin-top: 10px;
    width: 25px;
    /* height: 48px; */
    margin-inline-end: 7px;
    transition: all 0.3s ease-in-out;
  }
  .instagram:last-of-type {
    margin-inline-end:0px;
  }
  .twitter i , .instagram i{
    color: #303866!important;
    font-size: 20px!important;
  }
  footer .footer-content .footer-contact ul li:nth-child(4) a, footer .footer-content .footer-contact ul li:nth-child(5) a, .instagram a, .twitter a {
    display: block;
    color: #cd74c2;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
  }
  footer .footer-content .footer-contact ul li:nth-child(4):hover, footer .footer-content .footer-contact ul li:nth-child(5):hover, .twitter:hover, .instagram:hover {
    transform: scale(1.2);
  }
  /* footer .footer-content .footer-contact ul li:nth-child(4):nth-child(4), footer .footer-content .footer-contact ul li:nth-child(5):nth-child(4), .instagram, .twitter {
    background-image: url("../images/home/bg-blue.png");
  } */
  @media (max-width: 575.98px) {
    footer .footer-content .footer-contact ul li:nth-child(4):nth-child(4), footer .footer-content .footer-contact ul li:nth-child(5):nth-child(4) {
      display: none !important;
    }
  }
  footer .footer-content .footer-contact ul li:nth-child(4):nth-child(5), footer .footer-content .footer-contact ul li:nth-child(5):nth-child(5) {
    background-image: url("../images/home/ba-move.png");
  }
  @media (max-width: 575.98px) {
    footer .footer-content .footer-contact ul li:nth-child(4):nth-child(5), footer .footer-content .footer-contact ul li:nth-child(5):nth-child(5) {
      display: none !important;
    }
  }
  footer .footer-content .icon-sm {
    display: none;
  }
  @media (max-width: 575.98px) {
    footer .footer-content .icon-sm {
      display: block;
    }
  }
  footer .footer-content .icon-sm li {
    margin-top: 10px;
    width: 48px;
    height: 48px;
    margin-inline-end: 7px;
    transition: all 0.3s ease-in-out;
  }
  footer .footer-content .icon-sm li:hover {
    transform: scale(1.2);
  }
  footer .footer-content .icon-sm li:first-child {
    background-image: url("../images/home/bg-blue.png");
  }
  footer .footer-content .icon-sm li:first-child a {
    color: #cd74c2;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
  }
  footer .footer-content .icon-sm li:last-child {
    background-image: url("../images/home/ba-move.png");
  }
  footer .footer-content .icon-sm li:last-child a {
    color: #cd74c2;
    font-size: 20px;
    text-align: center;
    line-height: 48px;
  }
  footer .footer-para {
    color: #717f8a;
    padding: 20px 0;
    margin-bottom: 0;
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
  }
  @media (max-width: 575.98px) {
    footer .footer-para {
      padding: 15px 0;
      /* margin-bottom: 11px; */
    }
  }
  @media (min-width: 576px) and (max-width: 767.98px) {
    footer .footer-para {
      padding: 15px 0;
      /* margin-bottom: 11px; */
    }
  }
  @media (min-width: 768px) and (max-width: 991.98px) {
    footer .footer-para {
      padding: 15px 0;
      /* margin-bottom: 11px; */
    }
  }

  /********************************************about us*********************************/


  .our-mission .breadcrumb {
    background-color: transparent;
    margin-top: 1rem;
    padding-left: 0px;
  }

  .our-mission .breadcrumb .breadcrumb-item a {
    color: #a4a5a9;
  }

  .our-mission .breadcrumb .breadcrumb-item.active {
    color: #213069;
  }

  .our-mission .about-contents {
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    color: #213368;
  }

  .our-mission .about-contents p {
    margin-bottom: 0px;
    text-align: justify;
  }

  .our-mission .breadcrumb-item + .breadcrumb-item::before {
    content: ">" !important;
    padding-right: 5px;
  }

  .our-mission .breadcrumb-item + .breadcrumb-item {
    padding-left: 5px;
  }

  .mission-points {
    list-style: none;
    margin-top: 60px;
    margin-bottom: 65px;
  }

  .mission-points li {
    margin-bottom: 25px;
    padding-left: 40px;
    position: relative;
  }

  .mission-points li:last-child {
    margin-bottom: 0px;
  }

  .mission-points li::before {
    content: attr(data-before-content);
  }


  .mission-points li:before {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #3ec7f3;
    position: absolute;
    left: 0px;
    top: 0px;
    text-align: center;
    line-height: 26px;
    color: #fff;
    font-size: 14px;
  }

  /*************************************our mission************************/
  .h2 {
    font-family: "avenirnextcyr_Demi";
    font-size: 32.26px;
    color: #303866;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
  }

  /*************************************our goals***********************/
  .our-goals {
    padding-top: 60px;
    padding-bottom: 75px;
    background-color: #eee;
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    color: #213368;
    background-image: url("../images/home/goals-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 30% center;
  }

  .our-goals p {
    margin-bottom: 0px;
  }

  .h2-2 {
    font-family: "avenirnextcyr_Demi";
    font-size: 32.26px;
    color: #303866;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px;
  }

  /*******************************MEDIA QUERY*************************/
  @media (max-width: 768px) {
    .our-mission p {
      text-align: justify;
    }
    .mission-points {
      margin-top: 50px;
      margin-bottom: 50px;
    }
    .mission-points li {
      padding-left: 30px;
      text-align: justify;
    }
    .our-goals {
      padding-top: 50px;
      padding-bottom: 70px;
    }
  }
  /***********************************************registration method**************************/
  .row {
    margin: auto 0px;
  }

  .breadcrumb {
    background-color: transparent;
    margin-top: 1rem;
    padding-left: 0px;
  }

  .breadcrumb .breadcrumb-item {
    font-size: 16px;
    font-family: 'avenirnextcyr_Medium';
  }

  .breadcrumb .breadcrumb-item a {
    color: #a4a5a9;
  }

  .breadcrumb .breadcrumb-item.active {
    color: #213069;
  }

  .about-contents {
    font-family: 'DroidArabicKufiRegular', 'Open Sans', sans-serif;
    font-size: 16px;
    color: #213368;
  }

  .about-contents p {
    margin-bottom: 0px;
  }

  .about-contents li:last-child{
    margin-bottom:0;
  }
    .about-contents ol {
    list-style: none;
    margin-top: 60px;
    margin-bottom: 65px;
  }

  .about-contents li {
    margin-bottom: 25px;
    padding-right: 40px;
    position: relative;
    text-align: justify;
  }

  .breadcrumb-item + .breadcrumb-item::before {
    content: ">";
  }

  .registrar {
    max-width: 360px;
    height: 277px;
    border: 1px solid #e1e1e1;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 30px;
    margin-bottom: 28px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
  }

  .registrar .registrar-logo {
    min-height: 175px;
    padding-bottom: 35px;
  }

  .registrar .manage-btn a {
    display: block;
    width: 200px;
    text-align: center;
    /* background-color: #3ec7f4; */
    background-color: #303866;
    height: 45px;
    color: #fff;
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    text-transform: uppercase;
    line-height: 45px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
  }

  .registrar .manage-btn a:hover {
    background-color: #3ec7f4;
    text-decoration: none;
  }

  .current-registrars .breadcrumb {
    padding-left: 15px;
  }
/*********************************************policies******************************/
.policies .policies-content .policies-p {
  font-family: "avenirnextcyr_Medium";
  font-size: 16px;
  color: #213368;
  text-align: justify;
}

@media (max-width: 768px) {
  .policies .policies-content .policies-p {
    text-align: center;
  }
}

.alert-info {
  color: #525659 !important;
  background-color: #e4f3ff !important;
  border-color: transparent !important;
  border-radius: 30px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 768px) {
  .alert-info {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.my-alert {
  font-family: "avenirnextcyr_Medium";
  font-size: 18px;
  color: #525659;
  /* margin-top: 65px; */
  margin-top: 40px;
}

.my-alert .circle {
  width: 50px;
  height: 50px;
  color: #fff;
  background-color: #3ec7f4;
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-size: 31.81px;
  text-align: center;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
}

@media (max-width: 768px) {
  .my-alert .circle {
    display: block;
    margin: 10px auto;
  }
}

.my-alert .desclaimer {
  font-family: "avenirnextcyr_Medium";
  font-size: 18px;
  color: #216093;
}

.documents ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  padding: 15px 0px;
  padding-right: 38px;
  padding-left: 48px;
}

@media (max-width: 768px) {
  .documents ul li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.documents ul li:hover {
  -webkit-box-shadow: 13px 6px 15px #f5f7fb,               9px -6px 15px #f5f7fb;
          box-shadow: 13px 6px 15px #f5f7fb,               9px -6px 15px #f5f7fb;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

.documents .document-img img {
  width: 65px;
  height: 70px;
}

.documents span {
  margin-left: 40px;
  font-family: "avenirnextcyr_Medium";
  font-size: 18px;
  color: #2d2d2d;
}

@media (max-width: 768px) {
  .documents span {
    margin-left: 0px;
    text-align: center;
    margin-top: 15px;
  }
}

.documents .download-btn {
  margin-left: auto;
}

@media (max-width: 768px) {
  .documents .download-btn {
    margin-right: auto;
    margin-top: 25px;
  }
}

.documents .download-btn a {
  display: block;
  width: 175px;
  height: 45px;
  text-align: center;
  /* border: 2px solid #3f75a1; */
  background-color: #303866;
  color: #fff;
  font-family: "avenirnextcyr_Medium";
  font-size: 14px;
  line-height: 43px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.documents .download-btn a:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3ec7f4;
}

.text {
  padding-left: 50px;
  text-align: justify;
}

@media (max-width: 768px) {
  .text {
    text-align: center;
    padding-left: 0px;
  }
}

@media (max-width: 768px) {
  .documents ul li {
    padding-left: 0;
    padding-right: 0;
  }
}
/*******************************************************faqs op ********************************/



.breadcrumb {
  background-color: transparent;
  margin-top: 1rem;
  padding-left: 0px;
}

.breadcrumb .breadcrumb-item {
  font-family: "avenirnextcyr_Medium";
  font-size: 18.04px;
}

.breadcrumb .breadcrumb-item a {
  color: #a4a5a9;
}

.breadcrumb .breadcrumb-item.active {
  color: #213069;
}

.breadcrumb-item + .breadcrumb-item::before {
  content: ">" !important;
  padding-right: 5px;
}

.faqs-content .faqs-p {
  font-family: "avenirnextcyr_Medium";
  font-size: 16px;
  color: #203167;
  text-align: justify;
}

/***************test*/
#accordion {
  margin-top: 60px;
}

.card {
  background-color: transparent;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: 6px 16px 15px #f5f7fb, 15px -7px 15px #f5f7fb;
          box-shadow: 6px 16px 15px #f5f7fb, 15px -7px 15px #f5f7fb;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  min-height: 65px;
  margin-bottom: 25px;
}

.card-header {
  background-color: transparent;
  border-bottom: none;
  font-size: 24px;
  position: relative;
  padding-left: 21px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.card-header button {
  border-bottom: none;
  background-color: transparent;
  font-size: 24px;
  color: #fff;
  font-family: "nunito_sans_black";
  text-transform: uppercase;
}

.card-header button:after {
  font-family: "FontAwesome";
  content: "";
  position: absolute;
  right: 25px;
  top: 25px;
  font-size: 12px;
  display: inline-block;
  border-radius: 4px;
  color: #203167;
  width: 27px;
  height: 27px;
  line-height: 26px;
  text-align: center;
  font-size: 16px;
}

.card-header button.collapsed:after {
  font-family: "FontAwesome";
  content: "";
  position: absolute;
  right: 25px;
  top: 25px;
  display: inline-block;
  line-height: 35px;
  font-size: 16px;
}

.card-body {
  font-size: 16px;
  font-family: "avenirnextcyr_Medium";
  color: #203167;
  text-align: justify;
  padding-right: 25px;
  padding-bottom: 15px;
  padding-top: 0px;
  font-size: 18px;
  width: 100%;
}

.card-header .btn-link {
  color: #203167;
  font-size: 18px;
  text-decoration: none;
  width: 100%;
  text-align: left;
  font-family: "avenirnextcyr_Demi";
  padding-left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.card-header {
  padding-right: 0px;
}

.btn-text {
  padding-right: 30px;
}

@media (max-width: 768px) {
  .card-header .btn-link {
    font-size: 15px;
  }
}

@media (max-width: 420px) {
  .btn-text {
    padding-right: 35px;
  }
  .card-body {
    font-size: 16px;
  }
}

@media (max-width: 280px) {
  .card-header .btn-link {
    font-size: 13px;
  }
}
/**************************************************contact us*********************************/
.contact-us .breadcrumb {
  padding-left: 15px;
}

@media (max-width: 768px) {
  .contact-us .breadcrumb {
    padding-left: 0px;
  }
}

.contact-us .contact-us-content .page-form h2 {
  font-family: "avenirnextcyr-Demi";
  font-size: 32.26px;
  color: #203167;
  text-transform: uppercase;
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  .contact-us .contact-us-content .page-form h2 {
    text-align: center;
  }
}

.contact-us .contact-us-content .page-form form .btn-secondary {
  color: #d2d2d2;
  background-color: transparent;
  border-color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .btn {
  text-align: left !important;
}

.contact-us .contact-us-content .page-form form .show > .btn-secondary.dropdown-toggle {
  color: #d2d2d2 !important;
  background-color: transparent !important;
  border-color: #d2d2d2 !important;
}

.contact-us .contact-us-content .page-form form .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.contact-us .contact-us-content .page-form form .dropdown {
  margin-bottom: 30px;
}

.contact-us .contact-us-content .page-form form .dropdown-toggle {
  width: 90%;
  height: 45px;
  border-radius: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 420px) {
  .contact-us .contact-us-content .page-form form .dropdown-toggle {
    padding-left: 18px;
  }
}

@media (max-width: 768px) {
  .contact-us .contact-us-content .page-form form .dropdown-toggle {
    width: 100%;
  }
}

.contact-us .contact-us-content .page-form form .dropdown-toggle:after {
  margin-left: auto;
  margin-right: 20px;
  border: none;
  content: "\f107";
  font-family: "FontAwesome";
  color: #203167;
  font-weight: bold;
  font-size: 25px;
}

.contact-us .contact-us-content .page-form form .contact-us__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d7d7d7;
  width: 90%;
  height: 45px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 30px;
  border-radius: 30px;
  color: #333;
  padding-left: 30px;
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
}

@media (max-width: 420px) {
  .contact-us .contact-us-content .page-form form .contact-us__input {
    padding-left: 18px;
  }
}

@media (max-width: 768px) {
  .contact-us .contact-us-content .page-form form .contact-us__input {
    width: 100%;
  }
}

.contact-us .contact-us-content .page-form form .contact-us__input::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__input:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__input::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__input::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__code {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: 1px solid #d7d7d7;
  height: 45px;
  color: #333;
  padding-left: 30px;
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-bottom: 30px;
  width: 100px;
}

@media (max-width: 420px) {
  .contact-us .contact-us-content .page-form form .contact-us__code {
    padding-left: 18px;
    width: 100px;
  }
}

.contact-us .contact-us-content .page-form form .contact-us__code::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__code:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__code::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__code::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__number {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #d7d7d7;
  height: 45px;
  color: #333;
  padding-left: 30px;
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  border-left: none;
  width: calc(90% - 100px);
  margin-left: -5px;
  margin-bottom: 30px;
}

@media (max-width: 768px) {
  .contact-us .contact-us-content .page-form form .contact-us__number {
    width: calc(100% - 100px);
  }
}

@media (max-width: 420px) {
  .contact-us .contact-us-content .page-form form .contact-us__number {
    padding-left: 18px;
  }
}

.contact-us .contact-us-content .page-form form .contact-us__number::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__number:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__number::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .contact-us__number::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .message {
  width: 90%;
  height: 135px;
  border: 1px solid #d7d7d7;
  padding-top: 15px;
  border-radius: 30px;
  color: #333;
  padding-left: 30px;
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
}

@media (max-width: 420px) {
  .contact-us .contact-us-content .page-form form .message {
    padding-left: 18px;
  }
}

@media (max-width: 768px) {
  .contact-us .contact-us-content .page-form form .message {
    width: 100%;
  }
}

.contact-us .contact-us-content .page-form form .message::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .message:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .message::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .message::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #d2d2d2;
}

.contact-us .contact-us-content .page-form form .number-div {
  position: relative;
}

.contact-us .contact-us-content .page-map {
  width: 100%;
}

@media (min-width: 992px) {
  .contact-us .contact-us-content .page-map {
    padding-left: 50px;
  }
}

.contact-us .contact-us-content .page-map h2 {
  font-family: "avenirnextcyr-Demi";
  font-size: 32.26px;
  color: #203167;
  text-transform: uppercase;
  margin-bottom: 35px;
}

.contact-us .contact-us-content .page-map h4 {
  font-family: "avenirnextcyr_Medium";
  font-size: 22px;
  color: #2d2d2d;
}

.contact-us .contact-us-content .page-map p {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #666666;
}

.contact-us .contact-us-content .page-map .map-img {
  width: 100%;
  position: relative;
}

.contact-us .contact-us-content .page-map .map-img .map-container {
  overflow: hidden;
  border-radius: 37px;
  -webkit-border-radius: 37px;
  -moz-border-radius: 37px;
  -ms-border-radius: 37px;
  -o-border-radius: 37px;
  -webkit-box-shadow: 10px 10px 15px rgba(175, 220, 255, 0.5), -10px -10px 15px rgba(175, 220, 255, 0.5);
          box-shadow: 10px 10px 15px rgba(175, 220, 255, 0.5), -10px -10px 15px rgba(175, 220, 255, 0.5);
}

.contact-us .contact-us-content .page-map .map-img .map-container #map {
  width: 100%;
  height: 465px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.address {
  margin-bottom: 35px;
}

@media (max-width: 768px) {
  .address {
    text-align: center;
    margin-top: 30px;
  }
}

.btn-text {
  font-family: "avenirnextcyr_Regular";
  font-size: 18px;
}

.send-btn {
  width: 200px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #303866;
  font-size: 14.3px;
  font-family: "avenirnextcyr_Medium";
  text-transform: uppercase;
  color: #fff;
  margin-top: 50px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all .3s ease-in-out ;
  -webkit-transition: all .3s ease-in-out ;
  -moz-transition: all .3s ease-in-out ;
  -ms-transition: all .3s ease-in-out ;
  -o-transition: all .3s ease-in-out ;
}
.send-btn:hover{
  background-color: #3ec7f4;
  text-decoration: none;
  color:#fff;
}
@media (max-width: 768px) {
  .send-btn {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }
}
/***********************************************search result***********************/
.search-result .search-result-content .num-of-results p {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #2d2d2d;
}

.search-result .search-result-content .link-text {
  font-size: 24px;
  color: #203167;
  font-family: "avenirnextcyr_Medium";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 420px) {
  .search-result .search-result-content .link-text {
    font-size: 18px;
  }
}

.search-result .search-result-content .link-text .doc {
  margin-right: 10px;
}

.search-result .search-result-content .link-description {
  font-family: "avenirnextcyr_Regular";
  color: #666666;
  font-size: 16px;
}

.search-result .search-result-content .link-description .inner-link {
  color: #216093;
}
@media(max-width:768px){
  .search-result .search-result-content .link-text .doc{
    text-align: justify;
  }
  .link-description{
    text-align: justify;
  }
}

/***********************************************error page****************************/
.oops {
  font-family: "avenirnextcyr_Regular";
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

.oops .oops-word {
  font-size: 124px;
  position: relative;
  top: -40px;
}

@media (min-width: 992px) and (max-width: 1199px) {
  .oops .oops-word {
    font-size: 91.25px;
  }
}

@media (max-width: 545px) {
  .oops .oops-word {
    font-size: 80.25px;
  }
}

@media (max-width: 435px) {
  .oops .oops-word {
    font-size: 45.25px;
  }
}

.oops .oops-word .o-letter {
  font-size: 316.25px;
  display: inline;
  margin-right: -85px;
  position: relative;
  top: 15px;
}

@media (max-width: 435px) {
  .oops .oops-word .o-letter {
    font-size: 200px;
    margin-right: -53px;
  }
}

.oops .oops-word .o-letter .www {
  width: 88px;
  position: absolute;
  bottom: 136px;
  left: 50px;
}

@media (max-width: 435px) {
  .oops .oops-word .o-letter .www {
    left: 40px;
    bottom: 90px;
    width: 45px;
  }
}

.oops .oops-word .o-letter .handle {
  position: absolute;
  bottom: 13px;
  left: 133px;
}

@media (max-width: 435px) {
  .oops .oops-word .o-letter .handle {
    width: 65px;
    left: 85px;
    bottom: 6px;
  }
}

.error-msg {
  padding-top: 118px;
}

@media (max-width: 992px) {
  .error-msg {
    padding-top: 0px;
    text-align: center;
  }
}

.error-msg h1 {
  font-family: "avenirnextcyr-bold";
  font-size: 45.54px;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 20px;
}

@media (max-width: 435px) {
  .error-msg h1 {
    font-size: 35px;
  }
}

.error-msg p {
  font-family: "avenirnextcyr_Regular";
  font-size: 22px;
  color: #fff;
}

.error-msg a {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 42px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  font-family: "avenirnextcyr_Medium";
  font-size: 14.3;
  border: 1px solid #fff;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  text-transform: uppercase;
}

@media (max-width: 992px) {
  .error-msg a {
    margin-left: auto;
    margin-right: auto;
  }
}

.error-msg a:hover {
  text-decoration: none;
  background-color: #213368;
  border: 1px solid #213368;
}

/***********************************************whois************************************/
.whois-page .whois-content .whois-p {
  font-size: 16px;
  font-family: "avenirnextcyr_Regular";
  color: #203167;
  margin-bottom: 65px;
}
.whois-page .whois-content {
  text-align: justify;
}

.whois-form-section {
  padding-top: 90px;
  padding-bottom: 70px;
  background-image: url("../images/whois-op/whois-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 42% 50%;
}

.whois-form-section .search-domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
          direction: ltr;
}

@media (max-width: 768px) {
  .whois-form-section .search-domain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media (max-width: 768px) {
  .whois-form-section .search-domain .search-img {
    margin-bottom: 25px;
  }
}

.whois-form-section .search-domain .search-domain__input {
  width: 450px;
  height: 42px;
  padding-left: 30px;
  border: 1px solid #d7d7d7;
  border-radius: 30px;
  margin-left: 25px;
  background-color: #fff;
  font-family: "avenirnextcyr_Regular";
}

@media (max-width: 768px) {
  .whois-form-section .search-domain .search-domain__input {
    margin-left: 0px;
    width: 100%;
    margin-bottom: 25px;
  }
}

.whois-form-section .search-domain .search-domain__input::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .search-domain .search-domain__input:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .search-domain .search-domain__input::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .search-domain .search-domain__input::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .search-domain .btn {
  width: 230px;
  height: 42px;
  border-radius: 30px;
  text-align: left !important;
  padding-left: 30px;
  margin-left: 25px;
}

@media (max-width: 768px) {
  .whois-form-section .search-domain .btn {
    width: 100%;
    margin-left: 0px;
  }
}

@media (max-width: 768px) {
  .whois-form-section .search-domain .dropdown {
    width: 100%;
    margin-bottom: 25px;
  }
}

.whois-form-section .search-domain .btn-secondary {
  color: #b8b8b8;
  background-color: #fff;
  border-color: #d7d7d7;
}

.whois-form-section .search-domain .dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.whois-form-section .search-domain .dropdown-toggle:after {
  margin-left: auto;
  margin-right: 20px;
  border: none;
  content: "\f107";
  font-family: "FontAwesome";
  color: #203167;
  font-weight: bold;
  font-size: 25px;
}

.whois-form-section .code-div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-inline-start: 50px;
}
.whois-form-section .code-div .code-img{
  direction:ltr;
}
@media (max-width: 768px) {
  .whois-form-section .code-div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-inline-start: 0px;
  }
}

@media (max-width: 768px) {
  .whois-form-section .code-div .code-img {
    margin-bottom: 25px;
    text-align: center;
  }
  .whois-form-section .code-div .code-img img {
    margin-bottom: 15px;
  }
}

.whois-form-section .code-div .code-img img {
  width: 75px;
}

.whois-form-section .code-div .code-text {
  font-family: "avenirnextcyr_Regular";
  padding-left: 30px;
  border: 1px solid #d7d7d7;
  border-radius: 30px;
  height: 42px;
  width: 45%;
  margin-left: 20px;
  background-color: #fff;
}
.domain-text{
  font-family: "avenirnextcyr_Regular";
}

@media (max-width: 768px) {
  .whois-form-section .code-div .code-text {
    width: 100%;
    margin-left: 0px;
  }
}

.whois-form-section .code-div .code-text::-webkit-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .code-div .code-text:-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .code-div .code-text::-ms-input-placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .code-div .code-text::placeholder {
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color: #b8b8b8;
}

.whois-form-section .search-btn {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.whois-form-section .search-btn a, .whois-form-section .search-btn button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 200px;
  height: 45px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #303866;
  color: #fff;
  text-transform: uppercase;
  /* font-family: 'Poppins', sans-serif; */
  font-family: "avenirnextcyr_Medium";
  font-size: 14.3px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition:  all .3s ease-in-out;
  -webkit-transition:  all .3s ease-in-out;
  -moz-transition:  all .3s ease-in-out;
  -ms-transition:  all .3s ease-in-out;
  -o-transition:  all .3s ease-in-out;
}

.whois-form-section .search-btn a:hover, .whois-form-section .search-btn button:hover {
  text-decoration: none;
  color: #fff;
  background-color: #3ec7f4;
}

.whois-form-section .show > .btn-secondary.dropdown-toggle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.whois-form-section .btn-secondary:not(:disabled):not(.disabled):active, .whois-form-section .show > .btn-secondary.dropdown-toggle {
  color: #b8b8b8;
  background-color: #fff;
  border: 1px solid #d7d7d7;
}

.whois-form-section .btn-secondary:not(:disabled):not(.disabled):active:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.padding-50 {
  padding: 50px 0px;
}

@media(max-width:768px){
  .whois-page .whois-content .whois-p{
    text-align: justify;
  }
}
/*************************************WHOIS RESULT**************************/
.whois-result{
  background-color: #f5f5f5;
}

.custom-padding{
  padding-top :35px!important;
  padding-bottom:40px !important;
}
.whois-result img{
  width: 100%;
   border-top: 1px solid #e6e6e6;
   border-left: 1px solid #e6e6e6;
   border-right: 1px solid #e6e6e6;
}
/************************************REGISTRY PAGE************************/
.registry-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top:12px;
  padding-bottom:15px;
  height:190px;
  box-shadow: 2px 15px 15px #e0e0e0;
}
.registry-header .registry-logo{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.registry-header .registry-logo img{
  width:145px;
  padding-bottom:10px;
}

.registry-header .registry-logo span{
  font-family: "avenirnextcyr-Demi";
  color: #303866;
}
.registry-content .first-sec-en{
  padding-top:40px;
}
.registry-content .first-sec-en h3{
  font-family: "avenirnextcyr_Regular";
  font-size: 24px;
  color:#002d5c;
}

.app-categories{
  padding-top:20px;
  list-style-type: none;
}
.app-categories li{
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color:#203167;
  margin-bottom:40px;
  position:relative;
  padding-left:40px;
}

.app-categories li:first-child:before {
  content: "1";
}

.app-categories li:nth-child(2):before {
  content: "2";
}

.app-categories li:nth-child(3):before {
  content: "3";
}

.app-categories li:nth-child(4):before {
  content: "4";
}

.app-categories li:before {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #3ec7f3;
  position: absolute;
  left: 0px;
  top: 0px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
}
.second-section{
  background-image: url("../images/registry/registry-bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding-top:45px;
  padding-bottom: 35px;
  background-position: 30% 50%;
}
.second-sec-en h3{
  color:#002d5c;
  font-family: "avenirnextcyr_Regular";
  font-size: 20px;
  margin-bottom: 0px;
}
.domain-names {
  list-style-type: none;
  padding-top:40px;
  margin-bottom: 0px;
}
.domain-names  li{
  display: flex;
  margin-bottom:40px;
}
.domain-names  li:last-child{
  margin-bottom: 0px;
}

.second-sec-en .domain-names li p{
   color:#203167;
   font-size: 16px;
   font-family: "avenirnextcyr_Regular";
   margin-left:15px;
   margin-bottom:0px;
}
 .domain-names  li a{
  font-family: "avenirnextcyr_Medium";
  font-size: 16px;
  color:#203167;
  min-width:85px;
  height:30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border:1px solid #203167;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}
.first-sec-ar{
  direction: rtl;
  text-align: right;
  padding-top:40px;
}

.first-sec-ar h3{
  font-family: "droid-arabic-kufi-bold";
  font-size: 22px;
  color:#16335b;
  margin-bottom: 0px;
}
.app-categories-ar{
  list-style-type: none;
  padding-top:42px;
}

.app-categories-ar li{
  padding-right:40px;
  font-family: "droid-arabic-kufi-regular";
  font-size: 18px;
  color:#203167;
  margin-bottom: 40px;
  position: relative;
}

.app-categories-ar li:last-child{
  margin-bottom: 0px;
}
.app-categories-ar li:first-child:before {
  content: "1";
}

.app-categories-ar li:nth-child(2):before {
  content: "2";
}

.app-categories-ar li:nth-child(3):before {
  content: "3";
}

.app-categories-ar li:nth-child(4):before {
  content: "4";
}
.app-categories-ar li:before {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #3ec7f3;
  position: absolute;
  right: 0px;
  top: 0px;
  text-align: center;
  line-height: 26px;
  color: #fff;
  font-size: 14px;
}
.second-sec-ar{
  direction: rtl;
  text-align: right;

}
.second-sec-ar h3{
  font-family: "droid-arabic-kufi-bold";
  font-size: 18px;
  color:#16335b;
  margin-bottom:0px;
}
.second-sec-ar .domain-names li p{
  font-family: "droid-arabic-kufi-regular";
  font-size: 18px;
  color:#203167;
  margin-right: 15px;
  margin-bottom: 0px;
}

.third-section{
  padding-top:30px;
}
.third-section .conditions-en li{
  font-family: "avenirnextcyr_Regular";
  font-size: 14px;
  color:#203167;
  margin-bottom:25px;
}
.en-form{
  margin-top:25px;
}
.en-form form{
  display: flex;
  justify-content: center;
}

.en-form form .accept{
  margin-inline-end: 58px;
}
.en-form form  label{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color:#002d5c;
  position: relative;
  display: flex;
  align-items: center;
}
.en-form form  label::before{
  content:"";
  width:25px;
  height: 25px;
  border:1px solid #d7d7d7;
  display: inline-block;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  margin-inline-end: 10px;
}
.en-form input[type="radio"]{
  -webkit-appearance:none ;
  appearance: none;
}
.en-form input[type="radio"]:checked+label::before{
background-image: url("../images/registry/check.png");
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
border:none;
}
.conditions-ar{
  direction: rtl;
  text-align: right;

}
.conditions-ar li{
  font-family: "droid-arabic-kufi-regular";
  /* font-size: 18px; */
  font-size: 17px;
  color:#203167;
  margin-bottom:15px;
}

.ar{
  direction: rtl;
}
.signature{
  display: flex;
  justify-content: flex-end;
  margin-top: 50px;
  padding-inline-end: 20px;
}
.en-sign{
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  color:#203167;
  padding-bottom: 0px;
  border-bottom:1px solid #a8acbc;
}
.en-sign:hover{
  text-decoration: none;

}
.ar-sign{
  font-family: "droid-arabic-kufi-regular";
  font-size: 16px;
  color:#203167;
  padding-bottom: 0px;
  border-bottom:1px solid #a8acbc;
}
.ar-sign:hover{
  text-decoration: none;

}
.ar-label{
  font-family: "droid-arabic-kufi-regular" !important;
  font-size: 18px !important;
  color:#16335b !important;
}
.proceed{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding-top:35px;
  padding-bottom:47px;
  width:48%;
  height:325px;
  border-radius: 40px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  box-shadow: 10px 9px 20px #ecf1f8, 9px -9px 15px #ecf1f8;
}
.ar-text{
  font-family: "droid-arabic-kufi-regular" ;
  font-size: 18px ;
  color:#203167 ;
  margin-top:47px;
}
.en-text{
  font-family: "avenirnextcyr_Regular";
  font-size: 19px ;
  color: #203167;
  margin-top:27px;
}
.proceed a{
  width:215px;
  height:45px;
  background-color: #3ec7f4;
  display: flex;
  align-items: center;
  justify-content: center;
  color:#fff;
  margin-left:auto;
  margin-right:auto;
  margin-top:42px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.proceed a:hover{
  text-decoration: none;
  background-color:#fff;
  color: #3ec7f4;
  border:1px solid #3ec7f4;
}
.proceed a .en-btn{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.proceed a .ar-btn{
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  font-family: "droid-arabic-kufi-regular" ;
  font-size: 18px ;
}
.slash{
  margin-left:14px;
  margin-right:14px;
  font-family: 'Poppins', sans-serif;
}
.contacts{
  display: flex;
  justify-content: space-between;
  margin-top: 75px;
  border-bottom: 1px solid #e9eaec;
  padding-bottom: 73px;
}
.bold{
  font-family: "avenirnextcyr-Demi";
  font-size: 19.6px;
  color:#002d5c;
  text-transform: uppercase;
}
.thin{
  font-family: "avenirnextcyr_Regular";
  font-size: 18px ;
  color: #203167;
}
.thin a{
  color: #203167;
}
.rights{
  display: flex;
  justify-content: center;
  align-items: center;
  height:70px;
  font-family: "avenirnextcyr_Regular";
  font-size: 16px ;
  color:#717f8a;
}

@media(max-width:768px){
  .signature{
    justify-content: center;
  }
  .contacts{
    flex-direction: column;
  }
  .contact-us-div{
    flex-direction: column;
  }
  .proceed{
    width:100%;
  }
  .first-sec-en{
    text-align: justify;
  }
  .first-sec-ar{
    text-align: justify;
  }
  .second-sec-en{
    text-align: center;
  }
  .domain-names li{
    flex-direction: column;
  }
  .domain-names li a{
    width: 85px;
    align-self: center;
    margin-bottom: 10px;
  }
  .second-sec-ar{
    text-align: center;
    padding-top: 45px;
  }
  .third-section{
    text-align: center;
  }
  .conditions-ar{
    text-align: center;
    padding-top:30px;
  }
  .conditions-ar li{
    margin-bottom: 15px;
  }
}
@media(max-width:319px){
  .ar-text{
    font-size: 16px;
  }
  .ar-text,.en-text{
    margin-top:20px;
  }
  .proceed a{
    margin-top:27px;
    width: 200px;
  }
  .registrar-logo img{
    width: 100px;
  }
  .registry-header .registry-logo span{
    font-size: 12px;
  }
}
/* .neg-margin{
  margin-top:-25px
} */

@media(max-width:992px){
  .conditions-ar li {

    font-size: 16.3px;

    margin-bottom: 21px;
}
}

/*******************************REGISTRY CMS*****************/
.registry-cms-page-content{
  padding-top:40px;
}
.cms-form__div{
  display: flex;
  justify-content: center;
  align-items:center;
}
.cms-form__div .registry-cms__form {
  display: flex;
  flex-direction: column;
  width:100%;
  align-items: center;
  margin-top:67px;
}
.cms-form__div .registry-cms__form input{
  height:45px;
  border:1px solid #d7d7d7;
  width:50%;
  margin-bottom:28px;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  padding-left:30px;
  outline:none;
}
.cms-form__div .registry-cms__form input::placeholder{
  font-family: "avenirnextcyr_Regular";
  font-size: 16px;
  color:#2d2d2d;
}
.number-width{
  width:calc(100% - 110px)!important;
   margin-left:-5px;
   border-left:none;
   border-top-left-radius: 0!important;
   border-bottom-left-radius: 0!important;
}
.cms-phone-code{
  border-top-right-radius: 0!important;
  border-bottom-right-radius: 0!important;
}
.cms-mobile{
  width:50%;
}
.cms-dropdown{
  width:100%;
  display: flex;
  justify-content: center;

}
.cms-dropdown button{
  width: 50%;
  height:45px;
  background-color: transparent;
  margin-bottom:28px;
  border-radius:30px;
  -webkit-border-radius:30px;
  -moz-border-radius:30px;
  -ms-border-radius:30px;
  -o-border-radius:30px;
}
.cms-form__div .registry-cms__form .btn-secondary{
  border:1px solid #d7d7d7;
}
.cms-dropdown .dropdown-toggle:after {
  margin-left: auto;
  margin-right: 20px;
  border: none;
  content: "\f107";
  font-family: "FontAwesome";
  color: #203167;
  font-weight: bold;
  font-size: 25px;
}
.cms-dropdown .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
  color: #545b62;
  background-color:transparent ;

}
.cms-form__div .registry-cms__form .btn-secondary{
  color:#2d2d2d;
  padding-left:28px;
  display: flex;
  align-items: center;
}
.btn-secondary:not(:disabled):not(.disabled):active {

  border-color: #d7d7d7;
}
.secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: none;
}
.cms-btn{
  width:200px;
  height:45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #3ec7f4;
  color:#fff;
  text-transform: uppercase;
  border-radius: 30px;
  margin-top:65px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.cms-btn:hover{
  background-color: white;
  border:1px solid #3ec7f4;
  color:#3ec7f4;
  text-decoration: none;
}
.btn-secondary:hover{
  background-color: transparent;
}
.reset-footer {
  background-color: #fff;
   padding-top: 0px;
}
@media(max-width:768px){
  .cms-form__div .registry-cms__form input{
    width:100%;
  }
  .cms-dropdown button{
    width:100%;
  }
  .cms-mobile{
    width:100%;
  }
  .cms-dropdown button{
    width:100%;
  }
}

/***********************fix registrar logo image******************/
.registrar .registrar-logo {
  
  max-height: 188px;
}

/*********************fix error message***************************/

  textarea  + p{
    margin-top:5px!important;
  }
/**************************giving some space between the form ans thanks message***********/
.contact-us .contact-us-content .page-form h2{
  padding-top:15px;
}
.contact-us .contact-us-content .page-map h2{
  padding-top:15px;
}
/*************************give style to the dropdown menu***************/
 #contact-form .dropdown .dropdown-menu{
  right:50px!important;
  border-bottom-right-radius: 10px!important;
  border-bottom-left-radius: 10px!important;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px!important;
}
@media(max-width:768px){
  #contact-form .dropdown  .dropdown-menu{
    right:0px!important;
  }
}
#contact-form .dropdown  .dropdown-menu .dropdown-item {
  color: #303866!important;
  
  border: 0!important;
  transition: all .3s ease-in-out!important;
  -webkit-transition: all .3s ease-in-out!important;
  -moz-transition: all .3s ease-in-out!important;
  -ms-transition: all .3s ease-in-out!important;
  -o-transition: all .3s ease-in-out!important;
}
#contact-form .dropdown  .dropdown-menu .dropdown-item:hover {
  color: #303866!important;
  text-decoration: none!important;
  background-color: transparent !important; 
}
/***************************************make the header center aligned********************/
.header-logo .container .row .col-md-8{
  display: flex;
  align-items: center;
}
.header-logo .header-logo-img h2{
  margin-bottom:0px;
}
.header-logo .header-logo-icons ul{
  margin-bottom:0px;
  height:30px;
}
/*********************swiper css style****************/
.swiper-container {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/*******************************fix the alignment of the news in the homepage*****************/
.citra .citra-content > p{
  margin-bottom:10px;
}
.citra .citra-content div p {
  margin-bottom:6px;
}
.citra .citra-content div h2{
  margin-bottom:6px;
}
.citra .citra-content article h6 {
  margin-top:10px;
}
.citra .citra-content article p{
  margin-top:8px;
}
.swiper-container-horizontal>.swiper-pagination-bullets{
 bottom:-6px;
 cursor:pointer;
}
/********************************************center logo in responsive************************/
@media(max-width:768px){
  .header-logo .col-12:first-of-type{
    display:flex;
    justify-content: center;
  }
}
.header-logo .header-logo-img h2 {
  margin-inline-start: 15px;
}
@media (max-width: 575.98px){
.header-logo .container {
   
    text-align: start;
}
}
@media (max-width: 430px){
.header-logo .header-logo-img {
    flex-direction: column;
}
}
/***************************************give the carousel fixed hight**********************/
.announcements .announcement-slider .carousel-inner .carousel-item div p{
  min-height:115px;
}
@media(max-width:575px){
  .announcements .announcement-slider .carousel-inner .carousel-item div p{
    text-align: center;
  }
  .announcements .announcement-slider {
    height: 355px;
}
}
.announcements .announcement-slider{
  /* height:353px; */
  /* height:410px; */
  height:380px;
}
/************************align info left**************************************************/
@media(max-width:575px){
  .whois p{
    text-align: left;
  }
}
/*************************************make the twiiter icon appear in mobile*************/
@media (max-width: 575.98px){
footer .footer-content .footer-contact ul li:nth-child(1):nth-child(1) {
    display:block !important;
}

}
.footer-contact ul{
  display: flex;
 
}
@media(max-width:768px){
  .footer-contact ul{

    justify-content: center;
  }
}
/**************************************fix the footer alignment********************************/
@media (max-width: 575.98px){
 
footer .footer-content .col-12:nth-child(2) div {
  width: 50%;
}
  
  }
/*******************************************fix the accordion btn text**********************/

@media(max-width:280px){
  
.card-body {
    font-size: 14px;
}
}
/*******************************fix the menu responsive********************/
@media(min-width:768px)and (max-width:992px){
  .header-content-nav nav ul li {
   font-size: 12px;
  }
}
@media (max-width: 768px){
.header-content-nav nav .navbar-toggler {
  margin-left: auto;
    width: 30px;
    position: relative;
    right: 32px;
}
.header-content-nav nav .navbar-toggler::before {
  font-family: 'FontAwesome';
  content: '\f0c9';
  position: absolute;
  top: 0;
  font-size: 30px;
}
.header-content-nav nav {
  border:none;
}
}
@media(max-width:420px){
  .btn-text {
   font-size: 11.5px!important;
 }
}
/***********************************modal*****************/
.modal{
  background-color: rgba(0,0,0,0.7);
}
.modal-dialog{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)!important;
  width: 100%;
  -webkit-transform: translate(-50%, -50%)!important;
  -moz-transform: translate(-50%, -50%)!important;
  -ms-transform: translate(-50%, -50%)!important;
  -o-transform: translate(-50%, -50%)!important;
}
.modal-content{
  width: 600px!important;
  max-width: 100%;
  /* min-height: 400px; */
  max-height: 100%;
}
@media (min-width: 576px){
.modal-dialog {
    max-width: 600px!important;
  
}
}
.modal-header{
  border-bottom:none;
}
/* .registration-modal-text{
  min-height:230px;
} */
.modal .btn-primary {
    border: none!important;
    background-color: #203167!important;
    width: 110px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: "avenirnextcyr_Medium";
    border-radius:30px ;
    -webkit-border-radius:30px ;
    -moz-border-radius:30px ;
    -ms-border-radius:30px ;
    -o-border-radius:30px ;
    float:right;
    margin-inline-start: 15px;
    position: relative;
    bottom: 20px;
}
.modal-title{
  font-family: "avenirnextcyr_Demi";
  color: #203167;
  order:-1;
  margin-top:5px
}

.modal .close span {
  right: -25px;
  position: relative;
}
.modal-body{
  font-family: "avenirnextcyr_Medium";
  font-size: 18px;
}
@media(max-width:440px){
  /* .registration-modal-text{
    min-height:215px;
  } */
  .modal-title{
    font-size: 20px;
  }
}
.sr-only{
  display: none;
}
.whois p {
   padding:10px;
}

/*******************fixs the bullets position ****************/

@media(max-width:480px){
  .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:-5!important;
  }
}
@media(min-width:500px) and (max-width:768px){
  .swiper-container-horizontal>.swiper-pagination-bullets{
    bottom:40px!important;
  }
}
/**********************fix announcements bullets ******************/
@media (max-width: 575.98px){
.announcements .announcement-slider .carousel-indicators {
    bottom: -70px;
}
}
.announcements .announcement-slider .carousel-inner .carousel-item div p {
  margin-bottom:20px;
}
.announcements .announcement-slider .carousel-indicators {
  bottom: 10px;
}
.carousel {
  position: static;
}
.announcements .announcement-slider {
  position: relative;
}
@media(max-width:310px){
  .announcements .announcement-slider .carousel-indicators {
    bottom: 0px;
}
}
/**********************fix the banner****************/
@media (max-width: 575.98px){
  header .header-heading h2 {
    margin-top: 57px;
    padding-bottom: 111px;
  }
  header .header-content {
    padding: 0;
}
}
/************************************fix carousel section alignment******************/
@media(max-width:768px){
  .citra .citra-content div h2 {
    text-align: center;
  }
  .citra .citra-content div p {
    text-align: center;
  }
  .citra .citra-content article h6 {
    text-align: center;
  }
  .citra .citra-content {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
  }
}
/*********************************give img style*****************/
.citra-img img {
  border-radius: 45px;
  -webkit-border-radius: 45px;
  -moz-border-radius: 45px;
  -ms-border-radius: 45px;
  -o-border-radius: 45px;
  box-shadow: -11px -5px 15px #e5f1f8, 4px 6px 15px #e5f1f8;
}
.swiper-container{
  padding:15px 0px
}
.padding-50{
  padding:50px 0px;
}
.whois-content .container:last-of-type p{
  padding: 40px 0px;
}
.whois-content p{
    font-family: "avenirnextcyr_Medium";
    font-size: 16px;
    color: #213368;
    text-align: justify;
}
.faqs-content{
  padding-bottom: 40px;
}
.contact-us-content{
  padding-bottom:50px;
}
.registrars-content{
  padding-bottom: 40px;
}
.policies-content{
  padding-bottom: 40px;
}
.open-h{
  margin-top:23px;
}
.open-h p {
  margin-bottom: 10px;
  text-transform: uppercase;
  font-family: "avenirnextcyr-bold";
  font-size: 19px;
  color:#303866;
}
@media(max-width:430px){
  .open-h p {
    font-size: 13px!important;
  }
}
.announcements .announcement-call{
  padding-top: 17px;
    padding-bottom: 17px;
}
@media(max-width:992px){
  .citra .citra-content article h6 {
    padding-bottom: 25px;
}
}
/*Make Slider Banner*/
header .header-content{
  position: relative;
  /* min-height: 400px; */
}
.absolute-position{
  position: absolute;
  left:50%;
  top:0px;
  transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);
  -ms-transform:translateX(-50%);
  -o-transform:translateX(-50%);
}
.banner-slider img{
  width:100%;
  height:490px;
}
@media(max-width:992px){
  .banner-slider img{
    height:390px;
  }
}
@media(max-width:768px){
  .banner-slider img{
    height:290px;
  }
}
.banner-slider .slick-next {
  right: 27px;
}
.banner-slider .slick-prev {
  left: 27px;
  z-index: 1;
}
.banner-slider .slick-next::before {
  content: "\f054";
  font-family: "FontAwesome";
}
.banner-slider  .slick-prev::before {
  content: "\f053";
  font-family: "FontAwesome";
}
.banner-slide{
  /*background-image: url("../images/home/bg-header.png");*/
  background-size: cover;
  background-repeat: no-repeat;
  /* padding-bottom: 90px; */
  min-height: 490px;
}
@media(max-width:992px){
  .banner-slide{
    min-height: 390px;
  }
  
}
@media(max-width:768px){
  .banner-slide{
    min-height: 290px;
  }
  
}
.mobile-menu{
    background: rgba(48,65,102,0.8);
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    z-index: 1000;
}
.mobile-menu ul{
  text-align: center;
}
.mobile-menu ul a {
  color:#fff;
}
@media(max-width:768px){
  .hide-mobile{
    display: none;
  }
}
.close-m-m{
  position: absolute;
  top: 7px;
  right: 15px;
  color: #fff;
  font-size: 25px;
}
.mobile-menu  ul li .dropdown-menu {
  left: -52px;
  top: 135%;
  float: left;
  color: #212529;
  border-radius: 0;
  border-top: 4px solid rgba(0, 170, 255, 0.755);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.mobile-menu  ul li .dropdown-menu  a{
  color: #303866!important;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
.mobile-menu    a:hover{
  opacity: 0.7;
}
.mobile-menu  .navbar-nav .nav-link{
  font-size: 25px;
}
@media (max-width: 575.98px){
  header .header-form {
    width: 85%;
}
.banner-slider .slick-prev {
  left: 10px;
  z-index: 1;
}
.banner-slider .slick-next {
  right: 10px;
  z-index: 1;
}
}

.fit-width{
  width:fit-content;
}
.footer-flex{
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
}
.custom-pos{
    width: fit-content;
    position: relative;
    left: -33px;
}
@media(max-width:768px){
  .custom-pos{
    position: static;
}
}
.flex-column{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.custom-pos2{
    position: relative;
    left: -40px;
}
@media(max-width:992px){
  .custom-pos2{
    position: relative;
    left: 0px;
   }
}
.fa {
  font-family: "FontAwesome"!important;
}
.announcement-call2{
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
.announcement-call2 p {
  margin-top: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: "avenirnextcyr-bold";
    font-size: 19px;
    color: #303866;

}
.announcement-call2 span{
  display: block;
    font-family: "avenirnextcyr_Medium";
    font-size: 14.3px;
    color: #303866;

}
.announcement-call__div img{
  width:128px;
}
@media(max-width: 768px){
  .announcement-call2{
    align-items: center;
    margin-top:25px;
  }
}
.new-pos{
  position: relative;
  top: -8px;
}
.inner-header.header-content{
  min-height: 81px;
  background-color: #303866;
}
.inner-header.header-content .banner-slider{
  display: none;
}
.inner-header.header-content  .header-heading{
  display: none;
}
.inner-header .header-content-nav nav{
  border-bottom:none;
  /* overflow: hidden; */
}
li.nav-item.nav-item.active{
position:relative;
}
li.nav-item.nav-item.active:after{
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  height: 5px;
  bottom: -21px;
  display: block;
  background-color: #3ec7f3;
}

.header-heading p {
  
  font-family: "avenirnextcyr-Demi";
  margin-bottom:5px;
}
.m-t-5{
  margin-top:5px;
}
@media(max-width:420px){
  .header-logo .header-logo-icons ul li:not(:last-child) {
    margin-inline-end: 40px;
}
.header-logo .row .header-logo-icons ul li:not(:last-child):before {
  left: 30px;
}
.header-logo .header-logo-icons ul {
  margin-inline-end: 14px;
}
}
.over-hidden{
  overflow-x:hidden;
}
#registerBtn{
  width: 145px;
  margin-left: auto;
  margin-right: auto;
  display: block;
  float: none;
  margin-top: 40px;
  transition: all .3s ease-in-out;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
}
#registerBtn:hover{
  opacity: 0.7;
}
.modal-dialog{
    top: 50%;
    position: absolute!important;
    left: 50%;
    transform: translate(-50%, -50)!important;
    -webkit-transform: translate(-50%, -50)!important;
    -moz-transform: translate(-50%, -50)!important;
    -ms-transform: translate(-50%, -50)!important;
    -o-transform: translate(-50%, -50)!important;
}
.modal-header .close{
  height: 80px;
  display: flex;
  align-items: center;
}
@media(max-width:768px){
  header .header-form form{
    height: unset!important;
  }
}
.whois{
  z-index: -1;
  position: relative;
}
/* .registration-modal-text{
  display: none;
} */
@media(max-width:768px){
  .inner-header .absolute-position{
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
}
}

.registration-modal-subheader-domain {
  display: flex;
  align-items: center;
  font-size: 25px;
  direction: ltr;
}

.registration-modal-subheader-whois pre{
  overflow: visible;
}

@media(max-width:675px){
  .modal-dialog{
    margin: 0px!important;
    width: 90%!important;
  }
}

select.bootstrap-select{
  width: 230px!important;
  height: 42px!important;
  outline: none!important;
  padding-inline-start: 30px!important;
  border-radius: 30px!important;
  -webkit-appearance: none!important;
  -webkit-border-radius: 30px!important;
  -moz-border-radius: 30px!important;
  -ms-border-radius: 30px!important;
  -o-border-radius: 30px!important;
  border: 1px solid #d7d7d7;
  font-size: 15px;
}
.select__div{
  position: relative;
  height: 42px;
  margin-inline-start: 25px;
}

.select__div .toggler-arrow:before{
  width: 16px;
  height: 33px;
    content: "\f107";
    font-family: "FontAwesome";
    color: #203167;
    font-weight: bold;
    font-size: 25px;
    position: absolute;
    right: 20px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
@media(max-width:768px){
  .select__div{
    margin-inline-start: 0px;
    width: 100%;
  }
  select.bootstrap-select{
   width: 100%!important;
  }

}
@media(min-width:600px){
  .custom-overflow{
    overflow-x:hidden;
  }
}