:root {
     --primary-color: #A9601F;
     --secondary-color: #59595B;
     --white: #FFFFFF;
     --black: #000000;
 }


 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');
 @import 'bootstrap/dist/css/bootstrap.min.css';
 @import 'bootstrap-icons/font/bootstrap-icons.css';

 * {
     margin: 0;
     padding: 0;
     box-sizing: border-box;
     font-family: 'Montserrat', sans-serif;
 }

 body {
     padding: 0;
     margin: 0 !important;
     font-weight: 400;
     line-height: 1.5;
     overflow-x: hidden;
     font-family: 'Montserrat', sans-serif;

 }
.text-primary{
    color: var(--primary-color) !important;
}
.text-secondary{
    color: var(--secondary-color) !important;
}
.text-light{
    color: var(--white) !important;
}
.text-dark{
    color: var(--black) !important;
}

.btn-primary {
    background-color: var(--primary-color);
    border: none;
    color: var(--white);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.btn-primary:hover {
    background-color: #8c501c;
    color: var(--white);
}
.btn-secondary {
    background-color: var(--secondary-color);
    border: none;
    color: var(--white);
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}

.btn-secondary:hover {
    background-color: var(--primary-color);
    color: var(--white);
}

.bg-primary{
    background-color: var(--primary-color) !important;
}

.bg-secondary{
    background-color: var(--secondary-color) !important;
}