@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&display=swap');

:root {
    --blue: #d62520;
    --light-blue: #d9534f ;
    --dark: #092032;
    --gray: #516171;
    --green: #40c351;
    --light-green: #25d366;
    --gray-back: rgba(255, 255, 255, 0.3);
    --light-dark: rgba(0, 0, 0, 0.4);
    --light-blue-back: rgba(217, 83, 79, 0.85);
    --blacken: rgba(0, 0, 0, 0.8);
    --bc-gray-1: #f5f5f6;
    --bc-gray-2: #f7fafb;
    --white: #ffffff;
    --border: rgba(0,0,0,0.08);
    --shadow: rgba(0, 0, 0, 0.4) 0px 3px 8px;
    
}

body {
    font-family: "Barlow", sans-serif;
    color: var(--gray);
    line-height: 1.7;
}
a {
    text-decoration: none !important;
}
h1,h2,h3,h4,h5,h6,
.display-1,.display-2,.display-3,.display-4 {
    font-weight: 700 !important;
    color: var(--dark);
}
h2,h3,h4 {
    color: var(--blue) !important;
}
.form-control {
    padding: 12px !important;
}