.individual{

    width: 100%;
    padding: 250px 0 150px 0;

}


.individual h1{

    
    margin-right: 10px;
    color: #4b4949;

}

.architecture_design{
    display: flex;
    flex-direction: column;
    margin-bottom: 120px;
    display: flex;
    flex-direction: column;
    margin-bottom: 120px;
    align-items: center;
    
}
.sub1{

    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    text-align: center;
    width: 100%;
    background: #b8ccff87;


}
.sub1 p{
    color: #4b4949de;
}


.individual_up{

    width: 100%;
    height: 600px;
    margin-top: 109px;
    background-size:  cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    animation: slide 10s infinite ease-in-out;
    background-position: center center;

}



.individual_up h1{

    color: white;
    width: 100%;
    margin-right: 10%;
    font-size: 60px;
    border-right: 4px solid;
    padding-right: 13px;
}
.individual_up div{

    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(0,0,0,.5);    
    align-items: center;

}

.individual p{

    text-align: justify;
    text-align-last: center;
    width: 70%;
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 20px;
}

.sub1 .div_img{

    width: 100%;
    overflow: hidden;
    max-width: unset;
    border: unset;
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
   
}

/* 
@keyframes slide {

    0% {
        background-image:  url("img/hemmaimg.jpg");
    }
    
    25% {
        background-image:  url("img/hemmaimg.jpg");
    }

    50% {
        background-image:  url("img/hemmaimg.jpg");
    }

    75% {
        background-image:  url("img/hemmaimg.jpg");
          
    }
    100% {
        background-image:  url("img/hemmaimg.jpg");
          
    }
      
    
} */


#arch img{


    object-position: 50% 60%;

}


#des img{

    object-position: 0 70%;    

}



.sub1 img{

    object-fit: cover;
    width: 100%;
    border: unset;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: fou 10s infinite alternate;
    background-image: linear-gradient(#4b4949de, rgba(69, 72, 71, 0.56)), url(../img/hemmaimg.jpg);
    background-size: cover;
    background-position: center center;
    max-height: 350px;
    min-height: unset;
    clip-path: polygon(0% 0%, 100% 0%, 75% 100%, 0% 100%);
}


.conu_img{

    width: 50%; 
    max-width: 800px;
}


#title_ind h6{

    background-color: #b024249c;
    width: 85px;
    margin-right: 10px;
    color: #f2f2f2;
    text-align: center;
    border-radius: 3px;
    transition: 2s;


}

#title_ind{

    border-right: 2px solid;
    margin-right: 50px;
}

@media (max-width:780px ) {

    .sub1{

        flex-direction: column-reverse;
        background: unset;
        
    }

    .individual p{

        width: 90%;
        padding-right: unset;
    }

    .sub1 .div_img{

        width: 99%;
        display: flex;
        justify-content: center;
        align-items: center;
        clip-path: unset;
        border: 2px solid  #4b4949;
        height: 40%;
        max-width: unset;
        margin-bottom: 20px;

    }

    .sub1 img{

        width: 100% !important;
        height: 100% !important;
        border: unset;
        clip-path: unset;
        max-width: unset;
        min-height: unset;
       
    }

    #des img{

        object-position: 50% 90%;

    }

    .conu_img{

        width: 90%; 
        max-width: unset;
    }

    #title_ind {
        margin-right: 20px;
    }

    
    
}


@media (max-width: 600px) {

    .individual_up h1 {
        

        font-size: 40px;
    }
    
}


@media (max-width: 450px) {

    .individual_up h1 {
        

        font-size: 35px;
    }
    
}

@keyframes fou{

    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}