:root {
   --swiper-theme-color: var(--accent) !important;
}

.card .items {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 1rem;
}

.card .items .item-wrap .row {
   display: block;
}

.card .image {
   max-height: 320px;
   height: 320px;
   max-width: 100%;
}
.card .image img {
   object-fit: contain;
   max-width: 100%;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   margin: auto;
   left: 0;
}

.card .item .item-wrap {
   position: relative;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}

.card .item {
   margin-bottom: 0;
}

.card .text {
   padding: 2rem 3rem 0rem 1rem;
}

.card .button {
   width: max-content;
   margin-left: 1rem;
   margin-bottom: 3rem;
   margin-top: 1.5rem;
   margin-right: auto;
   margin-left: auto;
}

@media (max-width: 1265px) {
   .card .image {
      max-height: 100%;
      height: 200px;
   }
   #modules .card .item h2,
   #modules .card .item h3 {
      font-size: 1.5rem;
   }
}

@media (max-width: 921px) {
   .card .items {
      grid-template-columns: repeat(2, 1fr);
   }
   .card .image {
      height: 250px;
   }
   .card .text {
      padding: 1.5rem;
   }
}

@media (max-width: 601px) {
   .card .text {
      padding: 1rem;
   }
}
@media (max-width: 571px) {
   .card .items {
      grid-template-columns: repeat(1, 1fr);
   }
}

.person__stars-wrapper {
   position: relative;
   height: 18px;
   width: 18px;
   /* overflow: hidden; */
}

.person__stars-wrapper > svg {
   opacity: 0.5;
   position: absolute;
   width: 18px;
   height: 18px;
   max-width: 18px;
   max-height: 18px;
   top: 0;
   left: 0;
}

.person__stars-inner-wrap svg {
   opacity: 1;
   position: absolute;
   width: 18px;
   height: 18px;
   max-width: 18px;
   max-height: 18px;
   top: 0;
   left: 0;
}

.person__stars-inner-wrap {
   position: relative;
   height: 18px;
   width: 18px;
   overflow: hidden;
}

#person {
}
.container-fluid {
}
.person__body-first {
   display: grid;
   gap: 2rem;
   align-items: start;
   grid-template-columns: 1fr 3fr;
}
.person__image img {
   max-height: 350px;
   height: 350px;
}
.person__body {
   display: grid;
   gap: 2rem;
}
.person__infoblock {
}
.person__name {
}
.person__position {
   font-size: 1.5rem;
   font-weight: 700;
}
.person__item-body {
   display: flex;
   gap: 2rem;
   align-items: start;
}
.person__ratings-wrapper {
}
.person__item-title {
   font-size: 1.25rem;
   opacity: 0.6;
}
.person__ratings {
   display: flex;
   gap: 0.5rem;
}
.person__stars {
   display: flex;
   gap: 0.25rem;
   align-items: center;
}
.person__stars-wrapper {
}
.person__stars-inner-wrap {
}
.person__ratings-number {
}
.person__time {
}
.person__time-value {
}
.person__body-second {
   margin-top: 2rem;
   display: flex;
   gap: 2rem;
}
.person__second-col {
}
.btn {
}
.person__btn {
}
.person__item-articles {
}
.text {
}
.person-second-item {
}
.person__item-articles {
}
.person__item-articles ul {
   margin-top: 1rem;
}
.person__articles-title {
   font-size: 1.5rem;
   font-weight: 700;
}

.person__license-title {
   margin-top: 1.5rem;
}
.swiper {
   margin-top: 1rem;
}

.person__item-descrpition {
}

.person__imageblock-info {
   margin-top: 1.5rem;
}

.person__image img {
   width: 100%;
   object-fit: contain;
   display: block;
}

.person__btn {
   width: 100%;
   max-width: 100%;
   margin-top: 1rem;
}

.person__body > * {
   min-width: 0;
}
.swiper-wrapper {
   display: flex;
}
.swiper {
}
:root {
}
.swiper-pagination {
   position: static !important;
   height: max-content;
   margin-top: 1rem;
   top: 0;
   margin: 0;
}
.swiper-slide img {
}

.swiper {
   overflow: hidden !important;
}
.swiper a {
   display: block;
}

.person__body {
   grid-template-areas:
      "a b b"
      "a c c"
      "d c c";
}

.person__image {
   grid-area: a;
}
.person__imageblock-info {
   grid-area: d;
}
.person__infoblock {
   grid-area: b;
}
.person__item-descrpition {
   grid-area: c;
}

.card .button {
   display: flex;
   gap: 1rem;
   align-items: center;
   flex-wrap: wrap;
   width: 100%;
   padding: 0 1rem;
}
.card .button * {
   position: relative;
   top: 0;
   left: 0;
   margin-top: 0;
   display: block;
}
.team-view {
   background: var(--color) !important;
   box-shadow:
      0 15px 30px -10px var(--color_30),
      0 5px 0 var(--color_30) !important;
}

@media (max-width: 1251px) {
   .person__body {
      grid-template-areas:
         "a b"
         "c c"
         "d d";
   }
   .person__image {
   }
   .card .button * {
      width: 100%;
      max-width: 100%;
   }
}

@media (max-width: 701px) {
   .person__body {
      gap: 1rem;
      grid-template-areas:
         "a"
         "b"
         "c"
         "d";
   }
   .person__btn {
      width: auto;
      max-width: auto;
      margin-top: 1rem;
   }
   .person__image img {
      max-height: 500px;
      width: max-content;
      height: auto;
   }
}

/* gloss */
.gloss__item-wrapper {
   overflow: hidden;
   transition: all 0.3s ease;
   padding: 1.5rem;
   border: 1px solid #000;
   border-radius: 1.5rem;
   margin-top: 1.5rem;
}

.gloss__item-wrapper.hide-inner {
   overflow: hidden;
}

.gloss__item-wrapper.hide-inner * {
   transition: all 0.3s ease;
   opacity: 0;
}
.gloss__item-wrapper.hide-inner .gloss__title {
   opacity: 1;
   transition: all 0.3s ease;
}
.gloss__item-wrapper:first-child {
   margin-top: 1.5rem;
}
.gloss__item {
}
.gloss__title {
   font-size: 1.5rem;
   font-weight: 700;
   cursor: pointer;
   transition: all 0.3s ease;
}
.gloss__title:hover {
   color: var(--color2);
}
.gloss__row {
   display: grid;
   grid-template-columns: 1fr 3fr;
}
.gloss__info {
}
.gloss__desc {
   opacity: 0.7;
}
.gloss__btn {
   margin-top: 1rem;
}
.btn {
}
.gloss__item {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   align-items: start;
   border-radius: 10px;
   background: var(--color2);
}
.gloss__item {
   margin-top: 1rem;
}
.gloss__item:first-child {
   margin-top: 0rem;
}
.gloss__item * {
   padding: 1rem;
   color: var(--light);
}
.gloss__symp {
}
.gloss__heal {
}

.gloss__tags {
   display: flex;
   gap: 0.5rem;
   align-items: center;
   flex-wrap: wrap;
}
.gloss__tag {
   cursor: pointer;
   width: max-content;
   padding: 0.5rem;
   border-radius: 8px;
   background: var(--color2);
   border-color: var(--color2);
   color: #333;
   background: transparent;

   border-width: 1px;
   border-style: solid;
   transition: all 0.3s ease;
}
.gloss__tag.active {
   border-color: transparent;
   color: var(--light);
   background: var(--color2);
}
@media (max-width: 901px) {
   .gloss__row {
      display: flex;
      flex-direction: column;
      gap: 1rem;
   }
}
@media (max-width: 769px) {
   .gloss__item-wrapper {
      padding: 1rem;
   }
   .gloss__title {
      font-size: 1.25rem;
   }
}
@media (max-width: 651px) {
   .gloss__item * {
      padding: 0.5rem;
   }
   .gloss__item {
      margin-top: 0.5rem;
   }
   .gloss__title {
      font-size: 1rem;
   }
}
.gloss__item-title {
   padding: 0.5rem 1rem;
   font-weight: 700;
   text-align: center;
}

#blog .autor-block {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
}
.item-innder-wrap .image {
   max-width: 200px;
   aspect-ratio: 1/1;
   border-radius: 50%;
   overflow: hidden;
}
.item-innder-wrap .image img {
   width: 100%;
   object-fit: cover;
   max-height: none;
}
#blog .autor-block .autor-info {
   width: auto;
}
#blog .item-innder-wrap .text.list * {
   text-align: left !important;
}

#blog .button {
   width: max-content;
}
.team-view {
   box-shadow:
      0 15px 30px -10px #042353,
      0 5px 0 #295fb2 !important;
}
.team-view span {
   padding-left: 0 !important;
   padding-right: 0 !important;
   text-align: center !important;
}
#blog .autor-block .list {
   width: 100%;
}
.text.list ul {
   text-align: left !important;
}
#blog .autor-block .autor-info {
   display: block;
}

@media (max-width:751px){
	#blog .autor-block {
   display: flex;
   flex-direction: column-reverse;
   gap: 1rem;
}
}
@media (max-width: 651px) {
   #blog .item-innder-wrap .text.list * {
      text-align: center !important;
   }
   #blog .item-innder-wrap .text.list ul li {
      text-align: left !important;
   }
   .item-innder-wrap .image {
      margin: auto;
   }
   #blog .button {
      margin: auto;
      width: max-content;
   }
   #blog .autor-block .autor-info {
      padding-right: 0;
   }
   .item-innder-wrap .image {
      max-width: 150px;
   }
}

@media (max-width: 461px) {
   #blog .button {
      margin: auto;
      width: 100%;
      gap: 1rem;
      flex-wrap: wrap;
   }
}