@media (max-width: 768px) {
	
	.smPortalTeamsDiv{
		margin-top : 10%;
	}
	
	.smPortalTeams-heading{
		font-size : var(--mob-section-heading-font-size);
	}

  /* Image as background with transparency */
  .smPortalTeams-groupImageDiv {
  	margin-top: 10% !important;
    background-image: url("https://storage.googleapis.com/smartmoney-assets/sm-portal-v4-assets/PortalTeam.png"); /* Replace with your image URL */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    height: 90%;
    top: 0;
    left: 0;
    width: 100%;
  }

  /* Content positioning */
  .smPortalTeams-teamDescriptionDiv {
  	border-radius : 0px !important;
    margin-top: 39% !important;
    font-size : var(--mob-secondary-font-size) !Important;
    opacity: 0.7;
    order: 1;
    position: relative;
    top: 25%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    width: 100% !important;
    z-index: 1; /* Bring content to the front */
    color: white; /* Set text color for visibility */
  }
  
  .smPortalTeams-name,
  .smPortalTeams-role{
  	text-align : left;
  	font-size : var(--mob-primary-font-size) !Important;
  }
  

.smPortalTeams-role{
  	font-size : var(--tab-primary-font-size) !Important;
  }
  
  .smPortalTeams-teamListDiv{
  	justify-content : space-around;
  }
  
}

/* Base styles for smaller screens */
@media (max-width: 500px) {
	.smPortalTeams-photoDiv{
		width : 79px;
		height : 79px;
	}
	
	.smPortalTeams-photoName{
		font-size : var(--mob-secondary-font-size);
	}
	
	.smPortalTeams-photoRole{
		font-size : var(--tertiary-label-font-size);
	}
	
	.smPortalTeams-arrowCircle{
		font-size : var(--mob-primary-font-size);
	}
	
	.smPortalTeams-carousel {
	    height: 250px;
	    background-color: var(--secondary-color);
	}
}


/* Base styles for smaller screens */
@media (max-width: 650px) {
	.smPortalTeams-teamDescriptionDiv {
	  	border-radius : 0px !important;
	    margin-top: 43% !important;
	}
}

/* Base styles for smaller screens */
@media (max-width: 600px) {
	.smPortalTeams-teamDescriptionDiv {
	  	border-radius : 0px !important;
	    margin-top: 45% !important;
	}

}

@media (max-width: 500px) {
	.smPortalTeams-teamDescriptionDiv {
	  	border-radius : 0px !important;
	    margin-top: 48% !important;
	}
}

@media (max-width: 450px) {
	.smPortalTeams-teamDescriptionDiv {
	  	border-radius : 0px !important;
	    margin-top: 52% !important;
	}
}

@media (max-width: 400px) {
	.smPortalTeams-teamDescriptionDiv {
	  	border-radius : 0px !important;
	    margin-top: 58% !important;
	}
}