body,
html {
  overflow-x: hidden !important;
}

.bg-transparent {
    background: rgba(255, 255, 255, 0.70);
    border: transparent;
}
.section-h-glance {
    padding-top: 0;
}

#fullpage {
  overflow-x: hidden !important;
}

#Our_Pillars h6 {
  font-size: 1.7vw;
  padding: 4.5vw 0px 1vw 0px;
  opacity: 0;
}

#Our_Strategic_Pillars {
  display: none;
}

#Our_Strategic_Pillars_Hidden h2, #Our_Strategic_Pillars h2 {
  font-size: 50px !important;
  transition: 1s;
  position: absolute;
  left: 12vw;
  top: 50%;
  transform: translateY(-50%);
}
#Our_Strategic_Pillars h2 {
  margin-left: -68px;
}
.boxed_content h2.animate_text,
#Our_Strategic_Pillars_Hidden h2.animate_text {
  transition: 1s;
  position: absolute;
  top: 105px;
  margin-left: 4px;
  font-size: 20px !important;
  margin-bottom: 20px;
}

.pillar {
  float: left;
  width: 100%;
  position: relative;
}

.pillar li {
  float: left;
  width: 100%;
  border-left: 4px solid #212120;
  list-style: none;
}

.hide_on_screen {
  position: absolute;
  left: 100%;
  top: 0px;
  transition: 1s;
  transition-timing-function: ease-out;
}
.hide_on_screen.in {
  left: 0px;
  transition: 1s;
  transition-timing-function: ease-in;
}

.pillar li h4 {
  font-size: 2vw;
  font-weight: normal;
  padding: 1vw 0 0 0;
}

.pillar_name {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  float: left;
  width: 70px;
  text-align: center;
  background: #fff;
}
.pillar_banner {
  float: left;
  margin: 0px 0px 0px 70px;
  position: relative;
}
.pillar_banner_data {
  position: absolute;
  left:2%;
	width: 100%;
  bottom: 20%;
  /*transform: translateY(-50%);*/
}

.pillar_banner_data img
{
	max-width: 300px;
}


.pillar_name p {
  position: absolute;
  left: -137px;
  bottom: 170px;
  width: 380px;
  height: 70px;
  transform: rotate(270deg);
  transform-origin: center;
  text-align: left;
  z-index: 9999;
  line-height: 22px;
  font-size: 20px;
}

.pillar_name p.single_line {
  left: -145px;
}

.pillar_banner_data h5 {
  font-size: 40px;
  color: #fff;
  margin: 0 0 20px;
}

.pillar_banner_data a {
  font-size: 20px;
  color: #fff;
 /* border: 2px solid #fff;*/
  border-radius: 50px;
  display: inline-block;
  padding: 10px 40px;
}
.pillar_banner_data a:hover {
 /* background: #fff;*/
  color: #212120;
  transition: 0.3s;
}

#Our_Strategic_Pillars_Hidden {
  position: fixed;
  left: 150%;
  top: 0px;
  z-index: 99;
  width: 100%;
  background: #fff;
  padding-left: 68px;
  display: flex;
  align-content: center;
  align-items: center;
}

#Our_Strategic_Pillars_Hidden .boxed_content,
#Our_Strategic_Pillars .boxed_content {
  width: 100% !important;
}

#Our_Pillars {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 99;
  width: 100%;
  /*background: #fff;*/
  padding-left: 68px;
  display: none;
}

#Our_Pillars_Inside {
  width: 76%;
  margin: 50px 0vw 0px calc(34px + 10%);
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow-x: hidden;
}

#Our_Pillars_Inside h6 {
  position: absolute;
  left: 0px;
  top: -28px;
}

#Pillar-Hidden {
  opacity: 0;
}

#Pillar-02 {
  margin-left: 70px;
}
#Pillar-03 {
  margin-left: 140px;
}
#Pillar-04 {
  margin-left: 210px;
}
#Pillar-05 {
  margin-left: 280px;
}
#Pillar-06 {
  margin-left: 350px;
}
#Pillar-07 {
  margin-left: 420px;
}

/*#pillar_right_space { width: 12%; background: red; height: 100%; position: absolute; right: 0px; top: 0px; }*/

#Footer_Section {
  position: fixed;
  left: 0px;
  bottom: -350px;
  z-index: 999;
  width: 100%;
}


@media only screen and (max-width: 768px) {
  .Our_Strategic_Pillar_Home {
    display: none;
  }
  #Footer_Section {
    position: inherit !important;
    bottom: 0px !important;
}
.mobile_pillars {
    padding-bottom: 15px;
}

  /*#Letter_to_shareholders .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -90%;}
#In_conversation_MD .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -190%;}
#Integrated_Reporting .boxed_content{position: absolute; left: 47%; transform: translateX(-50%); bottom: -290%;}*/

  .section.fwh {
    position: relative;
  }
  /*#Letter_to_shareholders .boxed_content,
  #In_conversation_MD .boxed_content,
  #Integrated_Reporting .boxed_content {
    position: absolute;
    left: 50%;
    top: 65%;
    transform: translate(-50%, -50%);
  }*/

  /*.boxed_content a {
    font-size: 14px !important;
  }*/
  /*#Letter_to_shareholders {
    background: url("../images/home/Banner-Nisaba_mo.jpg") no-repeat center;
    background-size: cover;
  }
  #In_conversation_MD {
    background: url("../images/Banner-MD_mo.jpg") no-repeat center;
    background-size: cover;
  }
  #Integrated_Reporting {
    background: url("../images/Banner-IR_mo.jpg") no-repeat center;
    background-size: cover;
  }*/
  .pillar_name_mo {
    position: absolute;
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
  }
  .pillar_name_mo p {
    font-size: 13px;
    line-height: 16px;
    color: #fff;
    margin-bottom: 15px;
  }
  .pillar_name_mo h4 {
    font-size: 25px;
    line-height: 20px;
    color: #fff;
  }
  .pillar_name_mo a {
    font-size: 12px;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 20px;
    padding: 5px 15px;
  }
  .bigger {
    font-size: 22px;
  }
}