:host, :root, [data-bs-theme=light] {
    --tblr-gray-100: #f5f1dc;
    --tblr-pricing-padding: 1.5rem;
}

body.home header.hero{
    background-image: url('../img/bg.webp');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /* margin-top: -65px; */
}

.auth-layout-left, .page-wrapper{
    background-color: var(--tblr-gray-100);
}
.auth-layout-left .card{
    background-color: transparent;
    border: none;
}

.auth-layout-left .card .card-body{
    padding: 20px;
}

.auth-layout-right{
    background-color: #73c8d2;
}

.job-card{
    border-radius: 20px;
}

.pricing-card{
    padding: 0px;
    margin: 1rem -1px;
    border-radius: 1rem;
}
/* .pricing-card.featured{
    margin-top: 1rem;
    margin-bottom: 1rem;
} */

.pricing-card .pricing-title{
    padding-top: var(--tblr-pricing-padding);
    padding-left: var(--tblr-pricing-padding);
    padding-right: var(--tblr-pricing-padding);
}
.pricing-card .pricing-price{
    padding-left: var(--tblr-pricing-padding);
    padding-right: var(--tblr-pricing-padding);
}
.pricing-card .pricing-features{
    padding-left: var(--tblr-pricing-padding);
    padding-right: var(--tblr-pricing-padding);
    background-color: #e3e9f8;
}
.pricing-card .pricing-btn{
    padding-bottom: var(--tblr-pricing-padding);
    padding-left: var(--tblr-pricing-padding);
    padding-right: var(--tblr-pricing-padding);
}

.custom-box-shadow{
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.07), 0 6px 30px 5px rgba(0, 0, 0, 0.06), 0 8px 10px -5px rgba(0, 0, 0, 0.1)
}

.accordion-button:not(.collapsed) {
    border-bottom: 1px solid #948f8f;
}

#navbar-menu .navbar-nav .nav-item a.nav-link, .nav-link-icon svg{
    color: black !important;
}

#navbar-menu .navbar-nav .nav-item a.nav-link:hover,
#navbar-menu .navbar-nav .nav-item a.nav-link.active,
#navbar-menu .navbar-nav .nav-item a.nav-link.active .nav-link-icon svg,
#navbar-menu .navbar-nav .nav-item a.nav-link:hover .nav-link-icon svg
{
    color: #0046ff !important;
}

.form-control-custom{
    background-color: #f5f1dc;
    font-size: 0.9rem;
    padding: 0.5rem;
}
/* body.home header.navbar{
    background: transparent;
    box-shadow: none;
} */

/* body.home #navbar-menu .navbar-nav .nav-item a.nav-link, .nav-link-icon svg{
    color: #ffffff !important;
    font-weight: bold;
}

body.home #navbar-menu .navbar-nav .nav-item a.nav-link:hover,
body.home #navbar-menu .navbar-nav .nav-item a.nav-link.active,
body.home #navbar-menu .navbar-nav .nav-item a.nav-link.active .nav-link-icon svg,
body.home #navbar-menu .navbar-nav .nav-item a.nav-link:hover .nav-link-icon svg
{
    color: #f5f1dc !important;
} */
body.home .hero{
    position: relative;
    padding: 0px;
    padding: 0px;
}
body.home .hero .dark-cover{
    background-color: rgb(0 0 0 / 50%);;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
}

body.home .hero .container{
    position: relative;
    z-index: 1001;
    padding: 8rem 0;
}

body.home .hero .hero-title .typed{
    font-size: 1.7rem;
    letter-spacing: 0.1rem;
}

.product-categories .card{
    text-align: center;
    background: none;
    padding:0px;
    border: none;
}
.product-categories .card .card-body{
    text-align: center;
    background: none;
    padding:0px;
    font-size: 0.8rem;
}
