.banner h1,.banner p{
    color:#fff;
}
.sec1 .tab-control{
    display:flex;
    align-items:stretch;
    justify-content:flex-start;
    flex-direction:row;
    overflow-x:auto;
    border-bottom:1px solid #eaeaea;
}
.sec1 .tab-control a{
    text-align:center;
    border-right:1px solid #eaeaea;
    color:#333;
    width:12.5%;
    height:11.25em;
    padding-top:1.5em;
}
.sec1 .tab-control a:last-child{
    border-right:0 none;
}
.sec1 .tab-control a.active{
    background-color:var(--theme-purple);
    border-color:var(--theme-purple);
    color:#fff;
}
.sec1 .tab-control svg{
    height:4.5em;
    fill:var(--theme-purple);
}
.sec1 .tab-control a.active svg{
    fill:#fff;
}
.sec1 .tab-control p{
    font-size:1.5em;
    line-height:1.25;
}
.sec1 .inner{
    padding:9% 0;
}
.sec1 .list{
    margin-bottom:6.25%;
}
.sec1 .list a{
    display:block;
    border-bottom:1px solid #e0e0e0;
    padding:3em 2.25em;
    color:#333;
}
.sec1 .list a:first-child{
    border-top:1px solid #e0e0e0;
}
.sec1 .list h5{
    font-size:2em;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom:0.875em;
}
.sec1 .list p{
    font-size:1.25em;
    line-height:1.5;
    margin-bottom:1.6em;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.sec1 .btn{
    display:inline-block;
}
.sec1 .btn span{
    font-size:1.375em;
    margin-left:0.5em;
    vertical-align:middle;
}
.sec1 .btn i{
    vertical-align:middle;
    font-style:normal;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:1.25em;
    height:1.25em;
    border-radius:50%;
    border:2px solid #333;
}
.sec1 .btn i::before{
    font-family: 'FontAwesome400';
    content:'\f054';
    font-size:0.625em;
}
@media only screen and (min-width:1025px){
    .sec1 .tab-control a:hover{
        background-color:var(--theme-purple);
        border-color:var(--theme-purple);
        color:#fff;
    }
    .sec1 .tab-control a:hover svg{
        fill: #fff;
    }
    .sec1 .list a:hover{
        border-color:var(--theme-purple);
        color:var(--theme-purple);
    }
    .sec1 .list a:hover .btn i{
        border-color:var(--theme-purple);
    }
}
@media only screen and (max-width:1024px){
    .section{
        font-size:1.25em;
    }

    .sec1 .tab-control a{
        width:auto;
        padding-left:2em;
        padding-right:2em;
    }
    .sec1 .inner{
        padding:15% 0;
    }
    .sec1 .list{
        margin-bottom:10%;
    }
}