@import url("./hero.css");
@import url("./header.css");
@import url("./aboutUs.css");
@import url("./services.css");
@import url("./projects.css");
@import url("./testimonials.css");
@import url("./footer.css");
@import url("./contact.css");
@import url("./form.css");
@import url("./slider.css");
@import url("./advise.css");
@import url("./modal.css");


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700&family=Roboto:wght@100&display=swap');


:root{
    --blue : #009CCC;
    --primaryLight: #D7F5FE;
    --primaryDark: #005875;
    --acentColor: #FFC539;
    --greyMain: #828386;
    --accentColorTwoLight:#D9D9DA;
    --black: #1d1d1d;
    --white: #ffffff;
    --grey: #bdbdbd;
    --ligthGrey: #f5f5f5;
    --darkGrey: #161921;
    --titleSize: 3rem;
    --subtitleSize : 2rem;
    --textSize: 1.3rem;
    --smallText: 1rem;
    --textHeaderSize: 1.1rem;
    --textFooter: 0.9rem
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Inter';
}
html{
    scroll-behavior: smooth;
}
body{
    background-color: var(--white);
}
a{
    text-decoration: none;

}
.myBtn{
    padding: 1rem;
    font-size: var(--textSize);
    border-radius: 5px;
    color: var(--white);
    border: 2px solid var(--white);
    letter-spacing: 1px;
    font-weight: bold;
    transition: all ease .5s;
    width: 250px;
    text-align: center;
}
.myBtn:hover{
    background-color: var(--blue);
    border-color: var(--blue);
    color: var(--white);
}
.is-black{
    background-color: var(--black);
}
@media (max-width: 600px) {
    h2{
        font-size: 1.5rem !important;
    }
}