.text-50-50 h3 { font-size: 28px; margin-bottom: 43px;}
.text-50-50 { font-size: 16px; line-height: 18px; padding-right: 18%; }
.text-50-50 p { margin-bottom: 18px; }
.text-50-50 .btn-box { margin-top: 43px; display: flex; }
.chart-50-50 { margin: 28px 0; background: var(--neutral); padding: 22px 28px 30px; letter-spacing: 0.16px; position: relative; }
.chart-50-50::before { position: absolute; display: block; content: ""; border-width: 210px 215px 0 0; border-color: transparent; border-style: solid; z-index: -9; top: -30px; border-top-color: var(--dark); left: -30px; }
.chart-50-50::after { position: absolute; display: block; content: ""; border-width: 0 0 95px 100px; border-color: transparent; border-style: solid; z-index: 9; bottom: -20px; border-bottom-color: var(--blue); right: -20px; }
.chart-50-50 h5 { font-size: 22px; margin-bottom: 20px; }
.chart-box-50-50 { margin-bottom: 24px; }

/* ========================================== 
! Large devices (desktops, less than 1200px)
=========================================== */
@media (max-width:1199.98px) {
    .cta-content { padding: 0px; }
}

/*==========================================
! Medium devices (tablets, less than 992px)
========================================== */
@media (max-width:991.98px) {
    .text-50-50 h3 { margin-bottom: 30px; font-size: 25px; }
    .text-50-50 { padding-right: 0; }
    .text-50-50 .btn-box { margin-top: 30px; }
  
    .chart-50-50::before { border-width: 150px 155px 0 0; top: -15px; left: -15px }
    .chart-50-50::after { border-width: 0 0 90px 95px; bottom: -15px; right: -15px }
   
}

/* =================================================  
 ! Small devices (landscape phones, less than 768px)
 ================================================= */
@media (max-width:767.98px) {
    .text-50-50 h3 { margin-bottom: 25px; font-size: 22px; }
    .btn-box { text-align: center; }
    .chart-50-50 { margin-top: 50px; }
     .text-50-50 .btn-box{flex-flow: column;}
      .btn-box .btn+.btn { margin-left: 0px; margin-top: 15px; }
}

/* ======================================================
 ! Extra small devices (portrait phones, less than 576px)
 ====================================================== */
@media (max-width:575.98px) {
    .btn-box .btn+.btn { margin-left: 0px; margin-top: 15px; }
    .text-50-50 .btn-box .btn { display: block; }
}