@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Assistant:wght@400;700&family=Heebo:wght@400;600;700&display=swap');

body { font-family: 'Assistant', sans-serif; background-color: #fff; font-size: 18px; line-height: 29px; color:#403F3F; font-weight: 400; direction: rtl;}
h1, h2, h3, h4, h5, h6 { font-family: 'Assistant', sans-serif;  color: #fff;}
a, a:focus, a:hover, button, button:focus, input[type=submit], input[type=submit]:hover{ text-decoration:none; outline: 0;  -moz-transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease;  transition: all 0.5s ease;}
input:focus, select:focus,textarea:focus,button:focus {outline: none; box-shadow:none !important; border: none;}
.container, .container-fluid, .row  [class*="col-"] { padding-left: 15px; padding-right: 15px;}
.row { margin-left: -15px; margin-right: -15px;}
.row  [class*="col-"] { position:relative;}
.container-fluid.hpadding { padding: 0; overflow: hidden ;}
.zerocol { padding: 0; margin: 0; position:relative; z-index: 1;}
.zerocol .row { margin-left: 0px; margin-right: 0px;}
.zerocol .row  [class*="col-"] { padding-left: 0px; padding-right: 0px;}

.logo { position:absolute; left: 15px; top: 235px; max-width: 340px; z-index: 19;}
.logo img  { max-width: 100%;}
.home_top {min-height: calc(100vh - 0px);padding: 0; position:relative; width: 100%; z-index: 7; background: #83B241;}
.home_top .container {min-height: calc(100vh - 0px); max-width: 1670px; position: relative; z-index:  2; padding-bottom: 200px;}
.home_title { position: relative; display: block; max-width: 1160px;  background: #000; padding:  80px 90px 80px 30px; z-index:  2;font-size: 165px; line-height:  145px; color: #fff; font-weight: 700;   }
.home_title h1 { font-size: 235px; line-height:  200px; color: #fff; font-weight: 700; margin-bottom: 0px;}
.home_title h1 strong { color: #83B241;}
.home_title h2 { font-size: 220px; line-height:  160px; font-weight: 700; margin-bottom: 0px; color: #83B241;}
.home_title h2 strong { font-size: 90px; line-height:  70px; color: #fff; font-weight: 400; max-width: 190px; display: inline-block; padding-right: 15px;}
.blink { font-size: 100px; line-height:  126px; color: #000; font-weight: 700; position: absolute; z-index:  6; left:  15px; right:  15px; bottom: 60px;}
.blink a { color: #000; border-bottom:  solid 10px #fff;}


.home_section2 { padding: 0; border:  solid 10px #fff;}
.home_section2 img { width: 100%;}

.form_section { background: #403F3F; padding:30px 0 30px 0;}
.form_section .container { max-width: 1670px;}
.form_section h2, .home_section4 h2, .home_section4 h3 { font-size: 60px; line-height:  60px; margin-bottom: 30px; color: #fff; font-weight: 700;width: 100%;   float: right;}

.contact_form { width: 100%;   float: right; position:relative; }
.contact_form .form-group { position:relative; width: 25%; float: right; margin-bottom: 0px; padding: 0 0 0 16px; }
.contact_form .form-group.submit { padding: 0;}
.contact_form .form-control { padding: 0 16px; width: 100%; height: 70px; text-align:right; background: #fff; border-radius: 0px; font-weight: 400; font-size: 25px; line-height: 68px; color: #403F3F;border: 1px solid #fff;}
.contact_form .form-control:focus { border: 1px solid #fff;}
.contact_form .form-control::-webkit-input-placeholder{ color: #212529; opacity: 0 !important;font-weight: 400;}
.contact_form .form-control::-moz-placeholder { color: #212529; opacity: 0 !important;font-weight: 400; }
.contact_form .form-control:-ms-input-placeholder { color: #212529;font-weight: 400; opacity: 0 !important; }
.contact_form .form-control::-webkit-input-placeholder { color: #212529;font-weight: 400; opacity: 0 !important; }
.contact_form .form-group  label{ text-align:right; pointer-events: none;position:absolute; z-index: 5;right: 16px; margin: 0; z-index: 5; top: 0; padding: 0; font-weight: 400; font-size: 25px; line-height: 68px; color: #403F3F;  transition: 0.2s; transition-timing-function: ease;  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);  }
.contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {top: 0px;right: 16px; margin: 0; padding: 0; font-weight: 400; font-size: 25px; line-height: 68px; color: #403F3F; opacity: 0; }

.contact_form input[type=submit] { width: 100%; height: 70px; display: inline-block; text-align:center; font-size: 25px; font-weight: 500; color: #fff; line-height: 68px; border: 0; cursor: pointer; background: #83B241;border-radius: 0px;}

.contact_form .was-validated .form-control:valid, .form-control.is-valid {border: 1px solid #10B981;}
.contact_form  .was-validated .form-control:invalid, .form-control.is-invalid {  border: solid 1px #EB5757;}
.forgot { font-size: 25px; line-height:  25px; color:  #fff; text-align: left; padding-top: 10px;}
.forgot a { color: #fff; text-decoration: underline;}

.home_section3 { background: #83B241; padding:  60px 0 40px 0;}
.home_section3 .container { max-width: 1670px;}
.home_section3 ul { display: block; padding:  0; margin:  0; list-style: none;}
.home_section3 ul li { display: block; padding:  0 50px 20px 0; margin:  0; list-style: none; position: relative; font-size: 50px; line-height:  50px; color: #403F3F; font-weight: 700;}
.home_section3 ul li strong { color: #fff;}
.home_section3 ul li:after { content:""; width: 30px; height:  30px; position: absolute; right:  0; top:  15px; background: #000;}
.mlogo { padding-bottom: 20px;}
.mlogo img { max-width: 100%;}
.mlogo img:nth-child(2){ display: none;} 

.home_section4 { padding:  50px 0 40px 0;}
.home_section4 .container { max-width: 1670px;}
.home_section4 h2 { color: #403F3F; margin-bottom: 50px;}
.home_section4 h3 { color: #83B241;}
.boss { position: relative; padding-right: 400px; min-height: 400px; }
.boss ul { display: block; padding:  0; margin:  0; list-style: none; width: 100%; float:  right;}
.boss ul li { display: block; padding:  0 35px 10px 0; margin:  0; list-style: none; position: relative; font-size: 35px; line-height:  45px; color: #403F3F;}
.boss ul li:after { content:""; width: 20px; height:  20px; position: absolute; right:  0; top:  16px; background: #83B241;}
.boss img { position: absolute; right:  0; top:  10px; max-width: 327px;}
.staff { padding-top: 30px;}
.staff div { width: 31%; padding-left: 1%; text-align: center; font-size: 30px; line-height:  40px; float:  right; }
.staff div:nth-child(1)  { width: 16%; float:  right; padding-left: 0px; padding-right: 0px;}
.staff div:nth-child(2)  { padding-left: 0%; padding-right: 7%;}
.staff div:nth-child(4)  { width: 22%; float:  left;padding-left: 0px; padding-right: 0px;}
.staff div  strong { display: block; font-weight: 700; padding-top: 6px;}
.staff div img { max-width: 100%;}
.staff div a { display: inline-block; color: #403F3F;}






/* #Media Queries ================================================== */
 @media (min-width: 1400px) {

}
 @media (min-width: 1400px) and (max-width: 1599px) {
	 .logo {top: 200px; max-width: 300px;}
	 .home_top .container { max-width: 1400px; padding-bottom: 200px;}
	 .home_title {max-width: 950px; padding:  50px 70px 70px 30px;font-size: 130px; line-height:  110px;   }
	 .home_title h1 { font-size: 185px; line-height:  170px; }
	 .home_title h2 { font-size: 170px; line-height:  130px; }
	 .home_title h2 strong { font-size: 80px; line-height:  60px;  max-width: 240px; }
	 .blink { font-size: 80px; line-height:  100px; bottom: 70px;}
	 .blink a { border-bottom:  solid 10px #fff;}
	 
	 .form_section .container { max-width: 1400px;}
	 .forgot {font-size: 20px; line-height: 20px;}
	 .home_section3 .container { max-width: 1400px;}
	 .home_section3 ul li { padding:  0 45px 20px 0;font-size: 40px; line-height:  40px; }
	 .home_section3 ul li:after { content:""; width: 26px; height:  26px; top:  12px;}
	 .home_section4 .container { max-width: 1400px;}
	 .staff div { font-size: 25px; line-height: 35px;}
	 .staff div { width: 29%; padding-left: 1%; }
	 .staff div:nth-child(1)  { width: 20%;}
	 .staff div:nth-child(2)  { padding-right: 4%;}
	 .staff div:nth-child(4)  { width: 22%;}
 
}
/* END__ */
 @media (min-width: 1200px) and (max-width: 1399px) {
	 .logo {top: 150px; max-width: 270px;}
	 .home_top .container { max-width: 1200px; padding-bottom: 200px;}
	 .home_title {max-width: 800px; padding:  30px 50px 70px 30px;font-size: 113px; line-height:  100px;   }
	 .home_title h1 { font-size: 165px; line-height:  150px; }
	 .home_title h2 { font-size: 150px; line-height:  100px; }
	 .home_title h2 strong { font-size: 60px; line-height:  50px;  max-width: 200px; }
	 .blink { font-size: 70px; line-height:  80px; bottom: 70px;}
	 .blink a { border-bottom:  solid 8px #fff;}
	 
	 .form_section { padding: 25px 0 25px 0;}
	 .form_section .container { max-width: 1200px;}
	 .form_section h2, .home_section4 h2, .home_section4 h3 { font-size: 45px; line-height:  45px; margin-bottom: 25px; }
	 .contact_form .form-group {padding: 0 0 0 12px; }
	 .contact_form .form-control { padding: 0 12px; height: 50px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group  label{ right: 12px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {right: 12px; font-size: 20px; line-height: 48px;  }
	 .contact_form input[type=submit] { height: 50px;font-size: 25px;line-height: 48px; }
	 .forgot {font-size: 20px; line-height: 20px;}
	 .home_section3 .container { max-width: 1200px;}
	 .home_section3 ul li { padding:  0 45px 20px 0;font-size: 40px; line-height:  40px; }
	 .home_section3 ul li:after { content:""; width: 26px; height:  26px; top:  12px;}
	 
	 .home_section4 .container { max-width: 1200px;}
	 .staff div { font-size: 25px; line-height: 35px;}
	 .staff div { width: 26%; padding-left: 1%; }
	 .staff div:nth-child(1)  { width: 24%;}
	 .staff div:nth-child(2)  { padding-right: 0%;}
	 .staff div:nth-child(4)  { width: 24%;}

}
/* END__ */
 @media (min-width: 992px) and (max-width: 1199px) {
	 .logo {top: 130px; max-width: 230px;}
	 .home_top { min-height: auto;}
	 .home_top .container {min-height: auto; max-width: 992px; padding-bottom: 200px;}
	 .home_title {max-width: 800px; padding:  30px 30px 50px 30px;font-size: 105px; line-height:  90px;   }
	 .home_title h1 { font-size: 150px; line-height:  130px; }
	 .home_title h2 { font-size: 140px; line-height:  80px; }
	 .home_title h2 strong { font-size: 50px; line-height:  50px;  max-width: 150px; }
	 .blink { font-size: 60px; line-height:  80px; bottom: 70px;}
	 .blink a { border-bottom:  solid 8px #fff;}
	 
	 .form_section { padding: 25px 0 25px 0;}
	 .form_section .container { max-width: 992px;}
	 .form_section h2, .home_section4 h2, .home_section4 h3 { font-size: 45px; line-height:  45px; margin-bottom: 25px; }
	 .contact_form .form-group {padding: 0 0 0 12px; }
	 .contact_form .form-control { padding: 0 12px; height: 50px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group  label{ right: 12px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {right: 12px; font-size: 20px; line-height: 48px;  }
	 .contact_form input[type=submit] { height: 50px;font-size: 25px;line-height: 48px; }
	 .forgot {font-size: 18px; line-height: 20px;}
	 .home_section3 .container { max-width: 992px;}
	 .home_section3 ul li { padding:  0 40px 20px 0;font-size: 30px; line-height:  30px; }
	 .home_section3 ul li:after { content:""; width: 20px; height:  20px; top:  6px;}
	 
	 .home_section4 .container { max-width: 1200px;}
	 .boss { padding-right: 300px; min-height: 330px; }
	 .boss ul li {  padding:  0 30px 10px 0; font-size: 25px; line-height:  35px;}
	 .boss ul li:after { content:""; width: 16px; height:  16px;top:  12px;}
	 .boss img { position: absolute; right:  0; top:  10px; max-width: 260px;}
	 .staff div { font-size: 20px; line-height: 30px;}
	 .staff div { width: 25% !important;  padding: 0 !important; }
	 .staff div img { max-width: 200px;}

}
/* END__ */
 @media (min-width: 768px) and (max-width: 991px) {
	 .logo {top: 120px; max-width: 200px;}
	 .home_top { min-height: auto;}
	 .home_top .container {min-height: auto; max-width: 768px; padding-bottom: 150px;}
	 .home_title {max-width: 800px; padding:  20px 30px 50px 30px;font-size: 75px; line-height:  60px;   }
	 .home_title h1 { font-size: 106px; line-height:  110px; }
	 .home_title h2 { font-size: 100px; line-height:  80px; }
	 .home_title h2 strong { font-size: 40px; line-height:  40px;  max-width: 120px; }
	 .blink { font-size: 45px; line-height:  60px; bottom: 50px;}
	 .blink a { border-bottom:  solid 8px #fff;}
	 
	 .form_section { padding: 20px 0 20px 0;}
	 .form_section .container { max-width: 768px;}
	 .form_section h2, .home_section4 h2, .home_section4 h3 { font-size: 40px; line-height:  40px; margin-bottom: 20px; }
	 .contact_form .form-group {padding: 0 0 0 12px; }
	 .contact_form .form-control { padding: 0 12px; height: 50px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group  label{ right: 12px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {right: 12px; font-size: 20px; line-height: 48px;  }
	 .contact_form input[type=submit] { height: 50px;font-size: 25px;line-height: 48px; }
	 .forgot {font-size: 18px; line-height: 20px;}
	 .home_section3 .container { max-width: 992px;}
	 .home_section3 ul li { padding:  0 30px 20px 0;font-size: 24px; line-height:  24px; }
	 .home_section3 ul li:after { content:""; width: 15px; height:  15px; top:  6px;}
	 
	 .home_section4 .container { max-width: 1200px;}
	 .boss { padding-right: 260px; min-height: 300px; }
	 .boss ul li {  padding:  0 26px 10px 0; font-size: 22px; line-height:  28px;}
	 .boss ul li:after { content:""; width: 14px; height:  14px;top:  8px;}
	 .boss img { position: absolute; right:  0; top:  10px; max-width: 230px;}
	 .staff div { font-size: 18px; line-height: 24px;}
	 .staff div { width: 25% !important;  padding: 0 !important; }
	 .staff div img { max-width: 160px;}

}
/* END__ */
 @media (min-width: 768px) {
	 
	 
	 

}
 @media (min-width: 992px) {


}
/* END__ */
 @media only screen and (max-width: 767px) {
	 .logo {top: 48px; max-width: 200px;}
	 .home_top { min-height: auto;}
	 .home_top .container {min-height: auto; max-width: 768px; padding-bottom: 90px; padding-left: 35px; padding-right: 35px;}
	 .home_title {max-width: 800px; padding:10px 20px 30px  10px;font-size: 53px; line-height:  40px;   }
	 .home_title h1 { font-size: 75px; line-height:  80px; }
	 .home_title h2 { font-size: 70px; line-height:  60px; }
	 .home_title h2 strong { font-size: 25px; line-height:  25px;  max-width: 100px; }
	 .blink { font-size: 30px; line-height:  30px; bottom: 40px; left:  35px; right:  35px;}
	 .blink a { border-bottom:  solid 4px #fff;}
	 .home_section2 { border: solid 4px #fff;}
	 
	 .form_section { padding: 20px 0 30px 0;}
	 .form_section .container { max-width: 100%; padding-left: 35px; padding-right: 35px;}
	 .form_section .container .row [class*="col-"] { padding-left: 3px;}
	 .form_section h2, .home_section4 h2, .home_section4 h3 { font-size: 32px; line-height:  32px; margin-bottom: 20px; }
	 .contact_form .form-group, .contact_form .form-group.submit {padding: 0 0 12px 12px; width: 50%; }
	 .contact_form .form-control { padding: 0 12px; height: 50px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group  label{ right: 12px; font-size: 20px; line-height: 48px;}
	 .contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {right: 12px; font-size: 20px; line-height: 48px;  }
	 .contact_form input[type=submit] { height: 50px;font-size: 25px;line-height: 48px; }
	 .form_section .container .row [class*="col-"].forgot {font-size: 18px; line-height: 20px; padding-left: 15px;}
	 .home_section3 { padding:  45px 0 40px 0;}
	 .home_section3 .container { max-width: 100%;padding-left: 35px; padding-right: 35px;}
	 .home_section3 ul li { padding:  0 20px 6px 0;font-size: 18px; line-height:  25px; }
	 .home_section3 ul li:after { content:""; width: 10px; height:  10px; top:  8px;}
	 .mlogo { text-align: center; padding-bottom: 0px; padding-top: 20px; }
	 .mlogo img:nth-child(1){ display: none;} 
	 .mlogo img:nth-child(2){ display: inline-block;} 
	 
	 
	 .home_section4 { padding:  30px 0;}
	 .home_section4 .container { max-width: 100%; padding-left: 35px; padding-right: 35px;}
	 .boss { padding-right: 190px; min-height: 250px; }
	 .boss ul li {  padding:  0 18px 8px 0; font-size: 18px; line-height:  24px;}
	 .boss ul li:after { content:""; width: 10px; height:  10px;top:  8px;}
	 .boss img { position: absolute; right:  0; top:  10px; max-width: 170px;}
	 .staff { padding-top: 15px;}
	 .staff div { font-size: 16px; line-height: 18px;}
	 .staff div { width: 25% !important;  padding: 0 !important; }
	 .staff div img { max-width: 86%;}
	 


}
/* END__ */
 @media only screen and (max-width: 575px) {
	 .home_top .container {padding-bottom: 70px;}
	 .home_title {padding:10px 20px 20px  0px;font-size: 31px; line-height:  35px;   }
	 .home_title h1 { font-size: 45px; line-height:  50px; }
	 .home_title h2 { font-size: 40px; line-height:  40px; }
	 .home_title h2 strong { font-size: 15px; line-height:  15px;  max-width: 60px;padding-right: 8px; }
	 .blink { font-size: 18px; line-height:  26px; bottom: 25px; }
	 .blink a { border-bottom:  solid 2px #fff;}
	 .home_title p { margin-bottom: 0px;}
	 .home_section2 { border: solid 2px #fff;}
	 
	 
	 .form_section h2, .home_section4 h2{ font-size: 25px; line-height:  30px; margin-bottom: 10px; }
	 .home_section4 h3 { font-size: 23px; line-height:  30px;}
	 .contact_form .form-control { padding: 0 8px; height: 30px; font-size: 15px; line-height: 28px;}
	 .contact_form .form-group  label{ right: 8px; font-size: 15px; line-height: 28px;}
	 .contact_form .form-group .form-control:focus + label, .contact_form .form-group .form-control:not(:placeholder-shown) + label {right: 8px; font-size: 15px; line-height: 28px;  }
	 .contact_form input[type=submit] { height: 30px;font-size: 15px; line-height: 28px; }
	 .form_section .container .row [class*="col-"].forgot {font-size: 12px; line-height: 15px; padding-top: 0px;}
	 
	 .home_section4 h3 { margin-bottom: 2px;}
	 .boss { padding-right: 115px; min-height: 160px; }
	 .boss ul li {  padding:  0 14px 2px 0; font-size: 12px; line-height:  16px;}
	 .boss ul li:after { content:""; width: 8px; height:  8px;top:  5px;}
	 .boss img { position: absolute; right:  0; top:  10px; max-width: 105px;}
	 .staff { padding-top: 20px;}
	 .staff div { font-size: 12px; line-height: 16px;}
	 .staff div img { max-width: 90%;}
	 

}
/* END__ */
 @media only screen and (max-width: 374px) {
	 .home_top .container, .home_section3 .container, .home_section4 .container, .form_section .container {padding-left: 15px; padding-right: 15px;}
	 .home_title {font-size: 26px; line-height:  30px;   }
	 .home_title h1 { font-size: 37px; line-height:  40px; }
	 .home_title h2 { font-size: 35px; line-height:  35px; }
	 .blink {left:  15px; right:  15px;}


}
/* END__ */

 input[type='number']{
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
}
 input[type='number']::-webkit-inner-spin-button, input[type='number']::-webkit-outer-spin-button {
     -webkit-appearance: none;
     margin: 0;
}
 input[type='number'] {
     -moz-appearance:textfield;
}