.card-header .fa {
  transition: .3s transform ease-in-out;
}

.card-header .collapsed .fa {
  transform: rotate(90deg);
}

.wrapper {
  position: relative;
  width: 100%;
  max-width: 2800px;
  height: 100%;
  min-height: 100%;
}

.divimage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.divtext {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 17.5%;
  padding-left: 12%;
  text-align: left;
  font-weight: bold;
  font-size: 2.2vw;
  color: white;
  font-family: arial;
}

@media (min-width: 2700px) {
  .divtext {
    font-size: 70px;
  }
}

.FontStyle {
  font-family: Ubuntu;
  font-style: normal;
  font-weight: bold;
}

html {
  max-width: 2700px;
  margin-left: auto;
  margin-right: auto;
  background-color: #222222;
}

.OverHeader {
  width: 100%;
  position: absolute;
  top: 0;
}

#AboutUs-Header {
  padding-top: 60px;
  padding-bottom: 90px;
  background-image: url("../../assets/img/Background/aboutus-header-bg-img.png");
}

.header {
  width: 100%;
}

@media (max-width: 1200px) {
  .bg-resp {
    background-size: auto 100%;
  }
}

@media (min-width: 1400px) {
  .bg-resp {
    background-size: 100%;
  }
}

.section-padding {
  padding: 80px 0;
}

.section-padding h2 {
  margin-bottom: 20px;
}

@media (min-width:1200px) { 
    h2.display-number {
        font-size:3rem;
    }
}