/** Generated by FG **/
@font-face {
	font-family: 'Conv_OoredooArabic-Heavy';
	src: url('../fonts/OoredooArabic-Heavy.eot');
	src: local('☺'), url('../fonts/OoredooArabic-Heavy.woff') format('woff'), url('../fonts/OoredooArabic-Heavy.ttf') format('truetype'), url('../fonts/OoredooArabic-Heavy.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
/** Generated by FG **/
@font-face {
	font-family: 'Conv_OoredooArabic-Regular';
	src: url('../fonts/OoredooArabic-Regular.eot');
	src: local('☺'), url('../fonts/OoredooArabic-Regular.woff') format('woff'), url('../fonts/OoredooArabic-Regular.ttf') format('truetype'), url('../fonts/OoredooArabic-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body,html{
 font-family: 'Conv_OoredooArabic-Regular';
 background-color: #fafad4;
overflow-x: hidden;


}

tspan {
/*font-family: 'Conv_OoredooArabic-Heavy';*/
 font-family: 'Conv_OoredooArabic-Regular';


}
.form-control ,.form-select{
    background-color: #a9cc3985;
 border-color: #a9cc3a;
 text-align: right;
}
text#طلب_توظيف a {
    fill: #aac63e;
    color: #aac63e;
}
.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #a9cc3a;
    outline: 0;
    box-shadow: none;

}
.custom-file-button input[type=file] {
  margin-left: -2px !important;
}
.custom-file-button input[type=file]::-webkit-file-upload-button {
  display: none;
}
.custom-file-button input[type=file]::file-selector-button {
  display: none;
}
.custom-file-button:hover label {
  background-color: #dde0e3;
  cursor: pointer;
}
label.input-group-text {
    background: #d1e388;
}
label.input-group-text:hover{
    background: #7bad3b;
}

.leaf-active{
    fill:#a9cc39 !important;
}

.mt-300{
margin-top: -300px;
}
a{
	color: #000;
}
a:hover{
	color: #000;

}
#tit tspan {
	font-family: 'Conv_OoredooArabic-Heavy';
}
.mt-200{
	margin-top: 250px;
}
.main-cover{
	/*background: url(../img/tree.svg) no-repeat right top /cover;
	height: 100vh;
*/
}
.r-4{
	position: relative;
    z-index: 4;
        margin-top: -190px;
}

.mt-20v{
	margin-top: 20vh;
}
.color-bg {
    background: #fff;
    height: 283px;
    width: 100%;
    position: relative;
    margin-top: -400px;
    border-radius: 47px;
    box-shadow: -5px 12px 0px 3px #3159d30a;
}
.owl-theme .owl-dots .owl-dot span {
    width: 19px;
    height: 35px;
    margin: 5px 14px;
    background: #adc947;
    border-radius: 0;
    border-top-right-radius: 70%;
    border-bottom-left-radius: 70%;
    transform: rotate(86deg);
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background: #517328;
}




.list-style1{
	    margin-right: 100px;
    margin-top: 84px;
}

/*Original Edit*/
.main-tree {
    width: 100%;
    height: auto;
    object-fit: cover;
    background-repeat: no-repeat;
    direction: ltr;
}



g#Group_3409{
	visibility: hidden;
}
g.sub-menu:hover g#Group_3409{
	visibility: visible;
}
a{
	text-decoration: none;
	    fill: #fff;
}
h2.green-color, h2.red-color{
    margin-top: 10px;
}
.main-tree a{
	color: #fff;
}
.green-color{
	color: #7CB342 !important;
}
.red-color{
	color: #BC2548 !important;
}
.inner-page footer{
        margin-top: -550px;
padding-top: 150px;
}

/*#demos .owl-carousel .item {
    height: 10rem;
    background: #4DC7A0;
    padding: 1rem;
}*/
img.media-img {
    width: 100%;
    object-fit: cover;
    /* height: 250px; */
}
#demos .owl-carousel .item img ,.media-img {
    border-radius: 20px;
    height: 300px;
    box-shadow: 2px 4px 17px 3px #0000001a;
    object-fit: cover;
    background: #fff;
    margin-bottom: 30px;
}
.mb-70{
	margin-bottom: 170px;
}
.right-head, .left-head{

	position: absolute;

        width: 25%;

}
.right-head{   right: 0;} .left-head{left: 0;}


/* Old Edit*/
/*.feature-items {*/
/*    display: block;*/
/*    padding: 35px 0;*/
/*    background: #fff;*/
/*    max-width: 150px;*/
/*    border-top-right-radius: 77%;*/
/*    border-bottom-left-radius: 77%;*/
/*    transform: rotate(289deg) !important;*/
/*    text-align: center;*/
/*    display: inline-block;*/
/*    margin-top: -56px;*/
/*    transition: all .3s;*/
/*}*/


/*New Edit*/
.feature-items {
    display: block;
    padding: 25px 45px 35px 50px;
    background: #fff;
    border-top-right-radius: 77%;
    border-bottom-left-radius: 77%;
    transform: rotate(300deg) !important;
    text-align: center;
    display: inline-block;
    margin-top: -56px;
    transition: all .3s;
}

.room {
    display: block;
    padding: 35px 0;
    background: #fff;
    max-width: 150px;
    border-top-right-radius: 77%;
    border-bottom-left-radius: 77%;
    transform: rotate(289deg) !important;
    text-align: center;
    display: inline-block;
    margin-top: -56px;
    transition: all .3s;
}

.room .content
{
	 transform: rotate(-289deg) !important;
	     padding: 0 20px;
}

 .feature-items:hover img{
 	filter: brightness(100);
 }

.app-store-btn {
    background: url(../img/app-btn.png) no-repeat center;

}
  .google-store-btn{
 	background: url(../img/Googleplay.png) no-repeat center;
 }
 .app-store-btn, .google-store-btn {
    background-size: contain;
    height: 149px;
    width: 243px;
    display: block;

}
.app-store-btn:hover, .google-store-btn:hover{
opacity: .67;
}
.feature-items2 {
    padding: 50px 0;
    background: #fff;
    width: 85%;
    border-top-right-radius: 90%;
    border-bottom-left-radius: 90%;
    transform: rotate(321deg) !important;
    text-align: center;
    display: inline-block;
    margin-top: -56px;
}
.feature-items2 .content{
	 transform: rotate(-321deg);
}

.mtb-80{
	margin-top: 80px;
	margin-bottom: 80px;
}
.mb-120{
	margin-bottom: 120px;
}
.contact a{
	color: #000;
}
.contact a:hover{
	opacity: .7;
}
.feature-items h4,.feature-items2 h4 {
    font-size: .9rem;
    color: #000;
    min-width: 100px;
}
.feature-items .content img  {
    height: 63px;
    padding-bottom: 15px;
    margin-top: 15px;
}

.feature-items .content p{
    margin:0;
    font-size:14px;
}
.feature-items2 .content img{
	 height: 50px;
    padding-bottom: 15px;
    margin-top: 15px;
}
.leaf {
    margin-top: 50px;
    direction: ltr;
}
.leaf .feature-items:nth-child(odd){
  margin-left: 170px;
  margin-top: -100px;
}
.img1{
	padding-right:20%;
	margin-right:10%;
}
.feature-items .content
{
    	 transform: rotate(-300deg);
    	 
	 /*transform: rotate(-289deg);*/
	     /*padding: 0 20px;*/
}

a.feature-items:hover {
    background: #4e8434;

}
a.feature-items:hover  h4{
	color: #fff;
}

a.feature-items:hover  p{
	color: #fff !important;
}
.overllay{
	background-color: #bc25483b;
	z-index: 1;
	top: 0;
	right: 0;
	height: 100%;
	left: 0;
    padding: 200px 0;
    margin-top: 60px;
}
.parallex-sec {
    background: url(../img/parallex.png) no-repeat center;
    background-size: cover;
    text-align: center;
    /* position: relative; */
    background-attachment: fixed;
    color: #ffff;
}
.light-btn{
	background: #fff;
	color: #BC2548;
	border-radius: 20px;
	padding: 15px 40px;
	margin-top: 30px;
	display: inline-block;
	transition: all .3s;


}
.light-btn:hover{
	background: #ffffffd9;
		color: #BC2548;
}

.footer-animate {
/*  width: 100px;
  height: 100px;*/
  background-color: red;
  position: relative;
  animation-name: footer-animate1;
  animation-duration: 5s;
  animation-timing-function: linear;
  animation-delay: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  opacity: 1;
}
.f-bg {
    background: url(../img/f2.png) repeat;
    background-size: contain;
}
.footer{
	background-color: #B5C45B;
	color: #fff;
	    margin-top: -2px;
	        padding-top: 80px;
	        padding-bottom: 80px;
}
.line-43{
	line-height: 43px;
}
.text-right{
	text-align: right;
}
.main-btn{
	background: #AAC63D;
	padding: 12px 45px;
	display: inline-block;
	border-radius: 20px;
	color: #fff;
}
.b-r{
	border-radius: 20px;
}
.main-btn:hover{
	color: #fff;
	opacity: .8;
}
.rt--600 {
    top: -550px;
    position: relative;
}
.footer ul{
    display:inline-flex;
    margin-top: 110px;
}
.footer a{
	color: #fff;
    font-size: 19px;
	text-decoration: none;
}
.list-unstyle li{
	list-style: none;
}
.footer a:hover{
	color: #BC2548 ;
}
.footer li{
	list-style: none;
	margin-bottom: 15px;
    padding-left: 60px
}
.copyright{
	background: #FAFAD4;
	color: #B5C45B;
	text-align: center;
	padding: 15px 0;
}



#pot {

  position: relative;
  -webkit-animation: linear infinite;
  -webkit-animation-name: run;
  -webkit-animation-duration: 20s;
  opacity: 1;
}
@-webkit-keyframes run {
  0% {
      left:0;
      -webkit-transform:rotateY(0deg);
      opacity: .98;
   }

   50% {
      left:82%;
      -webkit-transform:rotateY(0deg);
   }

   51% {
      -webkit-transform:rotateY(180deg);
   }

   99% {
      left:0;
      -webkit-transform:rotateY(180deg);
   }

   100% {
      left:0;
      -webkit-transform:rotateY(0deg);
   }
}

@keyframes footer-animate1 {
    0% {
      left:0;
      -webkit-transform:rotateY(0deg);
   }

   50% {
      left:82%;
      -webkit-transform:rotateY(0deg);
   }

   51% {
      -webkit-transform:rotateY(180deg);
   }

   99% {
      left:0;
      -webkit-transform:rotateY(180deg);
   }

   100% {
      left:0;
      -webkit-transform:rotateY(0deg);
        opacity: .5;
   }
}



@media (max-width: 980px) {
    
    #why-ahitiwa{
        margin-top:-100px !important;
    }
}


@media (max-width: 428px) {
    
.main-tree {
    right: -26% !important;
}

#why-ahitiwa{
        margin-top:0px !important;
    }
    
#Group_3399{
    transform: translate(195px, 100px) scale(1.2) !important;
}
    
    
}


@media (max-width: 768px) {
.mt-300 {
    margin-top: 0;
}
body{
     position: relative
}
body,html{
    overflow-x: hidden !important;
 }
 .rt--600 {
    top: -90px;
height: auto !important;
}
.feature-items {
    margin: 10px;
}

.img1{
    padding:10px;
    margin-right:0;
}

.leaf{
    margin:0px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:30px;
}

.room{
    margin:0 !important;
}

.feature-items-card{
    padding:50px 0px 50px 0px;  
}

.downloadApp-section{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.list-inline {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    margin-right:0px !important; 
    margin-top:0px !important;
}

.footer ul{
    text-align:center;
    display:block;
}
.footer ul li{
   padding-bottom:25px;
}
.footer-image{
    display:flex;
    justify-content:center;
    align-items:center;
}



/*New Edit */
.main-tree {
     height: auto;
    object-fit: cover;
    background-repeat: no-repeat;
    direction: ltr;
    width: 650px;
    position: relative;
}

.nav-text{
    font-size:32px !important;
    transform:translate(1035.884px , 615.637px) rotate(-17deg) !important;
}
.nav-text-curriculum{
    font-size:32px !important;
    
}

.nav-gallary-text{
    transform:translate(750.884px , 290px) rotate(-21deg) !important;
}

.nav-contact-text{
    transform:translate(580.884px , 255px) rotate(-21deg) !important;
}

.nav-service-text{
    transform:translate(960.884px , 305px) rotate(-21deg) !important;
}

.nav-method-text{
    transform:translate(1025.884px , 405px) rotate(-16deg) !important;
}

.nav-about-text{
    transform:translate(50.884px , 145px) rotate(-18deg) !important;
}



#Group_3399{
 transform: translate(350px , 250px) ;
}
}

