#ldn-top {
    height: 80vh;
    background-color: var(--bg-grey);
    padding: 0 15%;
    display: grid;
    grid-template-columns: 1fr 1fr;
}

#ldn-top h1 {
    padding-top: 25vh;
    color: #fff;
    font-weight: 400;
    letter-spacing: 0px;
    font-size: 50px;
}

#ldn-top p {
    color: rgb(152, 152, 152);
    font-weight: 300;
    letter-spacing: 0px;
    font-size: 18px;
}
#ldn-top button {
    background-color: var(--primary-purple);
    color: #fff;
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    font-size: 18px;
    margin-top: 50px;
    width: 200px;
    cursor: pointer;
    text-align: center;
    transition-duration: .3s;
}
#ldn-top button:hover {
    color: var(--secondary-purple);
    transition-duration: .3s;
}
#ldn-top button i {
    padding-right: 0 !important;
    font-size: 18px !important;
}

#ldn-top :first-child {
    padding-right: 11%;
}

#stats {
     background-color: var(--bg-light-grey);
     height: 15vh;
     display: grid;
     grid-template-columns: repeat(4, 1fr);
     padding: 0 15%;
}

#stats div {
    text-align: center;
    margin-top: 5vh;
}

#stats div h4 {
    font-size: 2vh;
    font-weight: 700;
    color: var(--font-grey);
}

#stats div h4 i {
    font-size: 1.8vh;
    padding-right: 10px;
}

#stats div h5:first-child {
    padding-left: 10px;

}
#stats div h5 {
    font-size: 1.5vh;   
    color: var(--font-grey);
   text-align: center;
   padding-left: 15px;
}

#intro .intro-element {
    padding: 0 15%;
    display: grid;
    gap: 7vw;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 15vh;
    margin-top: 50px;

}
.intro-image i {
    font-size: 200px;
    margin: 0 1vw;
    color: var(--primary-blue);
}

#intro .intro-element h2 {
    margin-bottom: 5px;
    font-size: 31px;
    letter-spacing: 1px;
}

#intro .intro-element p {
    font-size: 18px;
}

#how-used {
    padding: 2vh 20% !important;
    display: grid; 
    grid-template-columns: 1fr 2fr;
    color: #fff;
}

#how-used h2 {
    font-weight: 500;
    border-right: 1px solid #fff;
    padding-top: 40px;
}

#how-used .grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    padding-left: 50px;
    gap: 15px
}

#how-used .grid div  {
    text-align: center;
    background-color: var(--bg-white);
    border-radius: 7px;
    cursor: pointer;
    padding: 2vh 1vh;
}

#how-used .grid div i {
    color: var(--primary-blue);
    font-size: 40px;
}

#how-used .grid div h5 {
    margin-top: 10px;
    font-size: 12px;
    color: var(--font-grey);
}