@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,500;1,400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,500;0,600;0,700;0,800;0,900;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap');
:root {
    --primary-color:#00aeeb;
    --button-color:#ec1c22;
    --hover-color:#080808;

}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
    font-family: 'Roboto', sans-serif;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
}

.imp-conatainer{
    width: 100%;
    min-height: 100vh;
    padding: 2rem;
    background-color: #fafafa;
}
.chead{
    font-size: 4.5rem;
    color: var(--button-color);
    text-align: center;
    margin: 5vw 3vw 0;
    font-family: "Lora";
    font-style: italic;
    font-weight: 600;
}
.chead span{
    color: var(--text-blue);
    font-weight: 600;
}
.imp-page{
    margin: 4vw auto;
    width: 100%;
    max-width: 970px;
    font-size: 2rem;
    font-family:'Poppins';
}    

.imp-page h2{
    font-size: 3.2rem;
    font-weight: 400;
    margin-top: 2.5rem;
}
.imp-page h3{
    font-size: 2.8rem;
    font-weight: 400;
    margin-top: 2.5rem;
}
.imp-page p{
    font-family: "Mulish";
    margin-top:2rem ;
    line-height: 1.4;
}
.imp-page ul{
    margin-top: 1.3rem;
}
.imp-page ul li i{
    color: var(--text-blue);
    padding-right: 10px;
}
.imp-page ul li{
    font-size: 19px;
    font-family: "Mulish";
    font-weight: bold;
    line-height: 1.6;
}
@media (max-width: 480px) {
    .chead{
        font-size: 4.2rem;
        line-height: 4.2rem;
        margin: 12vw 2vw 8vw;
    }
    .imp-page p{
        font-size: 1.8rem;
    }
    .imp-page h2{
        font-size: 3rem;
    }
    .imp-page h3{
        font-size: 2.6rem;
    }
    .imp-page ul li{
        font-size: 18px;
    }
}