/* 
body{
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    /* font-family: Helvetica, sans-serif; */
    /* font-family: 'Helvetica Now Text'; */
/* }  */


[data-bs-theme="light"] .carousel .carousel-control-prev-icon,
[data-bs-theme="light"] .carousel .carousel-control-next-icon,
[data-bs-theme="light"].carousel .carousel-control-prev-icon,
[data-bs-theme="light"].carousel .carousel-control-next-icon {
  filter: none;
}

[data-bs-theme="light"] .carousel .carousel-indicators [data-bs-target],
[data-bs-theme="light"].carousel .carousel-indicators [data-bs-target] {
  background-color: #fff;
}


[data-bs-theme="light"] .carousel .carousel-caption,
[data-bs-theme="light"].carousel .carousel-caption{
  color: #fff;
}

[data-bs-theme=light] {
    --bs-success: #069e57;
    --bs-success-rgb:6, 158, 87;
}

[data-bs-theme=dark] {
    
    /* 
    --bs-body-bg: #212529;
    --bs-body-bg-rgb: 33, 37, 41;

    --bs-secondary-bg: #343a40;
    --bs-secondary-bg-rgb: 52, 58, 64; 

    --bs-tertiary-bg: #2b3035;
    --bs-tertiary-bg-rgb: 43, 48, 53;
    
    --bs-body-bg: #2b3035;
    --bs-body-bg-rgb: 43, 48, 53;

    60, 65, 70
    42, 46, 51

    32, 35, 38
    --bs-body-font-weight: 300;
    */

    
    
    --bs-success: #31c881;
    --bs-success-rgb:49, 200, 129;

    --bs-danger: #ff4150;
    --bs-danger-rgb: 255,65,80;
    

    --bs-body-bg: rgb(39, 42, 46);
    --bs-body-bg-rgb: 39, 42, 46;
    
    --bs-secondary-bg: rgb(34, 36, 39);
    --bs-secondary-bg-rgb: 34, 36, 39; 

    --bs-tertiary-bg: rgb(25, 27, 29);
    --bs-tertiary-bg-rgb: 25, 27, 29; 

    --bs-body-color: #f7f7f7;
    --bs-body-color-rgb: 247, 247, 247;

    --bs-secondary-color: rgba(237, 239, 242, 0.7);
    --bs-secondary-color-rgb: 237, 239, 242;

    --bs-tertiary-color: rgba(237, 239, 242, 0.45);
    --bs-tertiary-color-rgb: 237, 239, 242;


}

/* Safari */
@-webkit-keyframes spinloading {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spinloading {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}


.bs-cover{
    background-size: cover;
}

.bs-contain{
    background-size: contain;
}

.vh-50{    
    height: 50vh;
}

.vh-75{    
    height: 50vh;
}

.c-pointer{
    cursor: pointer;
}

.fs-8{
    font-size: 8px;
}

.fs-9{
    font-size: 9px;
}
.fs-10{
    font-size: 10px;
}
.fs-11{
    font-size: 11px;
}

.fs-12{
    font-size: 12px;
}

.fs-14{
    font-size: 14px;
}

.fs-16{
    font-size: 16px;
}

.fs-18{
    font-size: 18px;
}

.fs-20{
    font-size: 20px;
}

.va-middle{
    vertical-align: middle;
}

.va-bottom{
    vertical-align: bottom;
}

.hide-scrollbar::-webkit-scrollbar {
    /* Hide scrollbar for Chrome, Safari and Opera */
    display: none;
    
}

.hide-scrollbar{
    /* Hide scrollbar for IE, Edge and Firefox */

    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
    
}

.pos-relative{
    position: relative;
}

.pos-absolute{
    position: absolute;
}


.justify-content-center{
    justify-content: center;
}

.justify-content-space-between{
    justify-content: space-between;
}

.justify-content-space-evenly{
    justify-content: space-evenly;
}

.justify-content-end{
    justify-content: end;
}

.justify-content-start{
    justify-content: start;
}



.bg-transparent{
    background-color: transparent !important;
}

.bg-hover-red:hover{
    border: solid 1px #f12525 !important;
    background-color: #f12525 !important;
    color: #fff !important;
}

.bg-hover-red:hover .img-google{
    filter: brightness(200%);
}


.overflow-visible{
    overflow: visible;
}

.overflow-hidden{
    overflow: hidden;
}

/* [data-bs-theme=dark] .fw-normal{
    font-weight: 300 !important;   
}

[data-bs-theme=dark] .fw-medium{
    font-weight: 400 !important;   
} */
 

.text-hover-red:hover{
    cursor: pointer;
    color: #e81111 !important;
}

[data-bs-theme=dark] .text-hover-red:hover{
    cursor: pointer;
    color: #ff4d4d !important;
}

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


.text-opacity-10 {
    --bs-text-opacity: 0.1;
}

.text-opacity-20 {
    --bs-text-opacity: 0.2;
}

.text-opacity-30 {
    --bs-text-opacity: 0.3;
}

.text-opacity-40 {
    --bs-text-opacity: 0.3;
}

.text-opacity-60 {
    --bs-text-opacity: 0.6;
}

.text-opacity-70 {
    --bs-text-opacity: 0.7;
}

.text-opacity-80 {
    --bs-text-opacity: 0.8;
}

.text-opacity-90 {
    --bs-text-opacity: 0.9;
}

.text-justify{
    text-align: justify;
}
.text-red{
    color: #f92c2c;
}

.text-clear{
    text-decoration: none;
}

.text-nowrap{
    word-wrap: none;
    white-space: nowrap;
}

.p-max-1line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
            line-clamp: 1; 
    -webkit-box-orient: vertical;
}
.p-max-2line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
            line-clamp: 2; 
    -webkit-box-orient: vertical;
}

.p-max-3line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
            line-clamp: 3; 
    -webkit-box-orient: vertical;
}

.p-max-4line{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
            line-clamp: 4; 
    -webkit-box-orient: vertical;
}

.custom-tooltip {
    --bs-tooltip-bg: var(--bs-body-bg);
    --bs-tooltip-color: var(--bs-body-color);
    box-shadow: 0 7px 14px 0 rgba(54, 56, 66, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.05);
    font-size: 12px;
    font-weight: 500;
}

.color-nsa{
    color: #e11717;
}

[data-bs-theme=dark] .color-nsa{
    color: #da2929;
}

.border-nsa{
    border-color: #f747477e !important;
}

.btn-badge-nsa{
    background: #ef4b4b;
    color: #fff;
}


.btn-nsa-primary{

    --bd-red-bg: #f92c2c;
    --bd-red-rgb: 249, 44, 44;
    
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,0.145623215106355) 0%, rgba(255,0,0,0.047583999420080514) 50%, rgba(255,0,0,0) 100%);

    --bs-btn-font-weight: normal;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bd-red-bg);
    --bs-btn-border-color: var(--bd-red-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #e02828;
    --bs-btn-hover-border-color: #e02828;
    --bs-btn-focus-shadow-rgb: var(--bd-red-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #c82323;
    --bs-btn-active-border-color: #c82323;
}

[data-bs-theme=dark] .btn-nsa-primary {

    --bd-red-bg: #f92c2c;
    --bd-red-rgb: 249, 44, 44;
    
    background: rgb(255, 32, 32);
    background: linear-gradient(90deg, rgba(255, 24, 24, 0.2) 0%, rgba(255,24,24,0.1) 50%, rgba(255,0,0,0) 100%);

    --bs-btn-font-weight: normal;
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: var(--bd-red-bg);
    --bs-btn-border-color: var(--bd-red-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #e02828;
    --bs-btn-hover-border-color: #e02828;
    --bs-btn-focus-shadow-rgb: var(--bd-red-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #c82323;
    --bs-btn-active-border-color: #c82323;

}

.btn-nsa-fullred{
    
    --bd-red-bg: #e72929;
    --bd-red-rgb: 231, 41, 41;
    
    --bs-btn-font-weight: normal;
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bd-red-bg);
    --bs-btn-border-color: var(--bd-red-bg);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: #c32525;
    --bs-btn-hover-border-color: #c32525;
    --bs-btn-focus-shadow-rgb: var(--bd-red-rgb);
    --bs-btn-active-color: var(--bs-btn-hover-color);
    --bs-btn-active-bg: #c82323;
    --bs-btn-active-border-color: #c82323;
}

.btn-action-product{
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: rgba(0,0,0,0);
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,0.145623215106355) 0%, rgba(255,0,0,0.047583999420080514) 50%, rgba(255,0,0,0) 100%);

    --bs-btn-border-color: #f92c2c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f92c2c;
    --bs-btn-hover-border-color: #f92c2c;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f92c2c;
    --bs-btn-active-border-color: #f92c2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #f92c2c;
}

.btn-view-all-1{
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: rgba(0,0,0,0);
    --bs-btn-border-color: #f92c2c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f92c2c;
    --bs-btn-hover-border-color: #f92c2c;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f92c2c;
    --bs-btn-active-border-color: #f92c2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #f92c2c;
}

.btn-read-more-1{
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: rgba(0,0,0,0);
    --bs-btn-border-color: #f92c2c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f92c2c;
    --bs-btn-hover-border-color: #f92c2c;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f92c2c;
    --bs-btn-active-border-color: #f92c2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #f92c2c;
}

.btn-act-shop{
    --bs-btn-color: var(--bs-body-color);
    
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0) 100%);

    --bs-btn-border-color: #42414169;
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: #ff000018;
    --bs-btn-hover-border-color: #00000029;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: #00000029;
    --bs-btn-active-border-color: #00000029;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #00000029;
}

[data-bs-theme=dark] .btn-act-shop{
    --bs-btn-border-color: #80808069;
    --bs-btn-hover-bg: #2b000025;
    --bs-btn-hover-border-color: #2b000025;
}

.btn-act-cms{
    --bs-btn-color: var(--bs-body-color);
    
    background: rgb(0, 0, 0);
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.05) 0%, rgba(0,0,0,0.01) 50%, rgba(0,0,0,0) 100%);

    --bs-btn-border-color: #00000029;
    --bs-btn-hover-color: var(--bs-body-color);
    --bs-btn-hover-bg: #ff000018;
    --bs-btn-hover-border-color: #00000029;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: #00000029;
    --bs-btn-active-border-color: #00000029;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #00000029;
}

[data-bs-theme=dark] .btn-act-cms{
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0%, rgba(255, 255, 255, 0.01) 50%, rgba(255, 255, 255, 0) 100%);

    --bs-btn-border-color: #ffffff35;
    --bs-btn-hover-border-color: #24272b;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: var(--bs-body-color);
    --bs-btn-active-bg: #ffffff29;
    --bs-btn-active-border-color: #ffffff29;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-body-color);
    --bs-btn-disabled-bg: rgba(255, 255, 255, 0.1);
    --bs-btn-disabled-border-color: #00000029;
    
}

[data-bs-theme=dark] .btn-act-cms:hover{
    background: rgb(36, 39, 43);
    background: linear-gradient(90deg, rgba(166, 49, 49, 0.39) 0%, rgba(36, 39, 43, 0.01) 50%, rgba(36, 39, 43, 0) 100%);

    border-color: rgba(166, 49, 49, 0.5);

}


.btn-submit-auth{
    --bs-btn-color: var(--bs-body-color);
    --bs-btn-bg: rgba(0,0,0,0);
    background: rgb(255,0,0);
    background: linear-gradient(90deg, rgba(255,0,0,0.145623215106355) 0%, rgba(255,0,0,0.047583999420080514) 50%, rgba(255,0,0,0) 100%);

    --bs-btn-border-color: #f92c2c;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #f92c2c;
    --bs-btn-hover-border-color: #f92c2c;
    --bs-btn-focus-shadow-rgb: 49,132,253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #f92c2c;
    --bs-btn-active-border-color: #f92c2c;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgba(255,255,255,0.1);
    --bs-btn-disabled-border-color: #f92c2c;
}


/* .shadow-md{
    box-shadow: 0 7px 14px 0 rgba(54, 56, 66, 0.07), 0 3px 6px 0 rgba(0, 0, 0, 0.05);
} */

.shadow-md {
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}


[data-bs-theme=dark] .shadow-md{
    box-shadow: 0 10px 10px -5px rgba(0, 0, 0,0.3), 0 8px 10px -6px rgb(0, 0, 0,0.2);
    /* box-shadow: 0 7px 24px 0 rgba(54, 56, 66, 0.15), 0 3px 16px 0 rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.3); */
}

.public-nav.navbar{
    background: rgb(255,239,239);
    background: linear-gradient(90deg, rgba(255,239,239,1) 0%, rgba(255,255,255,1) 25%, rgba(255,255,255,1) 100%);

    box-shadow:0px 5px 7px  rgba(0,0,0,0.1), 0px 0px 30px  rgba(0,0,0,0.1);
}

[data-bs-theme=dark] .public-nav.navbar{
    background: rgb(96, 96, 96);
    background: linear-gradient(90deg,  rgb(98, 54, 54) 0%,  rgb(48, 51, 57) 20%, rgb(48, 51, 57) 100%);

    box-shadow:0px 5px 7px  rgba(0,0,0,0.1), 0px 0px 30px  rgba(0,0,0,0.1);
}

.public-nav .navbar-toggler {
    padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
    font-size: var(--bs-navbar-toggler-font-size);
    line-height: 1;
    color: var(--bs-navbar-color);
    background-color: transparent;
    border: var(--bs-border-width) solid rgb(0 0 0 / 0%);
    border-radius: var(--bs-navbar-toggler-border-radius);
    transition: var(--bs-navbar-toggler-transition);
}

.public-nav .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(0, 0, 0, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
}

[data-bs-theme=dark] .public-nav .navbar-toggler .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(170, 150, 150, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
}

.public-nav .navbar-toggler .navbar-toggler-icon:hover {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath stroke='rgba(228, 33, 33, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24' /%3E%3C/svg%3E");
}

.public-nav .navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0;
}


.public-nav .navbar-brand {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.public-nav .navbar-brand img{
    height: 55px;
}



.navbar-nav .nav-link{
    font-size: 16px;
    font-weight: normal;
    color: #111;
    margin-left: 55px !important;
}

[data-bs-theme=dark] .nav-link{
    font-weight: 300;
    color: #fff;
}

.public-nav .navbar-nav .nav-link:hover{
    color: #e42121;
}

[data-bs-theme=dark] .public-nav .navbar-nav .nav-link:hover{
    color: #fd4343;
}

@media (max-width: 768px) {
    .public-nav .navbar-nav .nav-link{
        margin-left: 0px !important;
        text-align: center;
    }
}