@keyframes fade-in{
    0%{
        opacity:0
    }
    100%{
        opacity:1
    }
}
@keyframes fade-out{
    0%{
        opacity:1
    }
    100%{
        opacity:0
    }
}
.tabset__tab:hover{
    opacity: 1;
}
.tabset__tab:hover .tabset__tab__chapter__title{
    color: #000;
}
.tabset__tab:hover .tabset__tab__chapter__subtitle{
   color: #525f6c;
}
.tabset__tab.--active:hover .tabset__tab__chapter__title{
    color: #525f6c;
}
.tabset__tab.--active:hover .tabset__tab__chapter__subtitle{
   color: #8b96a0;
}
.tabset{
    position:relative;
    z-index:3;
    overflow:hidden
}
   .container-grid{
    margin:0 auto;
    display:grid
}
 .tabset__tab__track {
    position: absolute;
    top: 0;
    left: -32px;
}
.tabset__tabs__content {
  width: 50%;
    margin-right: 3%;
}
span.set_con {
    position: absolute;
   left: 0px;
}
.tabset__tabs{
    align-items:center;
    padding-bottom: 50px;
}
.tabset__tabs__content{
    display:grid;
    grid-gap:32px;
    grid-template-columns:1fr
}
@media(max-width: calc(1024px - 1px)){
    .tabset__tabs__content{
        grid-column-start:1;
        grid-column-end:span 4
    }
    .tabset__tabs__content {
    width: 100% !important;
}
.aspect-ratio-box {
      padding: 25px 0;
}
}
@media(min-width: 1024px){
    .tabset__tabs__content{
        grid-column-start:2;
        grid-column-end:span 7;
        grid-row-gap:36px
    }
}
@media(min-width: 1440px){
    .tabset__tabs__content{
     grid-column-start: 1;
    grid-column-end: span 7;
        padding-right:var(--grid-column-gap)
    }
}
@media(min-width: 1024px){
    .tabset--reverse .tabset__tabs__content{
        grid-column-start:7;
        grid-column-end:span 5
    }
}
@media(min-width: 1440px){
    .tabset--reverse .tabset__tabs__content{
        grid-column-start:7;
        grid-column-end:span 5;
        padding-left:var(--grid-column-gap);
        padding-right:0
    }
}
@media(max-width: calc(1024px - 1px)){
    .tabset__tabs__content__title{
        color:#202124;
        font-weight:500
    }
}
@media(max-width: calc(1024px - 1px))and (max-width: calc(1024px - 1px)){
    .tabset__tabs__content__title{
        font-size:28px;
        line-height:32px
    }
}
@media(max-width: calc(1024px - 1px))and (min-width: 1024px){
    .tabset__tabs__content__title{
        font-size:56px;
        line-height:58px
    }
}
@media(min-width: 1024px){
    .tabset__tabs__content__title{
        color:#202124;
        font-size:42px;
        line-height:52px;
        letter-spacing:-0.43px;
        font-weight:500;
        margin-bottom:24px
    }
}
.tabset__tabs__images{
    position:relative;
    height:var(--computed-height);
    display:flex;
    align-items:center;
    justify-content:center
}

@media(min-width: 1440px){
    .tabset--reverse .tabset__tabs__images{
        grid-column-start:2;
        grid-column-end:span 5;
        order:-1
    }
}
@media(min-width: 1024px){
    .tabset--reverse .tabset__tabs__images{
        grid-column-start:1;
        grid-column-end:span 6;
        order:-1
    }
}
.tabset__tabs__images__image{
    opacity:0;
    position:absolute
}
@media(min-width: 1024px){
    .tabset__tabs__images__image{
        width:100%
    }
}
.tabset__tabs__images__image picture,.tabset__tabs__images__image img{
    display:block;
    height:100%
}

.tabset__tabs__images__image.--inactive{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-out
}
.tabset__tabs__images__image.--active{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-in
}
.tabset__tab {
    display: block;
    position: relative;
    text-decoration: none;
    cursor: pointer;
    box-shadow: inset 0 -1px 0 0 #e3e7eb;
    padding-bottom: 32px;
}
.tabset__tab{
    margin-left:32px
}

.tabset__tab .tabset__tab__mobile-image,.tabset__tab .tabset__tab__content{
    overflow:hidden;
    transition:500ms height cubic-bezier(0.65, 0, 0.35, 1)
}
.tabset__tab.--inactive .tabset__tab__content{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-out
}
.tabset__tab.--inactive+.tabset__tab__mobile-image{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-out;
    display:none
}
.tabset__tab.--active .tabset__tab__track:after{
    transform:scaleY(var(--tab-progress, 0%))
}
.tabset__tab.--active .tabset__tab__content{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-in;
    height:var(--tab-height, "auto") !important
}
.tabset__tab.--active .tabset__tab__chapter__title{
    color:#000
}
.tabset__tab.--active+.tabset__tab__mobile-image{
    animation-duration:500ms;
    animation-timing-function:cubic-bezier(0.65, 0, 0.35, 1);
    animation-iteration-count:1;
    animation-fill-mode:forwards;
    animation-direction:normal;
    animation-name:fade-in
}
.tabset__tab__track{
width: 7px;
    height: 100%;
    background: #eaeef2;
    overflow: hidden;
    border-radius: 3.5px;
}
[dir=ltr] .tabset__tab__track{
    position:absolute;
    top:0;
    left:-8px
}
[dir=rtl] .tabset__tab__track{
    position:absolute;
    top:0;
    right:-8px
}
@media(min-width: 1024px){

    [dir=rtl] .tabset__tab__track{
        left:auto;
        right:0
    }
}
.tabset__tab__track:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleY(0);
    transition: var(--tab-transition);  
    transform-origin: top center;
    background: #27ab7f;
    border-radius: 3.5px;
}
.tabset__tab__chapter__title{
    margin-bottom:16px;
    color:#525f6c
}
@media(max-width: calc(1024px - 1px)){
.tabset__tab__chapter__title {
    font-size: 18px; 
    line-height: 26px;
    font-weight: 800;
    padding-left: 80px;
    min-height: 65px;
    display: flex;
    align-items: center;
}
}
@media(min-width: 1024px){
    .tabset__tab__chapter__title{
        font-size: 24px;
    line-height: 1.33;
    min-height: 64px;
    font-weight: 800;
    padding-left: 80px;
    }
}
.tabset__tab__chapter__subtitle{
    color:#8b96a0
}
.tabset__tab.--active .tabset__tab__chapter__subtitle{
    color:#525f6c
}
@media(max-width: calc(1024px - 1px)){
    .tabset__tab__chapter__subtitle{
font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    }
}
@media(min-width: 1024px){
    .tabset__tab__chapter__subtitle{
font-size: 20px;
    font-weight: 500;
    line-height: 1.6;
    }
}
.tabset__tab__chapter__body{
    margin-top:8px;
    color:#202124
}
@media(max-width: calc(1024px - 1px)){
    .tabset__tab__chapter__body{
        font-size:14px;
        font-weight:400;
        line-height:24px
    }
}
@media(min-width: 1024px){
    .tabset__tab__chapter__body{
        font-size:16px;
        font-weight:400;
        line-height:24px
    }
}
.tabset__tab__chapter__body:last-child{
    margin-bottom:0
}
.tabset__tab__mobile-image{
    margin-left:calc(var(--grid-column-gap) * -1);
    margin-right:calc(var(--grid-column-gap) * -1);
    width:calc(100% + var(--grid-column-gap) * 2)
}
/*@media(max-width: calc(1024px - 1px)){
    .tabset__tab__mobile-image{
        margin-top:-36px
    }
}*/
@media(min-width: 1024px){
    .tabset__tab__mobile-image{
        display:none
    }
}
.tabset__tab__mobile-image__image{
    display:block
}
.tabset__tab__chapter__image{
    width:100%;
    height:auto
}
@media(min-width: 1024px){
    .tabset__tab__chapter__image{
        margin-top:24px
    }
}
.tabset__button{
    margin-top:24px
}
.tabset--image-min-width{
    --gap: 51px
}
.tabset--image-min-width .tabset__tabs{
    --grid-column-width: calc((min(100vw, 1600px) - (11 * var(--grid-column-gap))) / 12)
}
@media(min-width: 1024px){
    .tabset--image-min-width .tabset__tabs__images{
        grid-column-start:5;
        grid-column-end:span 15;

        justify-content:flex-start;
        grid-row:1
    }
    [dir=ltr] .tabset--image-min-width .tabset__tabs__images{
        margin-left:var(--gap)
    }
    [dir=rtl] .tabset--image-min-width .tabset__tabs__images{
        margin-right:var(--gap)
    }
}

@media(min-width: 1024px){
    .tabset--image-min-width .tabset__tabs__content{
        grid-row:1;
        padding:0
    }
    [dir=ltr] .tabset--image-min-width .tabset__tabs__content{
        margin-right:var(--grid-column-width)
    }
    [dir=rtl] .tabset--image-min-width .tabset__tabs__content{
        margin-left:var(--grid-column-width)
    }
}
@media(min-width: 1024px){
    .tabset--image-min-width.tabset--reverse .tabset__tabs__images{
        grid-column-start:1;
        grid-column-end:span 7;
        justify-content:flex-end
    }
    [dir=ltr] .tabset--image-min-width.tabset--reverse .tabset__tabs__images{
        margin-right:var(--gap);
        margin-left:0
    }
    [dir=rtl] .tabset--image-min-width.tabset--reverse .tabset__tabs__images{
        margin-right:0;
        margin-left:var(--gap)
    }
}
@media(min-width: 1024px){
    [dir=ltr] .tabset--image-min-width.tabset--reverse .tabset__tabs__content{
        margin-right:0;
        margin-left:var(--grid-column-width)
    }
    [dir=rtl] .tabset--image-min-width.tabset--reverse .tabset__tabs__content{
        margin-right:var(--grid-column-width);
        margin-left:0
    }
}
.tabset--image-min-width.tabset--gap-l{
    --gap: 94px
}
 @media (max-width: 1440px){
.tabset--image-min-width .tabset__tabs__images {
    grid-column-start: 6;
    grid-column-end: span 7;
}
}