.container {
  padding: 0 10px;
}

input.error {
  border: 1px solid #F54D4D !important;
}

header {
  border-radius: 10px;
  max-width: 1200px;
  display: flex;
  align-content: center;
  align-items: center;
  padding: 14px 30px;
  background-color: #fff;
  margin: 20px auto;
}
header .open-menu {
  display: none;
  align-items: center;
  flex-direction: column;
  cursor: pointer;
  width: 40px;
  height: 40px;
  background: #047495;
  border-radius: 4px;
  justify-content: center;
}
header .open-menu span {
  background-color: #fff;
  width: 26px;
  height: 2px;
  margin: 3px 0;
  display: block;
  transition: all 0.4s ease;
  transform-origin: 0 0;
}
header .open-menu.active span:nth-child(1) {
  transform: rotate(45deg) translate(1px, -4px);
}
header .open-menu.active span:nth-child(2) {
  Transform: scaleX(0);
}
header .open-menu.active span:nth-child(3) {
  transform: rotate(-45deg) translate(1px, 0);
}
header .header-main {
  display: flex;
  flex-wrap: wrap;
}
header .logo {
  height: 45px;
  display: flex;
  width: fit-content;
}
header .logo svg {
  height: 100%;
  width: auto;
}
header .logo svg:nth-child(2) {
  display: none;
}
header .responsive-link {
  display: none;
}
header ul.main-menu {
  display: flex;
  list-style: none;
  padding: 0;
  gap: 20px;
  margin: 0;
}
header ul.main-menu > li > a {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #000000;
}
header ul.main-menu > li > a:hover, header ul.main-menu > li > a.active {
  color: #047495;
}
header .header-main {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: center;
  align-items: center;
}
header .header-main-right {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  align-content: center;
  align-items: center;
}
header ul.hover, header ul.active {
  margin: 0;
}
header .container {
  overflow: inherit;
}
header .login-block {
  position: absolute;
  right: 11px;
  top: 58px;
  padding: 30px 13px 16px;
  width: 300px;
  background: #FFFFFF;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.15);
  border-radius: 20px;
  z-index: 1002;
  display: none;
}
header .login-block.active {
  display: block;
}
header .login-block-close {
  position: absolute;
  top: 14px;
  right: 14px;
  cursor: pointer;
}
@media (min-width: 992px) {
  header .login-block-close {
    display: none;
  }
}
header .login-block-header {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #333;
  margin-bottom: 20px;
  padding-left: 3px;
}
header .login-block-header.hidden {
  display: none;
}
header .login-block-header span {
  cursor: pointer;
  color: #047495;
}
header .login-block-header span.active {
  color: #333;
  text-decoration: underline;
}
header .login-block-body > div {
  display: none;
}
header .login-block-body > div.active {
  display: block;
}
header .login-block-body form div {
  position: relative;
}
header .login-block-body label {
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  color: #333333;
  position: absolute;
  left: 19px;
  top: 4px;
}
header .login-block-body .toggle-password {
  position: absolute;
  top: 0;
  bottom: 14px;
  cursor: pointer;
  margin: auto;
  right: 20px;
  height: 24px;
}
header .login-block-body .toggle-password.active svg line {
  display: none;
}
header .login-block-body .toggle-password svg line {
  display: block;
}
header .login-block-body input:not(.checkbox) {
  padding: 14px 20px 0;
  width: 100%;
  height: 45px;
  border: 0.5px solid #BBBBBB;
  border-radius: 20px;
  margin-bottom: 12px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
}
header .login-block-body input::-ms-input-placeholder,
header .login-block-body textarea::-ms-input-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BBBBBB;
}
header .login-block-body input::-moz-placeholder,
header .login-block-body textarea::-moz-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BBBBBB;
}
header .login-block-body input::-webkit-input-placeholder,
header .login-block-body textarea::-webkit-input-placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BBBBBB;
}
header .login-block-body input::placeholder,
header .login-block-body textarea::placeholder {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #BBBBBB;
}
header .login-block-body button {
  border-radius: 20px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 19px;
  text-transform: uppercase;
  color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 100%;
  max-width: 268px;
  margin: auto;
  height: 47px;
  background: linear-gradient(0deg, #FFFFFF 44%, #7C99EB 100%);
  border: 0;
}
header .login-block-body button span {
  position: absolute;
  left: 1px;
  top: 1px;
  width: 100%;
  height: 45px;
  background: #244395;
  border-radius: 20px;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 47px;
  text-transform: uppercase;
  color: #FFFFFF;
}
header .login-block-body button:focus span, header .login-block-body button:active span, header .login-block-body button:hover span {
  background: #4B6AB8;
}
header .login-block-body .login-form-bottom {
  display: flex;
  flex-direction: column;
}
header .login-block-body .login-form-bottom .password {
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #047495;
  cursor: pointer;
  margin-bottom: 20px;
}
header .login-block-body .login-form-bottom .input-check {
  display: flex;
  align-items: center;
  margin: 8px 0 -5px;
}
header .login-block-body .login-form-bottom .input-check a {
  text-decoration: underline;
  color: #C4C4C4;
}
header .login-block-body .login-form-bottom .input-check input {
  width: 0;
  height: 0;
}
header .login-block-body .login-form-bottom .input-check label {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #333333;
  position: relative;
  padding-left: 24px;
  left: 0;
  top: 0;
  cursor: pointer;
}
header .login-block-body .login-form-bottom .input-check label a {
  text-decoration: none;
}
header .login-block-body .login-form-bottom .input-check label:before {
  display: block;
  position: absolute;
  left: 3px;
  top: -1px;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #333333;
  border-radius: 2px;
}
header .login-block-body .login-form-bottom .input-check label:hover:before {
  border: 1px solid #047495;
}
header .login-block-body .login-form-bottom .input-check label:hover:after {
  width: 12px;
  height: 12px;
  background: #047495;
  border-radius: 1px;
  position: absolute;
  left: 5px;
  top: 1px;
  z-index: 5;
  content: "";
}
header .login-block-body .login-form-bottom .input-check input:checked + label:before {
  border: 1px solid #047495;
}
header .login-block-body .login-form-bottom .input-check input:checked + label:after {
  width: 12px;
  height: 12px;
  background: #047495;
  border-radius: 1px;
  position: absolute;
  left: 5px;
  top: 1px;
  z-index: 5;
  content: "";
}
header .login-block-body .login-form-bottom .checkbox {
  appearance: none;
  width: 16px;
  height: 16px;
  background: var(--background-color);
  border: 1px solid var(--medium-brown);
  cursor: pointer;
  position: relative;
}
header .login-block-body .login-form-bottom > span {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #333333;
  text-align: center;
  display: block;
  margin: 22px 0 18px;
}
header .login-block-body .login-form-bottom a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 47px;
  border-radius: 20px;
  border: 1px solid #047495;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 45px;
  text-transform: uppercase;
  color: #047495;
  max-width: 268px;
  margin: auto;
  transition: all 0.3s;
}
header .login-block-body .login-form-bottom a:hover {
  background: #047495;
  color: #fff;
}
header .login-block-body .login-block-2 button {
  width: 100%;
  height: 44px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  color: var(--white);
  border: 0;
  justify-content: center;
  margin-top: 24px;
}
header .login-block-body .login-block-2 button:focus, header .login-block-body .login-block-2 button:active {
  background: #BB5D20;
}
header .login-block-body .login-block-3 .login-block-title-3 {
  margin-bottom: 14px;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  color: #333333;
}
header .login-block-body .login-block-3 p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  margin-bottom: 13px;
}
header .login-block-body .login-block-3 label {
  margin-bottom: 6px;
}
header .login-block-body .login-block-3 button {
  width: 100%;
  height: 44px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--white);
  border: 0;
  justify-content: center;
}
header .login-block-body .login-block-3 button:focus, header .login-block-body .login-block-3 button:active {
  background: #BB5D20;
}
header .login-block-body .login-block-4 {
  padding: 29px 0 43px;
}
header .login-block-body .login-block-4 .login-block-title-4 {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 140%;
  text-align: center;
  color: #333333;
  margin-bottom: 20px;
}
header .login-block-body .login-block-4 .login-block-text-4 {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #333333;
}
header .login-block-body button {
  transition: all 0.3s;
}
.header-main-right-whatsapp {
  display: flex;
  gap: 20px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}

.btn-type-1 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  height: 46px;
  background: #047495;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  color: #FFFFFF;
  width: fit-content;
  transition: all 0.3s ease;
  border: 0;
  cursor: pointer;
}
.btn-type-1:hover {
  background: #0497C3;
  color: #FFFFFF;
}
.btn-type-1 svg {
  display: none;
}

.btn-type-2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 40px;
  height: 46px;
  border-radius: 4px;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #047495;
  width: fit-content;
  transition: all 0.3s ease;
  border: 1px solid #047495;
  gap: 10px;
}
.btn-type-2:hover {
  background: #0497C3;
  color: #FFFFFF;
  border: 1px solid #0497C3;
}

.mobile-menu {
  z-index: 1001;
  position: absolute;
  left: -100vw;
  top: 0;
  width: 100%;
  height: fit-content;
  background-color: #047495;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.mobile-menu .user-link {
  display: flex !important;
  color: #fff;
  border: 1px solid #fff;
  width: calc(100% - 20px);
  margin: 0 10px 20px;
}
.mobile-menu-address {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  background-color: #F6F6F6;
  height: 36px;
  margin: 9px 10px 0;
  width: calc(100% - 20px);
  border-radius: 4px;
  padding: 0 0 0 10px;
}
.mobile-menu-address-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  margin: 0 0 10px 27px;
}
.mobile-menu-address svg:nth-child(1) {
  margin-right: 12px;
  width: 25px;
  height: auto;
}
.mobile-menu-address svg:nth-child(3) {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.mobile-menu-address.active ul {
  display: block;
}
.mobile-menu-address ul {
  position: absolute;
  top: 40px;
  left: 0;
  display: none;
  width: 100%;
  padding: 0;
  margin: 0;
  background-color: #fff;
  z-index: 101;
}
.mobile-menu-address ul li {
  padding: 10px 12px;
  width: 100%;
  min-height: 40px;
  border-bottom: 1px solid #E6E1DB;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #7A6344;
  display: flex;
  align-items: flex-start;
  transition: all 0.3s ease;
}
.mobile-menu-address ul li:last-child {
  border-bottom: 0;
}
.mobile-menu-address ul li:hover {
  background-color: #047495;
  color: #fff;
}
.mobile-menu-address ul li:hover svg path {
  stroke: #fff;
}
.mobile-menu-address ul li svg {
  margin-right: 9px;
  transition: all 0.3s ease;
}
.mobile-menu-address ul li span {
  width: calc(100% - 26px);
  padding-top: 4px;
}
.mobile-menu-form {
  width: calc(100% - 56px);
  position: relative;
  height: 36px;
  margin: 10px 0 0 10px;
}
.mobile-menu-form input {
  padding: 10px 20px;
  width: 100%;
  height: 36px;
  background: #F6F6F6;
  border-radius: 4px;
  border: 0;
}
.mobile-menu-form button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  height: 24px;
}
.mobile-menu-form button svg {
  width: 16px;
  height: 16px;
}
.mobile-menu-form button:hover svg path {
  fill: #047495;
}
.mobile-menu-links {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  background-color: #0497C3;
  flex-direction: column;
  gap: 10px;
}
.mobile-menu-links > div:nth-child(2) {
  display: flex;
  gap: 8px;
  align-items: center;
}
.mobile-menu-links > div:nth-child(2) a {
  gap: 8px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
}
.mobile-menu-links a {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  height: 24px;
  display: flex;
  gap: 12px;
  align-items: center;
}
.mobile-menu-time {
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  display: flex;
  gap: 12px;
  align-items: center;
}
.mobile-menu .logo {
  height: 21px;
  display: flex;
  width: fit-content;
}
.mobile-menu .logo svg {
  height: 100%;
  width: auto;
}
.mobile-menu.active {
  left: 0;
}
.mobile-menu-header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.mobile-menu > ul {
  list-style: none;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  justify-content: center;
  flex-direction: column;
  align-items: flex-start;
  padding: 32px 2px 40px 10px;
  margin: 0;
}
.mobile-menu > ul li a {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  transition: all 0.3s;
}
.mobile-menu > ul li a.active, .mobile-menu > ul li a:hover {
  color: #7A6344;
}
.mobile-menu-close {
  position: absolute;
  right: 18px;
  top: 14px;
}

h1 {
  font-weight: 700;
  font-size: 28px;
  line-height: 140%;
  color: #28428C;
  margin-bottom: 30px;
}

body {
  font-family: "Inter", sans-serif;
  background: #F6F6F6;
}
body.overlay {
  background: #fff;
  overflow: hidden;
}
body.overlay .personal-account {
  background: #fff;
}

h2 {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 20px;
}

h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 20px;
}

p {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 9px;
}
p:last-child {
  margin-bottom: 0;
}

a:hover {
  text-decoration: none;
}

:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

input {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #333333;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #BDBDBD;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #BDBDBD;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #BDBDBD;
}

input::placeholder,
textarea::placeholder {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #BDBDBD;
}

body.open {
  overflow: hidden;
}

.label-check {
  cursor: pointer;
}

.portal-main {
  padding: 30px 0 120px 0;
}
.portal-main-logo {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  display: flex;
  padding: 0 40px;
  height: 76px;
  border: 1px solid #77A1FE;
  border-radius: 20px;
  width: fit-content;
  align-items: center;
  margin: 0 auto 105px;
}
.portal-main-title {
  font-style: normal;
  font-weight: 600;
  font-size: 50px;
  line-height: 120%;
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 24px;
}
.portal-main-title span {
  color: #769BEF;
  text-shadow: 1px 1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px -1px 0 #FFFFFF;
}
.portal-main-text {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  text-align: center;
  color: #DAE5FF;
  margin-bottom: 60px;
}
.portal-main a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 80px;
  height: 61px;
  background: #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #FFFFFF;
  width: max-content;
  margin: auto;
  transition: all 0.3s;
  cursor: pointer;
}
.portal-main a:hover {
  background: #7A9FFF;
}

.portal-target h2 {
  text-align: center;
  margin-bottom: 20px;
}
.portal-target h3 {
  text-align: center;
  margin-bottom: 40px;
}
.portal-target-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.portal-target-item {
  margin: 0 10px;
  width: calc(25% - 20px);
  padding: 30px;
  border-radius: 30px;
  height: 240px;
  display: flex;
  align-content: space-between;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid #C1D4FF;
}
.portal-target-item:nth-child(1) {
  background: #FFFFFF;
}
.portal-target-item:nth-child(1) .portal-target-item-icon {
  background: #E8EEFF;
}
.portal-target-item:nth-child(1) .portal-target-item-title {
  color: #263A70;
}
.portal-target-item:nth-child(2) {
  background: #FFFFFF;
}
.portal-target-item:nth-child(2) .portal-target-item-icon {
  background: #E8EEFF;
}
.portal-target-item:nth-child(2) .portal-target-item-title {
  color: #263A70;
}
.portal-target-item:nth-child(3) {
  background: #FFFFFF;
}
.portal-target-item:nth-child(3) .portal-target-item-icon {
  background: #FEEEFD;
}
.portal-target-item:nth-child(3) .portal-target-item-title {
  color: #263A70;
}
.portal-target-item:nth-child(4) {
  background: #FFFFFF;
}
.portal-target-item:nth-child(4) .portal-target-item-icon {
  background: #FFF5ED;
}
.portal-target-item:nth-child(4) .portal-target-item-title {
  color: #263A70;
}
.portal-target-item:hover {
  background: #047495;
  border: 2px solid #047495;
}
.portal-target-item:hover .portal-target-item-icon {
  background: #FFFFFF;
}
.portal-target-item:hover .portal-target-item-title {
  color: #fff;
}
.portal-target-item-icon {
  width: 64px;
  height: 64px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portal-target-item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}

.portal-features {
  padding: 120px 0 105px;
}
.portal-features h2 {
  margin-bottom: 20px;
}
.portal-features h3 {
  margin-bottom: 28px;
}
.portal-features ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.portal-features ul li {
  margin-bottom: 16px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.portal-features ul li span {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #535353;
}
.portal-features-image {
  position: relative;
}
.portal-features-image-responsive {
  display: none;
}
.portal-features-image img {
  height: 363px;
  border-radius: 30px;
  width: 100%;
  z-index: 1;
  position: relative;
  object-fit: cover;
  object-position: top;
}
.portal-features-info {
  position: absolute;
  width: 200px;
  height: 118px;
  background: #FFFFFF;
  border: 1px solid #E8EEFF;
  border-radius: 20px;
  z-index: 2;
  right: 50px;
  bottom: 90px;
  padding: 16px;
}
.portal-features-info-icon {
  width: 30px;
  height: 30px;
  background: #E8EEFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portal-features-info .portal-features-info-block-1 {
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.portal-features-info .portal-features-info-block-1 div {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
}
.portal-features-info .portal-features-info-block-2 div:nth-child(1) {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #047495;
  margin-bottom: 2px;
}
.portal-features-info .portal-features-info-block-2 div:nth-child(2), .portal-features-info .portal-features-info-block-2 div:nth-child(3) {
  font-style: normal;
  font-weight: 100;
  font-size: 10px;
  line-height: 120%;
  color: #535353;
  margin-bottom: 4px;
}
.portal-features-info .portal-features-info-block-2 div:nth-child(2) span, .portal-features-info .portal-features-info-block-2 div:nth-child(3) span {
  font-weight: 600;
}

.portal-dashboard h2 {
  text-align: center;
  margin-bottom: 20px;
}
.portal-dashboard h3 {
  text-align: center;
  margin-bottom: 29px;
}
.portal-dashboard-main {
  background: #E8EEFF;
  border-radius: 50px;
  padding: 50px 30px 30px;
}
.portal-dashboard-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.portal-dashboard-item {
  margin: 0 10px 20px;
  width: calc(33.3333333333% - 20px);
  padding: 20px 40px;
  border-radius: 30px;
  height: 149px;
  display: flex;
  flex-direction: column;
  background: #fff;
}
.portal-dashboard-item:nth-child(1) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(4) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(7) .portal-dashboard-item-icon {
  background: #E8EEFF;
}
.portal-dashboard-item:nth-child(2) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(5) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(8) .portal-dashboard-item-icon {
  background: #FEEEFD;
}
.portal-dashboard-item:nth-child(3) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(6) .portal-dashboard-item-icon, .portal-dashboard-item:nth-child(9) .portal-dashboard-item-icon {
  background: #FFF5ED;
}
.portal-dashboard-item:hover {
  background: #047495;
}
.portal-dashboard-item:hover .portal-dashboard-item-icon {
  background: #FFFFFF;
}
.portal-dashboard-item:hover .portal-dashboard-item-title, .portal-dashboard-item:hover .portal-dashboard-item-text {
  color: #fff;
}
.portal-dashboard-item-icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 13px;
}
.portal-dashboard-item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  color: #263A70;
  margin-bottom: 4px;
}
.portal-dashboard-item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
}

.portal-roles {
  padding: 120px 0 0;
}
.portal-roles h2 {
  margin-bottom: 20px;
}
.portal-roles h3 {
  margin-bottom: 30px;
}
.portal-roles-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.portal-roles-item {
  margin: 0 10px;
  width: calc(25% - 20px);
  padding: 30px 20px 27px 30px;
  border-radius: 30px;
  height: 240px;
  display: flex;
  align-content: space-between;
  flex-direction: column;
  justify-content: space-between;
  border: 2px solid #C1D4FF;
}
.portal-roles-item:nth-child(1) {
  background: #FFFFFF;
}
.portal-roles-item:nth-child(1) .portal-roles-item-icon {
  background: #E8EEFF;
}
.portal-roles-item:nth-child(1) .portal-roles-item-title {
  color: #263A70;
}
.portal-roles-item:nth-child(2) {
  background: #FFFFFF;
}
.portal-roles-item:nth-child(2) .portal-roles-item-icon {
  background: #E8EEFF;
}
.portal-roles-item:nth-child(2) .portal-roles-item-title {
  color: #263A70;
}
.portal-roles-item:nth-child(3) {
  background: #FFFFFF;
}
.portal-roles-item:nth-child(3) .portal-roles-item-icon {
  background: #FEEEFD;
}
.portal-roles-item:nth-child(3) .portal-roles-item-title {
  color: #263A70;
}
.portal-roles-item:nth-child(4) {
  background: #FFFFFF;
}
.portal-roles-item:nth-child(4) .portal-roles-item-icon {
  background: #FFF5ED;
}
.portal-roles-item:nth-child(4) .portal-roles-item-title {
  color: #263A70;
}
.portal-roles-item:hover {
  background: #047495;
  border: 2px solid #047495;
}
.portal-roles-item:hover .portal-roles-item-icon {
  background: #FFFFFF;
}
.portal-roles-item:hover .portal-roles-item-title, .portal-roles-item:hover .portal-roles-item-text {
  color: #fff;
}
.portal-roles-item-icon {
  width: 64px;
  height: 64px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portal-roles-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
  margin-top: 4px;
}
.portal-roles-item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
}

.portal-capabilities {
  padding: 120px 0 0;
}
.portal-capabilities h2 {
  text-align: center;
  margin-bottom: 30px;
}
.portal-capabilities-image {
  position: relative;
}
.portal-capabilities-image img {
  height: 520px;
  border-radius: 30px;
  width: 100%;
  z-index: 1;
  position: relative;
  object-fit: cover;
  object-position: top;
}
.portal-capabilities-image-responsive {
  display: none;
}
.portal-capabilities-main {
  background: #E8EEFF;
  border-radius: 50px;
  padding: 50px 30px 30px;
}
.portal-capabilities-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.portal-capabilities-item {
  margin: 0 10px 20px;
  width: calc(50% - 20px);
  padding: 20px;
  border-radius: 30px;
  height: 160px;
  display: flex;
  flex-direction: column;
  background: #fff;
  justify-content: center;
}
.portal-capabilities-item-title {
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 130%;
  text-align: center;
  color: #263A70;
  margin-bottom: 4px;
}
.portal-capabilities-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  color: #535353;
}
.portal-capabilities-item:hover {
  background: #047495;
}
.portal-capabilities-item:hover .portal-capabilities-item-title, .portal-capabilities-item:hover .portal-capabilities-item-text {
  color: #fff;
}
.portal-capabilities-info {
  position: absolute;
  width: 200px;
  height: 118px;
  background: #FFFFFF;
  border: 1px solid #E8EEFF;
  border-radius: 20px;
  z-index: 2;
  left: 51px;
  top: 170px;
  padding: 16px;
}
.portal-capabilities-info-icon {
  width: 30px !important;
  height: 30px;
  background: #FEEEFD;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.portal-capabilities-info .portal-capabilities-info-block-1 {
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 6px;
}
.portal-capabilities-info .portal-capabilities-info-block-1 div {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
  width: calc(100% - 40px);
}
.portal-capabilities-info .portal-capabilities-info-block-2 {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  color: #535353;
}

.portal-pricing {
  padding: 120px 0 0;
}
.portal-pricing-image {
  width: 100%;
  border-radius: 20px;
  height: 311px;
  object-fit: cover;
}
.portal-pricing-image-responsive {
  display: none;
}
.portal-pricing h2 {
  margin-bottom: 20px;
}
.portal-pricing h3 {
  margin-bottom: 57px;
}
.portal-pricing ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.portal-pricing ul li {
  margin-bottom: 16px;
  display: flex;
  gap: 10px;
  align-items: center;
}
.portal-pricing ul li span {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 130%;
  color: #535353;
}

footer {
  background-color: #055770;
  padding: 30px 0 13px;
}
footer .container {
  overflow: inherit;
}
footer .footer-logo {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  color: #FFFFFF;
}
footer .footer-copyright {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
  height: 24px;
}
footer .footer-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #FFFFFF;
  margin: 10px 0 67px;
}
footer .footer-address {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  background-color: #F6F6F6;
  height: 46px;
  margin: 0 0 10px 27px;
  padding: 0 0 0 20px;
}
footer .footer-address-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 8px;
}
footer .footer-links {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 8px;
}
footer .footer-links a {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  display: flex;
  gap: 8px;
  align-items: center;
}
footer .footer-time {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
}
footer .col-xl-6:last-child {
  display: flex;
  justify-content: flex-end;
}
footer .col-xl-6:last-child a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #FFFFFF;
  height: 24px;
  display: flex;
  width: max-content;
}
footer .col-xl-5 {
  padding-left: 64px;
}
footer .col-xl-6 {
  text-align: center;
}
footer .col-xl-6 a {
  font-weight: 400;
  font-size: 12px;
  line-height: 180%;
  color: #FFFFFF;
}
footer .col-xl-9 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
footer .col-xl-9 a {
  font-weight: 400;
  font-size: 12px;
  line-height: 180%;
  color: #FFFFFF;
}

.personal-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-family: "Manrope";
}
.personal-area-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
  margin-bottom: 0;
}
.personal-area:has(.personal-area-right) .personal-area-body {
  width: calc(100% - 474px);
}
.personal-area .personal-area-menu {
  width: 251px;
  background: #F8F9FA;
  padding: 10px;
  border-radius: 20px;
  height: calc(100vh - 20px);
  position: relative;
}
.personal-area .personal-area-menu-logo {
  display: flex;
  padding: 10px 0 11px 0;
  justify-content: center;
  position: relative;
  margin-bottom: 11px;
}
.personal-area .personal-area-menu-logo:before {
  content: "";
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 2px;
  background: linear-gradient(to right, rgba(232, 238, 255, 0.2) 0%, rgb(232, 238, 255) 50%, rgba(232, 238, 255, 0.2) 100%);
}
.personal-area .personal-area-menu-main {
  background: #047495;
  border-radius: 20px;
  padding: 20px 0;
  margin-bottom: 30px;
}
.personal-area .personal-area-menu-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  margin-bottom: 6px;
}
.personal-area .personal-area-menu-link {
  display: flex;
  width: 100%;
  height: 51px;
  background: #047495;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #FFFFFF;
  margin-bottom: 20px;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.personal-area .personal-area-menu ul li a {
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  color: #535353;
  /* Inside auto layout */
  flex: none;
  order: 1;
  flex-grow: 1;
  position: relative;
  width: 100%;
  padding: 0 20px 0 60px;
  display: flex;
  transition: all 0.3s;
  height: 54px;
  align-items: center;
  border-radius: 12px;
}
.personal-area .personal-area-menu ul li a.logout {
  display: none;
}
.personal-area .personal-area-menu ul li a.logout svg {
  opacity: 0.5;
}
.personal-area .personal-area-menu ul li a.logout:hover svg {
  opacity: 1;
}
.personal-area .personal-area-menu ul li a.logout:hover svg path {
  fill: #047495;
}
.personal-area .personal-area-menu ul li a .count {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  background: #DF3B5F;
  border-radius: 5px;
}
.personal-area .personal-area-menu ul li a svg {
  position: absolute;
  left: 14px;
  top: 10px;
  transition: all 0.3s;
}
.personal-area .personal-area-menu ul li a.active, .personal-area .personal-area-menu ul li a:hover {
  background: #E8EEFF;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  position: relative;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #055770;
}
.personal-area .personal-area-menu ul li a.active:after, .personal-area .personal-area-menu ul li a:hover:after {
  content: "";
  position: absolute;
  left: 20px;
  top: 12px;
  background: #047495;
  width: 30px;
  height: 30px;
  border-radius: 6px;
  z-index: 1;
}
.personal-area .personal-area-menu ul li a.active svg, .personal-area .personal-area-menu ul li a:hover svg {
  z-index: 2;
}
.personal-area .personal-area-menu ul li a.active svg path, .personal-area .personal-area-menu ul li a:hover svg path {
  fill: #F8F9FA;
}
.personal-area .personal-area-menu ul li a.active svg rect, .personal-area .personal-area-menu ul li a:hover svg rect {
  fill: transparent;
}
.personal-area .personal-area-menu-header {
  margin: 21px 0 9px 20px;
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 150%;
  text-transform: uppercase;
  color: #263A70;
}
.personal-area .personal-area-menu-share {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='218' height='190' viewBox='0 0 218 190' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='218' height='189.5' rx='15' fill='%23047495'/%3e%3cmask id='mask0_4015_1496' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='218' height='190'%3e%3crect width='218' height='189.5' rx='15' fill='%234D7BF5'/%3e%3c/mask%3e%3cg mask='url(%23mask0_4015_1496)'%3e%3cg opacity='0.2'%3e%3cpath d='M220.25 -9.00293C318.091 -9.00293 397.5 79.691 397.5 189.221C397.5 298.75 318.091 387.444 220.25 387.444C122.409 387.444 43.0001 298.75 43 189.221C43 79.691 122.409 -9.00293 220.25 -9.00293Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 17.8643C304.819 17.8644 373.469 94.5293 373.469 189.221C373.469 283.912 304.819 360.577 220.25 360.577C135.681 360.577 67.0313 283.912 67.0312 189.221C67.0312 94.5293 135.681 17.8643 220.25 17.8643Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 48.4365C289.716 48.4365 346.123 111.413 346.123 189.22C346.123 267.026 289.716 330.004 220.25 330.004C150.784 330.004 94.3779 267.026 94.3779 189.22C94.3781 111.413 150.784 48.4367 220.25 48.4365Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 79.0095C274.613 79.0096 318.776 128.299 318.776 189.22C318.776 250.142 274.613 299.431 220.25 299.431C165.887 299.431 121.724 250.142 121.724 189.22C121.724 128.299 165.886 79.0095 220.25 79.0095Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 108.656C259.968 108.656 292.259 144.672 292.259 189.22C292.259 233.769 259.968 269.785 220.25 269.785C180.532 269.785 148.241 233.769 148.241 189.22C148.241 144.672 180.532 108.656 220.25 108.656Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 135.524C246.696 135.524 268.227 159.511 268.227 189.221C268.227 218.931 246.696 242.918 220.25 242.918C193.804 242.918 172.272 218.931 172.272 189.221C172.272 159.511 193.804 135.524 220.25 135.524Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3cpath d='M220.25 157.019C236.077 157.019 249 171.382 249 189.22C249 207.059 236.077 221.422 220.25 221.422C204.423 221.422 191.5 207.059 191.5 189.22C191.5 171.382 204.423 157.019 220.25 157.019Z' fill='%23047495' stroke='%23F8F9FA'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
  height: 190px;
  border-right: 15px;
  margin: 105px 16px 0;
  width: calc(100% - 32px);
  padding: 20px 10px;
  background-color: #047495;
  border-radius: 20px;
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  left: 0;
  bottom: 20px;
}
.personal-area .personal-area-menu-share p {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 130%;
  color: #F8F9FA;
  margin-bottom: 12px;
}
.personal-area .personal-area-menu-share svg {
  margin-bottom: 16px;
}
.personal-area .personal-area-menu-share a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 38px;
  background: #F8F9FA;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  text-align: center;
  color: #047495;
}
.personal-area .personal-area-body {
  width: calc(100% - 271px);
  padding-bottom: 50px;
}
.personal-area .personal-area-body input::-ms-input-placeholder,
.personal-area .personal-area-body textarea::-ms-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #A0AEC0;
}
.personal-area .personal-area-body input::-moz-placeholder,
.personal-area .personal-area-body textarea::-moz-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #A0AEC0;
}
.personal-area .personal-area-body input::-webkit-input-placeholder,
.personal-area .personal-area-body textarea::-webkit-input-placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #A0AEC0;
}
.personal-area .personal-area-body input::placeholder,
.personal-area .personal-area-body textarea::placeholder {
  font-weight: 400;
  font-size: 16px;
  line-height: 120%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .incidents-table.hidden {
  display: none;
}
.personal-area .personal-area-body .incidents-table-header {
  display: flex;
  padding: 10px 0;
  margin-top: 19px;
  border-bottom: 2px solid #E8EEFF;
  background: #FCFCFD;
}
.personal-area .personal-area-body .incidents-table-header div {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
}
.personal-area .personal-area-body .incidents-table-header div span {
  display: flex;
  gap: 8px;
  cursor: pointer;
  align-items: center;
  width: fit-content;
}
.personal-area .personal-area-body .incidents-table-header div:nth-child(1) {
  width: 90px;
  padding-left: 24px;
}
.personal-area .personal-area-body .incidents-table-header div:nth-child(2) {
  width: calc(100% - 186px - 90px - 97px);
  padding-left: 12px;
}
.personal-area .personal-area-body .incidents-table-header div:nth-child(3) {
  width: 186px;
  padding-left: 49px;
}
.personal-area .personal-area-body .incidents-table-header div:nth-child(4) {
  width: 97px;
}
.personal-area .personal-area-body .incidents-table-body-line {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #EAECF0;
}
.personal-area .personal-area-body .incidents-table-body-line > div {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
}
.personal-area .personal-area-body .incidents-table-body-line > div:nth-child(1) {
  width: 90px;
  text-align: center;
  display: flex;
  justify-content: center;
  color: #535353;
}
.personal-area .personal-area-body .incidents-table-body-line > div:nth-child(2) {
  width: calc(100% - 186px - 90px - 97px);
  padding-left: 12px;
}
.personal-area .personal-area-body .incidents-table-body-line > div:nth-child(3) {
  text-align: center;
  display: flex;
  justify-content: center;
  width: 186px;
}
.personal-area .personal-area-body .incidents-table-body-line > div:nth-child(4) {
  text-align: center;
  display: flex;
  justify-content: center;
  width: 97px;
}
.personal-area .personal-area-body .incidents-report-btn {
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  padding: 0 87px;
  margin-top: 15px;
}
.personal-area .personal-area-body .incidents-report-btn.hidden {
  display: none;
}
.personal-area .personal-area-body .incidents-report-btn:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .incidents-report-form {
  display: none;
  flex-wrap: wrap;
  margin: 0 -5px;
}
.personal-area .personal-area-body .incidents-report-form.active {
  display: flex;
}
.personal-area .personal-area-body .incidents-report-form > div {
  width: calc(100% - 10px);
  margin: 0 5px;
}
.personal-area .personal-area-body .incidents-report-form > div:nth-child(1), .personal-area .personal-area-body .incidents-report-form > div:nth-child(2), .personal-area .personal-area-body .incidents-report-form > div:nth-child(3) {
  width: calc(33.3333333333% - 10px);
  margin: 0 5px;
}
.personal-area .personal-area-body .incidents-report-form input, .personal-area .personal-area-body .incidents-report-form select {
  width: 100%;
  padding: 0 20px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  margin-bottom: 17px;
  height: 50px;
}
.personal-area .personal-area-body .incidents-report-form select {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.6673 4.16602V15.8327M10.6673 15.8327L16.5007 9.99935M10.6673 15.8327L4.83398 9.99935' stroke='%234D7BF5' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center right 20px;
  appearance: none;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .incidents-report-form label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
  width: 100%;
}
.personal-area .personal-area-body .incidents-report-form button {
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  cursor: pointer;
  padding: 0 87px;
  margin: 0 5px;
}
.personal-area .personal-area-body .incidents-report-form button:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .incidents-result {
  padding-top: 7px;
}
.personal-area .personal-area-body .incidents-result-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #047495;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .incidents-result-line {
  margin-bottom: 21px;
}
.personal-area .personal-area-body .incidents-result-line:last-child {
  margin-bottom: 0;
}
.personal-area .personal-area-body .incidents-result-line-type-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.personal-area .personal-area-body .incidents-result-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 5px;
}
.personal-area .personal-area-body .incidents-result-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  color: #535353;
}
.personal-area .personal-area-body .incidents-result-text-blue {
  color: #047495;
}
.personal-area .personal-area-body-items {
  display: flex;
  flex-wrap: wrap;
}
.personal-area .personal-area-body-items-type-1 {
  gap: 10px;
  margin-bottom: 20px;
}
.personal-area .personal-area-body-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 13px;
}
.personal-area .personal-area-body-header-logo {
  display: none;
}
.personal-area .personal-area-body-header-right {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
.personal-area .personal-area-body-header-line {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
  margin-bottom: 20px;
}
.personal-area .personal-area-body-header-line .document-page-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
  position: relative;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #047495;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
  margin-top: 5px;
  cursor: pointer;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter {
  width: 248px;
  background: #FFFFFF;
  box-shadow: 0px 0px 28.1px rgba(0, 0, 0, 0.05);
  z-index: 100;
  position: absolute;
  left: 0px;
  top: 60px;
  display: none;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter.active {
  display: block;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  display: flex;
  align-items: center;
  color: #353131;
  width: 100%;
  height: 32px;
  padding: 0 8px 0 5px;
  justify-content: space-between;
  cursor: pointer;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-title svg {
  transform: scale(1, -1);
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body {
  padding: 0px 5px;
  display: none;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check {
  height: 32px;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  margin: 0;
  color: #818181;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #047495;
  border-radius: 4px;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check input[type=checkbox]:checked + label:before {
  background-color: #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.70621 0.505928C10.0826 0.861439 10.0996 1.45479 9.74407 1.83121L4.43157 7.45621C4.25766 7.64035 4.01665 7.74629 3.76339 7.74991C3.51013 7.75352 3.26619 7.65451 3.08709 7.47542L0.274587 4.66292C-0.0915291 4.2968 -0.0915291 3.70321 0.274587 3.33709C0.640704 2.97097 1.2343 2.97097 1.60041 3.33709L3.73079 5.46747L8.38093 0.543793C8.73644 0.167369 9.32979 0.150417 9.70621 0.505928Z' fill='white'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option-body .input-check input[type=checkbox]:checked + label {
  background: #f5f5f5;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option.active .document-filter-option-body {
  display: block;
}
.personal-area .personal-area-body-header-line .document-page-title .document-filter-option.active .document-filter-option-title svg {
  transform: scale(1, 1);
}
.personal-area .personal-area-body-header-line form input {
  padding: 0 20px 0 48px;
  width: 400px;
  height: 47px;
  background: #F8F9FA;
  border-radius: 20px;
  border: 1px solid #A0AEC0;
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14.4997L11.0094 11.5037M12.6667 7.49967C12.6667 9.00257 12.0697 10.4439 11.007 11.5066C9.94427 12.5693 8.50293 13.1663 7.00004 13.1663C5.49715 13.1663 4.05581 12.5693 2.9931 11.5066C1.9304 10.4439 1.33337 9.00257 1.33337 7.49967C1.33337 5.99678 1.9304 4.55544 2.9931 3.49274C4.05581 2.43003 5.49715 1.83301 7.00004 1.83301C8.50293 1.83301 9.94427 2.43003 11.007 3.49274C12.0697 4.55544 12.6667 5.99678 12.6667 7.49967Z' stroke='%23A0AEC0' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body-header-line > div:last-child {
  display: flex;
  gap: 22px;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body-header-line > div:last-child .document-mark {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #047495;
  padding: 0px 40px;
  height: 51px;
  border: 1px solid #047495;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  opacity: 0;
  pointer-events: none;
}
.personal-area .personal-area-body-header-line > div:last-child .document-mark.active {
  opacity: 1;
  pointer-events: all;
}
.personal-area .personal-area-body-header-line > div:last-child .tree-dots {
  width: 57px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.personal-area .personal-area-body-header .open-menu {
  background: #047495;
  border-radius: 6px;
  width: 40px;
  height: 40px;
  display: none;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.personal-area .personal-area-body-header .open-menu span {
  background-color: #fff;
  width: 27px;
  height: 2px;
  margin: 3px 0px;
  border-radius: 10px;
  display: block;
  transition: all 0.4s ease;
  transform-origin: center center;
}
.personal-area .personal-area-body-header .open-menu.active {
  background: #047495;
}
.personal-area .personal-area-body-header .open-menu.active span {
  background-color: #fff;
  margin: 0;
  position: absolute;
}
.personal-area .personal-area-body-header .open-menu.active span:nth-child(1) {
  transform: rotate(45deg);
}
.personal-area .personal-area-body-header .open-menu.active span:nth-child(2) {
  transform: scaleX(0);
}
.personal-area .personal-area-body-header .open-menu.active span:nth-child(3) {
  transform: rotate(-45deg);
}
.personal-area .personal-area-body-header input {
  padding: 0 20px 0 48px;
  width: 400px;
  height: 47px;
  background: #F8F9FA;
  border-radius: 20px;
  border: 0;
  background-position: center left 20px;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 14.4997L11.0094 11.5037M12.6667 7.49967C12.6667 9.00257 12.0697 10.4439 11.007 11.5066C9.94427 12.5693 8.50293 13.1663 7.00004 13.1663C5.49715 13.1663 4.05581 12.5693 2.9931 11.5066C1.9304 10.4439 1.33337 9.00257 1.33337 7.49967C1.33337 5.99678 1.9304 4.55544 2.9931 3.49274C4.05581 2.43003 5.49715 1.83301 7.00004 1.83301C8.50293 1.83301 9.94427 2.43003 11.007 3.49274C12.0697 4.55544 12.6667 5.99678 12.6667 7.49967Z' stroke='%23A0AEC0' stroke-linecap='round'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body-header a:not(.personal-area-body-header-logo) {
  width: 44px;
  height: 44px;
  display: flex;
  background: #047495;
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}
.personal-area .personal-area-body-welcome {
  width: calc(100% - 392px - 10px);
  padding: 20px;
  height: fit-content;
  background: #F8F9FA;
  border-radius: 20px;
}
.personal-area .personal-area-body-welcome-title {
  font-weight: 600;
  font-size: 50px;
  line-height: 130%;
  color: #047495;
  margin-bottom: 11.5px;
}
.personal-area .personal-area-body-welcome-title span {
  color: #333333;
}
.personal-area .personal-area-body-welcome-text {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body-calendar {
  width: 392px;
  position: relative;
  border-radius: 20px;
  overflow: hidden;
}
.personal-area .personal-area-body-calendar img {
  height: 100%;
  border-radius: 20px;
  width: 100%;
  z-index: 1;
  position: absolute;
  object-fit: cover;
  object-position: top;
}
.personal-area .personal-area-body-calendar-info {
  position: absolute;
  width: 200px;
  height: 118px;
  background: #FFFFFF;
  border: 1px solid #E8EEFF;
  border-radius: 20px;
  z-index: 2;
  bottom: 10px;
  left: 10px;
  padding: 16px;
}
.personal-area .personal-area-body-calendar-info-icon {
  width: 30px;
  height: 30px;
  background: #E8EEFF;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-1 {
  gap: 10px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-1 div {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
}
.personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-2 div:nth-child(1) {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 120%;
  color: #047495;
  margin-bottom: 2px;
}
.personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-2 div:nth-child(2), .personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-2 div:nth-child(3) {
  font-style: normal;
  font-weight: 100;
  font-size: 10px;
  line-height: 120%;
  color: #535353;
  margin-bottom: 4px;
}
.personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-2 div:nth-child(2) span, .personal-area .personal-area-body-calendar-info .personal-area-body-calendar-info-block-2 div:nth-child(3) span {
  font-weight: 600;
}
.personal-area .personal-area-body .tabs.tabs-type-1 > .tabs-nav {
  display: flex;
  gap: 20px;
  margin-bottom: 16px;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .tabs.tabs-type-1 > .tabs-nav div {
  cursor: pointer;
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  color: #818181;
  transition: all 0.3s;
}
.personal-area .personal-area-body .tabs.tabs-type-1 > .tabs-nav div.active, .personal-area .personal-area-body .tabs.tabs-type-1 > .tabs-nav div:hover {
  color: #353131;
}
.personal-area .personal-area-body .tabs.tabs-type-1 .tabs-content > div {
  display: none;
}
.personal-area .personal-area-body .tabs.tabs-type-1 .tabs-content > div.active {
  display: block;
}
.personal-area .personal-area-body .tabs.tabs-type-2 {
  margin-top: 16px;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-bottom: 8px;
  border-bottom: 2px solid #E8EEFF;
  padding-bottom: 7px;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div {
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #535353;
  transition: all 0.3s;
  padding: 12px 20px;
  gap: 10px;
  border-radius: 12px;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div .tab-title-icon {
  display: flex;
  width: 30px;
  height: 30px;
  background: #E8EEFF;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div .count {
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  background: #DF3B5F;
  border-radius: 5px;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div.active, .personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div:hover {
  font-weight: 600;
  color: #263A70;
  background: #E8EEFF;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div.active .tab-title-icon, .personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div:hover .tab-title-icon {
  background: #047495;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div.active .tab-title-icon svg path, .personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div:hover .tab-title-icon svg path {
  fill: #F8F9FA;
}
.personal-area .personal-area-body .tabs.tabs-type-2 .tabs-content > div {
  display: none;
}
.personal-area .personal-area-body .tabs.tabs-type-2 .tabs-content > div.active {
  display: block;
}
.personal-area .personal-area-body .news-items {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.personal-area .personal-area-body .news-items-title {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .news-item {
  display: flex;
  gap: 20px;
  margin-bottom: 5px;
}
.personal-area .personal-area-body .news-item .news-item-content {
  position: relative;
  padding-bottom: 29px;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #047495;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 28px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  margin-bottom: 9px;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-tag {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-text {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-more {
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #047495;
  position: absolute;
  right: 0;
  bottom: 0;
}
.personal-area .personal-area-body .news-item img {
  height: 100px;
  width: 120px;
}
.personal-area .personal-area-body .news-item .news-item-tag-date {
  display: flex;
  gap: 42px;
  align-items: center;
  margin-bottom: 5px;
}
.personal-area .personal-area-body .birthdays-items {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.personal-area .personal-area-body .birthdays-items .birthdays-item {
  padding: 16px;
  border: 1px solid #F6F6F6;
  border-radius: 20px;
  width: calc(33.3333333333% - 14px);
}
.personal-area .personal-area-body .birthdays-items .birthdays-item img {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  object-fit: cover;
}
.personal-area .personal-area-body .birthdays-items .birthdays-item .birthdays-job-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #047495;
  display: flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 15px 0px 6px;
}
.personal-area .personal-area-body .birthdays-items .birthdays-item .birthdays-name {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: auto;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  margin-bottom: 6px;
}
.personal-area .personal-area-body .birthdays-items .birthdays-item .birthdays-date {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #DF3B5F;
  margin-bottom: 17px;
}
.personal-area .personal-area-body .birthdays-items .birthdays-item .birthdays-congratulate {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #047495;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.personal-area .personal-area-body .back {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #047495;
  display: block;
  width: fit-content;
  margin: 0 0 20px;
}
.personal-area .personal-area-body .study-lesson-page-title {
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .study-lesson-page p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .personal-area-body .study-lesson-page img {
  width: 100%;
}
.personal-area .personal-area-body .study-lesson-page .study-lesson-studied {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: #047495;
  border: 1px solid #047495;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 16px;
}
.personal-area .personal-area-body .study-lesson-page .study-lesson-studied:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .study-course-page-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #047495;
  margin-bottom: 11px;
}
.personal-area .personal-area-body .study-course-page-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #A0AEC0;
  display: flex;
  gap: 5px;
  margin-bottom: 12px;
}
.personal-area .personal-area-body .study-course-page-description {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 18px;
}
.personal-area .personal-area-body .study-course-page-description p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .study-course-page-nav-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #263A70;
  margin-bottom: 7px;
}
.personal-area .personal-area-body .study-course-page-nav-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -12px 20px;
}
.personal-area .personal-area-body .study-course-page-nav-items a {
  margin: 0 12px;
  width: calc(50% - 24px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 61px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #047495;
  transition: all 0.3s;
}
.personal-area .personal-area-body .study-course-page-nav-items a:hover {
  background: #047495;
  color: #fff;
}
.personal-area .personal-area-body .study-course-page-complete {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 61px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  margin-bottom: 20px;
}
.personal-area .personal-area-body .study-course-page-complete.disabled {
  border: 1px solid #A6A6A6;
  background: #A6A6A6;
  pointer-events: none;
}
.personal-area .personal-area-body .study-course-page-complete:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .study-course-page-test-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #263A70;
  margin-bottom: 8px;
}
.personal-area .personal-area-body .study-course-page-test-refuse {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #047495;
  display: block;
  width: fit-content;
  margin: 8px 0 0;
}
.personal-area .personal-area-body .study-course-page-test-link {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 61px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
}
.personal-area .personal-area-body .study-course-page-test-link.disabled {
  border: 1px solid #A6A6A6;
  background: #A6A6A6;
  pointer-events: none;
}
.personal-area .personal-area-body .study-course-page-test-link:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .study-course-page .study-line {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-course-page .study-line-not-available {
  pointer-events: none;
}
.personal-area .personal-area-body .study-course-page .study-line-not-available-icon {
  background: #F6F6F6;
}
.personal-area .personal-area-body .study-course-page .study-line-not-available * {
  color: #818181 !important;
}
.personal-area .personal-area-body .study-course-page .study-line-not-available svg {
  fill: #818181 !important;
}
.personal-area .personal-area-body .study-course-page .study-line:first-child {
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-course-page .study-line-icon {
  width: 40px;
  height: 40px;
  background: #F6F6F6;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .study-course-page .study-line-name {
  width: calc(100% - 321px);
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .study-course-page .study-line-name div:nth-child(1) {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #047495;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 21px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  width: 100%;
  white-space: nowrap;
}
.personal-area .personal-area-body .study-course-page .study-line-name div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}
.personal-area .personal-area-body .study-course-page .study-line-progress {
  width: 100px;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: center;
}
.personal-area .personal-area-body .study-course-page .study-line-progress div:nth-child(1) {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #818181;
}
.personal-area .personal-area-body .study-course-page .study-line-progress div:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .personal-area-body .study-course-page .study-line-link {
  width: 121px;
  display: flex;
  justify-content: flex-end;
}
.personal-area .personal-area-body .study-course-page .study-line-link a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #047495;
}
.personal-area .personal-area-body .study-course-page .study-complete {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  background: #047495;
  border: 1px solid #047495;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  margin-top: 16px;
}
.personal-area .personal-area-body .study-course-page .study-complete:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .study-course-page .study-complete.not-available {
  background: #818181;
  pointer-events: none;
  border: 1px solid #818181;
}
.personal-area .personal-area-body .news-page {
  padding: 16px 20px 12px;
  border-radius: 20px;
  background: #fff;
}
.personal-area .personal-area-body .news-page-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #047495;
  margin-bottom: 15px;
}
.personal-area .personal-area-body .news-page-info {
  display: flex;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .news-page-info-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .news-page-info-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .news-page-image {
  height: 300px;
  border-radius: 20px;
  object-fit: cover;
  object-position: center top;
  margin: 0 auto 16px;
  display: block;
}
.personal-area .personal-area-body .news-page-description {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .news-page-description p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .lesson-page-title {
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  color: #353131;
}
.personal-area .personal-area-body .lesson-page-body {
  width: 100%;
  height: 580px;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .lesson-page a:not(.lesson-page-back) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  background: #047495;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 51px;
  color: #FFFFFF;
  border: 0;
  padding: 0 40px;
  width: max-content;
}
.personal-area .personal-area-body .test-page-close {
  font-weight: 600;
  font-size: 14px;
  line-height: 130%;
  color: #047495;
  display: block;
  width: fit-content;
  margin: 0 0 20px;
  cursor: pointer;
}
.personal-area .personal-area-body .test-page-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #047495;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .test-page-progress {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .test-page-question-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 20px;
}
.personal-area .personal-area-body .test-page-question-body .radio-check {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .test-page-question-body .radio-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .test-page-question-body .radio-check label {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .test-page-question-body .radio-check label:before {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 5;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #047495;
  border-radius: 10px;
}
.personal-area .personal-area-body .test-page-question-body .radio-check input[type=radio]:checked + label:before, .personal-area .personal-area-body .test-page-question-body .radio-check label:hover:before {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='4' cy='4' r='4' fill='%234D7BF5'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .test-page-question-body .checkbox-check {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .test-page-question-body .checkbox-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .test-page-question-body .checkbox-check label {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  position: relative;
  padding-left: 30px;
  cursor: pointer;
  margin: 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .test-page-question-body .checkbox-check label:before {
  display: block;
  position: absolute;
  left: 0;
  top: 3px;
  z-index: 5;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #047495;
  border-radius: 5px;
}
.personal-area .personal-area-body .test-page-question-body .checkbox-check input[type=checkbox]:checked + label:before, .personal-area .personal-area-body .test-page-question-body .checkbox-check label:hover:before {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='20' height='20' rx='4' fill='%234D7BF5'/%3e%3cpath d='M14.7062 6.50593C15.0826 6.86144 15.0996 7.45479 14.7441 7.83121L9.43157 13.4562C9.25766 13.6404 9.01665 13.7463 8.76339 13.7499C8.51013 13.7535 8.26619 13.6545 8.08709 13.4754L5.27459 10.6629C4.90847 10.2968 4.90847 9.70321 5.27459 9.33709C5.6407 8.97097 6.2343 8.97097 6.60041 9.33709L8.73079 11.4675L13.3809 6.54379C13.7364 6.16737 14.3298 6.15042 14.7062 6.50593Z' fill='%23F8F9FA'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .test-page a:not(.test-page-back, .back) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 117px;
  gap: 10px;
  height: 61px;
  background: #047495;
  border: 1px solid #047495;
  border-radius: 10px;
  width: max-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  transition: all 0.3s;
  margin: 19px 0 0;
}
.personal-area .personal-area-body .test-page a:not(.test-page-back, .back):hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .test-page-result {
  padding: 10px 0 0;
}
.personal-area .personal-area-body .test-page-result-refuse {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #047495;
}
.personal-area .personal-area-body .test-page-result-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .test-page-result-title.error {
  color: #DF3B5F;
  margin-top: 20px;
}
.personal-area .personal-area-body .test-page-result-title.done {
  color: #047495;
  margin-top: 20px;
}
.personal-area .personal-area-body .test-page-result-line {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  display: flex;
  gap: 10px;
  margin-bottom: 11px;
}
.personal-area .personal-area-body .test-page-result-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  display: flex;
  gap: 10px;
  margin-bottom: 11px;
}
.personal-area .personal-area-body .test-page-result-table {
  margin-top: 21px;
}
.personal-area .personal-area-body .test-page-result-table-header {
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
  justify-content: space-between;
  padding: 13px 0;
  border-bottom: 1px solid #EAECF0;
  background: #FCFCFD;
}
.personal-area .personal-area-body .test-page-result-table-header div {
  text-align: center;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(1) {
  width: 120px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(2) {
  width: 153px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(3) {
  width: 138px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(4) {
  width: 123px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(5) {
  width: 142px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(6) {
  width: 142px;
}
.personal-area .personal-area-body .test-page-result-table-header div:nth-child(7) {
  width: 71px;
}
.personal-area .personal-area-body .test-page-result-table-line {
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
  justify-content: space-between;
  padding: 6px 0;
  border-bottom: 1px solid #EAECF0;
}
.personal-area .personal-area-body .test-page-result-table-line div {
  text-align: center;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(1) {
  width: 120px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(2) {
  width: 153px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(3) {
  width: 138px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(4) {
  width: 123px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(5) {
  width: 142px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(6) {
  width: 142px;
}
.personal-area .personal-area-body .test-page-result-table-line div:nth-child(7) {
  width: 71px;
}
.personal-area .personal-area-body .test-page-text {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 20px;
}
.personal-area .personal-area-body .test-page-label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .test-page textarea {
  padding: 10px 20px;
  width: 100%;
  height: 133.33px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  resize: none;
}
.personal-area .personal-area-body .personal-area-body-title-type-1 {
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .department-subtitle-1 {
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  color: #353131;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .department-subtitle-2 {
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #353131;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .department p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .department-main-doctor {
  height: 100px;
  background: #689EC5;
  border-radius: 20px;
  display: flex;
  padding: 20px 30px;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 20px 0;
}
.personal-area .personal-area-body .department-main-doctor > div div:nth-child(1) {
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #F6F6F6;
  margin-bottom: 8px;
}
.personal-area .personal-area-body .department-main-doctor > div div:nth-child(2) {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #F6F6F6;
}
.personal-area .personal-area-body .department-main-doctor-more {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #fff;
  border: 1px solid #fff;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .department-main-doctor-more:hover {
  background: #fff;
  color: #047495;
}
.personal-area .personal-area-body .department .doctors-slider {
  margin-bottom: 20px;
}
.personal-area .personal-area-body .department .doctors-slider .slick-prev, .personal-area .personal-area-body .department .doctors-slider .slick-next {
  bottom: auto;
  top: -26px;
  left: auto;
}
.personal-area .personal-area-body .department .doctors-slider .slick-prev:before, .personal-area .personal-area-body .department .doctors-slider .slick-next:before {
  display: none;
}
.personal-area .personal-area-body .department .doctors-slider .slick-prev {
  width: 18px;
  height: 15px;
  right: 38px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.46934 8.02997C0.32889 7.88934 0.25 7.69872 0.25 7.49997C0.25 7.30122 0.32889 7.11059 0.46934 6.96997L6.46934 0.969968C6.538 0.896281 6.6208 0.837179 6.7128 0.796187C6.8048 0.755196 6.90412 0.733154 7.00482 0.731378C7.10552 0.729601 7.20555 0.748125 7.29894 0.785846C7.39233 0.823566 7.47716 0.879712 7.54838 0.950931C7.6196 1.02215 7.67574 1.10698 7.71346 1.20037C7.75118 1.29376 7.76971 1.39379 7.76793 1.49449C7.76616 1.59519 7.74411 1.69451 7.70312 1.78651C7.66213 1.87851 7.60303 1.96131 7.52934 2.02997L2.80934 6.74997L16.9993 6.74997C17.1983 6.74997 17.389 6.82899 17.5297 6.96964C17.6703 7.11029 17.7493 7.30106 17.7493 7.49997C17.7493 7.69888 17.6703 7.88965 17.5297 8.0303C17.389 8.17095 17.1983 8.24997 16.9993 8.24997H2.80934L7.52934 12.97C7.60303 13.0386 7.66213 13.1214 7.70312 13.2134C7.74411 13.3054 7.76616 13.4047 7.76793 13.5054C7.76971 13.6061 7.75118 13.7062 7.71346 13.7996C7.67574 13.893 7.6196 13.9778 7.54838 14.049C7.47716 14.1202 7.39233 14.1764 7.29894 14.2141C7.20555 14.2518 7.10552 14.2703 7.00482 14.2686C6.90412 14.2668 6.8048 14.2447 6.7128 14.2037C6.6208 14.1628 6.538 14.1037 6.46934 14.03L0.46934 8.02997Z' fill='%23353131'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .department .doctors-slider .slick-next {
  width: 18px;
  height: 15px;
  right: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='15' viewBox='0 0 18 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5307 6.97003C17.6711 7.11066 17.75 7.30128 17.75 7.50003C17.75 7.69878 17.6711 7.88941 17.5307 8.03003L11.5307 14.03C11.462 14.1037 11.3792 14.1628 11.2872 14.2038C11.1952 14.2448 11.0959 14.2668 10.9952 14.2686C10.8945 14.2704 10.7945 14.2519 10.7011 14.2142C10.6077 14.1764 10.5228 14.1203 10.4516 14.0491C10.3804 13.9779 10.3243 13.893 10.2865 13.7996C10.2488 13.7062 10.2303 13.6062 10.2321 13.5055C10.2338 13.4048 10.2559 13.3055 10.2969 13.2135C10.3379 13.1215 10.397 13.0387 10.4707 12.97L15.1907 8.25003L1.00066 8.25003C0.801748 8.25003 0.610981 8.17101 0.470329 8.03036C0.329678 7.88971 0.25066 7.69894 0.25066 7.50003C0.25066 7.30112 0.329678 7.11035 0.470329 6.9697C0.610981 6.82905 0.801748 6.75003 1.00066 6.75003L15.1907 6.75003L10.4707 2.03003C10.397 1.96137 10.3379 1.87857 10.2969 1.78657C10.2559 1.69457 10.2338 1.59526 10.2321 1.49455C10.2303 1.39385 10.2488 1.29382 10.2865 1.20043C10.3243 1.10705 10.3804 1.02221 10.4516 0.950993C10.5228 0.879774 10.6077 0.82363 10.7011 0.785909C10.7945 0.748188 10.8945 0.729663 10.9952 0.73144C11.0959 0.733217 11.1952 0.755258 11.2872 0.79625C11.3792 0.837242 11.462 0.896344 11.5307 0.970031L17.5307 6.97003Z' fill='%23353131'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item {
  padding: 16px;
  border: 1px solid #F6F6F6;
  border-radius: 20px;
  width: calc(33.3333333333% - 14px);
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item img {
  width: 100%;
  height: 200px;
  border-radius: 10px;
  object-fit: cover;
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item-job-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #047495;
  display: flex;
  height: 40px;
  width: 100%;
  align-items: center;
  justify-content: center;
  margin: 15px 0px 6px;
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item-name {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  height: 78px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  margin-bottom: 6px;
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item-tel {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #818181;
  margin-bottom: 17px;
}
.personal-area .personal-area-body .department .doctors-slider .doctor-item-more {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
  color: #047495;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.personal-area .personal-area-body .help-search {
  position: relative;
  max-width: 486px;
  width: 100%;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .help-search .search-keywords {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #047495;
}
.personal-area .personal-area-body .help-search input {
  width: 100%;
  height: 47px;
  border: 0;
  background: #F9F9F9;
  border-radius: 10px;
  padding-left: 20px;
}
.personal-area .personal-area-body .help-search button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0;
  padding: 0;
  right: 20px;
  background: none;
}
.personal-area .personal-area-body .support h1 {
  margin-bottom: 10px;
}
.personal-area .personal-area-body .support-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .support-label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .support textarea {
  padding: 10px 20px;
  width: 100%;
  height: 133.33px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  resize: none;
  margin-bottom: 4px;
}
.personal-area .personal-area-body .support .list_support {
  margin: 30px 0 -10px;
}
.personal-area .personal-area-body .support .list_support h2 {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
  margin-bottom: 20px;
}
.personal-area .personal-area-body .support .list_support .answer {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 17px;
}
.personal-area .personal-area-body .support .list_support .answer:last-child {
  margin-bottom: 0;
}
.personal-area .personal-area-body .support .list_support .answer .user {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #047495;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .support .list_support .answer .admin {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #DF3B5F;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .support-line {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #F6F6F6;
  align-items: center;
  justify-content: space-between;
}
.personal-area .personal-area-body .support-line > div {
  display: flex;
  gap: 20px;
  align-items: center;
}
.personal-area .personal-area-body .support-line > div div {
  font-weight: 450;
  font-size: 16px;
  line-height: 21px;
  color: #047495;
}
.personal-area .personal-area-body .support-line a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #047495;
}
.personal-area .personal-area-body .support-line .instruction-icon {
  width: 40px;
  height: 40px;
  background: #F6F6F6;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .support form {
  position: relative;
}
.personal-area .personal-area-body .support form button {
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  padding: 0 140px;
}
.personal-area .personal-area-body .support form button:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .profile {
  padding-top: 6px;
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .profile-info {
  display: none;
}
.personal-area .personal-area-body .profile-info-files {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
  gap: 10px;
}
.personal-area .personal-area-body .profile-info-files img {
  width: 134px;
  height: 121px;
  border-radius: 14.24px;
  object-fit: cover;
}
.personal-area .personal-area-body .profile-info-content {
  width: 100%;
}
.personal-area .personal-area-body .profile-info.active {
  display: flex;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .profile-info label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.personal-area .personal-area-body .profile-info-img {
  width: 188px;
  height: 190px;
  border-radius: 10px;
  object-fit: cover;
  margin: 0 20px 0 0;
}
.personal-area .personal-area-body .profile-info p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .profile-info-columns {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .profile-info-columns div {
  margin-right: 37px;
}
.personal-area .personal-area-body .profile-info-columns:nth-child(1) {
  gap: 10px;
  justify-content: space-between;
}
.personal-area .personal-area-body .profile-info-columns:nth-child(1) div {
  margin-right: 0;
}
.personal-area .personal-area-body .profile-info-edit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 123px;
  gap: 10px;
  height: 61px;
  background: #047495;
  border: 1px solid #047495;
  border-radius: 10px;
  width: max-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-info-edit:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .profile-edit {
  display: none;
}
.personal-area .personal-area-body .profile-edit-content {
  width: 100%;
  margin-top: -2px;
}
.personal-area .personal-area-body .profile-edit.active {
  display: flex;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .profile-edit input:not(#file-input) {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
}
.personal-area .personal-area-body .profile-edit .profile-edit-name {
  max-width: 589px;
}
.personal-area .personal-area-body .profile-edit select {
  width: 284px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.5L6 5.5L11 0.5' stroke='%23818181' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center right 23px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .profile-edit label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
}
.personal-area .personal-area-body .profile-edit p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .profile-edit-columns {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  max-width: 701px;
  width: 100%;
}
.personal-area .personal-area-body .profile-edit-columns > div {
  width: calc(50% - 20px);
  margin: 0 10px 19px;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links {
  display: flex;
  flex-wrap: wrap;
  margin: 3px -10px 0;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links a {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #047495;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links a:hover {
  background: #047495;
  color: #fff;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links button {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links button:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .profile-edit-img {
  border-radius: 10px;
  object-fit: cover;
  margin: 0 20px 21px 0;
}
.personal-area .personal-area-body .profile-edit-img input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .profile-edit-img label.upload_avatar {
  display: flex !important;
  align-items: center;
  gap: 7px;
  text-align: center;
  cursor: pointer;
  width: 134px;
  height: 121px;
  border: 1px dashed #A0AEC0;
  font-weight: 400;
  font-size: 9px;
  line-height: 140%;
  color: #A0AEC0;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  border-radius: 14.24px;
  padding: 0;
  flex-direction: column;
  margin-bottom: 0;
}
.personal-area .personal-area-body .profile-change-password {
  display: flex;
  flex-direction: column;
  padding-top: 8px;
}
.personal-area .personal-area-body .profile-change-password input {
  max-width: 330px;
  width: 100%;
  padding: 0 20px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  margin-bottom: 17px;
  height: 50px;
}
.personal-area .personal-area-body .profile-change-password label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
}
.personal-area .personal-area-body .profile-change-password-links {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.personal-area .personal-area-body .profile-change-password-links .profile-change-password-clean {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #047495;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-change-password-links .profile-change-password-clean:hover {
  background: #047495;
  color: #fff;
}
.personal-area .personal-area-body .profile-change-password-links button {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-change-password-links button:hover {
  background: transparent;
  color: #047495;
}
.personal-area .personal-area-body .instruction {
  padding: 7px 0 0;
  display: flex;
  flex-direction: column;
}
.personal-area .personal-area-body .instruction .resources-accordion-category-title svg {
  width: 24px;
  height: 24px;
  right: -29px;
  top: 0px;
}
.personal-area .personal-area-body .instruction-accordion-link {
  display: block;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #047495;
  margin-bottom: 6px;
  width: fit-content;
}
.personal-area .personal-area-body .instruction-accordion-link:last-child {
  margin-bottom: 0;
}
.personal-area .personal-area-body .instruction .resources-accordion-category {
  padding-top: 13px;
}
.personal-area .personal-area-body .instruction .instruction-accordion-category-body {
  margin: 0 !important;
  flex-direction: column;
}
.personal-area .personal-area-body-bg {
  padding: 20px;
  border-radius: 20px;
  background: #F8F9FA;
}
.personal-area .personal-area-body .document-page .document-page-table-header {
  display: flex;
  padding: 13.5px 12px 12.5px 12px;
  margin-top: 19px;
  border-bottom: 2px solid #E8EEFF;
  background: #FCFCFD;
}
.personal-area .personal-area-body .document-page .document-page-table-header div {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
}
.personal-area .personal-area-body .document-page .document-page-table-header div span {
  display: flex;
  gap: 8px;
  cursor: pointer;
  align-items: center;
  width: fit-content;
}
.personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(1) {
  width: calc(100% - 294px);
}
.personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(2), .personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(3) {
  width: 186px;
  text-align: center;
  display: flex;
  justify-content: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line {
  display: flex;
  padding: 12px 0;
  border-bottom: 1px solid #EAECF0;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line .document-link {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line .status-document {
  margin-top: 4px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  gap: 10px;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line .public-document {
  color: #A0AEC0;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line .study-document {
  color: #DF3B5F;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_new .document-link {
  color: #DF3B5F !important;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.hidden {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.hidden-doc {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line:nth-last-child(-n+2) .document-settings {
  top: auto;
  bottom: 30px;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.document-page-table-body-line-new > div:nth-child(2) > div:nth-child(2) a {
  color: #DF3B5F;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) {
  width: calc(100% - 186px - 186px);
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 0 12px;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) .document-icon {
  width: 40px;
  height: 40px;
  background: #F6F6F6;
  border-radius: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) > div:nth-child(2) {
  width: calc(100% - 52px);
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) > div:nth-child(2) > *:nth-child(1) {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  text-decoration: none;
  width: 100%;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) > div:nth-child(2) > div:nth-child(2) {
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  color: #818181;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(2) {
  width: 186px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(2) span {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(3) {
  width: 186px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(3) span {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(5) {
  width: 117px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(5) svg {
  cursor: pointer;
}
.personal-area .personal-area-body .document-page .document-page-table .input-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .document-page .document-page-table .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #353131;
  position: relative;
  cursor: pointer;
  margin: 0;
  width: 20px;
  height: 20px;
  border: 1px solid #047495;
  border-radius: 4px;
}
.personal-area .personal-area-body .document-page .document-page-table .input-check input[type=checkbox]:checked + label {
  background-color: #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.70621 0.505928C10.0826 0.861439 10.0996 1.45479 9.74407 1.83121L4.43157 7.45621C4.25766 7.64035 4.01665 7.74629 3.76339 7.74991C3.51013 7.75352 3.26619 7.65451 3.08709 7.47542L0.274587 4.66292C-0.0915291 4.2968 -0.0915291 3.70321 0.274587 3.33709C0.640704 2.97097 1.2343 2.97097 1.60041 3.33709L3.73079 5.46747L8.38093 0.543793C8.73644 0.167369 9.32979 0.150417 9.70621 0.505928Z' fill='white'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .document-page .tree-dots {
  gap: 16px;
}
.personal-area .personal-area-body .document-page .tree-dots.active {
  display: flex;
}
.personal-area .personal-area-body .document-page .tree-dots a {
  height: 24px;
  display: flex !important;
  align-items: center;
  transition: all 0.3s;
  justify-content: center;
  width: 24px;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save {
  position: relative;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save svg:nth-child(1) {
  display: block;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save svg:nth-child(2) {
  display: none;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save svg:nth-child(3) {
  display: none;
}
.personal-area .personal-area-body .document-page .tree-dots a.delete_save {
  display: none !important;
}
.personal-area .personal-area-body .document-page .tree-dots a.download:hover svg path {
  stroke: #779DFF;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save:hover svg:nth-child(1) {
  display: none;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save:hover svg:nth-child(2) {
  display: block;
}
.personal-area .personal-area-body .document-page .tree-dots a.button-save:hover svg:nth-child(3) {
  display: none;
}
.personal-area .personal-area-body .document-page .tree-dots a svg {
  transition: all 0.3s;
}
.personal-area .personal-area-body .document-page .document-add-new form > label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  width: 100%;
  margin-bottom: 8px;
}
.personal-area .personal-area-body .document-page .document-add-new form > input {
  width: 420px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
}
.personal-area .personal-area-body .document-page .document-add-new form > select {
  width: 284px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.5L6 5.5L11 0.5' stroke='%23818181' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center right 23px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}
.personal-area .personal-area-body .document-page .document-add-new form button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #047495;
  border: 1px solid #047495;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  background: transparent;
}
.personal-area .personal-area-body .document-page .document-add-new form button:hover {
  background: #047495;
  color: #fff;
}
.personal-area .personal-area-body .document-page .document-add-new form .document-add-new-file input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .document-page .document-add-new form .document-add-new-file label {
  display: flex;
  align-items: center;
  padding: 16px;
  gap: 16px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  text-align: center;
  margin-bottom: 16px;
  cursor: pointer;
}
.personal-area .personal-area-body .document-page .document-add-new form .document-add-new-file label svg {
  width: 20px;
}
.personal-area .personal-area-body .page-pagination {
  display: flex;
  justify-content: flex-end;
  margin-top: 16px;
}
.personal-area .personal-area-body .page-pagination .pagination {
  margin: 0px;
  padding: 0px;
  gap: 10px;
}
.personal-area .personal-area-body .page-pagination .pagination .page-link {
  display: flex;
  width: 23px;
  height: 23px;
  background: #F6F6F6;
  border-radius: 4px;
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #353131;
  background: #F6F6F6;
  padding: 0;
  justify-content: center;
  border: 0;
  transition: all 0.3s;
}
.personal-area .personal-area-body .page-pagination .pagination .page-link.active, .personal-area .personal-area-body .page-pagination .pagination .page-link:hover {
  background: #689EC5;
  color: #fff;
}
.personal-area .personal-area-body .notifications-page .notifications-line {
  padding: 20px;
  background: #fff;
  border: 1px solid #F6F6F6;
  border-radius: 10px;
  position: relative;
  width: 100%;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .notifications-page .notifications-line-new {
  background: #F6F6F6;
}
.personal-area .personal-area-body .notifications-page .notifications-line-new .notifications-line-text:before {
  content: "";
  width: 6px;
  height: 6px;
  background: #DF3B5F;
  border-radius: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.personal-area .personal-area-body .notifications-page .notifications-line-text {
  padding: 17px 169px 0 0;
  position: relative;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .personal-area-body .notifications-page .notifications-line-text a {
  color: #047495;
}
.personal-area .personal-area-body .notifications-page .notifications-line-date {
  position: absolute;
  right: 40px;
  top: 42px;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}
.personal-area .personal-area-body .notifications-page .notifications-line-remove {
  position: absolute;
  right: 20px;
  top: 20px;
  height: 10px;
  width: 10px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L9 9M9 1L1 9' stroke='%23818181'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .study-page-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .study-page-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .study-page-table {
  position: relative;
}
.personal-area .personal-area-body .study-page-table .study-filter-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #047495;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
  margin: 5px 0 17px;
  cursor: pointer;
  width: max-content;
}
.personal-area .personal-area-body .study-page-table .study-filter {
  width: 248px;
  background: #FFFFFF;
  box-shadow: 0px 0px 28.1px rgba(0, 0, 0, 0.05);
  z-index: 100;
  position: absolute;
  left: 0px;
  top: 30px;
  display: none;
}
.personal-area .personal-area-body .study-page-table .study-filter.active {
  display: block;
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check {
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  margin: 0;
  color: #818181;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #047495;
  border-radius: 4px;
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check input[type=checkbox]:checked + label:before {
  background-color: #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.70621 0.505928C10.0826 0.861439 10.0996 1.45479 9.74407 1.83121L4.43157 7.45621C4.25766 7.64035 4.01665 7.74629 3.76339 7.74991C3.51013 7.75352 3.26619 7.65451 3.08709 7.47542L0.274587 4.66292C-0.0915291 4.2968 -0.0915291 3.70321 0.274587 3.33709C0.640704 2.97097 1.2343 2.97097 1.60041 3.33709L3.73079 5.46747L8.38093 0.543793C8.73644 0.167369 9.32979 0.150417 9.70621 0.505928Z' fill='white'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .study-page-table .study-filter .input-check input[type=checkbox]:checked + label {
  background: #F5F5F5;
}
.personal-area .personal-area-body .study-page-table-header {
  display: flex;
  padding: 13.5px 0 12.5px 0;
  margin-top: 19px;
  border-bottom: 2px solid #E8EEFF;
  background: #FCFCFD;
}
.personal-area .personal-area-body .study-page-table-header span {
  display: flex;
  gap: 8px;
  cursor: pointer;
  align-items: center;
  width: fit-content;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
}
.personal-area .personal-area-body .study-page-table-header-date {
  width: 90px;
  display: flex;
  padding-left: 24px;
}
.personal-area .personal-area-body .study-page-table-header-name {
  width: calc(100% - 90px - 186px - 97px);
  padding-left: 12px;
}
.personal-area .personal-area-body .study-page-table-header-progress {
  width: 186px;
  display: flex;
  padding-left: 24px;
}
.personal-area .personal-area-body .study-page-table-header-link {
  width: 97px;
}
.personal-area .personal-area-body .study-page-table-line {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #EAECF0;
}
.personal-area .personal-area-body .study-page-table-line.lesson_new .study-page-table-line-name a, .personal-area .personal-area-body .study-page-table-line.lesson_new .study-page-table-line-progress {
  color: #E53E3E;
}
.personal-area .personal-area-body .study-page-table-line-date {
  width: 90px;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.personal-area .personal-area-body .study-page-table-line-name {
  width: calc(100% - 90px - 186px - 97px);
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
.personal-area .personal-area-body .study-page-table-line-name a {
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #263A70;
  width: 100%;
}
.personal-area .personal-area-body .study-page-table-line-status {
  margin-top: 1px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 100%;
  color: #A0AEC0;
}
.personal-area .personal-area-body .study-page-table-line-to-study {
  color: #DF3B5F;
}
.personal-area .personal-area-body .study-page-table-line-progress {
  width: 186px;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
}
.personal-area .personal-area-body .study-page-table-line-link {
  width: 97px;
  display: flex;
  justify-content: center;
}
.personal-area .personal-area-body .study-page-table-line-link a {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #047495;
}
.personal-area .personal-area-body .study-accordion-category {
  padding-top: 16px;
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-accordion-category-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
  cursor: pointer;
}
.personal-area .personal-area-body .study-accordion-category-title svg {
  transform: scale(1, -1);
}
.personal-area .personal-area-body .study-accordion-category.active .study-accordion-category-title svg {
  transform: scale(1, 1);
}
.personal-area .personal-area-body .study-accordion-category.active .study-accordion-category-body {
  display: block;
}
.personal-area .personal-area-body .study-accordion-category-body {
  display: none;
}
.personal-area .personal-area-body .study-accordion-category-body .study-line-progress div {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .resources-page {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.personal-area .resources-page .personal-area-title {
  margin-bottom: 0;
}
.personal-area .resources-accordion-category {
  padding-top: 21px;
}
.personal-area .resources-accordion-category-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 9px;
  cursor: pointer;
  position: relative;
  width: max-content;
}
.personal-area .resources-accordion-category-title svg {
  position: absolute;
  right: -20px;
  top: 5px;
  transform: scale(1, -1);
}
.personal-area .resources-accordion-category.active .resources-accordion-category-title svg {
  transform: scale(1, 1);
}
.personal-area .resources-accordion-category.active .resources-accordion-category-body {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -8px;
}
.personal-area .resources-accordion-category-body {
  display: none;
}
.personal-area .resources-accordion-category-body .resources-accordion-line {
  margin: 0 8px;
  width: calc(33.3333333333% - 16px);
  display: flex;
  align-items: flex-start;
  align-content: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 12px 20px;
  gap: 10px;
  background: #E8EEFF;
  border-radius: 12px;
  height: fit-content;
  transition: all 0.3s;
}
.personal-area .resources-accordion-category-body .resources-accordion-line:hover {
  background: #779DFF;
}
.personal-area .resources-accordion-category-body .resources-accordion-line:hover .resources-accordion-line-name {
  color: #fff;
}
.personal-area .resources-accordion-category-body .resources-accordion-line-name {
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #263A70;
  transition: all 0.3s;
}
.personal-area .resources-accordion-category-body .resources-accordion-line:last-child {
  border-bottom: 0;
}
.personal-area .resources-accordion-category-body .resources-accordion-line a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #047495;
}
.personal-area .resources-accordion-category-body .resources-accordion-line > div {
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.personal-area .resources-accordion-category-body .resources-accordion-line-icon {
  width: 30px;
  height: 30px;
  background: #047495;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-area .resources-accordion-category-body .resources-accordion-line-icon svg {
  width: 14px;
}

.personal-area-right {
  width: 251px;
}
.personal-area-right .personal-area-right-title-type-1 {
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  color: #353131;
  margin-bottom: 20px;
}
.personal-area-right .department-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.personal-area-right .department-menu li {
  margin-bottom: 14px;
}
.personal-area-right .department-menu li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  transition: all 0.3s;
}
.personal-area-right .department-menu li a.active, .personal-area-right .department-menu li a:hover {
  color: #047495;
}
.personal-area-right .events-in-day-header {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 12px;
}
.personal-area-right .events-in-day .events-in-day-items {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-bottom: 20px;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item {
  padding: 8px 10px;
  background: #fff;
  border: 1px solid rgba(229, 229, 239, 0.5019607843);
  border-radius: 10px;
  position: relative;
  width: 100%;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item:nth-child(1) {
  background: #F5F5F5;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item:nth-child(1) * {
  color: #818181;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-remove {
  position: absolute;
  right: 10px;
  top: 10px;
  height: 10px;
  width: 10px;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 1L9 9M9 1L1 9' stroke='%23818181'/%3e%3c/svg%3e ");
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-time {
  display: flex;
  gap: 15px;
  margin-bottom: 4px;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-time span:nth-child(1) {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  text-align: center;
  color: #818181;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-time span:nth-child(2) {
  font-weight: 400;
  font-size: 10px;
  line-height: 140%;
  color: #353131;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-title {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #353131;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  height: 39px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  margin-bottom: 8px;
}
.personal-area-right .events-in-day .events-in-day-items .events-in-day-item-place {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #818181;
}
.personal-area-right .events-in-day .events-add-new {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 40px;
  height: 51px;
  background: #047495;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 51px;
  color: #FFFFFF;
  margin: auto;
  width: max-content;
}

.sing-in {
  height: 100vh;
  display: flex;
  flex-wrap: wrap;
  background: #E8EEFF;
  font-family: "Manrope";
}
.sing-in-form {
  width: 46%;
  padding: 0 44px 0 20px;
  display: flex;
  justify-content: flex-end;
}
.sing-in-image {
  width: 54%;
  position: relative;
}
.sing-in-image .sing-in-image-bg {
  border-radius: 40px 0 0 40px;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: top;
}
.sing-in-image .sing-in-image-logo {
  position: absolute;
  left: 82px;
  top: 0;
  bottom: 0;
  margin: auto;
}
.sing-in form {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
  max-width: 497px;
  /* Hide default HTML checkbox */
  /* The slider */
  /* Rounded sliders */
}
.sing-in form .switch {
  position: relative;
  display: inline-block;
  width: 36px;
  height: 18.5px;
  margin-bottom: 0;
}
.sing-in form .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.sing-in form .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #A0AEC0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sing-in form .slider:before {
  position: absolute;
  content: "";
  height: 13.5px;
  width: 13.5px;
  left: 2.5px;
  bottom: 2.5px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sing-in form .switch input:checked + .slider {
  background-color: #047495;
}
.sing-in form .switch input:focus + .slider {
  box-shadow: 0 0 1px #047495;
}
.sing-in form .switch input:checked + .slider:before {
  -webkit-transform: translateX(16.5px);
  -ms-transform: translateX(16.5px);
  transform: translateX(16.5px);
}
.sing-in form .switch .slider.round {
  border-radius: 55px;
}
.sing-in form .switch .slider.round:before {
  border-radius: 50%;
}
.sing-in form .switch-line {
  display: flex;
  gap: 10px;
  margin-bottom: 10px;
  align-items: center;
  width: 152px;
  justify-content: space-between;
}
.sing-in form .switch-line a {
  margin-bottom: 0 !important;
}
.sing-in form .sing-in-title {
  font-style: normal;
  font-weight: 600;
  font-size: 44px;
  line-height: 120%;
  color: #047495;
  margin-bottom: 10px;
  width: 100%;
}
.sing-in form .sing-in-subtitle {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 20px;
}
.sing-in form > label, .sing-in form .password-container > label {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  width: 90%;
  margin-bottom: 5px;
  padding-left: 4.5px;
}
.sing-in form > input, .sing-in form .password-container > input {
  width: 350px;
  height: 50px;
  padding: 0px 20px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  margin-bottom: 16px;
}
.sing-in form .password-container {
  width: 350px;
}
.sing-in form .sing-in-remember {
  display: flex;
  margin: 4px 0 10px;
  align-content: center;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  max-width: 350px;
}
.sing-in form .sing-in-remember a {
  font-weight: 700;
  font-size: 14px;
  line-height: 140%;
  color: #047495;
  transition: all 0.3s;
}
.sing-in form .sing-in-remember a:hover {
  color: #0497C3;
}
.sing-in form .sing-in-remember > div {
  display: flex;
  align-content: center;
  align-items: center;
  gap: 10px;
}
.sing-in form .sing-in-remember .sing-in-remember-link {
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 150%;
  color: #535353;
}
.sing-in form button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border: 0;
  margin-bottom: 20px;
  width: 350px;
  height: 50px;
  background: #047495;
  border-radius: 10px;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: #F8F9FA;
  transition: all 0.3s;
}
.sing-in form button:hover {
  background: #0497C3;
}
.sing-in form p {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  text-align: center;
  width: 100%;
  max-width: 350px;
}
.sing-in form p a {
  font-weight: 700;
  color: #047495;
  transition: all 0.3s;
}
.sing-in form p a:hover {
  color: #0497C3;
}

#docs_my .document-link {
  color: #353131 !important;
}

.tabs-nav-type-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  align-items: center;
  margin-bottom: 8px;
  border-bottom: 2px solid #E8EEFF;
  padding-bottom: 7px;
}
.tabs-nav-type-1 > div {
  cursor: pointer;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 150%;
  display: flex;
  align-items: center;
  color: #535353;
  transition: all 0.3s;
  padding: 12px 20px;
  gap: 10px;
  border-radius: 12px;
}
.tabs-nav-type-1 > div .tab-title-icon {
  display: flex;
  width: 30px;
  height: 30px;
  background: #E8EEFF;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
  border-radius: 6px;
  align-items: center;
  justify-content: center;
}
.tabs-nav-type-1 > div .count {
  font-weight: 400;
  font-size: 12px;
  line-height: 23px;
  color: #FFFFFF;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 23px;
  height: 23px;
  background: #DF3B5F;
  border-radius: 5px;
}
.tabs-nav-type-1 > div.active, .tabs-nav-type-1 > div:hover {
  font-weight: 600;
  color: #263A70;
  background: #E8EEFF;
  box-shadow: 0px 3.5px 5.5px rgba(0, 0, 0, 0.02);
}
.tabs-nav-type-1 > div.active .tab-title-icon, .tabs-nav-type-1 > div:hover .tab-title-icon {
  background: #047495;
}
.tabs-nav-type-1 > div.active .tab-title-icon svg path, .tabs-nav-type-1 > div:hover .tab-title-icon svg path {
  fill: #F8F9FA;
}

.tabs-nav-type-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
}
.tabs-nav-type-2 span {
  font-weight: 400;
  font-size: 14px;
  line-height: 150%;
  color: #535353;
}
.tabs-nav-type-2 div {
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  line-height: 150%;
  color: #A0AEC0;
  transition: all 0.3s;
}
.tabs-nav-type-2 div.active {
  color: #047495;
}

.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite .button-save svg:nth-child(1) {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite .button-save svg:nth-child(2) {
  display: none;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite .button-save svg:nth-child(3) {
  display: block;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite .delete_save {
  display: flex !important;
}

.personal-account {
  background: #E8EEFF;
  padding: 10px 0 45px;
  min-height: 100vh;
}
@media (min-width: 1400px) {
  .personal-account .container, .personal-account .container-lg, .personal-account .container-md, .personal-account .container-sm, .personal-account .container-xl, .personal-account .container-xxl {
    max-width: 1220px;
  }
}

.tooltip-container {
  display: flex;
  justify-content: center;
}

.tooltip {
  left: 7px !important;
}

.document-page-table-header span.sort-asc svg {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

.document-page-table-header span.sort-desc svg {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.study-page-table-header-date span.sort-asc svg,
.study-page-table-header-name span.sort-asc svg,
.study-page-table-header-progress span.sort-asc svg {
  transform: rotate(180deg);
  transition: transform 0.3s;
}

.study-page-table-header-date span.sort-desc svg,
.study-page-table-header-name span.sort-desc svg,
.study-page-table-header-progress span.sort-desc svg {
  transform: rotate(0deg);
  transition: transform 0.3s;
}

.modal {
  position: fixed;
  height: 100%;
  width: 100%;
  z-index: 1000;
  display: none;
  background: rgba(0, 0, 0, 0.3);
  justify-content: center;
  align-items: center;
}
.modal-body {
  padding: 40px;
  border-radius: 10px;
  flex: none;
  position: relative;
  display: none;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #fff;
}
.modal-body > *:not(.modal-close) {
  display: none;
  align-items: center;
}
.modal-body > *:not(.modal-close).open {
  display: flex;
  flex-direction: column;
}
@media (max-height: 900px) {
  .modal-body {
    max-height: calc(100vh - 30px);
  }
}
.modal-body-contact-thank, .modal-body-reviews-thank {
  width: 600px;
  height: 520px;
  justify-content: center;
}
.modal-body-reviews {
  width: 400px;
  height: auto;
  justify-content: center;
}
.modal-body-reviews .reviews-form {
  padding: 0;
}
.modal-body-reviews .reviews-form-text {
  text-align: center;
}
.modal-body-reviews .reviews-form h3 {
  font-size: 27px;
  text-align: center;
  margin-bottom: 10px;
}
.modal-body-reviews .reviews-form label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 4px;
}
.modal-body-reviews .reviews-form .input-check {
  display: flex;
  align-items: center;
  margin: 0 10px 10px;
  width: calc(100% - 20px);
}
.modal-body-reviews .reviews-form .input-check a {
  text-decoration: underline;
  color: #C4C4C4;
}
.modal-body-reviews .reviews-form .input-check input {
  width: 0 !important;
  height: 0 !important;
  padding: 0;
}
.modal-body-reviews .reviews-form .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
  position: relative;
  padding-left: 28px;
  left: 0;
  top: 0;
  cursor: pointer;
}
.modal-body-reviews .reviews-form .input-check label a {
  text-decoration: none;
}
.modal-body-reviews .reviews-form .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  top: -1px;
  z-index: 5;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #047495;
  border-radius: 4px;
}
.modal-body-reviews .reviews-form .input-check label:hover:before {
  border: 1px solid #047495;
}
.modal-body-reviews .reviews-form .input-check label:hover:after {
  width: 10px;
  height: 10px;
  background: #047495;
  border-radius: 1px;
  position: absolute;
  left: 5px;
  top: 4px;
  z-index: 5;
  content: "";
}
.modal-body-reviews .reviews-form .input-check input:checked + label:after {
  width: 10px;
  height: 10px;
  background: #047495;
  border-radius: 1px;
  position: absolute;
  left: 5px;
  top: 4px;
  z-index: 5;
  content: "";
}
.modal-body-reviews .reviews-form .checkbox {
  appearance: none;
  width: 16px;
  height: 16px;
  background: var(--background-color);
  border: 1px solid var(--medium-brown);
  cursor: pointer;
  position: relative;
}
.modal-body-reviews .reviews-form input {
  width: 100%;
  height: min(4.5347928069vh, 58px);
  background: #F6F6F6;
  border-radius: 10px;
  border: 0;
  padding: 0 20px;
  margin-bottom: 10px;
}
.modal-body-reviews .reviews-form textarea {
  width: 100%;
  height: min(5.7857701329vh, 74px);
  background: #F6F6F6;
  border-radius: 10px;
  border: 0;
  padding: 10px 20px;
  resize: none;
  margin-bottom: 10px;
}
.modal-body-reviews .reviews-form .btn-type-1 {
  width: 100%;
}
.modal-body-reviews .reviews-form p {
  text-align: center;
}
.modal-body.open {
  display: flex;
  flex-direction: column;
}
.modal .modal-home {
  width: 100%;
  cursor: pointer;
}
.modal .modal-body-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 20px;
  text-align: center;
}
.modal .modal-body-text {
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #333333;
  margin-bottom: 20px;
}
.modal .hidden {
  display: none;
}
.modal-close {
  position: absolute;
  right: 28px;
  top: 25px;
  cursor: pointer;
  transition: all 0.3s;
}
.modal-close:hover svg path {
  fill: #047495;
}
.modal.open {
  display: flex;
}
.modal.open .modal-body {
  display: flex;
}

input::-webkit-inner-spin-button,
input::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

.all-reviews {
  margin-top: 30px;
}
.all-reviews-title {
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
}
.all-reviews-item {
  margin-top: 20px;
  padding: 20px;
  background: #FFFFFF;
  border-right: 20px;
}
.all-reviews-item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 28px;
}
.all-reviews-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  max-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
}
.all-reviews-item-text.active {
  max-height: max-content;
  -webkit-line-clamp: 100;
  -webkit-box-orient: vertical;
}
.all-reviews-item-date {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}
.all-reviews-item-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-top: 20px;
}
.all-reviews-item-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.all-reviews-item-more.active {
  display: none;
}
.all-reviews-item-more span {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #047495;
  cursor: pointer;
}
.all-reviews-item .rating {
  display: flex;
  gap: 4px;
}
.all-reviews-item .rating .star {
  display: flex;
  height: 14px;
}

#form-reviews label {
  font-family: "Inter", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-bottom: 4px;
  display: block;
}
#form-reviews .star-rating {
  display: inline-flex;
  gap: 4px;
  margin-bottom: 10px;
}
#form-reviews .star {
  cursor: pointer;
  transition: transform 0.2s ease;
}
#form-reviews .star path {
  transition: all 0.2s ease;
}
#form-reviews .star.active path,
#form-reviews .star.hover path {
  fill: #047495;
  stroke: #047495;
}
#form-reviews input:not(#file-input) {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  max-width: 300px;
  margin-bottom: 10px;
}
#form-reviews textarea {
  padding: 10px 20px;
  width: 100%;
  height: 133.33px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  resize: none;
  margin-bottom: 4px;
}
#form-reviews button {
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  padding: 0 140px;
}
#form-reviews button:hover {
  background: transparent;
  color: #047495;
}

#form_support label {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
  display: block;
}
#form_support input:not(#file-input) {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  max-width: 300px;
  margin-bottom: 10px;
}
#form_support textarea {
  padding: 10px 20px;
  width: 100%;
  height: 133.33px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
  resize: none;
  margin-bottom: 4px;
}
#form_support button {
  width: max-content;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
  padding: 0 140px;
}
#form_support button:hover {
  background: transparent;
  color: #047495;
}

.hero-main {
  padding: 40px 40px 114px;
  border-radius: 10px;
  background-image: url("/images/hero-bg.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
.hero-main:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  background: linear-gradient(270deg, rgba(4, 116, 149, 0) 32.38%, rgba(5, 87, 112, 0.8) 100%);
}
.hero-main h1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 120%;
  color: #FFFFFF;
  margin-bottom: 20px;
}
.hero-main .hero-text {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #FFFFFF;
  margin-bottom: 40px;
}
.hero-main .hero-img {
  width: 100%;
  height: 360px;
  border-radius: 10px;
  object-fit: cover;
}
.hero-main .hero-img-responsive {
  display: none;
  width: 100%;
  border-radius: 10px;
  object-fit: cover;
}
.hero-slider {
  margin-top: 30px;
  padding: 0 35px;
}
.hero-slider .slick-slide {
  padding: 0;
}
.hero-slider .slick-slide {
  padding: 0 5px;
}
.hero-slider .slick-slide img {
  height: 140px;
  border-radius: 10px;
  object-fit: cover;
  opacity: 0.3;
}
.hero-slider .slick-slide.slick-center img {
  opacity: 1;
}
.hero-slider .slick-slide-title {
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
  color: #333333;
}
.hero-slider .slick-prev {
  left: 0;
}
.hero-slider .slick-next {
  right: 0;
}
.hero-slider .slick-prev, .hero-slider .slick-next {
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.reviews {
  padding: 100px 0 0;
}
.reviews-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.reviews-links {
  display: flex;
  gap: 10px;
}
.reviews-slider-item {
  background: #FFFFFF;
  border-radius: 10px;
  padding: 20px;
}
.reviews-slider-item-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.reviews-slider-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #333333;
  max-height: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 10;
  -webkit-box-orient: vertical;
  transition: all 0.3s;
}
.reviews-slider-item-text.active {
  max-height: max-content;
  -webkit-line-clamp: 100;
  -webkit-box-orient: vertical;
}
.reviews-slider-item-date {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}
.reviews-slider-item-name {
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  margin-top: 20px;
}
.reviews-slider-item-more {
  display: flex;
  justify-content: flex-end;
  margin-top: 10px;
}
.reviews-slider-item-more.active {
  display: none;
}
.reviews-slider-item-more span {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #047495;
  cursor: pointer;
}
.reviews-slider-item .rating {
  display: flex;
  gap: 4px;
  padding-left: 4px;
}
.reviews-slider-item .rating .star {
  display: flex;
  height: 14px;
}
.reviews-slider {
  padding: 0 41px 30px;
}
.reviews-slider .slick-slide {
  padding: 0;
}
.reviews-slider .slick-slide {
  padding: 0 5px;
}
.reviews-slider .slick-prev, .reviews-slider .slick-next {
  margin: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.about-us {
  padding: 100px 0 0;
}
.about-us-img-responsive {
  display: none;
}
.about-us-main {
  padding: 40px;
  background: #FFFFFF;
  border-radius: 10px;
}
.about-us .about-us-img-pc {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.about-us img {
  border-radius: 8px;
}

.transfer {
  padding: 100px 0 0;
}
.transfer h2 {
  margin-bottom: 30px;
}
.transfer-main {
  padding: 40px;
  background: #FFFFFF;
  border-radius: 10px;
}
.transfer-img-responsive {
  display: none;
}
.transfer-img-pc {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.transfer .col-xl-6:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  align-content: space-between;
  align-items: stretch;
}
.transfer p {
  margin-bottom: 10px;
}

.contact {
  padding: 90px 0 100px;
}
.contact h2 {
  margin-bottom: 30px;
}
.contact p {
  margin-bottom: 15px;
}
.contact iframe {
  width: calc(100% - 458px);
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
  border: 0;
}
.contact-main {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.contact-main-line {
  display: flex;
  gap: 4px;
  margin-bottom: 12px;
}
.contact-main-line div {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}
.contact-main-line span {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
}
.contact-main-line a {
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  color: #333333;
  display: flex;
  gap: 8px;
}
.contact-main-left {
  padding: 20px;
  background: #FFFFFF;
  border-radius: 10px;
  max-width: 438px;
  width: 100%;
}
.contact-main-left-title {
  font-weight: 700;
  font-size: 24px;
  line-height: 140%;
  color: #047495;
  margin-bottom: 10px;
}

.slick-slider .slick-prev {
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.56754 1.575L6.50654 0.515001L0.727544 6.292C0.63439 6.38457 0.560461 6.49464 0.510013 6.61589C0.459565 6.73714 0.433594 6.86717 0.433594 6.9985C0.433594 7.12983 0.459565 7.25986 0.510013 7.38111C0.560461 7.50236 0.63439 7.61243 0.727544 7.705L6.50654 13.485L7.56654 12.425L2.14254 7L7.56754 1.575Z' fill='%23333333'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  left: 0;
}
.slick-slider .slick-prev:hover {
  background-color: #047495;
  border: 1px solid #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.56754 1.575L6.50654 0.515001L0.727544 6.292C0.63439 6.38457 0.560461 6.49464 0.510013 6.61589C0.459565 6.73714 0.433594 6.86717 0.433594 6.9985C0.433594 7.12983 0.459565 7.25986 0.510013 7.38111C0.560461 7.50236 0.63439 7.61243 0.727544 7.705L6.50654 13.485L7.56654 12.425L2.14254 7L7.56754 1.575Z' fill='white'/%3e%3c/svg%3e ");
}
.slick-slider .slick-prev:before {
  display: none;
}
.slick-slider .slick-next {
  width: 30px;
  height: 30px;
  background-color: #FFFFFF;
  border: 1px solid #B8B8B8;
  border-radius: 4px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.432456 1.575L1.49346 0.515001L7.27246 6.292C7.36561 6.38457 7.43954 6.49464 7.48999 6.61589C7.54043 6.73714 7.56641 6.86717 7.56641 6.9985C7.56641 7.12983 7.54043 7.25986 7.48999 7.38111C7.43954 7.50236 7.36561 7.61243 7.27246 7.705L1.49346 13.485L0.433456 12.425L5.85746 7L0.432456 1.575Z' fill='%23333333'/%3e%3c/svg%3e ");
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
  right: 0;
}
.slick-slider .slick-next:hover {
  background-color: #047495;
  border: 1px solid #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.432456 1.575L1.49346 0.515001L7.27246 6.292C7.36561 6.38457 7.43954 6.49464 7.48999 6.61589C7.54043 6.73714 7.56641 6.86717 7.56641 6.9985C7.56641 7.12983 7.54043 7.25986 7.48999 7.38111C7.43954 7.50236 7.36561 7.61243 7.27246 7.705L1.49346 13.485L0.433456 12.425L5.85746 7L0.432456 1.575Z' fill='white'/%3e%3c/svg%3e ");
}
.slick-slider .slick-next:before {
  display: none;
}
.slick-slider .slick-list {
  margin: 0 -10px;
}
.slick-slider .slick-slide {
  padding: 0 10px;
}
.slick-slider .slick-dots li {
  width: 60px;
  height: 4px;
  background: #C4C9C6;
  border-radius: 4px;
  margin: 0 6px;
}
.slick-slider .slick-dots li.slick-active {
  background: #047495;
}
.slick-slider .slick-dots li button {
  display: none;
}

.title-line {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.block-links {
  display: flex;
  gap: 10px;
  align-items: center;
}

.page-404 {
  padding: 110px 0 104px;
}
.page-404 svg {
  margin: 0 auto;
  display: block;
  max-height: 354px;
}
.page-404 a {
  width: 100%;
  margin-top: 20px;
}

.page-text-404 {
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  color: #333333;
  margin-top: 20px;
  text-align: center;
}

.toggle-password {
  position: absolute;
  bottom: 31px;
  cursor: pointer;
  margin: auto;
  right: 20px;
  height: 24px;
}
.toggle-password.active svg line {
  display: none;
}
.toggle-password svg line {
  display: block;
}

.password-container {
  position: relative;
}

.text-page {
  padding: 20px;
  border-radius: 20px;
  background: #fff;
}
.text-page-title {
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: #535353;
  margin-bottom: 13px;
}
.text-page p {
  font-weight: 400;
  font-size: 16px;
  line-height: 26px;
  color: #535353;
}

.orders-page {
  padding: 20px;
  border-radius: 20px;
  background: #F8F9FA;
}
.orders-page-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.orders-page-text p {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #535353;
}
.orders-page-table {
  position: relative;
}
.orders-page-table .study-filter-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #047495;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
  margin: 5px 0 17px;
  cursor: pointer;
  width: max-content;
}
.orders-page-table .study-filter {
  width: 248px;
  background: #FFFFFF;
  box-shadow: 0px 0px 28.1px rgba(0, 0, 0, 0.05);
  z-index: 100;
  position: absolute;
  left: 0px;
  top: 30px;
  display: none;
}
.orders-page-table .study-filter.active {
  display: block;
}
.orders-page-table .study-filter .input-check {
  display: flex;
  align-items: center;
}
.orders-page-table .study-filter .input-check input {
  width: 0;
  height: 0;
}
.orders-page-table .study-filter .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  margin: 0;
  color: #818181;
  width: 100%;
  height: 32px;
  display: flex;
  align-items: center;
}
.orders-page-table .study-filter .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #047495;
  border-radius: 4px;
}
.orders-page-table .study-filter .input-check input[type=checkbox]:checked + label:before {
  background-color: #047495;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M9.70621 0.505928C10.0826 0.861439 10.0996 1.45479 9.74407 1.83121L4.43157 7.45621C4.25766 7.64035 4.01665 7.74629 3.76339 7.74991C3.51013 7.75352 3.26619 7.65451 3.08709 7.47542L0.274587 4.66292C-0.0915291 4.2968 -0.0915291 3.70321 0.274587 3.33709C0.640704 2.97097 1.2343 2.97097 1.60041 3.33709L3.73079 5.46747L8.38093 0.543793C8.73644 0.167369 9.32979 0.150417 9.70621 0.505928Z' fill='white'/%3e%3c/svg%3e ");
}
.orders-page-table .study-filter .input-check input[type=checkbox]:checked + label {
  background: #F5F5F5;
}
.orders-page-table-header {
  display: flex;
  padding: 13.5px 0 12.5px 0;
  margin-top: 19px;
  border-bottom: 1px solid #EAECF0;
  background: #FCFCFD;
}
.orders-page-table-header span {
  display: flex;
  gap: 8px;
  cursor: pointer;
  align-items: center;
  width: fit-content;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #535353;
}
.orders-page-table-header-date {
  width: 186px;
  display: flex;
  justify-content: center;
}
.orders-page-table-header-name {
  width: calc(100% - 186px - 186px);
  padding-left: 12px;
}
.orders-page-table-header-progress {
  width: 186px;
  display: flex;
  justify-content: center;
}
.orders-page-table-line {
  display: flex;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #EAECF0;
}
.orders-page-table-line.lesson_new .study-page-table-line-name a, .orders-page-table-line.lesson_new .study-page-table-line-progress {
  color: #E53E3E;
}
.orders-page-table-line-date {
  width: 186px;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
}
.orders-page-table-line-name {
  width: calc(100% - 186px - 186px);
  padding-left: 12px;
  display: flex;
  flex-wrap: wrap;
  align-content: center;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 120%;
  color: #055770;
}
.orders-page-table-line-name a {
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 120%;
  color: #055770;
  width: 100%;
}
.orders-page-table-line-status {
  margin-top: 1px;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  width: 186px;
  color: #A0AEC0;
}
.orders-page-table-line-to-study {
  color: #DF3B5F;
}
.orders-page-table-line-progress {
  width: 186px;
  display: flex;
  justify-content: center;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  flex-direction: column;
  align-content: center;
  align-items: center;
  gap: 4px;
}
.orders-page-table-line-progress a {
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #047495;
}
.orders-page-table-line-progress div {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 8px;
  height: 28px;
  border-radius: 4px;
  font-weight: 500;
  font-size: 16px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
}
.orders-page-table-line-progress div.status-1 {
  background: #FFBF00;
}
.orders-page-table-line-progress div.status-2 {
  background: #00DF07;
}
.orders-page-table-line-progress div.status-3 {
  background: #FF6600;
}
.orders-page-table-line-progress div.status-4 {
  background: #047495;
}
.orders-page-table-line-progress div.status-5 {
  background: #FFBF00;
}
.orders-page-table-line-link {
  width: 97px;
  display: flex;
  justify-content: center;
}
.orders-page-table-line-link a {
  font-weight: 600;
  font-size: 14px;
  line-height: 120%;
  color: #047495;
}

.children .add-new-children {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 123px;
  gap: 10px;
  height: 61px;
  background: #047495;
  border: 1px solid #047495;
  border-radius: 10px;
  width: max-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  transition: all 0.3s;
  margin-top: 16px;
  cursor: pointer;
}
.children .add-new-children:hover {
  background: transparent;
  color: #047495;
}
.children-items {
  border-top: 2px solid #E8EEFF;
  margin-top: 8px;
}
.children-items.hidden {
  display: none;
}
.children-items .children-item {
  padding-top: 16px;
}
.children-items .children-item-files {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
  gap: 10px;
}
.children-items .children-item-files img {
  width: 134px;
  height: 121px;
  border-radius: 14.24px;
  object-fit: cover;
}
.children-items .children-item-content {
  width: 100%;
}
.children-items .children-item.active {
  display: flex;
  flex-wrap: wrap;
}
.children-items .children-item label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  display: block;
  margin-bottom: 5px;
  width: 100%;
}
.children-items .children-item-img {
  width: 188px;
  height: 190px;
  border-radius: 10px;
  object-fit: cover;
  margin: 0 20px 0 0;
}
.children-items .children-item p {
  font-weight: 400;
  font-size: 20px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 21px;
}
.children-items .children-item-columns {
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}
.children-items .children-item-columns div {
  margin-right: 37px;
}
.children-items .children-item-columns:nth-child(1) {
  gap: 10px;
  justify-content: space-between;
}
.children-items .children-item-columns:nth-child(1) div {
  margin-right: 0;
}
.children-items .children-item-edit {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 123px;
  gap: 10px;
  height: 61px;
  background: #047495;
  border: 1px solid #047495;
  border-radius: 10px;
  width: max-content;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #fff;
  transition: all 0.3s;
}
.children-items .children-item-edit:hover {
  background: transparent;
  color: #047495;
}
.children-items-edit {
  display: none;
}
.children-items-edit-content {
  width: 100%;
  margin-top: -2px;
}
.children-items-edit.active {
  display: flex;
  flex-wrap: wrap;
}
.children-items-edit input:not(#file-input) {
  width: 100%;
  padding: 0px 20px;
  height: 50px;
  background: #F8F9FA;
  border: 1px solid #E2E8F0;
  border-radius: 10px;
}
.children-items-edit .profile-edit-name {
  max-width: 589px;
}
.children-items-edit select {
  width: 284px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 0.5L6 5.5L11 0.5' stroke='%23818181' stroke-linecap='round' stroke-linejoin='round'/%3e%3c/svg%3e ");
  background-repeat: no-repeat;
  background-position: center right 23px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
  margin-bottom: 21px;
}
.children-items-edit label {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
}
.children-items-edit p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  margin-bottom: 21px;
}
.children-items-edit-columns {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
  max-width: 701px;
  width: 100%;
}
.children-items-edit-columns > div {
  width: calc(50% - 20px);
  margin: 0 10px 19px;
}
.children-items-edit .profile-edit-links {
  display: flex;
  flex-wrap: wrap;
  margin: 3px -10px 0;
}
.children-items-edit .profile-edit-links a {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #047495;
  transition: all 0.3s;
}
.children-items-edit .profile-edit-links a:hover {
  background: #047495;
  color: #fff;
}
.children-items-edit .profile-edit-links button {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
}
.children-items-edit .profile-edit-links button:hover {
  background: transparent;
  color: #047495;
}
.children-items-edit-img {
  border-radius: 10px;
  object-fit: cover;
  margin: 0 20px 21px 0;
}
.children-items-edit-img input {
  width: 0;
  height: 0;
}
.children-items-edit-img label.upload_avatar {
  display: flex !important;
  align-items: center;
  gap: 7px;
  text-align: center;
  cursor: pointer;
  width: 134px;
  height: 121px;
  border: 1px dashed #A0AEC0;
  font-weight: 400;
  font-size: 9px;
  line-height: 140%;
  color: #A0AEC0;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  border-radius: 14.24px;
  padding: 0;
  flex-direction: column;
  margin-bottom: 0;
}
.children-edit {
  display: none;
  border-top: 2px solid #E8EEFF;
  margin-top: 16px;
  padding-top: 8px;
}
.children-edit .inputs-radio .input-radio input {
  display: none;
}
.children-edit .inputs-radio .input-radio label.check {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  padding-left: 26px;
  margin-bottom: 0;
}
.children-edit .inputs-radio .input-radio input[type=radio]:checked + label:after {
  display: block;
  position: absolute;
  left: 4px;
  width: 8px;
  height: 8px;
  margin-top: 0px;
  z-index: 5;
  content: "";
  top: 7px;
  background: #047495;
  border-radius: 50%;
}
.children-edit .inputs-radio .input-radio label:before {
  display: block;
  position: absolute;
  left: 0;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #047495;
  border-radius: 10px;
  top: 3px;
}
.children-edit .inputs-radio .input-radio {
  position: relative;
  display: inline-block;
}
.children-edit-columns:nth-child(2) {
  display: flex;
  flex-wrap: wrap;
  gap: 21px;
}
.children-edit-columns:nth-child(2) .inputs-radio {
  display: flex;
  flex-direction: column;
}
.children-edit-columns:nth-child(2) .inputs-radio .input-radio {
  margin-bottom: 3px;
}
.children-edit-columns:nth-child(2) .inputs-radio .input-radio:last-child {
  margin-bottom: 0;
}
.children-edit-columns:nth-child(2) > div:nth-child(1) {
  max-width: 350px;
  width: 100%;
}
.children-edit-columns:nth-child(2) > div:nth-child(3) {
  width: calc(100% - 350px - 136px);
}
.children-edit-columns > div {
  margin-bottom: 21px;
}
.children-edit form {
  width: 100%;
}
.children-edit-content {
  width: 100%;
  margin-top: -2px;
}
.children-edit.active {
  display: flex;
  flex-wrap: wrap;
}
.children-edit input:not(#file-input) {
  padding: 0px 20px;
  height: 50px;
  background: #FFFFFF;
  border-radius: 10px;
  border: 0;
  width: 100%;
}
.children-edit label:not(.check) {
  font-weight: 400;
  font-size: 16px;
  line-height: 140%;
  color: #535353;
  margin-bottom: 4px;
}
.children-edit p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  margin-bottom: 21px;
}
.children-edit .children-edit-links {
  display: flex;
  flex-wrap: wrap;
  margin: 21px -10px 0;
}
.children-edit .children-edit-links a {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  color: #047495;
  transition: all 0.3s;
}
.children-edit .children-edit-links a:hover {
  background: #047495;
  color: #fff;
}
.children-edit .children-edit-links button {
  margin: 0 10px;
  width: calc(50% - 20px);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 59px;
  border: 1px solid #047495;
  border-radius: 10px;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  background: #047495;
  color: #fff;
  transition: all 0.3s;
}
.children-edit .children-edit-links button:hover {
  background: transparent;
  color: #047495;
}
.children-edit-img {
  border-radius: 10px;
  object-fit: cover;
  margin: 0 20px 21px 0;
}
.children-edit-img input {
  width: 0;
  height: 0;
}
.children-edit-img label.upload_avatar {
  display: flex !important;
  align-items: center;
  gap: 7px;
  text-align: center;
  cursor: pointer;
  width: 134px;
  height: 121px;
  border: 1px dashed #A0AEC0;
  font-weight: 400;
  font-size: 9px;
  line-height: 140%;
  color: #A0AEC0;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  border-radius: 14.24px;
  padding: 0;
  flex-direction: column;
  margin: 10px 0 0;
}
.children-edit-img .inputs-radio {
  display: flex;
  gap: 10px;
}

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