/*
fec22c		>>	#5fa7d9
fb9202		>>	#21408a
*/
section[data-cattype="231"]{
    padding: 0;
    text-align: left;
    background-image: linear-gradient(to right, #5fa7d9 0%, #5fa7d9 40%,#ffffff 41%, #ffffff 100%); 
}

section[data-cattype="231"] > .container{
    max-width: 1500px;
    width: 100%;
}


[data-cattype="231"] .panel-overview{
    display: flex;
    flex-wrap: wrap;
}


[data-cattype="231"] .panel-overview li:first-child{
    background-color: #5fa7d9;
    width: 44%;
    padding: 1.5% 1.8%;
}

[data-cattype="231"] li:first-child .heading{
    /* font-family: 'BreeSerifRegular'; */
    font-family: 'Public Sans', sans-serif;
    font-weight: 900;
    /* word-spacing: 3px; */
    color: #fff;
    margin: 10px 0 8px 0;
    line-height: 100%;
    font-size: 3em;
    position: sticky;
    top: 10vh;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33); 
}
[data-cattype="231"] li:first-child .heading .big{
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    line-height: 110%;
    letter-spacing: -1%;
}
[data-cattype="231"] li:first-child .heading .black{
    color: #000;
    text-shadow: none;
    /* text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.33); */
}


[data-cattype="231"] .panel-overview li:last-child{
    width: 56%;
    background: #fff;
    position: relative;
}    
[data-cattype="231"] .panel-overview li:last-child:before{
    display: inline-block;
    width: 200px;
    height: 180px;
    background-color: #5fa7d9;
    content: " ";
}

[data-cattype="231"] .wrapper_counter{
    display: inline-block;
    padding: 50px 80px;
    text-align: center;
    position: absolute;
    font-size: 20px;
}
[data-cattype="231"] .wrapper_counter .big-title{
    /* font-family: 'BreeSerifRegular'; */
    font-family: 'Public Sans', sans-serif;
    font-size: 50px;
}


[data-cattype="231"] .panel-overview li .content{
    padding: 6% 10%;
}



/* Typical laptop screen size*/
@media (max-width: 1400px) {

	[data-cattype="231"] .panel-overview li:first-child{
        padding-top: 0;
    }
    [data-cattype="231"] li:first-child .heading{
        margin-top: 0;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
	
}

/* Mobile screen size - landscape view */
@media (max-width: 767px) {
    
    section[data-cattype="231"]{
        background-image: none;
        margin-top: -1px;
    }

    [data-cattype="231"] .panel-overview li:first-child,
    [data-cattype="231"] .panel-overview li:last-child{
        width: 100%;
        padding: 50px 15px;
        position: relative;
    }

    [data-cattype="231"] .panel-overview li:first-child{
        padding-top: 30px;
    }

    [data-cattype="231"] li:first-child .heading{
        font-size: 30px;
    }
    [data-cattype="231"] li:first-child .heading .big{
        font-size: 50px;
    }

    [data-cattype="231"] .panel-overview li:last-child{
        background-color: transparent;
    }

    [data-cattype="231"] .panel-overview li:last-child:before{
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1;
        width: 150px;
        height: 130px;
        /* opacity: 0.6; */
    }

    [data-cattype="231"] .wrapper_counter{
        position: static;
        padding: 0 50px 30px 50px;
        line-height: 1.2;
    }
    [data-cattype="231"] .wrapper_counter .statement{
        display: block;
    }

    [data-cattype="231"] .panel-overview li .content{
        padding: 0 30px;
    }

    [data-cattype="231"] .panel-overview li:last-child::before {
        transform: rotate(45deg) translateY(-95px);
    }

}

/* Mobile screen size */
@media (max-width: 480px) {
      
    [data-cattype="231"] .panel-overview li .content{
        padding: 0 20px;
    }
    
}