.report-list { width: calc(100% + 30px); margin-left: -15px; margin-bottom: -20px; }
.report-list > li {padding: 15px 15px;width: 50%;margin-bottom: 20px;}
.report-box { background: #fff; padding: 20px 24px; min-height: 378px; height: 100%;}
.report-heading h6 { line-height: 26px; margin-bottom: 0; }
.report-heading { margin-bottom: 24px; }
.report-details {display: flex;width: 100%;flex-wrap: wrap;padding-top: 57px;}
.report-details > .report-details-box { width: 33.33%; padding-right: 10px; }
.report-details-box > h3{font-size: 28px;font-weight: 700;display: block;margin-bottom: 39px;}
.report-details-list > li { font-size: 22px; line-height: 24px; position: relative; }
/*The right chevron is not perfectly mirrored when doing 90deg and -90deg rotations*/
.report-indecator { position: absolute; right: 0px; top: 0; transform: translateX(-2px) rotate(-90deg); }
.report-indecator.down { transform: rotate(90deg); }
.report-indecator > svg { fill: var(--green); }
.report-indecator.down > svg { fill: var(--blue); }
.report-details-list li + li{ margin-top: 9px; }
/*.report-details-list > li + li { padding-right: 45px; }
.no-pad .report-details-list > li + li{padding-right: 0;}*/
.report-box.type2 {
    padding: 16px 20px;
}
.type2 .report-details { padding-top: 47px; }
.type2 .report-details-box > h3 {font-size: 26px; margin-bottom: 32px;}
.type2 .report-details-list > li { font-size: 17px; }
.report-info{padding: 10px 20px;}

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width: 1199.98px){
.report-box { padding: 15px; min-height: 300px; }
.report-list > li {padding: 15px 15px;}
.report-heading { margin-bottom: 15px; }
.report-heading h6 { font-size: 18px; line-height: 22px;}
.report-details { padding-top: 30px; }
.report-details-box > h3 { font-size: 22px; margin-bottom: 25px; }
.report-details-list > li { font-size: 16px;line-height: 20px;}
.report-indecator { font-size: 28px; }
.report-box.type2 {padding: 16px 20px;}
.type2 .report-details { padding-top: 30px; }
.type2 .report-details-box > h3 {font-size: 22px; margin-bottom: 25px;}
.type2 .report-details-list > li { font-size: 14px; margin-bottom: 5px; }
.type2 .report-details-list > li:last-child{margin-bottom: 0;}
}

 
/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width: 991.98px){
.heading { padding-top: 15px; }
.heading h3 { font-size: 27px; }
.report-list > li { width:100%;}
.report-info p { font-size: 14px; }
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
.heading { padding-top: 10px; }
.report-details > .report-details-box { width: 100%; padding: 0;}
.report-details-box > h3, .type2 .report-details-box > h3{ margin-bottom: 15px; }
.report-details > .report-details-box + .report-details-box { margin-top: 25px; }
.report-details-list li + li { margin-top: 0px; }
.report-box, .report-box.type2 { padding: 25px 15px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) {
}