/* 
This ensures that "pseudo-elements" (like decorative icons or underlines) also follow the border-box rule.
 */
*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

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

body {
font-family: 'SolaimanLipi', Arial, Helvetica, sans-serif;
}

.containerbg {
background: url('/img/j24.webp'), linear-gradient(270deg, #f8676e96, #5047cf, #8459e7b6);
background-blend-mode: multiply;
}

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

.solaiman {
font-family: 'SolaimanLipi' !important;
}

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

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

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

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


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

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

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


/**************FOOTER*******************/
.footBg {
background: url('/img/footerBG.jpg');

}

/***************QUICK_ACCESS************************/
/* #quick a:hover {
background-color: #422d08;
color: #fff;
width: 80%;
transition: all 1s ease;
} */
/***************USE CUSTOM ANIMATION 
***********/
.AAUHSL {
position: relative;
animation-name: school2;
animation-duration: 1s; 
animation-fill-mode: forwards;
}

@keyframes school2 {
from {left: 10%;}
to {left: 0px;}
}
.AAUHSR {
position: relative;
animation-name: school;
animation-duration: 1s; 
animation-fill-mode: forwards;
}

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

.SUMONTOP {
position: relative;
animation-name: uptotop;
-o-animation-name: uptotop;
animation-duration: 2s;
/*animation-delay: 1s;*/
animation-fill-mode: forwards;
-o-animation-fill-mode: forwards;
}

@keyframes uptotop {
from { transform: translateY(8%); -webkit-transform: translateY(8%); -moz-transform: translateY(8%); -ms-transform: translateY(8%); -o-transform: translateY(8%);
}
to {
transform: translateY(0);
}
}


/**************ZOOM Chairman**********/

.chairmanImgZoom { border: 2px solid #ebebeb; border-radius:8px; transition: transform 2s ease; -webkit-transition: transform 2s ease; -moz-transition: transform 2s ease; -ms-transition: transform 2s ease; -o-transition: transform 2s ease; -webkit-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px;
}


/* [3] Finally, transforming the image when container gets hovered */
.chairmanImgZoom:hover {
border: 1px solid #0aac96;
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);
}

/******************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: all .5s ease-in-out; -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; -ms-transition: all .5s ease-in-out; -o-transition: all .5s ease-in-out;
}


/* [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.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05);
}


.txtShadow {
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.336);
}

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

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

/*----------imaage animation zoom-------*/
.zoomImg 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);
    }
    }
    
    /***************************/
    
    .zoomImgAlt 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);
    }
    }

/* custom container*/
.sumoncontainer {
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .sumoncontainer {
    width: 100%;
    padding:15px;
  }
}
/*======================*/

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