a:hover,  a:focus {color:#049f49;}
a:active,a:visited {color:#000;}


 /* Order Page */
.orderpage-section{width:90%;margin:0px auto;padding:30px 0px 70px 0px ;}
.orderpage-section  h2{display: block; text-align: center; font-size: 2.5em;line-height:1 ;
padding: 0px 0px 5px 0px;width:100% ; margin:0px auto ;}
.orderpage-section  h2 span{ line-height:1.0 !important;}
.orderpage-section p{display: block; text-align: center; font-size:1.061rem;font-weight: 400; padding:15px 0px 25px 0px; background:url(../images/icons/title-green.svg)bottom center no-repeat transparent;}
.orderpage-section .orderpageBody{display: flex; margin: 30px 0px 0px 0px; }
/*Form*/
.orderpage-section .orderpageBody form{ width: 70%; margin:0px auto ; flex-wrap: wrap; display: flex;}
form .text{ width: 50%;  margin:30px 0px 0px 0px ;}
form label{ font-size: 1.1em; width:25% ; display: inline-block; }
form input { font-size: 1.1em; width:70% ; height:35px ; text-align: right; color:#049f49 ; border: solid 1px #e7e7e7; background:#fff ;outline: none;padding:0px 10px 0px 10px ;font-family: 'IBM Plex Sans Arabic', sans-serif;}
form input:focus{  outline: none; border:1px solid #43d082;}
form textarea{ font-size: 1.1em; width:98% ; height:115px ; text-align: right; color:#049f49 ;padding:10px ;outline: none;border: solid 1px #e7e7e7; background:#fff ; margin:0px 0px 20px 0px ;font-family: 'IBM Plex Sans Arabic', sans-serif;}
form textarea:focus{  outline: none; border:1px solid #43d082;}
form input[type="checkbox"]{ width:10% !important;height:20px ;outline: none;border: solid 1px #e7e7e7;}
form input[type="submit"]{
   text-align: center; padding:7px 30px 7px 30px ; height:auto ;width:20% ; margin:30px 50px 0px 0px ;border:none; text-shadow: none;
   font-family: 'IBM Plex Sans Arabic', sans-serif;font-weight: 600;font-size:1.2em ; cursor: pointer;
  }
form .text:nth-child(5) label{width:40% ;}

form .note{ width: 100%; margin:30px 0px 0px 0px ; }
.note label{ margin:0px 0px 10px 0px ;width:90% ;}
.note ul{ width:98% ; display: flex;}
.note ul li{ width:18%;display: inline-block; text-align: center;margin:25px 20px 25px 20px ; padding:12px 25px 12px 25px; font-size:.975rem; line-height: 1.3;}
.note ul li img{display: block; width:40px ;height:60px; margin:0px auto ;}
.note ul li input[type="checkbox"]{ width:30% !important;height:20px ;border: solid 1px #e7e7e7 !important;}

@media (max-width:500px) {
  /* Order Page */
 .orderpage-section{width:90%}
 .orderpage-section .orderpageBody{display: block;margin: 50px 0px 0px 0px;}
 .orderpage-section  h2 span{ line-height:1.5 !important; display: block; margin-top: 15px;}
 .orderpage-section .orderpageBody form{width:100%;}
 form label{width: 100%; padding:0px 0px 10px 0px ;}
 form input{width: 100%;}
 form .text{ width: 100%;  margin:20px 0px 0px 0px ;}
 form .text:nth-child(5) {background:#ffebeb;;margin:15px 0px 25px 0px ; padding:15px 20px 15px 0px ;}
 form .text:nth-child(5) label{width:100% ;padding:0px 0px 15px 0px ;}
 form .note {margin:0px 0px 0px 0px ;}
 .note ul{ width:100% ; display: block;}
 .note ul li{ width:45%; margin:0px 0px 20px 20px ;}
 .note ul li:nth-child(2){  margin:0px 0px 20px 0px ;}
 .note ul li:nth-child(4){  margin:0px 0px 20px 0px ;}
 form input[type="submit"]{
  text-align: center; padding:7px 30px 7px 30px ; height:auto ;width:100% ;margin:30px 0px 0px 0px ; }

}


    
    
    @media (min-width: 600px) and (max-width: 850px){ 
    
    
    /* Order Page */
    .orderpage-section{width:90%;padding:30px 0px 0px 0px ;}
    .orderpage-section .mobiledesignBody{display: block; margin: 50px 0px 0px 0px;}
    .orderpage-section .orderpageBody form{width:100%; }
    form .text:nth-child(5) {margin:20px 0px 0px 0px ;}
    form .text:nth-child(5) label{width:100% ;}
    
    }
    
    
    
    @media (min-width: 1024px) and (max-width: 1280px){ 
 
   /* Order Page */
    .orderpage-section{width:94%;}
    form .text:nth-child(5) label{width:100% ;}
      }