@import url(./variables.css);

::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: var(--secondary-color);
    border-radius: 0;
}

h1,
h2,
h3,
h4 {
    font-family: var(--angsans-regular) !important;
}

h1{
    font-size: 4.5rem !important ;
}
h2{
    font-size: 3.1rem !important ;
    text-transform: uppercase;
}
h3{
    font-size: 2rem !important ;
}
p{
    font-size: 1.3rem !important;
}

@media only screen and (max-width: 1024px) {
    h1{
        font-size: 2.9rem !important ;
    }
    h2{
        font-size: 2.8rem !important ;
    }
    h3{
        font-size: 1.7rem !important ;
    }
    p {
        font-size: 1.2rem !important;
    }
    
}
@media only screen and (max-width: 768px) {
    h1{
        font-size: 2.7rem !important ;
    }
    h2{
        font-size: 2.4rem !important ;
    }
    /* h3{
        font-size: 1.1rem !important ;
    } */
    p {
        font-size: 1.15rem !important;
    }
    .wpb_tabs_nav .tab-item a{
        width: 300px;
        text-align: left;
    }
    
}


h4,
h5,
h6,
p {
    font-family: var(--aptos-light) !important;
    /* text-align: justify; */
}

p{
    padding-bottom: 5px !important;
    
}
textarea{
    height: 100px !important;
}