@font-face {
  font-family: "Gilmer Bold";
  src: url("./fonts/Gilmer Bold.otf") format("opentype");
}

@font-face {
  font-family: "Gilmer Regular";
  src: url("./fonts/Gilmer Regular.otf") format("opentype");
}

@font-face {
  font-family: "Gilmer Medium";
  src: url("./fonts/Gilmer Medium.otf") format("opentype");
}

@font-face {
  font-family: "Gilmer Light";
  src: url("./fonts/Gilmer Light.otf") format("opentype");
}

@font-face {
  font-family: "Gilmer";
  src: url("./fonts/Gilmer Light.otf") format("opentype");
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: Gilmer;
  color: #34314c;
}

button:focus {
  outline: 0;
  font-size: 16px;
}

h1,
h2,
h3,
h4,
button {
  font-family: GilmerBold;
}

h2 {
  font-family: Gilmer Bold;
  font-weight: bold;
  font-size: 35px;
  line-height: 42px;
  color: #34314c;
}

h3 {
  font-family: Gilmer Bold;
  font-weight: bold;
  font-weight: 500;
  font-size: 30px;
  line-height: 30px;
  color: #34314c;
}

h4 {
  font-family: Gilmer Bold;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 24px;
  color: #34314c;
}

h5 {
  font-family: Gilmer Light;
  font-size: 15px;
  line-height: 25px;
  color: rgba(41, 55, 72, 0.85);
}

p {
  font-family: Gilmer Regular;
  font-size: 16px;
  line-height: 26px;
  color: rgba(52, 49, 76, 0.57);
}

button:focus {
  outline: none;
}

/* Output message two styles */

.signup-failure-message {
  color: red !important;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  line-height: 20px;
  background-color: #ffecec;
  padding: 8px 15px;
  border-radius: 3px;
  font-family: "Gilmer Medium";
}

.signup-success-message {
  color: green !important;
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  line-height: 20px;
  background-color: #dafdda;
  padding: 8px 15px;
  border-radius: 3px;
  font-family: "Gilmer Medium";
}

/* Start header */

/* Start divider template */

.divider {
  margin-top: 32px;
  margin-bottom: 32px;
  display: flex;
}

.divider .line__first {
  width: 30px;
  border: 1.5px solid #00b746;
}

.divider .line__second {
  width: 30px;
  border: 1.5px solid #ffc300;
}

.divider .line__third {
  width: 30px;
  border: 1.5px solid #008ffb;
}

/* End divider template */

/* Start button template */

/* Start button template */

button {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  width: 217px;
  height: 56px;
  background: #2196f3;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.11);
  border-radius: 50px;
  transition: all ease 0.3s;
}

button img {
  width: 22px;
}

button h5 {
  font-family: Gilmer Medium;
  margin: 0xp 15px;
  padding: 0;
  color: white;
  font-size: 21px;
  line-height: 26px;
  text-align: center;
  letter-spacing: 0.01em;
}

button:hover {
  transform: translateY(-1px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05),
    0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05),
    0px 16px 16px rgba(0, 0, 0, 0.05);
  background-color: #0b72c4;
}

/* End button template */

/* End button template */

/* Start checkbox template */

.block__checkbox {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.round {
  position: relative;
}

.round .label__checkbox {
  background: #f5f7fb;
  border: 1px solid rgba(41, 55, 72, 0.85);
  border-radius: 50%;
  cursor: pointer;
  height: 25px;
  left: 0;
  position: absolute;
  bottom: 10px;
  width: 25px;
  top: -50px;
}

.round .label__checkbox:after {
  border: 1px solid rgba(41, 55, 72, 0.85);
  border-top: none;
  border-right: none;
  content: "";
  height: 6px;
  left: 7px;
  opacity: 0;
  position: absolute;
  top: 8px;
  transform: rotate(-45deg);
  width: 12px;
}

.round input[type="checkbox"] {
  visibility: hidden;
}

.round input[type="checkbox"]:checked + .label__checkbox:after {
  opacity: 1;
}

.label__text {
  margin: 0;
  margin-left: 30px;
  cursor: pointer;
  font-family: Gilmer Regular;
  font-size: 15px;
  line-height: 25px;
}

/* End checkbox template */

/* Start header */

header {
  padding-bottom: 80px;
  padding-top: 80px;
  background-image: url(img/backgroundHeader.jpg);
  background-size: 32%;
  background-position-x: right;
  background-repeat-x: no-repeat;
}

header .logo {
  height: 45px;
  /* width: 150px; */
}

header h3 {
  font-size: 50px;
  margin-top: 49px;
  line-height: 63px;
}

header button {
  margin-top: 30px;
}

ul {
  box-sizing: border-box;
  padding: 0;
  margin-top: 20px;
  margin-left: 20px;
}

ul li {
  font-size: 20px;
  font-family: Gilmer Medium;
  margin-bottom: 0.5em;
  color: #404040;
  line-height: 1.3;
}

header .header__action {
  background: #ffffff;
  padding: 20px;
}

video {
  cursor: pointer;
}

/* End header */

/* End header */

/* Start first section */

.first__section {
  padding-top: 0px;
  padding-bottom: 80px;
  padding-left: 15px;
  padding-right: 15px;
}

.first__section .col-md-8 {
  display: flex;
  flex-direction: column;
}

.first__section .microsoft__img {
  box-shadow: 0px 4px 15px rgba(172, 172, 172, 0.25);
  border-radius: 5px;
}

.first__section .col-md-4 {
  display: flex;
  flex-direction: column;
}

.first__section .col-md-4 h5 {
  margin-top: 10px;
  font-size: 0.8em;
  color: rgba(64, 64, 64, 0.67);
}

.first__section .row {
  align-items: center;
}

.first__section h3 {
  font-weight: bold;
  font-size: 30px;
  line-height: 36px;
}

.first__section h5 {
  font-size: 18px;
  line-height: 28px;
  font-weight: lighter;
}

/* End first section */

/* Start second section */

.second__section {
  padding-top: 100px;
  padding-bottom: 80px;
}

.second__section .col-md-4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.second__section img {
  box-shadow: 0px 4px 30px #f0e9ff;
  border-radius: 5px;
  max-width: 100%;
}

.second__section h4 {
  line-height: 1.5em;
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
}

.second__section h5 {
  font-weight: lighter;
  font-size: 16px;
  line-height: 25px;
  margin-bottom: 20px;
}

/* End second section */

/* Start third section */

.third__section {
  padding-top: 7% !important;
  padding-bottom: 6% !important;
  background-image: url("img/footer_backround.jpg");
  padding-bottom: 100px;
}

.third__section h3 {
  line-height: 36px;
  font-weight: 600;
}

.third__section .col-lg-6 {
  box-sizing: border-box;
  padding: 0px 30px;
}

.registration__block {
  padding-top: 50px;
  padding-left: 25px;
  padding-right: 25px;
  padding-bottom: 50px;
  background-color: #fff;
  box-shadow: 0px 5px 15px 5px rgba(196, 211, 249, 0.67);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 5px;
}

.registration__block img {
  width: 20px;
  bottom: 4px;
  margin-right: 5px;
  position: relative;
  padding-top: 3px;
}

.registration__block .input__email {
  margin-top: 50px;
  outline: none;
  border: 1px solid #e4e4e4 !important;
  border-radius: 50em;
  width: 100%;
  height: 50px;
  padding-left: 2em;
  padding-right: 2em;
  margin-bottom: 20px;
  background: rgb(255, 255, 255);
  color: rgb(50, 50, 50);
}

.registration__block label {
  line-height: 1.3;
  font-size: 18px;
  color: #404040;
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}

.agree__privacy__policy {
  width: 60px;
  margin-top: 7px;
  margin-right: 10px;
}

.registration__block button {
  font-weight: bold;
  margin: 0px auto;
  margin-top: 50px;
  outline: none;
  color: white;
  border: none;
  width: 250px;
  height: 50px;
  text-align: center;
  border-radius: 50em;
  transition: all ease 0.3s;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05),
    0 0 0 rgba(0, 0, 0, 0.05), 0 0 0 rgba(0, 0, 0, 0.05),
    0 0 0 rgba(0, 0, 0, 0.05);
}

.registration__block button:hover {
  transform: translateY(-1px);
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05),
    0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05),
    0px 16px 16px rgba(0, 0, 0, 0.05);
}

.last_row {
  display: flex;
  align-items: center;
}

/* End third section */

@media (max-width: 768px) {
  header h1 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 32.5px;
    line-height: 1.3em;
  }
  header img {
    height: 25px !important;
    width: auto !important;
  }
  .microsoft__img {
    margin-top: 50px;
  }
  .first__section h3 {
    font-size: 23px;
  }
  .third__section h3 {
    font-size: 23px;
  }
}

@media (max-width: 991.98px) {
  .third__section h3 {
    margin-top: 50px;
  }
}

@media (max-width: 575.98px) {
  header h1 {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 25px;
    line-height: 1.3em;
  }
}

.registration__block .input__email {
  margin-top: 50px;
  outline: none;
  border: 1px solid #e4e4e4 !important;
  border-radius: 50em;
  width: 100%;
  height: 50px;
  padding-left: 2em;
  padding-right: 2em;
  margin-bottom: 20px;
  background: rgb(255, 255, 255);
  color: rgb(50, 50, 50);
  font-family: Gilmer;
}

ul {
  padding: 0;
  margin-top: 20px;
  list-style: none;
}

li:before {
  content: "✓";
  font-size: 12px;
  display: inline-block;
  padding: 1.6px 5px;
  margin-right: 1em;
  border-radius: 50em;
  flex-shrink: 0;
  background-color: #ffc300;
}

ul li {
  font-family: Gilmer Medium;
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  color: #404040;
  line-height: 1.3;
  font-size: 20px;
}

a:hover {
  text-decoration: none;
}

video {
  object-fit: cover;
}

.ld_button_6003064383d80 {
  background-color: #2196f3;
  border-color: #2196f3;
  color: rgb(255, 255, 255);
  font-size: 16px !important;
  letter-spacing: 0.05em !important;
}
.closeModal {
  float: right;
  position: relative;
  cursor: pointer;
}
.modal-header {
  border-bottom: none;
  height: 5px;
}
.modal-footer {
  border-top: none;
}

button#sso_modal_btn.disabled {
  color: #1976d27a;
  background: #e3f2fd;
  border: #0e181f;
}

.ssoShowModalBtn {
  cursor: pointer;
}

.modal-open {
  overflow: hidden;
}

.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}

.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}

.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}

.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.42857143;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}

.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}

.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }

  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }

  .modal-sm {
    width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.modal.fade:not(.show) {
  opacity: 1 !important;
}

.closeModal {
  float: right;
  position: relative;
  cursor: pointer;
}
.modal-header {
  border-bottom: none;
  height: 5px;
}
.modal-footer {
  border-top: none;
}

button#sso_modal_btn.disabled {
  color: #1976d27a;
  background: #e3f2fd;
  border: #0e181f;
}

.ssoShowModalBtn {
  cursor: pointer;
}

.modal-title {
  font-family: Gilmer Bold;
  line-height: 1.6em;
  font-size: 20px;
  color: #34314c;
}
#sso_modal_btn {
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  width: 217px;
  height: 56px;
  background: #2196f3;
  box-shadow: 0px 10px 20px rgb(0 0 0 / 11%);
  border-radius: 50px;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  border-bottom-left-radius: 50px;
  transition: all ease 0.3s;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: auto !important;
  }
}

.modal-header {
  display: block !important;
  color: #181b31;
}
.closeModal span {
  color: #181b31;
}