html {
  scroll-behavior: smooth !important;
  scroll-padding-top: 6rem;
}

body {
margin: 0;
}

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

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

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

.banFont {
font-family: 'Bangla';
}

@font-face {
font-family: 'anydoreregular';
src: url('./fontA/anydore.woff2') format('woff2')
}
.anyFont {
font-family:'anydoreregular';
}

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

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

code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
monospace;
}


/**************FOOTER*******************/
.footBg {
  background: url('/img/footerAlt.gif'), #05010ff5;
  background-blend-mode: overlay; /* or multiply, darken, overlay etc. */
  background-size: cover;
  background-attachment: fixed;
  background-position: center center;
  background-repeat: no-repeat;
}

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

.img-hover-zoom { height: 250px !important; width: 250px !important; 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 2s ease; -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover {
border: 1px solid #400040;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 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);
}

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

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

}

.onlyBottom {
margin-bottom: 6rem !important;
}
        
.txtShadow {
text-shadow: 1px 1px 1px #0808088a !important;
}

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


/*********PRINT BUTTON**********************/
/* Styling for hidden buttons */
.hidePrintBtn {
width: 90px;
transition: all .2s ease;
}

.hidePrintBtn:hover {
background: #ec2813 !important;
color: #eaeadf !important;
width: 120px;
}
/***=========================*******/

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