/* SFG ==== */
@import url('../fonts/droidkufibold/stylesheet.css');
@import url('../fonts/droidkufiregular/stylesheet.css');
@import url('../fonts/droidnaskhregular/stylesheet.css');
@import url('../fonts/cairo/stylesheet.css');
@import url('../fonts/adellesans/stylesheet.css');
@import url('../fonts/dinnextltarabic/stylesheet.css');
@import url('../fonts/gesstwolight/stylesheet.css');
@import url('../fonts/gesstwobold/stylesheet.css');
@import url('../fonts/gesstwomedium/stylesheet.css');
@import url('../fonts/madaniarabregular/stylesheet.css');
@import url('../fonts/ibmplexsansarabic/stylesheet.css');
/*
DroidKufiB
DroidKufiR
DroidNaskhR
CairoR
AdellesansaraR
DinnextltarabicR
GessTwoL
GessTwoB
GessTwoM
MadaniArabR
IbmplexsansarabicR
*/
html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	border: 0;
	font-family: 'GessTwoL', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
	/*font-size: 14.3px;*/
	font-size: 0.9rem;
	/*----*/
	background-color: #F7F8F9;/*#F6F6F6;*/
	/*----*/
	/*background: transparent url(../images/aghlogo2.png) repeat;*/
	/*background: transparent url(../images/agh-background-8000x4500.png);*/
	/*background-size: cover;*/
	/*background-repeat: repeat;*/
	/*----*/
}
/*=====================headerpart==================*/
#headertop
{
	height: auto;
	/*border-bottom: solid 3px #22356F;*/
	/*border: 1px solid #FF0000;*/
}
/*=====================Navbar=====================*/
nav.navbar
{
	background: transparent url(../images/vision2030-opc-low.png);
	background-position: top;
	background-repeat:no-repeat;
	background-attachment: fixed;
	/*border-bottom: solid 1px #EEEEEE;*/
	/*
	max-height: 100%;
	background-image: url("../images/bg.jpg");
	background-repeat: repeat-x;
	border-bottom: solid 4px #22356F;
	*/
}
nav.navbar .navbar-brand
{
	max-width: 300px;
	min-height: 75px;
}
#navbarAGH ul li a
{
	color: #223472;/*#343a40;*/
	position: relative;
	font-size: 1.1rem;/*1.15rem;*/
	font-weight: 100;
}
#navbarAGH ul li a::before
{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	border-radius: 4px;
	background-color: #FCAF17;
	bottom: 0;
	left: 0;
	transform-origin: right;
	transform: scaleX(0);
	transition: transform .3s ease-in-out;
}
#navbarAGH ul li a:hover::before 
{
	transform-origin: left;
	transform: scaleX(1);
}
/*=====================Page container================*/
#page-container
{
	margin: 0 auto;/* margins to auto to horizontally center that element within its container----- first number for top and bottom And second number for right and left */
	max-width: 100%; /* in this situation will improve the browser's handling of small windows. This is important when making a site usable on mobile */
	min-height: 90%;/*90*/
	position: relative;
	margin-top: 90px;
	/*border: solid 2px #00F;*/
}
/*=====================Content=======================*/
#content-wrap
{
	padding-bottom: 500px;
	/*padding-bottom: 100px;*/
	/*border: solid 2px #0F9;*/
}
/*=====================Footer========================*/
#footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	left: 0;
	right: 0;
	/*background-color: #152144;*/
	border-top: 3px solid #000000;
}
footer .social-brands a
{
	border-radius: 35px;
	margin-right: 1px;
    align-items: center;
}
/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/
/*Font Family*/
.font-DroidKufiB
{
	font-family: 'DroidKufiB', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-DroidKufiR
{
	font-family: 'DroidKufiR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-DroidNaskhR
{
	font-family: 'DroidNaskhR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-CairoR
{
	font-family: 'CairoR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-AdellesansaraR
{
	font-family: 'AdellesansaraR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-DinnextltarabicR
{
	font-family: 'DinnextltarabicR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-GessTwoL
{
	font-family: 'GessTwoL', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-GessTwoB
{
	font-family: 'GessTwoB', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-GessTwoM
{
	font-family: 'GessTwoM', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-MadaniArabR
{
	font-family: 'MadaniArabR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
.font-IbmplexsansarabicR
{
	font-family: 'IbmplexsansarabicR', Tahoma, Trebuchet MS, Helvetica, Arial, sans-serif;
}
/*==============================================================================*/
/*other classes*/
.text-justify
{
	text-align: justify !important;
}
#whatsicon
{
	width:50px;
	position:fixed; 
	bottom:20px; 
	left:10px;
}
#whatsicon
{
	float:left;
	color: #189D0E;
}
/*Link return to top*/
#returntop
{
	width: 40px;
	height: 40px;
	text-align:center;
	display: none;
	position: fixed;
	bottom: 20px;
	right: 10px;
	z-index: 99;
	background: rgba(0,0,0,0.7);
	cursor: pointer;
	border-radius: 35px;
	opacity: 0.8;
}
#returntop i
{
	color: #FFF;
	font-size: 20px;
	margin-top: 9px;
	position: relative;
}
/*Spinner*/
#spinner
{
	opacity: 0;
	visibility: hidden;
	transition: opacity .5s ease-out, visibility 0s linear .5s;
	z-index: 99999;
}
#spinner.show
{
	transition: opacity .5s ease-out, visibility 0s linear 0s;
	visibility: visible;
	opacity: 1;
}
/***************** Testimonial **********************************/
.testimonial-carousel::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

.testimonial-carousel::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
}

@media (min-width: 768px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 200px;
    }
}

@media (min-width: 992px) {
    .testimonial-carousel::before,
    .testimonial-carousel::after {
        width: 300px;
    }
}

.testimonial-carousel .owl-item .testimonial-text,
.testimonial-carousel .owl-item.center .testimonial-text * {
    transition: .5s;
}

.testimonial-carousel .owl-item.center .testimonial-text {
    background: var(--primary) !important;
}

.testimonial-carousel .owl-item.center .testimonial-text * {
    color: #FFFFFF !important;
}

.testimonial-carousel .owl-dots {
    margin-top: 24px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.testimonial-carousel .owl-dot {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    width: 15px;
    height: 15px;
    border: 1px solid #CCCCCC;
    transition: .5s;
}

.testimonial-carousel .owl-dot.active {
    background: var(--primary);
    border-color: var(--primary);
}
/*==============================================================================*/
/*==============================================================================*/
/*==============================================================================*/
@media screen and (min-width:641px)
{
	header#headertop .navbar {
		/*height: 90px;*/
	}
	.navbar-expand-lg .navbar-nav .nav-link {
		padding-left: 1.2rem;
	}
	.navbar .navbar-nav .nav-item .nav-link {
		/*font-size: 1rem;*/
		/*font-weight: 500;*/
		color: #353535;
	}
	/*=============scrollbar===============*/
	::-webkit-scrollbar
	{
		width: 8px;
		height: 8px;
	}
	::-webkit-scrollbar-track
	{
		background: #f1f1f1;
	}
	/*Handle*/
	::-webkit-scrollbar-thumb
	{
		background: #0A75BC;/*#CDCDCD;*/
		border-radius: 5px;
	}
	/*Handle on hover*/
	::-webkit-scrollbar-thumb:hover
	{
		/*background: #12a875;*/
	}
	/*====================================*/
}
@media screen and (max-width: 768px)
{
	header#headertop .navbar .navbar-nav .dropdown-menu
	{
		border: none;
	}
	header#headertop .navbar .navbar-nav .dropdown-menu .dropdown-divider
	{
		display: none;
	}
	footer img#logo
	{
		width: 60%;
	}
	header#headertop
	{
		margin-bottom: 40px;
	}
	#page-container
	{
		margin-top: 100px;
	}
	#content-wrap
	{
		padding-bottom: 1050px;
	}
}
@media (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        margin-top: 0;
        opacity: 0;
        visibility: hidden;
        transition: .5s;
    }

    .navbar .dropdown-menu.fade-down {
        top: 100%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        top: 100%;
        transform: rotateX(0deg);
        visibility: visible;
        transition: .5s;
        opacity: 1;
    }
}
/* For 1024 Resolution */
@media only screen and (min-device-width : 1024px) and (max-device-width : 1350px)
{
	#headertop .navbar-brand
	{
		/*
		max-width: 280px;
		height: 75px;
		*/
	}
	#headertop .navbar .navbar-nav .nav-item .nav-link
	{
		/*font-size: 14.5px;*/
		/*font-size: 1rem;*/
	}
}
/* From width 1400px To 1543px */
@media screen and (min-device-width : 1400px) and (max-device-width : 1543px)
{
	.navbar .nav-item.qitaagiar, .navbar .nav-item.shadatetemad
	{
		display: none !important;
	}
}