.logImg {
    width: 157px;
    object-fit: contain;
    border-radius: 10px;
}

.modal1 {
    margin: 20px;
}

.modal1 .courseImg {
    width: 100%;
    object-fit: contain;
}

.modal2 {
    width: 95vw;
}

.blackLine {
    border: 3px solid rgb(66 85 164);
    background-color: rgb(66 85 164);
    border-radius: 10px;
}

.userLogoComment {
    width: 30px;
    object-fit: contain;
}

.fontSize {
    font-size: 1rem;
}

.inputCss {
    border: 2px solid gray;
    border-radius: 6px;
}

.hoverImageback1 {
    position: relative;
    width: 350px;
    height: auto;
}

.hoverImageback2 {
    position: absolute;
    top: 81%;
    left: 55%;
}

.homeImage {
    width: 100%;
    height: 100%;
}

/* animation number */
@property --num {
    syntax: "<integer>";
    initial-value: 100;
    inherits: false;
}

.divNumber {
    transition: --num 5s;
    counter-set: num var(--num);
    font: 800 40px system-ui;
}

.divNumber::after {
    content: counter(num);
}

.divNumber:hover {
    --num: 100;
}