.box-request{
    background-color: #F2F2F2;padding: 30px;border-radius: 30px;
          width: 70vw;display: flex;flex-direction: column;margin-bottom: 40px;margin-top: 90px;
  }

  #request .row{
    align-content: center;text-align: center;margin-bottom: 20px;
    display:flex;
    align-items:center;
    justify-content:center;
  }


  #request .row h2{
    color: white;
font-style: normal;
font-weight: 700;
font-size: 40px;color: #000;
font-family: 'NexaBold';
line-height: normal;
/*margin-bottom: 10px;*/
width:auto;
margin-top:5px;
  }
  
    #request .row h3{
        width:auto;
    color: white;
font-style: normal;
font-weight: 700;
font-size: 40px;color: #000;
/*font-family: NexaBold;*/
line-height: normal;
padding:0;
  }

#request .row h4{
    color:  #FCFCFC;
font-size: 20px;
font-style: normal;
font-weight: 400;
/* font-size: 1.5vw; */
line-height: normal;
color: #000;

text-align: center;
letter-spacing: 2px;
}

.text-input{
    font-style: normal;
font-weight: 500;font-size: 1.6vw;
line-height: normal;

text-align: start;
letter-spacing: 2px;

color: #000;
}

.form{
width:610px;    
}

.select{
      /*display:flex;*/
      
    /* border-radius: 15px;width: 45vw; */
/* height: 4vw; */
border-color: transparent;padding-left: 15px;
background-color: #D9D9D9;color:#939292;font-size: 20px;
/*font-weight: 400;*/
line-height: normal;    
/*letter-spacing: 2px;*/
/* border-radius: 1vw; */

            border: none;
            cursor: pointer;

            width: 610px;height: 50px;background-color: white;
            margin-bottom: 20px;width:100%;
            
            
           
}

.chevron {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 13.1l-8-8 2.1-2.2 5.9 5.9 5.9-5.9 2.1 2.2z'/%3E%3C/svg%3E");
    height: 50px;
    width: 50px;
  }

.input-email{
    border-radius: 15px;width: 45vw;
height: 4vw;border-color: transparent;padding-left: 1.5vw;
background-color: #D9D9D9;color:black;font-size: 1.5vw;font-weight: 400;
line-height: normal;    
letter-spacing: 2px;border-radius: 1vw;
outline: none;
            border: none;
            cursor: pointer;
}

.input-desc{
    padding-left: 20px;
    border: none;
    cursor: pointer;

    /*width: 610px;*/
    height: 50px;background-color: white;
    margin-bottom: 20px;
    font-size: 20px;
    width:100%;
}

.input-textarea{
    /* border-radius: 15px;width: 45vw; */
/* height: 10vw; */
border-color: transparent;
/* padding-left: 1.5vw; */
background-color: #D9D9D9;color:black;
/* font-size: 1.5vw; */
font-weight: 400;
line-height: normal;    
letter-spacing: 2px;
/* border-radius: 1vw; */

outline: none;

            border: none;
            cursor: pointer;

            padding-left: 20px;
    border: none;
    cursor: pointer;

    width: 610px;height: 124px;background-color: white;
    margin-bottom: 20px;
    font-size: 20px;
    width:100%;
}



.btn-request{
    color:#011E19;
font-size: 14px;
/* font-size: 14px; */
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
height: 44px;
width: 117px;
/* height:3.3vw;width: 9vw; */
/* padding: .5vw; */
justify-content: center;
align-items: center;
/* gap: .5vw; */
/* flex: 1 0 0; */
border-radius: 5px;margin-top: 10px;
background: #02C652;
border-color: transparent;
}

.btn-request:hover{
    background-color: #D1FDF5;
    color: black;
}

.btn-back{
    color:white;
font-size: 14px;font-size: 1vw;
font-style: normal;
font-weight: 100;
line-height: normal;
display: inline-flex;
height: 44px;
width: 153px;height: 3.3vw;width: 12vw;
padding: .5vw;
justify-content: center;
align-items: center;

border-radius: .5vw;
background: #02C652;
align-self: center;
margin-bottom: 3vw;
}
.btn-back:hover{
    background-color: #D1FDF5;
    color: black;
}

.box-success{
    background-color: #F2F2F2;padding: 3vw;padding-bottom: 0; border-radius: .5vw;
        width: 70vw;display: flex;flex-direction: column;margin-bottom: 6vw;margin-top: 6vw;width: 70%;
}

.box-success .row{
    align-content: center;text-align: center;margin-bottom: 2vw;display: flex; flex-direction: column;align-items: center;
}


.box-success .row h2{
    color: white;
font-style: normal;
font-weight: 700;font-size: 3vw;color: #000;
font-family: 'NexaBold';
line-height: normal;margin-bottom: .5vw;font-size: 40px;
}

.box-success .row p{
    color:  #000;
font-style: normal;
font-weight: 400;font-size: 1.1vw;
line-height: normal;
color: #000;font-weight: 400;
text-align: center;
letter-spacing: 2px;
}

.icon-done{
    display: flex; margin-top: 2vw;margin-bottom: 2vw;
width: 7.5vw;height: 7.5vw; align-content: center; background-size: 100% 100%;
   object-fit: fill;
background-image: url(/green/assets/img/done.svg); background-repeat: no-repeat;width: 100px;height: 100px;
}



select {
    outline: none;
   
    padding-right:20px;
  
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url('https://www.youtimecoach.com/wp-content/uploads/2017/02/kisspng-menu-arrow-icon-down-arrow-png-transparent-image-5a756e45bfeb33.2904417415176453817861-510x510.png');
     background-repeat: no-repeat, repeat;
      background-position: right .7em top 50%, 0 0;
      background-size: .95em .85em, 100%;
  }
  
  /* For IE (thanks to @SaiManoj) */
  select::-ms-expand {
    display: none;
  }
  select#xyz {
    border: none;
    display: none;
  }
  
  
  
 @media(max-width:1024px){
      .form{
width:510px;    
}
 }
  @media(max-width:899px){
      .form{
width:450px;    
}
 }
 
 @media(max-width:788px){
      #request .row h2{
          font-size:30px;
      }
       #request .row h3{
          font-size:30px;
      }
 }
  @media(max-width:780px){
      .form{
width:400px;    
}
 .input-desc{
      font-size:14px;
          
      }
      
      .input-textarea{
      
      font-size:14px;
          
      }
      
      .select{
           font-size:14px;
      }
      
      #request .row h2 {
      
      font-size:30px;
          
      }
      
 }
 
  @media(max-width:648px){
      .form{
width:350px;    
}
 }
 
  @media(max-width:588px){
      #request .row h2{
          font-size:20px;
      }
       #request .row h3{
          font-size:20px;
      }
 }
  @media(max-width:585px){
      .form{
width:280px;    
}

 #request .row h2 {
      
          font-size:20px;
      }
      
      .input-desc{
      font-size:12px;
          
      }
      
      .input-textarea{
      
      font-size:12px;
          
      }
      
      .select{
           font-size:12px;
      }
      
 }
 
   @media(max-width:464px){
      .form{
width:180px;    
}

 /*#request .row h2 {*/
      
 /*         font-size:20px;*/
 /*     }*/
      
      .input-desc{
      font-size:10px;
          
      }
      
      .input-textarea{
      
      font-size:10px;
          
      }
      
      .select{
           font-size:10px;
      }
      
 }

  
  /*@media(max-width:780px){*/
  /*    .input-desc{*/
  /*    font-size:14px;*/
          
  /*    }*/
      
  /*    .input-textarea{*/
      
  /*    font-size:14px;*/
          
  /*    }*/
      
  /*    .select{*/
  /*         font-size:14px;*/
  /*    }*/
      
  /*    #request .row h2 {*/
      
  /*    font-size:30px;*/
          
  /*    }*/
      
     
  /*}*/
  
  /* @media(max-width:536px){*/
  /*    #request .row h2 {*/
      
  /*        font-size:20px;*/
  /*    }*/
      
  /*    .input-desc{*/
  /*    font-size:12px;*/
          
  /*    }*/
      
  /*    .input-textarea{*/
      
  /*    font-size:12px;*/
          
  /*    }*/
      
  /*    .select{*/
  /*         font-size:12px;*/
  /*    }*/
      
  /*}*/
  
  
  