/* Fonts */
@font-face {
  font-family: "Outfit";
  src: local("Outfit-Light"), url("../fonts/Outfit-Light.woff2") format("woff2"), url("../fonts/Outfit-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: local("Outfit-Regular"), url("../fonts/Outfit-Regular.woff2") format("woff2"), url("../fonts/Outfit-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Outfit";
  src: local("Outfit-Medium"), url("../fonts/Outfit-Medium.woff2") format("woff2"), url("../fonts/Outfit-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
/* CSS reset */
html {
  min-height: 100%;
  height: 100%;
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font: inherit;
}

body {
  height: 100%;
  position: relative;
  line-height: 1.1;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  font-size: 17px;
  font-weight: 400;
  font-family: "Outfit", sans-serif;
  color: #10307B;
  background-color: #EDEDED;
}

ul {
  list-style: none;
}

img {
  max-width: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  -o-object-fit: cover;
  object-fit: cover;
}

input,
textarea {
  width: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  background-clip: padding-box;
  font-family: inherit;
  border: none;
  font: inherit;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font: inherit;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  font: inherit;
  -ms-transition: opacity 0.3s;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input::placeholder,
textarea::placeholder {
  font: inherit;
  transition: opacity 0.3s;
  -moz-transition: opacity 0.3s;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
  opacity: 0;
}
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {
  opacity: 0;
}
input:focus::placeholder,
textarea:focus::placeholder {
  opacity: 0;
}

input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  border: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px #fff inset !important;
}

button {
  border: 0;
  background-color: transparent;
  border-radius: 0;
  cursor: pointer;
  color: inherit;
  border-width: 0;
  -webkit-appearance: button;
  font: inherit;
}

a,
a:visited {
  display: inline-flex;
  text-decoration: none;
  font-size: 100%;
  vertical-align: baseline;
  outline: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

i {
  display: flex;
}

/* Checkbox */
.check-wrap {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
}
.check-wrap .check-input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}
.check-wrap .check-style {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: #F0F3F8;
  border: 2px solid #CBD0D9;
  border-radius: 6px;
  margin-right: 13px;
}
.check-wrap .check-style::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 4px;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  background-color: #021648;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
.check-wrap .check-input:checked + .check-style::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%) scale(1);
}

/* Password input */
.password-input__wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
}
.password-input__wrap input {
  border: none;
}
.password-input__show-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50px;
  height: 100%;
  opacity: 1;
  transition: opacity 0.2s;
  background-image: url(../img/icons/visible.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px;
  position: relative;
}
.password-input__show-btn::before {
  position: absolute;
  content: "";
  background-color: #B1B1B1;
  width: 1.5px;
  height: 0;
  left: 50%;
  top: 50%;
  border-radius: 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: height 0.2s;
}
.password-input__show-btn.is-active::before {
  height: 55%;
}
.password-input__show-btn.is-hidden {
  opacity: 0;
}

/* Custom select JS */
.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .select-selected {
  background-color: #F9FCFF;
  border-radius: 7px;
  padding: 11px 15px 12px 15px;
  cursor: pointer;
  overflow: hidden;
  font-weight: 300;
  color: #7B8390;
}
.custom-select .select-selected:after {
  position: absolute;
  content: "";
  background-image: url(../img/icons/angle-down.svg);
  width: 11px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 18px;
  top: 51%;
  transform: translateY(-50%);
  transition: transform 0.2s;
}
.custom-select .select-selected.select-arrow-active:after {
  transform: rotate(180deg) translateY(50%);
}
.custom-select .select-items {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  top: 120%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 7px;
  transform: translateY(0);
  transition: opacity 0.3s, transform 0.3s;
}
.custom-select .select-items div {
  padding: 8px 0;
  margin: 0 15px;
  border-bottom: 1px solid #E4E7ED;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.2s;
}
.custom-select .select-items div:last-child {
  border: 0;
  border-radius: 0 0 7px 7px;
}
.custom-select .select-items div:first-child {
  border-radius: 7px 7px 0 0;
}
.custom-select .select-items div:hover, .custom-select .select-items div.same-as-selected {
  color: #021648;
}
.custom-select .select-items.select-hide {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
}
.custom-select.is-active .select-selected {
  color: #10307B;
  font-weight: 400;
}

/* Checkbox */
.check-wrap {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: 15px;
}
.check-wrap .check-input {
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  opacity: 0;
}
.check-wrap .check-style {
  display: inline-block;
  position: relative;
  width: 24px;
  height: 24px;
  cursor: pointer;
  background-color: #F0F3F8;
  border: 2px solid #CBD0D9;
  border-radius: 6px;
  margin-right: 13px;
}
.check-wrap .check-style::before {
  content: "";
  width: 14px;
  height: 14px;
  border-radius: 4px;
  position: absolute;
  background-color: transparent;
  top: 50%;
  left: 50%;
  background-color: #021648;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 0.2s;
}
.check-wrap .check-input:checked + .check-style::before {
  content: "";
  position: absolute;
  transform: translate(-50%, -50%) scale(1);
}

/* Password input */
.password-input__wrap {
  display: flex;
  align-items: center;
  overflow: hidden;
  background-color: #fff;
  border-radius: 10px;
}
.password-input__wrap input {
  border: none;
}
.password-input__show-btn {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 50px;
  height: 100%;
  opacity: 1;
  transition: opacity 0.2s;
  background-image: url(../img/icons/visible.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 19px;
  position: relative;
}
.password-input__show-btn::before {
  position: absolute;
  content: "";
  background-color: #B1B1B1;
  width: 1.5px;
  height: 0;
  left: 50%;
  top: 50%;
  border-radius: 1px;
  transform: translate(-50%, -50%) rotate(45deg);
  transition: height 0.2s;
}
.password-input__show-btn.is-active::before {
  height: 55%;
}
.password-input__show-btn.is-hidden {
  opacity: 0;
}

/* Custom select JS */
.custom-select {
  position: relative;
}
.custom-select select {
  display: none;
}
.custom-select .select-selected {
  background-color: #F9FCFF;
  border-radius: 7px;
  padding: 11px 15px 12px 15px;
  cursor: pointer;
  overflow: hidden;
  font-weight: 300;
  color: #7B8390;
}
.custom-select .select-selected:after {
  position: absolute;
  content: "";
  background-image: url(../img/icons/angle-down.svg);
  width: 11px;
  height: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  right: 18px;
  top: 51%;
  transform: translateY(-50%);
  transition: transform 0.2s;
}
.custom-select .select-selected.select-arrow-active:after {
  transform: rotate(180deg) translateY(50%);
}
.custom-select .select-items {
  position: absolute;
  background: #FFFFFF;
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  top: 120%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius: 7px;
  transform: translateY(0);
  transition: opacity 0.3s, transform 0.3s;
}
.custom-select .select-items div {
  padding: 8px 0;
  margin: 0 15px;
  border-bottom: 1px solid #E4E7ED;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: color 0.2s;
}
.custom-select .select-items div:last-child {
  border: 0;
  border-radius: 0 0 7px 7px;
}
.custom-select .select-items div:first-child {
  border-radius: 7px 7px 0 0;
}
.custom-select .select-items div:hover, .custom-select .select-items div.same-as-selected {
  color: #021648;
}
.custom-select .select-items.select-hide {
  opacity: 0;
  pointer-events: none;
  transform: translateY(10px);
}
.custom-select.is-active .select-selected {
  color: #10307B;
  font-weight: 400;
}

/* Burger css */
.burger {
  cursor: pointer;
  display: none;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  z-index: 10;
}
.burger__main {
  position: absolute;
  height: 100%;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  align-items: center;
}
.burger__main span {
  display: block;
  width: 100%;
  height: 2px;
}
.burger__main span:nth-child(1) {
  transition-delay: 0.5s;
}
.burger__main span:nth-child(2) {
  transition-delay: 0.625s;
}
.burger__main span:nth-child(3) {
  transition-delay: 0.75s;
}
.burger__toggle {
  width: 22px;
  height: 22px;
  position: relative;
  cursor: pointer;
}
.burger__toggle span {
  position: relative;
  background: #fff;
  border-radius: 2px;
  transition: 0.2s ease-in-out;
}
.burger__cross {
  position: absolute;
  width: 22px;
  height: 22px;
  transform: rotate(45deg);
}
.burger__cross span:nth-child(1) {
  height: 0%;
  width: 2px;
  position: absolute;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  transition-delay: 0s;
}
.burger__cross span:nth-child(2) {
  width: 0;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  transition-delay: 0.25s;
}
.burger__toggle.is-active .burger__main span {
  width: 0;
}
.burger__toggle.is-active .burger__main span:nth-child(1) {
  transition-delay: 0s;
}
.burger__toggle.is-active .burger__main span:nth-child(2) {
  transition-delay: 0.125s;
}
.burger__toggle.is-active .burger__main span:nth-child(3) {
  transition-delay: 0.25s;
}
.burger__toggle.is-active .burger__cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.625s;
}
.burger__toggle.is-active .burger__cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.375s;
}

/* Burger css end */
.item-box {
  font-size: 15px;
  line-height: 19px;
  color: #6A7D8A;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.item-box input,
.item-box textarea {
  padding: 11px 15px 12px 15px;
  background: #F9FCFF;
  border-radius: 7px;
  color: #10307B;
  resize: vertical;
}
.item-box input::-moz-placeholder, .item-box textarea::-moz-placeholder {
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  color: #7B8390;
}
.item-box input:-ms-input-placeholder, .item-box textarea:-ms-input-placeholder {
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  color: #7B8390;
}
.item-box input::placeholder,
.item-box textarea::placeholder {
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  color: #7B8390;
}
.item-box .jselect {
  background-color: transparent;
}
.item-box .jselect .jselect--option {
  border-top: 1px solid rgba(34, 34, 34, 0.048);
  padding: 8px 0;
  margin: 0 15px;
}
.item-box .jselect__list {
  border: none !important;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.item-box .jselect__list::-webkit-scrollbar {
  width: 5px;
}
.item-box .jselect__list::-webkit-scrollbar-track {
  background: #fff;
}
.item-box .jselect__list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px;
}
.item-box .jselect__list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.item-box .jselect__search {
  border: none !important;
}
.item-box .jselect__menu {
  top: 160%;
  border-radius: 7px;
  overflow: hidden;
}
.item-box .jselect__display {
  border: 0;
  font-size: 18px;
  line-height: 21px;
  padding: 11px 15px 12px 15px;
  color: #10307B;
  border-radius: 7px !important;
}
.item-box .jselect__display span {
  opacity: 1;
  display: inline-block;
  font-weight: 400;
  font-size: 18px;
  color: #10307B;
}

.rd-container {
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  border: none;
  margin-top: 6px;
  padding: 20px;
}
.rd-container table {
  table-layout: fixed;
}
.rd-container table td {
  width: 100%;
}

.rd-date {
  font-size: 14px;
}
.rd-date .rd-month-label {
  font-size: 16px;
  padding-bottom: 13px;
  margin: 0 -20px 16px -20px;
  border-bottom: 1px solid #E4E7ED;
}
.rd-date .rd-next:hover::before,
.rd-date .rd-back:hover::before {
  background-color: #C2DBEC;
}
.rd-date .rd-next::before,
.rd-date .rd-back::before {
  position: absolute;
  content: "";
  width: 50px;
  height: 50px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6px 9px;
  top: 0;
  transition: background-color 0.2s;
}
.rd-date .rd-next::before {
  background-image: url(../img/icons/angle-next.svg);
  right: 0;
  border-top-right-radius: 10px;
}
.rd-date .rd-back::before {
  background-image: url(../img/icons/angle-prev.svg);
  left: 0;
  border-top-left-radius: 10px;
}
.rd-date .rd-days-row {
  display: grid;
  grid-template: 1fr/repeat(7, 1fr);
  gap: 15px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 18px;
}
.rd-date .rd-days-row .rd-day-head {
  font-weight: 400;
  margin-bottom: 5px;
}
.rd-date .rd-days-body {
  color: #858D9A;
}
.rd-date .rd-day-body {
  width: 29px;
  height: 23px;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: background-color 0.2s, color 0.2s;
}
.rd-date .rd-day-body:hover {
  color: #052163;
  background-color: #F0F3F8;
}
.rd-date .rd-day-selected {
  background-color: #052163;
}
.rd-date .rd-day-prev-month,
.rd-date .rd-day-next-month {
  color: rgb(219, 215, 215);
}

.mojo {
  width: 70%;
  display: flex;
  align-items: flex-start;
  margin-left: auto;
  height: 100%;
  overflow-x: hidden;
}
.mojo.is-active {
  width: 130px;
  height: 40px;
}
.mojo__wrap {
  height: 100%;
  width: 100%;
  position: relative;
}
.mojo__wrap.is-active {
  display: none;
}
.mojo__close-btn {
  width: 60px;
  height: 60px;
  background-color: #02143E;
  background-image: url(../img/icons/logo.svg);
  background-size: 0%;
  background-position: right center;
  background-repeat: no-repeat;
  position: relative;
}
.mojo__close-btn::before, .mojo__close-btn::after {
  position: absolute;
  content: "";
  width: 50%;
  background-color: #fff;
  border-radius: 5px;
  height: 3px;
  left: 50%;
  top: 50%;
  transition: 0.3s;
}
.mojo__close-btn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.mojo__close-btn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.mojo__close-btn.is-active {
  background-color: #001D5F;
  width: 130px;
  height: 40px;
  background-size: 80%;
  border-radius: 0 0 0 7px;
  transition: background-size 0.1s;
}
.mojo__close-btn.is-active::before {
  top: auto;
  bottom: 40%;
  left: 15px;
  width: 10px;
}
.mojo__close-btn.is-active::after {
  top: 40%;
  left: 15px;
  width: 10px;
}
.mojo__header {
  position: relative;
  min-height: 60px;
  background-color: #052163;
  color: #fff;
  padding: 6.5px clamp(15px, 2vw, 38px) 6.5px clamp(15px, 2vw, 24px);
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 500;
  font-size: 16px;
}
.mojo__logo {
  width: 186px;
  height: 45px;
  background-image: url(../img/icons/logo.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-right: clamp(20px, 9vw, 170px);
}
.mojo__nav ul {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 20px;
  gap: 30px;
}
.mojo__nav ul li {
  position: relative;
}
.mojo__nav ul li + li::before {
  position: absolute;
  content: "/";
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
  color: rgba(255, 255, 255, 0.6);
}
.mojo__nav ul a {
  transition: color 0.3s;
  padding: 5px 0;
}
.mojo__nav ul a:hover {
  color: #E5422C;
}
.mojo__actions {
  display: flex;
  gap: clamp(25px, 2vw, 32px);
  align-items: center;
  font-size: 15px;
  line-height: 19px;
  margin-left: auto;
}
.mojo__login {
  display: flex;
  align-items: center;
  gap: 7px;
  transition: color 0.3s;
}
.mojo__login i {
  width: 17px;
  height: 17px;
}
.mojo__login i path {
  transition: fill 0.3s;
  fill: #fff;
}
.mojo__login:hover {
  color: #E5422C;
}
.mojo__login:hover i path {
  fill: #E5422C;
}
.mojo__save-contact {
  padding: 14px 19px 14px 40px;
  background-color: #E5422C;
  border-radius: 10px;
  transition: background-position 0.2s ease-in-out;
  background-image: url(../img/icons/save-contact.svg);
  background-repeat: no-repeat;
  background-position: left 20px center;
  background-size: 15px;
}
.mojo__save-contact:hover {
  background-position: left 15px center;
}
.mojo__main {
  height: calc(100% - 60px);
  display: grid;
  grid-template: 1fr/auto 1fr;
  position: relative;
}
.mojo__main.is-hidden {
  display: none;
}
.mojo__sidebar {
  background-color: #C2DBEC;
  padding: 35px clamp(15px, 2vw, 30px);
  width: 370px;
}
.mojo__photo {
  position: relative;
  border-radius: 50%;
  overflow: hidden;
  width: 200px;
  height: 200px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.mojo__photo input {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.mojo__socials {
  display: flex;
  flex-direction: column;
  gap: 7px;
  margin-bottom: 28px;
}
.mojo__socials span {
  margin-bottom: 3px;
}
.mojo__socials label {
  position: relative;
}
.mojo__socials label::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 28px;
  background-color: #D5DAE3;
  left: 44px;
  top: 50%;
  transform: translateY(-50%);
}
.mojo__socials input {
  background-color: #F9FCFF;
  padding: 10px 15px 11px 59px;
  background-repeat: no-repeat;
  background-position: left 14px center;
  background-size: 17px;
  line-height: 21px;
  border-radius: 7px;
  color: #10307B;
}
.mojo__socials input::-moz-placeholder {
  font-weight: 300;
}
.mojo__socials input:-ms-input-placeholder {
  font-weight: 300;
}
.mojo__socials input::placeholder {
  font-weight: 300;
}
.mojo__socials-linkedin {
  background-image: url(../img/icons/linkedin.svg);
}
.mojo__socials-facebook {
  background-image: url(../img/icons/facebook.svg);
}
.mojo__socials-twitter {
  background-image: url(../img/icons/twitter.svg);
}
.mojo__dates {
  display: grid;
  grid-template: 1fr/1fr 1fr;
  row-gap: 18px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  margin-bottom: 17px;
}
.mojo__dates-inner {
  position: relative;
}
.mojo__dates-inner .rd-container {
  left: 0 !important;
  right: auto !important;
  top: 110% !important;
  z-index: 50;
}
.mojo__dates .jselect__display {
  font-size: 15px;
  background-color: #F9FCFF;
  min-height: 42px;
  display: flex;
  align-items: center;
  line-height: 1;
}
.mojo__dates .jselect__display span {
  font-size: 15px;
  line-height: 1;
}
.mojo__notes textarea {
  background: #F9FCFF;
  border-radius: 7px;
  padding: 15px;
  min-height: 180px;
  font-size: 18px;
}
.mojo__form {
  background-color: #F0F3F8;
}
.mojo__form-top {
  display: flex;
  flex-direction: column;
  gap: 20px;
  color: #021648;
  padding: 29px clamp(15px, 2vw, 40px) 15px clamp(15px, 2vw, 30px);
  border-bottom: 1px solid #D6DEEC;
  margin-bottom: 24px;
}
.mojo__form-top-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
}
.mojo__form-top .dates-box {
  display: grid;
  grid-template: 1fr/1fr 1fr;
  gap: 10px;
  max-width: 282px;
  margin-left: auto;
}
.mojo__form-top .dates-box input {
  padding: 10px !important;
}
.mojo__form-top .dates-box .rd-container {
  left: auto !important;
  right: 0 !important;
}
.mojo__form-top-actions {
  font-size: clamp(20px, 1vw, 25px);
}
.mojo__form-top-actions a {
  transition: color 0.3s;
}
.mojo__form-top-actions a:hover {
  color: #E5422C;
}
.mojo__form .item-box {
  position: relative;
}
.mojo__form .item-box input,
.mojo__form .item-box textarea {
  background-color: #fff;
  font-size: 18px;
  line-height: 21px;
  padding: 11px 15px 12px 15px;
}
.mojo__form .item-box input::-moz-placeholder, .mojo__form .item-box textarea::-moz-placeholder {
  font-size: 17px;
}
.mojo__form .item-box input:-ms-input-placeholder, .mojo__form .item-box textarea:-ms-input-placeholder {
  font-size: 17px;
}
.mojo__form .item-box input::placeholder,
.mojo__form .item-box textarea::placeholder {
  font-size: 17px;
}
.mojo__form .item-box .select-selected {
  background-color: #fff;
  font-size: 17px;
  line-height: 21px;
}
.mojo__form .item-box .select-items {
  background-color: #fff;
}
.mojo__form .item-box #error-msg {
  position: absolute;
  color: #E5422C;
  right: 0;
  bottom: -25px;
}
.mojo__form .iti {
  width: 100%;
  color: #858D9A;
}
.mojo__form .iti__country {
  transition: background-color 0.2s;
}
.mojo__form .iti__country-list {
  overflow-x: hidden;
  border: none;
  box-shadow: 0px 4px 34px rgba(0, 0, 0, 0.11);
  border-radius: 10px;
  top: 120%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.mojo__form .iti__country-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.mojo__form .iti__country-list::-webkit-scrollbar-track {
  background: #f1f1f1;
}
.mojo__form .iti__country-list::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 2px;
}
.mojo__form .iti__country-list::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.mojo__form .iti__selected-flag {
  background-color: transparent;
}
.mojo__form .iti__selected-dial-code {
  font-size: 17px;
}
.mojo__form .iti input {
  padding-left: 40px;
}
.mojo__form .iti__arrow {
  display: none;
}
.mojo__form .iti__flag-container:hover .iti__selected-flag {
  background-color: transparent;
}
.mojo__name {
  font-weight: 500;
  font-size: clamp(25px, 1.5vw, 30px);
  letter-spacing: -0.02em;
}
.mojo__add-appointment {
  line-height: 21px;
  position: relative;
  padding-left: 33px;
}
.mojo__add-appointment::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../img/icons/add-appointment.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.mojo__info {
  padding: 0 clamp(15px, 2vw, 40px) 36px clamp(15px, 2vw, 30px);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.mojo__info-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  color: #021648;
  padding-left: 24px;
  position: relative;
  margin-bottom: 12px;
}
.mojo__info-title::before {
  position: absolute;
  content: "";
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.mojo__info-title--main {
  padding-left: 26px;
}
.mojo__info-title--main:before {
  background-image: url(../img/icons/main-info.svg);
}
.mojo__info-title--company:before {
  background-image: url(../img/icons/company-info.svg);
}
.mojo__info-title--address:before {
  background-image: url(../img/icons/address-info.svg);
}
.mojo__info-title--links:before {
  background-image: url(../img/icons/links.svg);
}
.mojo__info-title--summary:before {
  background-image: url(../img/icons/summary.svg);
}
.mojo__info-title--education:before {
  background-image: url(../img/icons/education.svg);
}
.mojo__info-title--skills:before {
  background-image: url(../img/icons/skills.svg);
}
.mojo__info-title--interests:before {
  background-image: url(../img/icons/interests.svg);
}
.mojo__info-main {
  display: grid;
  grid-template: 1fr 1fr/1fr 1fr;
  -moz-column-gap: 20px;
  column-gap: 20px;
  row-gap: 16px;
}
.mojo__info-company {
  display: grid;
  grid-template: 1fr/repeat(3, 1fr);
  gap: 21px;
}
.mojo__info-address {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mojo__info-address-inner {
  display: grid;
  grid-template: 1fr/minmax(150px, 1fr) minmax(150px, 1fr) 140px minmax(150px, 240px);
  gap: clamp(10px, 1vw, 20px);
}
.mojo__info-more {
  margin-top: 5px;
  font-weight: 500;
  font-size: 15px;
  line-height: 19px;
  color: #1A49B7;
}
.mojo__info-more a {
  background-color: #fff;
  border-radius: 10px;
  padding: 14px 22px 14px 38px;
  position: relative;
}
.mojo__info-more a::before {
  position: absolute;
  content: "";
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url(../img/icons/plus.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: transform 0.2s;
}
.mojo__info-more a.is-active::before {
  transform: translate(0%, -50%) rotate(45deg);
}
.mojo__more-hidden {
  display: flex;
  flex-direction: column;
  gap: 28px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.mojo__more-hidden textarea {
  min-height: 100px;
  resize: none;
}

.sign {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F0F3F8;
  z-index: -1;
  opacity: 0;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  transition: opacity 0.2s, z-index 0.2s;
}
.sign.is-active {
  opacity: 1;
  pointer-events: all;
  z-index: 99;
}
.sign__close {
  width: 40px;
  height: 40px;
  background-image: url(../img/icons/close.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
  position: absolute;
  right: 30px;
  top: 80px;
}
.sign__header {
  position: relative;
  background-color: #052163;
  margin-bottom: auto;
  width: 100%;
  height: 60px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding-left: 24px;
}
.sign__inner {
  background-color: #F0F3F8;
  max-width: 840px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
}
.sign__inner.is-hidden {
  display: none;
}
.sign__inner-up .sign__submit {
  margin-top: 15px;
}
.sign__title {
  font-weight: 500;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.04px;
  color: #021648;
  margin-bottom: 36px;
}
.sign__in {
  display: flex;
  flex-direction: column;
  gap: 22px;
}
.sign__in-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #052163;
  font-weight: 400;
  line-height: 19px;
  margin: 3px 0 11px;
}
.sign__in-inner .check-wrap {
  color: #7B8390;
  font-weight: 300;
  font-size: 15px;
}
.sign__input {
  display: flex;
  flex-direction: column;
  gap: 11px;
  font-size: 18px;
  line-height: 23px;
  color: #021648;
}
.sign__input input {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
  padding: 15px 15px 15px 41px;
  color: #10307B;
  background-repeat: no-repeat;
}
.sign__input input::-moz-placeholder {
  font-weight: 300;
  color: #7B8390;
}
.sign__input input:-ms-input-placeholder {
  font-weight: 300;
  color: #7B8390;
}
.sign__input input::placeholder {
  font-weight: 300;
  color: #7B8390;
}
.sign__input-email {
  border-radius: 10px;
  background-position: left 15px center;
  background-image: url(../img/icons/envelope.svg);
}
.sign__input-password {
  background-position: left 14px center;
  background-image: url(../img/icons/password.svg);
}
.sign__submit {
  background: #E5422C;
  border-radius: 10px;
  font-size: 18px;
  line-height: 23px;
  color: #FFFFFF;
  padding: 15px 20px 17px;
}
.sign__bottom {
  margin-top: auto;
  font-size: 17px;
  line-height: 21px;
  color: #696E7A;
  background-color: #fff;
  padding: 21px 25px 22px;
  width: 100%;
  display: flex;
  justify-content: center;
  display: flex;
  gap: 5px;
}
.sign__bottom a {
  color: #052163;
}