@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&family=Roboto:wght@500&display=swap');
.profile-card {
   border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0px 0px 35px;
    border-radius: 33px;
    background-color: #f9f9f9;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    width: 300px;
    float: left;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.3s; 
}
.profile-card:hover {
    background-color: #e74c3c; 
    transform: scale(1.1); 
}
.profile_img{
  width: 170px;
    height: 170px;
    border-radius: 26px;
    margin-top: 10px;
}
.profile_name {
    font-size: 15px;
    padding-top: 11px;
    font-family: 'Poppins', sans-serif;
}
.username{
    color: black;
    font-size: 16px;
     font-family: 'Poppins', sans-serif;
}
.profile_dept, .profile_email,.profile_loc{
    color: black;
}
.list_itemanchor{
    color:white;
}
.profile_email{
color:black;
}
.countdown_div{
width: 100%;
    margin-bottom: 241px;
    z-index: 1;
    margin-left: -19px;
}
.circle {
float: left;
    width: 107px;
    height: 113px;
    background-color: #00000054;
    border-radius: 10%;
    /* animation: scaleAndRotate 2s linear infinite; */
    text-align: center;
    margin-left: 50px;
    }
.day_d,.day_h,.day_t,.day_s{
    font-size: 48px;
    padding: 9px;
    font-weight: bold;
}
.day_d
{
 color:yellow; 
  font-family: 'Poppins', sans-serif;
}
.day_h
{
   color: #07d1ff; 
    font-family: 'Poppins', sans-serif;
}
.day_t
{
    color:#13bf13;
     font-family: 'Poppins', sans-serif;
}
.day_s
{
    color:#fc1111;
     font-family: 'Poppins', sans-serif;
}
.all_count_txt{
    font-weight: 900;
    font-size: 22px;
     font-family: 'Poppins', sans-serif;
}
.button_div{
    width: 100%;
    margin-top: 66px;
    float: left;
    margin-left: 20px;
}
.first_btton,.second_btton{
    float: left;
    margin-left: 21px;
}
.whoattend_txt{
    font-size: 19px;
    text-align: initial;
    color: white;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}
.why_attend{
color: white;
    text-align: initial;  
     font-family: 'Poppins', sans-serif;
}
    
.regbutton {
background-color: #2589fc;;
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 4px;
    font-weight: 900;
     font-family: 'Poppins', sans-serif;
}

    @keyframes scaleAndRotate {
      0% {
        transform: scale(1) rotate(0deg);
      }
      50% {
        transform: scale(1.2) rotate(180deg);
        background-color: #e74c3c; /* Change color halfway through animation */
      }
      100% {
        transform: scale(1) rotate(360deg);
        background-color: #3498db; /* Reset color at the end of animation */
      }
    }


@media only screen and (min-width: 480px){
 .circle {
    float: left;
    width: 107px;
    height: 113px;
    background-color: #00000054;
    border-radius: 10%;
    /* animation: scaleAndRotate 2s linear infinite; */
    text-align: center;
    margin-left: 19px;
}   
}

@media only screen and (min-width: 600px){}
@media only screen and (min-width: 781px){
    .profile-card {
    margin: 20px 0px 0px 34px;
}
}
@media only screen and (min-width: 992px){}
@media only screen and (min-width: 1024px){
 .profile-card {
    margin: 34px 0px 0px 10px;
}
}
@media only screen and (min-width: 1200px){
    .profile-card {
    margin: 34px 0px 0px 58px;
}
}
@media only screen and (min-width: 1400px){}