.terms{
    padding: 4vw 10vw
}

.terms .row{
    display: flex;
    flex-direction: column;
    gap: 1vw;
    align-items: start;
}

.terms .row h1{
    font-size: 3vw;
    font-weight: 700;
    color: var(--blue);
    text-align: center;
}

.terms .row p{
    font-size: 1.2vw;
    color: var(--grey);
    text-align: left;
}

.terms .row h2{
    font-size: 1.4vw;
    font-weight: 700;
    color: var(--blue);
    text-align: left;
}

.terms .row a{
    font-size: 1.2vw;
    color: var(--grey);
    transition: all .5s ease;
    font-weight: 600;
}

.terms .row a{
    color: var(--grey);
    font-weight: 600;
    
}
.terms .row a:hover{
    color: var(--blueLight);
}

.terms .row ul{
    font-size: 1.2vw;
   padding-left: 2.5vw;
   color: var(--grey);
}



@media (max-width: 996px) {
    .terms .row ul{
        padding-left: 6vw;
        font-size: 4vw;
    }
    .terms{
        padding: 6vw 6vw 12vw 6vw;
    }
    .terms .row{
        gap: 3vw;
        width: 100%;
    }
    .terms .row h1{
        font-size: 6vw;
    }
    .terms .row p{
        font-size: 4vw;
    }
    .terms .row h2{
        font-size: 5.5vw;
    }
    .terms .row a{
        font-size: 4vw;
    }
    
}