.numbers {
  display: flex;
  flex: 1;
  width: 100%;
  height: 20vh;
}

.sec-2{
  font-family: "Krub", sans-serif;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 10px rgb(0, 0, 0);
}

.number {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  /* font-size: 40px; */
  color: white;
  background-color: #0F100F;

}

#num1 {
  /* background-color: grey; */

}

#num2 {
  /* background-color: blue; */

}

#num3 {
  /* background-color: green; */

}

.num1-left {
  display: flex;
  flex: 0.2;
  justify-content: center;
  font-size: 4.5rem;
  padding: 10px;
}

.num1-left p{
  font-size: 4.5rem;
  color: violet;
}

.num2-left {
  display: flex;
  flex: 0.2;
  justify-content: center;
  font-size: 4.5rem;
  padding: 10px;
}

.num2-left p{
  font-size: 4.5rem;
  color: violet;
}

.num3-left {
  display: flex;
  flex: 0.2;
  justify-content: center;
  font-size: 4.5rem;
  padding: 10px;
}

.num3-left p{
  font-size: 4.5rem;
  color: violet;
}

.num1-right{
  font-size: 1.5rem;
  padding: 2px;
}

.num2-right{
  font-size: 1.5rem;
}

.num3-right{
  font-size: 1.5rem;
}






/* Path: sec3.css */

/* Styling the sections */
.sec3{
  display: flex;
  height: 85vh;
  width: 100%;
  background-color: #0F100F;
  flex-direction: column;
  /* overflow: hidden; */
  font-family: "Krub", sans-serif;
}

.sec3_1{
  display: flex;
  height: 70vh; 
}

.sec3-left,
.sec3-mid,
.sec3-right {
  height: 70vh;
}

.sec3-left,
.sec3-right {
  width: 5vw;
}

.sec3-mid {
  width: 90vw;
  background-color: #0F100F;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  color: white;
  /* padding: 10vh; */
}

.sec3-mid p{
  font-size: 2rem;
  font-weight: bold;
  /* color: #FAF9F7; */
  color: 
  RGB(213, 213, 213);
}

.techs{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 50%;
  padding: 5vh;
  
}

.techs p{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2vh;
}

.techs i{
  font-size: 3rem;
  color: white;
  padding: 1vh;

}

/* Additional styling */
.sec3-left p{
  /* background-color: red; */
  color: white;
  font-size: 5rem;
  transform: rotate(-90deg);position: relative;
  left: 5%;
  top: 30%;
  opacity: 0.2;
}

.sec3-right p{
  /* background-color: blue; */
  color: white;
  font-size: 5rem;
  transform: rotate(90deg);position: relative;
  right: 20%;
  top: 30%;
  opacity: 0.2;
  /* overflow: hidden; */
}

.sec3-left p:hover,.sec3-right p:hover{
  opacity: 0.8;
  transition: 0.3s;
  cursor: pointer;
}

.sec3-2{
  display: flex;
  height: 15vh;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  background-color: rgba(255, 255, 255, 0);
  backdrop-filter: blur(10px);
  box-shadow: 0 0 10px rgb(0, 0, 0);
}

.ext{
  color: white;
  font-size: 7rem;
}

.sec3-2 p{
  /* background-color: red; */
  color: white;
  font-size: 3rem;
  font-family: "Krub", sans-serif;
  padding: 0 10vh 0 10vh;
  opacity: 0.2;
}

.sec3-2 p a{
  text-decoration: none;
  color: white;

}

.sec3-2 p:hover{
  opacity: 1;
  transition: 0.3s;
  cursor: pointer;
}