@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

:root{
    --dark-red:#A81B21;
    --light-red:#F9EFEE;
    --dark-gray:#424242;
    --light-gray:#868686;
    --space: 80px;
     --line-border-fill: #3498db;
  --line-border-empty: #e0e0e0;

}
body{
      font-family: "Poppins", sans-serif;
}


.text-red{
    color: var(--dark-red) !important;
}

.space{
    padding-top: var(--space);
    padding-bottom: var(--space);

}
.top-space{
    padding-top: var(--space);
}

.bottom-space{
    padding-bottom: var(--space);
}

.light-bg{
    background-color: var(--light-red);
}

.dark-bg{
    background-color: var(--dark-red);
}

.light-gray{
    background-color: var(--light-gray);
}
.dark-gray{
    background-color: var(--dark-gray);
}


.dark-btn {
    padding: 10px 15px;
    background-color: var(--dark-red);
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    border-radius: 40px;
    border: none;
    text-decoration: none;
    font-size: 15px;
}
.light-btn {
    padding: 10px 20px;
    text-decoration: none;
    background-color: var(--light-gray);
    color: white;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 40px;
    border: none;
}
.title{
    font-size: 42px;
    font-weight: 100;
    text-transform: uppercase;
    margin: 25px 0;
    text-align: center;

}

@media only screen and (max-width:767px){
    
    .spacing{
        padding-top: 40px;
        padding-bottom: 40px;
    }
}