@import url('https://fonts.googleapis.com/css2?family=Chicle&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


body{ 
  height:120%;
  width: 100%;
   background-image: linear-gradient( #B8E6FF, #5957C7);}
  
  
  
  
.wrapper {  
  width: 1400px;
  height:120%;
  
  margin-left: 13%;
}
  
.header{
  text-align: center;
  background-color: red;
  width:100% ;
  height: 600px ;
  
  margin: 0; 
 }
  
  
  
  
  
          .hero-image {
            background-image : linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('background.jpg');
          
          width: 100%;
          height: 400px;
          
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
            position: relative;
            
            
            margin-left: 0;
          }
          
          .hero-text {
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            color: white;
          }
          
          
          
          
                                            .questionbox{

                                              height: 320px;
                                              width: 900px;
                                              
                                              border: #A1D9FF solid 6px;
                                              background-color:#F5FBFF;
                                              border-radius: 25px;
                                              
                                             padding-top: 40px;
                                          margin-bottom: 50px;
                                          margin-top: 50px;
                                          margin-left:20%;
                                          
                                            
                                            }
                          
                          
                          
                          
                        .desc{
                          float: left;
                          margin:auto;
                            margin-left: 60px;
                            
                            padding-left: 10px;
                        
                          height: 200px;
                          width: 300px;
                           }
                        
                          
                          
                          .image{
                          float: left;
                          margin: auto;
                          margin-top: 10px; 
                          margin-left: 50px;
                        
                          height: 200px;
                          width: 300px;
                          background-color: blue; }
                          
          
          
          .buttonlong{ 
            color:white;
             font-family:"Nunito", sans-serif;
             font-weight: 700;
             font-style: normal;
             font-size: 15px;
             
             height: 90px;
             width: 150px;
             margin: auto;
             margin-top: 10px;
             margin-left: 40px;
             
             border-radius: 25px; 
             background-color: #1A4CA1;
             border: none;
             padding: 15px 32px;
             text-align: center;
             
             transition:1s;}
             
                  buttonlong:hover{ 
                    color:white;
                    border-radius: 25px;
                    text-align: center;
                    background-color: #3D9AD4; }
          
          
                              .button{
                                color: white;
                                  font-family: "Nunito", sans-serif;
                                font-weight: 700;
                                font-style: normal;
                                font-size: 20px;
  
                                height:80px;
                                width: 150px;
                                margin: auto;
                              margin-top:10px;
                              margin-left:40px;
                              
                                border-radius: 25px;
                                background-color: #1A4CA1;
                                border: none;
                                  padding: 15px 32px;
                                  text-align: center;
                                  
                                  transition: 1s;}
                                  
                                  
                                  
                                        button:hover {
                                          color: white;
                                            border-radius: 25px;
                                            text-align: center;
                                            background-color: #3D9AD4;
                                            }
                      
                      
  .footer{
  text-align: center;

  width:100% ;
  height: 300px ;
  
  margin-top: 0; 
 }
  

p{ 
  color: #0F4063;
  
  font-size: 30px;
  font-family: "Chicle", serif;
  font-weight: 400;
  font-style: normal;
  }

h1{
  font-size: 100px;
  font-family: "Chicle", serif;
  font-weight: 400;
  font-style: normal; }