.counting {
    text-align: center;
    display: flex;
    justify-content: space-around;
    align-items: center;
    height: 20vh;
    border: 2px solid #c7a575;
}

.countingSizeNum {
    font-size: 6vw;
}

.countingSizehead {
    font-size: 1.7vw;
    top: -80px;
    position: relative;

}

.verticalLine {
    height: 10vh;
    border: 1px solid #c7a575;
}

*{
    /*margin: 0;*/
    /*padding: 0;*/
    font-family: 'Josefin Sans', sans-serif;
    /* font-family: 'inter','roboto';  */
    /* font-family: Arial, Helvetica, sans-serif; */
}

@media only screen and (max-width: 400px) {
    .countingSizehead {
        font-size: 3.5vw; 
        top: initial; /* Reset top positioning */
        position: static; /* Reset positioning to static */
        margin-top: 10px; /* Add some margin to separate from the numbers */
    }
}

.plus-sign {
    display: inline-block;
    margin-left: 5px; /* Adjust the spacing between the text and the plus sign */
    font-size: 1.5rem; /* Adjust the font size of the plus sign */
    color: #c7a575; /* Adjust the color of the plus sign */
}

/* Adjustments for smaller screens */
@media only screen and (max-width: 400px) {
    .plus-sign {
        font-size: 1.2rem; /* Adjust the font size for smaller screens */
    }
}