.sub-sections {
  padding: 0;
  background: transparent;
  height: 100%;
  position: relative;
  width: 100%;
}
#section_1 {
  background: transparent url(dotted-patten.svg) no-repeat right bottom;
  height: 95% !important;
  background-position: 43em bottom;
}
.rightSide {
  display: inline-block;
  float: right;
  width: 40%;
  text-align: center;
  height: 35em;
  position: relative;
}
.smallBlueBox img {
  position: absolute;
  top: 16%;
  right: 9%;
}

.smallBlueBox {
  /*background: var(--blue-color) url(../../shell/imgs/bgpattern-right.svg)*/
    no-repeat right bottom;
  border-radius: var(--border-radius);
  width: 55em;
  height: 25em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  justify-content: start;
  align-items: center;
  padding-left: 4em;
}
h1#module_heading {
  font-size: 1.8em;
  line-height: 1.3em;
  color: var(--white-color);
  width: 50%;
  display: none;
}
h1#module_heading span.topicname {
  color: var(--skyblue-color);
}

.module_1 h1.module_1,
.module_2 h1.module_2,
.module_3 h1.module_3,
.module_4 h1.module_4,
.module_5 h1.module_5,
.module_6 h1.module_6,
.module_7 h1.module_7,
.module_8 h1.module_8,
.module_9 h1.module_9 {
  display: block !important;
}

.bgTrans{
  background: transparent !important;
}