.body-bg {
    background: rgb(255, 249, 244);
    background: linear-gradient(50deg, rgb(255, 237, 222) 0%, rgba(255, 255, 255, 0) 100%);
}


.h-thin {
    height: 3px;
}

.w-thin {
    width: 1px;
}

.z--10 {
    z-index: -100;
}

.z-100 {
    z-index: 900;
}

.opacity-10 {
    opacity: 0.08;
}

.rounded-br-semi {
    border-bottom-right-radius: 20px;
}

.rounded-xl {
    border-radius: 20px;
}

.shadow-xl {
    box-shadow: 0 30px 40px rgba(0, 0, 0, .07);
}

.section-title {
    top: 50px;
}

/* colors */
.text-pri {
    color: #FE5A34;
}

.text-pri-light {
    color: rgb(255, 127, 95);
}

.text-sec {
    color: #FABE00;
}

.text-sec-light {
    color: #FFF4D3;
}

/* bg */

.bg-pri {
    background: #FE5A34;
}

.border-pri {
    border: 1px solid#FE5A34;
}

.bg-pri-light {
    background: #ffebe6;
}

.bg-sec {
    background: #FABE00;
}

.bg-sec-light {
    background: rgb(255, 248, 229);
}

.dark-bg {
    background: #191C26;
}

.messages {
    top: 18px; 
    left: 16px;
}

.getting-started {
    top: 16px;
    right: 16px
}

.hero {
    height: 500px;
    overflow: hidden;
}

.hero-img {
    min-width: 500px;
}

/* fonts */
@media only screen and (min-width: 600px) {
    .hero-container {
        height: 700px;
        overflow-y: hidden;
    }

    .hero {
        height: auto;
        overflow: auto;
    }

    .hero-img {
        min-width: 900px;
    } 

    .messages {
        top: 22px;
        left: 30px;
    }

    .getting-started {
        top: 16px;
        right: 30px
    }
}
@media only screen and (min-width: 769px) {
    
    .hero-img {
        min-width: 900px;
    } 

    .messages {
        top: 22px;
        left: 30px;
    }

    .getting-started {
        top: 16px;
        right: 30px
    }
}