*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.header{
    width: 100%;
    height: 180px;
    display: grid;
    grid-template-columns: 1fr 5fr 1fr;
    align-items: center;
    justify-content: center;
}
.nav{
    padding-left: 50px;
}
.nav_ig{
    height: 100px;
    width: 110px;
}
.child{
 grid-gap: 3px;
 justify-self: center;
}
.child ul{
    list-style: none; 
    padding-left: 50px; 
}
.child ul li{
    display: inline;
    grid-gap: 30px;
    margin-left: 20px;
    font-size: 17px;
    font-weight: bold;   
    font-family: sans-serif;
}
.donate{
    width: 110px;
    height: 50px;
    font-size: 17px;
    font-weight: bold;  
    font-family: sans-serif;  
    padding: 15px 0px 0px 15px;
    background-color: hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1);
    color: #fff;
}
.donate:hover{
    opacity: 0.5;
}
.video{
    width: 100%;
    height: auto;
    position: relative;
}
.div{
    top: 350px;
    width: 410px;
    height: 380px;
    position: absolute;
    margin:40px 0px 0px 120px;
    background-color: hsla( 11.808510638297875,87.03703703703704%,57.647058823529406% ,1);
}
.part1{
    height: 200px;
    width: 270px;
    font-size:32px;
    margin : 10px 0px 0px 60px;
     text-align: center;
     padding-top: 90px;
     line-height: calc(1.128);
     color: #fff;
     font-family: sans-serif;
     font-weight: 700;

}
.part2{
    height: 25px;
    width: 230px; 
   margin : 100px 0px 0px 80px;
   font-size: 17px;
   font-weight: 500px;
   padding-left: 40px;
   padding-top:-8px;
   background-color: hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1);
   color: #fff;
}
.part3{
    width: 200px;
    height: 50px;
    top: -150px;
    margin-left: 210px;
    background-color: hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1) ;
    color: #fff;
    position:relative;
    font-weight: 700px;
    font-size: 19px;
    text-align: center;
    padding-top: 10px;
}
.copy{
    position: absolute;
    width: 140px;
    height: 140px;
    margin-top: -70px;
    margin-left: 130px;
}
.black{
    width: 100%;
    height: 50px;
    background-color: black;
    margin-top: -60px
}
.section2{
    width: 100%;
    height: 130px;
    color: #fff;
    background-color: hsla( 11.808510638297875,87.03703703703704%,57.647058823529406% ,1);
    font-size: 20px;
    font-weight: bold;
    padding: 50px 0px 0px 50px;
}
/* blue */
.blue1{
    background-color: hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1);
    width: 100%;
    height: 450px;

}
.blue{
    width: 100%;
    height: 450px;
    opacity:0.3;
    position: absolute;
}
.section3{
    width: 1180px;
    height:350px ;
    margin-left: 90px;
    padding-top: 50px;
     position: relative;
    display: grid;
    grid-template-columns: repeat(4,2fr);
    grid-gap: 30px;
    justify-content: center;
    
    
}
.sec{ 
   background-color: #fff;
    text-align: center;
    font-family: sans-serif;
    padding-top: 13px;
}
.span{
    font-weight: bold;
}
.para{
    font-size: 17px;
    letter-spacing: 1px;
    line-height:23px;
    text-align: center;
}
.bar{
    width: 150px;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    margin-left: 60px;
    background-color: hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1);
    color: #fff;
    font-weight: bold;

}
.section5{
    width: 100%;
    height: 338px;
    margin-top: -20px;
   display: grid;
   grid-template-columns: repeat(4,1fr);

}
.img{
    width: 337px;
    height: 338px;
}
.sect{
    width: 100%;
    height: 880px;
}
.text_ig{
    width: 100%;
    height: 920px;
    position: absolute; 
    margin-top: -60px;
    opacity:0.3;
}
.section6{
     width: 1150px;
    height: 430px;
    position: relative;
    margin:90px 0px 0px 80px;
}
.seco_ig{
    width: 500px;
    height: 300px;
    margin-top: 60px;
    margin-left: 40px;
    text-align: center;
    padding-top: 60px;
    background-color: #fff;
}
.h1{
    font-size: 27px;
    font-weight:700;
    font-family: sans-serif;
}
.h4{
    padding-top: 30px;
    font-family: sans-serif;
    font-size: 23px;
    color:  hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1); 
    text-decoration: underline;
}
.h3{
  
    font-family: sans-serif;
     padding-top: 40px;
     font-size: calc((1.2 - 1) * 1.2vw + 1rem);
     font-weight: 100;
     font-size: 20px;
}
.hh{
    text-decoration: underline; 
    font-family: sans-serif;
    color:  hsla( 192.85714285714286,75.26881720430107%,63.52941176470588% ,1); 
    font-weight: 600;
    font-size: 19px;
    padding-top: 6px;
}
.section7{
    display: grid;
    grid-template-columns: repeat(2,1fr);
}
.class2{
    height: 360px;
    width: 620px;
    margin-left: 360px;
}

/* footer */
.footer{
    width: 100%;
    height: 200px;
    background-color: hsla( 0,1.1494252873563178%,17.058823529411764% ,1);
    margin-top: -70px;
}
.list{
    width: 250px;
    height: 30px;
    margin: 0px 0px 0px 560px;
    padding-top: 40px;
    
}
.list ul li{
display: inline;
font-size: 19px;
color: #fff;
padding-left:8px ;
font-weight: 500;
}
.list_two{
    width: 650px;
    height: 30px;
    margin: 0px 0px 0px 390px;
    padding-top: 50px; 
    color: #fff;
    font-family: sans-serif;
    font-size: 14px;
}
.span{
    color: red;
    text-decoration: underline;
    font-family: sans-serif;
}
.span1{
    font-size: 16px;
}
.youtube{
    width: 120px;
    height: 25px;
    margin-left: 610px;
    margin-top: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    

}
.tube{
    width: 80px;
    height:25px ;
    font-size: 13px;
    font-weight: 700;
    display: inline;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-right: 15px;
    color: #fff;
    padding-top: 5px;
    padding-left: 5px;
    background-color: red;
}
.you{
 padding-left: 6px;
 padding-top: -5px;
}
.tube1{
    width: 40px;
    height: 25px;
    background-color: #fff;
    font-family: sans-serif;
    font-size:13px ;
    padding-top: 5px;
    padding-left: 5px ;

}