body {
  font-family: "Futura PT";
}
body.open {
  overflow: hidden;
}
body a:hover {
  text-decoration: none;
}
body .container {
  max-width: 1200px;
  padding: 0 15px;
}
body header .container {
  max-width: 1140px;
}
body .flex-center {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
body .flex-end {
  display: flex;
  justify-content: flex-end;
}
body .fixed-menu {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  margin: auto;
  z-index: 1000;
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
body .fixed-menu li {
  position: relative;
  padding-left: 80px;
}
body .fixed-menu li.active:before {
  width: 60px;
  height: 2px;
  left: 0px;
  background: #012B34;
}
body .fixed-menu li.active a {
  color: #012B34;
}
body .fixed-menu li:before {
  position: absolute;
  width: 30px;
  height: 2px;
  left: 30px;
  top: 0px;
  bottom: 0px;
  margin: auto;
  background: rgba(1, 43, 52, 0.5);
  content: "";
}
body .fixed-menu li a {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: rgba(1, 43, 52, 0.5);
}

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

@font-face {
  font-family: "Futura PT Book";
  src: url("../fonts/FuturaPT-BookObl.eot");
  src: url("../fonts/FuturaPT-BookObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-BookObl.woff2") format("woff2"), url("../fonts/FuturaPT-BookObl.woff") format("woff"), url("../fonts/FuturaPT-BookObl.ttf") format("truetype"), url("../fonts/FuturaPT-BookObl.svg#FuturaPT-BookObl") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond";
  src: url("../fonts/FuturaPTCond-BoldObl.eot");
  src: url("../fonts/FuturaPTCond-BoldObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-BoldObl.woff2") format("woff2"), url("../fonts/FuturaPTCond-BoldObl.woff") format("woff"), url("../fonts/FuturaPTCond-BoldObl.ttf") format("truetype"), url("../fonts/FuturaPTCond-BoldObl.svg#FuturaPTCond-BoldObl") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-Bold.eot");
  src: url("../fonts/FuturaPT-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Bold.woff2") format("woff2"), url("../fonts/FuturaPT-Bold.woff") format("woff"), url("../fonts/FuturaPT-Bold.ttf") format("truetype"), url("../fonts/FuturaPT-Bold.svg#FuturaPT-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Book";
  src: url("../fonts/FuturaPT-Book.eot");
  src: url("../fonts/FuturaPT-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Book.woff2") format("woff2"), url("../fonts/FuturaPT-Book.woff") format("woff"), url("../fonts/FuturaPT-Book.ttf") format("truetype"), url("../fonts/FuturaPT-Book.svg#FuturaPT-Book") format("svg");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-BoldObl.eot");
  src: url("../fonts/FuturaPT-BoldObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-BoldObl.woff2") format("woff2"), url("../fonts/FuturaPT-BoldObl.woff") format("woff"), url("../fonts/FuturaPT-BoldObl.ttf") format("truetype"), url("../fonts/FuturaPT-BoldObl.svg#FuturaPT-BoldObl") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond";
  src: url("../fonts/FuturaPTCond-Bold.eot");
  src: url("../fonts/FuturaPTCond-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-Bold.woff2") format("woff2"), url("../fonts/FuturaPTCond-Bold.woff") format("woff"), url("../fonts/FuturaPTCond-Bold.ttf") format("truetype"), url("../fonts/FuturaPTCond-Bold.svg#FuturaPTCond-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-Light.eot");
  src: url("../fonts/FuturaPT-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Light.woff2") format("woff2"), url("../fonts/FuturaPT-Light.woff") format("woff"), url("../fonts/FuturaPT-Light.ttf") format("truetype"), url("../fonts/FuturaPT-Light.svg#FuturaPT-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond Book";
  src: url("../fonts/FuturaPTCond-BookObl.eot");
  src: url("../fonts/FuturaPTCond-BookObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-BookObl.woff2") format("woff2"), url("../fonts/FuturaPTCond-BookObl.woff") format("woff"), url("../fonts/FuturaPTCond-BookObl.ttf") format("truetype"), url("../fonts/FuturaPTCond-BookObl.svg#FuturaPTCond-BookObl") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond Book";
  src: url("../fonts/FuturaPTCond-Book.eot");
  src: url("../fonts/FuturaPTCond-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-Book.woff2") format("woff2"), url("../fonts/FuturaPTCond-Book.woff") format("woff"), url("../fonts/FuturaPTCond-Book.ttf") format("truetype"), url("../fonts/FuturaPTCond-Book.svg#FuturaPTCond-Book") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond";
  src: url("../fonts/FuturaPTCond-Medium.eot");
  src: url("../fonts/FuturaPTCond-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-Medium.woff2") format("woff2"), url("../fonts/FuturaPTCond-Medium.woff") format("woff"), url("../fonts/FuturaPTCond-Medium.ttf") format("truetype"), url("../fonts/FuturaPTCond-Medium.svg#FuturaPTCond-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-Heavy.eot");
  src: url("../fonts/FuturaPT-Heavy.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Heavy.woff2") format("woff2"), url("../fonts/FuturaPT-Heavy.woff") format("woff"), url("../fonts/FuturaPT-Heavy.ttf") format("truetype"), url("../fonts/FuturaPT-Heavy.svg#FuturaPT-Heavy") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-HeavyObl.eot");
  src: url("../fonts/FuturaPT-HeavyObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-HeavyObl.woff2") format("woff2"), url("../fonts/FuturaPT-HeavyObl.woff") format("woff"), url("../fonts/FuturaPT-HeavyObl.ttf") format("truetype"), url("../fonts/FuturaPT-HeavyObl.svg#FuturaPT-HeavyObl") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-LightObl.eot");
  src: url("../fonts/FuturaPT-LightObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-LightObl.woff2") format("woff2"), url("../fonts/FuturaPT-LightObl.woff") format("woff"), url("../fonts/FuturaPT-LightObl.ttf") format("truetype"), url("../fonts/FuturaPT-LightObl.svg#FuturaPT-LightObl") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond";
  src: url("../fonts/FuturaPTCond-MediumObl.eot");
  src: url("../fonts/FuturaPTCond-MediumObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-MediumObl.woff2") format("woff2"), url("../fonts/FuturaPTCond-MediumObl.woff") format("woff"), url("../fonts/FuturaPTCond-MediumObl.ttf") format("truetype"), url("../fonts/FuturaPTCond-MediumObl.svg#FuturaPTCond-MediumObl") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Extra";
  src: url("../fonts/FuturaPT-ExtraBoldObl.eot");
  src: url("../fonts/FuturaPT-ExtraBoldObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-ExtraBoldObl.woff2") format("woff2"), url("../fonts/FuturaPT-ExtraBoldObl.woff") format("woff"), url("../fonts/FuturaPT-ExtraBoldObl.ttf") format("truetype"), url("../fonts/FuturaPT-ExtraBoldObl.svg#FuturaPT-ExtraBoldObl") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond Extra";
  src: url("../fonts/FuturaPTCond-ExtraBold.eot");
  src: url("../fonts/FuturaPTCond-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-ExtraBold.woff2") format("woff2"), url("../fonts/FuturaPTCond-ExtraBold.woff") format("woff"), url("../fonts/FuturaPTCond-ExtraBold.ttf") format("truetype"), url("../fonts/FuturaPTCond-ExtraBold.svg#FuturaPTCond-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Demi";
  src: url("../fonts/FuturaPT-DemiObl.eot");
  src: url("../fonts/FuturaPT-DemiObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-DemiObl.woff2") format("woff2"), url("../fonts/FuturaPT-DemiObl.woff") format("woff"), url("../fonts/FuturaPT-DemiObl.ttf") format("truetype"), url("../fonts/FuturaPT-DemiObl.svg#FuturaPT-DemiObl") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-MediumObl.eot");
  src: url("../fonts/FuturaPT-MediumObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-MediumObl.woff2") format("woff2"), url("../fonts/FuturaPT-MediumObl.woff") format("woff"), url("../fonts/FuturaPT-MediumObl.ttf") format("truetype"), url("../fonts/FuturaPT-MediumObl.svg#FuturaPT-MediumObl") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Extra";
  src: url("../fonts/FuturaPT-ExtraBold.eot");
  src: url("../fonts/FuturaPT-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-ExtraBold.woff2") format("woff2"), url("../fonts/FuturaPT-ExtraBold.woff") format("woff"), url("../fonts/FuturaPT-ExtraBold.ttf") format("truetype"), url("../fonts/FuturaPT-ExtraBold.svg#FuturaPT-ExtraBold") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Cond Extra Bold Ital";
  src: url("../fonts/FuturaPTCond-ExtraBoldObl.eot");
  src: url("../fonts/FuturaPTCond-ExtraBoldObl.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPTCond-ExtraBoldObl.woff2") format("woff2"), url("../fonts/FuturaPTCond-ExtraBoldObl.woff") format("woff"), url("../fonts/FuturaPTCond-ExtraBoldObl.ttf") format("truetype"), url("../fonts/FuturaPTCond-ExtraBoldObl.svg#FuturaPTCond-ExtraBoldObl") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT";
  src: url("../fonts/FuturaPT-Medium.eot");
  src: url("../fonts/FuturaPT-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Medium.woff2") format("woff2"), url("../fonts/FuturaPT-Medium.woff") format("woff"), url("../fonts/FuturaPT-Medium.ttf") format("truetype"), url("../fonts/FuturaPT-Medium.svg#FuturaPT-Medium") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Futura PT Demi";
  src: url("../fonts/FuturaPT-Demi.eot");
  src: url("../fonts/FuturaPT-Demi.eot?#iefix") format("embedded-opentype"), url("../fonts/FuturaPT-Demi.woff2") format("woff2"), url("../fonts/FuturaPT-Demi.woff") format("woff"), url("../fonts/FuturaPT-Demi.ttf") format("truetype"), url("../fonts/FuturaPT-Demi.svg#FuturaPT-Demi") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
header {
  padding: 15px 0;
}
header .row {
  align-items: center;
}
header .logo {
  display: flex;
  gap: 10px;
  align-items: center;
}
header .logo span {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #689EC5;
}
header .header-col {
  display: flex;
  justify-content: flex-end;
  align-content: center;
  align-items: center;
  gap: 50px;
}
header form {
  position: relative;
  max-width: 386px;
  width: 100%;
}
header form input {
  width: 100%;
  height: 47px;
  border: 0;
  background: #F9F9F9;
  border-radius: 10px;
  padding-left: 20px;
}
header form button {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  border: 0;
  padding: 0;
  right: 20px;
  background: none;
}
header .time {
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  color: #353131;
  text-align: center;
  width: 100%;
}
header .date {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  text-align: center;
  width: 100%;
}
header .logout {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #488AB3;
  padding: 0px 40px;
  height: 51px;
  border: 1px solid #488AB3;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  transition: all 0.3s;
}
header .logout:hover {
  background: #488AB3;
  color: #fff;
}

.personal-area {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 26px;
}
.personal-area:has(.personal-area-right) .personal-area-body {
  width: calc(100% - 474px);
}
.personal-area .personal-area-menu {
  width: 183px;
}
.personal-area .personal-area-menu-main {
  background: #488AB3;
  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: #488AB3;
  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:not(:last-child) {
  margin-bottom: 10px;
}
.personal-area .personal-area-menu ul li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #F6F6F6;
  position: relative;
  width: 100%;
  padding: 6px 0 6px 41px;
  display: block;
  transition: all 0.3s;
}
.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: #488AB3;
}
.personal-area .personal-area-menu ul li a .count {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  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: 16px;
  top: 10px;
  transition: all 0.3s;
}
.personal-area .personal-area-menu ul li a.active, .personal-area .personal-area-menu ul li a:hover {
  color: #488AB3;
  background: #fff;
}
.personal-area .personal-area-menu ul li a.active svg, .personal-area .personal-area-menu ul li a:hover svg {
  color: #488AB3;
}
.personal-area .personal-area-menu ul li a.active svg path, .personal-area .personal-area-menu ul li a:hover svg path {
  stroke: #488AB3;
}
.personal-area .personal-area-menu-header {
  margin: 40px 0 10px;
  height: 32px;
  background: #689EC5;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #F6F6F6;
  padding-left: 15px;
  display: flex;
  align-items: center;
  align-content: center;
}
.personal-area .personal-area-body {
  width: calc(100% - 203px);
  padding-bottom: 50px;
}
.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 > .tabs-nav {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px 20px;
  background: #F2F6F9;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .tabs.tabs-type-2 > .tabs-nav > div {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  transition: all 0.3s;
  margin-right: 20px;
  display: flex;
  gap: 8px;
}
.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 {
  color: #488AB3;
}
.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-item {
  display: flex;
  gap: 20px;
  margin-bottom: 30px;
}
.personal-area .personal-area-body .news-item .news-item-content {
  position: relative;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #488AB3;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 31px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  margin-bottom: 10px;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-tag {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-text {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #353131;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  height: 17px;
  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-text p, .personal-area .personal-area-body .news-item .news-item-content .news-item-text span {
  font-family: "Futura PT" !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 120% !important;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-date {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #818181;
}
.personal-area .personal-area-body .news-item .news-item-content .news-item-more {
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #488AB3;
  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: 30px;
  position: absolute;
  left: 0;
  bottom: 0;
}
.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: #488AB3;
  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: #488AB3;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  cursor: pointer;
}
.personal-area .personal-area-body .back {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  margin-bottom: 16px;
  display: inline-block;
  color: #488AB3;
}
.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: #488AB3;
  border: 1px solid #488AB3;
  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: #488AB3;
}
.personal-area .personal-area-body .study-course-page-title {
  font-weight: 400;
  font-size: 32px;
  line-height: 41px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .study-course-page-desription {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  padding-bottom: 16px;
}
.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: #488AB3;
  -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: #488AB3;
}
.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: #488AB3;
  border: 1px solid #488AB3;
  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: #488AB3;
}
.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-title {
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  color: #353131;
}
.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;
  padding: 0 20px;
  height: 31px;
  background: #F2F6F9;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 31px;
  color: #818181;
}
.personal-area .personal-area-body .news-page-info-date {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #818181;
}
.personal-area .personal-area-body .news-page-image {
  height: 400px;
  border-radius: 12px;
  object-fit: cover;
  margin-bottom: 16px;
  object-position: center top;
}
.personal-area .personal-area-body .news-page-description {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .personal-area-body .news-page-description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.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: #488AB3;
  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-title {
  font-weight: 400;
  font-size: 40px;
  line-height: 51px;
  margin-bottom: 32px;
  color: #353131;
}
.personal-area .personal-area-body .test-page-progress {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .test-page-question-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .test-page-question-body .radio-check {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}
.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: 26px;
  color: #353131;
  position: relative;
  padding-left: 40px;
  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: 6px;
  z-index: 5;
  content: "";
  width: 20px;
  height: 20px;
  border: 1px solid #488AB3;
  border-radius: 10px;
}
.personal-area .personal-area-body .test-page-question-body .radio-check input[type=radio]:checked + label: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='%23488AB3'/%3e%3c/svg%3e ");
}
.personal-area .personal-area-body .test-page a:not(.test-page-back) {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  background: #488AB3;
  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 .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: #488AB3;
}
.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: #488AB3;
  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: #488AB3;
  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: #488AB3;
}
.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 .instruction {
  padding-top: 16px;
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .instruction-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .instruction-line {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #F6F6F6;
  align-items: center;
  justify-content: space-between;
}
.personal-area .personal-area-body .instruction-line > div {
  display: flex;
  gap: 20px;
  align-items: center;
}
.personal-area .personal-area-body .instruction-line > div div {
  font-weight: 450;
  font-size: 16px;
  line-height: 21px;
  color: #488AB3;
}
.personal-area .personal-area-body .instruction-line a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #488AB3;
}
.personal-area .personal-area-body .instruction-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 .instruction form {
  position: relative;
  max-width: 380px;
}
.personal-area .personal-area-body .instruction form textarea {
  width: 100%;
  height: 140px;
  border: 1px solid #818181;
  border-radius: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  padding: 10px 20px;
  margin-bottom: 16px;
}
.personal-area .personal-area-body .instruction 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: #fff;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  background: #488AB3;
}
.personal-area .personal-area-body .instruction form button:hover {
  background: transparent;
  color: #488AB3;
}
.personal-area .personal-area-body .profile {
  padding-top: 16px;
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .profile-info {
  display: none;
}
.personal-area .personal-area-body .profile-info.active {
  display: block;
}
.personal-area .personal-area-body .profile-info label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  display: block;
  margin-bottom: 6px;
}
.personal-area .personal-area-body .profile-info-img {
  width: 130px;
  height: 132px;
  border-radius: 10px;
  object-fit: cover;
  margin: 10px 0 32px;
}
.personal-area .personal-area-body .profile-info p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  margin-bottom: 21px;
}
.personal-area .personal-area-body .profile-info-columns {
  display: flex;
  gap: 21px;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .profile-info-columns > div {
  min-width: 290px;
}
.personal-area .personal-area-body .profile-info-edit {
  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: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-info-edit:hover {
  background: transparent;
  color: #488AB3;
}
.personal-area .personal-area-body .profile-edit {
  display: none;
}
.personal-area .personal-area-body .profile-edit.active {
  display: block;
}
.personal-area .personal-area-body .profile-edit input:not(#file-input) {
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 21px;
  padding-left: 15px;
}
.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: 21px;
  color: #353131;
  display: block;
  margin-bottom: 6px;
}
.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;
  gap: 21px;
}
.personal-area .personal-area-body .profile-edit-columns > div {
  min-width: 290px;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links {
  display: flex;
  gap: 16px;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links 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: #fff;
  background: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links button:hover {
  background: transparent;
  color: #488AB3;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links .profile-edit-clean {
  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: #488AB3;
  background: transparent;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-edit .profile-edit-links .profile-edit-clean:hover {
  background: #488AB3;
  color: #fff;
}
.personal-area .personal-area-body .profile-edit-img input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .profile-edit-img label {
  display: flex;
  align-items: center;
  gap: 16px;
  text-align: center;
  margin-bottom: 16px;
  cursor: pointer;
  width: 130px;
  height: 132px;
  background: #FFFFFF;
  border: 1px dashed #353131;
  border-radius: 18px;
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #818181;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
}
.personal-area .personal-area-body .profile-change-password input {
  max-width: 284px;
  width: 100%;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 21px;
  padding-left: 15px;
}
.personal-area .personal-area-body .profile-change-password label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  display: block;
  margin-bottom: 6px;
}
.personal-area .personal-area-body .profile-change-password-links {
  display: flex;
  gap: 16px;
}
.personal-area .personal-area-body .profile-change-password-links 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: #fff;
  background: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-change-password-links button:hover {
  background: transparent;
  color: #488AB3;
}
.personal-area .personal-area-body .profile-change-password-links .profile-change-password-clean {
  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: #488AB3;
  background: transparent;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.personal-area .personal-area-body .profile-change-password-links .profile-change-password-clean:hover {
  background: #488AB3;
  color: #fff;
}
.personal-area .personal-area-body .document-page {
  padding-top: 21px;
}
.personal-area .personal-area-body .document-page-line {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 15px;
}
.personal-area .personal-area-body .document-page-line .document-page-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  position: relative;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #488AB3;
  display: flex;
  gap: 5px;
  align-items: center;
  align-content: center;
  margin-top: 5px;
  cursor: pointer;
}
.personal-area .personal-area-body .document-page-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 .document-page-line .document-page-title .document-filter.active {
  display: block;
}
.personal-area .personal-area-body .document-page-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 .document-page-line .document-page-title .document-filter-option-title svg {
  transform: scale(1, -1);
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option-body {
  padding: 0px 5px;
  display: none;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option-body .input-check {
  height: 32px;
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option-body .input-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .document-page-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 .document-page-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 #488AB3;
  border-radius: 4px;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option-body .input-check input[type=checkbox]:checked + label:before {
  background-color: #488AB3;
  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-line .document-page-title .document-filter-option-body .input-check input[type=checkbox]:checked + label {
  background: #f5f5f5;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option.active .document-filter-option-body {
  display: block;
}
.personal-area .personal-area-body .document-page-line .document-page-title .document-filter-option.active .document-filter-option-title svg {
  transform: scale(1, 1);
}
.personal-area .personal-area-body .document-page-line form {
  position: relative;
  max-width: 386px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.personal-area .personal-area-body .document-page-line form .search-keywords {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #488AB3;
}
.personal-area .personal-area-body .document-page-line form input {
  width: 100%;
  height: 47px;
  border: 0;
  background: #f2f6f9;
  border-radius: 10px;
  padding-left: 20px;
}
.personal-area .personal-area-body .document-page-line form button {
  position: absolute;
  top: 9px;
  margin: auto;
  border: 0;
  padding: 0;
  right: 20px;
  background: none;
}
.personal-area .personal-area-body .document-page-line > div:last-child {
  display: flex;
  gap: 22px;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .document-page-line > div:last-child .document-mark {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 49px;
  color: #488AB3;
  padding: 0px 40px;
  height: 51px;
  border: 1px solid #488AB3;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  opacity: 0;
  pointer-events: none;
}
.personal-area .personal-area-body .document-page-line > div:last-child .document-mark.active {
  opacity: 1;
  pointer-events: all;
}
.personal-area .personal-area-body .document-page-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 .document-page .document-page-table-header {
  display: flex;
  background: #F6F6F6;
  padding: 12px 0;
  margin-top: 21px;
}
.personal-area .personal-area-body .document-page .document-page-table-header div {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}
.personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(1) {
  width: 52px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(2) {
  width: calc(100% - 52px - 400px - 57px);
}
.personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(3), .personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(4) {
  width: 200px;
  text-align: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line {
  display: flex;
  padding: 16px 0;
  border-bottom: 1px solid #F6F6F6;
}
.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: 52px;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(2) {
  width: calc(100% - 52px - 400px - 57px);
  display: flex;
  gap: 12px;
  align-items: center;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(2) .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(2) > 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(2) > 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(2) > 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(3) {
  width: 200px;
  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(4) {
  width: 140px;
  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(4) 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 #488AB3;
  border-radius: 4px;
}
.personal-area .personal-area-body .document-page .document-page-table .input-check input[type=checkbox]:checked + label {
  background-color: #488AB3;
  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.active {
  display: flex;
}
.personal-area .personal-area-body .document-page .tree-dots a {
  width: 100%;
  height: 32px;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
  display: flex !important;
  align-items: center;
  color: #818181;
  gap: 10px;
  transition: all 0.3s;
  justify-content: center;
}
.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:hover {
  color: #353131;
}
.personal-area .personal-area-body .document-page .tree-dots a svg {
  transition: all 0.3s;
  width: 18px;
  height: 18px;
}
.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: #488AB3;
  border: 1px solid #488AB3;
  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: #488AB3;
  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: #488AB3;
}
.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 {
  position: relative;
}
.personal-area .personal-area-body .study-page .study-filter-btn {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #488AB3;
  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 .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 .study-filter.active {
  display: block;
}
.personal-area .personal-area-body .study-page .study-filter .input-check {
  display: flex;
  align-items: center;
}
.personal-area .personal-area-body .study-page .study-filter .input-check input {
  width: 0;
  height: 0;
}
.personal-area .personal-area-body .study-page .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 .study-filter .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #488AB3;
  border-radius: 4px;
}
.personal-area .personal-area-body .study-page .study-filter .input-check input[type=checkbox]:checked + label:before {
  background-color: #488AB3;
  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 .study-filter .input-check input[type=checkbox]:checked + label {
  background: #F5F5F5;
}
.personal-area .personal-area-body .study-page .study-line {
  display: flex;
  gap: 20px;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-page .study-line:first-child {
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-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-page .study-line-name {
  width: calc(100% - 321px);
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
}
.personal-area .personal-area-body .study-page .study-line-name div:nth-child(1) {
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  color: #488AB3;
  -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-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-page .study-line-progress {
  width: 100px;
  display: flex;
  gap: 7px;
  flex-wrap: wrap;
  justify-content: center;
}
.personal-area .personal-area-body .study-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-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-page .study-line-link {
  width: 121px;
  display: flex;
  justify-content: flex-end;
}
.personal-area .personal-area-body .study-page .study-line-link a {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #488AB3;
}
.personal-area .personal-area-body .study-page .study-accordion-category {
  padding-top: 16px;
  border-top: 1px solid #F6F6F6;
}
.personal-area .personal-area-body .study-page .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-page .study-accordion-category-title svg {
  transform: scale(1, -1);
}
.personal-area .personal-area-body .study-page .study-accordion-category.active .study-accordion-category-title svg {
  transform: scale(1, 1);
}
.personal-area .personal-area-body .study-page .study-accordion-category.active .study-accordion-category-body {
  display: block;
}
.personal-area .personal-area-body .study-page .study-accordion-category-body {
  display: none;
}
.personal-area .personal-area-body .study-page .study-accordion-category-body .study-line-progress div {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
}
.personal-area .personal-area-body .resources-accordion-category {
  padding-top: 16px;
}
.personal-area .personal-area-body .resources-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 .resources-accordion-category-title svg {
  transform: scale(1, -1);
}
.personal-area .personal-area-body .resources-accordion-category.active .resources-accordion-category-title svg {
  transform: scale(1, 1);
}
.personal-area .personal-area-body .resources-accordion-category.active .resources-accordion-category-body {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}
.personal-area .personal-area-body .resources-accordion-category-body {
  display: none;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line {
  display: flex;
  font-weight: 500;
  font-size: 16px;
  line-height: 21px;
  align-items: center;
  align-content: center;
  justify-content: space-between;
  padding: 20px;
  flex-direction: column;
  height: 200px;
  background: #F6F6F6;
  border-radius: 10px;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line:last-child {
  border-bottom: 0;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  color: #488AB3;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line > div {
  gap: 20px;
  display: flex;
  flex-direction: column;
  align-content: center;
  align-items: center;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line-icon {
  width: 60px;
  height: 60px;
  background: #FFFFFF;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.personal-area .personal-area-body .resources-accordion-category-body .resources-accordion-line-icon svg {
  height: 30px;
  width: 30px;
}
.personal-area .personal-area-right {
  width: 251px;
}
.personal-area .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 .personal-area-right .department-menu {
  padding: 0;
  margin: 0;
  list-style: none;
}
.personal-area .personal-area-right .department-menu li {
  margin-bottom: 14px;
}
.personal-area .personal-area-right .department-menu li a {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  transition: all 0.3s;
}
.personal-area .personal-area-right .department-menu li a.active, .personal-area .personal-area-right .department-menu li a:hover {
  color: #488AB3;
}
.personal-area .personal-area-right .events-in-day-header {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #000000;
  margin-bottom: 12px;
}
.personal-area .personal-area-right .events-in-day .events-in-day-items {
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin-bottom: 20px;
}
.personal-area .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 .personal-area-right .events-in-day .events-in-day-items .events-in-day-item:nth-child(1) {
  background: #F5F5F5;
}
.personal-area .personal-area-right .events-in-day .events-in-day-items .events-in-day-item:nth-child(1) * {
  color: #818181;
}
.personal-area .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 .personal-area-right .events-in-day .events-in-day-items .events-in-day-item-time {
  display: flex;
  gap: 15px;
  margin-bottom: 4px;
}
.personal-area .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 .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 .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 .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 .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: #488AB3;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 51px;
  color: #FFFFFF;
  margin: auto;
  width: max-content;
}

.sing-in {
  margin-top: -61px;
}
.sing-in form {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-content: center;
  align-items: center;
}
.sing-in form .sing-in-title {
  font-weight: 500;
  font-size: 40px;
  line-height: 51px;
  color: #353131;
  margin-bottom: 8px;
}
.sing-in form .sing-in-subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  color: #818181;
  margin-bottom: 30px;
}
.sing-in form > label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  width: 100%;
  margin-bottom: 8px;
}
.sing-in form > input {
  width: 284px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
}
.sing-in form .sing-in-remember {
  display: flex;
  justify-content: space-between;
  width: 284px;
  margin: 0 0 16px;
  align-content: center;
  align-items: center;
}
.sing-in form .sing-in-remember .input-check input {
  width: 0;
  height: 0;
}
.sing-in form .sing-in-remember .input-check label {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #353131;
  position: relative;
  padding-left: 24px;
  cursor: pointer;
  margin: 0;
}
.sing-in form .sing-in-remember .input-check label:before {
  display: block;
  position: absolute;
  left: 0;
  z-index: 5;
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #F6F6F6;
  border-radius: 4px;
}
.sing-in form .sing-in-remember .input-check input[type=checkbox]:checked + label:before {
  background-color: #488AB3;
  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 ");
}
.sing-in form .sing-in-remember .sing-in-remember-link {
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #488AB3;
  cursor: pointer;
}
.sing-in form button {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 51px;
  background: #488AB3;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 51px;
  color: #FFFFFF;
  border: 0;
  width: 284px;
  margin-bottom: 13px;
}
.sing-in form p {
  font-weight: 400;
  font-size: 12px;
  line-height: 140%;
  color: #818181;
}
.sing-in img {
  border-radius: 40px;
  width: 100%;
  height: calc(100vh - 64px);
  object-fit: cover;
}

.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 {
  width: 350px;
  height: 300px;
  background: #FFFFFF;
  border-radius: 20px;
  flex: none;
  padding: 0;
  position: relative;
  display: none;
  align-items: center;
  align-content: center;
  flex-wrap: wrap;
  justify-content: center;
}
.modal-body-document {
  max-width: 1200px;
  width: 100%;
  max-height: calc(100vh - 100px);
  height: auto;
  gap: 40px;
  padding: 30px 41px 30px 30px;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: flex-start;
  display: none;
  overflow: hidden;
}
.modal-body-document.open {
  display: flex;
}
.modal-body-document .modal-body-document-text {
  width: 100%;
}
.modal-body-document .modal-body-document-text a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 35px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  color: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s;
  margin: 10px 0;
}
.modal-body-document .modal-body-document-text a:hover {
  color: #fff;
  background: #488AB3;
}
.modal-body-document .modal-body-document-text .files a {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 35px;
  border-radius: 10px;
  font-weight: 400;
  font-size: 16px;
  line-height: 35px;
  color: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 20px;
  cursor: pointer;
  transition: all 0.3s;
  margin: 10px 0;
}
.modal-body-document .modal-body-document-text .files a:hover {
  color: #fff;
  background: #488AB3;
}
.modal-body-document-info {
  width: 410px;
  max-height: calc(100% - 20px);
  overflow: auto;
  padding-right: 20px;
}
.modal-body-document-info::-webkit-scrollbar {
  width: 5px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.modal-body-document-info::-webkit-scrollbar-thumb {
  background: #488AB3;
  height: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.modal-body-document-info::-webkit-scrollbar-thumb:hover {
  background-color: #488AB3;
  cursor: pointer;
}
.modal-body-document-info a {
  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: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  margin-bottom: 15px;
}
.modal-body-document-info a:hover {
  background: #488AB3;
  color: #fff;
}
.modal-body-document-info-main-title {
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  color: #353131;
  margin-bottom: 30px;
}
.modal-body-document-info-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  display: flex;
  gap: 10px;
  flex-direction: column;
  margin-bottom: 10px;
}
.modal-body-document-info-subtitle {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  margin-bottom: 10px;
}
.modal-body-document-info-doctor {
  display: flex;
  font-weight: 500;
  font-size: 20px;
  line-height: 26px;
  color: #353131;
  justify-content: space-between;
  margin-bottom: 40px;
}
.modal-body-document-info form {
  position: relative;
}
.modal-body-document-info form textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #F6F6F6;
  border-radius: 20px;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  padding: 10px 20px;
}
.modal-body-document-info 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: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
  position: absolute;
  right: 0;
  bottom: -51px;
  background: transparent;
}
.modal-body-document-info form button:hover {
  background: #488AB3;
  color: #fff;
}
.modal-body-document-text {
  width: calc(100% - 40px - 410px);
  max-height: calc(100vh - 155px);
  overflow: auto;
}
.modal-body-document-text::-webkit-scrollbar {
  width: 5px;
  height: 2px;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}
.modal-body-document-text::-webkit-scrollbar-thumb {
  background: #488AB3;
  height: 2px;
  border-radius: 5px;
  cursor: pointer;
}
.modal-body-document-text::-webkit-scrollbar-thumb:hover {
  background-color: #488AB3;
  cursor: pointer;
}
.modal-body.open {
  display: flex;
}
.modal-body-title {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  text-align: center;
  color: #000000;
}
.modal-link-close {
  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: #488AB3;
  border: 1px solid #488AB3;
  width: max-content;
  margin: 20px auto 0;
  padding: 0 40px;
  cursor: pointer;
  transition: all 0.3s;
}
.modal-link-close:hover {
  background: #488AB3;
  color: #fff;
}
.modal-close {
  position: absolute;
  right: 20px;
  top: 20px;
  cursor: pointer;
  transition: all 0.3s;
}
.modal-close:hover svg {
  transform: scale(1.2);
}
.modal-close svg path {
  stroke: #000 !important;
}
.modal.open {
  display: flex;
}

input::-ms-input-placeholder {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}

input::-moz-placeholder {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}

input::-webkit-input-placeholder {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}

input::placeholder {
  font-family: "Futura PT";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  color: #818181;
}

.status img {
  display: none !important;
}

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

.tabs-nav-type-1 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 5px 20px;
  background: #F2F6F9;
  border-radius: 10px;
  align-items: center;
  margin-bottom: 16px;
}
.tabs-nav-type-1 > div {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  transition: all 0.3s;
  margin-right: 20px;
  display: flex;
  gap: 8px;
}
.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 {
  color: #488AB3;
}

.tabs-nav-type-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  margin-bottom: 16px;
  padding-left: 20px;
}
.tabs-nav-type-2 div {
  cursor: pointer;
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #818181;
  transition: all 0.3s;
  margin-right: 20px;
  display: flex;
  gap: 8px;
}
.tabs-nav-type-2 div.active {
  color: #488AB3;
}

.news-items-title {
  background: #F8FCFF;
  border-radius: 8px;
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 31px;
  text-align: center;
  color: #488AB3;
  padding: 5px 0;
  border-radius: 5px 0 5px 0;
  margin-bottom: 16px;
}

.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite #button_save {
  display: none !important;
}
.personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line.doc_favorite .delete_save {
  display: flex !important;
}

header .open-menu {
  border: 1px solid #488AB3;
  border-radius: 10px;
  width: 45px;
  height: 45px;
  display: none;
  justify-content: center;
  align-content: center;
  align-items: center;
  flex-wrap: wrap;
}
header .open-menu span {
  background-color: #488AB3;
  width: 27px;
  height: 2px;
  margin: 3px 0px;
  border-radius: 10px;
  display: block;
  transition: all 0.4s ease;
  transform-origin: 0 0;
}
header .open-menu.active {
  background: #488AB3;
}
header .open-menu.active span {
  background-color: #fff;
}

@media (max-width: 1024px) {
  .sing-in {
    margin-top: 0px;
  }
  .sing-in img {
    height: auto;
  }
  .personal-area .personal-area-body, .personal-area .personal-area-right {
    width: 100% !important;
  }
  .personal-area .personal-area-menu {
    position: absolute;
    left: 10px;
    top: 8px;
    display: none;
    width: calc(100% - 20px);
    flex-direction: column;
    align-content: center;
    align-items: center;
    z-index: 1111;
    right: 10px;
  }
  .personal-area .personal-area-menu ul li a.logout {
    display: block;
  }
  .personal-area .personal-area-menu .personal-area-menu-main {
    width: 100%;
  }
  .personal-area .personal-area-menu.active {
    display: flex;
    background-color: #fff;
    height: calc(100vh - 84px);
  }
  header .logo img {
    width: 50px;
  }
  header .logo span {
    font-size: 10px;
  }
  header .header-col {
    gap: 20px;
  }
  header .header-col .open-menu {
    display: flex;
  }
  header .header-col .logout {
    display: none !important;
  }
  header .time {
    font-size: 26px;
    line-height: 32px;
  }
  header .date {
    font-size: 14px;
    line-height: 22px;
  }
  .col-xl-9 {
    padding-left: 0;
  }
  .col-xl-3 {
    padding-right: 0;
  }
}
@media (max-width: 768px) {
  .personal-area .personal-area-body .news-item:not(:first-child) .news-item-content {
    width: 100%;
  }
  .personal-area .personal-area-body .news-item {
    gap: 15px;
    margin-bottom: 45px;
    display: block;
  }
  .personal-area .personal-area-body .news-item:first-child {
    flex-wrap: wrap;
  }
  .personal-area .personal-area-body .news-item:first-child img {
    width: 100%;
    height: auto;
    object-fit: contain;
  }
  .personal-area .personal-area-body .news-item:first-child .news-item-tag-date {
    width: 100%;
  }
  .personal-area .personal-area-body .news-item .news-item-tag-date {
    position: absolute;
    left: 0;
    bottom: -19px;
  }
  .personal-area .personal-area-body .news-item .news-item-content .news-item-more {
    bottom: -19px;
  }
  .personal-area .personal-area-body .news-item .news-item-tag {
    display: none;
  }
  .personal-area .personal-area-body .news-item img {
    width: 100px;
    height: 100px;
    object-fit: contain;
    display: none;
  }
  .personal-area .personal-area-body .tabs.tabs-type-1 > .tabs-nav div, .personal-area .personal-area-body .personal-area-body-title-type-1 {
    font-size: 30px;
    line-height: 40px;
  }
  .personal-area .personal-area-body .document-page-line form {
    max-width: 100%;
  }
  .personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(2) {
    width: calc(100% - 52px);
  }
  .personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(3), .personal-area .personal-area-body .document-page .document-page-table-header div:nth-child(4) {
    display: none;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line {
    flex-wrap: wrap;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(1) {
    order: 1;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(2) {
    width: calc(100% - 72px);
    order: 2;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(3), .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(4) {
    width: 50%;
    order: 4;
    gap: 10px;
    margin-top: 10px;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(3) span, .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(4) span {
    display: block;
  }
  .personal-area .personal-area-body .document-page .document-page-table .document-page-table-body-line > div:nth-child(5) {
    width: 20px;
    order: 3;
  }
}
#form_password > label {
  font-weight: 400;
  font-size: 16px;
  line-height: 21px;
  color: #353131;
  width: 100%;
  margin-bottom: 8px;
}
#form_password > input {
  width: 284px;
  background: #FFFFFF;
  border: 1px solid #F6F6F6;
  border-radius: 8px;
  height: 52px;
  margin-bottom: 11px;
  padding-left: 15px;
}

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