@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

:root {
    --primary: #1f4a7f;
    --secondary: #3fa9f5;
    --tertiary: #f9b233;
    --light-gray: #f5f7fa;
    --dark-gray: #5a6b7d;
    --white: #ffffff;
}

body{
    font-family: "Manrope", sans-serif;
    font-size: 16px;
}

body::-webkit-scrollbar{
    width: 5px;
}

body::-webkit-scrollbar-track{
    background: #f1f1f1;
}

body::-webkit-scrollbar-thumb{
    background: #888;
}

body::-webkit-scrollbar-thumb:hover{
    background: #555;
}

a{
    color: #005555;
    font-weight: 500;
}

a:hover, a:active{
    color: #069A8E;
}

a:active, a:link{
    text-decoration: none;
}

h1, h2, h3, .heading{
    font-weight: 700;
}

h1{
    font-weight: 800;
}


@media (min-width: 768px){
    
}

@media (min-width: 992px){
    
}

@media (min-width: 1200px){
    
}


@media (max-width: 480px){
    
}

@media (max-width: 767px){
    
}

@media (max-width: 991px){
    
}

@media (max-width: 1199px){
    
}