.main-wrapper .profile-description .profile-title {
    font-family: "Futura PT";
    font-size: 26px;
    font-style: normal;
    font-weight: 600;
    line-height: 36px;
    color: white;
}


.profile-node-wrapper{
      display: flex;
	    gap: 20px;
	    background-color: white;
	    border-radius: 10px;
	    border: 1px solid var(--primary, #4C469C);
	    gap: 20px;
      display: flex;
      padding:20px;
      @media (max-width: 767px){
      	flex-direction:column;
      }
     


	
        .image-wrapper {

            img {
                width: 184px;
                height: 184px;
                object-fit: cover;
                border-radius: 10px;
                 @media (max-width: 767px){
       width: 100%;
      }
            }
        }
       
       
      
}
.profile-node-info {
        p {
        		color:#3A3A3A;
            font-size: 18px;
						font-style: normal;
						font-weight: 400;
						line-height: 26px;
            
        }
    }
    .profile-node-content{
    	font-size: 20px;
			font-style: normal;
			font-weight: 450;
			line-height: 27px;
			text-align:center;
    }
  .ui-dialog-title{
	color:#3A3A3A;
}

.main-wrapper {
  position: relative;
  overflow: hidden;

  &:hover .profile-description {
    transform: translateY(0);
  }

  .profile-img-wrapper img {
    height: 361px;
    object-fit: cover;
    width: 100%;
    display: block;
    border-radius: 10px;
  }

  .profile-description {
    position: absolute;
    top:50% !important;
    left: 0 !important;
    bottom: 0 !important;
    width: 100%;
    height: 50%;
    padding: 24px;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.4);

    display: flex;
    flex-direction: column;
    justify-content: flex-end;

    /* IMPORTANT */
    transform: translateY(100%);
    transition: transform 0.4s ease-in-out;
    pointer-events: none;

    

    
  }
}