body {
    font-family: var(--bs-font-sans-serif);
    font-size: 0.93rem;
    font-weight: 400;
    line-height: 1.7;
    color: #777777;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left;
}

.mt_20 {
    margin-top: 20px;
}

/* START HEADER */
.header {
    padding-bottom: 50px;
    /*background: #0f0d1d;*/
    background: url('../images/background.jpg') center;
}

.header .navbar {
    background-color: #fff;
    clip-path: polygon(0 0, 100% 0, 96% 100%, 3% 100%);
}

.header .navbar-nav {
    margin: 0px auto;
}

.header .navbar-nav li {
    padding: 0px 20px;
}

.header .navbar-nav a {
    font-weight: 500;
    font-size: 1rem;
    color: #343a40;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.header .navbar-nav a:hover {
    color: #dc3535;
}

.title-block {
    padding: 50px 20px;
    text-align: center;
}

.title-block h1 a {
    font-family: "Poppins", sans-serif;
    font-size: 2.325rem;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    text-shadow: 2px 2px #343a40;
}

.title-block .desc {
    color: rgba(255, 255, 255, 0.80) !important;
    font-weight: 400;
    font-size: 1.0695rem;
}

.header-search form {
    width: 100%;
}

.header-search .btn {
    color: #fff;
    border-color: #fff;
    background: #dc3535;
}

.header-search .btn:hover {
    background-color: #343a40;
}

.navbar-category {
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
}

.navbar-category .navbar-brand {
    color: #0f0d1d;
    padding: 10px 20px;
    display: block;
    font-size: 1.1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 1px solid #e2e8f0 !important;
}

#navbarCategory {
    padding: 20px 10px;
}

#navbarCategory .nav-link {
    color: #101010;
    font-weight: 500;
}

#navbarCategory .nav-link:hover,
#navbarCategory .nav-link.active {
    color: #0c4a84;
}

.navbar-category .nav {
    width: 100%;
}

.nav .submenu>.nav-link .fa {
    float: right;
    color: #b4b9c1;
    margin-top: 5px;
    transition: all .3s ease;
}

.nav .submenu>.nav-link.active .fa {
    transform: rotate(90deg);
}
/* END HEADER */

/* START CONTENT */
.title-row {
    color: #0f0d1d;
    background: #f7f7ff !important;
    padding: 20px 0px;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%) !important;
}

.title-row h2 {
    font-size: 1.395rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 0px;
}

.title-row .breadcrumb {
    margin: 0px;
    font-size: 14px;
}

.breadcrumb a {
    color: #726f84;
    text-decoration: none;
}

.breadcrumb a:hover {
    color: #0f0d1d;
}

.content {
    padding: 50px 0px 80px 0px;
}

.homepage section:nth-child(odd) {
    background: #f7f7ff;
}

.homepage section {
    padding: 50px 0px;
}

.homepage h2 {
    color: #0f0d1d;
    font-size: 1.2rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 30px;
}

.products-filter {
    padding: 5px 20px;
    margin-bottom: 30px;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
}

.products-filter .form-control {
    width: auto;
    border: 0;
    font-size: 14px;
    display: inline-block;
}

.product-title {
    padding: 10px 15px;
    color: #0f0d1d;
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    margin-bottom: 0px;
}

.card-header .fa,
.left-column .fa {
    color: #dc3535;
    margin-right: 10px;
}

.left-column .card,
.product-detail .card {
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
}

.product-detail .tab-content {
    margin-bottom: 30px;
}

.product-detail h3 {
    color: #0f0d1d;
    padding: 10px 0px;
    display: block;
    font-size: 1.1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 1px solid #e2e8f0 !important;
    margin-bottom: 20px;
}

.product-info th {
    font-weight: 500;
}

.dark-link {
    color: #343a40;
    font-weight: 500;
    text-decoration: none;
}

.dark-link:hover {
    color: #dc3535;
    text-decoration: underline;
}

.price-info {
    color: #0c4a84;
}

.product-info .price-info {
    line-height: 25px;
}

.product-info .price-info small {
    display: block;
}

.product-info .btn {
    margin: 15px 0px 0px 0px;
    display: block;
    font-weight: 500;
    border: 1px solid #dc3535;
    color: #ffffff;
    background: #dc3535;
}

.product-info .btn:hover {
    color: #fff;
    border-color: #343a40;
    background-color: #343a40;
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

.border-none {
    border: none;
}

.card-header {
    background: transparent;
    color: #343a40;
    padding: 10px 20px;
    display: block;
    font-size: 1.1rem;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    line-height: 1.3;
    border-bottom: 1px solid #e2e8f0 !important;
}

.desc-category {
    padding: 10px;
}
/* END CONTENT */

/* START RELATED PRODUCTS */
.related-products img {
    max-width: 140px;
    margin-right: 15px;
}

.related-products .card-title a {
    color: #0c4a84;
    font-weight: 500;
    text-decoration: none;
}

.related-products .card-title a:hover {
    color: #0f0d1d;
    text-decoration: underline;
}

.related-products td {
    padding: 15px 0px;
}

.related-products .price-info {
    padding-top: 10px;
    display: block;
}
/* END RELATED PRODUCTS */

/* START PRODUCT LIST */
.categories-list .card,
.products-list .card {
    color: #0f0d1d;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
    transition: ease all 0.35s;
    margin-bottom: 20px;
}

.categories-list .card:hover,
.products-list .card:hover {
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.625rem 1.5rem rgb(0 0 0 / 15%) !important;
}

.categories-list .card a,
.products-list .card a {
    color: #0f0d1d;
    text-decoration: none;
}

.categories-list .card-title {
    font-size: 0.8rem;
    text-align: center;
    word-break: break-word;
}

.card-title {
    font-size: 1.1625rem;
}

.products-list .card-img-top,
.categories-list .card-img-top {
    max-width: 100%;
    margin: 0px auto;
    display: block;
    width: auto;
}

.products-list .card-img-top {
    max-height: 200px;
}

.categories-list .card-img-top {
    max-height: 150px;
}

.card-img-top {
    width: 100%;
    border-radius: 0.75rem;
}

.card .price-info {
    font-size: 1.1625rem;
    font-weight: 600;
}

.card .price-info small {
    font-size: 14px;
    font-weight: normal;
    color: #b9b8b8;
}

.card .btn-read-more {
    float: right;
    color: #dc3535 !important;
    background: #fff;
    border: 1px solid #dc3535;
}

.card .btn-read-more:hover {
    color: #fff !important;
    background: #dc3535;
}

.products-list .quantity-info .success,
.related-products .quantity-info .success {
    color: #28a745;
}
/* END PRODUCT LIST */

/* START CONTACT */
.contact-btn {
    margin-top: 50px;
}

.contact-btn .card {
    padding: 20px;
    text-align: center;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
    transition: ease all 0.35s;
}

.contact-btn .card:hover {
    box-shadow: 0 0.125rem 0.375rem rgb(0 0 0 / 5%), 0 0.625rem 1.5rem rgb(0 0 0 / 15%) !important;
}

.contact-btn .card .fa {
    margin-bottom: 10px;
}

.contact-btn .card a:hover {
    text-decoration: none;
}
/* END CONTACT */

/* START ERROR PAGE */
.error-page {
    padding: 50px 20px;
    text-align: center;
    background-color: #ffffff;
    background-clip: border-box;
    border: 1px solid #eff2f7;
    border-radius: 0.75rem;
    box-shadow: 0 0.125rem 0.25rem rgb(1 22 39 / 8%);
}

.error-page .fa {
    display: block;
    margin-bottom: 15px;
    font-size: 3rem;
    color: #dc3535;
}

.error-page .error-code {
    display: block;
    color: #0f0d1d;
    font-family: "Poppins", sans-serif;
    font-size: 5rem;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 20px;
}

.error-page h3 {
    color: #0f0d1d;
    font-family: "Poppins", sans-serif;
    font-size: 1.395rem;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 15px;
}

.error-actions {
    margin-top: 30px;
}

.error-actions .btn {
    margin: 5px;
    font-weight: 500;
}

.btn-primary-red {
    color: #fff;
    background: #dc3535;
    border: 1px solid #dc3535;
}

.btn-primary-red:hover {
    color: #fff;
    background: #343a40;
    border-color: #343a40;
}

.btn-outline-red {
    color: #dc3535;
    background: #fff;
    border: 1px solid #dc3535;
}

.btn-outline-red:hover {
    color: #fff;
    background: #dc3535;
    border-color: #dc3535;
}
/* END ERROR PAGE */

/* START FOOTER */
.footer {
    color: rgba(255, 255, 255, 0.60);
    padding: 50px 0px 20px 0px;
    background-color: #343a40 !important;
}

.footer .title {
    display: block;
    /*color: #dc3535;*/
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.footer ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.footer a {
    color: rgba(255, 255, 255, 0.60);
    text-decoration: underline;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}

.footer a:hover {
    color: #dc3535;
    text-decoration: none;
}

.footer .col-sm-3:first-child a {
    text-decoration: none;
}

.copyright {
    margin-top: 20px;
    padding: 10px 0px 0px 0px;
    text-align: center;
    border-top: 1px solid #e2e8f02e;
}
/* END FOOTER */