*{
  font-family: 'Poppins', sans-serif;
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}
body{
  font-size: 12px;
}
/*       Samagra Shiksha   Homepage      */
.logo_img{
  width: 8%;
  margin: 8px;
  margin-right: 15px;
}
.logo_heading h5{
  color: #02255F;
  line-height: 1;
  font-weight: 600;
}
.logo_heading h6{
  color: #131313;
  font-size: 11px;
  font-weight: 600;
}
.dropdown button.login_btn{
  background: #009FE1;
  border: none ;
  padding: 4px 17px ;
}
.dropdown button.login_btn:hover{
  background: #05236D;
}
button.login_btn:hover + .dropdown-menu{
  display: block ;
  position: absolute;
  inset: 0px 0px auto auto;
  margin: 0px;
  transform: translate(0px, 30px);
}
.dropdown-menu:hover{
  display: block;
  position: absolute;
  inset: 0px 0px auto auto;
  margin: 0px;
  transform: translate(0px, 30px);
}
.dropdown .dropdown-menu{
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 12px #00000029;
  border-radius: 4px;
  font-size: 13px;
}
.dropdown-menu .dropdown-item:hover{
  color: #04C3FF;
  background: none;
}
.dropdown-menu .dropdown-item{
  color: #01276D;
}
#homepage.navbar{
  background: #02255F 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
  padding: 0px;
}
.nav-item a.nav-link{
  color: #fff;
  padding: 10px 20px;
  margin: 5px 10px 0px 10px;
  opacity: .8;
}
.active1{
  position: relative;
}
.active1:hover:after{
  border-bottom: 5px solid #0FA9E9;
  content: "";
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 80%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.nav-item a.active1:hover{
  opacity: 1;
}
.active2{
  position: relative;
}
.active2:after{
  border-bottom: 5px solid #0FA9E9;
  content: "";
  margin: 0 auto;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 75%;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
.navbar-toggler-icon{
  background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><path stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/></svg>") !important;
}
#bannerCarousel .carousel-control-next, #bannerCarousel .carousel-control-prev{
  position: absolute;
  top: 50%;
  bottom: 50%;
  opacity: 1;
}
.next_arrow{
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  transform: rotate(180deg);
  box-shadow: 0px 3px 6px #00000029;
}
.next_arrow:hover{
  background: #0FA9E9 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
}
.next_arrow:hover svg g path{
  fill: #fff;
}
.pre_arrow{
  border-radius: 50%;
  background: #fff;
  padding: 8px;
  box-shadow: 0px 3px 6px #00000029;
}
.pre_arrow:hover{
  background: #0FA9E9 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 6px #00000029;
}
.pre_arrow:hover svg g path{
  fill: #fff;
}
.latest{
  background: transparent linear-gradient(180deg, #F5FFFF 0%, #EBEBEB 100%) 0% 0% no-repeat padding-box;
  color: #131313;
  font-size: 12px;
  font-weight: 500;
}
.latest_heading{
  background: #0FA9E9 0% 0% no-repeat padding-box;
  clip-path: polygon(0 0, 100% 0%, 95% 100%, 0% 100%);
  padding: 5px 20px 5px 8%;
  display: inline-block;
  color: #fff;
  font-weight: 500;
  font-size: 13px;
}
.sect_heading{
  text-align: center;
  color: #6A667B;
  font-size: 13px;
}
.para_about{
  color: #131313;
  font-size: 14px;
  font-weight: 500;
  line-height: 2;
}
#dashboard{
  background: url('../../Images/Dashboard bg.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: bottom center;
}
.dashboard_card{
  text-align: center;
  padding: 15px;
  box-shadow: 0px 0px 12px #00000029;
  border: 1px solid #D6D6D6;
  border-radius: 0px 0px 38px 38px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
}
.dashboard_card h6{
  font-weight: bold;
  color: #131313;
}
.dashboard_card p{
  color: #636363;
  font-size: 12px;
  font-weight: 500;
}
.bord1{
  border-top: 10px solid #0098DE;
}
.bord2{
  border-top: 10px solid #4E01A8;
}
.bord3{
  border-top: 10px solid #D60073;
}
.bord4{
  border-top: 10px solid #1C8A1C;
}
@media (max-width: 767px) {
  #gallery .carousel-inner .carousel-item > div {
    display: none;
  }
  #gallery .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}

#gallery .carousel-inner .carousel-item.active,
#gallery .carousel-inner .carousel-item-next,
#gallery .carousel-inner .carousel-item-prev {
  display: flex;
}

/* medium and up screens */
@media (min-width: 768px) {

  #gallery .carousel-inner .carousel-item-end.active,
  #gallery .carousel-inner .carousel-item-next {
    transform: translateX(25%);
  }

  #gallery .carousel-inner .carousel-item-start.active, 
  #gallery .carousel-inner .carousel-item-prev {
    transform: translateX(-25%);
  }
}

#gallery .carousel-inner .carousel-item-end,
#gallery .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}
#gallery .carousel-item .card{
  border: none;
  text-align: center;
}
#gallery  .img-fluid{
  width: 75%;
}
#gallery .carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
#gallery .carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
}
#gallery .carousel-control-prev {
    left: -8%;
}
#gallery .carousel-control-next {
  right: -8%;
}
#footer{
  background: url('../../Images/Footer bg.svg');
  background-repeat: no-repeat;
  background-size: cover;
}
.footer_logo img{
  width: 25%;
  background: #fff;
  padding: 5px;
  border-radius: 10px;
  margin-top: 50px;
}
.footer_logo p{
  color: #fff;
  font-size: 13px;
  margin: 5px;
}
.pt-9{
  padding-top: 10%;
  padding-bottom: 5%;
}
.prl{
  font-size: 15px;
  color: #FFF;
  font-weight: 500;
  margin-bottom: 30px;
}
.pl50{
  padding-left: 100px !important;
}
.pl50 p a {
  font-size: 13px;
  color: #FFFFFF;
  font-weight: 300;
  text-decoration: none;
}
.pl5{
  font-size: 13px;
  color: #FFFFFF;
  font-weight: 300;
}
.footer2{
  background: #05236D;
  padding: 10px;
  text-align: center;
  color: #fff;
  font-size: 13px;
}
.pl50 p a:hover{
  text-decoration: underline;
}
.pl50 p:hover span svg path{
  fill: #05236D !important;
}


@media (min-width: 1200px) {
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
        margin-bottom: 15px;
    }
}