@charset "UTF-8";
@font-face {
    font-family: 'Ubuntu';
    src: url('/fonts/Ubuntu/Ubuntu-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ubuntu';
    src: url('/fonts/Ubuntu/Ubuntu-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}
/* CSS */
:root {
    --bs-darkgreen:        #00464B;
    --bs-darkgreen-hover:  #003336;
    --bs-darkgreen-active: #002a2e;
      --bs-white: #ffffff;
    --bs-darkgreen-light: #00464b9c;
}

.cstm-login-button.btn.btn-primary {
    --bs-btn-bg:                 var(--bs-darkgreen)!important;
    --bs-btn-border-color:       var(--bs-darkgreen);
    --bs-btn-hover-bg:           var(--bs-darkgreen-hover);
    --bs-btn-hover-border-color: var(--bs-darkgreen-hover);
    --bs-btn-active-bg:          var(--bs-darkgreen-active);
    --bs-btn-active-border-color: var(--bs-darkgreen-active);
    background-color: var(--bs-darkgreen) !important;
    border-color:     var(--bs-darkgreen) !important;
    width: 74%;
}

.cstm-login-button.btn.btn-primary:hover {
    background-color: var(--bs-darkgreen-hover) !important;
    border-color:     var(--bs-darkgreen-hover) !important;
}

.cstm-login-button.btn.btn-primary:active,
.cstm-login-button.btn.btn-primary:focus {
    background-color: var(--bs-darkgreen-active) !important;
    border-color:     var(--bs-darkgreen-active) !important;
    box-shadow: 0 0 0 0.25rem rgba(0, 70, 75, 0.5) !important;
}

.btn-dark-green{
    background-color: var(--bs-darkgreen) !important;
    border-color:     var(--bs-darkgreen) !important;
}

.cstm-login-button{
    background-color: var(--bs-darkgreen) !important;
    border-color:     var(--bs-darkgreen) !important;
}
.cstm-card-header.card-header{
    background: var(--bs-darkgreen);
    color:var(--bs-white);
}

.cstm-page-heading {
    color: var(--bs-darkgreen);
}
.navbar .navbar-brand-wrapper .navbar-brand img{
    object-fit: contain;
}
.sidebar .nav .nav-item.active{
    background-color: var(--bs-darkgreen);
    /* color:var(--bs-white); */
}
.sidebar .nav .nav-item .nav-link{
    color: var(--bs-darkgreen);
}

.sidebar .nav .nav-item.active > .nav-link .menu-title
{
    color: var(--bs-white);
}
.sidebar .nav.sub-menu .nav-item .nav-link:hover{
    color: var(--bs-darkgreen);
}
.sidebar .nav .nav-item .nav-link i{
    color: var(--bs-white);
}
.sidebar .nav.sub-menu .nav-item .nav-link.active{
    color: var(--bs-white);
}

.sidebar .nav.sub-menu .nav-item .nav-link{
    color: var(--bs-darkgreen);
}

.sidebar .nav .nav-item.active > .nav-link i{
color:var(--bs-white);
}

.navbar img {
    height: 60px;
    width: 159px;
}

/* .sidebar .nav.sub-menu .nav-item .nav-link:before {
    color: var(--bs-darkgreen);
} */

.navbar .navbar-brand-wrapper{
    background-color: var(--bs-white);
}

.sidebar .nav.sub-menu .nav-item .nav-link.active:before{
    color: var(--bs-white);
}
.sidebar .nav .nav-item.nav-profile.active .nav-link .nav-profile-text {
    color: var(--bs-white);
}

/* 13-04-2026 */
/* .sidebar .collapse.show .nav.sub-menu .nav-item .nav-link.active {
    color: #ffdede;
} */
 /* .cstm-sidebar .nav-item.active > .nav-link {
    background: #0f4c4c;
    color: #fff !important;
    border-radius: 5px;
} */
 .sidebar .nav-item.active .collapse.show .nav.sub-menu .nav-item .nav-link {
    color: var(--bs-white);
}
.sidebar .nav .nav-item .nav-link{
    color: var(--bs-darkgreen);
}

.sidebar .nav.sub-menu .collapse.show .nav-item .nav-link:before {
    color: var(--bs-white);
}
.cstm-login-container img.cstm-logo {
    height: 60px;
    width: 160px;
}
.bg-dark-green-light{
    background-color: var(--bs-darkgreen-light) !important;
}
.cstm-wishlist-tab.nav-tabs .nav-link.active{
    color: var(--bs-white) !important;
    background-color: var(--bs-darkgreen) !important;
    border-color: var(--bs-darkgreen) !important;
}
.cstm-wishlist-tab.nav-tabs .nav-item.show .nav-link {
    color: var(--bs-darkgreen) !important;
    background-color: var(--bs-white) !important;
    border-color: var(--bs-white) !important;
}
.user-profile-link {
    color: var(--bs-darkgreen);
    text-decoration: none;
}

/* .input-address legend{
    border-radius: 20px;
    border:2px solid red;
} */

.location-icon {
    position: absolute;
    right: 15px;
    top: 30px;
    cursor: pointer;
    color: var(--bs-darkgreen);
    font-size: 30px;
}

.location-icon:hover {
    color: #007bff;
}

.cstm-review .table th, .cstm-review .table td {

    white-space: wrap !important;
}
/* .table th, .table td
 {

    white-space:wrap !important;
 } */