.countit { margin: 35px auto; display: block !important; }

.countit .ccm-layout,
.countit .ccm-layout-column-wrapper { display: flex !important; flex-wrap: wrap !important; }

.countit .ccm-layout-column { 
background: #ededed; display: flex !important;     flex: unset !important;
    flex-grow: 1 !important; -moz-border-radius: 0 50px 50px 50px; border-radius: 0 50px 50px 50px; }

.countit .ccm-layout-column:before/*,
.countit .ccm-layout-column:after*/ { position: relative; left: 0px; box-sizing: content-box; }

.countit .ccm-layout-column:before {
font-size: 2rem;
line-height: 1;
display: inline-block;
text-align: center;
counter-increment: section;
content: counters(section,"") /*"."*/;
color: #fff;
background: #775faa;
 z-index:0; 
 top: 0; left: 0; 
-moz-border-radius: 0 50px 50px 50px;
border-radius: 0 50px 50px 50px;
width: min-content;
height: min-content;
padding: 10px 18px;
font-weight: bold;
font-variation-settings: "wdth" 100, "wght" 600;
}

.countit .ccm-layout-column .ccm-layout-column-inner { margin: 0 !important; padding: 0 !important; }

.countit .ccm-layout-column .cntbxwrp { /*flex: 1;*/ }
.countit .ccm-layout-column .padditbx { padding-left: 25px; }

/*.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }
.countit .ccm-layout-column:nth-child(even):before { bottom: 0; }

.countit .ccm-layout-column:after { 
content: ''; height: -webkit-fill-available;
border-left: 1px solid #b88014; padding: 0; left: 20px; }

.countit .ccm-layout-column:nth-child(odd):after { top: 38px;  }
.countit .ccm-layout-column:nth-child(even):after { bottom: 38px; }*/

@media screen and (max-width: 1000px)
{
.countit .ccm-layout-column { padding: 8%; flex-basis: 100%; margin: 15px 2% !important; width: -webkit-fill-available !important; }
.countit .ccm-layout-column:nth-child(odd):before { top: 0;  }
.countit .ccm-layout-column:nth-child(even):before { top: 0; }	
/*.countit .ccm-layout-column:nth-child(odd):after { top: 38px; bottom: inherit; }
.countit .ccm-layout-column:nth-child(even):after { top: 38px; bottom: inherit;  }*/

}
@media screen and (min-width: 1000px)
{
.countit .halfhalf-layout .half-half { width: 40% !important;  }
.countit .ccm-layout-column { padding: 2%; flex-basis: 42% !important; width: auto !important; margin: 15px 2% !important;}
}