.ourteam{
    width:100%;
    height:430px;
    background-color: #f0f8ff;
    margin-top: 0%;
    
}
.teamheading h5{
    text-align: center;
    color: rgb(160, 42, 12);
    padding: 2%;
    font-weight: 600;
    font-size: 22px;
}

.main{
     width: 100%;
     padding:45px;
     display: flex;
     justify-content: center;
     align-items: center;
   }
   .profile-card{
     position: relative;
     font-family: sans-serif;
     width: 220px;
     height: 220px;
     background: #fff;
     padding: 30px;
     border-radius: 50%;
     box-shadow: 0 0 22px #3336;
     transition: .6s;
     margin: 0 25px;
   }
   .profile-card:hover{
     border-radius: 10px;
     height: 260px;
   }
   .profile-card .img{
     position: relative;
     width: 100%;
     height: 100%;
     transition: .6s;
     z-index: 99;
   }
   .profile-card:hover .img{
     transform: translateY(-60px);
   }
   .img img{
     width: 100%;
     border-radius: 50%;
     box-shadow: 0 0 22px #3336;
     transition: .6s;
   }
   .profile-card:hover img{
     border-radius: 10px;
   }
   .caption{
     text-align: center;
     transform: translateY(-80px);
     opacity: 0;
     transition: .6s;
   }
   .profile-card:hover .caption{
     opacity: 1;
   }
   .caption h3{
     font-size: 18px;
     font-weight:600;
     font-family: sans-serif;
   }
   .caption p{
    font-size: 15px;
    font-weight:600;
     color: #0c52a1;
     font-family: sans-serif;
     margin: 2px 0 9px 0;
   }
   .caption .social-links a{
     color: #333;
     margin-right: 15px;
     font-size: 21px;
     transition: .6s;
   }
   .social-links a:hover{
     color: #0c52a1;
   }
   @media (min-width: 320px) and (max-width: 480px){
    .ourteam{
      width:100%;
      height:1200px;
      background-color: aliceblue;
      margin-top: 0%;
      
  }
  .teamheading h5{
      text-align: center;
      color: rgb(160, 42, 12);
      padding: 5%;
      font-weight: 600;
  }
  
  .main{
       width: 100%;
       height: fit-content;
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       flex-wrap: nowrap;
       padding:12%;
     }
     .profile-card{
       position: relative;
       font-family: sans-serif;
       width: 220px;
       height: 220px;
       background: #fff;
       padding: 30px;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
       margin: 20px 25px;
     }
     .profile-card:hover{
       border-radius: 10px;
       height: 260px;
     }
     .profile-card .img{
       position: relative;
       width: 100%;
       height: 100%;
       transition: .6s;
       z-index: 99;
     }
     .profile-card:hover .img{
       transform: translateY(-60px);
     }
     .img img{
       width: 100%;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
     }
     .profile-card:hover img{
       border-radius: 10px;
     }
     .caption{
       text-align: center;
       transform: translateY(-80px);
       opacity: 0;
       transition: .6s;
       margin: -18%;
     }
     .profile-card:hover .caption{
       opacity: 1;
       margin: -5%;
     }
     .caption h3{
      font-size: 18px;
      font-weight:600;
       font-family: sans-serif;
     }
     .caption p{
      font-size: 15px;
      font-weight:600;
       color: #0c52a1;
       font-family: sans-serif;
       margin: 2px 0 9px 0;
     }
     .caption .social-links a{
       color: #333;
       margin-right: 15px;
       font-size: 21px;
       transition: .6s;
     }
     .social-links a:hover{
       color: #0c52a1;
     }
   }
   @media (min-width: 481px) and (max-width: 768px){
    .ourteam{
      width:100%;
      height:1280px;
      background-color: aliceblue;
      margin-top: 0%;
      
  }
  .teamheading h5{
      text-align: center;
      color: rgb(160, 42, 12);
      padding: 5%;
      font-weight: 600;
  }
  
  .main{
       width: 100%;
       height: fit-content;
       display: flex;
       justify-content: center;
       align-items: center;
       flex-direction: column;
       flex-wrap: nowrap;
       padding:12%;
     }
     .profile-card{
       position: relative;
       font-family: sans-serif;
       width: 220px;
       height: 220px;
       background: #fff;
       padding: 30px;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
       margin: 20px 25px;
     }
     .profile-card:hover{
       border-radius: 10px;
       height: 260px;
     }
     .profile-card .img{
       position: relative;
       width: 100%;
       height: 100%;
       transition: .6s;
       z-index: 99;
     }
     .profile-card:hover .img{
       transform: translateY(-60px);
     }
     .img img{
       width: 100%;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
     }
     .profile-card:hover img{
       border-radius: 10px;
     }
     .caption{
       text-align: center;
       transform: translateY(-80px);
       opacity: 0;
       transition: .6s;
       margin: -18%;
     }
     .profile-card:hover .caption{
       opacity: 1;
       margin: -5%;
     }
     .caption h3{
      font-size: 18px;
      font-weight:600;
       font-family: sans-serif;
     }
     .caption p{
      font-size: 15px;
    font-weight:600;
       color: #0c52a1;
       font-family: sans-serif;
       margin: 2px 0 9px 0;
     }
     .caption .social-links a{
       color: #333;
       margin-right: 15px;
       font-size: 21px;
       transition: .6s;
     }
     .social-links a:hover{
       color: #0c52a1;
     }


   }
   @media (min-width: 769px) and (max-width: 1024px){
    .ourteam{
      margin:0%;
      width:100%;
      height:250px;
      background-color: #f0f8ff;
      
      
  }
  .teamheading h5{
      text-align: center;
      color: rgb(160, 42, 12);
      padding: 2%;
      font-weight: 600;
  }
  
  .main{
       width: 100%;
       height: fit-content;
       display: flex;
       justify-content: center;
       align-items: center;
      }
     .profile-card{
       position: relative;
       font-family: sans-serif;
       width: 147px;
       height: 151px;
       background: #fff;
       padding: 30px;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
       margin: 0 25px;
     }
     .profile-card:hover{
       border-radius: 10px;
       height: 160px;
     }
     .profile-card .img{
       position: relative;
       width: 100%;
       height: 100%;
       transition: .6s;
       z-index: 99;
     }
     .profile-card:hover .img{
       transform: translateY(-60px);
     }
     .img img{
       width: 100%;
       border-radius: 50%;
       box-shadow: 0 0 22px #3336;
       transition: .6s;
     }
     .profile-card:hover img{
       border-radius: 10px;
     }
     .caption{
       text-align: center;
       transform: translateY(-80px);
       opacity: 0;
       transition: .6s;
       
     }
     .profile-card:hover .caption{
       opacity: 1;
       margin:9%;
     }
     .caption h3{
      font-size: 12px;
    font-weight:600;
       font-family: sans-serif;
     }
     .caption p{
      font-size: 10px;
      font-weight:600;
       color: #0c52a1;
       font-family: sans-serif;
       margin: 2px 0 9px 0;
     }
     .caption .social-links a{
       color: #333;
       margin-right: 10px;
       font-size: 21px;
       transition: .6s;
     }
     .social-links a:hover{
       color: #0c52a1;
     }
    }
    @media (min-width: 1025px) and (max-width: 1200px){
      .ourteam{
        margin:0%;
        width:100%;
        height:350px;
        background-color: #f0f8ff;
        
    }
    .teamheading h5{
        text-align: center;
        color: rgb(160, 42, 12);
        padding: 2%;
        font-weight: 600;
    }
    
    .main{
         width: 100%;
         height: fit-content;
         display: flex;
         justify-content: center;
         align-items: center;
       }
       .profile-card{
         position: relative;
         font-family: sans-serif;
         width: 220px;
         height: 220px;
         background: #fff;
         padding: 30px;
         border-radius: 50%;
         box-shadow: 0 0 22px #3336;
         transition: .6s;
         margin: 0 25px;
       }
       .profile-card:hover{
         border-radius: 10px;
         height: 260px;
       }
       .profile-card .img{
         position: relative;
         width: 100%;
         height: 100%;
         transition: .6s;
         z-index: 99;
       }
       .profile-card:hover .img{
         transform: translateY(-60px);
       }
       .img img{
         width: 100%;
         border-radius: 50%;
         box-shadow: 0 0 22px #3336;
         transition: .6s;
       }
       .profile-card:hover img{
         border-radius: 10px;
       }
       .caption{
         text-align: center;
         transform: translateY(-80px);
         opacity: 0;
         transition: .6s;
       }
       .profile-card:hover .caption{
         opacity: 1;
       }
       .caption h3{
         font-size: 18px;
         font-weight:600;
         font-family: sans-serif;
       }
       .caption p{
        font-size: 15px;
        font-weight:600;
         color: #0c52a1;
         font-family: sans-serif;
         margin: 2px 0 9px 0;
       }
       .caption .social-links a{
         color: #333;
         margin-right: 15px;
         font-size: 21px;
         transition: .6s;
       }
       .social-links a:hover{
         color: #0c52a1;
       }
      }