@font-face{
    font-family:'Hind Siliguri';
    src:url(../css/fonts/HindSiliguri-Regular.woff2) format('woff2');
    font-weight:400;
    font-style:normal;
    font-display:swap
}
@font-face{
    font-family:'Hind Siliguri';
    src:url(../css/fonts/HindSiliguri-Bold.woff2) format('woff2');
    font-weight:700;
    font-style:normal;
    font-display:swap
}
body{
    margin:0;
    padding:0;
    font-family:'Hind Siliguri',sans-serif;
    background:#f1f5f9
}
a{
    text-decoration:none!important
}
.fas{
    margin:auto 5px!important
}
.menu .active {
    color: #ffffff !important;
    background: #312ebc;
    padding: 0px 15px;
    border-radius: 95px !important;
}
.modal-body{
    padding:40px 30px
}
::-webkit-scrollbar{
    width:0
}
.hideScrollBody{
    overflow:hidden;
    padding-right:10px
}
.nav{
    margin-bottom:50px;
    float:left;
    width:100%
}
.nav nav{
    background:#fff;
    height:auto;
    width:100%;
    position:fixed;
    top:0;
    box-shadow:0 0 6px -4px #000;
    z-index:1000;
    padding:10px 0
}
.nav .logo{
    float:left;
    width:30%
}
.nav .logo a{
    float:left
}
.nav .logo img{
    height:40px;
    width:auto;
    display:flex;
    object-fit:cover
}
.nav .menu{
    float:right;
    width:70%;
    text-align:right
}
.nav .menu ul{
    list-style:none;
    margin:0;
    padding:0;
    float:right
}
.nav .menu ul li{
    display:inline-block;
    margin-left:20px
}
.nav .menu ul li a{
    font-weight:700;
    font-size:18px;
    line-height:38px;
    float:left;
    border-radius:5px;
    color:#383737
}
.nav .menu ul li a:hover{
    transition:.5s ease-in-out;
    color:#312ebc
}
.nav .menu ul li a img{
    height:25px;
    width:25px;
    margin:0 auto;
    display:block;
    margin-top:7px
}
.toggleLeftbar{
    position:absolute;
    top:15px;
    padding-left:10px;
    display:none
}
.toggleLeftbar button svg{
    width:25px
}
.getSearchBtn{
    position:absolute;
    top:15px;
    padding-left:10px;
    display:none
}
.getSearchBtn button svg{
    width:25px
}
.sideMenuCover{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgb(0 0 0 / 78%);
    z-index:10000;
    display:none;
    cursor:no-drop
}
.sideMenu{
    position:fixed;
    top:0;
    left:-350px;
    width:350px;
    height:100%;
    background-color:#fff;
    box-shadow:0 4px 25px rgb(0 0 0 / .05);
    z-index:10001;
    transition:left 0.3s ease-in-out;
    padding:20px;
    overflow:auto
}
.sideMenu .accordion-item{
    margin-bottom:10px;
    border-radius:10px;
    overflow:hidden
}
.sideMenu .header{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px
}
.sideMenu .header h3{
    float:left
}
.sideMenu .header button{
    background:none;
    border:none;
    font-size:24px;
    color:#000;
    cursor:pointer
}
.sideMenu .header button svg{
    width:25px;
    margin-top:-10px;
    color:#da5656
}
.accordion-item{
    border:none;
    margin-bottom:5px;
    border-radius:8px;
    transition:all 0.3s ease-in-out
}
.accordion-item:last-of-type{
    margin-bottom:0
}
.accordion-header{
    border-bottom:none
}
.leftSitebarBtn{
    display:flex;
    align-items:center;
    width:100%;
    padding:15px 20px;
    font-size:1.1rem;
    font-weight:600;
    color:#333;
    background-color:#d1d0d066;
    border:none;
    border-radius:8px;
    text-align:left;
    transition:all 0.3s ease-in-out;
    position:relative;
    z-index:1;
    margin:10px 0
}
.leftSitebarBtn:hover{
    background-color:#f77213;
    color:#f9f9f9
}
.leftSitebarBtn:focus{
    box-shadow:none
}
.category-img{
    width:35px;
    height:35px;
    object-fit:cover;
    margin-right:12px;
    flex-shrink:0
}
.accordion-button::after{
    flex-shrink:0;
    width:1.25rem;
    height:1.25rem;
    margin-left:auto;
    content:"";
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat:no-repeat;
    background-size:1.25rem;
    transition:transform 0.2s ease-in-out
}
.accordion-collapse.collapse{
    transition:height 0.3s ease-in-out
}
.accordion-body{
    padding:10px 0;
    background-color:#fcfcfc;
    border-bottom-left-radius:8px;
    border-bottom-right-radius:8px
}
.sub-list{
    list-style:none;
    padding-left:0;
    margin-left:0
}
.child-list{
    list-style:none;
    margin:0;
    padding:0
}
.sub-list li,.child-list li{
    margin-bottom:3px
}
.sub-list a,.child-list a{
    text-decoration:none;
    color:#555;
    display:flex;
    align-items:center;
    gap:8px;
    padding:8px 25px;
    transition:all 0.2s ease;
    font-size:.95rem
}
.accordion-button:not(.collapsed){
    color:#000;
    background-color:#edecec;
    border:none!important
}
.accordion-collapse{
    transition:height 0.3s ease-in-out;
    padding:5px 0
}
.accordion-body{
    padding:10px 0;
    background-color:#d1d0d066;
    border-radius:10px;
    border:1px solid #dee2e6
}
.accordion-body p{
    width:100%;
    text-align:center;
    font-weight:700;
    line-height:50px;
    height:30px;
    font-style:italic
}
.sub-list a{
    padding-left:10px;
    color:#000;
    font-weight:700
}
.child-list a{
    padding-left:25px;
    font-weight:400;
    color:#413939
}
.sub-list a:hover,.child-list a:hover{
    color:#0d6efd;
    background-color:#f5f5f5
}
.sub-list a .fa-angle-right{
    font-size:.8rem;
    color:#999
}
.child-list a .fa-circle-dot{
    font-size:.6rem;
    color:#999
}
.sub-list a:hover .fa-angle-right,.child-list a:hover .fa-circle-dot{
    color:#0d6efd
}
.mobileNav{
    display:none;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background:#fff;
    backdrop-filter:blur(4px) saturate(180%);
    -webkit-backdrop-filter:blur(4px) saturate(180%);
    box-shadow:0 -2px 15px rgb(0 0 0 / .1);
    z-index:1000;
    padding:8px 0;
    border-top:1px solid rgb(255 255 255 / .3);
    font-family:'Ubuntu',sans-serif;
    transition:all 0.3s ease-in-out
}
.mobileNav ul{
    width:100%;
    margin:0;
    float:left;
    padding:0
}
.mobileNav ul li{
    list-style:none;
    width:20%;
    float:left;
    display:block
}
.mobileNav ul li a{
    color:#000;
    font-size:14px;
    text-align:center;
    display:block;
    transition:all 0.2s ease-in-out;
    padding:5px 10px;
    position:relative
}
.mobileNav ul li a svg{
    width:20px;
    display:block;
    text-align:center;
    margin:0 auto
}
.mobileNav ul li a span{
    display:block;
    text-align:center;
    width:100%
}
.mobileNav ul li .active{
    padding:5px 0;
    border-radius:25px;
    color:#f77213;
    font-weight:700
}
.mobileNav ul li .active svg{
    stroke:#f77213!important;
    fill:none!important
}
.mobileNav ul li a img{
    height:20px;
    width:20px;
    margin:0 5px;
    margin-bottom:5px
}
.mobileNav ul li .active span{
    display:inline-block!important
}
.cartView{
    position:fixed;
    top:0;
    right:-400px;
    width:300px;
    height:100vh;
    background-color:#fff;
    box-shadow:0 4px 25px rgb(0 0 0 / .05);
    z-index:10002;
    transition:right 0.3s ease-in-out;
    padding:0;
    overflow:auto
}
.cartHeader{
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    height:50px;
    padding:0 15px;
    box-shadow:0 0 10px -3px #0000007d;
    padding-top:10px
}
.cartHeader button{
    background:none;
    border:none;
    font-size:25px;
    margin-top:-10px
}
.cartHeader button svg{
    width:25px;
    color:#da5656;
    margin-top:-5px
}
.site-footer{
    background-color:#fff;
    color:#000;
    padding-top:60px;
    float:left;
    width:100%;
    margin-top:50px;
    box-shadow:0 0 6px -4px #000
}
.site-footer h5,.site-footer h6{
    color:#000;
    font-weight:700;
    margin-bottom:20px
}
.site-footer p,.site-footer li{
    font-size:.9rem;
    line-height:1.8
}
.site-footer .list-unstyled li a{
    color:rgb(255 255 255 / .7);
    text-decoration:none;
    transition:color 0.3s ease
}
.site-footer .list-unstyled li a:hover{
    color:#000
}
.footer-logo img{
    width:auto;
    height:40px
}
.social-icons a{
    font-size:1.5rem;
    color:rgb(0 0 0 / .7);
    margin-right:15px;
    transition:color 0.3s ease;
    text-decoration:none
}
.social-icons a:hover{
    color:#000
}
.app-badges img{
    max-width:150px;
    height:auto;
    border-radius:5px
}
.dbid-badge{
    max-width:120px;
    height:auto;
    margin-top:20px
}
.text-white-50{
    color:rgb(0 0 0 / .7)!important
}
.currentUser{
    padding:5px 10px;
    border:2px solid #000;
    color:#000;
    border-radius:5px;
    font-size:14px;
    margin:10px auto;
    float:left;
    font-weight:700
}
.currentUser svg{
    color:#000;
    animation:eyeBlink 2s cubic-bezier(.68,-.55,.27,1.55) infinite;
    margin-right:5px;
    height:25px;
    width:20px
}
@keyframes eyeBlink{
    0%,100%{
        opacity:1;
        transform:scale(1)
    }
    50%{
        opacity:.5;
        transform:scale(1.1)
    }
}
#flootingCart button{
    position:fixed;
    right:25px;
    bottom:50px;
    padding:5px;
    font-size:2px;
    height:50px;
    width:50px;
    border-radius:50%;
    border:2px solid #fff;
    background:#f77213;
    box-shadow:0 0 9px -2px #838383;
    animation:float 3s ease-in-out infinite;
    color:#fff;
    z-index:100000000
}
@keyframes float{
    0%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-15px)
    }
    100%{
        transform:translateY(0)
    }
}
#flootingCart button svg{
    color:#fff;
    width:25px;
    height:24px
}
#flootingCart button:hover svg{
    color:#5eff00
}
#NumberOfItemInCart{
    position:absolute;
    top:-10px;
    right:-5px;
    background:red;
    height:20px;
    width:20px;
    font-size:14px;
    color:#fff!important;
    border-radius:50%
}

.mobileSlidUpMenubg{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgb(0 0 0 / 78%);
    z-index:10000000;
    display:none;
    cursor:no-drop
}


.mobileSlidUpMenu {
	position: fixed;
	bottom: -200px;
	left: 0;
	width: 100%;
	background: #fff;
	box-shadow: 0 -2px 15px rgb(0 0 0 / .1);
	z-index: 1000000000;
	padding: 20px;
	text-align: center;
	transition: all 0.3s ease-in-out;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
    cursor: default;
}


.menuHeader {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px
}
.menuHeader h3 {
    font-size:1.5rem;
    font-weight:700;
    color:#333
}

.menuHeader button {
    background:none;
    border:none;
    font-size:24px;
    color:#333;
    cursor:pointer
}



.menuBody {
    padding: 25px 0px;
    border-radius: 30px 30px 0 0;
    overflow-y: auto;
}

.menuBody ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.menuBody li a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 20px 15px;
    text-decoration: none;
    color: #1e293b;
    font-size: 15px;
    font-weight: 700;
    background: #f4f6f9;
    border: 1px solid rgba(52, 48, 197, 0.1);
    border-radius: 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03);
    overflow: hidden;
    transition: all 0.3s ease;
    z-index: 1;
}


.menuBody li a:hover,
.menuBody li a.active {
    transform: translateY(-5px);
    border-color: #3430c5;
    box-shadow: 0 12px 15px rgba(52, 48, 197, 0.15);
    color: #3430c5;
}

.menuBody li a:hover::before,
.menuBody li a.active::before {
    opacity: 0.15;
}

.menuBody li a svg {
    width: 30px;
    height: 30px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #64748b;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.menuBody li a:hover svg,
.menuBody li a.active svg {
    color: #3430c5;
    transform: scale(1.1) translateY(-3px);
}

.menuSocials {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 20px;
}

.menuSocials a {
    font-size: 20px;
    color: #64748b;
    transition: color 0.3s ease;
}

.menuSocials a:hover {
    color: #3430c5;
}

.mobileFooterLinks {
	margin-top: 10px;
	padding-top: 20px;
	border-top: 1px solid rgba(52, 48, 197, 0.1);
	text-align: center;
	margin-bottom: -30px;
}

.quickLinks {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px;
    margin-bottom: 15px;
}

.quickLinks a {
    font-size: 12px;
    color: #64748b;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
}

.quickLinks a:hover {
    color: #3430c5;
}

.contactInfo p {
    margin: 5px 0;
    font-size: 11px;
    color: #94a3b8;
}






@media (max-width:710px){
    .site-footer .col-lg-3:nth-child(1){
        margin-bottom: 0 !important;
    }
    .footer-bottom {
        margin-top: 0 !important;
    }
    .site-footer .col-lg-3:nth-child(2), .site-footer .col-lg-3:nth-child(3) , .site-footer .col-lg-3:nth-child(4){
        display: none;
    }
}
@media (max-width:768px){
    .site-footer .col-md-3{
        text-align:center
    }
    .social-icons{
        text-align:center;
        margin-top:15px
    }
    .app-badges{
        text-align:center
    }
    .app-badges a{
        display:inline-block!important;
        margin:0 10px 10px 10px
    }
    .footer-logo{
        text-align:center
    }
    .currentUser{
        float:unset;
        margin-top:10px;
        display:block;
        width:150px
    }
}
@media only screen and (max-width:1200px){
    .container{
        min-width:100%!important
    }
}
@media only screen and (max-width:1000px){
    .nav .menu ul li a{
        font-size:17px
    }
}
@media only screen and (max-width:1000px){
    .nav .logo{
        float:left;
        width:180px
    }
    .nav .menu{
        float:right;
        width:calc(100% - 200px);
        text-align:right
    }
}
@media only screen and (max-width:800px){
    .nav .menu ul li{
        display:inline-block;
        margin-left:10px
    }
}
@media only screen and (max-width:750px){
    .nav .menu ul li a{
        font-size:16px;
        line-height:33px
    }
}
@media only screen and (max-width:710px){
    .nav .logo{
        float:unset;
        width:180px;
        margin:0 auto
    }
    .nav .logo a{
        float:unset;
        margin:0 auto;
        display:block
    }
    .nav .logo img{
        height:40px;
        width:auto;
        object-fit:cover;
        margin:0 auto;
        display:block
    }
    .site-footer{
        margin-bottom:60px
    }
    .nav .menu ul li a img{
        margin-top:1px;
        margin-left:-4px
    }
    .nav .menu ul li a i{
        display:block
    }
    .nav .menu ul li{
        display:none
    }
    .nav .menu ul li a{
        color:#fff;
        text-decoration:none;
        font-weight:500;
        font-size:18px;
        line-height:43px;
        background:#34313a;
        padding:7px;
        text-align:center;
        margin:0;
        padding-left:12px;
        border-radius:5px;
        transition:.5s ease-in-out;
        float:right
    }
    .nav .menu ul li a:hover{
        color:#fcd259;
        background:#000;
        transition:.5s ease-in-out
    }
    .toggleLeftbar{
        display:block
    }
    .toggleLeftbar button{
        background:none;
        border:none;
        font-size:22px;
        margin-top:-3px
    }
    .getSearchBtn{
        display:block;
        right:20px
    }
    .getSearchBtn button{
        background:none;
        border:none;
        font-size:22px;
        margin-top:-3px
    }
    .mobileNav{
        display:block
    }
    #flootingCart button{
        bottom:80px;
        font-size:20px;
        height:40px;
        width:40px
    }
    #NumberOfItemInCartMobo{
        position:absolute;
        top:5px;
        right:50%;
        background:#000;
        height:18px;
        width:18px;
        font-size:12px;
        color:#fff;
        border-radius:50%;
        transform:translate(120%,-50%)
    }
}
.form-floating>label{
    padding:16px 10px!important;
    font-size:16px!important
}
.loggedUserActionMenu{
    width:250px;
    border-radius:10px;
    margin-top:15px!important;
    overflow:hidden;
    box-shadow:0 4px 25px rgb(0 0 0 / .05)
}
.loggedUserActionMenu li{
    padding:5px!important;
    margin:0!important;
    width:100%;
    text-align:left!important
}
.loggedUserActionMenu .userPhoto{
    width:40px;
    height:40px;
    float:left;
    margin:4px;
    margin-right:10px;
    border-radius:3px
}
.loggedUserActionMenu li strong{
    font-size:13px;
    margin-bottom:-5px;
    margin-top:5px
}
.loggedUserActionMenu li a{
    font-size:14px!important;
    line-height:unset!important;
    background:#eeeded!important;
    margin:0;
    transition:.3s ease-in-out;
    width:100%!important
}
.loggedUserActionMenu li a:hover{
    color:blue!important;
    transition:.3s ease-in-out
}
.loggedUserActionMenu .logoutBtn{
    background:#dc3545!important;
    color:#fff!important;
    margin-bottom:5px
}
.cartView .cartBody{
    height:calc(100vh - 130px);
    overflow:hidden;
    overflow-y:scroll;
    padding:15px
}
.cartFooter{
    height:80px;
    box-shadow:0 0 10px -3px #0000007d
}
.cartFooter a{
    margin:5px;
    width:calc(50% - 12px);
    padding:0;
    height:35px;
    line-height:30px
}
.cartFooter .sum{
    font-size:18px;
    padding:5px 0 0 5px;
    font-weight:700
}
.swal2-container{
    z-index:100000000000000
}