@font-face
{
font-family:sans-regular;
src: url(../fonts/HTMoshreqPro-Regular.ttf)
}
@font-face
{
font-family:sans-bold;
src: url(../fonts/HTMoshreqPro-Black.otf)
}
body
{
margin: 0 !important;
padding: 0 !important;
width: 100%;
background-image: url(../images/overlay.png);
background-size: contain;
direction: rtl;
height: 100%;
overflow-x: hidden!important;
font-family:sans-regular;
position: relative;
}
html
{
scroll-behavior: smooth;
}
.the-after
{
position: fixed;
left: 0;
width: 100%;
top: 0;
height: 100%;
background-color: #1D1D1D;
display: none;
z-index: 999999999999999999999;
opacity: 0.7;
}
img
{
object-fit: contain !important;
object-position: center center !important;
}
ul
{
padding: 0;
margin: 0 0 0px;
list-style: none;
}
p
{
margin-bottom: 0;
}
a
{
text-decoration: none!important;
}
.mainHeader
{
width: 100%;
background: #F6F2EF;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
}
.mainHeader .logo 
{
padding: 10px;
}
.mainHeader .logo img 
{
width: auto;
}
.mainHeader .logo .hidden-xx
{
display: none;
}
.mainHeader .mainMenu ul
{
margin-top: 30px;
text-align: center;
}
.mainHeader .mainMenu ul li 
{
display: inline-block;
margin-left: 10px;
}
.mainHeader .mainMenu ul li a 
{
color: #264540;
font-size: 15px;
padding-bottom: 20px;
}
.mainHeader .mainMenu ul .dropdown-toggle i
{
margin-left:5px;
margin-right: 5px;
font-size: 12px;
}
.mainHeader .mainMenu ul .dropdown-menu a
{
display: block;
transition: all .6s ease-in-out;
padding: 8px;
font-size: 14px;
}
.mainHeader .mainMenu ul .dropdown-menu a:hover
{
background: #43633E;
color: #fff;
}
.mainHeader .mainMenu ul li .dropdown-menu
{
display: none;
position: absolute;
background: #fff;
z-index: 999;
margin-top: 10px;
text-align: right;
padding: 0px;
}
.mainHeader .mainMenu ul li .dropdown-menu a 
{
padding: 10px;
}
.mainHeader .mainMenu ul li:hover .dropdown-menu {
display: block;
}
.mainHeader .mainMenu .dropdown-toggle::after
{
display: none;
}
.mainHeader .icons ul 
{
display: block;
margin-top: 30px;
text-align: center;
}
.mainHeader .icons ul li 
{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.mainHeader .icons ul li a 
{
color: #264540;
}
.sidenav
{
height: 100%;
width: 0%;
position: fixed;
z-index:999999999999999999;
bottom: 0;
right: 0;
overflow-x: hidden;
background-color: #fff;
transition: 0.5s;
padding-top:40px;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.sidenav .logo
{
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 50px;
}
.sidenav .logo button
{
background-color: transparent;
color: #8B2B1E;
outline: none;
border: none;
}
.sidenav .logo img
{
width: auto;
display: block;
}
.sidenav .mainMenu ul li 
{
margin-top: 14px;
margin-bottom: 14px;
}
.sidenav .mainMenu ul li a 
{
color: #264540!important;
font-size: 16px!important;
}
.sidenav .mainMenu .dropdown-menu {
position: static;
float: none;
background: transparent;
border: none;
text-align: right;
box-shadow: none;
display: none; 
padding-left: 15px;
}

.sidenav .mainMenu .dropdown-menu a {
display: block;
padding: 8px 0;
font-size: 14px;
color: #333;
}

.sidenav .mainMenu .dropdown-toggle {
display: flex;
align-items: center;
}

.sidenav .mainMenu .dropdown-toggle i {
transition: transform 0.3s;
margin-right: 8px;
font-size: 12px;
}
.sidenav .mainMenu .dropdown-toggle.active i {
transform: rotate(180deg);
}
.sidenav .mainMenu .dropdown-toggle::after
{
display: none;
}

.sidenav .logo button {
background-color: transparent;
color: #264540;
outline: none;
border: none;
position: absolute;
top: 15px;
left: 10px;
font-size: 30px;
}

.sidenav .icons ul 
{
display: block;
margin-top: 50px;
text-align: center;
}
.sidenav .icons ul li 
{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.sidenav .icons ul li a 
{
color: #264540;
}

.intro 
{
background-image: url(../images/bk.png);
padding: 100px 0px;
background-repeat: no-repeat;
background-size: 100% 100%;
width: 100%;
text-align: center;
}
.intro .content img 
{
margin-bottom: 50px;
}
.intro .content p 
{
text-align: center;
font-size: 16px;
width: 50%;
line-height: 35px;
display: block;
margin: 0 auto;
color: #fff;
}
.intro .content .actionButtons 
{
display: flex;
align-items: center;
justify-content: center;
margin-top: 30px;
margin-bottom: 10px;
}
.intro .content .actionButtons a
{

font-size: 14px;
width: 223px;
border: 1px solid #EBE7DC;
transition: all.6s ease-in-out;
border-radius: 8px;
color: #fff;
margin: 0px 10px;
padding: 12px;
}
.intro .content .actionButtons a:hover 
{
background-color: #fff;
color: #264540;
}
.aboutMe 
{
margin: 80px 0px;
}
.aboutMe  .content 
{
margin-bottom: 50px;
}
.aboutMe  .content h3 
{
line-height: 45px;
font-weight: 800;
font-size: 34px;
line-height: 65px;
text-align: right;
color: #264540;
}
.aboutMe  .content p 
{
font-weight: 400;
font-size: 20px;
line-height: 40px;
text-align: right;
color: #2E4B2A;
}
.aboutMe  .content a 
{
width: 223px;
padding: 14px;
background: #264540;
border-radius: 8px;
display: block;
color: #fff;
text-align: center;
margin-top: 20px;
}
.aboutMe  .pic img 
{
width: 80%;
display: block;
margin: 0 auto;
}
.sectionCards 
{
margin: 50px 0px;
}
.headBar 
{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 10px;
}
.headBar h3 
{

font-weight: 800;
font-size: 34px;
line-height: 55px;
text-align: center;
color: #264540;
line-height: 65px;
color: #264540;
margin: 0px 30px;
}
.headBar i 
{
font-size: 10px;
color: #C2D364;
}
.sectionCards  .content 
{
text-align: center;
font-weight: 400;
font-size: 20px;
line-height: 40px;
text-align: center;
color: #2E4B2A;
margin-bottom: 20px;
}
.sectionCards .one 
{
display: flex;
align-items: center;
background: #F4F0E7;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 4px 12px;
margin-top: 15px;
margin-bottom: 10px;
}
.sectionCards .one img 
{
margin-left: 20px;
height: 55px;
width: 40px;
object-fit: contain !important;
}
.sectionCards .one a
{
font-size: 12px;
margin: 0px;
padding: 0px;
margin-top: 10px;
font-weight: 700;
color: #161616;
}
.ourVision 
{
background-color: #43633E;
padding: 50px 0px;
text-align: center;
}
.ourVision .one h4 
{
color: #fff;
display: flex;
align-items: center;
font-size: 18px;
justify-content: center;
margin-bottom: 20px;
}
.ourVision .one h4 i 
{
margin: 0px 10px;
color: #C2D364;
font-size: 8px;
}
.ourVision .one p 
{
font-weight: 400;
font-size: 14px;
line-height: 40px;
text-align: center;
color: #F4F0E7;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; 
-webkit-box-orient: vertical;
}
.ourVision .one img 
{
width: 90px;
margin-bottom: 10px;
}

.sectionCards .oneCard 
{
display: flex;
align-items: center;
background: #F4F0E7;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 4px 12px;
margin-top: 15px;
margin-bottom: 10px;
}
.sectionCards .oneCard img 
{
margin-left: 20px;
height: 55px;
width: 40px;
object-fit: contain !important;
}
.sectionCards .oneCard .data 
{
padding: 10px 0px;
}
.sectionCards .oneCard .data h5
{
font-style: normal;
font-weight: 800;
font-size: 16px;
color: #264540;
}
.sectionCards .oneCard .data p
{

font-weight: 400;
font-size: 12px;
line-height: 30px;
color: #2E4B2A;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
line-clamp: 2; 
-webkit-box-orient: vertical;
}
.footer 
{
background-color: #43633E;
padding: 40px 0px;
padding-bottom: 10px;
}

.footer .footerContent 
{
text-align: center;
}

.footer .footerContent  .icons ul 
{
display: block;
margin-top: 30px;
text-align: center;
}
.footer .footerContent  .icons ul li 
{
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.footer .footerContent  .icons ul li a 
{
color: #fff;
}
.footer .footerContent hr 
{
padding: 0px;
border: 1px solid #fff;
}
.footer .footerContent h4 
{
margin-top: 20px;
font-size: 14px;
color: #fff;
}
.roadPage 
{
background-image: url(../images/road.png);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
text-align: center;
padding: 50px 0px;
}
.roadPage .content ul 
{
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
}
.roadPage .content ul li 
{
margin-right: 10px;
    color: #fff;
}
.roadPage .content ul li a{
    font-size: 14px;
    color: #fff;
}
.roadPage .content h1 
{
font-weight: 700;
font-style: normal;
font-weight: 800;
font-size: 40px;
text-align: center;
color: #EBE7DC;
margin-top: 30px;;
}

.aboutSection 
{
padding: 80px 0px;
padding-bottom: 0px;
}
.aboutSection  .content h3 
{
font-weight: 800;
font-size: 30px;
line-height: 45px;
color: #264540;
}
.aboutSection  .content h5 
{
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 39px;
color: #264540;
margin-top: 10px;
}
.aboutSection  .content .one 
{
display: flex;
align-items: center;
margin-top: 20px;
}
.aboutSection  .content .one .icon 
{
padding: 10px;
margin-left: 20px;
}
.aboutSection  .content p 
{
line-height: 30px;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 30px;
text-align: right;
color: #43633E;
}
.aboutSection .pic img {
width: 80%;
display: block;
margin: 0 auto;
}
.QualificationsSection 
{
background-color: #43633E;
padding: 80px 0px;
}
.QualificationsSection .headBar 
{
margin-bottom: 30px;
}
.QualificationsSection .headBar h3 
{
color: #fff;
}
.QualificationsSection .one 
{
width: 100%;
background: #F4F0E7;
border: 1px solid #EBE7DC;
border-radius: 10px;
text-align: center;
padding: 14px 0px;
margin-top: 12px;
margin-bottom: 12px;
}
.QualificationsSection .one img 
{
margin: 12px 0px;
}
.QualificationsSection .one h5 
{
font-style: normal;
font-weight: 800;
font-size: 16px;
line-height: 40px;
color: #264540;
margin-bottom: 0px;
}
.QualificationsSection .one p 
{

font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #2E4B2A;
margin-bottom: 12px;
}
.sectionCards .oneMore 
{
width: 100%;
background: #F4F0E7;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 20px;
text-align: center;
margin-top: 20px;
}
.sectionCards .oneMore h4 
{
font-size: 14px;
font-weight: 800;
font-size: 16px;
line-height: 40px;
color: #264540;
margin: 0px;
}
.sectionCards .oneMore p 
{

font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 30px;
color: #2E4B2A;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
line-clamp: 1; 
-webkit-box-orient: vertical;
}
.searchBar 
{
margin: 30px 0px;
}
.searchBar form 
{
position: relative;
}
.searchBar form input 
{
width: 100%;
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 12px;
padding-right: 50px;
outline: none;
position: relative;
color: #968362;
}
.searchBar form input::placeholder
{
    color: #968362;
}
.searchBar form img 
{
position: absolute;
right: 15px;
top: 12px;
}
.articlesListSection 
{
    margin: 30px 0px;
}
.articlesListSection .one
{
background: #fff;
border: 1px solid #EBE7DC;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
width: 100%;
padding: 15px;
margin: 12px 0px;
}
.articlesListSection .one .data h5 
{
    color: #968362;
    font-size: 14px;
}
.articlesListSection .one .data h5 i 
{
    margin-left: 10px;
}
.articlesListSection .one .data a 
{
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    font-family:sans-bold;
font-weight: 800;
font-size: 20px;
line-height: 40px;
color: #264540;
}
.articlesListSection .one .data p 
{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #2E4B2A;
}
.articlesListSection .one .read 
{
background: rgba(38, 69, 64, 0.1);
border-radius: 10px;
padding: 20px;
text-align: center;
margin: 6px 0px;
}
.articlesListSection .one .read  h1 
{
    font-family: sans-bold;
    font-size: 26px;
    color: #264540;
}
.articlesListSection .one .read  h4 
{
    font-size: 16px;
    color: #264540;
}
.articlesListSection .more 
{
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 25px 20px;
margin-top: 10px;
}
.articlesListSection .more h4 
{
    font-size: 16px;
    font-family: sans-bold;
    margin-bottom: 20px;
}
.articlesListSection .more ul li 
{
    margin-top: 16px;
}
.articlesListSection .more ul li a 
{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #161616;
}
.articlesListSection .more ul li a i 
{
    color: #968362;
    font-size: 12px;
    margin-left: 12px;
}
.articlesListSection .paginationBar 
{
    margin: 30px 0px;
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
}
.articlesListSection .paginationBar ul 
{
    display: flex;
    padding: 12px 0px;
    align-items: center;
}
.articlesListSection .paginationBar ul li 
{
    margin-right: 5px;
    margin-left: 5px;
}
.articlesListSection .paginationBar ul li a 
{
    border: 1px solid rgba(150, 131, 98, 0.5);
    border-radius: 8px;
    width: 60px;
    display: block;
    width: 100%;
    text-align: center;
    margin-left: 10px;
    margin-right: 17px;
    padding: 8px 0px;
    font-size: 14px;
    color: #264540;
}
.articlesListSection .paginationBar ul li .active 
{
    border: 2px solid #43633E;
}
.articleDetails 
{
    margin-top: 20px;
    margin-bottom: 20px;
}
.articleDetails .content
{
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 14px 14px;
}
.articleDetails .content .headOf 
{
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #EBE7DC;
    margin-bottom:20px;
    padding-bottom: 12px;
}
.articleDetails .content .headOf .name h4
{
font-weight: 800;
font-size: 24px;
line-height: 40px;
color: #264540;
}
.articleDetails .content .headOf .name h5 
{
font-weight: 400;
font-size: 14px;
line-height: 30px;
color: #968362;
}
.articleDetails .content .headOf .name h5 i 
{
    margin-left: 12px;
}
.articleDetails .content .headOf ul 
{
    display: flex;
    margin-top: 10px;
}
.articleDetails .content .headOf ul li 
{
    font-weight: 700;
    margin: 0px 10px;
    font-size: 14px;
    color: #264540;
}
.articleDetails .content .headOf ul li a 
{
    color: #264540;
}
.articleDetails .content .video 
{
    margin: 20px 0px;
}
.articleDetails .content .details 
{
    margin-top: 10px;
}
.articleDetails .content .details h1 
{
font-family: sans-bold;
font-weight: 800;
font-size: 20px;
line-height: 40px;
color: #264540;
}
.articleDetails .content .details p 
{
font-weight: 400;
font-size: 16px;
line-height: 31px;
text-align: right;
color: #2E4B2A;
margin-bottom: 15px;
}
.articleDetails .content .filesHead
{
font-weight: 800;
font-size: 16px;
line-height: 24px;
color: #264540;
font-family: sans-bold;
margin-top: 20px;
display: block;
}
.articleDetails .content .downlaod 
{
    border: 1px solid #EBE7DC;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 10px;
    border-radius: 8px;
}
.articleDetails .content .downlaod .view h3 
{
font-weight: 800;
font-size: 12px;
line-height: 24px;
margin: 0px;
}
.articleDetails .content .downlaod .view h3 i 
{
    margin-left: 8px;
    font-size: 16px;
}
.articleDetails .content .downlaod a 
{
    width: 90px;
    padding: 12px;
    color: #161616;
    font-size: 12px;
background: rgba(150, 131, 98, 0.1);
text-align: center;
border-radius: 10px;
transition: all .6s ease-in-out;
}
.articleDetails .content .downlaod a i 
{
    margin-left: 5px;
}
.articleDetails .content .downlaod a:hover 
{
 background-color: #264540;   
 color: #fff;
}
.moreArticles  .all
{
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;

}





















.moreArticles 
{
    margin: 30px 0px;
}
.moreArticles .one
{
background: #fff;
border: 1px solid #EBE7DC;
display: flex;
align-items: center;
justify-content: space-between;
border-radius: 10px;
width: 100%;
padding: 15px;
margin: 12px 0px;
}
.moreArticles .one .data h5 
{
    color: #968362;
    font-size: 14px;
}
.moreArticles .one .data h5 i 
{
    margin-left: 10px;
}
.moreArticles .one .data a 
{
    display: block;
    margin-top: 6px;
    margin-bottom: 6px;
    font-family:sans-bold;
font-weight: 800;
font-size: 20px;
line-height: 40px;
color: #264540;
}
.articlesListSection .one .data p 
{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
color: #2E4B2A;
}
.moreArticles .one .read 
{
background: rgba(38, 69, 64, 0.1);
border-radius: 10px;
padding: 20px;
text-align: center;
margin: 6px 0px;
}
.moreArticles .one .read  h1 
{
    font-family: sans-bold;
    font-size: 26px;
    color: #264540;
}
.moreArticles .one .read  h4 
{
    font-size: 16px;
    color: #264540;
}
.moreArticles .more 
{
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
padding: 25px 20px;
margin-top: 10px;
}
.moreArticles .more h4 
{
    font-size: 16px;
    font-family: sans-bold;
    margin-bottom: 20px;
}
.moreArticles .more ul li 
{
    margin-top: 16px;
}
.moreArticles .more ul li a 
{
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #161616;
}
.moreArticles .more ul li a i 
{
    color: #968362;
    font-size: 12px;
    margin-left: 12px;
}
.moreArticles .all .theHead 
{
    padding:20px 20px 4px 20px;
    border-bottom: 1px solid #EBE7DC;
    margin-bottom: 20px;
}
.moreArticles .all .theHead h3
{
display: flex;
align-items: center;
font-size: 18px;
font-family: sans-bold;
justify-content: space-between;
}
.moreArticles .all .theHead h3 a 
{
    color: #968362;
    font-size: 14px;
    font-family: sans-regular;
}
.articleDetails .articlesContent h5 {
    margin: 0px;
    padding: 0px;
font-weight: 800;
font-size: 18px;
line-height: 40px;
text-align: right;
color: #264540;
margin-top: 20px;
margin-bottom: 10px;
}
.articleDetails .articlesContent h2 
{
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 30px;
text-align: right;
color: #2E4B2A;
}
.contactUs .content
{
background: #fff;
border: 1px solid #EBE7DC;
border-radius: 10px;
width: 100%;
margin: 50px 0px;
padding: 50px 20px;
}
.contactUs .content h4 
{
    text-align: center;
    font-size: 16px;
    width: 70%;
    display: block;
    color: #2E4B2A;
    margin: 0 auto;
    margin-bottom: 30px;
    line-height: 30px;
}
.contactUs .content form 
{
    width: 80%;
    display: block;
    margin: 0 auto;
}
.contactUs .content form label 
{
display: block;
font-size: 14px;
color: #2E4B2A;
margin-bottom: 8px;
}
.contactUs .content form input
{
    width: 100%;
    display: block;
background: #F6F2EF;
border: 1px solid rgba(150, 131, 98, 0.3);
border-radius: 10px;
outline: none;
padding: 8px;
margin-bottom: 10px;
}
.contactUs .content form textarea
{
    width: 100%;
    display: block;
background: #F6F2EF;
border: 1px solid rgba(150, 131, 98, 0.3);
border-radius: 10px;
outline: none;
padding: 8px;
margin-bottom: 10px;
resize: none;
height: 120px;
}
.contactUs .content form input.wpcf7-form-control.wpcf7-submit.has-spinner
{
width: 100%;
padding: 10px;
text-align: center;
border: none;
margin-top: 20px;
background: #968362;
border-radius: 10px;
color: #fff;
}
/***********************/

.contactUs .social-media ul
{
    list-style: none;
    text-align: center;
    padding: 0px;
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.contactUs .social-media ul li
{
    display: inline-block;
    margin-left: 10px;
    border: 1px solid #8a6d3b;
    text-align: center;
    width: 60px;
    transition: all .6s ease-in-out ;
    border-radius: 150px;
    height: 60px;
    line-height: 63px;
    font-size: 20px;
}
.contactUs .social-media ul li:hover
{
    background-color: #8a6d3b;
}
.contactUs .social-media ul li a
{
    color: #8a6d3b;
    text-decoration: none;
}
.contactUs .social-media ul li:hover a
{
    color: #fff;
}
.contactUs .info span
{
    background-color: #8a6d3b;
    padding: 10px 12px;
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 30px;
}
.contactUs .info .con
{
    margin-right: 0px;
    display:block;
    width: 100%;
}
.contactUs .info .con h5
{
    margin: 0px;
    background-color: #F9F2E7;
    color: #000000;
    text-align: center;
    padding: 7px;
    border-radius: 5px;
    width: 100%;
    font-size: 16px;
}
.contactUs .info .con h6
{
    margin: 0px;
    background-color: #F9F2E7;
    color: #000000;
    border-radius: 5px;
    text-align: center;
    padding: 7px;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
}