@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
    overflow-x: hidden;
    }

    .about_side_content h1{
        color:#000000;
        font-size: 150%;
        font-weight: 800;
        overflow: hidden;
    }

    .about_side_content h3{
        color:#A33173;
        font-size: 100%;
        overflow: hidden;
    }

    .about_side_content p{
        font-size: 100%;
        overflow: hidden;
    }

    .our_associates {
        background: linear-gradient(0deg, rgb(135, 55, 102) 0%, rgb(156, 45, 110) 22%, rgba(168,46,117,1) 46%, rgba(144,20,92,1) 67%);
    }

    .company_logo img {
        object-fit: cover;
        width: 100%;
        height: auto;
    }

    .mobile_view {
        /*display:none;*/
    }


    /* Laptop */

    @media screen and (min-width: 501px) and (max-width: 1024px) {

    }

    /* TABLET */
    @media screen and (min-width: 501px) and (max-width: 970px) {
        .process_of_design img {
            width: 100% !important;
        }

        .side_image {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .side_image img{
            width: 50% !important;
        }

        .Laptop_view {
            display: none;
        }

        
        .mobile_view {
            display: block;
        }
    }

    /* MOBILE */
    @media screen and (max-width: 500px) {


        .ourassociates_para {
            font-size: 80%;
        }

        .process_of_design img {
            width: 100% !important;
        }

        .about_side_content h1{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        
        .about_side_content h3{
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .about_side_content p{
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }

        .Laptop_view {
            display: none;
        }

                
        .mobile_view {
            display: block;
        }
    }

