@font-face {
    font-family: 'Inter';
    src: url('fonts/Inter-Regular.ttf') ;
}
@font-face {
    font-family: 'Noto Serif Bengali';
    src: url('fonts/NotoSerifBengali-Regular.ttf') ;
}

body {
margin: 0;
padding: 0;
background-color: aliceblue;
font-family: 'Inter','Noto Serif Bengali', sans-serif;
}

.container{
max-width: 1100px;
}

html {
scroll-behavior: smooth;
}
.theme-link {
font-weight: 600;
}
.hidden{
visibility: hidden;
}
.homeDep a{
color: #000;
}



.alignItemsC{
align-items: center;
}
.height100{
height: 100%;
}
/*************************************
******** PRELOADER CSS  **********
*************************************/

.preloader-area {
position: fixed;
width: 100%;
height: 100vh;
background: #ffffff;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
top: 0;
}
.preloader-area.load {
background: #2a2a2a4f !important;
}

.theme-loader {
width: 70px;
height: 70px;
margin: auto;
transform-style: preserve-3d;
animation: animate 4.59s ease-in-out infinite;
z-index: 999;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

.theme-loader:before,
.theme-loader:after {
content: "";
width: 50px;
height: 50px;
border: 15px solid #f95700;
border-radius: 50%;
position: absolute;
animation: animate_1 1.73s ease-in-out infinite both reverse;
}
.col-div-20{
width: 20% !important;
}
.col-div-25{
    width: 25% !important;
}

.theme-loader:after {
border-color: #142160;
animation-delay: -0.86s;
}

@keyframes animate {

0%,
100% {
    transform: rotateX(8.75deg) rotateY(35deg);
}

50% {
    transform: rotateX(35deg) rotateY(-35deg) rotate(180deg);
}
}

@keyframes animate_1 {

0%,
100% {
    transform: translateZ(25px) rotateX(14deg);
}

33% {
    transform: translateZ(-25px) scale(0.4);
}

66% {
    transform: translateZ(-25px);
}
}



/* Loader 3 */
/* .loader-3 {
height: 32px;
width: 32px;
} */
.loader-3 span {
  display: block;
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  margin: auto;
  height: 32px;
  width: 32px;
}
.loader-3 span::before {
  content: "";
  display: block;
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  margin: auto;
  height: 32px;
  width: 32px;
  border: 3px solid #ff5d1e;
  border-bottom: 3px solid transparent;
  border-radius: 50%;
  -webkit-animation: loader-3-1 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
          animation: loader-3-1 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-3-1 {
  0%   { -webkit-transform: rotate(0deg); }
  40%  { -webkit-transform: rotate(180deg); }
  60%  { -webkit-transform: rotate(180deg); }
  100% { -webkit-transform: rotate(360deg); }
}
@keyframes loader-3-1 {
  0%   { transform: rotate(0deg); }
  40%  { transform: rotate(180deg); }
  60%  { transform: rotate(180deg); }
  100% { transform: rotate(360deg); }
}
.loader-3 span::after {
  content: "";
  position: absolute;
  top: 0; left: 0;
  bottom: 0; right: 0;
  margin: auto;
  width: 6px;
  height: 6px;
  background: #ff5d1e;
  border-radius: 50%;
  -webkit-animation: loader-3-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
          animation: loader-3-2 1.5s cubic-bezier(0.770, 0.000, 0.175, 1.000) infinite;
}
@-webkit-keyframes loader-3-2 {
  0%   { -webkit-transform: translate3d(0, -32px, 0) scale(0, 2); opacity: 0; }
  50%  { -webkit-transform: translate3d(0, 0, 0) scale(1.25, 1.25); opacity: 1; }
  100% { -webkit-transform: translate3d(0, 8px, 0) scale(0, 0); opacity: 0; }
}
@keyframes loader-3-2 {
  0%   { transform: translate3d(0, -32px, 0) scale(0, 2); opacity: 0; }
  50%  { transform: translate3d(0, 0, 0) scale(1.25, 1.25); opacity: 1; }
  100% { transform: translate3d(0, 8px, 0) scale(0, 0); opacity: 0; }
}


/*************************************
******** PRELOADER CSS  **********
*************************************/


#myBtn {
position: fixed;
bottom: 50px;
right: -35px;
z-index: 99;
font-size: 12px;
outline: none;
color: #f3511e;
cursor: pointer;
padding: 10px 0px;
border: 0;
background-color: transparent;
font-weight: bold;
transform: rotate(-90deg);
align-items: center;
display: none;
}

#myBtn .scroll-bar {
width: 50px;
height: 4px;
position: relative;
margin-left: 10px;
}

#myBtn .scroll-bar:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
height: 100%;
width: 100%;
background-color: #f3511e;
}



/* Topbar */
.header .top-bar {
padding: 2.5px 0px;
}
.header .top-bar-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.header .top-bar-inner .list-unstyled{
display: flex;
align-items: center;
}

.header .top-bar .content {
float: left;
}

.header .top-bar .content li {
display: inline-block;
margin-right: 10px;
font-weight: 500;
font-size: 12px;
}

.header .top-bar .content li:last-child {
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}

.header .top-bar .content li i {
margin-right: 5px;
padding-right: 10px;
}

.header .top-bar .social li {
display: inline-block;
margin: 0;
margin-right: 10px;
}
.header .top-bar .social li .sc-icon {
display: inline-block;
margin: 0;
font-size: 12px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}

.header .top-bar .social li:last-child {
margin-right: 0px;
}

/* .header .top-bar .social li a {
border-right: 1px solid #ffc122;
border-radius: 5px;
padding-right: 6px;
padding-top: 5px;
padding-bottom: 6px;
} */
.header .top-bar .social li a img {
width: 100px;
padding: 2.5px 5px;
background: white;
border-radius: 2.5px;
}



.header .header-top {
padding: 10px 0px;
align-items: center;
display: flex;
background: #fff;
}

.header .header-top .logo {
display: flex;
align-items: center;
}

.header .logo img {
width: 90px;
margin-right: 10px;
}

.header .logo p {
margin: 0;
}

.header .logo h2 {
margin: 0;
}

.header .button-widget {
text-align: right;
}

/* header end */



.code-section{
    background-color: var(--site-bg-1);
}
.code-section .bg-1{
background-color: var(--site-color1);
color: #fff;
}
.code-section .bg-2{
background-color: var(--site-color1);
color: #fff;
}



.top-content {
background-image: url(../image/abstract-background.jpg);
}
.top-content .image {
width: 100%;
position: relative;

}
.top-content .image img {
width: 100%;
border-radius: 5px;
box-shadow: 0px 0px 10px #ededed;
}

/* to-content */


/* slider-section */
.slider-section .slideshow-container {
max-width: 1000px;
position: relative;
margin: auto;
}
.slider-section .slider-img{
aspect-ratio: 19/6;
}

.slider-section .mySlides {
display: none;
}

.slider-section .prev,
.next {
cursor: pointer;
position: absolute;
width: auto;
padding: 5px 10px;
font-weight: bold;
font-size: 18px;
transition: 0.6s ease;
border-radius: 0 3px 3px 0;
user-select: none;
}

.slider-section .next {
right: 0;
border-radius: 3px 0 0 3px;
}

.slider-section .prev:hover,
.next:hover {
background-color: rgba(0, 0, 0, 0.8);
}

.slider-section .text {
color: #f2f2f2;
font-size: 15px;
padding: 8px 12px;
position: absolute;
bottom: 8px;
width: 100%;
text-align: center;
}

.slider-section .numbertext {
color: #f2f2f2;
font-size: 12px;
padding: 8px 12px;
position: absolute;
top: 0;
}

.slider-section .dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.slider-section .active,
.dot:hover {
background-color: #717171;
}

.slider-section .fade {
animation-name: fade;
animation-duration: 1.5s;
}

.slider-section .carousel-control-next-icon,
.carousel-control-prev-icon {
display: inline-block;
width: 3rem;
height: 3rem;
background-repeat: no-repeat;
background-position: 50%;
background-size: 100% 100%;
background-color: #142160a1;
border-radius: 3px;
}

@keyframes fade {
from {
    opacity: .4
}

to {
    opacity: 1
}
}

.slider-section .carousel-item:after {
content:"";
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background: linear-gradient(45deg, #0d112854 0%, #ffbd4256 100%);
}
.slider-section .carousel-caption {
z-index: 9;
}

/* top-content end */

.message .head h2 {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding-bottom: 4px;
border-bottom: 1px solid #ffc107;
}

.message .image {
border-radius: 8% 18% 40% 5%;
display: inline-block;
overflow: hidden;
position: relative;
padding: 5px 0px 0px 5px;
}

.message .image img {
width: 100%;
}

/* message-section end */

.Teacher-section {
background-color: var(--site-bg-2);
position: relative;
}

.Teacher-section .lab-team {
position: relative;
overflow: hidden;
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
margin-bottom: 30px;
}

.Teacher-section .lab-team .lab-media {
background-color: #fff;
/* position: relative; */
overflow: hidden;
}

.Teacher-section .lab-team .lab-media img {
height: 100%;
width: 100%;
aspect-ratio: 9/11;
object-fit: cover;
}

.Teacher-section .lab-team .lab-info {
position: absolute;
bottom: 0;
background: #0b2653bf;
width: 100%;
padding: 6px 6px;
text-align: center;
transition: all .8s;
}

.Teacher-section .lab-team .lab-info .lab-title {
font-size: 14px;
margin-top: 5px;
margin-bottom: -1px;
font-weight: 600;
}

.Teacher-section .lab-team .lab-info .lab-title a {
text-decoration: none;
color: #fff;
}
.lab-position{
color: #fff !important;
}
.image{
text-align: center;
}
.dp_head {
display: flex;
flex-direction: row;
align-items: center;
border-bottom: 2px solid #eeeeee;
margin-bottom: 23px;
}
.dp_head .head_content{
margin-left: 13px;
width: 70%;
}
.dp_head .head_image{
display: flex;
align-items: center;
}
.dp_head .head_image img {
width: 200px;
border: 1px solid #f18815;
border-radius: 5%;
}
.Teacher-section .lab-team .lab-info .lab-position {
font-weight: normal !important;
font-size: 12px;
letter-spacing: 1px;
}

.Teacher-section .lab-team .lab-info .lab-social-icon {
margin: 0 -3px;
padding: 0;
text-align: center;
display: block;
margin-top: 15px;
}

.Teacher-section .lab-team .lab-info .lab-social-icon li {
display: inline-block;
padding: 0;
font-size: 12px;
margin-left: 2px;
margin-right: 2px;
}

.Teacher-section .lab-team .lab-info .lab-social-icon li a {
display: inline-block;
width: 32px;
height: 32px;
border: 1px solid #fff;
border-radius: 4px;
font-size: 16px;
line-height: 30px;
padding: 0;
color: #fff;
}

.Teacher-section .lab-team .lab-info:after {
content: "";
width: 15px;
height: 15px;
background: #fff;
position: absolute;
top: -7px;
left: 47%;
transform: rotate(45deg);
}

.Teacher-section .lab-team:hover .lab-info:after {
background: #142160;
}

.Teacher-section .lab-team:hover .lab-info {
bottom: 0;
}

.Teacher-section .lab-team:hover .lab-info .lab-title a {
color: #fff;
}

.Teacher-section .lab-team:hover .lab-info .lab-position {
color: #fff;
}


/* Teacher-section */
.counter-box {
background-color: #f2f2f2;
text-align: center;
border-radius: 10px;
padding: 10px 0px;
}

.counter-box i {
font-size: 29px;
padding: 24px;
border-radius: 50%;
background-color: var(--site-color1)6b;
box-shadow: rgba(255, 255, 255, 0.56) 0px 22px 70px 4px;
}

.counter-box .data {

align-items: center;
justify-content: center;
}

.counter-box:hover {
box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset,
 rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset,
  rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset,
   rgba(0, 0, 0, 0.06) 0px 2px 1px,
    rgba(0, 0, 0, 0.09) 0px 4px 2px,
     rgba(0, 0, 0, 0.09) 0px 8px 4px,
      rgba(0, 0, 0, 0.09) 0px 16px 8px,
       rgba(0, 0, 0, 0.09) 0px 32px 16px;
}



.stats-section .counter-box:hover{
box-shadow: none;
color: #fdbe00;
}



/* countering */

.data-model .data-box{
padding: 25px;
}
.data-model .content-title{
text-transform: uppercase;
}


/* data-model */


.department-corner {
            background-color: #f6f6fd;
        }
        .department-corner .head h2{
            color: #000;
        }
        .department-corner .card::before {
            background-color: #142160;
        }
        .department-corner .card {
            background-color: #ffffff;
        }
        .department-corner .card h2{
            color: #142160;
        }
        .department-corner .card p {
            color:#111;
        }


.department-corner .card::before {
content: "";
position: absolute;
top: -40px;
height: 0;
width: 80%;
/* background-color: #142160; */
z-index: -1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
transition: all 0.5s ease-in-out;
left: 10%;
}

.department-corner .card-title{
font-size: 17px;
color: #000000;
font-weight: 500;
margin-top: 10px;
}

.department-corner .card {
height: 100%;
overflow: hidden;
z-index: 3;
transition: all 0.5s ease-in-out;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
/* border: 1px solid #084298; */
}

.department-corner .card:hover::before {
height: 120px;
}

.department-corner .card .img-container {
width: 130px;
height: 130px;
transition: all 0.5s ease-in-out;
}


.department-corner .card .img-container img {
width: 100%;
height: 100%;
/* object-fit: cover; */
transform: scale(1);
transition: all 0.5s ease-in-out;
}

.department-corner .card:hover .img-container img {
transform: scale(0.8);
}

.department-corner .card h2{
font-size: 20px;
font-weight: bold;
margin-bottom: 8px;
pointer-events: none;
/* color: #111; */
}

.department-corner .card p {
font-size: 14px;
}


/* department-corner */


.count-section{
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}

.count-section .counter-box{
background: #84b2ff33;
color: #fff;
padding: 25px 0;
}
.counter-box {
background-color: #fff;
text-align: center;
border-radius: 10px;
padding: 10px 0px;
}



.g-page {
background-color: #f6f6fd";
}

.g-page .card {
box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}



.Statitics {
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}

.link-section {
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: fixed;
}

.link-section .head h1{
display: inline-block;
padding-bottom: 5px;
font-size: 35px;
}

/* link-section */

/* .gellary-section {
background-image: url(../image/29d1523e353f29aeb7881f46867363c5.jpg);
} */

.gellary-section .gellary-box {
position: relative;
}
.gellary-section .gellary-box .text p{
font-size: 15px;
color: #fff;
position: absolute;
bottom: 0;
background: #2e3094;
width: 100%;
text-align: center;
opacity: 1;
margin: 0;
}

.gellary-section .gellary-box img {
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}

.gellary-section .gellary-box .overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #06060654;
overflow: hidden;
width: 100%;
height: 100%;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: .3s ease;
transition: .3s ease;
opacity: 1;
}

.gellary-section .gellary-box:hover .overlay {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}

.gellary-section .gellary-box .overlay .text a {
opacity: 1;
color: white;
font-size: 25px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
overflow: visible;
}

.gallery-content{
margin: 10px;
}
.gellary-section .gallery-content a{
color: #222;
}
.gellary-section .gallery-content a:hover{
opacity: 0.8;
}
.gellary-section .gallery-content  a h2{
font-size: 1.2rem;
line-height: 1.27;
margin: 5px;
}
.eventPart .card{
padding: 4px;
border: none;
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
height: 100%;
}

/* gellary-section */


.connect-section .info li {
display: inline-flex;
}

.connect-section .info li a {
color: #fff;
border-radius: 5px;
width: 25px;
height: 25px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
transition: .5s;
}
.connect-section .info li a:hover{
border: 1px solid #fff;
}

.connect-section{
border-bottom: 1px solid #fff;
}



/* connect-section */
.socialIconFooter{
    display: flex;
    margin-left: -22px;
}
.socialIconFooter li{
    padding: 0 15px 0 0;
}
.footerLink .colLink{
    padding-left: 0px;
    padding-right: 0px;
}
.footerLink a{
    font-size: 14px;
}

.footer-section {
position: relative;
}
.footer-section .footer-logo{
border-radius: 50%;
}
.footer-section .footer-title{
font-variant: small-caps;
}
.footer-section::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-image: url('../../assets/images/cover/footer-cover.png');
background-repeat: no-repeat;
background-position: center;
z-index: 1;
}
.footer-section .over-div {
z-index: 2;
}
.over-div1 {
    align-items: center;
    display: flex;
    justify-content: center;
}
.footer-section .pathshala-login-footer{
width: 150px;
padding: 10px;
background: white;
border-radius: 5px;
}
.footer-section .copyright{
text-align: center;
height: 100%;
}
.footer-section .copyright p{
text-align: center;
font-size: 14px;
letter-spacing: 1px;
margin: 0;
padding-bottom: 10px;
}

.footer-section .copyright img{
width: 35px;
margin-right: 3px;
}

.footer-top td{
    padding: 5px 0px;
    border: 0;
}
.footer-top .text-center{
font-size: 25px;
}
.footer-top ul li{
font-size: 14px;
}
.footer-top .table a{
font-size: 14px;
}
.footer-top .table a:hover{
color: var(--site-white-hover);
}
.footerp1{
align-items: center;
justify-content: start;
}
.footerp2{
align-items: center;
justify-content: end;
}




a {
text-decoration: none;
color: var(--site-white);
}

a:hover {
color: var(--site-white-hover);
}
.header .top-bar .content li:hover{
color: var(--site-white-hover);
}

.header .nav li a:hover {
color: var(--site-white-hover) !important;
}

.stats-section{
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
padding: 50px;
box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.7);

}




/* .stats-section:after {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
content: '';
z-index: -1;
opacity: .8;
background: #0d1128;
background: #0d1128;
background: -moz-linear-gradient(45deg, #0d1128 0%, #FFBC42 100%);
background: -webkit-gradient(left bottom, right top, color-stop(0%, #0d1128), color-stop(100%, #FFBC42));
background: -webkit-linear-gradient(45deg, #0d1128 0%, #FFBC42 100%);
background: -o-linear-gradient(45deg, #0d1128 0%, #FFBC42 100%);
background: -ms-linear-gradient(45deg, #0d1128 0%, #FFBC42 100%);
background: linear-gradient(45deg, #0d1128 0%, #FFBC42 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d1128', endColorstr='#FFBC42', GradientType=1);
} */

.singlPages{
background-color: var(--site-bg-1);
}

.stats-section .about-content h1{
font-weight: bold;
color: #fff;
}
.stats-section .about-content p {
color: #ffffff;
font-size: 18px;
line-height: 1.55;
font-weight: normal;
letter-spacing: 1px;
}


.stats-section .about-post{
position: relative;
}
.stats-section .play_button{
padding: 5px 10px;
border-radius: 10px;
background: #fd1f1f69;
}
.stats-section .popup, .stats-section .popup-yt{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
text-decoration: none;
color: #fff;
}

.notes h5{
font-size: 18px;
letter-spacing: 0.5px;
color: #2c2c2c;
line-height: 1.5;
}

.owl-corner .owl-nav button.owl-next, .owl-corner .owl-nav button.owl-prev, .owl-corner button.owl-dot {
background: 0 0;
color: inherit;
border: none;
font: inherit;
height: 25px;
width: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
}

.iconPM {
border: none;
display:inline-block;
animation: blink 2s ease-in infinite;
color: rgb(255, 45, 45);
}

@keyframes blink {
from, to { opacity: 1 }
50% { opacity: 0 }
}

.trickers .news-item h6{
width: 75px;
}
.news-item h6{
width: 75px;
}
.news-item span{
display: block;
margin: 0;
}
.nodiceP{
font-size: 13px;
margin: 0px;
}
.noticeDm{
background-color: var(--site-color2);
color: #fff;
border-radius: 0.375rem 0.375rem 0 0;
padding: 0.25rem;
font-weight: 600;
}
.noticeY{
font-size: 16px;
background-color: #ffffff;
padding: 4px 0;
border: 0.125rem solid #ff9d435c;
border-top: 0;
border-radius: 0 0 0.375rem 0.375rem;
color: #9da9bb;
font-weight: 700;
}
.borderC{
margin-right: 3px;
}
.borderh{
margin: 0;
}
.custom-title{
display: inline-block;
border-bottom: 2px solid #dddddd40;
padding-bottom: 5px;
font-size: 2.5rem;
}

.heading-title h1{
font-size: 2rem;
border-left: 5px solid #2e3094;
line-height: 1;
padding-left: 10px;
margin-bottom: 25px;
}

.heading-title h2{
border-left: 5px solid #2e3094;
line-height: 1;
padding-left: 10px;
}

.notice-list .news-item{
border-bottom: unset;
padding: 0px 10px;
}

.notice-list .cardNotice{
    border-left: 2px solid #ececec !important;
}

.notice-list .card {
border: 1px solid #ececec;
border-left: 2px solid #2e3094;
}
.notice-list .card:hover {
border-left: 2px solid var(--site-color2-hover);
}
.notice-list .details-body h5{
font-size: 18px;
margin: 0;
}
.notice-list .details-body .d-t{
font-size: 16px;
}
.g-page .card-body img{
aspect-ratio: 16/9;
object-fit: cover;
}
.g-page .card-content h2{
font-size: 18px;
padding: 5px 0px 0px 4px;
}

.g-page .card-body{
padding: 2px;
}

.e-details .e-img{
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
.e-details .card-body h5{
font-size: 16px;
font-weight: bold;
}

.e-details .e-title-caption{
display: inline-block;

background: #2e3094;
padding: 3px 10px;
font-size: 20px;
color: #ffffff;
border-radius: 5px;
border-bottom: solid #f18815;
font-variant: small-caps;
}

.p-event .e-title{
font-weight: bold;
font-size: 2rem;
}
.p-event .e-time{
color: #606060;
font-size: 14px;
text-decoration: blink;
}

.student-form .form-label, #daily_attendance .form-label, #monthly_attendance .form-label{
margin-bottom: 0.05rem;
font-size: 14px;
color: #4e4e4e;
}
#daily_attendance .form-group, #monthly_attendance .form-group{
margin-bottom: 5px;
}
.student-form .form-label .req{
color: #ff0000;
font-size: 15px;
}

.student-form .closebtn, .d-at .closebtn, .m-at .closebtn{
width: 25px;
height: 25px;
background: #2e3094;
float: right;
display: flex;
align-items: center;
justify-content: center;
font-size: 25px;
color: #fff;
border-radius: 5px;
}

.student-form h4.total-student{
font-size: 14px;
display: inline-block;
padding: 2.5px 5px;
border-radius: 3px;
}
.m-at td, .m-at th, .d-at td, .d-at th {
padding: 10px;
border: 1px solid #ccc;
text-overflow: clip;
white-space: nowrap;
}

.os-x{
overflow-x: auto;
}

.corner-box {
margin: 15px 0;
padding: 20px;
box-shadow: 0px 0px 10px 0px #e7e7e7;
background-color: #fff;
}
.corner-box .corner-img img {
min-width: 200px;
margin-right: 20px;
width: 450px;
}

.corner-box .corner-img{
display: flex;
align-items: center;
justify-content: center;
padding: 35px 0 35px 0;

}


.corner-box .col-12 {
display: flex;
align-items: center;
}

.corner-box .corner-info{
    width: 100%;
}

.corner-box .corner-info h1 {
font-size: 2rem;
border-left: 2px solid #ddd;
padding-left: 10px;
}

/* Contact Page  */
.contact-head  .contact-info{
border-bottom: 1px solid #181a83;
text-align: center;
background: #fff;
padding: 10px;
}
.contact-head  .contact-info .icon{
    display: flex;
    justify-content: center;
}
    .contact-head  .contact-info .icon i{
        background: #f18815;
        width: 50px;
        height: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        color: #fff;
    }
.contact-head .contact-info h3{
    margin-top: 5px;
    margin-bottom: 5px;
}
.contact-head .contact-info p{
    margin-bottom: 0px;
}

.contact-bottom .form-group{
margin-bottom: 15px;
}
/* Contact Page  */


.mediaDownload{
background: #181a83;
padding: 10px;
display: block;
height: 42px;
}

.mediaDownload .downloadName{
float: left;
}

.mediaDownload .downloadFile{
float: right;
}
.slicknav_arrow {
font-size: 1em !important;
}


/* 
Title Style
-----------------------
*/



.theme-btn{
background: var(--site-btn);
outline: 0;
box-shadow: none;
transition: .2s ease-in-out;
color: #fff !important;
}
.btn.theme-btn:focus, .btn.theme-btn:active{
background: var(--site-btn-hover);
color: #fff !important;
}
.theme-btn:hover{
background: var(--site-btn-hover);
outline: 0;
box-shadow: none;
color: #fff !important;
}


.theme-btn2-mdi{
padding: 10px 0;
}



.theme-btn2{
background: var(--site-btn-hover);
outline: 0;
box-shadow: none;
transition: .2s ease-in-out;
color: #fff !important;
}
.btn.theme-btn2:focus, .btn.theme-btn2:active{
background: var(--site-btn);
color: #fff !important;
}
.theme-btn2:hover{
background: var(--site-btn);
outline: 0;
box-shadow: none;
color: #fff !important;
}

.Facultyne-section{
background: var(--site-bg-1);
}

.Facultyne-section .dp_head{
display: flex;
flex-direction: row;
}
.Facultyne-section .dp_head .head_image img {
width: 100%;
border-radius: 8%;
border: 1px solid #181a83;
}
.Facultyne-section .dp_head .head_content{
margin-left: 13px;
width: 70%;
}
.Facultyne-section .dp_head .head_content h2{
font-size: 26px;
margin-bottom: 10px;
font-weight: bold;
}

.facultyhead_section{
background: var(--site-bg-2);
}



/* facultyhead_section member */

.facultyhead_section .member{
    text-align: center;
    background-color: var(--site-color2-opacity);
    height: 100%;
    border-radius: 0.5em;
    padding: 15px;
}
.facultyhead_section .member .memberCardDiv {
    padding: 20px 1px;
    border: 1px solid var(--site-color2);
    border-radius: 10px;
    background-color: var(--site-bg-2);
}
.facultyhead_section .member .memberImg{
    padding: 0 10px;
}
.facultyhead_section .member .memberImg img{
    width: 100%;
    border: 3px solid #c7c7c7;
    border-radius: 10px;
}
.facultyhead_section .member .memberTitle{
    font-weight: bold;
    color: var(--site-title);
    font-size:18px;
    padding: 10px 0 5px 0;
    margin: 0;
}
.facultyhead_section .member .memberName{
    color: var( --site-desp2);
    font-size: 16px;
    margin: 0;
    line-height: 1.3;
}

.facultyhead_section .member .memberName1{
    color: var( --site-desp2);
    font-size: 17px;
    color: #0b2653;
    font-weight: bold;
    margin: 0;
    line-height: 1.3;
}

/* facultyhead_section  member*/



/* New Top 1 Section start*/
.TopSection1{
background-color: var(--site-bg-2);
}
.TopSection1 .member{
    text-align: center;
    background-color: var(--site-color2-opacity);
    height: 100%;
    border-radius: 0.5em;
    padding: 15px;
}
.TopSection1 .member .memberImg{
padding: 0 10px;
}
.TopSection1 .memberSlider{
height: 100%;
position: relative;
}
.TopSection1 .memberSlider img{
width: 100%;
height: 100%;
}
.TopSection1 .member .memberImg img{
width: 100%;
border: 3px solid #c7c7c7;
border-radius: 10px;
}
.TopSection1 .member .memberTitle{
font-weight: bold;
color: var(--site-title);
font-size:18px;
padding: 10px 0 5px 0;
margin: 0;
}
.TopSection1 .member .memberName{
color: var( --site-desp2);
font-size: 16px;
margin: 0;
line-height: 1.3;
}
.TopSection1 .TopSection1Slider div, .TopSection1 .TopSection2Slider div{
height: 100% !important;
}
.TopSection1Slider, .TopSection2Slider{
height: 100% !important;
}


.TopSection1 .memberSlider .SliderTitleDiv{
    bottom: 0;
    background-color: #0b265380;
    height: 50px;
    z-index: 9999;
    position: absolute;
    width: 100%;
    height: 50px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.TopSection1 .memberSlider .SliderTitleDiv h3{
    color: #fff;
    font-size: 20px;
    padding: 0 10px;
}
/* New Top 1 Section end*/











/* Counter Section 1 */
.CounterSection1{
padding: 50px;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
box-shadow: inset 0 0 0 2000px rgb(11 38 83 / 55%);
background-color: var(--site-bg-2);
display: block;
}
.CounterSection1 .counterBox{
color: var(--site-white);
text-align: center;
}
.CounterSection1 .counterBox i{
display: inline-block;
font-size: 40px;
color: var(--site-color2);
background: rgba(255, 255, 255, 0.3);
border-radius: 50%;
height: 100px;
width: 100px;
line-height: 100px;
text-align: center;
border: 1px solid rgba(255, 255, 255, 0.7);
}
.CounterSection1 .counterBox .data{
color: var(--site-white);
}
.CounterSection1 .counterBox .data h2{
margin-top: 20px;
font-size: 36px;
line-height: 1;
letter-spacing: 0.6px;
font-weight: 700;
}
.CounterSection1 .counterBox .data h3{
margin-top: 12px;
font-weight: 600;
font-size: large;
letter-spacing: 0.6px;
}
.CounterSection1 .BgOpacity{
opacity: 0.6;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
}
/* Counter Section 1 */



/* Department 1 Section */
.DepartmentSection1 {
background-color: #f6f6fd;
}
.DepartmentSection1 .head h2{
color: #000;
}
.DepartmentSection1 .card::before {
background-color: #142160;
}
.DepartmentSection1 .card {
background-color: #ffffff;
}
.DepartmentSection1 .card h2{
color: #142160;
}
.DepartmentSection1 .card p {
color:#111;
}
.DepartmentSection1 .card::before {
content: "";
position: absolute;
top: -40px;
height: 0;
width: 80%;
z-index: -1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
transition: all 0.5s ease-in-out;
left: 10%;
}
.DepartmentSection1 .card-title{
font-size: 17px;
color: var(--site-title);
font-weight: 500;
margin-top: 10px;
}
.DepartmentSection1 .card {
height: 100%;
overflow: hidden;
transition: all 0.5s ease-in-out;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.DepartmentSection1 .card:hover::before {
height: 120px;
}
.DepartmentSection1 .card .img-container {
width: 130px;
height: 130px;
transition: all 0.5s ease-in-out;
}
.DepartmentSection1 .card .img-container img {
width: 100%;
height: 100%;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.DepartmentSection1 .card:hover .img-container img {
transform: scale(0.8);
}
.DepartmentSection1 .card h2{
font-size: 20px;
font-weight: bold;
margin-bottom: 8px;
pointer-events: none;
}
.DepartmentSection1 .card p {
font-size: 14px;
}
/* Department 1 Section */



/* Faculty Section 1 */
.FacultySection1 {
background-color: #f6f6fd;
}
.FacultySection1 .head h2{
color: #000;
}
.FacultySection1 .card::before {
background-color: #142160;
}
.FacultySection1 .card {
background-color: #ffffff;
}
.FacultySection1 .card h2{
color: #142160;
}
.FacultySection1 .card p {
color:#111;
}
.FacultySection1 .card::before {
content: "";
position: absolute;
top: -40px;
height: 0;
width: 80%;
z-index: -1;
border-bottom-left-radius: 50%;
border-bottom-right-radius: 50%;
transition: all 0.5s ease-in-out;
left: 10%;
}
.FacultySection1 .card-title{
font-size: 17px;
color: var(--site-title);
font-weight: 500;
margin-top: 10px;
}
.FacultySection1 .card {
height: 100%;
overflow: hidden;
transition: all 0.5s ease-in-out;
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.FacultySection1 .cardBtn{
display: block;
padding: 0px 50px;
}
.FacultySection1 .cardBtn a{
padding: 4px 0px 5px 0px;
font-size: 13px;
position: relative;
}
.FacultySection1 .cardBtn a .ISpan{
position: absolute;
right: 7px;
background: var(--site-color1);
font-size: 10px;
padding: 4px;
height: 22px;
width: 22px;
border-radius: 50%;
border: none;
}
.FacultySection1 .cardBtn a:hover .ISpan{
background: var(--site-color2);
}
.FacultySection1 .card:hover::before {
height: 120px;
}
.FacultySection1 .card .img-container {
width: 130px;
height: 130px;
transition: all 0.5s ease-in-out;
}
.FacultySection1 .card .img-container img {
width: 100%;
height: 100%;
transform: scale(1);
transition: all 0.5s ease-in-out;
}
.FacultySection1 .card:hover .img-container img {
transform: scale(0.8);
}
.FacultySection1 .card h2{
font-size: 20px;
font-weight: bold;
margin-bottom: 8px;
pointer-events: none;
}
.FacultySection1 .card p {
font-size: 14px;
}
/* Faculty Section 1 */






/* Faculty Section 2 */
.FacultySection2{
padding-top: 50px;
padding-bottom: 50px;
background-color: var(--site-bg-1);
}
.FacultySection2 .cardBtn{
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #e7e7e7;
margin-top: 20px;
padding-top: 13px;
}
.FacultySection2 .cardBtn a{
padding: 7px 0px 8px 0px;
font-size: 14px;
position: relative;
background: var(--site-btn);
outline: 0;
box-shadow: none;
transition: .2s ease-in-out;
color: #fff !important;
border: none;
}
.FacultySection2 .cardBtn a .ISpan{
position: absolute;
right: 7px;
background: var(--site-color1);
font-size: 10px;
padding: 4px;
height: 22px;
width: 22px;
border-radius: 50%;
border: none;
}
.FacultySection2 .cardBtn a:hover{
transform: translateY(-3px);
box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.FacultySection2 .card{
background-color: #ffffff;
border: 0;
padding: 4px;
height: 100%;
box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.FacultySection2 .card:hover{
box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.FacultySection2 .card:hover .cardImage img{
transform: scale(1.1);
}
.FacultySection2 .card .cardImage{
overflow: hidden;
}
.FacultySection2 .card .cardImage img,.faculty_dep .card .cardImage img{
object-fit: cover;
aspect-ratio: 16/9;
transition: 0.5s all ease-in-out;
}
.FacultySection2 .card h2{
font-size: 27px;
margin-top: 0px;
margin-bottom: 5px;
font-weight: bold;
text-transform: capitalize;
}
.FacultySection2 .card .card-title{
color: var(--site-title);
text-transform:capitalize;
padding-bottom: 5px;
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
height: 30px;
text-align: left;
margin-bottom: 15px;
font-weight: normal;
line-height: 1.2;
font-family: 'Poppins', sans-serif;
letter-spacing: 0;
margin: 0;
font-size: 18px;


}
.FacultySection2 .card .card-body{
padding: 30px;
}
.FacultySection2 .card .card-text{
font-family: "Raleway", sans-serif;
font-weight: 300;
font-size: 16px;
color: #080808;
}
/* Faculty Section 2 */




/* News Section 1 */
.NewsSection1{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: var(--site-bg-1);
}
.NewsSection1 .cardBtn{
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e7e7e7;
    margin-top: 20px;
    padding-top: 13px;
}
.NewsSection1 .cardBtn a{
    padding: 7px 0px 8px 0px;
    font-size: 14px;
    position: relative;
    background: var(--site-btn);
    outline: 0;
    box-shadow: none;
    transition: .2s ease-in-out;
    color: #fff !important;
    border: none;
}
.NewsSection1 .cardBtn a .ISpan{
    position: absolute;
    right: 7px;
    background: var(--site-color1);
    font-size: 10px;
    padding: 4px;
    height: 22px;
    width: 22px;
    border-radius: 50%;
    border: none;
}
.NewsSection1 .cardBtn a:hover{
    transform: translateY(-3px);
    box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.2);
}
.NewsSection1 .card{
    background-color: #ffffff;
    border: 0;
    padding: 4px;
    height: 100%;
    box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.NewsSection1 .card:hover{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.NewsSection1 .card:hover .cardImage img{
    transform: scale(1.1);
}
.NewsSection1 .card .cardImage{
    overflow: hidden;
}
.NewsSection1 .card .cardImage img,.faculty_dep .card .cardImage img{
    object-fit: cover;
    aspect-ratio: 16/9;
    transition: 0.5s all ease-in-out;
}
.NewsSection1 .card h2{
    font-size: 27px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-weight: bold;
    text-transform: capitalize;
}
.NewsSection1 .card .card-title{
    color: var(--site-title);
    text-transform:capitalize;
    padding-bottom: 5px;
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    height: 60px;
    text-align: left;
    margin-bottom: 15px;
    font-weight: normal;
    line-height: 1.5;
    font-family: 'Poppins', sans-serif;
    letter-spacing: 0;
    margin: 0;
    font-size: 16px;
}
.NewsSection1 .card .card-body{
    padding: 15px 25px;
}

.NewsSection1 .card .card-date{
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: var(--site-desp);
    margin: 0;
}
.NewsSection1 .card .card-date .news-icom{
    color: var(--site-color2);
}
.NewsSection1 .card .card-body-date{
    border-bottom: 1px solid #e7e7e7;
    padding: 12px 30px;
    background: #fafafa;
}
.NewsSection1 .card .card-text{
    font-family: "Raleway", sans-serif;
    font-weight: 300;
    font-size: 12px;
    color: var(--site-desp);
    margin: 0;
}
/* News Section 1 */





/* Corner 1 Slider */
.corner1Slider .cornerSlider .imgDiv{
padding: 0px 17px;
}
.corner1Slider .cornerSlider .imgText{
padding-left: 0px;
}
.corner1Slider .cornerSlider .imgText h2{
font-size: 17px;
font-weight: bold;
color: #2e2e2e;

}
.corner1Slider .cornerSlider img{
width: 100%;
aspect-ratio: 16/10;
border-radius: 5%;
color: #2e2e2e;
}
/* Corner 1 Slider */




/* Corner Section Slider 1 */
.CornerSection1{
background-color: var(--site-bg-2);
}
.CornerSectionSlider1{
margin-bottom: 0px !important;
}


.CornerSectionSlider1 .cornerSlider .cornerRow{
background-color: var(--site-color1);
border-radius: 10px;
}

.CornerSectionSlider1 .cornerSlider .cornerRow:hover .imgText h2{
color: var(--site-white-hover);
}

.CornerSectionSlider1 .cornerSlider .imgDiv{
padding: 0px;
}
.CornerSectionSlider1 .cornerSlider .imgText{
padding-left: 0px;
}
.CornerSectionSlider1 .cornerSlider .imgText h2{
font-size: 17px;
font-weight: bold;
color: var(--site-white);
}
.CornerSectionSlider1 .cornerSlider img{
width: 100%;
aspect-ratio: 16/10;
border-radius: 5%;
padding: 10px;
}
/* Corner Section Slider 1 */




/* About Section 1 */

.AboutSection1{
background-color: var(--site-bg-1);
}

.AboutSection1 .card{
border: none;
padding: 40px 16px;
background-color: #ffffff;
transition: all 0.5s ease-in-out;
box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
}

.AboutSection1 .ImageDiv img{
width: 100%;
/* aspect-ratio: 16/10; */
color: #2e2e2e;
}


.AboutSection1 .ImageDiv{
    display: flex;
    justify-content: center;
    align-items: center;
}

.AboutSection1 .DescDiv h1{
color: var(--site-title);
font-size: 35px;
line-height: 1.55;
font-weight: 600;
letter-spacing: 1px;

}
.AboutSection1 .DescDiv p{
color: var(--site-desp);
font-size: 18px;
line-height: 1.55;
font-weight: normal;
letter-spacing: 1px;

}

/* About Section 1 */






/* Header Top 1 */
.header-top1{
    background-color: var(--site-white-hover);
}
.header-top1 .logo{
display: flex;
align-items: center;
}
.header-top1 .logo .data{

}
.header-top1 .logo .data h2,.header-top1 .logo .data h1{
font-size: 18px;
}
.header-top1 .logo .data p{
font-weight: normal;
font-size: 12px;
margin-bottom: 3px;
}
.header-top1 .logo .data h6{
font-size: 12px;
margin-top: 5px;
font-weight: normal;
}
.header-top1 .phone_div{
display: flex;
align-items: center;
justify-content: center;
}

.header-top1 .phone_div .phone_header{
display: flex;
align-items: center;
margin: auto;
}
.header-top1 .phone_div .phone_header .title_phone .pnone_title{
display: block;
text-transform: uppercase;
font-weight: 600;
color: #686868;
font-size: 12px;
line-height: 1.5;
}
.header-top1 .phone_div .phone_header .title_phone .phone{
display: block;
color: #686868;
font-size: 11px;
}

.header-top1 .phone_div .phone_header .fa_icon{
color: #777;
font-size: 14px;
line-height: 1.5;
border: 1px solid #777;
padding: 6px;
width: 35px;
height: 35px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 6px;
}

/* Header Top 1 */








/* Topbar 1 */
.top-bar1 {
padding: 2.5px 0px;
background-color: var(--site-color1);
}
.top-bar1-inner {
display: flex;
align-items: center;
justify-content: space-between;
}
.top-bar1-inner .list-unstyled{
display: flex;
align-items: center;
}
.top-bar1 .content .LangBtn{
font-size: 10px;
background-color: var(--site-bg-2);
color: var(--site-color1);
padding: 2px 10px;
border-radius: 4px;
font-weight: 600;
}
.top-bar1 .content li {
display: inline-block;
margin-right: 10px;
font-weight: 500;
font-size: 12px;
}
.top-bar1 .content li:last-child {
margin-right: 0px;
padding-right: 0px;
border-right: 0px;
}
.top-bar1 .content li i {
margin-right: 5px;
padding-right: 10px;
}
.top-bar1 .social li {
display: inline-block;
margin: 0;
margin-right: 10px;
}
.top-bar1 .social li .sc-icon {
display: inline-block;
margin: 0;
font-size: 12px;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.top-bar1 .social li:last-child {
margin-right: 0px;
}
.top-bar1 .social li a img {
width: 100px;
padding: 2.5px 5px;
background: white;
border-radius: 2.5px;
}
/* Topbar 1 */








/* NoticePart1 marquee 1 */
.NoticePart1{
    background-color: var(--site-white-hover);
}
.NoticePart1 .simple-marquee-container{
    background-color: var(--site-white-hover);
    width: 100%;
    display: flex;
    overflow: hidden;
    box-sizing: border-box;
    height: 30px;
    position: relative;
    cursor: pointer;
}

.NoticePart1 .simple-marquee-container .marquee-sibling {
    width: 24%;
    height: 30px;
    line-height: 30px;
    font-weight: normal;
    text-align: center;
    float: left;
    left: 0;
    z-index: 11;
    font-size: 13px;
    padding: 0px 10px;
    margin-right: 20px;
}

.NoticePart1 .simple-marquee-container .marquee-sibling a{
    background-color: var(--site-color2) !important;
    color: #fff !important;
}

.NoticePart1 .simple-marquee-container .marquee-sibling {
    background-color: var(--site-color2) !important;
    color: #fff !important;
}

.NoticePart1 .simple-marquee-container .marquee-content-items {
    padding: 5px;
    margin: 0;
    height: 30px;
    position: relative;
    display: flex;
    align-items: center;
}
.NoticePart1 .simple-marquee-container .marquee-content-items li{
    color: var(--site-color1);
    font-size: 12px;
}
.NoticePart1 .simple-marquee-container .marquee-content-items li a{
    color: var(--site-color1);
}

/* NoticePart1 marquee 1 */




/* gellary-section 2 */
.gellary-section2 {
    background-color: var(--site-bg-2);
}
.gellary-section2 .theme-btn{
    font-size: 12px;
    padding: 3px 10px;
}
.gellary-section2 .head h2{
    color:var(--site-title);
}
.gellary-section2 .head h6{
    color:var(--site-title);
}

.gellary-section2 .gallery-content a {
    color: #000000;
}


.gellary-section2 .gellary-box {
    position: relative;
}

.gellary-section2 .gellary-box .text p{
    font-size: 15px;
    color: #fff;
    position: absolute;
    bottom: 0;
    background: #2e3094;
    width: 100%;
    text-align: center;
    opacity: 1;
    margin: 0;
}
    
.gellary-section2 .gellary-box img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
}
    
.gellary-section2 .gellary-box .overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #06060654;
    overflow: hidden;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .3s ease;
    transition: .3s ease;
    opacity: 1;
}
    
.gellary-section2 .gellary-box:hover .overlay {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
    
.gellary-section2 .gellary-box .overlay .text a {
    opacity: 1;
    color: white;
    font-size: 25px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    overflow: visible;
}
    
.gellary-section2 .gallery-content{
    margin: 10px 10px 0px 10px;
}

.gellary-section2 .gallery-content a{
    color: #222;
}

.gellary-section2 .gallery-content a:hover{
    opacity: 0.8;
}

.gellary-section2 .gallery-content  a h2{
    font-size: 16px;
    line-height: 1.5;
    margin: 0;
    color: var(--site-title);
}

.eventPart .card{
    padding: 4px;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px;
    height: 100%;
}
    
    /* gellary-section 2 */
    

/* .TopSection2Slider .slick-prev {
    top: 50%;
    left: 1%;
    z-index: 999;
    background: #0b2653;
    font-size: 24px;
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 20px;
} */

/* breadcrumb Div */

.breadcrumbDiv {
    background-color: #0b2653;
    background:linear-gradient(
      rgba(0, 0, 0, 0.7), 
      rgba(0, 0, 0, 0.7)
    ),
    url('../../assets/images/cover/bcm.png');
}
.breadcrumbDiv .breadcrumb{
    justify-content: left;
    margin: 0;
}
.breadcrumbDiv .breadcrumb-item.active {
    color: var(--site-color2);
}
.breadcrumbDiv .breadcrumb-item{
    font-size: 14px;
}
/* breadcrumb Div */









.slick-prev:before {
    content: "\2039";
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
    margin-top: -5px;
  }
  
.slick-next:before {
    content: "\203A";
    color: #FFF;
    font-weight: bold;
    font-size: 30px;
    margin-top: -5px;
}
.slick-prev{
    background: var(--site-color2-opacity);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    left: 1%;
    z-index: 99;
    align-items: center;
    display: flex;
    justify-content: center;
    
}
.slick-next{
    background: var(--site-color2-opacity);
    border-radius: 50%;
    width: 25px;
    height: 25px;
    right: 1%;
    z-index: 99;
    align-items: center;
    display: flex;
    justify-content: center;
   
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
    color: transparent;
    outline: none;
    background: var(--site-btn);
}