.tdn-split-screen-01 {
    position: relative;   
}
{#
.tdn-split-screen-01-image__overlay::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.tdn-split-screen-01-image__overlay.active::after {
  display: block;
}
#}

.tdn-split-screen-01 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(248, 249, 250, 1))
}

.tdn-split-screen-01 .tdn-split-screen__title h2 {
    text-wrap: balance;
}

.tdn-split-screen-01 .tdn-split-screen-01-image .heading {
    line-height: 1.1;
}

.tdn-split-screen-01 .content-scroll__info p {
    font-size: 1.1rem;
}

.tdn-split-screen-01 [data-section] h6 {
    line-height: 1;
}
.tdn-split-screen-01 [data-section] h2 {
    line-height: 1;
}

.tdn-split-screen-01 .content-scroll__info {
    padding: 60px 0;
}
.tdn-split-screen-01 [data-section]:first-child .content-scroll__info {
    padding-top:120px;
}   
.tdn-split-screen-01 [data-section]:last-child {
    padding-bottom: 120px;   
}
.tdn-split-screen-01 .tdn-split-screen__title {
    padding-top: 40px;
}


@media screen and (max-width: 767px) {
    .tdn-split-screen-01 .tdn-split-screen__title>* {
        margin-bottom: 0;
     }
}

@media screen and (min-width: 768px) {
  .tdn-split-screen-01 .tdn-split-screen__title.active {
    display: block;
  }
}

@media screen and (min-width: 992px) {
    .tdn-split-screen-01 .tdn-split-screen__title {
        {# top: 16rem; #}
    }
    .tdn-split-screen-01 .tdn-split-screen-01-image {
        position: sticky;
        top: 0;
        height: 100vh;
        display: flex;
        z-index: 2;
    }
    .tdn-split-screen-01 .content-scroll {
        padding-top: 25rem;
      {#
    display: flex;
    flex-basis: 50%;
    max-width: 50%;
    justify-content: center;
    align-items: center;
    #}
    }
    .tdn-split-screen-01 .bg {
    height: 100%;
    object-fit: cover;
  }

  .tdn-split-screen-01 .image-info {
    position: relative;
    width: 100%;
    z-index: 10;
  }

  .tdn-split-screen-01 [data-image] {
    position: absolute;
    height: 100%;
    opacity: 0;
    transition: opacity 250ms ease;
  }

  .tdn-split-screen-01 [data-image].active {
    opacity: 1;
  }

  

  .tdn-split-screen-01 [data-section] {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    padding: clamp(6rem, 20vh, 12rem) 0;    
  }
  .tdn-split-screen-01 [data-section]:last-child {
    padding-bottom: clamp(6rem, 30vh, 20rem);   
  }
}

@media screen and (min-width: 992px) {
    .tdn-split-screen-01.topograph-title .image-info {
        position: relative;
    }

    .tdn-split-screen-01.topograph-title .image-info .tdn-split-screen__title {
        position: relative;
        z-index: 2;
    }

    .tdn-split-screen-01.topograph-title .image-info::before {
        top: 50%;
        left: -350px;
        width: 800px; 
        height: 800px;
        content: '';
        display: block;
        opacity: 0.8;
        z-index: 1;
        position: absolute;
        transform: translateY(-50%) rotate(var(--bg-rotate-deg, 0deg));
        max-height: 90vh;
        background-size: contain;
        background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNTQ2IDU0NiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMzc2LjQgNzUuM3MtMTA0LjMtMjguMy0xMjguMi0zNi4xLTEwNC40LTUxLjktMTg1LjYgMi4yLTExLjkgMTkwLjQtOS4zIDIyMC40LTQuMiAxMTIgNjMuNyAxOTYuOSAxOTQuNSAxMDIuMSAyNzUgMzkuNCAxMjMuOC0xODMuNyAxMjcuMi0yNjQuNC04My4zLTE0My42LTE0Mi44LTE1OC40eiIgZmlsbD0iI2VmZWZlZiIvPjxwYXRoIGQ9Im0xMjggMTIzLjRzLTc2LjYgMzMuOS01NC43IDEyNC45IDEuMiAxMDEuNiAzNS42IDE2MS44IDEzNi45IDE0OC43IDI1OC44IDY0LjkgMTE0LjgtMTk5LjQgMTEyLjktMjM2LjMtMzgtOTMuOC0xMTIuMi0xMDcuOS0xMzMuNi03Mi42LTI0MC40LTcuNHoiIGZpbGw9IiNlOWU5ZTkiLz48cGF0aCBkPSJtNDAyLjIgMjIxLjZzLTQ1LjYtMzYuMi0xMDAuNC01OS45LTEwNS44LTI5LjctMTQxLjUtLjJjLTQzLjEgMzUuNy0yNSAxMDguMS0zOC4zIDE0My41cy0yNC43IDYyLjkgOS40IDExMS4zIDExMi42IDEyNS43IDIzNC41IDQxLjkgOTguNS0xOTQgMzYuMy0yMzYuNnoiIGZpbGw9IiNlM2UzZTMiLz48cGF0aCBkPSJtMjY5LjkgMTY4LjVjLTE5LjMtNy4xLTQwLjUtNy41LTU5LjktLjgtMTggNi4zLTM3LjYgMTkuMy01MC41IDQ2LTI5LjQgNjAuOS0xMS45IDY4LjctMzUuOCAxMzEuN3MxMDkuMyAxOTIuMyAyMjUuNCAxMTQuNmMxMDEuMS02Ny43IDEwMC4yLTEyOC44IDgyLjUtMTc2LjdzLTk2LjEtODUuMS0xMjEtOTcuNmMtMTMuNi02LjktMjkuMy0xMy00MC43LTE3LjJ6IiBmaWxsPSIjZGRkIi8+PHBhdGggZD0ibTM2OS4zIDI0NC44cy02OS44LTQ2LjMtMTI2LjctMjcuMy01My45IDU2LjEtNTQuNyA4MC43LTMuNyA1OC45LTkgNzUuNyAyMC41IDcxLjkgNzQuOCA4MiAxMDMuNSA1LjggMTQwLjMtNDYuMiA0NC4xLTcxLjEgMjkuOS0xMTMuNWMtMTAuOS0zMi42LTU0LjYtNTEuNC01NC42LTUxLjR6IiBmaWxsPSIjZDdkN2Q3Ii8+PHBhdGggZD0ibTI3MS4zIDIzMC4zYy0xNy4yIDEuNS0zMy44IDcuOC00Ny40IDE4LjQtNiA0LjctMTEuNiAxMC4zLTE0LjMgMTYuMi03LjYgMTYuNC0zLjggMzguOC02LjkgNjAuMXMtMTIuOSA1Ny4zIDEuOCA3OC4xIDU0LjYgNDkgODUuMSA0Ni42IDYwLjUtNS40IDkzLjItNDQuNiA0MS41LTc5LjUgMzAuMy0xMDYuOC00OS41LTQ0LjUtNzkuMi01Ni44Yy0yMi04LjktNDAuNi0xMy4yLTYyLjYtMTEuMnoiIGZpbGw9IiNkMWQxZDEiLz48cGF0aCBkPSJtMjUyLjEgMjQzLjlzLTMxLjYgMTIuMi0zNC41IDMyLjMtMS45IDQxLjUtNS41IDYyLjEtMTEuNSA1Ni40IDI3LjMgNzcuMiA2My45IDI5LjQgMTA5IDMuNiA2NS42LTgyLjQgNTgtMTEwLjItMTkuMy0zNC42LTQyLjctNDYuM2MtMjMuMy0xMS43LTQ3LjYtMjIuNi03MS41LTI1LjQtMjMuMS0yLjUtNDAuMSA2LjctNDAuMSA2Ljd6IiBmaWxsPSIjY2JjYmNiIi8+PHBhdGggZD0ibTI0OS41IDI2My41cy0yOC4xIDExLjEtMjYuNSA0My4xYzEuNSAzMi4xLTUuNyA1My4yLTUuMiA2My45czIyLjYgNDYuNCA2MiA0Ni43IDY2LjktMTIgODUuNi00OC4yYzE4LjctMzYuMyAxOS40LTUzLjggNi42LTcyLTEyLjgtMTguMS00OC40LTMwLjItNTYuNy0zMy40LTguMy0zLjEtMzUuOC0xNC41LTY1LjgtLjF6IiBmaWxsPSIjYzVjNWM1Ii8+PHBhdGggZD0ibTI2Ni40IDI2N3MtMzQuMyA0LjEtMzIuMSAzNS43LTYuNSA0MC43LTMuNyA1MS44IDIwLjkgNTkuNiA4Mi4yIDMyLjUgNDcuOC03NC44IDQyLjEtODIuOS0xNi41LTIwLjUtNDIuOC0zMi4yYy0yNi4zLTExLjUtNDUuNy00LjktNDUuNy00Ljl6IiBmaWxsPSIjYmZiZmJmIi8+PC9zdmc+");
        background-repeat: no-repeat;
        background-position: center center;
    }
}