.counter-ul
{
    display:flex;
    flex-wrap:wrap;
    gap:140px;

    .counter-li{
        width:calc(25% - 105px);

        .c-info{
          font-size:18px;
          line-height:24px;  
        }
    }
    .c-number{
        color: var(--primary-blue);
        font-family: var(--font-head-family);
        font-size: 30px;
        line-height: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        margin-bottom:20px;
        .pls{
           font-size:70px; 
									line-height:0.7;
        }
    }
    .counter-value{
        
        font-size:60px;
        line-height:1;
    }
			.counter-percent{
					color: var(--primary-blue);
					font-family: var(--font-head-family);
					font-size: 30px;
					display: flex;
					flex-wrap: wrap;
					align-items: flex-end;
					margin-bottom: 0;
				line-height:1.02;
		}
	.counter-percent.counter-plus{
		    font-size: 70px;
    line-height: 0.7;
	}
}

/*------- media ------*/

@media(max-width:1599.98px) {

}

@media(max-width:1439.98px) {
 .counter-ul{
    gap:80px;
     .counter-li {
      width: calc(25% - 60px);
    }
 }
   
}

@media(max-width:1199.98px) {
    .counter-ul{
         gap:40px;
        .counter-li {
        width: calc(25% - 30px);
        }
    }
}

@media(max-width:991.98px) {
     .counter-ul{
         gap:20px;
        .counter-li {
            width: calc(25% - 15px);
            .c-info{
                font-size:16px;
                line-height:22px;
            }
        }
        .counter-value{
            font-size:44px;
        }
        .c-number{
            font-size:14px;
            .pls{
                font-size:44px;
													                line-height: 0.7;
            }
        }
						.counter-percent{
							        font-size: 20px;
						}
						.counter-percent.counter-plus{
							font-size:44px;
							line-height:0.7;
						}
    }
}

@media(max-width:767.98px) {
    .counter-ul {
        .counter-li {
            width: calc(50% - 10px);
        }
    }
}

@media(max-width:575.98px) {
    .counter-ul {
        gap:10px;
        row-gap:20px;
        .counter-li {
            width: calc(50% - 5px);
        }
        .c-number {
            font-size:14px;
            margin-bottom:12px;
            .pls {
                font-size:36px;
            }
        }
        .counter-value {
            font-size: 36px;
        }
					        .counter-percent {
            font-size: 18px;
        }
					        .counter-percent.counter-plus {
            font-size: 36px;
            line-height: 0.7;
        }
    }
}