
  
  *{
    margin:0 ;
    padding: 0;
    box-sizing: border-box;
  }
  .overlay{
    background-image: linear-gradient(180deg, #f9f4f4b1, #ffffffbf);
  }
  .btn-gradient {
    background:#fff;
    color: #033243;
    border: 2px solid #0c5c78;
    transition: 0.5s ease-in-out;
  }
  .btn-gradient:hover {
    background:linear-gradient(90deg, #034458,#47bad4);
    color: #fff;
    border: 3px solid;
    border-radius: 80px;
    transform: scale(1.0);
  }

  .presenters-card{
    border-bottom: 10px #ffffff solid;
    border-top: 10px #ffffff solid ;
    color:#fff;
    transition: transform 0.5s ease-in-out;
    background:linear-gradient(90deg,#084a62,#28c8d4);
    filter: drop-shadow(0px 2px 3px #9ef0ff);
  }
  .presenters-card:hover{
    transform: scale(1.05);
  }

    .title{
     background: linear-gradient(180deg, #034458, #28c8d4);
    -webkit-background-clip: text;
    color: transparent;
    border-top: 3px solid #084a62;
    border-bottom: 3px solid #084a62;
  }
  .partners-card {
    transition: transform 0.5s ease-in-out;
  }
  .partners-card:hover {
    transform: scale(1.07);
  }


    .person-card:hover{
    transform: scale(1.02);
    transition: transform 0.5s ease-in;
    filter: grayscale(0%);
  }
 .person-card{
  filter: grayscale(100%);
  border-radius: 10%;
 }
 
 .linkedin
 {
  position: absolute;
  top: 5px;
  right: 5px;
  background-color: #084a62;
  padding:3px 8px;
  border-radius: 10%;
 }


   .img-fluid:hover,
  .attendes:hover{
    transform: scale(1.03);
    transition: transform 0.5s ease-in;
  }


    .button:hover{
  transform: scale(1.03);
  transition: ease-in-out 0.6s;
  border-color: #ffce57;
  box-shadow: 0 0 15px rgba(255, 200, 60, 0.7);
}


  .benefit-card:hover{
    transform:scale(1.02);
    transition: 0.5s ease-in-out;
    background-color: #084a62;
    color: #fff;
    box-shadow: 0 0 15px rgba(42, 42, 40, 0.7);
  }



   .btn-gradient:hover {
    background:linear-gradient(90deg, #034458,#28c8d4);
    color: #fff;
    border: 2px solid;
    border-radius: 80px;
    transform: scale(1.07);
  }


    .img-fluid:hover{
    transform: scale(1.05);
  }