/*--------------------------------------------------------------
  # Global Sections
  --------------------------------------------------------------*/
section,
.section {
  color: var(--default-color);
  background-color: var(--background-color);
  padding: 60px 0 !important;
  scroll-margin-top: 88px;
  overflow: clip;
}

@media (max-width: 1199px) {

  section,
  .section {
    scroll-margin-top: 66px;
  }
}

.scroll-top.active {
  visibility: hidden;
  opacity: 1;
  display: block;
}


/*--------------------------------------------------------------
  # Call To Action Section
  --------------------------------------------------------------*/


.call-to-action .container {
    height: 100%;
    display: flex;
    align-items: left;
    justify-content: left;
    text-align: left;
    position: absolute;
    top: 0px;
}

.call-to-action p {
  color: #FFF;
  font-family: Mulish, sans-serif;
  font-size: 16px;
  font-weight: 700;

}

.view-business {
  white-space: nowrap;
  position: relative;
  font-family: "Mulish";
  font-weight: 700;
  font-size: 16px;
  color: white;
}


.view-business:hover .text-wrapper-12 {
  transform: translateX(-4px);
}

.text-wrapper-12 {
  display: inline-block;
  position: relative;
  width: fit-content;
  margin-left: 4px;
  font-family: "Font Awesome 6 Free-Solid", Helvetica;
  font-weight: 400;
  color: white;
  font-size: 14px;
  letter-spacing: 1.4px;
  line-height: normal;
  white-space: nowrap;
  transition: transform 0.4s ease-in-out;
  /* Adds transition effect */
}

.text-wrapper-12 .fas {
  color: white;
  font-size: 12px;
}

.call-to-action a {
  color: #FFF;
  text-decoration: none;
}

/*--------------------------------------------------------------
  # Chairman-BOD
  --------------------------------------------------------------*/

.manoj-kumar-upadhyay {
  margin: 0;
}

.manoj-kumar-upadhyay-container {
  width: auto;
  position: relative;
  font-size: 16px;
  line-height: 25px;
  font-family: Mulish;
  color: #383838;
  text-align: left;
  display: inline-block;
  height: 328px;
}



.mu-child {
  position: absolute;
  height: 74.63%;
  width: 100%;
  top: 25.37%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  border-radius: 0px 30px 0px 0px;
  background-color: #f5f5f5;
}

.mu-item {
  position: absolute;
  height: 39.8%;
  width: 100%;
  top: 60.2%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  background-color: #2f82c3;
}

.manoj-k-upadhyay {
  width: 416px;
  position: relative;
  line-height: 50px;
  font-weight: 800;
  display: inline-block;
}

.founder-chairman {
  width: 280px;
  position: relative;
  font-size: 14px;
  line-height: 18px;
  display: inline-block;
}

.manoj-k-upadhyay-parent {
  position: absolute;
  height: 23.13%;
  width: 40.63%;
  top: 71.64%;
  right: 54.02%;
  bottom: 5.22%;
  left: 5.36%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  text-align: left;
  font-size: 40px;
}

.manoj-acme-team-2-icon {
  position: absolute;
  height: 100%;
  width: auto;
  top: 0%;
  right: 16.7%;
  bottom: 0%;
  left: 47.14%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}

.div {
  position: absolute;
  height: 12.06%;
  width: 2.41%;
  top: 75.12%;
  left: 88.13%;
  line-height: 48px;
  font-family: 'Font Awesome 5 Brands';
  display: inline-block;
  cursor: pointer;
}

.div1 {
  position: absolute;
  height: 12.06%;
  width: 2.41%;
  top: 75.12%;
  left: 93.21%;
  line-height: 48px;
  font-family: 'Font Awesome 6 Brands';
  display: inline-block;
  cursor: pointer;
}

.mu {
  width: 100%;
  position: relative;
  height: 402px;
  text-align: center;
  font-size: 36px;
  color: #fff;
  font-family: Mulish;
}

@media (max-width: 1399px) {

  .manoj-acme-team-2-icon {
    width: 40.16%;
  }
}


@media (max-width: 1199px) {

  .manoj-acme-team-2-icon {
    width: 52.16%;
  }

  .manoj-k-upadhyay-parent {
    gap: auto !important;
    font-size: 27px !important;
    top: 65.64% !important;
  }

  .founder-chairman {
    font-size: 11px;
  }

  .div1 {
    top: 87.12%;
    left: 40.21%;
  }

  .div {
    top: 87.12%;
    left: 34.21%;
  }
}


@media (max-width: 991px) {

  .manoj-acme-team-2-icon {
    width: 53.16%;
  }

  .manoj-k-upadhyay-parent {
    gap: auto !important;
    font-size: 27px !important;
    top: 65.64% !important;
  }

  .founder-chairman {
    font-size: 11px;
  }

  .div1 {
    top: 87.12%;
    left: 40.21%;
  }

  .div {
    top: 87.12%;
    left: 34.21%;
  }

}

@media (max-width: 767px) {

  .manoj-acme-team-2-icon {
    height: 72%;
    top: -11%;
  }

  .div1 {
    top: 84.12%;
    left: 88.21%;
  }

  .div {
    top: 84.12%;
    left: 79.21%;
  }

}

@media (max-width: 550px) {

  .manoj-acme-team-2-icon {
    height: 69%;
    top: -8%;
  }


}

@media (max-width: 510px) {

  .manoj-acme-team-2-icon {
    height: 63%;
    top: -2%;
  }
}

@media (max-width: 480px) {

  .manoj-acme-team-2-icon {
    height: 60%;
    top: 1%;
  }

}

@media (max-width: 450px) {

  .manoj-acme-team-2-icon {
    height: 55%;
    top: 5.5%;
    left: 25.5%;
    width: fit-content;
  }

}

@media (max-width: 375px) {
  .div {
    left: 75.21% !important;
  }
}

.social-icon {
  font-family: 'Font Awesome 5 Brands', 'Font Awesome 6 Brands';
  font-size: 2rem;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

/*--------------------------------------------------------------
# icon  Section
--------------------------------------------------------------*/

.share-icons-child {
  display: flex;
  flex-direction: column;
  position: absolute;
  right: 40px;
  top: 19rem;
  z-index: 2;
}

.svg-icon {
  opacity: 1;
  font-size: 16px;
  margin-bottom: 35px;
  margin-right: 10px;
  color: #2F82C3 !important;
  cursor: pointer;
  transition: color 0.5s, opacity 0.5s;
}

.images-column .svg-icon:hover {
  display: flex;
}

.apple {
  &:hover path {
      transition: fill 0.5s ease-in-out;
      opacity: 1;
      fill: #064f8b !important;
  }
}

@media (min-width: 998px) {
  .share-icons-child svg{
      display: flex !important;
  }
}

@media (max-width: 998px) {
  .share-icons-child svg {
      display: none !important;
  }
}