/* .tab{
   display: flex;
   flex-wrap: nowrap;
} */
/* .tab .tab__list{
   width: 40px;
} */
/* .tab .tab__content{
   width: calc(100% - 40px);
} */

.tab__container{
   padding: 10px;
   max-width: 1080px;
   margin: 0 auto; 
}
.tab__wrapper{
   background-color: #faf5ef;
}
.tab__list {
   display: flex;
   /* flex-direction: column; */
}

.tab__item {
   overflow: hidden;
   cursor: pointer;
   padding: 5px;
   text-shadow: 0 0 0.5px currentColor;
   letter-spacing: 1px;
   transition: 0.2s;
   font-size: 14px;
   position: relative;
   color: #777777;
}

.tab__item img{
   width: 60px
}
.tab__item .text{
   display: none;
}

.tab__item:before {
   content: "";
   position: absolute;
   top: 0;
   left: 0;
   height: 2px;
   width: 100%;
   /* height: 100%;
   width: 2px; */
   background: #3B2473;
   transition: 0.2s;
   visibility: hidden;
   opacity: 0;
}

.tab__item.is--active { 
   color: #444;
   position: relative;
   background-color: #fff;
}

.tab__item.is--active:before {
   visibility: visible;
   opacity: 1;
}

.tab__content,
.tab__content p{
   padding: 0;
   background: #ffffff;
   border-radius: 0 10px 10px;
   line-height: 1.5;
}
.tab__content .tab__content-item--deepest p{
   background-color: transparent;
}

.tab__content-item {
   display: none;
}

.tab__content-item.is--active {
   display: block;
   background-color: #fff
}

.tab__content-title {
   padding: 24px 24px 24px 0;
}
 
.mfp-content{
   max-width: 960px;
}
.tab .tab .tab__item,
.mfp-content .tab__item{
   font-size: 14px;
   letter-spacing: -.05px;
}
.tab .tab .tab__item:before,
.mfp-content .tab__item:before{
   display: none;
}
.tab .tab .tab__item.is--active,
.mfp-content .tab__item.is--active{
   background-color: #faf5ef;
   border-radius: 10px 10px 0 0;
   color: #000;
}
.tab .tab .tab__content-item.is--active,
.mfp-content  .tab .tab__content-item.is--active{
   background-color: transparent;
}
.mfp-content  .tab .tab__content{
   padding: 20px;
   background: #faf5ef;
}
.mfp-content >.tab__content-item{
   display: block;
   background: #fff;
   position: relative; 
   margin-top: 6px;
}
.mfp-bg,
.mfp-wrap{
   z-index: 999999;
}

.tab .tab .tab__content {
   padding: 20px;
   background-color: #faf5ef;
}
.tab__inner{
   display: flex;
   flex-direction: column;
   padding: 10px;
}
.tab__img{
   max-width: 100px;
}

.text .tab__list{
   margin-top: 40px;
}

.calcs{
   font-size: 20px;
   display: flex;
   align-items: center;
   gap: 0;
   flex-wrap: wrap;
   justify-content: center;
}
.calcs .item{
   margin-bottom: 5px;
   /* border: 1px solid #7d3854;
   padding: 2px; */
   /* 
   cursor: pointer; */
   font-size: 14px;
   text-align: center;
   cursor: pointer;
   /* line-height: normal;
   min-height: 45px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 2.5px; */
}
.calcs .item:hover{  
   /* background-color: #f5f5f5; */
   font-size: 14px;
}
.calcs .info{
   font-size: 14px;
   color: #9f9f9f;
   display: none;
}
.calcs .item:hover .info{  
   border-bottom: none
}
.calcs .num{
   color: #3B2473;
   font-weight: bold;
   font-size: 20px;
   line-height: unset;
   height: auto;
   display: inline-block;
   width: 5%;
   text-align: center;
   line-height: 30px;
}
.calcs .fullwidth{
   width:100%;
   text-align: center;
}
.calcs .fullwidth .info{
   cursor: pointer;
   display: inline-block;
   width: auto;
   margin-top: 10px;
   border: 1px dotted;
   padding: 5px 20px;
   transition: all .2s linear;
}
.calcs .fullwidth .info:hover{
   background: #ddd;
   color: #000;
}

.collapse {
  display: block;
  max-height: 0px;
  overflow: hidden;
  transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}
.collapse.show {
  max-height: 999em;
  transition: max-height 0.5s ease-in-out;
}

.block__content {
  height: 100%;
}
.wrapper-type .toplevel.tab__list{
   flex-wrap: wrap;
}
.wrapper-type .toplevel.tab__list .tab__item{
   padding: 4px;
   width: 12%;
}
/* 
.wrapper-type>.tab__container>.tab{
   display: flex;
}
.wrapper-type .toplevel{
   flex-direction: column;
}
.d-none{
   display: none;
}
.wrapper-type .toplevel>.tab__item img{
   display: block;
   max-width: 50px;
}
.wrapper-type .toplevel>.tab__item{
   font-size: 14px;
}
.wrapper-type .toplevel>.tab__item::before{
   height: 100%;
   width: 2px;
} */
.relation{
   display: flex;
   gap: 20px;
   align-items: center;
   margin-bottom: 20px;
}
.relation img{
   max-width: 100px;
}
.type-image-wrapper{
   display: flex;
   background-color: #fff;
}
.type-image-wrapper>img{
   width: 100px;
}


.tab__container h2 span{
   display: block;
   padding-left: 40px;
   color: #3B2473;
}
.tab__container h3,
.tab__inner h3,
.text h2{
   font-size: clamp(20px, 2.1vw, 40px);
   padding: 30px 0 10px;
}

@media (min-width: 768px) {
   .tab__item {
      flex: auto;
      padding: 10px;
      text-transform: uppercase;
      text-align: center;
   }

   .tab__wrapper:not(.wrapper-type) .tab__item img{
      display: none;
   }
   .tab__wrapper:not(.wrapper-type) .tab__item .text{
      display: block;
   }
   .tab__wrapper:not(.wrapper-type) .tab__content .name{
      display: none;
   }
   .tab__wrapper:not(.wrapper-type) .tab__content .name{
      display: none;
      margin-bottom: 10px;
   }
   
   .tab__inner{
      flex-direction: row;
      padding: 20px;
   }
   .tab__img {
      max-width: initial;
      min-width: 180px;
      padding-right: 20px;
   }
  .wrapper-type .toplevel.tab__list .tab__item {
      padding: 4px;
      width: 6%;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 10px;
   }
   .tab__container{
      padding: 40px;
   }
   .tab__container.calc-container{
      padding: 40px 40px 0 40px;
   }
   .calcs .item{
      width: 30%;
      justify-content: space-between;
   }
}