:root {
    --main-color: #DB893E;
    --dark-color: #3F2917;
    --light-gray: #F0EBE6;
    --dark-gray: #DBCDC1;
    --light-brown:   #B59981
}


* {
    font-family: 'Poppins', sans-serif;
}

footer {
    background-color: var(--dark-color);
}

.accent{
    color: var(--main-color);
}

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

.fw-regular{
    font-weight: 300;
}

.fw-semibold{
    font-weight: 500 !important;
}

.first-bg {
    background-image: url('../assets/first-bg.png');
    background-color: var(--main-color);
    min-height: 500px;
    background-position: center;
}

.section-heading{
    position: relative;
    color: var(--dark-color);
    font-weight: 600 !important;
}

.section-heading::after{
    content: '';
    position: absolute;
    width: 68px;
    border-radius: 50px;
    height: 8px;
    background-color: var(--main-color);
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 33px;

}

.numbered > h1 {
    color: var(--light-brown);
}

.numbered {
    
    width: 150px;
} 

.btn{
    background-color:  var(--main-color);
    padding: 11px 60px;
    border-radius: 10px;
}

.btn:hover{
    transform: translate(0, -5px);
    background-color: var(--main-color);
    transition: all 200ms;
    -webkit-box-shadow: 10px 10px 36px -25px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 36px -25px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 36px -25px rgba(0,0,0,0.75);
}

.btn:not(:hover){
    transform: translate(0, 0px);
    transition: all 200ms;
    background-color: #e39349;

}

@media (max-width:768px) {
    .main-featured-img{
        max-width: 154px;
    }

    .numbered {
        margin-bottom: 20px;
    }
}