/********************* about us page ********************/
@import url('https://fonts.googleapis.com/css2?family=Alexandria:wght@300;600;700;800&display=swap');
body{
    font-family: 'Alexandria', sans-serif;
    direction: rtl;
}
h1,h2,h3,h4,h5{font-weight: 600;  line-height: 50px}
h5{ font-size: 1rem; }
p{ line-height: 30px;  font-size: 15px;}
span,label{ color: #4A5568; font-size: 14px;}
ul{ padding: 0; margin: 0;}
a{color: #011931; list-style: none; text-decoration: none;}
.wraper_inner_banner{
    width: 100%;
    height: 160px;
    background-image: url("../img/banner.jpg");
    background-color: #E7EBEF;
    padding-top: 50px;
}
.inner_banner_breadcrumb{
    padding-top: 10px;
}
.bg-gray{background-color: #F8F9FA;}


/* 15 */
.btn-outline{ border: #fff solid 1px; border-radius: 6px;  color: #fff; padding: 9px 30px; }
.btn-outline:hover{ background: #fff; color:#74B152 ;}
.bg-grean {
    background-image: linear-gradient(to right top, #74b152, #7ab753, #81bc53, #88c254, #8fc754);
    border: none;
    z-index: 1;
}
.bg-grean:after {
    position: absolute;
    content: "";
    width: 0;
    height: 100%;
    top: 0;
    right: 0;
    z-index: -1;
    background-image: linear-gradient(to right top, #74b152, #88bc52, #9cc751, #b2d250, #c9dc50);
    border-radius: 5px;
    transition: all 0.3s ease;
}
.bg-grean:hover {
    color: #fff;
}
.bg-grean:hover:after {
    left: 0;
    width: 100%;
}
.bg-grean:active {
    top: 2px;
}

.wraper_inner_breaadcrumb{ background: #fff; box-shadow: rgb(99 99 99 / 6%) 0px 2px 4px 0px;     border-radius: 8px;}
.page-title{
    border-right: #79B552 solid 5px;
    border-bottom: #E7EDF2 solid 1px;
    padding: 0 30px;

}
.wraper_inner_breaadcrumb .inner_banner_breadcrumb{ padding: 10px 30px; color:#4A5568;  }
.wraper_inner_breaadcrumb .inner_banner_breadcrumb a{
    color: #4A5568; font-size: 14px;
}

.m-v-icon{ background: #7AB653; border-radius: 25px; height: 40px; width: 40px; margin-left: 10px; color: #fff; line-height: 40px; text-align: center;font-size: 24px;}
.m-v-icon i{ color: #fff''}
/******************* serv page details **********************/
@media (min-width: 992px){
.join-team-form{  padding: 1.5rem 2rem;}

.serv-details .col-lg-8 {
    flex: 0 0 auto;
    width: 69%;
}
.serv-details .col-lg-4 {
    flex: 0 0 auto;
    width: 31%;
}
}
.desc_of_blog_content{ padding: 20px;}
.desc_of_blog_content p{color: #4A5568;}

.image_blog{ background-color:#E7EDF2 ;}
.image_blog img{ width: 100%;}
 .card {
     box-shadow: rgb(99 99 99 / 8%) 0px 2px 6px 0px;
    border-radius: 12px;
    margin-bottom: 20px;
     border: none;
}
 .card-title{ font-size: 17px; margin: 0;
     line-height: 35px; }
.card-header{ background:#fff; border-radius: 12px 12px 0 0 !important;
    border-color: #E7EDF2;
}


.card-body {
    padding: 1.5rem;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
background-color: #F8F9FA !important;
    height: 45px;
    border: none !important;
    font-size: 14px;
}
textarea.form-control {
    min-height: calc(1.5em + 4.75rem + 2px);
}
.btn-primary{ background-color: #78B452; border-color:#78B452; height: 50px; width: 100%; }
.tag{ background: #E7EDF2; padding: 6px 12px; border-radius: 6px; margin: 5px; display: inline-block; font-size: 12px;      color: #4A5568;
    font-weight: 600;   transition: all 0.3s ease;}
.tag:hover{background-image: linear-gradient(to right top, #74b152, #7ab753, #81bc53, #88c254, #8fc754); color: #fff;}
.tagcloud{ border-top: #DAE2EA solid 1px; padding-top: 30px;}

.social span{vertical-align: sub;}
.social a{

    display: inline-block;
    line-height: 36px;
    width: 36px;
    border-radius: 5px;
    background: #E7EDF2;
    vertical-align: middle;
    text-align: center;
    margin-right: 2px;
    color: #4A5568;
    margin-top: 5px;
    transition: all 0.3s ease;
}
.social a:hover{background-image: linear-gradient(to right top, #74b152, #7ab753, #81bc53, #88c254, #8fc754); color: #fff;}

/********************* our team ***********************/

.member h5{ background: #E7EDF2;     border-radius: 0 0 6px 6px;}
.positon{ padding: 5px;
    display: block; font-size:13px;}
.join-team-form{ background-image: linear-gradient(to right top, #74b152, #7ab753, #81bc53, #88c254, #8fc754); padding: 2.5rem 5rem;}
.overlay-bg{ width: 100%; height: 100%; position: absolute; background-size: cover; background-image: url("../img/bg-overlay.png")}
.team-cover img{ width: 100%; height: 100%; }
.team-lable{ display: block;     width: 100%;
    margin-bottom: 10px;
}
 input { border-radius: 6px !important;}
 .team-cover{
     position: relative;}

 /*************** contact us **************/
.contact-info{ height: 100%; margin-bottom: 20px; padding: 10px;}
.contact-header{ margin-right: 25px; padding-top: 10px;}
.contact-form{ padding: 2rem; }
.br{border-right: #E7EDF2 solid 1px;}
.contact-info ul li{ list-style: none;}
 h5.contact-title{ line-height: 40px;}
.contact-info ul li{ margin-bottom: 15px;}
 .contact-info i{ padding: 5px; background: #7DB853; border-radius: 4px; margin-left: 10px; color: #fff;}
 .map{ width: 100%; height: 200px; border-radius: 6px; overflow: hidden;}
/*************** blog ***************/

.pagelink{ padding: 15px 20px; border-radius: 6px; background: #fff; color:#4A5568; text-align: center; line-height: 30px; margin: 3px;    box-shadow: rgb(99 99 99 / 8%) 0px 2px 6px 0px;}
.pagelink.active{ background: #96CA64; color: #fff;}

/******************* b;og details *********************/

.page-title h2{ font-size:1.5rem;}
.other-post .post{ margin: 0; border-bottom:#E7EDF2 solid 1px; padding: 5px 25px; padding-top: 15px; }
.other-post .post p{ line-height: 28px;}
.other-post .post:hover{ background: #E7EDF2;}
.other-post .post:hover p{ color: #011931;}
.other-post .thumb{ margin-left: 10px;   max-height:110px; width:120px;}
.thumb{
    max-height: 280px;
    overflow: hidden;
    border-radius: 6px;
    margin: 0 auto;
    
}
.thumb img{ width: 100%; height: auto;  border-radius: 6px;}
.other-photos .thumb img{ width: 100%; height: auto; min-height:100%; border-radius: 6px;}
.other-photos{ padding: 8px;}

/******************** investment form *********************/

.investment-form{ padding: 2rem; }
.form-control, .input-group>.form-floating, .input-group>.form-select ,select {
    background-color: #F8F9FA !important;
    height: 45px;
    border: none !important;
    font-size: 14px;
}

/***** blog *****/

.pagelink{ padding: 15px 20px; border-radius: 6px; background: #fff; color:#4A5568; text-align: center; line-height: 30px; margin: 3px;    box-shadow: rgb(99 99 99 / 8%) 0px 2px 6px 0px;}
.pagelink.active{ background: #96CA64; color: #fff;}


.image_achive{ min-height: 220px; max-height: 250px; background: #E7EDF2; border-radius: 12px;}
.image_achive img{ min-height: 220px; border-radius: 12px;}
.archive-logos{ border-top: #DAE2EA solid 1px; padding-top: 30px;}
.archive-logothumb{ padding: 15px; border: #E7EDF2 solid 1px; border-radius: 6px;}
.archive-logos img{ width: 100%; padding: 10px; }
h3.archive-title{ font-size: 1.2rem; line-height: 40px;}


@media (max-width: 680px){
.join-team-form{  padding: 1.5rem 2rem;}

}


.partner-info .thumb{height: 180px;
    line-height: 175px;
    vertical-align: middle;
    text-align: center;
    margin:0 auto;
}

.partner-name h5{ background: none;}

.Founder.card{ display:block; padding: 25px; margin-bottom: 25px; }
.Founder .thumb{ width: 25%; margin-left: 25px; display: inline-block; }
.Founder .f-text{ width: 70%; display: inline-block; vertical-align: top; }
.member-name h4{line-height: 36px;}
.founder-details p{ font-size: 14px;}
.f-title{ font-size: 1.2rem;}
.cv{ padding: 10px 35px; border: #7AB653 solid 1px; border-radius: 8px; -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.cv:hover{ background:#7AB653; color: #fff; }
.card:hover .member-info{opacity: 1;   -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;}
.member-info{  -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;  opacity: 0; background: #0d203bc4; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; border-radius: 12px; padding: 15px; }
.member-info h5{ background: none; color: #fff; margin-bottom: 10px;}
.member-info p{ color: #fff; font-size: 13px;    line-height: 24px;}


.mtext{    padding: 6px;
    line-height: 24px;
    font-size: 12px;}
.m-title h5{line-height:30px; padding: 6px;}


.dropdow-content .border-bottom { position: relative;}
.dropdown-sub{ position:absolute; right:100%; top:0; display:none;     background-color: white;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.dropdow-content .border-bottom:hover .dropdown-sub{ display:block;}

.partner-info .positon{line-height:24px; font-size: 12px; padding:5px; overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;}

.partner-info{
min-height: 327px;}
.member{min-height: 412px;}
.Founder{ min-height: 340px;}

.border-1 {
    border-width: 1px!important;
    display: block;
    padding: 8px 15px;
    font-size:12px;
}
.dropdow-content a{    font-size:12px;}

.dropbtn i {

    margin-top: -8px;
}

.sub_services {
    display: block;
    font-size: 14px;
    border: #eee solid 1px;
    padding: 12px;
    background: #f8f8f8;
    margin-bottom: 5px;
    border-radius: 6px;
}


.sub_services:hover {    background: #8fc754 ;     border: #8fc754  solid 1px; color:#fff;}