*{
    margin: 0;
    padding: 0;
}


html,body{
    width: 100%;
    height: 100%;
    background: black;
}
.header{
    width: 100%;
    height: 90px;
    background: black;
}
.header_ct{
    width: 90%;
    height: 90px;
    color: white;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header_ct h3{
font-size: 35px;

}
.header_ct ul{
 list-style: none;

 display: flex;
}
.header_ct ul li a{
text-decoration: none;

color: white;
}
.header_ct ul li{
width: 150px;


text-align: center;

}
.banner{
width: 100%;

position: relative;
}
.banner img{
width: 100%;
}
.banner h3{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
font-size: 150px;
color: white;
}
.container{
width: 90%;

margin: 0 auto;



display: flex;
align-items: center;
justify-content: space-between;
}
.container p{
font-size: 30px;
color: white;
}



.container1{
width: 90%;

margin: 0 auto;




}
.container1 h3{
font-size: 30px;
color: white;
text-align: center;
}


.container2{
width: 500px;
height: 299px;
background: white;
position: absolute;

top: 126px;
right: 479px;
}

.container2 p{
font-size: 30px;


padding-left: 12px;
padding-top: 15px;

}
.container2 a{
width: 200px;
height: 45px;
background: gray;
color: white;
font-size: 26px;
text-decoration: none;



display: inline-block;


text-align: center;
line-height: 45px;

margin-left: 12px;

margin-top: 150px;
}


.container3{
width: 100%;
height: 800px;
background: white;
margin-top: 60px;


display: flex;


align-items: center;
}

.container5 h3{
font-size: 125px;
color: white;
}
.container5{

width: 100%;
}


.contianer_ct{
width: 90%;
/* height: 800px; */
margin: 0 auto;
display: flex;
/* justify-content: space-around; */
/* align-items: center; */
position: relative;


}