.tabcontent-container [id]::before {
    content: '';
    display: block;
    height: 95px;
    margin-top: -95px;
    visibility: hidden;
}
.tabcontent p, .tabcontent div, .tabcontent ul li, .tabcontent a:not(.tablinks) {
    font-family: Inter;
    font-size: 16px;
}
div#overview {
    margin-bottom: 30px;
}
.tabcontent a:not(.tablinks){
    color:#3aafa9;
    text-decoration: underline;
    text-underline-offset: 2px;
     z-index: 2;
    position: relative;
}
.tabcontent {
    padding-top: 50px;
    display: none;
}
.tabcontent.active-tab{
  display: block;
}

 .tabcontent-container {
    display: flex;
    gap: 70px;
}
.tabcontent .tabcontent-container .main-tab-content {
    width: 69%;
}
.tablinks {
    background: transparent;
    border: none;
    color: #111827;
    font-family: Inter;
    font-size: 20px;
    line-height: 150%;
    padding-bottom: 5px;
    border-bottom: 4px solid transparent;
}
.tab {
    display: flex;
    gap: 60px;
  z-index: 2;
    position: relative;
}
.tablinks.active-btn {
    border-color: #349D98;
      font-weight: 700;
}
/* MAIN CONTENT */
.tabcontent-container .splide__arrow {
    background: #Fff;
    padding: inherit;
    height: 40px;
    width: 40px;
    border: 1px solid #01b1af;
    box-shadow: 0px 2px 4px rgba(17, 24, 39, 0.18););
    opacity: 1;
}
.tabcontent-container .splide img {
    height: 100% !important;
    object-fit: cover;
}
.tabcontent-container ul.splide__pagination.splide__pagination--ltr {
    display: none;
}
.tabcontent-container .media-carousel-gallery {
    width: 88%;
    margin: 0 auto;
  border-radius: 14.108px;
    border: 0.705px solid #E9E9E9;
    background: #F3F5F7;
}
.pdf-cotainer p {
    margin: 0;
    padding: 14px;
    font-weight: 700;
    text-align: center;
    border-bottom: 1px solid #E9E9E9;
    margin-bottom: 8px;
    background: #FFF;
    border-radius: 11px 11px  0 0;
}
.pdf-cotainer {
    border-radius: 11.877px;
    border: 1px solid  #CFD1D4;
    background: #F9FAFB;
    margin-top: 30px;
}

/* SIDEBAR */
.tabcontent .tabcontent-container .sidebar {
    width: 33%;
    gap: 30px;
    display: grid;
    grid-auto-rows: max-content;
    position: sticky; /* Makes it sticky */
    top: 80px; /* The distance from the top of the viewport */
      height: fit-content;
}
.popular-column li::marker {
    color: #01afad;
}
.sidebar h5 {
    color: #3AAFA9;
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: -0.4px;
    margin: 0 0 15px;
}
.popular-column ul {padding-left: 18px;display: grid;gap: 16px;}
.popular-column {
    border-radius: 20px;
    border: 1px solid var(--border-border-subtle, #E7E8E9);
    background: #F3F5F7;
    padding: 30px 40px;
}
.video-grid iframe {
    border-radius: 4.829px;
}
.video-grid {
    display: grid;
    gap: 20px;
}
.img-container {
    overflow-y: scroll;
    height: 358px;
}

/* responsive */
@media screen and (max-width: 980px){
.tabcontent-container {
    gap: 20px;
}
.popular-column {
    padding: 25px;
}
.blog-section .blog-items-container {
    grid-template-columns: repeat(2, 1fr);
}
.tab {
    gap: 35px;
}
}
@media screen and (max-width: 680px){
.tabcontent-container p {
    text-align: left;
}
  .tabcontent .tabcontent-container .main-tab-content, .tabcontent .tabcontent-container .sidebar {
    width: 100%;
}
  .tablinks {
    font-size: 18px;
    text-wrap-mode: nowrap;
}
     .tab {
        overflow-x: scroll;
        gap: 20px;
    }
  .tabcontent {
    padding-top: 50px;
}

.tabcontent-container {
    flex-direction: column;
}
  .tab-title-container{
  position: relative;}
  .tab-title-container:before {
    content: '';
    position: absolute;
    width: 50px;
    height: 100%;
    background: linear-gradient(270deg, #f3f5f7 57%, transparent 100%);
    right: -9px;
}
}