/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   5.8
Requires PHP:   7.0
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        3.0.2
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Pro Slug:  			neve-pro-addon
AMP: 						true
WordPress Available:  yes
Requires License:     no
Tags: blog, custom-logo, e-commerce, rtl-language-support, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles, footer-widgets, portfolio, left-sidebar, right-sidebar
*/
@import url('https://fonts.googleapis.com/css2?family=Reem+Kufi&display=swap');

body{
    background-image: url("img/bg-gif.gif");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-size: 100% 100%;
	background-blend-mode: color-dodge;
	font-family: 'Reem Kufi' !important;
}
.wrapper{
	background-image: url("img/header_bg.png");
    background-position: right top;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.nv-social-icons-list li:first-child a{
	background-image: url('img/fb-icon.png');
background-position: bottom right;
width: 90px;
height: 90px;
background-size: 100%;
background-color: transparent !important;
}
.nv-social-icons-list li:last-child a{
	background-image: url('img/yt-icon.png');
background-position: bottom right;
width: 90px;
height: 90px;
background-size: 100%;
background-color: transparent !important;
}
footer .c-left.single{
	position: relative;
	bottom: -25px;
}
footer .left.single{
	position: relative;
	bottom: -5px;
}
footer .hfg_footer{background-image: url("img/footer.png");
background-repeat: repeat-x;
background-size: 85%;
background-position: 0px 35px;}
header{z-index:99}
header, footer{width:100%;left:0;top:0;}
footer{bottom:0;top:inherit}
header .row.row--wrapper{
	display:flex !important;
}
header .hfg-slot.left{justify-content: center;
width: 25%;}
.nav-ul li{
	letter-spacing: 0.5px;
}
header .hfg-slot.center.single{
	align-items: center;
	margin:20px 0;
	width: auto;
display: flex;
justify-content: space-between;
}
.blog-post{
	display:flex;
}
.blog-post li{width:25%}
.blog-post li p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
    -moz-box-orient: vertical;
	width: 80%;
}
.blog-post li img{
	width:200px;
	height:180px;
}
.builder-item{
	padding: : 0px !important;
}
.gallery {
  background: #EEE;
}

.gallery-cell {
  width: 25%;
  height: 200px;
  margin-right: 10px;
  background: #8C8;
  counter-increment: gallery-cell;
}

/* cell number */
.gallery-cell:before {
  display: block;
  text-align: center;
  content: counter(gallery-cell);
  line-height: 200px;
  font-size: 80px;
  color: white;
}
.slider-gallery{width:90%;display:flex;justify-content:space-between}

.slider-gallery #myCarousel{
	width: 80%;
margin: auto;
}
.slider-gallery .left, .slider-gallery .right{
	background: transparent;
width: 8%;
left: 0;
right: 0;
position: relative;
margin: auto;text-align: center;
}
.slider-gallery svg{
	top: 50%;
position: relative;
width: 45px;
height: 45px;
color: #fff;
opacity: 1;
}
.slider-gallery  p{
	white-space: nowrap;
	width: 220px;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
	color: #fff;
	text-align: center;
	font-size: 19px;
	font-weight: 400;
	font-family: 'Reem Kufi' !important;
}
.component-wrap{
	font-family: 'Reem Kufi' !important;
}
.scroll-bar{
	height:60vh;overflow-y:scroll;
  scrollbar-width: thin;
  scrollbar-color: #edc500 #1d2327;
}

/* Works on Chrome, Edge, and Safari */
.scroll-bar::-webkit-scrollbar, .scroll-bar-gallery::-webkit-scrollbar, {
  width: 5px;
}

.scroll-bar::-webkit-scrollbar-track, .scroll-bar-gallery::-webkit-scrollbar-track, {
  background: #1d2327;
}

.scroll-bar::-webkit-scrollbar-thumb, .scroll-bar-gallery::-webkit-scrollbar-thumb, {
  background-color: #edc500;
  border-radius: 20px;
  border: 1px solid #1d2327;
}
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}
.section-home-page{margin:auto;top: 35px}
.page-header {
    padding-bottom: 0px;
    margin: 0px;
    display: none !important;
}
.salmicpt {
    width: 23%;
margin: 10px;
}
.titlecpt p {
    color: #fff;
    font-size: 19px;
}
.blog-post-list{display:flex;flex-wrap: wrap;}
.pagination {
    width: 100%;text-align:center;
}
.pagination .page-numbers.current{
	color: #000;
background: #fff;
padding: 5px 10px;
border-radius: 5px;
}
.pagination .page-numbers{
	color: #fff;
margin: 5px;
}
footer .nv-footer-content{display:flex !important;}
footer .left.single{width:75%}
.salmicpt div {
    text-align: center;line-height:1.5em;
}
.iv-branding .branding-img-container {
    float: right;
    display: none;
}
.mymodel, .mymodel-home{padding:0 !important;margin-bottom:8px !important}
.blog-post-list .container-thubnail{position: relative;text-align: center;
  color: white;}
.blog-post-list .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.blog-post-list img{
	width: 250px !important;
height: 200px !important;
border: 1px solid #fff !important;
border-radius: 5px !important;
}
.blog-post-list svg {
    height: 100%;
    left: 0;
    top: 0;
    width: 50%;
}
.slider-gallery .container-thubnail{position: relative;text-align: center;
  color: white;}
.slider-gallery .centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.salmicpt .container-thubnail img{
	width:250px !important;height:200px !important;border:1px solid #fff !important;border-radius:5px !important;
}
.slider-gallery .thumbnail-img-link img, .slider-gallery .container-thubnail img{
	min-width:225px ;min-height:169px ;border:3px solid #fff !important;border-radius:5px !important;
}
/*.slider-gallery svg {
    height: 100%;
    left: 0;
    top: 0;
    width: 50%;
}*/
.ytp-large-play-button-bg {
    -webkit-transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    transition: fill .1s cubic-bezier(0.4,0,1,1),fill-opacity .1s cubic-bezier(0.4,0,1,1);
    fill: #212121;
    fill-opacity: .8;
}
.ytp-large-play-button-bg:hover{
    transition: fill .1s cubic-bezier(0,0,0.2,1),fill-opacity .1s cubic-bezier(0,0,0.2,1);
    fill: #f00;
    fill-opacity: 1;
}
.pagination .page-numbers:hover{
	color: #edc500;
}
.modal-header{
	border:none !important;
	padding:5px !important;
	justify-content: end;
}
.modal-backdrop{
	background-color: transparent !important;
}
#myModal-home, #myModal{
	background: rgba(0,0,0,0.9);
}
#myModal .modal-dialog, #myModal-home .modal-dialog{max-width:882px !important;width: 100%}
.modal-header .close {
    padding: 10px !important;
}
.modal-body{
	background: #fff;
border-radius: 5px;
}
.single-blog-page{
	margin: 0px 5px !important;
	display: flex;
	max-width: 95% !important;
}
.slider-gallery svg:hover {
    color: #edc500;
}
.modal-header{
	text-align: end;padding:2px;
}
.modal-header svg{
	width:30px;height:30px;cursor: pointer;
}
.modal-content{
	background: none !important;
	box-shadow: none !important;
	border: none !important;
}
@media only screen and (max-width: 544px){
	header, footer{
		position: relative;
	}
	header .row.row--wrapper {
		display: flex !important;
		justify-content: space-between;
	}
	header .hfg-slot.left {
		justify-content: flex-start;
		width: 50% !important;
	}
	header .hfg-slot.right{
		justify-content: flex-end;
		width: 50% !important;
	}
	footer .nv-footer-content {
		display: flex !important;
		flex-wrap: wrap-reverse;
	}
	footer .left.single {
		width: 100% !important;
	}
	.navbar-toggle.active{
		background:#edc500;border: 1px solid #edc500;
	}
	#myModal, #myModal-home{
		width:100%;margin:auto;
	}
	#myModal .modal-dialog, #myModal-home .modal-dialog{width: 100% !important;
max-width: 100% !important;}
	#myModal .modal-dialog .accordion iframe, #myModal-home .modal-dialog .accordion iframe{
		width: 100%;
		height: 250px;
	}
	.modal-dialog{
		margin: 0px !important;
	}
}
@media only screen and (max-width: 640px){
	footer .left.single {
		width: 75%;
	}
	.salmicpt {
		width: 100% !important;
		margin: 10px 0 !important;
	}
	.contact-section .elementor-container.elementor-column-gap-default{
		display:flex;
		flex-wrap: wrap-reverse;
	}
	.item.active .col-xs-3:nth-child(-n+1){display:block !important;width:100%;text-align: center;}
	.item .col-xs-3{display:none}
	.slider-gallery p{margin:auto !important;}
	.slider-gallery .left, .slider-gallery .right {
		width: 15% !important;
		text-align: center !important;
	}
}

@media only screen and (max-width: 768px){
	.single-blog-page {
		margin: 0px auto 20px !important;
		display: block !important;
		max-width: 100% !important;
	}
	.single-blog-page div {
		width: 100% !important;
		margin: auto;
	}
	.single-blog-page div:last-child {
		height: auto !important;
		color: #fff;
	}
	header, footer{
		position: relative;
	}
	header .row.row--wrapper {
		display: flex !important;
		justify-content: space-between;
	}
	header .hfg-slot.left {
		justify-content: flex-start;
		width: 50%;
	}
	footer .left.single {
		width: 75%;
	}
	.salmicpt {
		width: 100% !important;
		margin: 10px 0 !important;
	}
	.scroll-bar, .scroll-bar-gallery{
		height:auto;overflow:auto;
	}
	.item.active .col-xs-3:nth-child(-n+1){display:block !important;width:100% !important;text-align: center;}
	.item .col-xs-3:nth-last-child(-n + 3){display:none !important}
	.slider-gallery img {
		width: 250px !important;
		height: 180px !important;
	}
	.slider-gallery .left, .slider-gallery .right {
		width: 15% !important;
		text-align: center !important;
	}
	.scroll-to-top.scroll-show-mobile{
		display:none !important;
	}
}
@media only screen and (max-width: 360px){
	.slider-gallery .left, .slider-gallery .right {
		width: 30% !important;
		text-align: center !important;
	}
	.slider-gallery #myCarousel{width:70% !important}
	.slider-gallery img {
		width: auto !important;
		height: auto !important;
	}
	.slider-gallery p {
		margin: auto;
		width: 150px !important;
	}
	.slider-gallery{
		padding:0 !important;
	}
}
@media only screen and (max-width: 1024px){
	header, footer{
		position: relative;
	}
	header .row.row--wrapper {
		display: flex !important;
		justify-content: space-between;
	}
	footer .left.single {
		width: 70%;
	}
	header .hfg-slot.center.single{width:70%}
	.page-header{display:none;}
	.salmicpt {
		width: 50%;
		margin: 10px 0;
	}
	.backgroung-color-read{
		background:transparent;
	}
	.item.active .col-xs-3:nth-child(-n + 2){display:block ;width:50%;text-align: center;}
	.item .col-xs-3{display:none}
	.slider-gallery img {
		width: 250px ;
		height: 180px;
	}
	.slider-gallery p{margin:auto ;width: auto ;}
	.slider-gallery .left, .slider-gallery .right {
		width: 10% ;
		text-align: center ;
	}
	.builder-item.desktop-left.tablet-left.mobile-left .component-wrap a.button{
		display:none !important;
	}
	.blog-post-list img {
		width: 230px !important;
		height: 180px !important;
	}
	body{
		background-size: cover !important;
	}
	footer .hfg_footer{
		background-size: cover !important;
		background-position: 0 25px  !important;
	}
	.nv-social-icons-list li:first-child a, .nv-social-icons-list li:last-child a{
		width: 70px;
		height: 70px;
	}
}
.item.active{
	display:block;
}
.item{
	display:none
}

.single-blog-page div{width:100%;margin: auto !important;}
.single-blog-page div:first-child{
	text-align: center;
}
.single-blog-page div.nv-thumb-wrap img{
	max-width: 85%;
	height: auto;
	border: 1px solid #fff;
    border-radius: 5px;
}
.single-blog-page .nv-content-wrap.entry-content .knowledge-section{
	height: 60vh;
	overflow-y: scroll;
	scrollbar-width: thin;
	scrollbar-color: #edc500 #1d2327;
	color: #fff;
	text-align: left;
}
.single-blog-page div:last-child p {
    margin-bottom: 10px;
}
.thumbnail-img-link img{margin-bottom:8px;}
.items {
    width: 90%;
    margin: 0px auto;
}

.slick-slide {
    margin: 10px
}

.slick-slide img {
    width: 100%;
    border: 0px solid #fff
}
.slick-prev, .slick-next{
	width: 100px !important;
    height: 100px !important;
}
.slick-prev{
	left: -75px !important;
}
.slick-next{
	right: -75px !important;
}
.slick-prev:before, .slick-next:before {
    color:#fff !important;
    content: '' !important;
    background-image: url(img/arr-1.png);
    display: table;
    width: 50%;
    height: 50%;
    background-position: center center;
    background-size: cover;
    opacity: 1 !important;
}
.slick-next:before {
    background-image: url(img/arr-2.png);
    float: right;
}
@media only screen and (max-width: 1024px){
	.slick-prev {
	    left: -55px !important;
	}
	.slick-next {
	    right: -55px !important;
	}
	.slick-prev, .slick-next {
	    width: 90px !important;
	    height: 90px !important;
	}
	.slick-slide img {
	    display: inline !important;
	}
	.item.slick-slide{
		text-align: center;
	}
}

@media only screen and (max-width: 991px){
	.slider-gallery .thumbnail-img-link img, .slider-gallery .container-thubnail img{
		min-width: auto;
		min-height: auto;
		max-height: 135px;
	}
}
@media only screen and (max-width: 768px){
	.slick-prev {
	    left: -40px !important;
	}
	.slick-next {
	    right: -40px !important;
	}
	.slick-prev, .slick-next {
	    width: 70px !important;
	    height: 70px !important;
	}
	.slick-slide img {
	    display: inline !important;
	}
	.item.active.slick-slide{
		text-align: center;
	}
	.wrapper{
		background-attachment: scroll !important;
	}
	.hfg-slot.right{
		width: 50%;
	}
}
@media only screen and (max-width: 544px){
	.single-blog-page {
	    margin: 50px auto 20px !important;
	    display: block !important;
	    max-width: 100% !important;
	}
	.nv-content-wrap.entry-content ul li {
	    font-size: 17px !important;
	}
	.single-blog-page div:last-child{
		margin: 5px auto !important;
		width: auto !important;
	}
	.slick-prev, .slick-next {
	    width: 70px !important;
	    height: 70px !important;
	}
	.slick-prev {
	    left: -20px !important;
	}
	.slick-next {
	    right: -20px !important;
	}
	.slick-slide{
		padding: 15px;
	}
	.slider-gallery p{
		width: 150px !important;
	}
	.slider-gallery img {
	    width: 250px !important;
	    height: 180px !important;
	}
}
.contact-details, .contact-details:hover{
	color: #fff;
}
.contact-details:hover{
	color: #edc500;
}
.media-contact strong, .blog-knowledge{
	color: #edc500;
	font-size: 19px;
	font-weight: 500;
	font-family: 'Reem Kufi', sans-serif;
}
.blog-knowledge{
	font-size: 22px;margin: 20px 0;line-height: 1.3em;
}
.highlights{
	color: #002776;
	background: #edc500;
	padding: 0 10px;
}
.nv-content-wrap.entry-content ul{
	margin: 0 0 10px;
	padding: 0 40px;
}
.nv-content-wrap.entry-content ul li{
	font-size: 19px;
	line-height: 1.3em;
	margin: 5px 0;
}
.home-banner-section{
	color: #edc500;
}
.background-sectin .elementor-widget-wrap:hover{
	animation-name: elementor-animation-pulse;
animation-duration: 1s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.nav-ul li.current-menu-item > a{
	font-family: 'Reem Kufi' !important;
}
.publications{
	display: flex;
	flex-wrap: wrap;
}
.publications .section{
	width: 50%;
}
.publications .section img{
	width: auto;
	height: auto;
}
.nav-ul a{
	font-family: 'Reem Kufi' !important;
}
.blog-title h2{
	text-align: left;
	margin: 10px 0;
}
.home-title:hover p{
	color: #edc500;
}

.scroll-bar-gallery .e-gallery-item {
  background-color:#ddc;
  border:solid 15px #eee;
  border-bottom-color:#fff;
  border-left-color:#eee;
  border-radius:2px;
  border-right-color:#eee;
  border-top-color:#ddd;
  box-shadow:0 0 5px 0 rgba(0,0,0,.25) inset, 0 5px 10px 5px rgba(0,0,0,.25);
  box-sizing:border-box;
  display:inline-block;
  margin:0px;
  height:auto;
  padding:10px;
  position:relative;
  text-align:center;
}