/* imdi-next & imdi-previous buttons Colors */
.imdi-prev, .imdi-next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  background: #302780; /* PRIMARY COLOR HERE */
}
/* On hover, imdi-next & imdi-previous buttons Colors */
.imdi-prev:hover, .imdi-next:hover {
  background-color: #006bb3; /* SECONDARY COLOR HERE */
}
/* The dots/bullets/indicators Colors */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #302780; /* PRIMARY COLOR HERE */
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/* On hover, The dots/bullets/indicators Colors */
.active, .dot:hover {
  background-color: #006bb3; /* SECONDARY COLOR HERE */
}
/* Main Heading/h1 color */
.imdi-h1 {
  color: #302780; /* PRIMARY COLOR HERE */
  font-size: 34px;
}
/* Sub Headings/h3 color */
.imdi-h3 {
  color: #302780; /* PRIMARY COLOR HERE */
}
/* App Download section Heading/h1 color */
.heading-h1 {
  font-size: 40px;
  color: #212529;
}
.imdi-container {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #d9e4f6 !important;
  height: 700px !important;
}
.intro-text {
  line-height: 30px;
  color: #383838;
}
.app-functions-text {
  color: #a8aec3;
}
#imdi-appsfunctions h3 {
  color: #484e57;
}
.content-app-func {
  color: #666666;
  line-height: 26px;
}