body {
          margin: 0;
          font-family: 'BPG_GEL_Excelsior';
          background: #fff;
      }

      @font-face {
          font-family: 'BPG_GEL_Excelsior';
          src: url('/css/fonts/exclesion/BPG_GEL_Excelsior.eot');
          src: url('/css/fonts/exclesion/BPG_GEL_Excelsior.eot') format('embedded-opentype'),
              url('/css/fonts/exclesion/BPG_GEL_Excelsior.woff2') format('woff2'),
              url('/css/fonts/exclesion/BPG_GEL_Excelsior.woff') format('woff'),
              url('/css/fonts/exclesion/BPG_GEL_Excelsior.ttf') format('truetype'),
              url('/css/fonts/exclesion/BPG_GEL_Excelsior.svg#BPG_GEL_Excelsior') format('svg');
      }

      /* HEADER */
      .header {
          display: flex;
          justify-content: space-between;
          align-items: center;
          padding: 15px 20px;
          border-bottom: 1px solid #eee;
      }

      .header img {
          max-height: 100px;
      }

      .text-start {
          text-align: left;
      }

      .mb-5 {
          margin-bottom: 5px;
      }

      .mb-10 {
          margin-bottom: 10px;
      }
    .mt-10 {
            margin-top: 10px;
        }

      /* CONTAINER */
      .container {
          max-width: 600px;
          margin: 20px auto;
          padding: 20px;
          min-height: calc(100vh - 350px);
      }

      .container_header {
          display: flex;
          justify-content: center;
          gap: 300px;
          width: 100%;
      }

      @media screen and (max-width: 768px) {
          .container_header {
              gap: 150px !important;
          }

          .gender_select {
              width: 97% !important;
          }
      }

      /* TABS */
      .tabs {
          display: flex;
          border-bottom: 2px solid #eee;
      }

      .tab {
          flex: 1;
          text-align: center;
          padding: 10px;
          cursor: pointer;
      }

      .tab.active {
          border-bottom: 2px solid #ED3237;
          color: #ED3237;
          font-weight: bold;
      }

      /* FORM */

      input,
      button,
      select {
          width: 100%;
          padding: 12px;
          margin-top: 10px;
          border-radius: 6px;
      }

      input {
          border: 1px solid #ddd;
      }

      .gender_select {
          width: 95%;
      }

      button {
          background: #ED3237;
          color: #fff;
          border: none;
          cursor: pointer;
          font-family: 'BPG_GEL_Excelsior';
      }

      button[type="submit"] {
          background: #235741;
          max-width: 300px;
          margin-top: 30px;
      }

      .text-center {
          text-align: center;
      }

      button:hover {
          background: #ED3237;
      }

      /* HIDDEN */
      .hidden {
          display: none;
      }

      /* FOOTER */
      .footer {
          text-align: center;
          padding: 22px 15px 15px 15px;
          border-top: 1px solid #eee;
          margin-top: 30px;
          margin-bottom: 30px;
          color: #777;
          font-size: 14px;
      }

      /* ღეგისტერაციის ფორმის დამატებითი სტილები */
      /* TITLE */
      .form-title {
          text-align: center;
          color: #d10000;
          margin-bottom: 15px;
      }

      /* FIELD */
      .field {
          margin-bottom: 25px;
      }

      .field label {
          display: block;
          margin-bottom: 5px;
          font-size: 14px;
      }

      /* INPUT */
      input[type="text"],
      input[type="email"],
      input[type="date"],
      input[type="tel"],
      select {
          width: 90%;
          padding: 12px;
          border: 1px solid #ddd;
          border-radius: 6px;
          transition: 0.2s;
      }

      input:focus {
          border-color: #d10000;
          outline: none;
      }

      /* BUTTON */
      button {
          width: 100%;
          padding: 12px;
          background: #d10000;
          color: #fff;
          border: none;
          border-radius: 6px;
          font-size: 16px;
      }

      button:hover {
          background: #a80000;
      }

      /* RADIO GROUP */
      .radio-group {
          display: flex;
          gap: 20px;
          align-items: center;
          justify-content: center;
          margin-top: 20px;
      }

      /* CUSTOM RADIO */
      .radio {
          position: relative;
          padding-left: 28px;
          cursor: pointer;
          font-size: 14px;
      }

      .radio input {
          position: absolute;
          opacity: 0;
      }

      .radio span {
          position: absolute;
          left: 0;
          top: 2px;
          width: 18px;
          height: 18px;
          border: 2px solid #d10000;
          border-radius: 50%;
      }

      .radio input:checked+span {
          background: #d10000;
      }

      /* CHECKBOX */
      .checkbox {
          position: relative;
          padding-left: 28px;
          cursor: pointer;
          font-size: 14px;
      }

      .checkbox input {
          position: absolute;
          opacity: 0;
      }

      .checkbox span {
          position: absolute;
          left: 0;
          top: 2px;
          width: 18px;
          height: 18px;
          border: 2px solid #d10000;
      }

      .checkbox input:checked+span {
          background: #d10000;
      }