@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap');
body{
	font-family: 'Poppins', sans-serif;
	font-weight: 400;
	font-size: 15px;
	line-height: 1.9;
	color: #606060;
	overflow-x: hidden;
}
footer{
	background: #00091a;
}
footer a:hover{
	color: #7390c7!important;
}
section .pady-50 p, section .pad-50 p, section .lbox p, section .rbox p, .box1 p{
  text-align: justify;
}
h2, h3, h4 {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: .1rem;
}
.inner-banner-blck{
	padding: 200px 30px 100px;
  position: relative;
}
/*
.info-blck a{
  line-height: 35px;
}
.rounded-title{
	padding: 4px 0px 0px 15px;
    line-height: 1.2rem;
    display: inline-block;
    position: relative;
    margin-bottom: 35px;
    &:after{
    	content: '';
        position: absolute;
        width: 5px;
        left: 0;
        height: 100%;
        top: 0;
        border-radius: 12px;
        background: #00bafb;
    }
}

@keyframes scroll-in {
  from {
    opacity: 0;
    scale: 0.10;
  }
  to {
    opacity: 1;
    scale: 1;
  }
}

.u-animate-scroll-in {
  @starting-style {
    opacity: 0;
    scale: 0.10;
  }

  animation-name: scroll-in;
  animation-timing-function: linear;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
  animation-fill-mode: forwards;
}


@keyframes scroll-out {
  from {
    opacity: 1;
    scale: 1;
  }
  to {
    opacity: 0;
    scale: 0.10;
  }
}

.u-animate-scroll-out {
  @starting-style {
    opacity: 1;
    scale: 0.2;
  }

  animation-name: scroll-out;
  animation-timing-function: linear;
  animation-timeline: view();
  animation-range: entry 0% cover 50%;
  animation-fill-mode: forwards;
}

.u-animate-scroll-out .well{
  border-radius: 35px 35px 0 35px;
}
*/
.course_lst{
  min-height: 600px;
}
.course_lst ol{
  min-height: 300px;
}
.course_lst.one, .course_lst.sev, .bg1{
  background: #fff5f5!important;
}
.course_lst.one .headbg, .course_lst.sev .headbg, .bg2{
  background: #ff0000!important;
}
.course_lst.two, .course_lst.eig, .em1, .bg3{
  background: #f9ebff!important;
}
.course_lst.two .headbg, .course_lst.eig .headbg, .em1 .headbg, .bg4{
  background: #ab00ff!important;
}
.course_lst.three, .course_lst.five, .em3, .bg5{
  background: #ffe2f3!important;
}
.course_lst.three .headbg, .course_lst.five .headbg, .em3 .headbg, .bg6{
  background: #ff0097!important;
}
.course_lst.four, .course_lst.six, .em2, .bg7{
  background: #e2dcff!important;
}
.course_lst.four .headbg, .course_lst.six .headbg, .em2 .headbg, .bg8{
  background: #2900ff!important;
}
.em1, .em2, .em3{
  min-height: 500px;
}
.zoom {
  align-items: stretch;
  position: absolute;
  right: 0;
  bottom: 0;
}

.zoom-section {
  align-items: center;
  justify-content: center;
  will-change: transform;  
  width: 250px;
  @for $i from 1 through 100 {
    &:nth-child(#{$i}) {
      // top: (-100vh * ($i - 1));
      // transform-origin: center #{(-100vh * ($i - 1))};
      // transform-origin: center center;
    }
  }
}
.zoom-section .information{
  line-height: 25px;
}

@media screen and (max-width:767px) {
    .course_lst, .course_lst ol, .em1, .em2, .em3{
      min-height: 10px;
    }
}