html {
scroll-behavior: smooth !important;
}

.btn-sumon { 
box-shadow: 1px 1px 1px 1px #dde0e0;    
background:#b9eff3;
padding: 2rem !important; 
text-align: center !important; 
font-size: 22px !important; 
width: 23%;
margin: 5px auto;
font-weight: 400; 
color:#351594 !important; 
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

@media screen and (max-width:767px) {
.btn-sumon {
width: 48%;
}
}

.btn-sumon:hover {
background:#f3f9fb;
color:#008040 !important;
box-shadow: 1px 1px 1px 1px #a4daea !important;       
}

.sumonBtn {
background:#dbf3b9;
padding: 2rem !important;
text-align: center !important;
font-size: 22px !important;
width: 23%;
margin: 5px auto;
font-weight: 400;
color:#351594 !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

@media screen and (max-width:767px) {
.sumonBtn {
width: 48%;
}
}

.sumonBtn:hover {
background:#f3f9fb;
color:#0a77ae !important;
box-shadow: 2px 2px 8px 12px #e9eaea !important;       
}


.CREATE:hover {
background:#004040;
color:#ffffff;
letter-spacing:5px;
transition:all .5s ease;
}

.submitting {
width: 150px !important;
color:#895707 !important;
padding:10px !important;
border:1px solid #ebbc30 !important;
margin:10px 0 !important;
transition: all .5s ease !important;
}

.submitting:hover {
color:#ffffff !important;
background:#004040 !important;
letter-spacing:3px !important;
}

@font-face {
font-family: 'HindSiliguri';
src: url('./HindSiliguri.woff2') format('woff2');
}

.siliguri {
font-family: 'HindSiliguri';
}

@font-face {
font-family: 'Bangla';
src: url('./Bangla.woff2') format('woff2');
}

.bangla {
font-family: 'Bangla' !important;
}

@font-face {
font-family: 'Anydore';
src: url('./Anydore.woff2') format('woff2');
}

.anyFont {
font-family: 'Anydore' !important;
}


@font-face {
font-family: 'Kalpana';
src: url('./Kalpana.woff2') format('woff2');
}

.kalpana {
font-family: 'Kalpana' !important;
}

@font-face {
font-family: 'BalooDa';
src: url('./BalooDa.woff2') format('woff2');
}

.baluFont {
font-family: 'BalooDa' !important;
}

@font-face {
font-family: 'Ballista';
src: url('./Ballista.woff2') format('woff2');
}

.ballFont {
font-family: 'Ballista' !important;
}

@font-face {
font-family: 'LipiPadmo';
src: url('./LipiPadmo.woff2') format('woff2');
}

.lipiFont {
font-family: 'LipiPadmo';
}

@font-face {
font-family: 'CodepotroAbuSayed';
src: url('./CodepotroAbuSayed.woff2') format('woff2');
}

.abuSayed {
font-family: 'CodepotroAbuSayed';
}


.text-secondary {
color: #4e4e4e !important;
}


/*******PRINT********/
@media print {
@page {
size: A4;
}
#commonPrint {
position:relative;
left:0px;
top:5px; /* this will save top border of the entire page border */
color: #111111 !important;
/*overflow:hidden;*/
page-break-inside: avoid !important;
}
.sumonPrintHide {
display: none !important;
}
}

.hidePrintBtn:hover {
color: #f7f7f7 !important;
transition: all .3s ease-in-out !important;
}

.topBottom {
margin-top: 6em !important;
margin-bottom: 6em !important;
}

/******************AnimatedTitle********* 
NOTE:: Don't use bootstrap text-color class
*****************/
.smartTitle {
animation: suMon 2s infinite;
-webkit-animation: suMon 2s infinite;
}
@keyframes suMon {
0% {color: #f10808;}
25% {color: #ccda0b;}
50% {color: #f0e2f1;}
75% {color: #13f1f1;}
100% {color: #f10808;}
}


.smartTitle2 { animation: sumonOshammi 5s infinite; -webkit-animation: sumonOshammi 5s infinite;
}
@keyframes sumonOshammi {
0% {color: #dafcae;}
50% {color: #f1d075;}
80% {color: #e78ff3;}
100% {color: #e78ff3;}
}


.txtShadow {
text-shadow: 1px 1px 1px #212529;
}

.onlyTop {
margin-top: 6rem !important;
}

.onlyBottom {
margin-bottom: 6rem !important;
}

/******************ZOOM***************/

.img-hover-zoom { overflow: hidden; border: 2px solid #ebebeb; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; transition: transform .5s ease; -webkit-transition: transform .5s ease; -moz-transition: transform .5s ease; -ms-transition: transform .5s ease; -o-transition: transform .5s ease;
}


/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover {
border: 1px solid #400040;
border-radius:5px;
transform: scale(2);
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}


/***************USE CUSTOM ANIMATION 
***********/
.SUMONLEFT {
position: relative;
animation-name: checkOut2;
animation-duration: 2s; 
animation-delay: 1s;
animation-fill-mode: forwards;
}

@keyframes checkOut2 {
from {left: 10%;}
to {left: 0px;}
}
.SUMONRIGHT {
position: relative;
animation-name: checkOut1;
animation-duration: 2s; 
animation-delay: 1s;
animation-fill-mode: forwards;
}

@keyframes checkOut1 {
from {right: 20%;}
to {right: 0px;}
}


/*----------imaage animation zoom-------*/
.sliderZoom img {
transition: transform 0.5s ease;
animation: sumonZoom 5s infinite alternate;
-webkit-animation: sumonZoom 5s infinite alternate;
}

@keyframes sumonZoom {
0% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
/* 50% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}*/
100% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}
}

/***************************/

.sliderZoomAlt img {
transition: transform 0.5s ease;
animation: sumonZoomAlt 5s infinite alternate;
-webkit-animation: sumonZoomAlt 5s infinite alternate;
}

@keyframes sumonZoomAlt {
0% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
}
/* 50% {
transform: scale(1.1);
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
}*/
100% {
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
}

.customBanglaFontSize {
font-size: 22px !important;
}
.customSiliguriFontSize {
font-size: 20px !important;
}

/*******single product ZOOM ON **********/
.image-container {
overflow: hidden !important;
position: relative;
}

.zoom-wrapper {
position: relative;
max-width: 400px !important;
height: 400px !important;
}

.zoomable-image {
transition: transform 0.5s ease;
transform-origin: center;
width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
-webkit-transition: transform 0.5s ease;
-moz-transition: transform 0.5s ease;
-ms-transition: transform 0.5s ease;
-o-transition: transform 0.5s ease;
}
/*******single product ZOOM OFF **********/


/*******Product Gallery Img**********/
.zoom-wrapper-gallery {
    position: relative;
    width: 100% !important;
    height: 200px !important;
    }
/*******Product Gallery Img OFF **********/


/*------------CART-BADGE----*/
.badge {
    font-size: 0.8rem;
    padding: 0.2rem 0.5rem;
    border-radius: 10%;
    color: white;
    position: relative;
    top: -8px !important;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    -ms-border-radius: 10%;
    -o-border-radius: 10%;
}
/*------------CART-BADGE_OFF----*/