*{
  margin:0;
  padding:0;
  font-family:Arial, sans-serif;
}

.soubhik_school_his_heading_section{
    /* border: 1px solid red; */
    width: 100%;
    justify-items: center;
    align-content: center;
    font-family: var(--font-family);
    padding: 0px 0px 30px 0px;
    color: var(--light-color);
}
.soubhik_school_his_heading_section .school_heading{
    /* border: 1px solid red; */
    padding: 10px 10px;
    font-weight: bold;
    font-size: 25px;
    color: rgba(156, 154, 154, 0.699);
}
.soubhik_school_his_heading_section .school_heading span{
    color: var(--deep_sky);
}
.soubhik_school_his_heading_section .school_heading_line{
    /* border: 1px solid red; */
    height: 4px;
    width: 200px;
    background: linear-gradient(90deg,var(--deep_sky),var(--normal_sky),var(--deep_sky));
    animation: a 2s linear infinite;
}
@keyframes a{
    0%{
        transform: translateX(0%);
    }
    25%{
        transform: translateX(15%);
    }
    50%{
        transform: translateX(0%);
    }
    75%{
        transform: translateX(-15%);
    }
    100%{
        transform: translateX(0%);
    }
}

.profile_card_main{
  display:flex;
  justify-content:center;
  align-items:center;
  background:#dbdbdb;
  gap: 20px;
  flex-wrap: wrap;
     padding: 25px 10px 70px 10px;
}

.profile_carda{
  width:300px;
  border-radius: 10px;
 background-color: #ffffff;
}


.profile_card_main .profile_card{
  width:100%;
  height: 350px;
  border-radius:10px 10px 0px 0px;
  overflow:hidden;
  position:relative;
}

.profile_card_main .profile_card img{
  width:100%;
  height: 100%;
  display:block;
  border-radius:10px 10px 0px 0px;
  position:relative;
clip-path: polygon(50% 0%, 100% 0, 100% 100%, 72% 100%, 62% 91%, 39% 91%, 29% 100%, 0 100%, 0% 35%, 0 0);


}



.profile_card_main .profile_card .share_box{
  position:absolute;
  bottom:2px;
  left:43%;

}

.profile_carda .info{
    padding-top:10px ;
   text-align: center;
}
.profile_carda .info h2{
    font-size: 22px;
    color: #0a2540;

}
.profile_carda .info p{
    font-size: 18px;
    color: #ff5100;

}

 .profile_card .share_box .social{
  list-style:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
  opacity:0;
  transition:0.4s;
 padding-left: 0;
}

.social li a{
  width:45px;
  height:45px;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:18px;
  text-decoration: none;
}

.social li:nth-child(1) a{ background:#b50000; } 
.social li:nth-child(2) a{ background:#ea4c89; } 
.social li:nth-child(3) a{ background:#1877f2; } 

.profile_card .share_box .plus{
  width:45px;
  height:45px;
  background:#0a2540;
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  color:#fff;
  font-size:22px;
  cursor:pointer;
  border: 1px solid rgb(255, 255, 255);
  
  
}

.share_box:hover .social{
  opacity:1;
  /* transform:translateY(0); */
}

.share_box:hover .plus{
  transition:0.3s;
}


/* @media(max-width:638px) {
  
.profile_carda{
  width: 600px;
 }

 
} */
 @media(max-width:376px){
  .soubhik_school_his_heading_section .school_heading{
    /* border: 1px solid red; */
    font-size: 20px !important;
}
 }