:root{
    --primary-text-color:#F7941D;
    --secondary-text-color:#262262;
    --color-text-white:#fff;
    --color-text-black:#000;
    --color-text-pink:#FF00BB;
    --color-text-green:#00A724;
    --primary-bg-color:#F7941D;
    --primary-bg-light-color: rgba(255, 232, 205, 0.3);
    --secondary-bg-color:#262262;
    --secondary-bg-light-color: rgba(38, 34, 98, 0.07);
    --light-bg-gray-color:#F5F5F5;
    --color-bg-white:#fff;
    --color-bg-black:#000;
    --color-bg-green:#00A724;
    --heading-font: 'Roboto Slab', sans-serif;
    --content-font:'Inter', sans-serif;
    --text-gray-color:#828282;
    --text-gray-dark:#454545;
    --rounded-5:.5rem;
    --rounded-8:.8rem;
    --rounded-10:1rem;
    --rounded-circle:50%;
}
/*-- Btn --*/
.btn{
    padding: 1rem 2rem;
    background: var(--color-bg-white);
    border-color: var(--color-bg-white);
    color: var(--secondary-text-color);
    font-family: var(--heading-font);
    font-weight:600;
    border-radius: .8rem;
    &:hover{
        background: var(--primary-bg-color);
        border-color: var(--primary-bg-color);
    }    
}
.btn--primary{
    background: var(--primary-bg-color);
    border-color: var(--primary-bg-color);
    color: var(--color-text-white);
    &:hover{
        background: var(--secondary-bg-color);
        border-color: var(--secondary-bg-color);
        color: var(--color-text-white);
    }
}
.btn--secondary{
    background: var(--secondary-bg-color);
    border-color: var(--secondary-bg-color);
    color: var(--color-text-white);
    &:hover{
        background: var(--primary-bg-color);
        border-color: var(--primary-bg-color);
        color: var(--color-text-white);
    }
}
.btn--lg{
    font-size: 1.6rem;
    @media screen and (min-width:992px){
        font-size: 2rem;
    }
    @media screen and (min-width:1200px){
        padding: 1rem 3rem;
        font-size: 2.4rem;
    }
    @media screen and (min-width:1600px) {
        font-size: 1.4vw;
        padding: 0.5vw 1vw;
        border-radius: 0.3vw;
    }
}
.btn--md{
    font-size: 1.6rem;
    @media screen and (min-width:1200px){
        padding: 1rem 2rem;
        font-size:1.8rem;
    }
    @media screen and (min-width:1600px) {
        font-size: 1vw;
        padding: 0.8vw 1vw;
        border-radius: 0.3vw;
    }
}
.btn--sm{
    font-size: 1.4rem;
    @media screen and (min-width:1200px){
        padding: 0.7rem 2rem;
        font-size: 1.4rem;
    }
    @media screen and (min-width:1600px) {
        font-size: 0.8vw;
        padding: 0.3vw 1vw;
        border-radius: 0.3vw;
    }
}
/*-- text --*/
.text-orange{
    color: var(--primary-text-color) !important;
}
.text-blue{
    color: var(--secondary-text-color) !important;
}
.text-pink{
    color: var( --color-text-pink) !important;
}
.text-success{
    color: var(--color-text-green) !important;
}
.bg--primary{
    background: var(--primary-bg-color);
}
.bg--secondary{
    background: var(--secondary-bg-color);
}
.bg-light-primary{
    background: var(--primary-bg-light-color);
}
.bg-light-secondary{
    background: var(--secondary-bg-light-color);
}
.bg-light-gray{
    background: var(--light-bg-gray-color);
}
.bg-success{
    background:var(--color-bg-green) !important;
}
.rounded-5{
    border-radius: var( --rounded-5);
}
.rounded-8{
    border-radius: var( --rounded-8);
}
.rounded-10{
    border-radius: var( --rounded-10);
}
.rounded-30{
    border-radius: 3rem;
}
.rounded-circle{
    border-radius: var( --rounded-circle);
}
.row-gap-3{
    row-gap: 3rem;
}
.btn-file{
    border: none;
    outline: none;
    background: none;
}
@media screen and (min-width:992px) {
    .row-gap-lg-5{
        row-gap: 5rem;
    }
    .gx-lg-10{
        --bs-gutter-x: 10rem;
    }
}
.min-h-auto{
    min-height: auto !important;
}