.content4-title {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        flex-direction: column;
        text-align: center;
}

.content4-title p {
        background-color: transparent;
}
.content4-title p:nth-child(1) {
        font-size: clamp(24px, 8vw, 48px);
        font-family: 'supershiny';
}
.content4-title span {
        font-size: clamp(24px, 8vw, 48px);
        font-family: 'supershiny';
        color: var(--primary);
}
.content4-title p:nth-child(2){
        margin-top: 10px;
        background-color: transparent;
        font-size: 16px;
        line-height: 1.2;
        color: var(--text-muted);
}

.content4-title p:nth-child(3){
        margin-top: 10px;
        background-color: var(--primary);
        width: 10%;
        height: 5px;
        border-radius: 10px;
}

/* ############################################################################### */
.mentor-card {
  position: relative;
  width: 350px;
  height: 500px;
  /* background: rgba(255,255,255,0.05); */
  /* backdrop-filter: blur(10px); */
  background-color: transparent;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,0.2);
  box-shadow: var(--box-shadow);
  display: flex;
  flex-direction: column;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  padding: 10px;
}

.mentor-card:hover {
  transform: translateY(-10px);
  box-shadow: var(--box-shadow-hover);
}

.mentor1 .img {
        height: 200px;
        width: 100%;
        background-image: url('./../../assets/page4/rohit.jpeg');
        background-repeat: no-repeat;
        background-position: start;
        mask-image: url('./../../assets/page4/profile.png');
        mask-position: center;
        mask-size: contain;
        mask-repeat: no-repeat;
}

.mentor2 .img {
        height: 200px;
        width: 100%;
        background-image: url('./../../assets/page4/aditya_bhaiya.png');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        mask-image: url('./../../assets/page4/profile.png');
        mask-position: center;
        mask-size: contain;
        mask-repeat: no-repeat;
}

.content4-main-subtitle {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 10px;
}
.content4-main-subtitle p:nth-child(1) {
        font-size: 20px;
        font-weight: bold;
        margin-bottom: 8px;
}

.content4-main-subtitle p:nth-child(2) {
        display: inline;
        font-size: 16px;
        color: #000;
        padding: 4px 8px;
        background-color: #ffdd57;
        border-radius: 10px;
}

.content4-main-subtitle p:nth-child(4) {
        font-size: 16px;
        text-align: center;
}
.label-content {
        margin-top: 10px;
        margin-bottom: 10px;
}
.label-content ul{
        display: flex;
        justify-content: center;
        gap: 10px;
        flex-wrap: wrap;
        list-style: none;
}
.label-content ul li {
        background-color: var(--primary);
        color: #fff;
        padding: 4px 8px;
        border-radius: 10px;
}
.social ul {
  list-style: none;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  padding: 0;
  margin: 0;
}
.social {
        display: flex;
        justify-content: start;
}
.social ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: white;
  transition: all 0.3s ease;
  text-decoration: none;
}

.social ul li a svg {
  width: 22px;
  height: 22px;
  background-color: transparent;
}

/* Hover Effects */
.social ul li a.instagram:hover {
  background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
  transform: translateY(-4px);
}

.social ul li a.twitter:hover {
  background: #1DA1F2;
  transform: translateY(-4px);
}

.social ul li a.youtube:hover {
  background: #FF0000;
  transform: translateY(-4px);
}

.social ul li a.linkedin:hover {
  background: #0077B5;
  transform: translateY(-4px);
}

/* Optional glowing hover */
.social ul li a:hover {
  box-shadow: 0 4px 15px rgba(255, 255, 255, 0.25);
}

/* mobile  */
@media (max-width: 550px) {
        .content4-title p:nth-child(2){
        margin-top: 10px;
        background-color: transparent;
        font-size: 16px;
        line-height: 1.2;
        color: var(--text-muted);
        margin-bottom: 20px;
}
.content4 {
        margin-top: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: transparent;
        flex-direction: column;
        gap: 20px;
        text-align: center;
}
.content4-main {
                margin: 5px 0px;
                position: relative;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                gap: 20px;
        }
}
@media (min-width: 600px) {
        .page4 {
                width: 100%;
                height: 100vh;
        }
        .content4 {
                height: 100%;
                width: 100%;
                display: grid;
                grid-template-rows: 1fr 5fr;
        }
        .content4-main {
                position: relative;
                display: flex;
                justify-content: center;
                align-items: center;
                gap: 20px;
        }
}