#lms {
  height: 95vh;
  /*background-image: url(../img/solutions/lms/lms-bg.png);*/
  /* background-color: #ABD6F4; */
  background-size: cover;
  background-position: top -1px right;
  background-repeat: no-repeat;
}



#journey {
  height: 95vh;
  width: 100vw;
  /*background-image: url(../img/solutions/journeys/journey-bg.png);*/
  /* background-color: #ABD6F4; */
  background-size: cover;
  background-position: top -1px right;
  background-repeat: no-repeat;
}


#lms-heading {
  padding-top: 10rem;
}

@media screen and (max-width: 600px) {
  .hero{
    height: 60vh;
  }
 
  #journey {
    height: 95vh;
  }

  #nexus {
    height: 60vh;
  }

  #travel {

    height: 100vh;
    background-image: url(../img/solutions/travels/travel-png.png);
    background-color: #002660f0;
    background-size: cover;
    background-position: top -1px right;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
  }

  #lms-heading {
    padding-top: 0rem;
  }
  .maya-bg{
    background: none !important;

  }
}

.lms-section-right {
  background-position: center;
  background: #ABD6F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #ABD6F4, #E7EFF5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #ABD6F4, #E7EFF5);
}

.lms-section-left {
  background-position: center;
  background: #ABD6F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #ABD6F4, #E7EFF5);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #ABD6F4, #E7EFF5);
}

.hero {
  /* 
      position: relative; */
  /* background: url(./src/img/CGPA/PNG/10089_0024_Layer-1.png); */
  /* background-attachment: fixed; */
  background-image: url(../img/solutions/cgpa/front.svg), url(../img/solutions/cgpa/cgpa-bg.svg);
  background-position: top center, right center;
  background-repeat: no-repeat, repeat;
}

.section-2 {
  background: url(../img/solutions/cgpa/cgpa-section2.svg);
  background-color: #002760;
  background-size: cover;
  background-position: center
}

.section-3 {
  background: url(../img/solutions/cgpa/cgpa-section3.svg) no-repeat left;
  background-color: #064690;
  background-size: cover;
  background-position: left
}


.section-4 {
  background: url(../img/solutions/cgpa/cgpa-testi.svg) no-repeat;
  /* position: relative; */
  background-color: #002760;
  /* background-size: cover; */
  background-position: center
}

#nexus {
  height: 100vh;
  /*background-image: url(../img/solutions/nexus/nexus-bg.png);*/
  background-color: #0b3d91;
  background-size: cover;
  background-position: top -1px right;
  background-repeat: no-repeat;
}

#nexus2 {
  background-image: url(../img/solutions/nexus/nexus-ads-bg.svg);
  background-color: #002760;
  background-size: cover;
  background-position: bottom;
  background-repeat: no-repeat;
  border-bottom: 0.5px solid rgb(114, 145, 170);

}

#nexus3 {
  background: url(../img/solutions/nexus/nexus-bg-one.svg);
  background-color: #003d87;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

#maya {
  min-height: 500px;
  background: #0b3d91;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #013C86, #0264B7);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to bottom, #013C86, #0264B7);
  border-bottom: 5px solid #f6ae2d;
}

.new-era {
  font-size: 120px;
  font-family: Chalk;
  font-weight: 900;
  text-shadow: 0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;
}

.text-shadow {
  line-height: 15px;
  text-shadow: 0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;
  font-family: Poppins-Regular;
}

.basics {
  font-size: 90px;
  font-family: Chalk;
  font-weight: bold;
  color: #0172c2;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
}

.basics3 {
  font-size: 70px;
  font-family: Chalk;
  font-weight: bold;
  color: #0172c2;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
}

.basics-normal3 {
  line-height: 15px;
  font-size: 40px;
  color: #0072c8;
  font-weight: bold;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
  font-family: Poppins-Regular;
}

.basics-normal {
  line-height: 15px;
  color: #0072c8;
  font-weight: bold;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
  font-family: Poppins-Regular;
}

.teacher {
  font-size: 60px;
  font-family: Chalk;
  font-weight: bold;
  color: #3063c3;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
}

.teacher-student {
  font-size: 80px;
  font-family: Chalk;
  font-weight: bold;
  color: #ccf1ff;
}

.teacher-normal {
  line-height: 15px;
  color: #0072c8;
  font-weight: bold;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
  font-family: Poppins-Regular;
}

.art {
  font-size: 90px;
  font-family: Chalk;
  font-weight: bold;
  color: #3063c3;
  text-shadow: #f6921f 4px 3px;

}

.art-normal {
  line-height: 0px;
  color: #0072c8;
  font-weight: bold;
  /* text-shadow:  0 0 1em #3aa1ff, 0 0 0.2em #3aa1ff;  */
  font-family: Poppins-Regular;
}

.maya-bg {
  margin-top: -15rem;
  /* background: linear-gradient(to bottom, #0b3d91, #6dd5ed6e), url(../img/solutions/nexus/maya/maya-bg.svg) right center / 50% 100% no-repeat; */
  background: url(../img/solutions/nexus/maya/maya-bg.svg);
  background-repeat: no-repeat;
  height: 100vh;
  min-height: 100%;
  background-position: right 20% top 45%;
}

.maya-side {
  /*background: url(../img/solutions/nexus/maya/maya1.svg);*/
  height: 100vh;
  min-height: 100%;
  background-position: left -50% bottom -2%;
  background-repeat: no-repeat;
}

.teacher1-bg {
  background: #D4E7F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to left, #D4E7F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to left, #D4E7F4, #EDF2F4);
}

.teacher2-bg {
  background-color: #E6E7E8;
}

.teacher3-bg {
  background: #D4E7F4;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #D4E7F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #D4E7F4, #EDF2F4);
}

.student1-bg {
  background: #90CAF5;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #90CAF5, #D4E7F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #90CAF5, #D4E7F4, #EDF2F4);
}

.student2-bg {
  background: #04428C;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #04428C, #4C89C4, #84C2F0);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #04428C, #4C89C4, #84C2F0);
}

.student3-bg {
  background: #90CAF5;
  /* fallback for old browsers */
  background: -webkit-linear-gradient(to right, #90CAF5, #D4E7F4, #EDF2F4);
  /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(to right, #90CAF5, #D4E7F4, #EDF2F4);
}

.tes-maya {
  background: url(../img/solutions/cgpa/cgpa-testi.svg) no-repeat;
  background-color: #88c7f4;
  background-position: center
}

.tes-maya h1 {
  color: #002860;
}

.ads-maya {
  background: url(../img/solutions/nexus/maya/ads.svg) no-repeat;
  background-color: #0072c8;
  width: 100%;
  background-position: center bottom;
}

.logo-maya {
  background-color: #013d87;
  min-height: 100px;
}

/* Style the tab */
.tab {
  overflow: hidden;
  text-align: center;
  background-color: transparent;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
/* .tab button:hover {
  background-color: blue;
} */
.tooltip-bg{
background-color: #EDF2F4 !important;
}
/* Create an active/current tablink class */
.black {
  filter: brightness(37%) !important;
}

.tab button.active {
  filter: brightness(60%);
}

.tab button.focus {
  filter: brightness(70%);
}

.maya-img:hover {
  filter: brightness(80%);
}

.maya-img:active {
  filter: brightness(50%);
}

.maya-img:focus {
  filter: brightness(50%);
}

/* Style the tab content */
.tabcontent {
  display: none;
  border-top: none;
}

#travel {
  height: 100vh;
  background-image: url(../img/solutions/travels/travel-png.png);
  background-color: #002660f0;
  background-size: cover;
  background-position: top -1px right;
  background-repeat: no-repeat;
}

.long-link {
  position: relative;
  color: #0073c8;
  text-decoration: none;
  font-size: larger;
}

.long-link::after {
  content: ' ';
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  text-underline-offset: 4px;
  background-color: #0073c8;
  transform-origin: bottom right;
  transition: transform 0.25s ease-out;
  transform: scaleX(0);
}

.long-link:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.long-link:hover {
  color: #0073c8;
}



.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}

@media (max-width: 768px) {

  .float{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left: 336px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
  }
  
  .my-float{
    margin-top:16px;
  }

}