.container1{
   width: 100%;
   height: 180px;
   background-color: orange;


  }
  @media (min-width:0px) and (max-width:601px)
  {.container1 {
   margin-top: 0px;
   height: 160px;



 
    }}
    
  .container1 .l1{
   font-size: 35px;
     font-weight: 600;
     color :white;
     margin-left: 10%;
     padding-top: 20px;
     margin-right: 10%;
     font-family: "Nunito", sans-serif;
    }
  
    @media (min-width:0px) and (max-width:500px)
    {.container1 .l1{
      font-size: 8vw;
   
      }}

      .container1 .l2{
         font-size: 25px;
           font-weight: 600;
           margin-left: 10%;
           margin-right: 10%;
           padding-top: 20px;
           display: flex;
           font-family: "Nunito", sans-serif;
          }
        
          @media (min-width:0px) and (max-width:500px)
          {.container1 .l2{
            font-size: 5.2vw;
         
            }}
            .container1 .l2 img{ 
             min-width: 30px;
              height: 30px;
             margin-left: 2%;

                }












                .container2{
                  width: 100%;
                 flex-direction: row;
                  margin-left: auto;
                  margin-right: auto;
                  background-color: rgb(255, 255, 255);
                  display: flex;
                  flex-wrap: wrap;
                  margin-top: 80px;
 
                  
                }

                @media (min-width:0px) and (max-width:800px)
                {.container2{
                flex-direction: column;
                margin-top: 0px;
               
                  }}

                .container2 .box1{ 
                  width: 40%;
                  margin-top: 130px;
                  margin-left: auto;
                  margin-right: auto;
                  
              

                }
                @media (min-width:0px) and (max-width:800px)
                {.container2 .box1{
               width: 85%;
               margin-top: 40px;
          
                  }}

                .container2 .box1 img{ 
                  width: 100%;

                
                }

                .container2 .box2{ 
                   padding: 1%;
                  width: 40%;
                  margin-right: 5%;
                  display: flex;
                  flex-direction: column;
                  align-items: center;
              /* justify-content: center; */
              box-shadow:0px 4px 10px 6px rgb(193, 193, 193);
              border: 3px solid  orange;
              margin-top: 50px;
          

                }
                @media (min-width:0px) and (max-width:800px)
                {.container2 .box2{
               width: 92%;
               margin-left: 4%;
               margin-right: 4%;
               border-bottom: 3px solid orange ;
               margin-top: 40px;
      
               
                  }}

                



              .container2 .box2 form{
                display: flex;
                flex-direction: column;
                padding: 1vw 1vw;
                width: 100%;
                max-width: 600px;
                font-family: "Nunito", sans-serif;
               
              }

              @media (min-width:0px) and (max-width:700px)
              {.container2 .box2 form{
               padding-left: 10px;
               padding-right: 10px;
                }}





              .container2 .box2 form h3{
               color: orange;
               font-weight: 500;
               font-size: 1.4em;
               margin-bottom: 20px;
               text-align: center;
               font-family: "Nunito", sans-serif;
                
              }

              @media (min-width:0px) and (max-width:800px)
                {.container2 .box2 form h3{
             font-size: 5vw;
      
               
                  }}

              .container2 .box2 form .inputup, .container2 .box2 form textarea{
                border: 1px solid white;
                margin: .08em 0;
                padding: 15px;
                outline: none;
                background-color: rgb(242, 242, 242);
                font-size: 16px;
                margin-bottom: 15px;
                border-radius: 10px;
                font-family: "Nunito", sans-serif;
        
               }

               @media (min-width:0px) and (max-width:600px)
                {.container2 .box2 form .inputup, .container2 .box2 form textarea{
               padding: 10px;
               
                  }}

              

               .container2 .box2 form .inputup:focus, .container2 .box2 form textarea:focus{
               background-color: rgb(255, 255, 255);
               border: 2px solid orange;
                 
               }
             
               .btnSubmit
            {
                background-color:orange;
                color: rgb(0, 0, 0);
                border: none;
                padding: 0.5rem 1.5rem;
                font-size:17px ;
                font-weight: 500;
                margin-top: 5px;  
                margin-bottom: 8px;       
                max-width: 150px;
                margin-left: auto;
                margin-right: auto;
                              
            }

            .btnSubmit:hover
            {
            background-color: rgb(255, 255, 255);
           border: 2px solid orange;
           color: black;
                
            }









            .container3{
              margin-top: 70px;
              display: flex;
              padding-left: 7%;
              padding-right:7%;
              background-color: orange;
              padding-top: 10px;
              padding-bottom: 10px;
              margin-left:5%;
              margin-right: 5%;
              border-top-left-radius: 70px;
              border-bottom-right-radius: 70px;
              margin-bottom: 40px;
             

            }
            @media (min-width:0px) and (max-width:800px)
            {.container3 {
              flex-direction: column;
              margin-top: 60px;
      
              }}
           


            
            .container3 .box1 {
              display: flex;
              justify-content: center;
              width: 50%;
              align-items: center;
      
            }
            @media (min-width:0px) and (max-width:800px)
            {.container3 .box1 {
        width: 100%;
   
              }}
           
                
            .container3 .box1 .l1{
              font-size: 35px;
              font-weight: 500;
              padding: 4px 4px 4px 4px;
              color: white;
              font-family: "Nunito", sans-serif;
             
            }

            @media (min-width:0px) and (max-width:500px)
                {.container3 .box2 .l1{
              font-size: 2vh;
                  }}

                  .container3 .box2 .l2{
                    font-size: 20px;
                    font-weight: 400;
                    padding: 4px 4px 4px 4px;
      color: white;
      text-align: left;
      font-family: "Nunito", sans-serif;
                 
                   
                  }
      
                  @media (min-width:0px) and (max-width:500px)
                      {.container3 .box1 .l2{
                    font-size: 2vh;
                        }}
      

                  .container3 .box2 {
                  display: flex;
                  text-align: center;
                  justify-content: center;
                  width: 50%;
                  flex-wrap: wrap;
               

                  }
                  @media (min-width:0px) and (max-width:800px)
            {.container3 .box2 {
            width: 100%; 
      
              }}

                  .container3 .box2 .l{
                   width: 65px;
                   height: 65px;
               margin:30px 30px 30px;
               border-radius: 50%;
               display: flex;
                   justify-content: center;
                   align-items: center;
                   background-color: white;
                   font-family: "Nunito", sans-serif;
                  
                  
                  }

                  .container3 .box2 .l img{
                   width:45px;
                   height: 45px;
                   border-radius: 50%;
                   
                  }