.header{
    display: flex;
    /* justify-content: space-around; */
    margin: 0px 300px; 

}

.headertop1{
    text-align: center;
    background-color: #919191;
    width: 150px;
padding-top: 15px;

}
.headertop2{
    text-align: center;
border-bottom: red 5px solid;
    width: 150px;
padding-top: 15px;


}
.headertop2:hover{
    background-color: red;
}

.headertop3{
    text-align: center;
border-bottom: #ed6b2f 5px solid;
    width: 150px;
padding-top: 15px;

}
.headertop3:hover{
    background-color: #ed6b2f;
}

.headertop4{
    text-align: center;
border-bottom: #e5bc2e 5px solid;
    width: 150px;
padding-top: 15px;

}
.headertop4:hover{
    background-color: #e5bc2e;
}


.headertop5{
    text-align: center;
border-bottom: #4ead5b 5px solid;
    width: 100px;
padding-top: 15px;


}
.headertop5:hover{
    background-color: #4ead5b;
}


.headertop6{
    text-align: center;
border-bottom: #31a7d7 5px solid;
    width: 100px;
padding-top: 15px;


}
.headertop6:hover{
    background-color: #31a7d7;
}

.headertop7{
    text-align: center;
border-bottom: #1c53ba 5px solid;
    width: 100px;
padding-top: 15px;


}
.headertop7:hover{
    background-color: #1c53ba;
}




.top_image{
    display: flex;
    justify-content: space-around;
    margin: 0px 300px;
}

.left-images{
    width:62%;
 

}

.left-images-bottom{

    display:flex;
}





.right-images{

    width: 34%;
    padding-left: 10px;
}




/* ####################################     styling       */


.first-image-style{
    background-color: #e2350d;
    
}
.padding-image1{
    padding: 9px;
}
.color-image1-header{
    color:white;
}

.color-image1-text{
    color:#d2aba1;
}

/* ////////////////////////////////////\ */

.left-image2-style{
    margin: 15px 5PX;
    background-color: #ed6b2f;
    color: white;
}
.left-image2-styLE-TEXT{
    text-align: center;
}



/* //////////////////////////////////////////*/


.left-image3-style{
    margin:15px 0PX;
    background-color: #a4a4a4;
}



/* //////////////////////////////  right side */

.right_image_first{

   background-color: #c6aa7a;
}


.right-image1-text{
  padding: 0px 20px;
  color: white;
}

/* ///////////

*/


.right_image_first1{

    background-color:#ff90c3;
    height: 280px;
    color: white;
 }


 /* ////////////////////
 
 
 */


 .last-image-dtyle{

background-color: #31a7d7;
    display: flex;
    color: white;
 }




 .slide-style{

    display: flex;
 }


 
  /* 8888888888888888888888888888888                    slide    */
 
 
  .slide-style-first{
     background-color: #525252;
     text-align: center;
     border: #232323 solid 2px;
  }

/* /////////////////////////////////////////////// */
 .final-iamge-flex{
display: flex;
justify-content: space-around;
margin: 0px 300px;
 }

.final-image-1silde{
    width: 32%;
}



.final-image-1silde-style{
    background-color: #f0d67e;
    padding-bottom: 5px;
    margin: 50px 0px;
}


.final-image-1silde-style1{
    background-color: #1c53ba;
    padding-bottom: 5px;
    margin: -30px 0px;
}


.final-image-1silde-style-padding{

    padding:0px 10px;
}



.final-image-2silde{
    width: 32%;
}


.final-image-1silde-style2{
    background-color: #31a7d7;
    padding-bottom: 5px;
    margin: 0px 0px;
}


.final-image-1silde-style3{
    background-color: #e2350d;
    padding-bottom: 5px;
    margin: 0px 0px;
}


.final-image-3silde{
    width: 32%;
}

.final-image-1silde-style4{
    background-color: #313131;
    padding-bottom: 5px;
    margin: 20px 0px;
}


.final-image-1silde-style5{
    background-color: #b38aea;
    padding-bottom: 5px;
    margin: 20px 0px;
}

.final-image-1silde-style6{
    background-color: #ed6b2f;
    padding-bottom: 5px;
    margin: 0px 0px;
    text-align: center;
}

.final-image-1silde-style7{
    background-color: #31a7d7;
    padding-bottom: 5px;
    margin: -16px 0px;
    text-align: center;
}


.last-portion-color{
    background-color: #232323;
    color: white;

    margin-top: 70px;
}

.last-portion-main{
    display: flex;
    margin: 0px 300px;
    padding: 60px 0px;
}
.last-portion-width{

    width: 600px;
}


.border1{

    border-right: black 2px solid;
}


.final-style{
padding-left: 20px;
}


.final-size{
text-align: center;
    font-size: 32px;
}

