.edvdo-ai-chatbot-contact-buttons{
width: 100%; 
height: 60px; 
background-color: white; 
border: none; 
border-radius: 16px; 
text-align: left; 
padding: 15px 30px;
}

.edvdo-ai-chatbot-contact-buttons:hover,
.edvdo-ai-chatbot-contact-buttons:focus{
    background-color: #000039; 
    color: white;
}


.edvdo-ai-chatbot-contact-buttons_inner_container{
    display: flex; align-items: center; justify-content: flex-start; gap: 10px;
}

.edvdo-ai-chatbot-contact-buttons_img{
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 28px; height: 28px; 
    border-radius: 4px; 
    background: rgba(63, 77, 203, 0.20);
}
.user-profile-picture {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
}

.user-profile-picture a img {
    width: 150px;
    height: 150px;
    border-radius: 10%; /* Makes the image circular */
    border: 3px solid #ddd; /* Light border */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Soft shadow */
    object-fit: cover; /* Ensures image covers the area properly */
    transition: transform 0.3s ease-in-out;
}

.user-profile-picture a img:hover {
    transform: scale(1.05); /* Slight zoom on hover */
}


@media screen and (min-width: 481px) and (max-width: 1024px){

    .user-profile-picture a img {
    width: 125px;
    height: 125px;
}

}


@media screen and (min-width: 320px) and (max-width: 480px){

    .user-profile-picture a img {
    width: 100px;
    height: 100px;
}

}
























/* mobile screen start*/

@media screen and (min-width: 320px) and (max-width: 480px) {

	
/* Title text ("01\nPersonality") */
.edvdo_assessment_report_title {
    color: #000000 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
}

/* Underline below title */
.edvdo_assessment_report_title_underline {
    width: 30vw !important;
    height: 5px !important;
    background: linear-gradient(to right, 
        rgba(58, 159, 226, 1) 0%, 
        rgba(58, 159, 226, 1) 50%, 
        rgba(63, 77, 203, 1) 50%, 
        rgba(63, 77, 203, 1) 100%) !important;
    border-radius: 2.5px !important;
    margin-top: 10px !important;
   
}

/* Box container: now a horizontal flex row */
.edvdo_assessment_report_container {
    width: 100% !important;
    display: block !important;
    flex-direction: column !important;
    justify-content: center !important;
     align-items:center !important;
    flex-wrap: wrap !important; /* fallback for small screens */
	margin-top:10% !important;
}

/* White box with border */
.edvdo_assessment_report_attribute_type_container {
    background-color: white !important;
    color: #000039 !important;
    padding: 20px !important;
    border-radius: 16px !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
	height:10vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
	flex-direction:column !important;

}


.edvdo_assessment_report_description_container img{
display:none !important;
}


.edvdo_assessment_report_attribute_type_container_border{
width:100%!important;
padding:15px !important;
border-radius:20px !important;
border: 2px solid rgba(63, 77, 203, 1) !important;
margin-bottom:20px !important;
}

/* Blue box */
.edvdo_assessment_report_description_container {
    background-color: #3F4DCB;
    color: white;
    padding: 20px !important;
	margin-left: 3px !important; 
    border-radius: 16px !important;
    width: 100% !important;
    height:auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
       
}

}
/* mobile screen end*/




/* tablet screen start*/
@media screen and (min-width: 481px) and (max-width: 1024px) {

/* Title text ("01\nPersonality") */
.edvdo_assessment_report_title {
    color: #000000 !important;
    text-align: center!important;
    margin-bottom: 0 !important;
}

/* Underline below title */
.edvdo_assessment_report_title_underline {
    width: 30vw !important;
    height: 5px !important;
    background: linear-gradient(to right, 
        rgba(58, 159, 226, 1) 0%, 
        rgba(58, 159, 226, 1) 50%, 
        rgba(63, 77, 203, 1) 50%, 
        rgba(63, 77, 203, 1) 100%) !important;
    border-radius: 2.5px !important;
    margin-top: 10px !important;
   
}

/* Box container: now a horizontal flex row */
.edvdo_assessment_report_container {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
     align-items:center !important;
    flex-wrap: wrap !important; /* fallback for small screens */
	margin-top:10% !important;
}

/* White box with border */
.edvdo_assessment_report_attribute_type_container {
    background-color: white;
    color: #000039 !important;
    padding: 20px !important;
    border-radius: 16px  !important;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05) !important;
    width: 100% !important;
	height:10vh !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center!important;
    text-align: center !important;
	flex-direction:column !important;
}

.edvdo_assessment_report_description_container img{
display:none !important;
}

.edvdo_assessment_report_attribute_type_container_border{
width:50% !important;
padding:15px !important;
border-radius:20px !important;
border: 2px solid rgba(63, 77, 203, 1) !important;
margin-bottom:20px !important;
}

/* Blue box */
.edvdo_assessment_report_description_container {
    background-color: #3F4DCB;
    color: white;
    padding: 20px;
	margin-left: 3px !important; 
    border-radius:16px !important;
    width: 100% !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
       
}

}
/* tablet screen end*/