:root {
    --bs--blue: #0154a0;
    --bs--dark-blue: #002c54;
    --bs--black: #212121;
    --gradient-color-start: #ff6162;
    --gradient-color-end: #ff9766;
}

* {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Roboto', sans-serif;
}
.min-height{
    min-height: calc(100vh - 128px);
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:hover {
    box-shadow: none !important;
}


.header-scroll{
    position: fixed;
    top: 0;
    right:0;
    left:0;
    z-index: 999!important;
}
.bottom{
        box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.23);
}
.border-yellow{
    border-color: var(--bs--blue) !important;
}

.text-color {
    color: var(--bs--blue);
}

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

.background-color {
    background-color: var(--bs--blue);
}

/* otp page reset button color */
.reset-color {
    color: var(--bs--blue);
}

/* otp page reset button color */

.btn-blue {
    background-color: var(--bs--blue);
    transition: 0.3s;
    color: #fff;
}
.btn-blue:hover {
    background-color: var(--bs--dark-blue);
    transition: 0.3s;
    color: #fff;
}

.btn-black {
    background-color: var(--bs--black);
}

.btn-black:hover {
    background-color: var(--bs--black);
}

/* dash border */
.border-dashed {
    border-style: dashed !important;
    border-color: #fff;
}
/* dash border */

.badge-size {
    height: 20px;
    width: 20px;
}


    .background {
        background-color: rgba(136, 130, 130, 0.877);
        color: #ffffff;
    }
    .active {
        color: #2875de;
    }
    .border-color {
        border-color: var(--bs--blue);
    }
/* product crousel text background */
    .category-item-details {
        background-color: #4c4a4a;
        padding: 15px;
    }
/* product crousel text background */

    .offer-position{
        top:10px;
        right:10px;
        height:50px;
        width:50px;
    }

/* rating stars */
    .rate {
        float: left;
        height: 46px;
        padding: 0 10px;
    }
    .rate:not(:checked) > input {
        position:absolute;
        top:-9999px;
    }
    .rate:not(:checked) > label {
        float:right;
        width:1em;
        overflow:hidden;
        white-space:nowrap;
        cursor:pointer;
        font-size:30px;
        color:#ccc;
    }
    .rate:not(:checked) > label:before {
        content: '★ ';
    }
    .rate > input:checked ~ label {
        color: #002c54;    
    }
    .rate:not(:checked) > label:hover,
    .rate:not(:checked) > label:hover ~ label {
        color: #0154a0;  
    }
    .rate > input:checked + label:hover,
    .rate > input:checked + label:hover ~ label,
    .rate > input:checked ~ label:hover,
    .rate > input:checked ~ label:hover ~ label,
    .rate > label:hover ~ input:checked ~ label {
        color: #0154a0;
    }
/* rating stars */


/* add to cartbtn */
    .addtocartbtn {
        content: 'Add to cart';
        background-color: var(--bs--blue);
        border-radius: 5px;
        color: #FFFFFF;
        width: 20%;
        height: 37px;
        transition: 0.5s;
        overflow: hidden;
    }
    .addtocartbtn:hover {
        border-color: var(--bs--blue);
        background-color: #FFFFFF;
        color: var(--bs--blue);
        width: 100%;
        z-index: 999;
    }
    .addtocartbtn .text-show {
        display: none;
    }
    .addtocartbtn:hover .text-show {
        display: inline-block;
    }
/* add to cartbtn */

/* noUi slider */
    .noUi-horizontal {
        height: 10px !important;
    }
    .noUi-connect {
        background: var(--bs--blue) !important;
    }
    .noUi-handle:after {
        left: 14px !important;
    }
    .noUi-handle:before {
        height: 8px !important;
        width: 1px !important;
        left: 6px !important;
        top: 6px !important;
    }
    .noUi-horizontal .noUi-handle {
        width: 25px !important;
        height: 20px !important;
        right: -13px !important;
        top: -6px !important;
    }
    .noUi-pips-horizontal {
        padding: 7px 0 !important;
        top: 90% !important;
    }
/* noUi slider */
/* product exzoom */
    .exzoom_nav{
        display: flex;
        justify-content: center;
    }
    .exzoom_nav .exzoom_nav_inner{
        position: static !important;
    }
    .exzoom .exzoom_nav .exzoom_nav_inner span.current {
        border: 1px solid var(--bs--blue);
    }
    .exzoom .exzoom_btn a:hover {
        background: var(--bs--blue);
        color: #fff;
    }
    .exzoom .exzoom_btn a {
        display: flex !important;
        align-items: center !important;
        width: 35px !important;
        height: 35px !important;
        font-size: 18px !important;
         top: -50px !important;
      
    }
/* product exzoom */

    .navbar-nav li:hover > ul.dropdown-menu {
        display: block;
    }
    .dropdown-submenu {
        position:relative;
    }
    .dropdown-submenu a:hover {
        background-color: var(--bs--blue);
        color: #fff;
    }
    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top:-6px;
    }
    
    /* rotate caret on hover */
    .dropdown-menu > li > a:hover:after {
        text-decoration: underline;
        transform: rotate(-90deg);
    } 
    
a.text-decoration-none.ps-3{
    transition: 0.3s;
}
a.text-decoration-none.ps-3:hover {
    letter-spacing: 1px;
}

/* buttons with hover */
    .btn-btn {
        width: 97px;
        border-color: var(--bs--blue);
        color: var(--bs--blue);
        border-radius: 50px;
        transition: 0.5s;
    }
    .btn-btn:hover {
        background-color: var(--bs--blue);
        color: #fff;
    }
/* buttons with hover */

a.text-decoration-none.ps-3.text-black {
    display: flex;
    align-items:center;
  }
  a.text-decoration-none.ps-3.text-black:before {
    content: "▶";
    margin-right: 11px !important;
    margin-left: -25px !important;
}


.card_image {
    height: 160px;
}
.product_card:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16), 0 4px 10px rgba(0, 0, 0, 0.23);
    transition: 0.5s;
}
.transition{
    transition: 0.7s;
}

/* cart input */

.image{
    height: 160px;
}

.offcanvas {
    transition: 0.5s;
}

input.text-center.form-control {
    height: fit-content;
    margin-top: 28px;
}

/* cart input */


/* nav  */
/* .dropdown-menu ul li:hover a {
    color: var(--bs--blue) !important;
} */

/* nav  */

/* search result hover */
li.border-bottom.border-gray-800.ms-1:hover {
   background-color: var(--bs--blue) !important;
   color: #fff !important;
}
li.border-bottom.border-gray-800.ms-1:hover a{
    color: #fff !important;
 }
/* search result hover */

/* @media screen and (min-width:993px) {
 
} */

@media screen and (max-width:767px) {
    .badge-size {
        height: 16px;
        width: 16px;
    }

    .badge-size p {
        font-size: 12px;
    }

    .offcanvas.offcanvas-end {
        width: 75%;
        transition: 0.5s;
    }
}