.scanwel-more-container{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: auto;

    padding: 128px 80px 48px 80px;

}



.scanwel-info-black-container{

    display: flex;

    justify-content: center;

    align-items: center;

    gap: 140px;



    width: 1264px;

    height: 750px;

    background-color: var(--primary);

    border-radius: 32px;



    padding: 40px 40px 40px 64px;



}



.scanwel-info-container{

    width: 470px;

    height: 100%;

}



.more-for-scanwel-text{

    margin-top: 40px;

    font-size: 56px;

    line-height: 60px;

    letter-spacing:0.5px;

    font-weight: var(--extraBold);

    color: var(--white);

}





.more-for-scanwel-description{

    font-size: 16px;

    line-height: 24px;

    font-weight: var(--medium);

    color: var(--white);



    margin-top: 24px;

}



.scanwel-widget-container{

    display: flex;

    justify-content: center;

    align-items: flex-start;

    flex-direction: column;

    gap: 24px;



    margin-top: 40px;

}



.scanwel-widget{

    width: 450px;

    height: 56px;

    background-color: var(--neutral-16);

    border-radius: 32px;

    display: flex;

    justify-content: flex-start;

    align-items: center;



    padding: 16px 24px;

}



.scanwel-widget-icon{

    filter: var(--filter-neutral-08);

}



.scanwel-widget-text{

    font-size: 18px;

    line-height: 24px;

    font-weight: var(--medium);

    color: var(--neutral-09);



    margin-left: 8px;

}



.scanwel-widget-bolded-text{

    font-size: 18px;

    line-height: 24px;

    font-weight: var(--bold);

    color: var(--inverse);



    margin-left: auto;

}



.scnawel-link{

    margin-top: 32px;



    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 4px;



    font-size: 16px;

    line-height: 24px;

    font-weight: var(--medium);

    color: var(--neutral-05);

}





.scanwel-info-image{

    width: 550px;

    height: 672px;

    border-radius: 24px;

    background-image: url('/assets/Website/images/Images/Desktop/Group 7.jpg');

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



/* COMPANY POLITICS */



.company-politics-section-container{

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-direction: column;

    width: 100%;

    height: auto;

}



.our-policy-text{

    font-size: 40px;

    line-height:48px;

    font-weight: var(--extraBold)

}



.company-policy-widget-cntainer{



    margin-top: 32px;

    width: 100%;

    height: 236px;

    border-bottom: solid 1px var(--border-subtle);

    border-top: solid 1px var(--border-subtle);



    display: flex;

    justify-content: center;

    align-items: center;

    gap: 32px;



    margin-bottom: 54px;





}



.company-policy-widget{

    width: 264px;

    height: 156px;

    background-color: var(--white);

    border: solid 1px var(--border-subtle);

    border-radius: 24px;

    padding: 24px;



    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    flex-direction: column;

    gap: 8px;

}



.policy-icon-container{

    width: 40px;

    height:40px;

    background-color: var(--neutral-01);

    border-radius: 50%;

    border: solid 1px var(--border-primary);



    display: flex;

    justify-content: center;

    align-items: center;

}



.policy-widget-text{

    font-size: 14px;

    line-height: 20px;

    font-weight: var(--regular);

}





/* COMPANY PROJECTS */



.company-projects-section{

    width: 100%;

    height: auto;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;



}



.previous-projects-container{

    padding: 48px 94px 64px 94px;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    gap: 32px;

}







.scanwel-project-container{

    width: 100%;

    max-width: 1250px;

    min-height: 346px;

    height: auto;

    background-color: var(--white);

    border-radius: 32px;

    box-shadow:  0px 0px 8px 0px hsla(0, 0%, 0%, 0.3);

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;



}



.scanwel-project-container.reverse{

    flex-direction: row-reverse;



}



.project-information{

    width: auto;

    height: 100%;



    padding: 32px 40px;

    display: flex;

    flex-direction: column;

    justify-content: flex-start;

    align-items: flex-start;



}



.project-photo {

    width: 400px;

    height: auto; /* Change from 100% to auto to maintain aspect ratio */

    border-top-right-radius: 32px;

    border-bottom-right-radius: 32px;

    margin-left: auto;

    align-self: stretch;

    object-fit: cover;

}





.scanwel-project-container.reverse .project-photo{

    border-top-right-radius: 0px;

    border-bottom-right-radius: 0px;

    border-top-left-radius: 32px;

    border-bottom-left-radius: 32px;

}



.project-title{

    font-size: 20px;

    line-height: 24px;

    font-weight: var(--bold);

}



.project-description{

    font-size: 14px;

    line-height: 20px;

    font-weight: var(--medium);

    margin-top: 24px;

}



.project-line-separator{

    margin-top: 18px;

    margin-bottom: 12px;

    width: 360px;

    height: 1px;

    background-color: var(--border-subtle);



}



.building-time-container{

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 24px;

}



.building-date-container{

    display: flex;

    justify-content: flex-start;

    align-items: flex-start;

    gap: 8px;

    flex-direction: column;



    font-size: 14px;

    line-height: 20px;

    font-weight: var(--semiBold);

    color: var(--quertanary);

}



.building-date{

    display: flex;

    justify-content: flex-start;

    align-items: center;

    gap: 8px;





}



.building-date-info{

    font-size: 14px;

    line-height: 20px;

    font-weight: var(--semiBold);

}





@media (width < 1300px) {

    .scanwel-more-container{

        display: flex;

        justify-content: center;

        align-items: center;

        width: 100%;

        height: auto;

        padding: 128px 48px 48px 48px;

    }



    .scanwel-info-black-container{

        display: flex;

        justify-content: center;

        align-items: center;

        gap: 76px;



        width: 1000px;

        height: 760px;

        background-color: var(--primary);

        border-radius: 32px;



        padding: 36px;



    }





    .scanwel-info-image{

        width: 400px;

        height: 570px;

        border-radius: 24px;

    }



}



@media (width < 1200px) {





    /* COMPANY POLITICS */



    .company-politics-section-container{

        display: flex;

        justify-content: flex-start;

        align-items: center;

        flex-direction: column;

        width: 100%;

        height: auto;

    }



    .our-policy-text{

        font-size: 40px;

        line-height:48px;

        font-weight: var(--extraBold)

    }



    .company-policy-widget-cntainer{



        margin-top: 32px;

        width: 100%;

        height: auto;

        border-bottom: solid 1px var(--border-subtle);

        border-top: solid 1px var(--border-subtle);

        padding: 24px 0px;



        display: grid;

        grid-template-rows: auto;

        grid-template-columns: repeat(2, 264px);

        justify-content: center;

        align-items: center;

        gap: 24px;



        margin-bottom: 54px;





    }



    .company-policy-widget{

        width: 264px;

        height: 156px;

        background-color: var(--white);

        border: solid 1px var(--border-subtle);

        border-radius: 24px;

        padding: 24px;



    }







}





@media (width < 1050px) {







    .scanwel-info-black-container{

        display: flex;

        justify-content: center;

        align-items: center;

        flex-direction: column-reverse;

        gap: 24px;

        height: auto;

        background-color: var(--primary);

        border-radius: 32px;



        padding: 0px 0px 48px 0px;



    }



    .scanwel-info-container{

        width: 470px;

        height: 100%;

    }



    .more-for-scanwel-text{



        display: none;

    }









    .scanwel-widget-container{

        display: flex;

        justify-content: center;

        align-items: flex-start;

        flex-direction: column;

        gap: 24px;



        margin-top: 40px;

    }







    .scnawel-link{



        display: flex;

        justify-content: center;

        align-items: center;



    }





    .scanwel-info-image{

        width: 100%;

        height: auto;

        min-height: 500px;

        border-radius: 24px;

        background-image: url('/assets/Website/images/Images/Tablet/about-us-header-tablet.png');

        border-bottom-left-radius: 0px;

        border-bottom-right-radius: 0px;



    }







    /* COMPANY PROJECTS */







    .previous-projects-container{

        padding: 48px 24px 64px 24px;



    }









}



@media (width < 890px) {





    .scanwel-project-container{

        width: 100%;

        max-width: 500px;

        min-height: 480px;

        height: auto;



        flex-direction: column-reverse;



    }



    .scanwel-project-container.reverse{

        flex-direction: column-reverse;



    }





    .project-photo {

        width: 100%;

        height: auto; /* Change from 100% to auto to maintain aspect ratio */

        border-top-right-radius: 32px;

        border-top-left-radius: 32px;



        border-bottom-right-radius: 0px;



    }





    .scanwel-project-container.reverse .project-photo{

        border-top-right-radius: 32px;

        border-top-left-radius: 32px;



        border-bottom-right-radius: 0px;

        border-bottom-left-radius: 0px;



    }







}







@media (width < 770px) {



    .scanwel-info-image{

        width: 100%;

        height: auto;

        min-height: 800px;

        border-radius: 24px;

        background-image: url('/assets/Website/images/Images/Mobile/about-us-mobile.png');

        border-bottom-left-radius: 0px;

        border-bottom-right-radius: 0px;



    }







}





@media (width < 600px) {

    .scanwel-info-image{



        min-height: 600px;





    }





    .scanwel-info-black-container{

        width: 100%;

    }

    .scanwel-info-container {

        width: 100%;

        height: 100%;

        padding: 0px 24px

    }



    .scanwel-widget{

        width: 100%;

    }



    .our-policy-text{

        font-size: 32px;

        line-height: 40px;

        text-align: center;

    }





    .company-policy-widget-cntainer{

        padding: 24px 0px;

        grid-template-columns: repeat(2, 150px);

    }





    .company-policy-widget{

        width: 150px;

        height: 220px;

        gap: 8px;

    }







}







@media (width < 560px) {



    .scanwel-more-container{

        padding: 128px 24px 48px 24px

    }



    .scanwel-project-container{

        width: 100%;

        max-width: 500px;

        min-height: 480px;

        height: auto;



        flex-direction: column-reverse;



    }



    .project-line-separator{

        width: 100%;

    }



    .project-information{

        padding: 32px 24px;

        width: 100%

    }

    .scanwel-project-container.reverse{

        flex-direction: column-reverse;



    }





    .project-photo {

        width: 100%;

        height: auto; /* Change from 100% to auto to maintain aspect ratio */

        border-top-right-radius: 32px;

        border-top-left-radius: 32px;



        border-bottom-right-radius: 0px;



    }





    .scanwel-project-container.reverse .project-photo{

        border-top-right-radius: 32px;

        border-top-left-radius: 32px;



        border-bottom-right-radius: 0px;

        border-bottom-left-radius:

                0px;



    }







}



@media (width < 500px) {

    .scanwel-widget{

        height: 80px;

    }



    .scanwel-widget-text{

        font-size: 14px;

        line-height: 20px;

    }







}





@media (width < 460px) {





    .scanwel-widget-bolded-text{

        font-size: 14px;

    }

}







@media (width < 430px) {





    .scanwel-widget-bolded-text{

        min-width: 100px;



    }



}











@media (width < 380px) {





    .scanwel-widget-bolded-text{

        min-width: unset;



    }



}







@media (width < 350px) {









    .company-policy-widget-cntainer{

        padding: 24px 0px;

        grid-template-columns: repeat(2, 150px);

        gap: 12px;

    }





}





@media (width < 320px) {









    .company-policy-widget-cntainer{

        padding: 24px 0px;

        grid-template-columns: repeat(2, 130px);

        gap: 12px;

    }





    .company-policy-widget{

        width: 130px;

        height: 240px;

        gap: 4px;

        padding: 24px 12px;

    }





}