/*
Theme Name:     Neve
Theme URI:      https://themeisle.com/themes/neve/
Author:         ThemeIsle
Author URI:     https://themeisle.com
Tested up to:   6.2
Requires PHP:   7.0
Requires at least: 5.5
Description:    Neve is a next-generation, ultra-fast WordPress theme designed for top performance, SEO, and Core Web Vitals. Its lightweight codebase and small size ensure minimal overhead and lightning-fast load times. Fully compatible with the block editor, popular page builders (Elementor, Bricks, Oxygen etc), and WooCommerce, it’s perfect for blogs, small businesses, agencies, portfolios, and online stores. With responsive design, multilingual translations, and easy customization options, Neve empowers you to create a future-proof, high-ranking online presence. Discover everything Neve has to offer and explore our powerful premium version at https://themeisle.com/themes/neve/.
Version:        4.0.1
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("/wp-content/themes/neve/assets/font/style.css");

body{
	font-family: 'Cairo Regular' !important;
	color: #fff !important;
}
:root{
	--bg-primary:#2f3237;
	
}

header.header {
    position: fixed;
    z-index: 100000;
    inset: 0 0 auto 0;
}
#header-grid{
    transition: .4s ease;
}
header.header .site-logo img.neve-site-logo.skip-lazy {
    min-width: 260px;
}
.header--row-inner.header-main-inner,
header.header .container {
    background-color: var(--bg-primary);
	color: #fff;
}
header.header .container .nav-ul li a{
	color: #fff;
    font-weight: 600;
	font-size: 18px;
}
ul#nv-primary-navigation-main, .header-main-inner .hfg-slot {
    gap: 3rem;
}

button.navbar-toggle:hover, button.navbar-toggle:focus {
    background-color: transparent;
    outline: none;
}
.navbar-toggle {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    background-color: transparent;
    border: none;
    outline: none;
}
button.hamburger.is-active.navbar-toggle.active .bars .icon-bar {
    background-color: #1e1e1e;
}
.footer-top-inner.footer-content-wrap {
    background: linear-gradient(180deg, var(--bg-primary) 0%, #000000 100%);
}
footer#site-footer .wp-block-group {
    gap: 3rem;
    color: #fff;
    padding: 5rem 0;
}
footer#site-footer .hide-on-mobile.hide-on-tablet .wp-block-group{
    display: flex;
    justify-content: space-evenly;
	height: 400px;
}
footer#site-footer .wp-block-group .first-column hr {
    color: #fff;
}
footer#site-footer .wp-block-group .first-column .social-icons {
    display: flex;
    gap: 1rem;
    align-items: center;
}
footer#site-footer .wp-block-group .column h6 {
    margin: 0 auto 0 15px;
    font-size: 18px;
    font-weight: 800;
}
footer#site-footer .wp-block-group ul.footer-nav {
    height: 100%;
    display: flex;
    flex-flow: column wrap;
}
footer#site-footer .wp-block-group .first-column {
    flex: 0 1 300px;
}
footer#site-footer .wp-block-group ul.footer-nav li {
	padding: 0 1rem;
}
footer#site-footer .wp-block-group ul.footer-nav li a{
	color: #fff;
}
footer#site-footer .footer-bottom {
    display: none;
}

/* home page */
.home.page-id-31 .header--row-inner.header-main-inner,
.home.page-id-31 header.header .container,
.home.page-id-31 #header-grid nav.header-main {
    background-color: transparent;
}
#banner-section {
	position: relative;
    height: 100vh;
    background-size: cover;
    background-position: center center;
}
#banner-section .banner {
    position: absolute;
    inset: 0 0 0 0;
    background-color: #0000004d;
}
#banner-section .banner .banner-content {
    position: absolute;
    z-index: 10;
    inset: 50% auto auto auto;
    transform: translateY(-50%);
    width: min(750px, 100%);
    padding: clamp(1.8rem, 8vw, 4rem);
}
.banner-content h1{
	font-size: clamp(36px,7vw,72px);
	font-weight: 500;
}
a.banner-link-btn {
	display: inline-block;
    padding: 0.7rem clamp(2.7rem,5vw,3.5rem);
    border: 1px solid #fff;
    margin-top: 1.5rem;
    font-size: clamp(14px,4vw,20px);
    font-weight: 500;
}
a.banner-link-btn:hover, a.banner-link-btn:focus {
    color: #fff;
}
#mission-statement {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
}
.mission-content {
    background: linear-gradient(180deg, var(--bg-primary) 0%, #888F9D 100%);
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
    padding: 5rem clamp(1.5rem,7vw,4rem);
}
.mission-content h1{
	font-size: 48px;
    font-weight: 500;
}
.mission-content p{
	font-size: 18px;
}

#what-we-do {
    color: #1E1E1E;
    background: linear-gradient(180deg, #EBEBEB 0%, #BCC4D1 100%);
    padding: 4rem 0;
}
div#what-we-do h1 {
    padding-bottom: 0;
}
#what-we-do h1, .services-content {
    width: min(1248px, 90%);
    margin: 0rem auto;
    padding: 5rem 0;
    font-size: 52px;
    font-weight: 500;
}
.services-content {
    gap: 3rem;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
.service-box img {
    width: 100%;
	aspect-ratio: 3/2;
}
.service-box p {
    font-size: 22px;
    font-weight: 400;
}

.short-banner {
    position: relative;
	height: 400px;
    background-image: linear-gradient(180deg, var(--bg-primary) 0%, #888F9D 100%);
}
.short-banner .short-banner-content {
    position: absolute;
    z-index: 10;
    inset: 50% 0 auto auto;
    transform: translateY(-50%);
    width: min(826px, 94%);
    font-size: clamp(28px,7vw,44px);
    font-weight: 400;
    line-height: 1.1;
    text-transform: uppercase;
}

.contact-section {
    width: min(1248px, 94%);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin: 6rem auto;
    color: #1e1e1e;
    gap: 2rem;
    padding: clamp(1rem, 3vw, 4rem);
    border: 1px solid #BCC4D1;
}
.contact-section img {
    width: min(534px,100%);
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
.contact-content h1 {
    font-size: 52px;
    font-weight: 500;
}
.contact-content p {
    margin: 2rem auto;
    font-size: 18px;
}
.contact-content a.banner-link-btn {
    border: 1px solid #1e1e1e;
    color: #1e1e1e;
    padding: 0.7rem 0;
    width: 100%;
    text-align: center;
}
.contact {
    padding: 1rem 0rem;
    background: linear-gradient(180deg, #EBEBEB 0%, #BCC4D1 100%);
}

/* home page */

.full-width{
	width: min(1248px,100%);
    margin: 3rem auto;
}

/* about page */
.page-id-6 {
    color: white;
    background-color: var(--bg-primary);
}
.nv-page-title-wrap.nv-big-title{
	display: none;
}
#about-page-content{
	position: relative;
	margin-bottom: calc(475px - 7rem);
}
#about-page-content .banner-text h1{
	font-size: clamp(40px,7vw,72px);
	font-weight: 500;
    margin-bottom: clamp(2rem, 9vw, 6rem);
}

#about-page-content .banner-text p{
    background-color: var(--bg-primary);
    padding: 2rem;
    width: min(620px, 86%);
    font-size: clamp(16px, 4vw, 22px);
}
#about-page-content {
	position: relative;
    top: -20rem;
    margin: 0 auto;
    left: clamp(1.8rem, 6vw, 4rem);
    right: clamp(1.8rem, 6vw, 4rem);
}
#biography {
    width: 86%;
    margin: 0;
    position: relative;
    top: 8rem;
}
#biography h1.wp-block-heading {
    margin-bottom: 4rem;
    font-size: 52px;
    font-weight: 500;
}
.bio-box {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
#btimeline-91 .timeline__wrap{
    /* overflow: visible; */
}
#btimeline-91 .timeline__item.timeline__item--top {
    height: fit-content !important;
    padding-bottom: 130px;
}
#btimeline-91 .timeline__content {
    background-color: transparent;
    border: none;
    padding: 0;
}
#btimeline-91 button.timeline-nav-button.timeline-nav-button--prev::after,
#btimeline-91 button.timeline-nav-button.timeline-nav-button--next::after {
    content: "";
    display: block;
    width: 18px;
    height: 2px;
    background-color: #c7c8c8;
    position: absolute;
    bottom: 19px;
}
#btimeline-91 button.timeline-nav-button.timeline-nav-button--prev::after{
    left: 17px;
}
#btimeline-91 button.timeline-nav-button.timeline-nav-button--next::after{
    left: 5px;

}
#btimeline-91 button.timeline-nav-button {
    top: 50% !important;
    background-color: transparent;
    border: none;
    transform: scale(1.5);
}
#btimeline-91 button.timeline-nav-button:disabled{
    display: none;
}
#btimeline-91 .timeline--horizontal .timeline__item .timeline__content::after,
#btimeline-91 .timeline--horizontal .timeline__item .timeline__content::before,
#btimeline-91 .timeline--mobile .timeline__item .timeline__content:before,
#btimeline-91 .timeline--mobile .timeline__item .timeline__content:after,
#btimeline-91 .content_horizontal_start .timeline-divider{
    display: none;
}
#btimeline-91 .timeline--horizontal .timeline__item:after,
#btimeline-91 .timeline--mobile .timeline__item:after {
    content: "";
    transform: translate(-15px,-40px);
    outline: 11px solid #888F9D;
    border: 7px solid #2f3237;
    width: 35px;
    height: 35px;
    background-color: #BCC4D1;
    box-shadow: 3px 0px 40px #00000040;
}
#btimeline-91 .timeline__content h2 {
    position: absolute;
    z-index: 1000;
    inset: auto 0 0 0;
    text-align: center;
    bottom: clamp(-90px, -7vw, -35px);
    color: #BCC4D1;
    font-size: 22px;
}
#btimeline-91 .timeline--horizontal .timeline__item:before,
#btimeline-91 .timeline--mobile .timeline__item:before {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    position: absolute;
    inset: auto -10px 17px 10px;
    transform: translateX(50%);
    background: linear-gradient(90deg, #888F9D 0%, #2F3237 50%, #888F9D 100%);
}
#btimeline-91 .timeline--mobile .timeline__item:before {
    inset: auto -10px 22px 10px;
}
#btimeline-91 .timeline:not(.timeline--horizontal):before {
    display: none;
}
#btimeline-91 .timeline--mobile .timeline__item:after {
    inset: auto auto -30px 48%;
}
#btimeline-91 .timeline--mobile .timeline__items{
    align-items: stretch !important;
    overflow: auto !important;
    scrollbar-width: none;
    scroll-snap-type: x mandatory;
}
#btimeline-91 .timeline--mobile .timeline__item {
    padding: 0;
    padding-bottom: 70px;
    scroll-snap-align: start;
}
#btimeline-91 .timeline--mobile {
    padding: 0;
    padding-bottom: 30px;
}
.bio-box img {
    display: block;
    flex: 1 1 60%;
    max-width: 530px;
    aspect-ratio: 4 / 3;
    background-color: #fff;
    object-fit: cover;
}
.bio-box .bio-desc {
    max-width: 500px;
    flex: 0 1 80%;
    background-color: #fff;
    color: var(--bg-primary);
    padding: clamp(1rem,2vw,2rem);
    box-shadow: -10px 4px 50px 0px #00000033;
    transform: translate(-10%, 28%);
}
.bio-desc h3 {
    margin: 0;
    font-size: clamp(20px,3vw,28px);
}
.bio-desc .bio-date{
	font-size: clamp(18px,2vw,22px);
}
.bio-desc .bio-position{
    display: block;
    font-size: clamp(22px, 4vw, 28px);
    line-height: 1;
    margin-top: 1rem;
}
.bio-desc .bio-details{
    font-size: clamp(14px,3vw,18px);
}

.short-banner.content-left {
    display: flex;
    justify-content: flex-end;
	height: 300px;
}
.short-banner.content-left .short-banner-content {
    inset: 50% auto auto 0;
    padding-left: 3rem;
    font-weight: 500;
}



/* about page */

@media screen and (max-width:768px) {
    .page-id-6 #banner-section {
        height: 70vh;
        background-position: right center;
    }
    #about-page-content {
        top: -8rem;
    }
    .bio-box .bio-desc{
        transform: translate(8%, -15%);

    }
}