body{
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
   overflow-y: hidden;
    height: 100rem;
}






.divider {

   width: 70%;                
  height: 1.5px;               
  background-color: #9b9b9b; 

  align-self: center;
}

.trans-me{
  transform: translateY(0px);

}
.trans-me:hover{
  transform: translateY(-3px);
   transition: transform 0.4s ease-in-out;
}

.icone-styling{
  width:30px ;
  height: 30px ;
  background-color: #1A7182 ;
 
  border-radius: 50% ;
  color:white ;
   text-align: center ;
    line-height: 30px !important; 
}


.social {
  gap: 25px;
  display: flex;
   justify-content: space-evenly;
}



.social a ,.new-social a{
  color: #00657b;
  font-size: 20px;
  transition: 0.3s;
}

.social a:hover  ,.new-social a:hover{
  color: #0099b7;
}



.vertical-line {
  width: 2px;                
  height: 50px;               
  background-color: #9b9b9b;   
}

.new-phone{
   border: 1px solid  #1A7182;
   color:  #1A7182;
  padding: 6px 5px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 600;
}

.new-phone:hover{
    text-decoration: none;
   background-color: #00657b;
   opacity: 0.7;
   color: white;
}

.nav-links{
  transform: translateX(-65px);
}

.nav-links a {
  text-decoration: none;
  color: #000;
  font-family: 'Cairo', sans-serif;
    font-weight: bolder;
  font-size: 15px;
 
}

.nav-links a.active,
.nav-links a:hover {
  color: #007b9c;
}