#top-section {
  padding-top: 70px;
  padding-bottom: 70px;
  background: #EAF5F9; }
  #top-section .courses {
    display: inline-flex;
    justify-content: space-evenly;
    flex-wrap: wrap; }
    #top-section .courses .course {
      margin-top: 30px;
      background: #030d40;
      padding: 37px 28px;
      color: #fff;
      border-radius: 15px;
      max-width: 360px;
      display: inline-flex;
      flex-direction: column; }
      #top-section .courses .course h3 {
        color: #fff; }
      #top-section .courses .course .text {
        margin-bottom: 30px; }
      #top-section .courses .course .btn {
        width: 100%;
        text-align: center; }
        #top-section .courses .course .btn:hover {
          border: 1px solid #fff;
          color: #fff !important; }

#register {
  padding-top: 70px; }
  #register .light-blue {
    padding: 16px 27px;
    border-radius: 23px;
    margin-bottom: 35px; }
    #register .light-blue h2 {
      font-size: clamp(18px, 3vw, 45px);
      text-transform: uppercase;
      font-weight: 600;
      margin-bottom: 19px; }
    #register .light-blue .text p:last-child {
      margin-bottom: 0; }
  #register .dark-blue {
    padding: 16px 27px;
    border-radius: 23px;
    margin-bottom: 35px; }
    #register .dark-blue h3 {
      font-weight: 400;
      color: #fff;
      padding-bottom: 9px;
      margin-bottom: 9px;
      border-bottom: 1px solid #fff; }
    #register .dark-blue .text p:last-child {
      margin-bottom: 0; }
  #register .white {
    padding: 0px 27px;
    border-radius: 23px; }
    #register .white h3 {
      font-weight: 400;
      padding-bottom: 9px;
      margin-bottom: 9px;
      border-bottom: 1px solid #030D40;
      width: fit-content; }
    #register .white .text ul {
      margin-top: 15px;
      margin-bottom: 0; }
      #register .white .text ul li {
        list-style-type: none;
        font-size: clamp(14px, 3vw, 18px) !important;
        line-height: 130%;
        margin-bottom: 20px;
        padding-left: 10px; }
        #register .white .text ul li:last-child {
          margin-bottom: 0; }
        #register .white .text ul li:before {
          content: " ";
          position: absolute;
          background: url("../img/li-reg.svg") no-repeat;
          width: 20px;
          height: 14px;
          margin-left: -30px;
          margin-top: 4px; }
          @media (max-width: 767px) {
            #register .white .text ul li:before {
              width: 15px;
              height: 12px;
              margin-left: -32px;
              margin-top: 10px;
              background-size: contain; } }
          @media (max-width: 576px) {
            #register .white .text ul li:before {
              margin-top: 5px; } }
  #register .wrapper-form {
    padding: 16px 55px;
    border-radius: 23px;
    border: 5px solid #EAF5F9; }
    @media (max-width: 991px) {
      #register .wrapper-form {
        margin-top: 30px; } }
    #register .wrapper-form h3 {
      text-transform: uppercase;
      margin-bottom: 8px; }
    #register .wrapper-form .text a {
      color: #0542BF; }
      #register .wrapper-form .text a:hover {
        color: #0D9FDA; }
    #register .wrapper-form form label {
      font-size: clamp(14px, 3vw, 16px) !important;
      color: #909090;
      font-weight: 400; }
    #register .wrapper-form form input {
      border: 2px solid #909090 !important;
      background: #F4F4F4;
      height: 50px !important; }
    #register .wrapper-form form input[type^='checkbox'] {
      height: auto !important; }
    #register .wrapper-form form .um-field-phone_number .iti--allow-dropdown {
      width: 100%; }
    #register .wrapper-form form .um-field-phone_number input {
      width: 100%;
      padding: 0 53px !important; }
    #register .wrapper-form form .um-field-checkbox {
      width: 100%; }
    #register .wrapper-form .um-field-terms, #register .wrapper-form .um-field-privacy {
      padding: 0; }
    #register .wrapper-form .um-field-checkbox-option {
      color: #030D40 !important; }
    #register .wrapper-form input[type^='submit'] {
      padding: 24px 24px !important;
      max-width: 100% !important;
      width: 100%;
      background: #030d40;
      font-weight: 600;
      text-decoration: none !important;
      color: #fff;
      font-size: 16px;
      line-height: 18px;
      border-radius: 0px;
      border: 0 !important;
      margin-bottom: 0 !important;
      height: auto !important;
      margin-top: -20px; }
      #register .wrapper-form input[type^='submit']:hover {
        outline: 1px solid #030d40 !important;
        background: #ff000000;
        color: #030d40 !important; }

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