.pwr-tabs__header{
  margin-bottom:0px!important;
  padding-top: 10px;
  background-color: #fff;
  min-height: 46px;
  width: 100%;
  position:relative;
  top: 0px;
}

.ok-sec-documents h3.pwr-tab__title {
  font-size: 27px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0px;
}
.ok-sec-documents h3 + div{max-width:760px;}

.pwr-tabs__header.stiky{
  position: fixed;
  top: 85px;
  width: 85%;
  z-index: 501;
}

.pwr-sec-txt__title{margin: 0 0 24px;} /* generic stuff ?*/

.pwr-tabs__tab-wrapper:not(.pwr-tabs__tab-wrapper--centered){
  margin-left: 0; margin-right: 0;
}
.pwr-tabs__tab{
  min-height: auto;
  padding: 0px 15px 5px 15px;
  margin-right: 25px;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color:#3333FF;
}
.pwr-tabs__tab--active, .pwr-tabs__tab:hover{
  color:#0A0A77!important;
  border-bottom: 2px solid #0A0A77!important;
  font-weight: 600;
}

.pwr-tabs__tab h2{font-size: inherit; line-height: 32px!important; font-weight: 600;}

h3.pwr-tab__title{line-height:46px;}
h4.pwr-tab__title{line-height:32px;}
.pwr-tab__title{margin:96px 0 8px 0!important;}
.pwr-tab__title:nth-child(1){margin-top:80px!important;}
.ok-tab-collapsed{color:#849FFF; font-size:24px; font-family:'Poppins'; font-weight: 600;}
.ok-tab-collapsed a{color:#849FFF!important; transition:none;}
.ok-tab-collapsed a span{padding-right: 16px;}
.ok-tab-collapsed a:hover{color:#3333ff!important; transition:none;}
.ok-tab-collapsed a:hover svg{fill:#3333ff;}

.ok-sec-documents{padding-bottom:60px!important;}
.ok-sec-documents h1{font-size: 48px; line-height: 56px; letter-spacing: 0px;}

.ok-documents, .other-documents{
  margin-top: 64px;
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
}
.ok-documents.no-bg{margin-top: 24px; display: none;}

.ok-documents > div, .other-documents > div{
  width: 49%;
  min-height: 124px;
  height: auto;
  margin-bottom: 20px;
  padding-bottom: 32px;
  border-radius: 56px!important;
  display: flex;
  align-items: normal;
}
.other-documents > div{background-color: #E0EAFF;}
.ok-documents.no-bg > div{background-color: #fff;}
.ok-documents > div > div{
  padding-left: 40px;
}

.ok-documents > div:nth-child(odd), .other-documents > div:nth-child(odd){
  margin-right: 24px;
}

.ok-documents .doc_link {
    display: flex;
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    position: relative;
    transition: clip-path 275ms ease;
}
.ok-documents .doc_link:hover span::before, .link:focus span::before{clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);}

.ok-documents .doc_link span{
      position: relative;
      color: #33F;
}

.ok-documents .doc_link span::before{
        position: absolute;
        content: attr(data-content);
        color: #33F;
        text-decoration: underline;
        text-decoration-color: #060696;
        clip-path: polygon(0 0, 0 0, 0% 100%, 0 100%);
        transition: clip-path 275ms ease;
}
  .ok-documents .doc_link span.double::before {
        text-decoration-style: double;
      }

.ok-documents .doc_desc{font-size: 14px; color:#666D77; font-weight: 400; line-height:20px; padding-top:14px;}
.ok-documents.no-bg .doc_desc{color:#787E87;}
.ok-documents .doc_link span:not(.icon-doc){padding-top:6px;}
.ok-documents .icon-doc {
  /*display: inline-block !important;
  width: 15px;
  height: 20px;*/
  padding-top: 2px;
  margin-right: 8px;
}

.ok-docs-before-after{padding-top: 140px;}

.other-documents > div{flex-direction: column; align-items: start; min-height: 230px; height:auto;}
.other-documents > div:hover:not(.no-hover){cursor: pointer; box-shadow: 0px 8px 16px rgba(59, 69, 123, 0.12), 0px 16px 32px rgba(92, 107, 192, 0.12);}
.other-documents > div > div{padding: 0 40px;}
.other-documents > div > div p{font-size: 16px; padding-top:0px; color:#666D77; margin-bottom:0; margin-top:0;}
.other-documents > div > div h4{padding-top: 40px; margin-bottom: 0px; font-size: 24px; line-height:32px;}

.other-documents > div > div a{display: none; font-size: 14px; color: #3333ff; font-weight: 600;}
.other-documents > div > div a > span{fill:currentColor; width:12px; margin-left:10px; margin-top:6px;}
.other-documents > div:hover > div a{display: flex;}
.other-documents > div > div a:hover{text-decoration:underline;}

.ok-docs-masonry{margin-top: 64px;}
.ok-docs-masonry .pwr-image-box__back, .ok-docs-masonry .pwr-image-box__front{
  bottom: inherit;
}
.ok-docs-masonry .pwr-image-box{background-color: #E0EAFF; border-radius: 56px!important;}
.ok-docs-masonry .pwr-3D-box:hover{/*background-color: #E0EAFF;*/ border-radius: 56px!important;}
.ok-docs-masonry .pwr-3D-box__sensor{background-color: #E0EAFF;}
.ok-docs-masonry .pwr-image-box:hover .pwr-image-box__front {opacity: 1;}
.ok-docs-masonry .pwr-image-box__desc p{font-size: 16px; padding-top:8px; color:#666D77;}
.ok-docs-masonry .pwr-image-box__back, .pwr-image-box__front{color: #2a3242;}


.ok-docs-masonry .pwr-image-box__more-link{
  font-size: 14px!important;
  font-family: 'Inter'!important;
  text-transform: none!important;
  font-weight: 600!important;
  margin-top: 24px;
}
.ok-docs-masonry .pwr-image-box__more-link:hover{text-decoration: underline;}
.ok-docs-masonry .pwr-image-box__more-link svg{
  height: 15px!important;
}

.pwr-sec-text-tabs {
    padding: 0 0 135px 0 !important;
}

/* MEDIA QUERIES */
@media (max-width: 1280px){
  .pwr-tabs__header.stiky{width: 93%;}
}
@media (max-width: 1152px){
  .pwr-tabs__header.stiky{width: 96.5%;}
  .ok-documents > div, .other-documents > div{
    width: 48%;
  }
}
@media (max-width: 810px){
  .ok-docs-masonry .pwr-image-box__title{font-size:24px;}
  .pwr-tabs__header li{font-size: 18px; margin-right: 0px;}
  .ok-docs-masonry .pwr-image-box__img{min-height:300px; height: 300px!important;}
  .pwr-tabs__tab-wrapper::before{background-color: #E0EAFF; bottom: 0;content: "";height: 2px;left: 0;position: absolute; width: 95%;}
  .other-documents > div{min-height:260px;}

  .ok-documents .doc_desc{padding-top:8px; padding-left:26px;}
}
@media (max-width: 768px){
  .ok-documents .doc_link {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
  .pwr-tabs__header li{font-size: 18px; margin-right: 0px;}
  .ok-docs-masonry .pwr-image-box__more-link{padding-top:0px!important}
  .ok-sec-documents {
  padding-bottom: 48px !important;
}
}

@media (max-width: 576px) {

  .ok-documents .doc_link {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
  .ok-documents>div {
    padding: 32px;
}
  .ok-documents, .other-documents{margin-top: 48px;}
  .ok-sec-documents .page-center{margin:0 20px;}
  .ok-sec-documents h1{font-size: 36px;}

  .pwr-tab__title:first-of-type{margin:30px 0 8px 0!important;}

  .pwr-tabs__header{width: auto;}
  .pwr-tabs__header.stiky{width: 91%;}

  .other-documents>div>div {
    padding: 0 32px;
}

  .other-documents > div{min-height:245px;}

  .ok-documents > div:nth-child(odd), .other-documents > div:nth-child(odd) {
     margin-right: 0px;
  }
  .ok-documents > div, .other-documents > div{
    width: 100%;
  }

  .ok-documents > div > div > div {
    padding: 0 20px;
  }

  .ok-documents>div>div {
    padding-left: 0px;
}

  .other-documents > div:hover{box-shadow: none;}
  /*.other-documents > div > div a{display: flex;}*/
  .other-documents > div > div a > span{margin-top: 3px;}

  .other-documents > div > div h5{font-size: 24px;}
  .other-documents > div > div p{font-size: 14px;}

  .ok-docs-masonry .pwr-image-box__img{min-height:300px; height: 300px!important;}

  .ok-tab-collapsed a span{padding-right: 10px;}

  .ok-documents .doc_desc{font-size:12px;}

  .ok-documents .doc_link {
    font-family: Inter;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}

  .pwr-tabs__tab:hover,
.pwr-tabs__tab--active > h2 {
    border-bottom: 2px solid #0A0A77!important;
    color: #0A0A77 !important;
    font-weight: 700;
}

  .pwr-tabs__tab--active{
        color: #0A0A77 !important;
  }