.interactive-text-block{
    background:#1A3868;
    display:flex;
    flex-direction:column;
    align-items:center;
    position:relative;
}

.interactive-text-block .section-bg{
    aspect-ratio: 287 / 821;
    display:none;
    height:100%;
    position:absolute;
    right:0;
    top:0;
}

.interactive-text-block .gradientEnd{
    fill:#162b52;
}

.interactive-text-block .content-width{
    flex-direction:column;
    padding: 72px 0 0;
    position:relative;
}

.interactive-text-block .content-width .subtitle{
    color:#E8EBF0;
}

.interactive-text-block .content-width .subtitle .icon svg path{
    fill:#E8EBF0;
}

.interactive-text-block .half .desktop{
    display:none;
}

.interactive-text-block .half .mobile{
    display:flex;;
}

.interactive-text-block .subnav ul{
    display:flex;
    flex-direction:column;
}

.interactive-text-block .subnav ul li.subnav-btn{
    padding:14px;
}

.interactive-text-block .subnav ul li.subnav-btn:hover,
.interactive-text-block .subnav ul li.subnav-btn.selected{
    background:#17325E;
}

.interactive-text-block .subnav ul li.subnav-btn a.btn,
.interactive-text-block .subnav ul li.subnav-btn a.btn:active,
.interactive-text-block .subnav ul li.subnav-btn a.btn:visited{
    color:#A3AFC3;
    display:flex;
    justify-content:space-between;
    line-height:1.5;
}

.interactive-text-block .subnav ul li.subnav-btn:hover a.btn,
.interactive-text-block .subnav ul li.subnav-btn.selected a.btn{
    color:white;
}

.interactive-text-block .subnav ul li.subnav-btn a.btn .icon{
    opacity:0;
    transition:1200ms opacity;
}

.interactive-text-block .subnav ul li.subnav-btn:hover a.btn .icon,
.interactive-text-block .subnav ul li.subnav-btn.selected a.btn .icon{
    opacity:1;
    transition:250ms opacity;
}

.interactive-text-block .subnav ul li.subnav-btn a.btn .icon svg{
    transform:rotate(-90deg);
}

.interactive-text-block .subnav ul li.subnav-btn a.btn .icon svg path{
    fill:white;
}

.interactive-text-block .content-width:nth-child(3){
    padding: 48px 0 72px;
}

.interactive-text-block .content-width:nth-child(3) .bg{
    aspect-ratio: 287 / 821;
    height:100%;
    position:absolute;
    right:-35px;
    top:0;
}

.interactive-text-block .content-width:nth-child(3) .bg .gradientend-container{
    display:flex;
}

.interactive-text-block .content-width:nth-child(3) .viewer{
    position:relative;
}

.interactive-text-block .content-width:nth-child(3) .slide{
    display:flex;
    flex-direction:column;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition:250ms opacity;
}

.interactive-text-block .content-width:nth-child(3) .slide.selected{
    opacity:1;
}

.interactive-text-block .content-width:nth-child(3) .tallest-dummy .slide{
    opacity:0 !important;
    pointer-events:none;
    position:relative;
}

.interactive-text-block .content-width:nth-child(3) .slide .title h2{
    color:white;
    font-size:28px;
}

.interactive-text-block .content-width:nth-child(3) .slide .description {
    color:#E8EBF0;
    font-size:16px;
    margin-top:16px;
}

.interactive-text-block .content-width:nth-child(3) .slide .description p,
.interactive-text-block .content-width:nth-child(3) .slide .description ul,
.interactive-text-block .content-width:nth-child(3) .slide .description li{
    line-height:1.5;
    margin-bottom:10px;
}

.interactive-text-block .content-width:nth-child(3) .slide .description li{
    list-style-type:disc;
    margin-left:30px;
}

.interactive-text-block .content-width:nth-child(3) .slide .description h1,
.interactive-text-block .content-width:nth-child(3) .slide .description h2,
.interactive-text-block .content-width:nth-child(3) .slide .description h3,
.interactive-text-block .content-width:nth-child(3) .slide .description h4{
    font-family: "Jost", sans-serif;
    font-weight:400;
}

.interactive-text-block .content-width:nth-child(3) .slide .description h2{
    font-size:22px;
}

.interactive-text-block .content-width:nth-child(3) .slide .description hr{
    opacity:0.6;
}

.interactive-text-block .content-width:nth-child(3) .slide .description a,
.interactive-text-block .content-width:nth-child(3) .slide .description a:visited,
.interactive-text-block .content-width:nth-child(3) .slide .description a:active{
	color:#1A3868;
}

@media screen and (min-width:768px){
    
}

@media screen and (min-width:850px){

	.interactive-text-block .content-width:nth-child(3) .slide .description a:hover{
		color:#D51920;
	}
	
    .interactive-text-block{
        align-items:flex-start;
        flex-direction:row;
        gap:63px;
        justify-content:center;
    }

    .interactive-text-block .section-bg{
        display:flex;
    }

    .interactive-text-block .content-width{
        padding: 112px 0 80px;
        width:376px;
    }

    .interactive-text-block .content-width .subnav .subnav-btn a{
        align-items:center;
        gap:30px;
        padding:14px;
    }

    .interactive-text-block .subnav ul li.subnav-btn a.btn .icon svg{
        transform:none;
    }

    .interactive-text-block .subnav ul li.subnav-btn a.btn,
    .interactive-text-block .subnav ul li.subnav-btn a.btn:active,
    .interactive-text-block .subnav ul li.subnav-btn a.btn:visited{
        font-size:22px;
    }

    .interactive-text-block .content-width:nth-child(3){
        flex:1;
        max-width: 853px;
        padding:112px 35px 112px 0;
        width:auto;
    }

    .interactive-text-block .right-container{
        padding:0 48px;
        max-width:672px;
    }

    .interactive-text-block .content-width:nth-child(3) .bg{
        display:none;
    }

    .interactive-text-block .half .desktop{
        display:flex;
    }

    .interactive-text-block .half .mobile{
        display:none;
    }

    .interactive-text-block .content-width:nth-child(3) .slide .title h2{
        font-size:32px;
    }

    .interactive-text-block .content-width:nth-child(3) .slide .description {
        font-size:18px;
    }
    
}

@media screen and (min-width:1440px){

    .interactive-text-block .content-width .subnav .subnav-btn a{
        padding:14px 49px 14px 49px;

    }
}