.dark .toc > ul li:after{  
    background: var(--color-green-2);
}
.toc > ul li:after{  
    content: '';
    height: .4em;
    width: .4em;
    background: var(--color-green-6);
    display: block;
    position: absolute;
    transform: rotate(45deg);
    top: .4em;
    left: 0.2em;
}
.toc > ul{
  font-family: monospace;
  font-size: 2em;
  list-style: none;
  margin-top: 0 !important;
  margin: 2em;
  padding: 0;
  
}
.toc > ul li{
    margin: 0;
    margin-bottom: 0.8em;
    padding-left: 1.5em;
    position: relative;
}

.toc small {
    font-size: 0.8em;
    color:var(--color-dark);
    display: block;
    padding-left: 1em;
    margin-bottom: 0 !important;
}

.dark .toc small {
    color:var(--color-white);   
}


.blog-ender-outer .share-outer .btns .share-btn{
    height:42px;
    width:72px;
    background-color: transparent;
    border-radius: 12px;
    padding:6px;
    font-size: 24px;        
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: none;    
}
.blog-ender-outer .share-outer .btns .share-btn:hover{
    cursor: pointer;
    background-color: var(--color-green-3);
}

.comparison-table{
    padding:1em;
    width: max-content;
    max-width: 90%;
    border-collapse: collapse;    
    
}
.comparison-table tbody > tr{
    height:3em;    
}
.comparison-table td{
    border:1px solid var(--color-dark);
    padding:0.5em;
    max-width:20em;
}

.comparison-table tbody > tr > td:nth-child(1){
    padding-right: 10px;
}
.comparison-table thead >tr>th:not(:first-child){
    border:1px solid var(--color-dark);
    height:3em;    
    text-align: center !important;
}
.dark  .comparison-table thead >tr>th:not(:first-child), .dark .comparison-table td{
    border:1px solid var(--color-white);
}



:root{
    --sc-w:min(calc(940px / 6 + 5px), calc(100vw * 0.6 / 6 + 5px));
    --sc-sw: calc(var(--sc-w) - 25px);
    --sc-cw: calc(var(--sc-w) - 5px);
    --sc-fs:min(24px, calc(15px + 0.15vw));
}

@media screen and (max-width:500px) {
    :root{
        --sc-w:180px;      
        --sc-fs: 28px;
        
    }
.step-circles{
flex-wrap: wrap;
}
}
@media screen and (min-width: 500px) and (max-width:800px) {
    :root{
        --sc-w:min(calc(940px / 6 + 5px), calc(100vw * 0.95 / 6 + 5px));        
    }
}
@media only screen and (min-width: 800px) {
    :root{
        --sc-w:min(calc(940px / 6 + 5px), calc(100vw * 0.8 / 6 + 5px));        
    }
}
@media only screen and (min-width: 992px) {
    :root{
        --sc-w:min(calc(940px / 6 + 5px), calc(100vw * 0.6 / 6 + 5px));        
    }
}

.step-circle .circle{
    background-color: rgba(0, 94, 61, 1);   
    width: var(--sc-cw);
    height:  var(--sc-cw);
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    box-shadow: 0px 0px 20px 2px rgba(67, 175, 121, 0.75) inset;

}

.step-circle span{       
    font-size: var(--sc-fs);
    font-weight: 700;  
    letter-spacing: 0em;
    text-align: center;
    color: rgba(255, 255, 255, 1);    
    width: var(--sc-sw);    
    
    }


.step-circle{    
    width: var(--sc-w);
    height: var(--sc-w);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}