.thirdPortionDiv {



    width: 100%;
    height: fit-content;

    padding-top: 50;
    padding-bottom: 50;
    
    
    background-image: url("Assets/bg_3.svg");

    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;


}





.tpdHeading {


    color: #FFD101;    

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


    font-size: 85%; /* Base font size */
    user-select: none;
    letter-spacing: 1;
    word-spacing: 5;
   
    margin-left: 13%;

}



.tpdSubHeading {

    user-select: none;
    letter-spacing: 1;

    margin-top: -0.5%;
    margin-left: 13%;



    color: #ffffff;    

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

    font-size: 160%;
 


}

.tpdScrollcontainer {
        margin: 0;
    width: 100%;
    overflow: scroll; /* Hide both horizontal and vertical scrollbars */
    scrollbar-color: #ffffff00;
    white-space: nowrap;
    padding: 0.5% 13%; /* Adjust padding as needed (top, right, bottom, left) */
    box-sizing: border-box;
    height: fit-content;
    object-position: center;
  }

  .tpdScrollcontainer::-webkit-scrollbar {
    display: none;
}

  .box {
    width: 380px; /* Adjust the width of individual boxes */
    height: fit-content; /* Adjust the height of individual boxes */
    display: inline-block;
    margin-right: 10px; /* Adjust the margin between boxes */
    position: relative;
    object-position: center;
    vertical-align: top; /* Align boxes to the top of the container */

  }






  .box-thumbnail {


    width: 380px;
    height: 200px;   
    object-fit:cover;
    border-radius: 15px;
    position: relative;


    -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;
       


  }


  .tpd-box-heading {



    width: 380px;
    height: auto;

    color: white;
    font-size: 100%;
    font-family: 'Bricolage', sans-serif;
    font-weight: 600;
    word-wrap: break-word; /* Use break-word to break long words */
    white-space: normal; /* Allow line breaks in the text */
    overflow: hidden; /* or overflow: auto; or overflow: scroll; */
    box-sizing: border-box;

  }

.tpd-box-para {

    width: 380px;
    height: auto;
    color: #A3A3A3;
    font-size: 100%;
    font-family: 'Bricolage', sans-serif;
    font-weight: 400;
    word-wrap: break-word; /* Use break-word to break long words */
    white-space: normal; /* Allow line breaks in the text */
    overflow: hidden; /* or overflow: auto; or overflow: scroll; */
    box-sizing: border-box;

}


.tpd-obj-7 {



    position: absolute;
    margin-top: -5%;
    margin-left: 3%;
    width: 7%;
    height: 25%;


    -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: 1200px) {


    .tpd-obj-7 {
        margin-top: -10%;  
    }
    

}

@media (max-width: 600px) {


    .tpd-obj-7 {
        margin-top: -13%;  
    }
    

}


@media (max-width: 400px) {


    .tpd-obj-7 {
        margin-top: -26%;  

        width: 9%;
        height: 33%;
    }
    

}

@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... */
}