/* General container for all report fields */
.edvdo_assessment_report_summary_v2_container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 20px 0;
}

/* Box for each field (Personality, Interests, etc.) */
.edvdo_assessment_report_summary_v2_box {
   	width: 31%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
	margin: 1%;
    background-color: #fff;
    opacity: 1;
}

.edvdo_assessment_report_summary_v2_side_image_box{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 31%;
}

.edvdo_assessment_report_summary_v2_side_image_box img{
    width: 50%; 
    height: auto;
    object-fit: cover;
}

/* Type description for each field (Personality type, Interests, etc.) */
.edvdo_assessment_report_summary_v2_type {
    color: #1F6749;
    margin-bottom: 10px;
}


/* Style for assessment cover images */
.edvdo_assessment_report_summary_v2_box img {
    width: 100%;
    height: 25vh !important;
    object-fit: cover;
    margin-bottom: 10px;
    max-width: 100% !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}



/*the below css is used for ai-summary in career report page*/

.edvdo-ai-summary-flex-outerbox{
	display:flex; 
	gap: 20px; 
	color: #333; 
	padding: 20px;
	
}



.edvdo-ai-personalized-summary{
width:50%;
 padding: 20px;
}

.edvdo-ai-action-plan-summary{
	width:50%;
	padding: 20px;
}

.edvdo-ai-summary-flex-outerbox2{
	display: flex; 
	gap: 20px;
	color: #333;
	padding: 20px;
}

.edvdo-ai-stream-recommendations-summary{
width: 50%; 
background: var(--Grey-50, #E8E8E8);
 
 padding: 20px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);

}


.edvdo-ai-skill-recommendations-summary{
width: 50%;
 background: var(--Grey-50, #E8E8E8); 
  
 padding: 20px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}



.edvdo-ai-summary-flex-outerbox3{
display: flex;
 gap: 20px;
 color: #333;
 padding: 20px;
}


.edvdo-ai-learning-resources-summary{
width: 50%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 20px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}


.edvdo-ai-summary-mentor-section{
width:50%;
padding: 20px;
 border-radius: 8px;
}

.edvdo-ai-summary-mentor-section-image-text{
background-color: #ffe6e6;
 padding: 20px;
}




/*the above css is used for  ai-summary in career report page*/



/* the below css is used for AI Powered Parent Recommendations */

.edvdo-ai-parent-summary-flex-outerbox{
	
display: flex; 
 gap: 20px;
 padding: 20px;
 
}



.edvdo-ai-parent-child-strengths-interests{
width:50%;
padding: 20px;
}



.edvdo-ai-parent-how-parents-can-support{
width:50%;
padding: 20px;
}




.edvdo-ai-parent-summary-flex-outerbox2{
display: flex;
gap: 20px;
padding: 20px;
}


.edvdo-ai-parent-home-environment-and-habits{
width: 50%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 20px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}


.edvdo-ai-parent-staying-involved{
width: 50%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 20px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}


/* the above css is used for AI Powered Parent Recommendations */







/*-----------------------------------------------------------------------------tablet screen  starts------------------------------------------------------------------------- */


@media screen and (min-width: 481px) and (max-width: 1024px)  {
/* Box for each field (Personality, Interests, etc.) */

.edvdo_assessment_report_summary_v2_box {
    width: 48%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    margin: 1%;
    background-color: #fff;
    opacity: 1;
}

.edvdo_assessment_report_summary_v2_side_image_box{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 48%;
}

.edvdo_assessment_report_summary_v2_side_image_box img{
    width: auto; 
    height: 50vh;
    object-fit: cover; 
}






/*the below css is used for ai-summary in career report page*/

.edvdo-ai-summary-flex-outerbox{
	display:block; 
	gap: 10px; 
	color: #333; 
	padding: 10px;
	
}



.edvdo-ai-personalized-summary{
width:99%;
 padding: 10px;
}

.edvdo-ai-action-plan-summary{
	width:99%;
	padding: 10px;
}

.edvdo-ai-summary-flex-outerbox2{
	display: block; 
	gap: 10px;
	color: #333;
	padding: 10px;
}

.edvdo-ai-stream-recommendations-summary{
width: 99%; 
background: var(--Grey-50, #E8E8E8);
 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;

}


.edvdo-ai-skill-recommendations-summary{
width: 99%;
 background: var(--Grey-50, #E8E8E8); 
  
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}



.edvdo-ai-summary-flex-outerbox3{
display: block;
 gap: 10px;
 color: #333;
 padding: 10px;
}


.edvdo-ai-learning-resources-summary{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


.edvdo-ai-summary-mentor-section{
width:99%;
padding: 10px;
 border-radius: 8px;
}

.edvdo-ai-summary-mentor-section-image-text{
background-color: #ffe6e6;
 padding: 10px;
}




/*the above css is used for  ai-summary in career report page*/



/* the below css is used for AI Powered Parent Recommendations */

.edvdo-ai-parent-summary-flex-outerbox{
	
display: block; 
 gap: 10px;
 padding: 10px;
 
}



.edvdo-ai-parent-child-strengths-interests{
width:99%;
padding: 10px;
}



.edvdo-ai-parent-how-parents-can-support{
width:99%;
padding: 10px;
}




.edvdo-ai-parent-summary-flex-outerbox2{
display: block;
gap: 10px;
padding: 10px;
}


.edvdo-ai-parent-home-environment-and-habits{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


.edvdo-ai-parent-staying-involved{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


/* the above css is used for AI Powered Parent Recommendations */








}

/*-----------------------------------------------------------------------------tablet screen ends------------------------------------------------------------------------- */






/*-----------------------------------------------------------------------------mobile  screen starts------------------------------------------------------------------------- */

@media screen and (min-width: 320px) and (max-width: 480px)  {
/* Box for each field (Personality, Interests, etc.) */

.edvdo_assessment_report_summary_v2_box {
    width: 98%;
    height: auto;
    border-radius: 20px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    padding: 20px 0;
    margin: 1%;
    background-color: #fff;
    opacity: 1;
}

.edvdo_assessment_report_summary_v2_side_image_box{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    width: 100%;
}

.edvdo_assessment_report_summary_v2_side_image_box img{
    width: auto; 
    height: 40vh;
    object-fit: cover; 
}







/*the below css is used for ai-summary in career report page*/

.edvdo-ai-summary-flex-outerbox{
	display:block; 
	gap: 10px; 
	color: #333; 
	padding: 10px;
	
}



.edvdo-ai-personalized-summary{
width:99%;
 padding: 10px;
}

.edvdo-ai-action-plan-summary{
	width:99%;
	padding: 10px;
}

.edvdo-ai-summary-flex-outerbox2{
	display: block; 
	gap: 10px;
	color: #333;
	padding: 10px;
}

.edvdo-ai-stream-recommendations-summary{
width: 99%; 
background: var(--Grey-50, #E8E8E8);
 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;

}


.edvdo-ai-skill-recommendations-summary{
width: 99%;
 background: var(--Grey-50, #E8E8E8); 
  
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}



.edvdo-ai-summary-flex-outerbox3{
display: block;
 gap: 10px;
 color: #333;
 padding: 10px;
}


.edvdo-ai-learning-resources-summary{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


.edvdo-ai-summary-mentor-section{
width:99%;
padding: 10px;
 border-radius: 8px;
}

.edvdo-ai-summary-mentor-section-image-text{
background-color: #ffe6e6;
 padding: 10px;
}




/*the above css is used for  ai-summary in career report page*/



/* the below css is used for AI Powered Parent Recommendations */

.edvdo-ai-parent-summary-flex-outerbox{
	
display: block; 
 gap: 10px;
 padding: 10px;
 
}



.edvdo-ai-parent-child-strengths-interests{
width:99%;
padding: 10px;
}



.edvdo-ai-parent-how-parents-can-support{
width:99%;
padding: 10px;
}




.edvdo-ai-parent-summary-flex-outerbox2{
display: block;
gap: 10px;
padding: 10px;
}


.edvdo-ai-parent-home-environment-and-habits{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


.edvdo-ai-parent-staying-involved{
width: 99%; 
background: var(--Grey-50, #E8E8E8); 
 padding: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
margin-bottom:10px;
}


/* the above css is used for AI Powered Parent Recommendations */









}

/*-----------------------------------------------------------------------------mobile screen ends------------------------------------------------------------------------- */