#main{
    position: relative;
}

#sub_main{
    position: absolute;
    top: 10px;
    z-index: 1;
    top: 45%;
}

#sub_main1{
    position: absolute;
    top: 10px;
    z-index: 1;
    top: 25%;
}

#s1{
    color: rgb(255, 255, 255);
    font-size: 30px;
    font-weight: bolder;
}

#s2{
    color: white;
}

#input1{
    height: 30px;
    border-radius: 5px;
}

.button-71 {
  color: #fff;
 
  background-color: #38D2D2;
  background-image: radial-gradient(93% 87% at 87% 89%, rgba(0, 0, 0, 0.23) 0%, transparent 86.18%), radial-gradient(66% 66% at 26% 20%, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 69.79%, rgba(255, 255, 255, 0) 100%);
  box-shadow: inset -3px -3px 9px rgba(255, 255, 255, 0.25), inset 0px 3px 9px rgba(255, 255, 255, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.6), inset 0px -8px 36px rgba(0, 0, 0, 0.3), inset 0px 1px 5px rgba(255, 255, 255, 0.6), 2px 19px 31px rgba(0, 0, 0, 0.2);
  border-radius: 14px;
  font-weight: bold;
  font-size: 16px;

  border: 0;

  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;

  cursor: pointer;
  height: 40px;
  width: 100px;
}

#sub_sub_main{
    width: fit-content;
    padding: 18px;
    border-radius: 5px;
    background-color: white;
}

#main2{
    background-color: darkgrey;
    margin-left: 35px;
    margin-right: 35px;
}

.fa-briefcase{
    font-size: 35px;
}

.fa-building-user{
    font-size: 35px;
}

.fa-arrows-to-dot{
    font-size: 35px;
}

#depart{
    font-size: 35px;
}

#main3_sub{
    margin-left: 200px;
    margin-right: 200px;
}

#about{
    background-color:darkgray;
    border-radius: 10px;
    height:fit-content ;
    width: fit-content;
    color: blue;

}

#main4{
    margin-top: 50px;
}

#read{
    text-decoration: none;
}

#main6{
    margin-left: 200px;
    margin-right: 200px;
}

#main7{
    margin-left: 200px;
    margin-right: 200px;
}

#main8{
    margin-top: 30px;
    background-color:blue;
    margin-left: 35px;
    margin-right: 35px;
}

#main9{
    background-color:rgb(36, 35, 35);
    margin-left: 35px;
    margin-right: 35px;
}

#footer{
    color: white;
    text-decoration: none;
}

#last{
    color: white;
    width: 95%;
    height: 5px;
    background-color: white;
}

.nav-link {
	color: #18272F;
  position: relative;
  text-decoration: none;
}

.nav-link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #00a6ff;
  bottom: 0;
  left: 0;
  transform-origin: right;
  transform: scaleX(0);
  transition: transform .3s ease-in-out;
}

.nav-link:hover::before {
  transform-origin: left;
  transform: scaleX(1);
}



#backimg1{
    opacity: 0.1;
}

#input3{
    height: 40px;
    width: 300px;
    margin-bottom: 40px;
    border-radius: 10px;
}

#sticky{
    background-color: white;
}

#login_sub{
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
}