*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
    text-align: justify;
    

    font-family: sans-serif;  
   
   
  }

/* .captainamerica{
    border: 3px solid red;
} */
.baki{
    display: flex;
    padding-top: px;
    background-color: #092759   ;
    margin-top: 30px;
    margin-left:30px;
    margin-right:20px ;

}
.bakichild1{
    background-color: red;
    height:55px;
    color:white;
    padding-top: 17px;
}
.bakichild2{
    color:white;
    margin-top: 15px;
}
.bakichild2 a{
    color:white;
}
.scarlet{
    margin-left: 80px;
    margin-right: 200px;
}
.deadpoolchild1{
    margin-left: 50px;
}
.sepbody{
    width: 60%;
}
h1{
    color:#092759;
}
.scarletchild1{
    display: flex;
    justify-content: space-between;
} 
.none{
    color:white; 
    text-decoration: none;
}
 
.scarletchild2{
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
}
.wonderwoman{
    background-color: #092759;
    padding-left: 50px;
}
.wonderwomanchild1{
    color:white;
    padding-top: 40px;
    margin-left: 100px;
    }
    .smlbdr{
        border: 1px solid orange;
        width: 40px;
        margin-top: -12px;
        margin-left: 40px;
    
        height: 0px;
    }
    .smlbdr2{
        border: 1px solid orange;
        width: 40px;
        margin-top: -12px;
        margin-left: -50px;
    
        height: 0px;
    }
h4{color:orange;

}
.antman1{
    display:flex;
    justify-content: space-evenly;
    padding-right: 50px;
}
.antman11{
    color:white;
    padding:5px;
    width: 320px;

}
.antman11:hover{
    border: 1px solid orange;
}
.antman2{
    display:flex;
    justify-content: space-evenly;
    padding-right: 50px;
    margin-left: 50px;
}
.antman21{
    color:white;
    padding:5px;
    width: 320px;


}
.antman21:hover{
    border: 1px solid orange;
}
.antman3{
    color:white;
    padding:50px;
    width: 320px;
    margin-left: 110px;

    
}
.antman3:hover{
    border: 1px solid orange;
    

}
.antman21:hover{
        border: 1px solid orange;
        }
    .antman1{
        padding:20px;
        text-align: justify;
    }
     .deadpool{
        background-color: white;
        margin-left: 50px;
        justify-content: center;
    } 
    .deadpoolchild2>img{
        height: 300px;
        width:420px;
        padding: 0px 0px 20px 20px;
        
    }
    .deadpoolchild33{
        position: absolute;
        z-index: 1;
        background-color: #092759;
        margin-top: -70px;
        color: white;
        font-size: 20px;
        margin-left: 900px;
        opacity: 0.6;
        width:350px;
        text-align: center;

    }
    .deadpoolchild32{
        position: absolute;
        z-index:1;
        background-color: #092759;
        margin-top: -70px;
        color: white;
        font-size: 20px;
        margin-left: 450px;
        opacity: 0.6;
        width:350px;
        text-align: center;
    }
    .deadpoolchild31{
        position: absolute;
        z-index: 1;
        background-color:#092759;
        margin-top: -70px;
        color: white;
        font-size: 20px;
        margin-left: 50px;
        opacity: 0.6;
        width:300px;
        text-align: center;

    }
    .volvarinchild1{
        padding-left: 50px;
        
    }
    .volvarinchild1>img{
        float: right;

    }
    .volvorinchild11{
        font-size: 50px;
        color: rgb(40, 40, 135);
        
    }
    .volvorinchild12{
        background-color:aliceblue;
        text-decoration: none;
        width: 120px;
        color: white;
        height: 30px;
        text-align: center;
       padding: 1px 1px 1px 1px;

    }
    .volvarin{
        background-color: orange;
        padding-top: 70px;
         padding-bottom: 40px;
         height: 800px;
         margin-left: -50px;
        
        
    }
    .mapimage{
        width: 600px;
    }
    .volvarinchild1>p{
        color:white
    }
    .msg1{
        margin-top:40px ;
        margin-left: 200px;
    }
    .hulk{
        padding-left: 70px;
        background-color: #092759;
        height:1000px;
        padding-top: 50px;
    }
    .hulk>li{
        list-style-type:decimal;
    }
    .hulkchild1{
        color: white;
        width: 390px;
        height: 450px;
    }
    .hulkchild2{
        color: white;
        width: 390px;
        height: 450px;
        padding: 30px;
    }
    .hulkchild3{
        color: white;
        width: 390px;
        height: 450px;
        padding:30px;
    }
    .hulkchild2:hover{
        border: 2px solid ORANGE;

    }
    .hulkchild3:hover{
        border: 2px solid ORANGE;

    }
    .hulkchild11{
        display: flex;
        justify-content: space-evenly;
        position: relative;
    }
    .hulkchild1>h1{
        color: orange;
    }
    
    .hulkchild2:hover{
        border: 2px solid orange;
        /* height: 410px; */
    }
    .hulkchild2>h4{
        color: white;
    }
    
    .hulkchild3>h4{
        color: white;
    }
    .hulkchild4{
   
        width: 300px;
        color: white;
        margin-left: 130px;
        position: absolute;
        margin-top: 450px;
        padding: 20px;
    }
    .hulkchild4:hover{
        border: 3px solid orange;
    }
    .form{
        margin-left: 200px;
        margin-top: 100px;
    }
    .f1{
        background-color:#f6ba1e;
        margin-left: 300px;
    }
    .hulkchild5{
        position: absolute;
        margin-top:450px ;
        width: 300px;
        margin-left:550px;
        color: white;
        padding: 20px;
    }
    .hulkchild5:hover{
        border: 2px solid ORANGE;
    }
    .hulkchild6{
        position: absolute;
        margin-top:450px ;
        width: 300px;
        margin-left:950px;
        color: white;
        padding: 20px;
    }
    .hulkchild6:hover{
        border: 2px solid ORANGE;
    }
    .hulkchild7{
        color: ORANGE;
        background-color: ORANGE;
      border:1px solid ORANGE;
        margin-top: 850px;
        width: 1100px;
        margin-left: 120px;
    }
    .hulkchild8{
        background-color: #092759;
        margin-top: -40px;

    }
    .hulkchild8>p{
        color:white;
        margin-top: 100px;
        margin-left: 180px;
        padding-top: 50px;
    }
    .hulkchild8>h1{
        color: white;
        margin-left: 180px;
    }
    #hulkchild81{
        color: white;
        padding: left 50px;
        padding-right: 50px;
        margin-top: -20px;
        margin-left: 100px;

    }
    .hulkchild8>img{
        margin-top: 100px;
        width: 90%;
        padding-left: 100px;
        padding-right: 20px;
        height:450px

    }
    .hulkchild82{
        color: white;
        padding-left: 110px;
    }

@media  and (min-width:768px) and (max-width:1025px) {
    .deadpoolchild2>img{
        height: 300px;
        width:420px;
        padding: 0px 0px 0px 0px;
        
    }
    }
        
    }
    

        
        
  
/* header */
.header1{
display:flex;
}
.child1 img{
 height: 20px;
 width: 30px;
}
.child21{
    font-size: 15px;
}
.child2{
    width: 150px;
}
.header3{
    margin-left: 320px;
    display:flex;
    justify-content: space-evenly;
    gap: 25px;
    margin-top:5px;
    padding: 30px 30px 30px 30px;
    text-align: center;

}
.header3>p{
    border-right: 1px solid black;
    height: 30px;
    padding-right: 12px;
}
/* navbar */
ul{
    list-style-type: style type none;
    /* background-color: rgb(82, 82, 170); */
    margin-left: 100px;

}


li ul li a:hover{
   color: white;
   border-radius: 5px;
}
.moin>ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#0E1F4D;
  }
  
  
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
 
  .dropdown {
    float: left;
    overflow: hidden;
  }
  .dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .navbar a:hover, .dropdown:hover.dropbtn {
    background-color: #0E1F4D;
  } 
  .dropdown-content a {
    float: none;
    color:rgb(42, 39, 39);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    /* background-color: blue; */
  }
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .dropdown-content a:hover{
    background-color:#0E1F4D;
    color: white;
  }

@media  screen and (min-width:769px) and (max-width:1026px) {
  .moin>ul{
    width: 100%;
  }
  .header3{
    margin-left: 200px;
  }
  
}
 @media screen  and (min-width:554px) and (max-width:769px) {
  .header3{
    margin-left: 30px;
  }
  .moin>ul{
    width: 100%;
  }  .dropdown .dropbtn {
    font-size: 13px;  
    border: none;
    outline: none;
    color: white;
    padding: 10px 10px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  .header1{
    height: 100px;
  }

   
}
@media  screen and (max-width:426px) {
  .moin>ul{
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#0E1F4D;
  }
  .header3{
    margin-left: 80px;
    margin-top: 30px;
    
    width: 10%;
    display: block;
  }
  .child2{
    margin-top: 10px;
  

  }
  .child21{
    margin-top: 10px;


  }
  .child3{
    margin-top: 10px;

  }
  .child4{
    margin-top: 10px;


  }
  
   
    
} 


.lineh1{
    margin-top: -13px;
    margin-left: 155px;
    border: 1px solid orange;
    width: 40px;
  }
 
.image{
   margin-top: 40px;
     padding-left: 170px;
     padding-right: 0px;
     padding-bottom: 40px;
     width: 500px;
} 
.image11111{
    margin-top: 40px;
      padding-left: 170px;
      padding-right: 0px;
      padding-bottom: 40px;
      width: 500px;
 } 
.image01{
    margin-top: 40px;
      margin-left: 80px;
      padding-bottom: 40px;
      width: 350px;
 } 
.image41{
    margin-top: 10px;
      padding-left: 30px;
      padding-right: 060px;
      padding-bottom: 70px;
      width: 590px;
 } 
.image31{
    margin-top: 40px;
      padding-left: 100px;
      padding-right: 20px;
      padding-bottom: 40px;
      width: 480px;
 } 
 .image32{
    margin-top: 40px;
      padding-left: 20px;
      padding-right: 70px;
      padding-bottom: 40px;
      width: 480px;
 } 
 .image33{
    margin-top: 40px;
      padding-left: 80px;
      padding-right: 40px;
      padding-bottom: 40px;
      width: 480px;
 } 
 .image34{
    margin-top: 40px;
      padding-left: 20px;
      padding-right: 100px;
      padding-bottom: 40px;
      width: 480px;
 } 
 .image71{
    margin-top: 30px;
      margin-left: 030px;
      margin-right: 120px;
      margin-bottom: 40px;
      margin-top: ;
      width: 500px;
 } 
.image111{
    margin-top: 40px;
    
      margin-right: 150px;
      padding-bottom: 40px;
      width: 350px;
 } 
 .imageexpertise3{
    margin-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 40px;
    width: 600px;
    height: 350px;
 }


 

.margintop-1{
    margin-top: 30px;
    margin-left: 40px;
}
.marginright1{
    margin-left: 140px;
}
.image_1{
    margin-top: 50px;
      padding-left: 300px;
      padding-right: 50px;
      padding-bottom: 40px;
      width: 400px;
 } 

.flex{
    display: flex;
    margin-bottom: 20px;
    
    
}

.background-image{
    background-image: url("/uploads/pexels-photo-302769.jpeg");
    background-size: cover;
    height: 35vh;
    width: 100%;
    margin-bottom: 30px;
  background-position: center;


}
.shade{
    background-color:#092759;
    color: white;
    height: 35vh;
    opacity: 0.9;
    width: 100%;

}
.headmove{
    padding-top:40px;
    margin-left: 200px;
}
.headmove1{
    padding-top:20px;
    margin-left: 200px;
}
.headmove2{
    padding-top:20px;
    margin-left: 200px;
}
.font51{
    margin-left: 80px;
    width: 40%;
}

.background{
    background-color: #F6BA1E;
    height: 165px;
   
    
} 
.adjust{
    height: 60px;
    width: 60px;
    margin-left:95px;
    margin-top: 20px;
    
}
.textadjust{
    padding-left: 95px;
    margin-top: 20px;
    width: 120px;
        
}
.smallpad{
    padding-top: 30px;
}
.textcolor{
    color:#513096;
    font-size: 35px;

    
    
}
.textcolor3{
    color:#513096;
    padding-bottom: 30px;
    padding-top: 20px;
    font-size: 35px;
    margin-right:px ;
    
    
}
.textcolor20{
    color:#513096;
    padding-bottom: 30px;
    padding-top: 20px;
    padding-left: 115px;
    font-size: 20px;
    
}
.textcolor201{

    padding-bottom: 30px;
    padding-top: 20px;
    padding-left: 115px;
    font-size: 15px;
    width: 45%;
    
}
.textcolor202{

    padding-bottom: 30px;
    padding-top: 20px;
    padding-left:65px;
    font-size: 15px;
    width: 45%;
    
}
.background1{
    background-color:#522E91;
    height: 150px;
} 
.adjust61{
    margin-left:80px;
    margin-bottom: 20px;
}
.adjust1{
    height: 100px;
    width: 110px;
    padding: 25px;
    margin-top: -10px;
    
}
.textadjust1{
    color: white;
    padding-left: 35px;
    margin-top: -31px;
}
.paddingbg{
    padding-left: 100px;
    padding-top: 40px;
}
.background2{
    background-color:#EC008C;
    height: 150px;

} 
.adjust2{
    height: 70px;
    width: 70px;
    padding: 0px;
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 10px;
    
}
.textadjust2{
    color: white;
    
    padding-left: 25px;
    padding-right: 0px;
    margin-top: 0px;
}
.move{
 margin-right:80px;
 
}
.image1{
    margin-top: 50px;
      padding-left: 100px;
      padding-right: 50px;
      padding-bottom: 40px;
      width: 600px;
      height: 250px;
 } 
.image61{
    margin-top: 10px;
      padding-left: 30px;
      padding-right: 90px;
    
      pa dding-bottom: 80px;
      width: 650px;
      height: 350px;
 } 
 .image4left{
    margin-top: 50px;
      padding-left: 80px;
      padding-right: 0px;
    
      padding-bottom: 30px;
      width: 590px;
      height: 350px;
 } 
 .adjustside1{
    margin-right:px;
    margin-top:55px ;
    margin-left: 40px;
    margin-bottom: ;
 }
 .adjustside2{
    margin-right: 30px;
    margin-top:55px ;
    margin-left: 78px;
    margin-bottom: ;

 }
 .adjustside3{
    margin-right:80px;
    margin-top:55px ;
    margin-left:10px;
    margin-bottom: ;
 }
 .image5{
    margin-top: 50px;
      padding-left: 40px;
      padding-right: 30px;
      padding-bottom: 40px;
      width: 680px;
      height: 310px;
 } 
 .image7{
    margin-top: -30px;
      padding-left: 30px;
      padding-right: 120px;
      padding-bottom: 40px;
      width: 550px;
      height: 300px;
 } 
 .background3{
    background-color:#782B90;
    height: 120px;

} 
.adjust3{
    height: 70px;
    width: 70px;
    margin-left: 160px;
    margin-top: 0px;
    padding-top: 20px;
    
}
.fontadjust41{
    margin-top: 30px;
    margin-left: 105px;
    width: 44%;
    margin-bottom: 30px;
}
.fontadjust42{
    margin-top: 30px;
    margin-right:65px;
    margin-left: 40px;
    width: 44%;
}
.fontadjust51{
    margin-top: 30px;
    margin-left: 95px;
    width: 44%;
    margin-bottom: 30px;
}
.fontadjust52{
    margin-top: 30px;
    margin-right:65px;
    margin-left: 40px;
    width: 44%;
}
.sleft{
    margin-left: 30px;
    margin-top: 40px;
}

.textadjust3{
    color: white;
    
    padding-left: 160px;
    padding-right: 40px;
    margin-top: 0px;
}
.bigimage{
    margin-top: 30px;
    margin-left:100px;
    color:#513096;
    width: 90%;
}
.bigimage1{
    margin-top: 30px;
    margin-left:100px;
    margin-right: 0px;
    color:#513096;
    width:88%;
}
.side71{
    margin-left: 120px;
    margin-top: ;
}
.bigimage51{
    margin-top: 80px;
    margin-left:80px;
    color:#513096;
    width: 90%;
}
.bigimage52{
    margin-top: 60px;
    margin-left:80px;
    color:#513096;
    width: 350px;
    height: 280px;
    width: 89%;
}
.bigimage71{
    margin-top: 60px;
    margin-left:100px;
    color:#513096;
    width: 90%;
    margin-bottom: 30px;
}
.text71{
    margin-left:100px ;
    margin-top: ;
    margin-bottom: ;
}
.image2{
    margin-top: 30px;
    padding-left: 100px;
    padding-right: 80px;
    padding-bottom: 40px;
    width: 600px;
    height: 320px;
}
.background4{
    background-color: #F8931F;
    height: 120px;
    }
    .adjust4{
        height: 60px;
        width: 60px;
        margin-left: 140px;
        margin-top: 10px;
        
        
    }
    .textadjust4{
        color: white;
    
        margin-left: 140px;
        margin-right: 20px;
        margin-top: 0px;
    }
    .background5{
        background-color: #782B90;
        height: 130px;
        }
        .adjust5{
            height: 70px;
            width: 70px;
           margin-left: 120px;
            margin-top: 10px;
            margin-bottom: 0px;
            
        }
        .textadjust5{
            color: white;
        
            margin-left: 100px;
        
            margin-top: 0px;
        }
        .adjust7{
            height: 70px;
            width: 70px;
           margin-left: 160px;
            margin-top: 10px;
            margin-bottom: 0px;
            
        }
        .textadjust7{
            color: white;
            text-align: center;
        
            margin-left: 80px;
        
            margin-top: 0px;
        }
        .background6{
            background-color: #782B90;
            height: 150px;
            }
         .margin-left1{
                margin-left: 120px;
                padding-right: 0px;
                font-size: 17px;
                width: 62%;
                
        }
        .line{
            width: 70px;
            /* margin-top: 50px; */
            margin-top: -50px;
        }
        .textcolor10{
            color:#513096;
            padding-left: 50px;
            padding-top: 20px;
            font-size: 35px;
         }
         .textcolor301{
            color:#513096;
            padding-left: 10px;
            padding-top: 20px;
            font-size: 35px;
         }
         .margin-left2{
            padding-left: 120px;
    }   
    
 
    .margin-left222{
        margin-left: -50px;
}   
    .margin-left22{
        padding-left: 60px;
}   
.margin-left111{
    margin-left: 360px;
    padding-right: 0px;
    padding-left: 10px;
}   
    .margin-left3{
        padding-left: 110px;
}   
.margin-left311{
    padding-left: 120px;
}   
.margin-left33{
    padding-left: 140px;
}   
.mintu1{
    width: 500px;
     height: 350px;
     margin-top: 25px;
     margin-right: 0px;
     margin-left: 50px;
}
.margin2{
    margin-top: 40px; 
    margin-right: 30px;
    margin-left: 20px;
}
.image111{
    margin-left:-30px;
    margin-right: 0px;
}


            @media  screen and (min-width:768px) and (max-width:1024px) {


                .background-image{
                width: 100%;
                }
                #shadeset{
                    margin-left: -150px;
                    padding-top: 50px;
                }
                
               
                
                #image2121{
                    margin-left: -100px;
                }
                .textcolor2121{
                width: 90%;
                font-size: 20px;
                }
                .adjust1{
                    height: 100px;
                    width: 110px;
                    padding: 015px;
                    margin-top: -10px;
                    
                }
                .textadjust1{
                    color: white;
                    padding-left: 20px;
                    margin-top: -20px;
                }
                .mintu1{
                    width: 500px;
                     height: 350px;
                     margin-top: 25px;
                     margin-right: -10px;
                     margin-left: 50px;
                     padding-right: 0px;
                }
                .textcolor201{

                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left: 115px;
                    font-size: 15px;
                    width: 45%;
                    
                }
                .textcolor202{
                
                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left:65px;
                    font-size: 15px;
                    width: 45%;
                    
                }
                
                .image{
                    padding-left: 30px;
                    width: 320px;
                }
                .adjust{
                    height: 60px;
                    width: 60px;
                    margin-left:45px;
                    margin-top: 20px;  
                 }  
                 .textadjust{
                    padding-left: 45px;
                    margin-top: 20px;
                    width: 120px;

                 }   
                 .margin-left1{
                    margin-left: 200px;
                    font-size: 15px;
                    width: 700px;
                }  
                #lap1{
                    margin-left: 140px;
                    font-size: 20px;
                    width: 50%;


                } 
                .image111{
                    margin-top: 40px;
                    
                      margin-right: 20px;
                      padding-bottom: 40px;
                      width: 350px;
                 }   
                 .margin-left2{
                    padding-left: 20px;
                 }
                 #margin00{
                    margin-left: 160px;
                 }  
                 .move{
                    margin-right:30px;"
                   } 
                   .margin-left3{
                    padding-right: 40px;

                   }
                   .marginright1{
                    margin-right: 50px;
                }
                .mintu1{
                    width: 500px;
                     height: 350px;
                     margin-top: 25px;
                     margin-right: 40px;
                     margin-left: 20px;
                }
                .margin-left222{
                    padding-left: 70px;
                }
                .textcolor20{
                    color:#513096;
                   padding-bottom: 30px;
                   padding-top: 20px;
                   padding-left: 100px;
                   font-size: 20px;   

                }
                .textcolor201{

                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left: 100px;
                    font-size: 15px;
                    width: 48%;
                    
                }
                .textcolor202{

                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left:40px;
                    font-size: 15px;
                    padding-right: 10px;
                    width: 48%;
                    
                }
                .textcolor301{
                    color: #513096;

                }
             #123{
                width: 50%;
                padding: 0px;
                margin: 0px;
            
            
             }
             .imageexpertise3{
                margin-top: 10px;
                padding-left: 0px;
                padding-right: 30px;
                padding-bottom: 40px;
                width: 500px;
                height: 300px;
             }
             .image31{
                margin-top: 50px;
                  padding-left: 20px;
                  padding-right: 20px;
                  padding-bottom: 40px;
                  width: 350px;
             } 
             #image312{
                margin-right: 110px;
                margin-top: 30px;
             }
             .image32{
                margin-top: 20px;
                  padding-left: 20px;
                  padding-right: 30px;
                  padding-bottom: 40px;
                  width: 400px;
             } 
             .image33{
                margin-top: 20px;
                  padding-left: 20px;
                  padding-right: 40px;
                  padding-bottom: 80px;
                  width: 370px;
             } 
             .image34{
                margin-top: 20px;
                  padding-left: 20px;
                  padding-right: 30px;
                  padding-bottom: 40px;
                  width: 380px;
             } 
             .adjust3{
                height: 70px;
                width: 70px;
                margin-left: 100px;
                margin-top: 0px;
                padding-top: 20px;
                margin-right: 30px;
                
            }
            .textadjust3{
                color: white;
                padding-left: 80px;
                padding-right: 40px;
                margin-top: 0px;
            }
            .bigimage{
                margin-top: 30px;
                margin-left:40px;
                color:#513096;
                width: 90%;
            }
            .bigimage1{
                margin-top: 30px;
                margin-left:40px;
                margin-right: 0px;
                color:#513096;
                width:91%;
            }
            .margin-left311{
                padding-left:40px;
            }   
            .image41{
                margin-top: 10px;
                  padding-left: 20px;
                  padding-right: 10px;
                  padding-bottom: 70px;
                  width: 500px;
                  margin-right: 50px;
             } 
             .fontadjust41{
                margin-top: 30px;
                margin-left: 55px;
                width: 42%;
                margin-bottom: 30px;
                
            }
            .fontadjust42{
                margin-top: 30px;
                margin-right:0px;
                margin-left: 65px;
                width: 41%;
            }
               #left41{
                margin-left: -40px;
                width: 100%;
                

            }
            .image5{
                margin-top: 50px;
                  padding-left: 40px;
                  padding-right: 00px;
                  padding-bottom: 40px;
                  width: 490px;
                  height: 310px;
             } 
             .adjust4{
                height: 60px;
                width: 60px;
                margin-left: 90px;
                margin-top: 10px;
                
                
            }
            .textadjust4{
                color: white;
            
                margin-left: 90px;
                margin-right: 20px;
                margin-top: 0px;
            }
            .bigimage51{
                margin-top: 80px;
                margin-left:70px;
                color:#513096;
                width: 90%;
            }
            .bigimage52{
                margin-top: 60px;
                margin-left:80px;
                
                color:#513096;
                
                height: 280px;
                width: 87%;
            }
            .fontadjust52{
                margin-top: 30px;
                margin-right:58px;
                margin-left: 40px;
                width: 44%;
            }
            .image61{
                margin-top: 10px;
                  padding-left: 20px;
                  padding-right: 50px;
                
                  padding-bottom: 80px;
                  width: 500px;
                  height: 350px;
             } 
             .adjust61{
                margin-left:60px;
                margin-bottom: 40px;
            }
            .adjust5{
                height: 70px;
                width: 70px;
               margin-left: 90px;
                margin-top: 10px;
                margin-bottom: 0px;
                
            }
            .textadjust5{
                color: white;
            
                margin-left: 80px;
            
                margin-top: 0px;
            }
            .image4left{
                margin-top: 60px;
                  padding-left: 60px;
                  padding-right: 0px;
                
                  padding-bottom: 30px;
                  width: 460px;
                  height: 300px;
             } 
             .adjustside1{
                margin-right:px;
                margin-top:55px ;
                margin-left: 40px;
                margin-bottom: ;
             }
             #key6{
                padding-left: 29px;
                margin-bottom: -20px;
             }
             
             .adjustside2{
                margin-right: 30px;
                margin-top:55px ;
                margin-left: 69px;
                margin-bottom: ;
            
             }
             .adjustside3{
                margin-right:55px;
                margin-top:55px ;
                margin-left:10px;
                margin-bottom: ;
             }
             .image{
               margin-top: 40px;
               padding-left: 170px;
               padding-right: 0px;
               padding-bottom: 40px;
               width: 500px;
             } 
             .image71{
                
                  margin-left: 30px;
                  margin-right: 50px;
                  margin-bottom: 100px;
                  margin-top: 10px;
                  width: 400px;
             } 
             .side71{
                margin-left: 50px;
                margin-top: ;
            }
            .bigimage71{
                margin-top: 60px;
                margin-left:52px;
                color:#513096;
                width: 90%;
                margin-bottom: 30px;
            }
            .adjust7{
                height: 70px;
                width: 70px;
               margin-left: 100px;
                margin-top: 10px;
                margin-bottom: 0px;
                
            }
            .textadjust7{
                color: white;
                text-align: center;
            
                margin-left: 20px;
            
                margin-top: -5px;
            }
            .text71{
                margin-left:68px ;
                margin-top: ;
                margin-bottom: ;
            }
            .image7{
                margin-top: 10px;
                  padding-left: 30px;
                  padding-right: 50px;
                  padding-bottom: 40px;
                  width: 550px;
                  height: 300px;
             } 
            
                
            }

            @media screen and (min-width:554px) and (max-width:768px) {

                .background-image{
                    width: 100%;
                    }
                    #shadeset{
                        margin-left: -150px;
                        padding-top: 50px;
                    }
                    .adjust{
                        height: 60px;
                        width: 60px;
                        margin-left:30px;
                        margin-top: 20px;
                        
                    }
                    .textadjust{
                        padding-left: 20px;
                        margin-top: 20px;
                        width: 80px;
                            
                    }
                    .image111{
                        margin-left: -35px;
                        width: 350px;
                    }
                    #lap12img{
                        margin-left: 40px;
                        margin-right: 0px;
                        width: 300px;
                    }
                    #lap3{
                        margin-left: 40px;
                    }
                    .image11111{
                        margin-left: -230px;
                    }
                    .marginright1{
                        margin-right: 100px;
                        margin-left: 79px;
                    }
                    .margin-left1{

                    }
                    #rightimage1{
                        margin-left: -140px;
                        padding-left: 0px;
                    }
                    #lap1{
                        margin-left: 30px;
                    }


                .image71{
                  margin-top: 30px;
                  margin-left: 030px;
                  margin-right: 20px;
                  margin-bottom: 240px;
                  margin-top: ;
                  width: 300px;
                  height: 200px;
                 } 
                 .adjust7{
                    height: 10px;
                    width: 10px;
                   margin-left: -50px;
                    margin-top: 10px;
                    padding: 0px;
                    margin-bottom: 0px;
                    
                }
                .textadjust7{
                    color: white;
                    text-align: center;
                
                    margin-left: -1000px;
                    padding: 0px;
                
                    margin-top: -7px;
                }
                #displaynone7{
                    display: none;
                }
                .image7{
                    margin-top: -30px;
                      padding-left: 20px;
                      padding-right: 20px;
                      padding-bottom: 40px;
                      width: 420px;
                      height: 260px;
                 } 
                 .adjust61{
                    margin-left:30px;
                    margin-bottom: 20px;
                    margin-top: 30px;
                }
                .image61{
                    margin-top: 30px;
                      padding-left: 10px;
                      padding-right: 30px;
                    
                      pa dding-bottom: 80px;
                      width: 350px;
                      height: 270px;
                 } 
                 .adjust5{
                    height: 70px;
                    width: 70px;
                   margin-left: 60px;
                   margin-right: 30px;
                    margin-top: 10px;
                    margin-bottom: 0px;
                    
                }
                .textadjust5{
                    color: white;
                
                    margin-left: 40px;
                
                    margin-top: -10px;
                }
                .adjustside1{
                    margin-right:40px;
                    margin-top:55px ;
                    margin-left: 40px;
                    margin-bottom: ;
                 }
                 .image4left{
                    margin-top: 50px;
                      padding-left: 26px;
                      padding-right: 0px;
                    
                      padding-bottom: 30px;
                      width: 350px;
                      height: 240px;
                 } 
                 #key6{
                
                        margin-left: -5px;
                        margin-bottom: -20px;
                    
                     
                 }
                 .adjustside2{
                    margin-right: 20px;
                    margin-top:55px ;
                    margin-left: 38px;
                    margin-bottom: ;
                
                 }
                 .adjustside3{
                    margin-right:19px;
                    margin-top:55px ;
                    margin-left:0px;
                    margin-bottom: ;
                 }
                 .font51{
                    margin-left: 40px;
                    width: 50%;
                }
                .image5{
                    margin-top: 40px;
                      padding-left: 30px;
                      padding-right: 40px;
                      padding-bottom: 0px;
                      width: 365px;
                      height: 200px;
                 } 
                 .adjust4{
                    height: 50px;
                    width: 50px;
                    margin-left: 40px;
                    margin-top: 10px;
                    
                    
                }
                .textadjust4{
                    color: white;
                
                    margin-left: 35px;
                    margin-right: 20px;
                    margin-top: 10px;
                }
                .bigimage51{
                    margin-top: 80px;
                    margin-left:40px;
                    color:#513096;
                    width: 90%;
                }
                .bigimage52{
                    margin-top: 60px;
                    margin-left:40px;
                    color:#513096;
                    width: 350px;
                    height: 280px;
                    width: 89%;
                }
                .fontadjust51{
                    margin-top: 30px;
                    margin-left: 55px;
                    width: 50%;
                    margin-bottom: 30px;
                    
                }
                .fontadjust52{
                    margin-top: 30px;
                    margin-right:47px;
                    margin-left: 40px;
                    width: 50%;
                }
                .margin-left3{
                    padding-left: 80px;
                } 
                .image41{
                    margin-top: 10px;
                      padding-left: 0px;
                      padding-right: 30px;
                      padding-bottom: 70px;
                      width: 330px;
                      height: 250px;
                      margin-right: 0px;
                 }   
                 .adjust3{
                    height: 60px;
                    width: 60px;
                    margin-left: 70px;
                    margin-top: 0px;
                    padding-top: 20px;
                    
                }
                .textadjust3{
                    color: white;
                    
                    padding-left: 70px;
                    padding-right: 30px;
                    margin-top: 0px;
                }
                .bigimage{
                    margin-top: 15px;
                    margin-left:30px;
                    color:#513096;
                    width: 90%;
                }
                .bigimage1{
                    margin-top: 30px;
                    margin-left:30px;
                    margin-right: 0px;
                    color:#513096;
                    width:93%;
                }
                
                .fontadjust41{
                    margin-top: 30px;
                    margin-left: 45px;
                    width: 42%;
                    margin-bottom: 30px;
                    
                }
                .fontadjust42{
                    margin-top: 30px;
                    margin-right:0px;
                    margin-left: 25px;
                    width: 45%;
                }
                
               
                #flex31{
                    margin-left: -40px;
                    width: 60%;
                }
                .imageexpertise3{
                    margin-top: 10px;
                  padding-left: 20px;
                  padding-right: 30px;
                  padding-bottom: 40px;
                  width: 450px;
                  height: 350px;
                }
                .adjust2{
                    height: 60px;
                    width: 60px;
                    padding: 0px;
                    margin-left: 20px;
                    margin-right: 0px;
                    margin-top: 10px;
                    
                }
                .textadjust2{
                    color: white;
                    
                    padding-left: 8px;
                    padding-right: 0px;
                    margin-top: 0px;
                }
                .image31{
                    margin-top: 60px;
                      padding-left: 35px;
                      padding-right: 20px;
                      padding-bottom: 30px;
                      width: 300px;
                 } 
                 #image312{
                    margin-top: ;
                    margin-left:20px ;

                 }
                 .margin-left33{
                    margin-left: 60px;
                    padding-left: 80px;
                    
                    width: 55%;
                }   
                .image32{
                    margin-top: 40px;
                      padding-left: 20px;
                      padding-right: 10px;
                      padding-bottom: 40px;
                      width: 280px;
                 } 
                 .image33{
                    margin-top: 60px;
                      padding-left: 0px;
                      padding-right: 20px;
                      padding-bottom: 40px;
                      width: 300px;
                 } 
                 .image34{
                    margin-top: 40px;
                      padding-left: 20px;
                      padding-right: 20px;
                      padding-bottom: 40px;
                      width: 300px;
                 } 
                 .margin-left22{
                    padding-left: 30px;
                    margin-top: -10px;
                } 
                #flex21{
                    margin-left: -40px;
                    width: 60%;
                }
                .mintu1{
                    width: 450px;
                     height: 350px;
                     margin-top: 25px;
                     margin-right: 0px;
                     margin-left: 40px;
                }
                .adjust1{
                    height: 100px;
                    width: 81px;
                    padding right:0px;
                    margin-top: 0px;
                    
                }
                .textadjust1{
                    color: white;
                    padding-left: 20px;
                    margin-right: 20px;
                    margin-left: 10px;
                    margin-top: -5px;
                    width: 2%;
                    font-size: 8px;
                }
                .margin-left222{
                    margin-left: -200px;
                    margin-top: 60px;
                    padding-bottom: 20px;
                    
            
                }  
                #image2112{
                    margin-top: 40px;
                    padding-left: 170px;
                    padding-right: 0px;
                    padding-bottom: 10px;
                    width: 380px;               

                } 
                .margin2{
                    margin-top: 90px; 
                    margin-right: 30px;
                    margin-left: 30px;
                }
                .textcolor20{
                    color:#513096;
                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left: 45px;
                    font-size: 20px;
                    width: 50%;
                    
                }
                .textcolor201{
                
                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left: 60px;
                    font-size: 15px;
                    width: 50%;
                    
                }
                .textcolor202{
                
                    padding-bottom: 30px;
                    padding-top: 20px;
                    padding-left:25px;
                    padding-right: 35px;
                    font-size: 15px;
                    width: 50%;
                    
                }
                #image2121{
                    margin-left: 25px;
                }
            }
                @media screen and (max-width:425px) {
                    
                    .background-image{
                        width: 100%;
                        }
                    #shadeset{
                        margin-left: -150px;
                        padding-top: 40px;
                    }
                    #flex3{
                        display: block;
                    }
                    .margin-left3{
                        margin-left: -90px;
                        margin-right: 20px;
                        
                    }
                    .mintu1{
                        width: 380px;
                         height: 230px;
                         margin-top: 25px;
                         margin-right: 0px;
                         margin-left: 20px;
                    }
                    .background1{
                        background-color:#522E91;
                         height: 730px;

                    }
                    #icondown{
                        display: block;
                    }
                    .icondown1{
                        display: flex;
                        margin-left: 80px;
                        margin-top: 17px;
                    }
                    .margin-left222{
                        margin-left: -140px;
                    }
                    #image2112{
                        width: 550px;
                    }
                    #image2121{
                        display: block;
                    }
                    .margin2{
                        margin-left: 50px;
                    }
                    .textcolor20{
                        margin-left: -70px;
                        width: 110%;
                    }
                    #down2{
                        display: block;
                    }
                    .textcolor201{
                        width: 100%;
                        margin-left: -50px;
                    }
                    .textcolor202{
                        width: 90%;
                        margin-left: -10px;
                    }
                    #flex3{
                        display: block;
                    }
                    #flex31{ 
                         margin-left: -85px;
                          margin-right: 20px;
                            
                        }
                        .imageexpertise3{
                            width: 400px;
                            height: 250px;
                            margin-left: 023px;
                            padding-right: 10px;
                            padding-left: 0px;

                        }
                        .background2{
                            background-color:#EC008C;
                             height: 730px;
    
                        }
                        #flex32{ 
                            margin-left: -85px;
                             margin-right: 20px;
                               
                           }
                           .image31{
                            margin-left: -70px;
                           margin-right: 0px;
                        
                           }
                           #image312{
                            width: 85%;
                            margin-left: 40px;
                            margin-right: 40px;
                           }
                        .margin-left33{
                            margin-left: -90px;
                            margin-right: 20px;

                        }
                        .image32{
                            margin-top: 40px;
                              padding-left: 46px;
                              padding-right: 0px;
                              padding-bottom: 40px;
                              width: 400px;
                         } 
                         .image33{
                            margin-top: 40px;
                              padding-left: 46px;
                              padding-right: -0px;
                              padding-bottom: 40px;
                              width: 400px;
                         } 
                         .image34{
                            margin-top: 40px;
                              padding-left: 0px;
                              margin-left: -15px;
                              padding-right: 0px;
                              margin-right: 0px;
                              padding-bottom: 40px;
                              width: 360px;
                         } 
                         .background3{
                            background-color:#782B90;
                             height: 400px;
    
                        }
                        .image41{
                            margin-top: 0px;
                              padding-left: 30px;
                              padding-right: 0px;
                              padding-bottom: 30px;
                              width: 400px;
                         }
                         .bigimage{
                            margin-top: 30px;
                            margin-left:40px;
                            color:#513096;
                            width: 90%;
                        }
                        .bigimage1{
                            margin-top: 30px;
                            margin-left:40px;
                            margin-right: 0px;
                            color:#513096;
                            width:88%;
                        }
                        .fontadjust41{
                            margin-top: 30px;
                            margin-left: 50px;
                            width: 80%;
                            margin-bottom: 30px;
                        }
                        .fontadjust42{
                            margin-top: 30px;
                            margin-right:59px;
                            margin-left: 50px;
                            width: 80%;
                        }
                        .background4{
                            background-color:#782B90;
                             height: 480px;
    
                        }
                        .font51{
                            margin-left: 030px;
                            margin-right: 20px;
                            width: 88%;
                              

                        }
                        .image5{
                            margin-top: 30px;
                              padding-left: 30px;
                              padding-right: 0px;
                              padding-bottom: 40px;
                              width: 400px;
                              height: 290px;
                         } 
                         .bigimage51{
                            margin-top: 80px;
                            margin-left:30px;
                            color:#513096;
                            width: 90%;
                        }
                        .bigimage52{
                            margin-top: 60px;
                            margin-left:30px;
                            color:#513096;
                            width: 350px;
                            height: 240px;
                            width: 89%;
                        }
                        .fontadjust51{
                            margin-top: 30px;
                            margin-left: 45px;
                            width: 81%;
                            margin-bottom: 0px;
                        }
                        .fontadjust52{
                            margin-top: 10px;
                            margin-right:0px;
                            margin-left: 45px;
                            width: 81%;
                        }
                        .image61{
                            margin-top: 10px;
                              padding-left: 0px;
                              padding-right: 20px;
                              margin-left: 20px;
                              margin-right: 0px;
                            
                    
                              width: 400px;
                              height: 280px;
                         } 
                         .adjust61{
                            margin-left:30px;
                            margin-bottom: 20px;
                            margin-right: 20px;
                        }
                        .background5{
                            background-color:#782B90;
                             height: 480px;
    
                        }
                        .adjust5{
                            height: 70px;
                            width: 70px;
                           margin-left: 160px;
                            margin-top: 10px;
                            margin-bottom: 0px;
                            
                        }
                        .textadjust5{
                            color: white;
                        
                            margin-left: 160px;
                        
                            margin-top: 0px;
                        }
                        .image4left{
                            margin-top: 50px;
                              padding-left: 20px;
                              padding-right: 0px;
                            
                              padding-bottom: 30px;
                              width: 400px;
                              height: 320px;
                         } 
                         #text6mobile{
                            width: 80%;
                            margin-left: 50px;

                         }
                         .adjustside2{
                            margin-right: 30px;
                            margin-top:55px ;
                            margin-left: 45px;
                            margin-bottom: ;
                        
                         }
                         .adjustside3{
                            margin-right:80px;
                            margin-top:10px ;
                            margin-left:45px;
                            margin-bottom: ;
                            width: 83%;
                         }
                         .background6{
                            background-color:#782B90;
                             height: 480px;
    
                        }
                       .side71{
                            margin-left: 20px;
                            margin-top: ;
                        }

                        
                        .image71{
                            margin-top: 30px;
                              margin-left: 020px;
                              margin-right: 0px;
                              margin-bottom: 40px;
                              margin-top: ;
                              width: 400px;
                         } 
                         .adjust7{
                            height: 70px;
                            width: 70px;
                           margin-left: 180px;
                            margin-top: 10px;
                            margin-bottom: 0px;
                            
                        }
                        .textadjust7{
                            color: white;
                            text-align: center;
                        
                            margin-left: 80px;
                        
                            margin-top: 0px;
                        }
                        .bigimage71{
                            margin-top: 60px;
                            margin-left:40px;
                            color:#513096;
                            width: 90%;
                            margin-bottom: 30px;
                        }
                        .text71{
                            margin-left:30px ;
                            margin-top: ;
                            margin-bottom: ;
                            margin-right: 20px;
                        }
                        .image7{
                            margin-top: 20px;
                              padding-left: 30px;
                              padding-right: 0px;
                              padding-bottom: 40px;
                              width: 400px;
                              height: 300px;
                         } 
                         .background{
                            background-color: #F6BA1E;
                            height: 1300px;
                           
                            
                        } 
                        .adjust{
                            height: 80px;
                            width: 80px;
                            margin-left:175px;
                            margin-top: 20px;
                            
                        }
                        .textadjust{
                            padding-left: 175px;
                            margin-top: 20px;
                            width: 120px;
                                
                        }
                        .textcolor10{
                            margin-left: -50px;
                        }
                        .image01{
                            margin-top: 40px;
                              margin-left: 70px;
                              padding-bottom: 40px;
                              width: 350px;
                         } 
                         .marginright1{
                            margin-left: 30px;
                            width: 85%;
                         }
                        .margin-left111{
                            margin-left: 20px;
                            width: 85%;
                        }
                        #rightimage1{
                            margin-left: -130px;
                        }
                        #lap1{
                            margin-left: 30px;
                            width: 80%;
                        }
                        .margin-left121212{
                            margin-left: 60px;
                        }
                        #lap3{
                            margin-left: 30px;
                            width: 80%;
                        }
                        
                        #lap4{
                            margin-left: -250px;
                            width: 80%;
                        }

                        }



                        
                    }
                   *{
    margin: 0;
    padding: 0px;
    box-sizing: border-box;
}
/* header */
.header1{
display:flex;
}
.child1 img{
 height: 20px;
 width: 30px;
}
.child21{
    font-size: 15px;
}
.child2{
    width: 150px;
}
.header3{
    margin-left: 320px;
    display:flex;
    justify-content: space-evenly;
    gap: 25px;
    margin-top:5px;
    padding: 30px 30px 30px 30px;
    text-align: center;

}
.header3>p{
    border-right: 1px solid black;
    height: 30px;
    padding-right: 12px;
}
/* navbar */
ul{
    list-style-type: style type none;
    /* background-color: rgb(82, 82, 170); */
    margin-left: 100px;

}


li ul li a:hover{
   color: white;
   border-radius: 5px;
}
.moin>ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#0E1F4D;
  }
  
  
  
  li a {
    display: block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }
  
 
  .dropdown {
    float: left;
    overflow: hidden;
  }
  .dropdown .dropbtn {
    font-size: 16px;  
    border: none;
    outline: none;
    color: white;
    padding: 14px 16px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  .navbar a:hover, .dropdown:hover.dropbtn {
    background-color: #0E1F4D;
  } 
  .dropdown-content a {
    float: none;
    color:rgb(42, 39, 39);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    /* background-color: blue; */
  }
  .dropdown:hover .dropdown-content {
    display: block;
  }
  .dropdown-content a:hover{
    background-color:#0E1F4D;
    color: white;
  }

@media  screen and (min-width:769px) and (max-width:1026px) {
  .moin>ul{
    width: 100%;
  }
  .header3{
    margin-left: 200px;
  }
  
}
 @media screen  and (min-width:554px) and (max-width:769px) {
  .header3{
    margin-left: 30px;
  }
  .moin>ul{
    width: 100%;
  }  .dropdown .dropbtn {
    font-size: 13px;  
    border: none;
    outline: none;
    color: white;
    padding: 10px 10px;
    background-color: inherit;
    font-family: inherit;
    margin: 0;
  }
  .header1{
    height: 100px;
  }

   
}
@media  screen and (max-width:426px) {
  .moin>ul{
    
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color:#0E1F4D;
  }
  .header3{
    margin-left: 80px;
    margin-top: 30px;
    
    width: 10%;
    display: block;
  }
  .child2{
    margin-top: 10px;
  

  }
  .child21{
    margin-top: 10px;


  }
  .child3{
    margin-top: 10px;

  }
  .child4{
    margin-top: 10px;


  }
  
   
    
} 
*{
    margin: 0px;
    padding: 0px;
    box-sizing: border-box;
}
.ironman{
    background-color: #092759;
    font-size: 15px;
}
.spiderman{
    display: flex;
    justify-content: space-evenly;
}
.pantherchild1{
    height:20px;
    width: 20px;
}
.blackpanther1{ 
padding:20px;
color:white;
width:350px;
}
.blackpanther2{ 
    padding:20px;
    color:white;
    }
    .gamora>li>a{
        text-decoration: none;
        color: white;
    }
    .gamora>li{
        list-style-type: none;
    }
    .gamora li:hover{
        text-decoration: underline;
    }
    .blackpanther3>li>p>img{
        height: 20px;
        width: 20px;
        /* display: flex; */
    }
    
    .blackpanther3>li>p>a{
        margin-left: 40px;
        position:absolute;
        position-left:3px;
        color:white;
        list-style-type: none;
        text-decoration: none;
    }
    .pantherchild4{
        position: absolute;
        margin-top: 10px;


    }
    .blackpanther4{ 
            margin-top: 40px;
            margin-left: 140px;
            width: 250px;
            padding-left: 40px;
            padding-top: 20px;
 }
 .pantherchild1{
border-radius: 50px;
 }
 h3{
    color:white;

 }

 .blackpanther3{
    padding: 20px 20px 20px 20px;
 }
    
 .thor{
    color:white;
 }
 .thor>img{
    height:30px;
    width: 30px;
    margin-left: 960px;
    margin-top: -270px;
 }
 .thor>p{
    margin-left: 10px;
 }
 .thor>li{
    text-decoration:aliceblue;
    margin-left: 950px;
    margin-top: -40px;
    padding: 30px 30px 30px 30px;
    list-style-type: none;
 }
 .thor>li>a:hover{
    text-decoration:underline;
 }
 .thorchild1:hover{
     background-color:rgb(40, 30, 107);
     box-shadow:5px;
     border-radius: 5px;
     position: sticky;
 }
 .thor>img{
    margin-left: 1490px;
 }
 .thorchild2{
    color: white;
    text-decoration: none;
    margin-left: 1450px;
    
 }
 #rock{
    margin-left: 1200px;
 }
 .thorchild2{
    margin-left: 1150px;
 }
  @media  screen and (min-width:769px) and (max-width:1025px) {
    .ironman{
        width:100%;
    } 


    #rock{
        margin-left: 800px;
    }

    .thorchild2{
        margin-left: 850px;
    }

} 
@media  screen and (min-width:426px) and (max-width:769px) {
    .ironman{
        width:100%;
        font-size: 25px;
    } 

    #rock{
        margin-left: 350px;
        
    }
    .thorchild2{
        margin-left: 20px;
        font-size: 10px;
    }
    .ironman{
        width: 100%;
        font-size: 15px;
    }
    #fo1{
        font-size: 10px;

    }
    #fo2{
        width: 100%;
    }
    .thorchild1{
        width: 50%;
        margin-left: -50px;
    }

} 
 @media  screen and (max-width:426px) {
    .ironman{
        width:100%;
        font-size: 25px;
    } 

    #rock{
        margin-left: 480px;
    }
    .thorchild2{
      margin-left:420px ;
    }
    .ironman{
        width:550px
    }

 #spiderdisplaybreak{
    display: block;
  }
}



/* ncc_years_css*/
*{
    margin: 0px;
    padding: 0px;
    box-sizing:border-box;
    font-family: sans-serif;
  }
  .year_image{
      background-image: url('/assets/uploads/images/project_main_image.jpeg');
      background-size: cover;
      background-position: center;
      width:100%;
      height:30vh;
    }
    .style_g{
      color: orange;
      padding-left: 10px;
    }
    .image_main{
      background-color:#092759;
      height: 30vh;
      opacity: 0.9;
      color: white;
    }
    .year_underline{
      padding-left:100px;
      padding-top: 20px;
    }
    .under_line_first{
      display:flex;
      padding: 10px;
  
      }
    .year_head{
      color: white;
    }
    .year_space{
      margin:10px;
    }
    .year_para{
      color: white;
      padding-top:20px;
      padding-left: 10px;
    }
    .year_finance{
      color: #091c57;
      font-size:40px;
    }
    .crore_heading{
      text-align: end;
      font-size:20px;
      color: #091c57;
    }
    .heading{
      font-size:12px;
      background-color: #091c57;
      color: white;
      height:50px;
      width:74px;
      text-align:center;
      padding-top:15px;
      border-right: 1px solid white;
    }
    .heading_para{
      font-size:12px;
      background-color:#f5f4f2;
      color:black;
      height:30px;
      width:74px ;
      text-align: center;
      padding-top:3px;
      border-right: 1px solid #091c57;
    }
    .back_color{
      background-color: gray;
      height:30px;
      width:74px;
    }
    .years_card{
      color: white;
      height: 50px;
      text-decoration: none;
      border-width: 0px;
      padding-left: 23px;
      padding-top: 20px;
      font-size:15px;
    }
    .card a:hover{
      background-color: white;
      color:#091c57;
      text-decoration: none;
      border-radius: 8px;
      width: 100px;
    
    }
    .card{
      background-color: #091c57;
      padding:25px;
      height:150px;
      width:250px;
      margin: 10px;
      border-radius: 8px;
      cursor: pointer;
    }
    .list_card{
      background-color: #091c57;
      color: white;
      padding: 10px;
      font-size:14px;
      padding-left:20px;
      height:38px;
      width:150px;
      padding:5px;
      margin:1px;
    }
    .card>p>a{
      font-size:12px;
      height: 200px;
      width: 200px;
    }
    .list_card_a{
      color:white;
      text-decoration: none; 
      font-size: 10px;
      background-color: white;
      height: 100px;
      width: 100px;
    }
    .list_card:hover{
      background-color: white;
      color:#091c57;
      border-radius:7px;
      width:180px;
    }
    
    .year_white{
      padding-top:20px;
      text-align: center;
      color: white;
      font-size: 10px;
      background-color: #091c57;
      height: 50px;
      width:70px;
      margin:1px;
    }
    .year_white_para{
      padding-top:17px;
      text-align: center;
      color:black;
      font-size: 10px;
      background-color:gray;
      height:40px;
      width:70px;
      margin:1px;
    }
    .year_white_para_w{
      padding-top:17px;
      text-align: center;
      color:black;
      font-size: 10px;
      background-color:#f5f4f2;
      height:40px;
      width:70px;
      margin:1px;
    }
  
  
    /*#annualsec*/
  
  .annual_para{
    background-color:#f5f4f2;
    width:400px;
    height:30px;
    color: black;
    font-size: 13px;
    padding-top: 10px;
    text-decoration: none;
    margin: 5px;
    padding-left: 20px;
  }
  /* #quarterly */
  .drop-down-content{
    display:none;
    position: absolute;
    background-color: white;
    z-index: 1;
    padding-left:30px;
    width: 300px;
    border: 1px solid black;
  }
  .drop_down1{
    position:relative;
    display: inline-block;
  }
  .button1{
    background-color: #091c57;
    color: white;
    font-size: 14px;
    cursor: pointer;
    border: none;
    height: 28px;
    width: 300px;
  }
  .drop-down-content a{
    color:black;
    text-decoration: none;
    font-size: 12px;
    width:300px;
  }
  .drop_down1:hover .drop-down-content{
    display: block;
  }
  
  /* #header */
  *{
      margin: 0;
      padding: 0px;
      box-sizing: border-box;
  }
  .drop_down{
    position: relative;
  }
  .dropdown-content_a{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left:130px;
  }
  .drop_down_a:hover .dropdown-content_1{
    display: block;
  }
  .dropdown-content_1{
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    left:130px;
  }
  .drop_down:hover .dropdown-content_a{
    display: block;
  }
  .drop_down:hover .dropdown-content_a{
    display: block;
  }
  
  
  
  /* header */
  .header1{
  display:flex;
  }
  .child1 img{
   height: 20px;
   width: 30px;
  }
  .child21{
      font-size: 15px;
  }
  .child2{
      width: 150px;
  }
  .header3{
      margin-left: 320px;
      display:flex;
      justify-content: space-evenly;
      gap: 25px;
      margin-top:5px;
      padding: 30px 30px 30px 30px;
      text-align: center;
  
  }
  .header3>p{
      border-right: 1px solid black;
      height: 30px;
      padding-right: 12px;
  }
  /* navbar */
  ul{
      list-style-type: style type none;
      /* background-color: rgb(82, 82, 170); */
      margin-left: 100px;
  
  }
  
  
  li ul li a:hover{
     color: white;
     border-radius: 5px;
  }
  .moin>ul{
      list-style-type: none;
      margin:0px;
      padding:0px;
      padding-left:140px;
      overflow: hidden;
      background-color:#0E1F4D;
    }
    
    
    
    li a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
   
    .dropdown {
      float:left;
      overflow: hidden;
    }
    .dropdown .dropbtn {
      font-size: 16px;  
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit;
      margin: 0;
    }
    .dropdown-content {
      display:none;
      position: absolute;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
  
    .navbar a:hover, .dropdown:hover.dropbtn {
      background-color: #0E1F4D;
    }
    .dropdown-content a {
      float: none;
      color:rgb(42, 39, 39);
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
      /* background-color: blue; */
    }
    .dropdown:hover .dropdown-content {
      display: block;
    }
    .dropdown-content a:hover{
      background-color:#0E1F4D;
      color: white;
    }
  
    /* #Footer */
    
  .ironman{
    background-color: #092759;
    font-size: 15px;
    width: 100%;
  }
  .image_map3{
    height: 30px;
    width: 30px;
  }
  .map_anchor{
    text-decoration: none;
    color:#f5f4f2;
  }
  .spiderman{
    display: flex;
    justify-content: space-evenly;
  }
  .pantherchild1{
    height:20px;
    width: 20px;
  }
  .blackpanther1{ 
  padding:20px;
  color:white;
  width:350px;
  }
  .blackpanther2{ 
    padding:20px;
    color:white;
  }
    .gamora>li>a{
        text-decoration: none;
        color: white;
        margin-left: -100px;
    }
    .gamora>li{
        list-style-type: none;
    }
    .gamora li:hover{
        text-decoration: underline;
    }
    .blackpanther3>li>p>img{
        height: 20px;
        width: 20px;
        /* display: flex; */
    }
    
    .blackpanther3>li>p>a{
        margin-left: 40px;
        position:absolute;
        position:3px;
        color:white;
        list-style-type: none;
        text-decoration: none;
    }
    .pantherchild4{
        position: absolute;
        margin-top: 10px;
  
  
    }
    .blackpanther4{ 
            margin-top:0px;
            margin-left:30px;
            width: 250px;
            padding-left:20px;
            padding-top:20px;
  }
  .pantherchild1{
  border-radius: 50px;
  }
  h3{
    color:white;
  
  }
  
  .blackpanther3{
    padding: 20px 20px 20px 20px;
  }
    
  .thor{
    color:white;
  }
  .thor>img{
    height:30px;
    width: 30px;
    margin-left: 960px;
    margin-top: -270px;
  }
  .thor>p{
    margin-left: 10px;
  }
  .thor>li{
    text-decoration:aliceblue;
    margin-left: 950px;
    margin-top: -40px;
    padding: 30px 30px 30px 30px;
    list-style-type: none;
  }
  .thor>li>a:hover{
    text-decoration:underline;
  }
  .thorchild1:hover{
     background-color:rgb(40, 30, 107);
     box-shadow:5px;
     border-radius: 5px;
     position: sticky;
  }
  .thor>img{
    margin-left: 1490px;
  }
  .thorchild2{
    color: white;
    text-decoration: none;
    margin-left:5px;
    
  }
  #rock{
    margin-left: 1200px;
  }
  .thorchild2{
    margin-left:0px;
  }
  /* #Year_mediea quireies */
  /* #Laptop_View @header*/
  @media  screen and (min-width:769px) and (max-width:1025px){
  
  }
  @media  screen and (min-width:426px) and (max-width:769px) {
  .card{
    width:180px;
  }
  .list_card{
    font-size: 10px;
    width:50px;
  }
  .year_white{
    width:50px;
    font-size: 8px;
  }
  .year_white_para{
    font-size: 8px;
    width: 50px;
  }
  .year_white_para_w{
    font-size: 8px;
    width: 50px;
  }
  .moin{
    width:898px;
    font-size:17px;
    margin-left: -130px;
  }
  }
  @media  screen and (max-width:426px){
  .moin{
    width:425px;
    font-size: 10px;
  }
  .header_boxes{
  width:20px;
  font-size:5px;
  }
  .thorchild1{
    width: 50%;
    margin-left: -50px;
  }
  .ch123{
    margin-left: -20px;
    margin: 0px;
    width: 10px;
  }
  #ch143{
    margin-left: -10px;
  }
  #bh1{
    margin-left: -20px;
    margin-top: 50px;
  }
  .child2{
    margin-left: -40px;
  }
  .child3{
    margin-left: -10;
  }
  .child4{
    margin-left:-10px;
  }
  }
  /* #footer_media quireies */
  
  @media  screen and (min-width:769px) and (max-width:1025px) {
    .ironman{
        width:100%;
    } 
  
  
    #rock{
        margin-left: 800px;
    }
  
    .thorchild2{
        margin-left: 850px;
    }
  
  } 
  
  @media  screen and (min-width:769px) and (max-width:1025px) {
    .moin>ul{
      width: 1154px;
    }
    .header3{
      margin-left: 200px;
    }
  
    
  }
   @media screen  and (min-width:426px) and (max-width:769px) {
    .header3{
      margin-left: 30px;
    }
    .moin>ul{
      width: 100%;
    }  
    .dropdown .dropbtn {
      font-size: 13px;  
      border: none;
      outline: none;
      color: white;
      padding: 10px 10px;
      background-color: inherit;
      font-family: inherit;
      margin: 0px;
    }
    .header1{
      height: 100px;
    } 
    .blackpanther4{
      display: flex;
    }
    #rock{
      margin-left:700px;
    }
  }
  @media  screen and (max-width:426px) {
    .moin>ul{
      
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color:#0E1F4D;
    }
    .blackpanther1{
      font-size:17px;
    }
  
    .gamora{
      font-size:17px;
      margin-bottom: -20px;
    }
    .ironman{
      width: 100%;
      font-size:17px;
    }
    #rock{
      margin-left: 350px;
    }
    #fo1{
      font-size: 10px;
      margin-left:0px;
    }
    #fo2{
      width:50%;
    }
    .thorchild2{
      margin-left:45px;
      font-size:17px;
    }
    .thorchild1{
      width: 50%;
      margin-left: -50px;
    }
    
    #spiderdisplaybreak{
      display: block;
    }
    .header3{
      margin-left: 80px;
      margin-top: 30px;
      
      width: 10%;
      display: block;
    }
    .child2{
      display: none;
    
  
    }
    .child21{
      margin-top: 30px;
  
  
    }
    .child3{
      margin-top: 40px;
  
    }
    .child4{
      display: none;
    }
    .year_white{
      width:27px;
      font-size:8px;
    }
    .year_white_para{
      font-size:8px;
      width:27px;
    }
    .year_white_para_w{
      font-size: 8px;
      width: 27px;
    }
       
      
  } 
  /* #Annual_media_Quiries */
  @media screen and (min-width:426px) and (max-width:769px){
    .card{
      width:px;
    }
    .list_card{
      margin-top:px;
      font-size:px;
      width:px;
      height:px;
    }
  }
  @media screen and (max-width:426px){
    .card{
      width:140px;
      margin-top: 10px;
    }
    .list_card{
      font-size:9px;
      width:120px;
      height:20px;
    }
    .year_finance{
      font-size:25px;
    }
    .annual_sec{
      font-size:14px;
    }
    .annual_para{
      font-size: 10px;
      width:200px;
    }
  }
  /* #Quarterly_media_Quiries */
  @media screen and (min-width:769px) and (max-width:1024px){
    #rock{
      margin-left:900px;
    }
    .moin{
      width:1150px;
      font-size:17px;
      margin-left: -130px;
    }
  }
  /* *#Tab View */
  @media screen and (min-width:426px) and (max-width:769px){
     .card{
      margin-top: 25px;
     }
  }
  @media screen and (max-width:426px){
    .card{
      width:115px;
      margin-top:20px;
    }
    .list_card{
      width:95px;
      font-size: 10px;
    }
    .year_finance{
      font-size:25px;
    }
  }
  
  
  /* #Laptop View */
  @media screen and (min-width:769px) and (max-width:1024px){
   
    /* #b1{
      width:80px;
      height:400px;
      margin-left: 1px;
      font-size:5px;
    } */
    .list_card{
      font-size: 10px;
      width: 150px;
      height:30px;
    }
    .b2{
      margin-left:20px;
    } 
    .crore_heading{
      text-align:end;
      margin-right:30px;
    }
    .heading{
      width:50px;
      height:60px;
    }
    .heading_para{
      width:50px;
      height:50px;
    }
   }
  /* #Tab View */
  @media screen and (min-width:426px) and (max-width:769px){
    .list_card{
      font-size: 10px;
      width:140px;
      height:20px;
    }
    .crore_heading{
      text-align:end;
      margin-right:15px;
    }
    .heading{
      font-size:10px;
      width:40px;
      height:50px;
    }
    .heading_para{
      font-size: 10px;
      width:40px;
      height:30px;
    }
    .year_finance{
      font-size: 20px;
      margin-top: 10px;
    }
  }
  /* #mobile View */
  @media screen and (max-width:426px){
    .card{
      width:80px;
      margin-top:10px;
    }
    .list_card{
      font-size:7px;
      width:40px;
  }
  .heading{
    width:25px;
    height: 40;
    font-size:7px;
  }
  .heading_para{
    font-size:7px;
    width:25px;
    height:20px;
  }
  .mainview{
    margin-left:px;
  }
  .year_finance{
    font-size: 15px;
    margin-top: 5px;
  }
  .crore_heading{
    margin-right: 13px;
  }
  }