@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:#BFBFBF; 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; z-index: 19; left: 90px; top: 0px; width: 270px; z-index: 19;}
.logo img  { max-width: 100%;}
.home_top {height: calc(100vh - 0px);padding: 0; position:relative; width: 100%; z-index: 7; background: #000;}
.video_slider { position: absolute; z-index: 2; left: 0; right: 0; top: 0; bottom: 0;overflow: hidden;}
.video-bg {position: absolute;top: 50%;left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: 1; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%);}

.home_section2 { padding:120px 0 64px 0; margin: 0; position:relative; z-index: 6;background-color: #8CC63F;}
.home_section2.equal { padding: 64px 0;}
.top_title { position:absolute; left: 0; right: 0; bottom: -50px; z-index: 6; text-align:center; color: #8CC63F; font-size: 60px; line-height: 60px;font-family: 'Heebo', sans-serif; padding: 20px 0 0 0; }
.top_title p{ position:relative; z-index: 5; margin-bottom: 0px;}
.top_title p:nth-child(1) {font-size: 100px; line-height: 100px;font-weight: 600; color: #fff; margin-bottom: 20px;}
.top_title p:nth-child(2) {font-size: 180px; line-height: 180px;font-weight: 700; color: #fff; margin-bottom: 30px;}
.top_title p:nth-child(3) { margin-bottom: 50px; z-index: 6; font-weight:600;}
.top_title p:nth-child(3) strong { display: inline-block; position:relative; font-weight: 400; padding-left: 50px;}
.top_title p:nth-child(3) strong:nth-child(2) { padding-left: 0px; padding-right: 50px;}
.top_title p:nth-child(3) strong:nth-child(2):before { content:""; width: 16px; height: 16px; background:#8CC63F; border-radius: 50%;  position:absolute; right: -8px; top: 50%; margin-top: -8px; font-size: 40px; font-weight: 700; }
.top_title:after{ z-index: 1; background:rgba(0, 0, 0, 0.5); position:absolute; left: 0; right: 0; bottom: 50px; top: 0; content: ""; }
.top_title  div { position:relative; display:inline-block;}
.top_title a {background-color: #8CC63F; color: #000; font-size: 60px;padding: 0 50px; line-height: 96px; border: 2px solid #fff !important;-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.3);box-shadow: 2px 2px 2px rgba(0,0,0,0.3);font-weight: 700 ; display: inline-block;border-radius: 30px ; position:relative; z-index: 1;}
.top_title a:before { content: ""; width: 90px; height: 116px; background: url(../images/arrow1.png) no-repeat center center; position:absolute; left: -140px; top: -80px;}
.top_title a:after {content: ""; width: 90px; height: 116px; background: url(../images/arrow2.png) no-repeat center center; position:absolute; right: -140px; top: -80px;}

.home_section2 .container {max-width: 1620px;}
.home_section2 h1, .home_section2 h2 {font-size: 60px; line-height: 60px; text-align:center; color: #fff; margin-bottom: 2rem; font-weight: 700;width: 100%; float: right;}
.home_section2 .container p  { text-align:left; color: #fff; font-weight: 700;font-size:30px; line-height: 40px; margin: 32px 0 0 0; width: 100%; float: right;}
.home_section2  .container p  a { color: #fff; text-decoration:overline;}
.contact_form { width: 100%;   float: right; position:relative; padding-left:  120px;}
.contact_form .form-group { position:relative; width: 25%; float: right; margin-bottom: 0px; padding: 0 0 0 64px; }
.contact_form .form-group.submit { padding: 0; width: 140px; position:absolute; left: 0; top: 0; }
.contact_form .form-control { padding: 0 16px; width: 100%; height: 46px; text-align:right; background: #fff; border-radius: 6px; font-weight: 400; font-size: 21px; line-height: 44px; color: #212529;border: 1px solid #fff;}
.contact_form .form-control:focus { border: 1px solid #fff;}
.form-control.select, .form-control.select:focus { padding: 0 16px; width: 100%; height: 46px; text-align:right; background: #fff; border-radius: 6px; font-weight: 400; font-size: 21px; line-height: 44px; color: #212529;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  span{ 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: 21px; line-height: 44px; color: #212529;  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 + span, .contact_form .form-group .form-control:not(:placeholder-shown) + span {top: 0px;right: 16px; margin: 0; padding: 0; font-weight: 400; font-size: 21px; line-height: 44px; color: #212529; opacity: 0; }

.contact_form input[type=submit] { width: 140px; height: 46px; display: inline-block; text-align:center; font-size: 21px; font-weight: 400; color: #fff; line-height: 44px; border: 0; cursor: pointer; background: #212529;border-radius: 6px;}

.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;}

.video { padding: 90px 0;font-family: 'Heebo', sans-serif; font-size: 30px; line-height: 39px; font-weight: 700; color: #000; text-align:center;}
.video .container {max-width: 1620px;}
.video h2 {font-family: 'Heebo', sans-serif; font-size: 56px; line-height: 70px; font-weight: 700; color: #000;}
.video img { border-radius: 50%; max-width: 338px;}
.video .ratio  { margin-top: 40px;}

.middle { padding: 80px 0 30px 0; text-align:center;font-size: 40px; line-height: 50px; color: #000; }
.middle .container {max-width: 1620px;}
.middle h2, .middle h3 { text-align:center; font-weight: 700; color: #8CC63F; font-size: 60px; line-height: 70px; margin: 0 0 50px 0;}
.middle h3 { margin: 60px 0 30px 0;}
.middle p { margin: 0;}


.middle_bottom ul {display: flex;flex-wrap: wrap; padding: 0; margin: 0 -50px; list-style: none;}
.middle_bottom ul li {flex: 0 0 auto; width: 100%; padding:40px 50px 60px 50px; margin: 0; max-width: 33.33%;font-size: 40px; line-height: 50px; font-weight: 700; justify-content: center !important;}
.middle_bottom ul li strong:nth-child(1) { display: block; height: 270px; position:relative;}
.middle_bottom ul li strong:nth-child(1) img { left: 50%; top: 50%; position:absolute; max-width: 80%; max-height: 90%;  -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.middle_bottom ul li strong:nth-child(2) { display: inline-block; max-width: 85%; margin: 0 auto;}

.count_middle { width: 100%; padding: 0 50px 50px 50px; font-size: 60px; line-height: 70px;color: #8CC63F; text-align:center; direction: ltr;}
.count_middle ul {display: flex;flex-wrap: wrap;list-style: none;margin: 0;padding: 0 0 15px 0;margin-top: 16px;}
.count_middle ul li { flex: 0 0 auto; width: 100%; max-width: 25%;  padding: 0; margin: 0;  text-align: center; position:relative; direction: rtl;}
.count_middle ul li span {display: block;color: #8CC63F; margin-bottom: 30px;font-size: 120px; line-height: 120px; font-weight: 400;}
.count_middle ul li:after { content: ":";  color: #8CC63F; position:absolute; right: 0px; top: 50%; margin-top: -20px; font-size: 40px; line-height: 50px; font-weight: 700;}
.count_middle ul li:nth-last-child(1):after  { display: none;}


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

}
 @media (min-width: 1400px) and (max-width: 1599px) {

}
/* END__ */
 @media (min-width: 1200px) and (max-width: 1399px) {
.logo { left: 40px; width: 170px;}
.top_title {font-size: 50px; line-height: 50px;}
.top_title p:nth-child(1) {font-size: 80px;line-height: 80px;}
.top_title p:nth-child(2) {font-size: 140px; line-height: 110px;}
.top_title a {font-size: 50px;}
.home_section2 h1, .home_section2 h2 {font-size: 50px; line-height: 50px;}
.home_section2 .container p {font-size: 24px;line-height: 32px;}
.middle h2, .middle h3 { font-size: 50px; line-height: 60px;}
.count_middle {font-size: 50px; line-height: 60px;}
.count_middle ul li span { font-size: 100px; line-height: 100px;}
.middle_bottom ul {margin: 0 -30px;}
.middle_bottom ul li { font-size: 30px;line-height: 40px;padding: 40px 30px 60px 30px;}
.middle_bottom ul li strong:nth-child(1) img { max-width: 70%;max-height: 90%;}
.video { font-size: 24px; line-height: 32px;}
.video h2 {font-size: 42px; line-height: 60px;}
.video img { max-width: 270px;}
}
/* END__ */
 @media (min-width: 992px) and (max-width: 1199px) {
.logo { left: 20px; width: 150px;}
.home_top {height: calc(90vh - 0px);}
.top_title {font-size: 40px; line-height: 40px;}
.top_title p:nth-child(1) {font-size: 70px;line-height: 70px;}
.top_title p:nth-child(2) {font-size: 120px; line-height: 100px;}
.top_title a {font-size: 40px; line-height: 80px;}
.top_title:after{ bottom: 50px; }
.home_section2 h1, .home_section2 h2 {font-size: 40px; line-height: 40px;}
.home_section2 .container p {font-size: 20px;line-height: 26px;}
.middle {font-size: 32px;line-height: 42px;}
.middle h2, .middle h3 { font-size: 40px; line-height: 50px;}
.middle h3 { margin: 40px 0 20px 0;}
.count_middle {font-size: 40px; line-height: 50px;}
.count_middle ul li span { font-size: 80px; line-height: 80px;}
.middle_bottom ul {margin: 0 -30px;}
.middle_bottom ul li { font-size: 22px;line-height: 32px;padding: 40px 30px 40px 30px;}
.middle_bottom ul li strong:nth-child(1) { height: 200px;}
.middle_bottom ul li strong:nth-child(1) img { max-width: 60%;max-height: 70%;}
.video { font-size: 20px; line-height: 26px;}
.video h2 {font-size: 36px; line-height: 50px;}
.video img { max-width: 200px;}
.contact_form { padding-left: 140px;}
.contact_form .form-group {padding: 0 0 0  30px;}

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

.logo { left: 20px; width: 100px;}
.home_top {height: calc(70vh - 0px);}
.top_title {font-size: 40px; line-height: 40px;}
.top_title p:nth-child(1) {font-size: 70px;line-height: 70px;}
.top_title p:nth-child(2) {font-size: 120px; line-height: 100px;}
.top_title a {font-size: 40px; line-height: 80px;}
.top_title:after{ bottom: 50px; }
.home_section2 {padding: 80px 0 30px 0;}
.home_section2.equal { padding: 44px 0 30px 0;}
.home_section2 h1, .home_section2 h2 {font-size: 40px; line-height: 40px;}
.home_section2 .container p {font-size: 20px;line-height: 26px; margin: 0; position:absolute; z-index: 2; width: 50%; right: 15px; bottom: 20px; text-align:right; float: none;}
.middle {font-size: 28px;line-height: 36px;}
.middle h2, .middle h3 { font-size: 40px; line-height: 50px;}
.middle h3 { margin: 40px 0 40px 0;}
.count_middle {font-size: 40px; line-height: 50px;}
.count_middle ul li span { font-size: 80px; line-height: 80px;}
.middle_bottom ul {margin: 0 -30px;}
.middle_bottom ul li { font-size: 22px;line-height: 32px;padding: 0 30px 40px 30px;}
.middle_bottom ul li strong:nth-child(1) { height: 150px;}
.middle_bottom ul li strong:nth-child(1) img { max-width: 70%;max-height: 70%;}
.video { font-size: 20px; line-height: 26px;}
.video h2 {font-size: 36px; line-height: 50px;}
.video img { max-width: 200px;}

.contact_form { padding-left: 0px; padding-bottom: 70px; position:relative;}
.contact_form .form-group {padding: 0 0 0  15px; width: 33.33%; margin-bottom: 20px;}
.contact_form .form-group:nth-child(3) { padding-left: 0px;}
.contact_form .form-group.submit { top: auto; bottom: 0; z-index: 2}
.top_title a:before, .top_title a:after { display: none;}

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



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


}
/* END__ */
 @media only screen and (max-width: 767px) {
.logo { left: 16px; width: 70px;}
.home_top {height: calc(50vh - 0px);}
.top_title {font-size: 18px; line-height: 36px; bottom: -20px; padding: 20px 20px 0 20px;}
.top_title p:nth-child(1) {font-size: 30px;line-height: 30px; margin-bottom: 10px;}
.top_title p:nth-child(2) {font-size: 60px; line-height: 50px; margin-bottom: 5px;}
.top_title p:nth-child(3) { margin-bottom: 10px;}
.top_title a {font-size: 20px; line-height: 40px; border-radius: 20px;padding: 0 15px;}
.top_title:after{ bottom: 20px; }
.home_section2 {padding: 40px 0 30px 0;}
.home_section2.equal { padding: 30px 0 30px 0;}
.home_section2 h1, .home_section2 h2 {font-size: 27px; line-height: 28px;}
.home_section2 .container p {font-size: 13px;line-height: 12px; color: #000; margin: 0; position:absolute; z-index: 2; width: 50%; right: 15px; bottom: 10px; text-align:right; float: none;}
.home_section2 .container p a { color: #000;}
.middle {font-size: 20px;line-height: 28px;padding: 40px 0 20px 0;}
.middle h2, .middle h3 { font-size: 30px; line-height: 30px;margin: 0 0 20px 0;}
.middle h3 { margin: 40px 0 20px 0;}
.count_middle {font-size: 20px; line-height: 30px;padding: 0 0 30px 0;}
.count_middle ul li span { font-size: 50px; line-height: 50px;margin-bottom: 10px;}
.count_middle ul li::after { font-size: 30px; margin-top: -15px;}
.middle_bottom ul {margin: 0;}
.middle_bottom ul li { font-size: 12px;line-height: 14px;padding: 0 0px 20px 0px; max-width: 50%;}
.middle_bottom ul li strong:nth-child(1) { height: 80px;}
.middle_bottom ul li strong:nth-child(1) img { max-width: 70%;max-height: 70%;}
.video { font-size: 17px; line-height: 22px; padding: 40px 0 20px 0;}
.video h2 {font-size: 36px; line-height: 50px;}
.video img { max-width: 250px;}
.video .ratio { margin-top: 0px;}
.video .row  [class*="col-"] { padding-bottom: 20px;}

.contact_form { padding-left: 0px; padding-bottom: 30px; position:relative;}
.contact_form .form-group {padding: 0; width: 100%; margin-bottom: 15px;}
.contact_form .form-group.submit { top: auto; bottom: 0; z-index: 2; width: 116px; margin-bottom: 0px;}
.contact_form input[type="submit"] { width: 116px; height: 30px; font-size: 14px; line-height: 20px; border-radius: 60px;}

.contact_form .form-control {  border-radius: 16px;font-size: 14px; line-height: 30px;height: 30px; }
.contact_form .form-control:focus { border: 1px solid #fff;}
.form-control.select, .form-control.select:focus {  font-size: 14px; line-height: 30px;height: 30px;}
.contact_form .form-group  span{ font-size: 14px; line-height: 30px;height: 30px;  }
.contact_form .form-group .form-control:focus + span, .contact_form .form-group .form-control:not(:placeholder-shown) + span {font-size: 14px; line-height: 30px;height: 30px; }
.form-control-select, .form-control-select:focus {font-size: 14px; line-height: 30px;height: 30px;border-radius: 16px;}
.top_title p:nth-child(3) strong { padding-left: 10px;}
.top_title p:nth-child(3) strong:nth-child(2) { padding-left: 0px; padding-right: 10px;}
.top_title p:nth-child(3) strong:nth-child(2):before { width: 8px; height: 8px; right: -6px;margin-top: -4px; }
.top_title a:before, .top_title a:after { display: none;}

}
/* END__ */
 @media only screen and (max-width: 575px) {
}
/* END__ */
 @media only screen and (max-width: 370px) {
.top_title { font-size: 16px;}
.top_title a { font-size: 16px;}
}
/* 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;
}