.fourthPortionContainer {


    width: 100%;
    height: fit-content;
    background-color: #121212;

    position: relative;

}



.fourthPortionBioDiv {

    margin-top: 3%;
    margin-left: 13%;
    width: auto; /* Adjusted from fit-content to auto */
    position: relative;
    display: flex;
    flex-direction: row;

}


.ProfileDataContainer {
    
    width: 70%;
    margin-left: 2%;
    max-width: 100%;
    height: fit-content; /* Specify a unit (e.g., px) for the height property */
    display: flex;
    flex-direction: column;
    position: relative;
  }



.ProfilePic {

    width: 150; /* Ensures the image fills the container */
    height: 150; /* Maintains the aspect ratio of the image */
    background-color: rgb(231, 136, 12);
    position: relative;
    object-fit: cover;
    border-radius: 20px;


    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       

}

.ProfileDataExperts{


    top: 0;
    flex-direction: row;
    display: flex;
    height: fit-content;
    padding: 0;
    margin: 0;
    width: fit-content;

    overflow: hidden;
    justify-content: start;

    
}

.ProfileDataContainerObjs {
    margin: 0;
    margin-left: 15;
    color: #84A4FB;
    background-color: #242C42;
    border-radius: 50px;
    font-family: 'Bricolage', sans-serif;
    font-weight: 400;
    font-size: 90%;

    padding: 2% 10px 2% 10px;
    text-align: center;

    height: fit-content;

    align-self: center;

      /* 
      The values represent padding in the order: 
      top, right, bottom, left
    */


}


.ProDataAbout {


color: #A3A3A3;
font-family: 'Bricolage', sans-serif;
font-weight: 300;
font-size: 100%;
padding: 0;
margin: 0;
margin-top: 1%;


}


.ProDataProfileName {



    color: white;
    font-family: 'Bricolage', sans-serif;
    font-weight: 500;
    font-size: 130%;
    padding: 0;
    margin: 0;
    width: 100%;
    margin-top: 2%;

}





 .ProDataQuoteContainer {
    margin-top: 3%;
 }


 .ProDataQuotePara {


    color: white;
    margin: 0; 
    padding: 0;
     width: fit-content; 
     color: white; 
     padding: 10; 
     font-size: 100%;

     font-family: 'Bricolage', sans-serif;
     font-style: normal;
     font-weight: 400;

 }


 .fourthPortionObj2 {

    width: 8%;
    height: 12%;
    position: relative;
    object-fit: contain;

    margin-left: 90%;



    -webkit-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: none;
       
 }




@media (max-width: 1000px) {


    .ProfilePic {
       
        vertical-align: top;


    }



 .ProDataQuoteContainer {
    margin-top: 5%;
 }

    

}


@media (max-width: 450px) {


    .ProDataAbout {

        margin-top: 3%;


    }

    .ProDataProfileName {


        margin-top: 5%;
    }


    .ProfilePic {
       

    width: 150; /* Ensures the image fills the container */
    height: 150; /* Maintains the aspect ratio of the image */
    vertical-align: top;


    }
    

    .fourthPortionBioDiv {

        width: auto; /* Adjusted from fit-content to auto */
        position: relative;
        display: flex;
        flex-direction: column; /* Changed from 'row' to 'column' */

        
    }


    .ProfileDataContainer {

        margin-top: 4%;
        margin-left: 0;
        margin-right: 0;
        max-width: fit-content;
        width: fit-content;

    }




 .ProDataQuoteContainer {
    margin-top: 9%;
 }


 .fourthPortionObj2 {

    width: 50;
    height: 50;
    margin-top: 5%;
    object-fit: contain;

 }




}

@font-face {
    font-family: 'Bricolage';
    src: url('BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('woff2'),
         url('BricolageGrotesque-VariableFont_opsz,wdth,wght.ttf') format('woff');
    /* Additional font properties... */
}