.page-about{
  background-color: var(--clr-white);
}
section.about-main {
  padding: 30px 0px;
}

.about-main .nav-main {
  background-color: var(--clr-bg-accent);
}

.about-main .nav-main .nav-col2 ul li a {
  color: var(--clr-white);
}

.about-main .row .col h1 {
  font-family: var(--font-secondary);
  color: var(--clr-primary);
}

.about-main .row .col p {
  max-width: 40ch;
  line-height: 30px;
}

.about-main .row .col a {
  margin-top: 10px;
  display: inline-block;
}
/* 2nd section */
.about-sec2 {
  text-align: center;
  padding: 150px 0px 100px 0px;
  background-color: #F2FAFF;
  border-radius: 0px 100px 0px 0px;
}
.about-sec2 h2 {
  color: #6661c2;
  font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
  line-height: 10vh;
  position: relative;
}
.about-sec2 h2::before {
  content: "";
  position: absolute;
  top: -90px;
  left: 10%;
  width: 100px;
  height: 100px;
  background: url(../images/Language\ Translator.png);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}
.about-sec2 h6 {
  color: #6661c2;
  text-transform: uppercase;
  font-size: calc(10px + (16 - 10) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 400;
}
/* fade scroll */

.philosophie {
  position: relative;
  background-color: var(--clr-bg-accent);
}

.indicators {
  left: 2rem;
  top: 0;
  margin: 10vh 0;
  height: 80vh;
  width: 3px;
  display: none;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
}

.indicator {
  width: 100%;
  background-color: #adadad;
  flex-grow: 1;
  margin: 2px 0;
}

.philosophie .point {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  padding-left: 4rem;
  /* outline: 1px solid red */
}

.philosophie .wrapperr {
  height: 100vh;
  width: 100%;
}

.point article {
  flex-basis: 50%;

  margin-left: 40px;
}

.point article h6 {
  color: var(--clr-white);
  text-transform: uppercase;
  font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
  font-weight: 400;
}

.point article h2 {
  color: #407bed;
  font-family: var(--font-primary);
  font-weight: 500;
  line-height: 7vh;
  font-size: calc(20px + (44 - 20) * ((100vw - 300px) / (1600 - 300)));
  padding-bottom: 20px;
}

.point article p {
  color: var(--clr-white);
  max-width: 51ch;
  text-transform: capitalize;
  padding: 10px 0px;
  font-size: calc(12px + (16 - 12) * ((100vw - 300px) / (1600 - 300)));
  opacity: 0.8;
}

.point img {
  flex-basis: 40%;
  max-width: 45vw;
  height: auto;
}

/* horizontal scroll section */
.wrapper {
  min-height: 100vh;
  background: var(--clr-white);
  overflow-x: hidden;
}

.factsContainer {
  padding: 0em 2em;
  text-align: center;
  /* line-height: 0vh; */
  line-height: 9vh;
}

.factsContainer h2 {
  font-size: calc(20px + (40 - 20) * ((100vw - 300px) / (1600 - 300)));
  transform: scale(0);
  padding: 2em 0em;
  margin-bottom: 15vh;
  /* margin-bottom: 0vh; */
  color: var(--clr-primary);
}

.factsContainer_sm {
  display: flex;
  width: 300vw;
  gap: 100px;
}

.fact {
  display: flex;
  height: 40vh;
  justify-content: center;
  padding: 1em 6em;
  align-items: center;

  gap: 150px;
}
/* .fact .fact-img {
  background-color: #f3f3f3;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  padding: 15vh;
  position: relative;
} */
.fact .fact-img img {
  width: 120px;
  height: 120px;
  object-fit: cover;
  position: absolute;
}
.fact-content h2 {
  color: #a194f9;
  font-size: 60px;
  padding: 0px;
  margin-bottom: 0px;
}
.fact-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
/* team section */

section.our-team{
  padding: 50px 0px;
  position: relative;
  background-color: #E4F1FF;
  border-radius: 200px 0px 0px 0px;
}
section.our-team::before{
  content: "";

}
.meet-team-row .col h2{
  font-size: calc(30px + (80 - 30) * ((100vw - 300px) / (1600 - 300)));

}
.meet-team-row .col h5{
  font-size: calc(12px + (24 - 12) * ((100vw - 300px) / (1600 - 300)));
  max-width: 35ch;
  font-weight: 400;
  font-family: var(---font-primary);
}
.meet-team-row img{
  animation-name: rocket;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
}
@keyframes rocket{
  0%{
    transform: translateX(-500px) translateY(500px);
    opacity: 0;
    
  }
  100%{
    transform: translate(0px);
    opacity: 1;

  }
}
.team-card{
  text-align: center;
}
/* footer */
.page-about footer::before{
    display: none;
}