/* Global fix for the padding/width issue */
*, *::before, *::after {
  box-sizing: border-box;
}

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: 'AnekBangla';
src: url('./../../fontA/AnekBangla.woff2') format('woff2'); /*  conntected from sohojapp 🔔 */
}

.anek {
font-family: 'AnekBangla' !important;
}

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

.baluda {
font-family: 'BalooDa';
}

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

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

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

.tiro {
font-family:'Tiro';
}

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

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

/**************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**********************/
.submitting {
width: 100px;
font-size:16px !important;
font-weight: bold !important;
color:#ffffff !important;
background:#552f10 !important;
padding:10px !important;
border:1px dashed #c0c0c0 !important;
border-radius:4px !important;
margin:10px 0 !important;
transition: all .5s ease !important;
text-align: center;
}

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


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

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

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