*{
    margin:0;
    padding:0;
}
.ul2{
    display:flex;
}
.li2{
    list-style:none;
    padding:20px;
}
.header1{
    display:flex;
    justify-content:space-between;
    margin:0 50px;
}
.header1 img{
    width:100px;
}
.header2{
    font-size:50px;
    font-weight: bold;
}
.header3{
    font-size:40px;
    font-weight:bold ;
    text-align:center;
}
.header4{
    border: 3px solid black;
    display:inline-block;
    padding:0 20px;
    margin:150px 0 0 40%;
}
header{
    background-color:yellow;
    padding-bottom:200px;
}
.h2-first{
    font-size:30px;
    color:white;
    text-align:center;
}
.h3-first{
    font-size:18px;
    color:yellow;
    text-align:center;
}
.main2{
    background-color:black;
    display:inline-block;
    padding:0 5px;
    position:absolute;
    top:-120px;
}
.h4-first span{
    background-color:yellow;
    line-height: 1.5;
    -webkit-box-direction-break:clone;
    position:absolute;
    top:-80px;
    left:22%;
    padding:0 10px;
    font-size:20px;
}
.p-first{
    width:45%;
    margin-right:50px;
}
.img1 img{
    width:100%;
    box-shadow: 10px 10px yellow;
}
.img1{
    width:35%;
}
.main3{
    display:flex;
}
.main1{
    margin:0 10%;
    position: relative;
    margin-top:200px;
}
.h2-second{
    font-size:30px;
    color:white;
    text-align:center;   
}
.h3-second{
    font-size:18px;
    color:yellow;
    text-align:center;   
}
.main5{
    background-color:black;
    display:inline-block;
    padding:0 5px;
    position:absolute;   
    top:-130px;
    left:40%;
}
.h4-second{
    background-color:yellow;
    line-height: 1.5;
    -webkit-box-direction-break:clone;
    position:absolute;
    top:-80px;
    padding:0 10px;
    font-size:20px;   
    top:-80px;
    left:10%;
}
.main4{
    position:relative;
    margin:200px 10%;
}
.img2 img{
    width:100%;
    box-shadow: -10px 10px yellow;   
}
.img2{
    width:35%;
    position:absolute;
}
.p-second{
    width:45%;  
    position:absolute; 
    left:50%;
}
.main6{
    margin:750px 10% 0 10%;
    position:relative;
}
.main7{
    background-color:black;
    display:inline-block;
    padding:0 5px;
    position:absolute;   
    top:-130px;
}
.h4-third{
    background-color:yellow;
    line-height: 1.5;
    -webkit-box-direction-break:clone;
    position:absolute;
    padding:0 10px;
    font-size:20px;   
    top:-90px;
    left:30%;
}
.img3 img{
    width:100%;
    box-shadow: 10px -10px yellow;   
}
.img3{
    width:35%;
}
.p-third{
    width:45%;
}
.main8{
    display:flex;
}
.main10{
    background-color:black;
    display:inline-block;
    padding:0 5px;
    position:absolute;   
    top:-100px;
    left:50%;
}
.main9{
    margin:200px 10% 0 10%;
    position: relative;
}
.p-fourth{
    width:45%;
    position:absolute;
    left:50%;
}
.img4 img{
    width:100%;
    box-shadow: -10px -10px yellow;     
}
.img4{
    width:35%;
    position: absolute;
}
.main12{
    background-color:black;
    display:inline-block;
    padding:0 5px;
    position:absolute;   
    top:-130px;
}
.main11{
    margin:700px 10% 0 10%;
    position: relative;
}
.p-sixth{
    width:45%;
    margin-right:50px;
}
.img5 img{
    width:100%;
    box-shadow: 10px 10px yellow;  
}
.img5{
    width:35%;
}
.main13{
    display:flex;
}
.footer1 img{
    width:100px;
}
.footer1{
    display:flex;
}
footer{
    background-color: black;
    padding:30px 0;
    margin-top:200px;
}
.li1{
    color:white;
    list-style:none;
    padding-left:40px;
    margin-top:40px;
    white-space: nowrap;
}
.ul1{
    display:flex;
    margin-left:23%;
}
.footer2{
    margin:0 10%;
    display: flex;
    justify-content:space-between;
}
.p-fifth{
    color:white;
    text-align:center;
    font-size:10px;
    margin-top:30px;
}