body .flex.listing.additional .card {
    height: 330px !important;
}

body .flex.listing.additional .card .thumbnail {
    height: 310px !important;clip-path: polygon(0 0, 100% 0%, 100% 85%, 0% 100%) !important;
}
@media (min-width: 900px) and (max-width: 1300px) {
    .flex.listing .card .thumbnail {
        height: 280px;
    }
}

@media (max-width: 767px) {
     body .flex.listing.additional .card .thumbnail {
        height: 270px !important;
        clip-path: polygon(0 0, 100% 0%, 100% 78%, 0% 90%);
    }
}

body .flex.listing.additional .card .title span:after{display:none}



body .flex.listing.additional .card:hover .title .icon {
    background-color: #fff;
}


 body .flex.listing.additional .card .title span {
    font-size: 1.5rem;font-weight:400;
}
.flex.listing.additional .card .title span:before {
 display:none;
}
body .flex.listing.additional .card .title{background-color:white;    clip-path: polygon(0 21%, 100% 0%, 100% 100%, 0% 100%);}

body .flex.listing.additional .card .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 66px;
    width: 20px;
    height: 94px;
    bottom: auto;
    z-index: 1;
    clip-path: none;
}
    body .flex.listing.additional .card:hover .title:before {
    width: 100%;
    top: 0;
    height: 100%;
}
.flex.listing.additional .card .title .icon {z-index:9999}


 body .flex.listing.additional .card .title:before {
    background-color: #43973D;
}
@media (min-width: 768px) {
body .flex.listing.additional .card .title {
height: 215px;


    padding: 66px 30px 55px 30px;

}
body .flex.listing.additional .card .title:before {
    content: "";
    position: absolute;
    left: 0;
    top: 66px;
    width: 20px;
    height: 94px;
    bottom: auto;
    z-index: 1;
    clip-path: none;
}

}

@media (min-width: 768px) and (max-width: 1023px) {
    body .flex.listing.additional .card .title span {
        font-size: 1.375rem;
    }
}




@media (max-width: 767px) {
    body .flex.listing.additional .card .title {
        padding: 55px 25px 45px 35px;
        height: 155px;
}

}

@media (max-width: 767px) {
    body .flex.listing.additional .card .title:before{
        top: 55px;
        height: 57px;
    }
}


body .flex.listing .card .title:before
{ 
    -webkit-transition: background-color, 0.2s ease-in-out;
    -moz-transition: background-color, 0.2s ease-in-out;
    -ms-transition: background-color, 0.2s ease-in-out;
    -o-transition: background-color, 0.2s ease-in-out;
    transition: background-color, 0.2s ease-in-out;
}

body .flex.listing.additional .card .shadow {
    position: absolute;
    bottom: 0;
    left: 40px;
    right: 40px;
    width: auto;
    height: 215px;
    box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.2);
}


body .flex.listing.additional .card .shadow {
    left: 20px;
    right: 20px;
}



@media (max-width: 767px) {
body .flex.listing.additional .card .title span
{
        font-size: 1.125rem;
    }
}




@media (max-width: 599px) 
{
body .flex.listing.additional .card {
    height: 290px !important;
}
}
body.explore-esc-landing #mainContent {
    padding-bottom: 140px;
    clip-path: none;
}
@media (max-width: 599px) 
{
body.explore-esc-landing #mainContent {
    padding-bottom: 110px;
    clip-path: none;
}}








 body.colour-scheme-higher-education .flex.listing.additional .card .title:before {
    background-color: #2B863F;
}
body.colour-scheme-higher-education .card .title:before {
    background-color: #2B863F;
}
body.colour-scheme-higher-education .card .title .icon i {
    color: #2B863F;
}


 body.colour-scheme-adults .flex.listing.additional .card .title:before {
    background-color: #9D27B4;
}
body.colour-scheme-adults .card .title:before {
    background-color: #9D27B4;
}
body.colour-scheme-adults .card .title .icon i {
    color: #9D27B4;
}


 body.colour-scheme-send .flex.listing.additional .card .title:before {
    background-color: #A50235;
}
body.colour-scheme-send .card .title:before {
    background-color: #A50235;
}
body.colour-scheme-send .card .title .icon i {
    color: #A50235;
}


 body.colour-scheme-apprenticeships .flex.listing.additional .card .title:before {
    background-color: #0093C7;
}
body.colour-scheme-apprenticeships .card .title:before {
    background-color: #0093C7;
}
body.colour-scheme-apprenticeships .card .title .icon i {
    color: #0093C7;
}


 body.colour-scheme-employers .flex.listing.additional .card .title:before {
    background-color: #004183;
}
body.colour-scheme-employers .card .title:before {
    background-color: #004183;
}
body.colour-scheme-employers .card .title .icon i {
    color: #004183;
}

@media (min-width: 600px) and (max-width: 1100px) 
{
body .flex.listing.additional .card {
    height: 330px !important;
}

 body .flex.listing.additional .card .thumbnail {
        height: 300px !important;
    }

}

.hasSidebar .flex.listing .card,
.hasSidebar .flex.listing.additional .card {
    flex: 0 0 32.3944%;
}

@media (min-width: 1024px) and (max-width: 1400px) {
    .hasSidebar .flex.listing .card,
    .hasSidebar .flex.listing.additional .card {
        flex: 0 0 49%;
    }
}

@media (min-width: 600px) and (max-width: 900px) {
    .hasSidebar .flex.listing .card,
    .hasSidebar .flex.listing.additional .card {
        flex: 0 0 49%;
    }
}

@media (max-width: 600px) {
   .hasSidebar .flex.listing .card,
   .hasSidebar .flex.listing.additional .card {
        flex: 0 0 100%;
    }
}