/*
Theme Name: NoonMobile Theme
Theme URI: https://www.NoonMobile.com/
Author: salah
Author URI: https://www.NoonMobile.com/
Description: This is my custom theme
Version: 1.0
Requires PHP: 7.2.14
*/
@font-face {
	font-family: "Roboto-Regular";
	src: url("./assets/webfonts/Roboto-Regular.ttf")

  }
.site-info.py-4
{
	display: block;
	padding: 0 !important;
	margin: 0;
	background-color: #fcc515;
}
.site-info.py-4 p
{
	padding: 10px !important;
	margin: 0;
	color: #fff;
	font-weight: 600;
}
.widget.widget_block.widget_text p
{
	font-weight: 400;
	font-family: "Roboto-Regular";
	font-size: 16px;;
}
body.logged-in .navbar  {  
   top: 32px !important;  
}  
.padding-0
{
	padding: 0 !important;
}
.closebtn 
{
	display: none;
}
.navbar-brand
{
	display: none;

}
.logo .navbar-brand
{
	display: none;
}
.logo  
{
	background-color: rgba(255, 255, 255, 0.5);
 
}
.logo .custom-logo-link img
{
	width: 175px;
	height: auto;
	display: block;
	padding: 10px;;
}
.navbar-nav .gb_nav_menu .mobile_nav 
{

	list-style-type: none;
}
.navbar-nav .gb_nav_menu .mobile_nav li
{
 display: inline-block;
 margin: 0 20px;;
}

.navbar-nav .gb_nav_menu .mobile_nav li a
{
	color: #fff;
	text-decoration: none;
	font-family: "Roboto-Regular";
	font-size: 20px;
	-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.navbar-nav .gb_nav_menu .mobile_nav li a:hover
{
	color: #fcc515;
	-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-ms-transition: all 300ms linear;
-o-transition: all 300ms linear;
transition: all 300ms linear;
}
.navbar
{
	background-color: rgba(0, 0, 0, 0.6);
	min-height: 72px;
}
.navbar .navbar-collapse
{
	padding: 0 30px;;

}
.d-flex
{
	padding-right: 20px;;
}
.long  
{
	list-style-type: none;
	padding-top: 15px;
}
.lang-item
{
	padding-right: 30px;
	font-size: 18px;;
	font-family: "Roboto-Regular";
	
}
.d-flex
{
	padding-right: 0;
}
 
 
.search-field
{
	height: 50px;
	padding: 10px;
	border: 0;
	min-width: 300px;
	background-color: rgba(255, 255, 255, 0.5);
	outline: none;
}
.search-field::placeholder {
	color: #000;
  }
.search-submit
{
	background-color:  rgba(252, 197, 21, 0.5);
	border:0;
	padding: 0 20px;
	color: #fff;
	outline: none;
}
.about
{

	position: relative;
 
	-moz-transform: translateY(-40px);
	-webkit-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	transform: translateY(-40px);
	text-align: center;
	padding: 20px;
	margin-bottom: 10px;;
	border: 1px solid #eee;
	background-color: #fff;
}
.about p
{
	font-family: "Roboto-Regular";
	font-size: 16px;
	line-height: 30px;
	text-transform: capitalize;
}
.title  {
	font-family: "Roboto-Regular";
	font-size:28px; 
	font-weight:700;  
	letter-spacing:2px; 
	text-transform:uppercase;
	width:160px; 
	margin:auto;
	white-space:nowrap; 
	padding-bottom:13px;
	padding-top:13px;
	position: relative;
	margin-bottom: 30px;;

}
.title:before {
	background-color: #fcc515;
	content: '';
	display: block;
	height: 3px;
	width: 75px;
	margin-bottom: 5px;
}
.title:after {
	background-color: #fcc515;
	content: '';
	display: block;
	position:absolute; 
	right:0; 
	bottom:0;
	height: 3px;
	width: 75px;
	margin-bottom: 0.25em;
}
.vision img
{
	max-height: 300px;
	display: block;
	width: auto;
	max-width: 100%;
	margin: auto;
}
.vision-title  {
	font-family: "Roboto-Regular";
	font-size:28px; 
	font-weight:700;  
	letter-spacing:2px; 
	text-transform:uppercase;
	width:160px; 
	white-space:nowrap; 
	padding-bottom:13px;
	padding-top:40px;
	position: relative;
	margin-bottom: 40px;;
	text-align: center;
	margin: auto;
}
.vision-title:before {
	background-color: #fcc515;
	content: '';
	display: block;
	height: 3px;
	width: 75px;
	margin-bottom: 5px;
}
.vision-title:after {
	background-color: #fcc515;
	content: '';
	display: block;
	position:absolute; 
	right:0; 
	bottom:0;
	height: 3px;
	width: 75px;
	margin-bottom: 0.25em;
}
.vision p
{
	font-family: "Roboto-Regular";
	font-size: 14px;
	line-height:22px;
	margin-top: 30px;;
	text-transform: capitalize;
	min-height: 130px;;
}
.box-vision
{
	padding: 30px;;
	border: 1px solid #eee;
}
.border-bottom
{
padding-bottom: 40px;
margin-bottom: 20px;
border-bottom: 1px solid #ccc;
}
.product p
{
	text-align: left;
	margin-top: 5px;;
	font-size: 16px;
	line-height: 30px;
	font-family: "Roboto-Regular";
}
.small-title  {
	font-family: "Roboto-Regular";
	font-size:28px; 
	font-weight:700;  
	letter-spacing:2px; 
	text-transform:uppercase;
	white-space:nowrap; 
	padding-bottom:0px;
	padding-top:40px;
	position: relative;
	margin-bottom: 10px;;
	text-align: center;
	display: inline-block;
}
.small-title:after {
	background-color: #fcc515;
	content: '';
	position:absolute; 
	left:-25px; 
	bottom:15%;
	height: 3px;
	width: 20px;
	margin-bottom: 0.25em;
}
.margin-top-30
{
	margin-top: 40px;
}
#product .text-center p , #partners .text-center p
{
	text-align: center !important;
	margin:20px 0;
}
.product img
{
	display: block;
	height: auto;
	max-width: 100%;
}
.site-footer
{
	padding: 50px;
}
.widget.widget_block h2
{
	font-size: 20px;;
	margin-bottom: 30px;;
}
.widget.widget_block.widget_text p
{
	font-size: 14px;;
	font-weight: 300;
}
.footer-info-text
{
	background-color: #e5007e;
	text-align: center;
	font-family: "Roboto-Regular";

}
.footer-info-text p
{
	margin: 0;
	color: #fff;
}
.footer-info-text .site-info.py-4
{
	padding: 10px !important; 

}
.widget.widget_block.widget_recent_entries ul li
{
	margin-bottom: 10px;;
}
.widget.widget_block.widget_recent_entries ul li a
{
	color: #333;
	text-decoration: none;
	font-size: 14px;
	-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.widget.widget_block.widget_recent_entries ul li a:hover
{
	color: #e5007e;
	-webkit-transition: all 200ms ease;
-moz-transition: all 200ms ease;
-ms-transition: all 200ms ease;
-o-transition: all 200ms ease;
transition: all 200ms ease;
}
.social-footer
{
	list-style-type: none;
	padding: 0;
}
.social-footer li
{
	display: inline-block;
	margin: 0px 20px;

}
.social-footer li:first-child
{
	margin-left: 0;
}
.social-footer li a
{
	color: #e5007e;
	text-decoration: none;
	font-size: 30px;;
}
#partbership p:first-child
{
text-align: center !important;
}
#partbership .vision-title
{
	width: 350px;
}
.nf-form-fields-required
{
	display: none;
}
.text-center p
{
	text-align: center !important;
	margin: 30px 0;
}
.wp-block-image.has-custom-border img, .wp-block-image img
{
	width: 200px;;
}
.footer-widget-1 .wp-block-image.size-full
{
	margin-top: 60px;;
}