/*!
Theme Name: Encore
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: encore
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Encore is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments*/


*{
    outline:none;
    transition: all 0.3s ease 0s;
	 box-sizing: border-box;
}
html {
  -webkit-text-size-adjust: 100%;
}

@font-face {
    font-family: 'Druk';
    src: url('https://encore-mena.com/wp-content/themes/encore/fonts/DrukWideBold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
body{
    background-color:#F9F9F9;
    padding:0;
    margin:0;
    position: relative;
	display: block;
}
body.hide{
	overflow:hidden;
}
h1{
    font-family: 'Druk';
	margin:0;
	padding:0;
}
img{
    max-width:100%;
}
ul{
    margin:0;
    padding:0;
}
li{
    list-style: none;
}
p,h2,h3,h4,a,span,input,textarea,button,div{
    font-family: "Manrope", sans-serif;
	margin:0;
	padding:0;
}
h1 p, h1 h2, h1 h3, h1 h4, h1 a, h1 span,h1 input,h1 textarea,h1 button, h1 div{
	
    font-family: 'Druk';
}
a{
    text-decoration: none;
}



.desktop_header{
    position:absolute;
    top:50px;
    left:0;
    width:100%;
    z-index: 9999;
    height:70px;
}
.header-flex{
    width:95%;
    margin:auto;
    height:70px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	max-width:1800px;
}
.logo{
    width:200px;
}
.logo img{
    max-height: 60px;
    max-width: 200px;
}
.menu ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color:#1d1d1d;
    border-radius:16px;
    padding:5px 8px;
	gap:10px;
}

.menu ul li a{
	padding:8px 12px;
}
.menu ul li.current_page_item a{
	background:rgba(255,255,255,0.2);
	color:#fff;
	opacity:1;
	border-radius:10px;
}


.menu ul li a{
    color:#fff;
    font-size:16px;
    font-weight:400;
	opacity:0.6;
	transition:all 1s ease 0s;
}
.menu ul li a:hover{
	
	background:rgba(255,255,255,0.2);
	opacity:1;
	border-radius:10px;
}
.menu ul li{
	padding:5px 0px;
	margin:5px 0px;
}
.header_icons{
    display: flex;
    align-items: center;
    width:200px;
    justify-content: flex-end;
	gap:30px;
}
.header_icons_search{
    cursor: pointer;
}
.header_icons_language{
    cursor: pointer;
}

.menu-item{
	position:relative;
}
.sub-menu{
	position:absolute;
	opacity:0;
	visibility:hidden;
    width: max-content;
    flex-direction: column;
    top: 40px;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
	transition:all 0.3s ease 0s;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0px);
}
.menu-item:hover .sub-menu{
	opacity:1;
	visibility:visible;
	top:45px;
}

.fixed-menu .sub-menu{
	top:auto;
	bottom:40px;
}
.fixed-menu .menu-item:hover .sub-menu{
	top:auto;
	opacity:1;
	visibility:visible;
	bottom:45px;
}
.main_section{
    background-color: #CA0E1F;
    width:100vw;
    height:100vh;
	min-height:560px;
    top:0;
    left:0;
    margin:0;
    padding:0;
    position: relative;
    display: flex;
}
.main_section_content{
    width:50%;
    padding-left:5%;
}
.main_section_content h1{
    padding-top:40vh;
    font-size:60px;
    color:#fff;
    line-height: 100%;
    text-transform: uppercase;
}
.main_section_content p{
    margin-top:20px;
    font-size:16px;
    font-weight:400;
    color:#fff;
	width:90%;
}
.main_section_content a{
    background-color:#fff;
    color:#1F1C1C;
    font-size:16px;
    font-weight:600;
    padding:12px 32px;
    border-radius:100px;
    display: inline-block;
    margin-top:20px;
	transition:all 0.3s ease 0s;
}

.main_section_content a:hover{
	background-color:#1d1d1d;
	color:#fff;
}


.main_section_slider{
    width:50%;
    height:100%;
    position: relative;
}
.main_section_slider_item{
    width:100%;
    height:100%;
}
.main_section_slider_item .background-image{
    position: absolute;
    width:100%;
    height:100%;
    z-index:1;
    top:0;
    left:0;
}
.main_section_slider_item .background-image img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.main_section_slider_item .background-opacity{
    position: absolute;
    bottom:0;
    width:100%;
    height:100%;
    left:0;
    z-index:2;
    background:linear-gradient(180deg, rgba(0,0,0,0)50%, rgba(0,0,0,1)100%);
}
.main_section_slider_item-content{
    position: absolute;
    z-index: 3;
    bottom:100px;
    left:50px;
}
.main_section_slider_item_tags{
    display: flex;
    align-items: center;
	gap:10px;
	flex-wrap:wrap;
    justify-content: flex-start;
}
.main_section_slider_item_tags p{
    font-size:16px;
    color:#1d1d1d;
    text-transform: uppercase;
    margin:0;
	background-color:#fff;
	padding:8px 24px;
	border:2px solid #1d1d1d;
	border-radius:100px;
	font-family:'Druk';
	font-weight:700;
	
}

.main_section_slider_item-content h1{
    font-size:40px;
    color:#fff;
    margin-top:20px;
	line-height:100%;
}
.main_section_slider_item_desc p{
    width:80%;
    color:#fff;
	margin-top:20px;
    font-size:14px;
    font-weight:400;
}


.about_us{
    margin-top:150px;
    width:100%;
    margin-bottom:150px;
}
.container{
    width:95%;
    margin:auto;
    position: relative;
	max-width:1800px;
}
.about_us_flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.about_us_header{
    width:45%;
}
.about_us_header h1{
    margin:0;
    font-size:60px;
    text-transform: uppercase;
}
.about_us_text{
    width:50%;
}
.about_us_text p{
    font-size:16px;
    color:#1F1C1C;
    font-weight:400;
}
.about_us_text span{
    color:#1d1d1d;
}
.about_us_logos{
    margin-top:50px;
    width:100%;
}

.about_us_logos .slick-list{
	overflow:hidden;
}
.about_us_logos .slick-track{
	display:flex;
}

.about_us_logos img{
	max-height:100px;
	object-fit:contain;
}

.services_main{
    margin-top:100px;
}
.services_main_list{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
	margin-top:50px;
}
.services_main_list_header{
    position: sticky;
    top: 0px;
    width:45%
}

.services_header h1{
    font-size:70px;
    font-weight:bold;
    margin:0;
    text-transform: uppercase;
}

.services_main_list_item img{
    height:300px;
    width:100%;
    border-radius:20px;
    overflow:hidden;
    object-fit: cover;
}
.services_main_list_item h1{
    font-size:20px;
    margin-top:20px;
}
.services_main_list_item p{
    margin-top:20px;
    font-size:16px;
    color:#000;
    font-weight: 400;
}
.services_main_list_item a{
    display: inline-block;
    background-color:#CA0E1F;
    padding:12px 32px;
    font-size:16px;
    font-weight:600;
    border-radius: 100px;
    color:#fff;
    margin-top:20px;
	transition:all 0.3s ease 0s;
}

.services_main_list_item a:hover{
	background-color:#1d1d1d;
	color:#fff;
}

.services_main_list_services{
    display: flex;
    width:50%;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
}
.services_main_list_services_item{
    width:100%;
    margin-bottom:20px;
    display: flex;
    padding:16px 25px;
    align-items: center;
    justify-content: space-between;
    border:2px solid #000;
    border-radius:10px;
}


.services_main_list_services_item h1{
    width:80%;
    font-size: 26px;
    text-transform: uppercase;
	transition:all 0.3s ease 0s;
}

.services_main_list_services_item path{
	
	transition:all 0.3s ease 0s;
}
.services_main_list_services_item svg{
    width:60px;
    height:60px;
}


.cases_main{
    margin-top:100px;
}
.cases_main_header h1{
    font-size:70px;
    text-transform: uppercase;
}

.cases_main_flex{
    display: flex;
    align-items: stretch;
	justify-content:flex-start;
	gap:1%;
    width: 100%;
    margin-top:30px;
	flex-wrap:wrap;
}
.cases_main_item{
    width:24%;
	margin-top:20px;
    position: relative;
}
.cases_main_item .cases_main_item_image{
    position: relative;
    width:100%;
	aspect-ratio:9 / 12;
    border-radius:10px;
    overflow: hidden;
}
.cases_main_item .cases_main_item_image img{
    width:100%;
    height:100%;
    object-fit: cover;
	transition:all 1s ease 0s;
}
.cases_main_item_image span{
	width:100%;
	height:100%;
}
.cases_main_item:hover .cases_main_item_image img{
	transform:scale(1.1)
}

.cases_main_item:hover .cases_main_item_content h1{
	text-decoration:underline;
}
.cases_main_tags{
    position: absolute;
    bottom:10px;
    left:10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
	flex-wrap:wrap;
}
.cases_main_tags p{
    background:#fff;
    border:2px solid #000;
    border-radius:100px;
    padding:4px 15px ;
    font-family:'Druk';
    font-size:10px;
    margin-right:5px;
	color:#000;
	margin-top:5px;
	text-transform:uppercase;
	font-weight:700;
}
.cases_main_item_content{
    margin-top:20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;

}
.cases_main_item_content h1{
    font-size:20px;
    margin:0;
	color:#000;
}
.cases_main_item_content p{
    font-size:14px;
    color:#1d1d1d;
	margin-top:15px;
}
.cases_main_item_content_button{
    color:#CA0E1F;
    font-size:18px;
    font-weight:bold;
    display: inline-block;
	position:absolute;
	top:10px;
	right:10px;
	width:50px;
	height:50px;
}

.cases_main_item_content_button img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.cases_main_button{
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top:100px;
}
.cases_main_button a{
    font-size:20px;
    font-family: 'Druk';
    color:#CA0E1F;
	transition:all 1s ease 0s;
	font-weight:700;
}
.cases_main_button a:hover{
	color:#000;
}
.reviews_main{
	margin-top:100px;
}
.reviews_header h1{
	font-size: 70px;
    text-transform: uppercase;
}

.reviews_main_flex{
	margin-top:30px;
}
.reviews_main_flex .slick-list{
	overflow:hidden;
}


.reviews_main_flex .slick-track{
	display:flex;
}

.reviews_main_flex_item{
	background-color:#fff;
	border-radius:24px;
	padding:15px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:15px;
	margin:0px 10px;
}

.reviews_main_flex_item .reviews_main_flex_item_job{
	font-size:16px;
	color:#CA0E1F;
	font-weight:500;
}

.reviews_main_flex_item img{
	width:100px;
	height:100px;
	border-radius:50%;
	object-fit:cover;
}
.reviews_main_flex_item h1{
	font-family:'Druk';
	font-size:20px;
	letter-spacing:-2%;
	line-height:100%;
}

.reviews_main_flex_item p{
	font-size:14px;
	font-weight:400;
	opacity:0.6;
}

.blog_main{
	margin-top:100px;
}

.blog_main-header h1{
	font-size: 70px;
    text-transform: uppercase;
}

.blog_main_flex{
	display:flex;
	align-items:flex-start;
	justify-content:flex-end;
	gap:24px;
}

.blog_main_flex_item_list{
	width:100%;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-top:30px;
}


.blog_main_flex_main_item{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	width:32%;
}
.blog_main_flex_item{
	margin-bottom:20px;
	width:32%;
}
.blog_main_flex_item span{
	width:100%;
}

.blog_main_flex_tags ul{
	display:flex;
	align-items:center;
	gap:10px;
	justify-content:flex-start;
}

.blog_main_flex_tags li{
	color:#CA0E1F;
	font-size:14px;
	margin-top:10px;
	margin-bottom:0px;
}
.blog_main_flex_main_item h1, .blog_main_flex_item h1{
	font-size:26px;
	letter-spacing:-1%;
	line-height:100%;
	margin-top:10px;
	color:#000;
	margin-bottom:0px;
}
.blog_main_flex_item{
	overflow:hidden;
}
.blog_main_flex_item:hover img{
	transform:scale(1.1)
}
.blog_main_flex_item:hover h1{
	text-decoration:underline;
}
.blog_main_flex_main_item img, .blog_main_flex_item img{
	width:100%;
	height:400px;
	object-fit:cover;
	transition: all 0.3s ease 0s;
	border-radius:24px;
}

.blog_main_flex_button{
	margin-top:50px;
}

.blog_main_flex_button a{
	display:inline-block;
	color:#CA0E1F;
	font-family:'Druk';
	font-size:16px;	
	font-weight:700;
}
.contact_main{
	margin-top:100px;
}
.contact_main_header h1{
	font-size: 70px;
    text-transform: uppercase;
}

.contact_main_flex{
	margin-top:50px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:24px;
}

.contact_main_flex_data{
	width:50%;
	margin-bottom:100px;
}
.contact_main_flex_map iframe{
	width:100%;
	height:400px;
	border-radius:24px;
	overflow:hidden;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}
.contact_main_flex_data_gap{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	flex-wrap:wrap;
}
.contact_main_flex_data_address{
	margin-top:100px;
}
.contact_main_flex_data_address p{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	text-decoration:underline
}
.contact_main_flex_data_gap_item{
	width:48%;
	display:flex-start;
	justify-content:space-between;
	flex-direction:column;
	margin-top:20px;
}
.contact_main_flex_data_gap_item p{
	font-size:16px;
	font-size:400;
	margin:0;
	margin-bottom:5px;
}
.contact_main_flex_data_gap_item a{
	font-weight:600;
	color:#000;
	font-size:18px;
	transition:all 1s ease 0s;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
}
.contact_main_flex_data_gap_item a:hover{
	color:#CA0E1F
}
.contact_main_flex_data_socials{
	margin-top:30px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:16px;
}
.contact_main_flex_data_socials a{
	display:flex;
	align-items:center;
	justify-content:center;
}



footer{
	background:#1F1C1C;
	width:100%;
	padding:100px 0px 100px 0px;
	margin-top:50px;
	position:relative;
	z-index:100;
}
.footer_flex{
	width: 80%;
    max-width: 1330px;
    margin: auto;
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.footer_column{
	width:40%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.footer_left_side{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:10px;
}
.footer_left_side img{
	max-width:300px;
	margin-bottom:50px;
}

.footer_left_side p{
	color:#fff;
	font-size:16px;
	font-weight:500;
	margin:0;
}
.footer_left_side a{
	color:#fff;
	text-decoration:underline;
	font-size:16px;
	font-weight:500;
}
.footer_column h1{
	font-size:16px;
	color:#fff;
}
.footer_menu ul{
	display:flex;
	align-items:flex-start;
	justify-content:center;
	gap:10px;
	flex-direction:column;
	margin-top:20px;
}
.footer_column li a{
	color:#fff;
	font-weight:400;
	color:#fff;
	transition:all 0.3s ease 0s;
}
.footer_column a{
	color:#fff;
	font-weight:400;
	color:#fff;
	transition:all 0.3s ease 0s;
}
.footer_menu li a:hover{
	opacity:0.6;
}
.footer_column:nth-child(2){
	flex-direction:column;
	justify-content:flex-end;
	align-items:flex-end;
}
.footer_column_item p{
	text-align:right;
	color:#fff;
	font-size:16px;
	margin:0;
	font-weight:500;
	margin-bottom:5px;
}
.footer_column_item a{
	font-weight:500;
	color:#fff;
	font-size:14px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:10px;
}
.footer_column_item a path{
	stroke:#fff;
}
.footer_column_item{
	margin-top:20px;
}
.footer_socials{
	margin-top:20px;
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:16px;
}
.footer_socials a{
	font-size:14px;
	font-weight:400;
	color:#fff;
	text-decoration:underline;
}
.footer_address{
	margin-top:20px;
}
.footer_address p{
	color:#fff;
}

.feedback_form{
	width:50%;
	margin-top:30px;
	overflow:hidden;
}
.feedback_form form{
	width:100%;
	display:flex;
	align-items:flex-end;
	justify-content:space-between;
	flex-direction:column;
	gap:15px;
}
.feedback_form p, .feedback_form p span{
	width:100%;
}
	.feedback_form form label{
	width:100%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	gap:8px;
	font-size:14px;
	font-weight:600;
	color:#000;
}
.feedback_form form label input{
	width:100%;
	border:1px solid #dbdbdb;
	border-radius:12px;
	padding:12px 8px;
	background-color:#fff;
	transition:all 0.3s ease 0s;
}
.feedback_form form label input:focus{
	border:1px solid #000;
}

.contact-bottom-flex{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	margin-top:30px;
}
.left-contact, .right-contact{
	width:50%;
}
.left-contact .contact_main_flex_data_gap_item a{
	font-size:25px;
	font-family:'Druk';
	color:#000;
	text-decoration:underline;
		display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	gap:40px;
	transition:all 0.3s ease 0s;
}
.left-contact .contact_main_flex_data_gap_item a:hover{
	color:#CA0E1F
}

.contact_main_flex_data_gap_item-socials{
	margin-top:50px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	gap:20px;
}
.contact_main_flex_data_gap_item-socials a{
	color:#000;
	transition:all 1s ease 0s;
	font-size: 25px;
    font-family: 'Druk';
    color: #000;
    text-decoration: underline;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    transition: all 0.3s ease 0s;
	font-weight:700;
}
@media(max-width:768px){
	.contact_main_flex_data_gap_item-socials a{
		font-size:20px;
	}
}

.contact_main_flex_data_gap_item-socials a:hover{
	color:#CA0E1F;
}
.feedback_form form label textarea{
	width:100%;
	height:250px;
	resize:none;
	border:1px solid #dbdbdb;
	border-radius:12px;
	padding:12px 8px;
	background-color:#fff;
	transition:all 0.3s ease 0s;
}
.feedback_form form label textarea:focus{
	border:1px solid #000;
}

.feedback_form form .wpcf7-submit{
	cursor:pointer;
	padding:12px 24px;
	background-color:#000;
	color:#fff;
	font-size:16px;
	font-weight:600;
	border:none;
	border-radius:100px;
	transition:all 0.3s ease 0s;
}

.feedback_form form .wpcf7-submit:hover{
	background-color:#CA0E1F;
}

.projects-content{
	padding-top:230px;
}

.projects-content-header h1{
	font-size:80px;
	text-transform:uppercase;
	letter-spacing:-0.05rem;
	margin:0;
}
.projects-content-header p{
	margin-top:10px;
	font-size:18px;
	color:#000;
}


.projects-content-line{
	margin-top:30px;
	width:100%;
}
.projects-content-line-flex{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	flex-wrap:wrap;
	width:100%;
}

.projects-content-line-flex p{
	padding:8px 18px;
	border:2px solid #000;
	border-radius:20px;
	font-size:16px;
	font-family:'Druk';
	margin:0px;
	margin-top:10px;
	text-transform:uppercase;
	cursor:pointer;
	transition:all 0.3s ease 0s;
	font-weight:700;
}
.projects-content-line-flex p:hover{
	background-color:#1d1d1d;
	border:2px solid #1d1d1d;
	color:#fff;
}

.projects-content-line-flex p.active{
	background-color:#CA0E1F;
	border:2px solid #CA0E1F;
	color:#fff;
}



.project-breadcrumbs{
	padding-top:220px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

.project-breadcrumbs a{
	color:#CA0E1F;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
}

.project-breadcrumbs p{
	color:#000;
	font-size:16px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
}
.project_main_description{
	width:60%;
}
.project-title{
	margin-top:50px;
	width:100%;
}

.project-title h1{
	font-size:60px;
	text-transform:uppercase;
}

.project-title p{
	margin-top:20px;
	font-size:16px;
	width:100%;
}
.project_tags{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:10px;
	flex-wrap:wrap;
	width:100%;
}
.project_tags p{
	padding:8px 24px;
	font-size:16px;
	font-family:'Druk';
	border:2px solid #000;
	border-radius:50px;
	color:#000;
	display:inline-block;
	width:auto;
}

.project_image{
	width:100%;
	border-radius:24px;
	overflow:hidden;
	margin-top:20px;
}
.project_image span{
	width:100%;
}
.project_image img{
	width:100%;
	object-fit:cover;
	height:600px!important;
}

.project_content-goal{
	margin-top:100px;
}
.project_content_flex{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.project_content_flex h1{
	width:40%;
	font-size:30px;
}
.project_content_flex ul{
	width:58%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:20px;
	font-size:20px;
}

.project_content_images{
	margin-top:100px;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	gap:20px;
}
.project_content_images span{
	width:24%;
}
.project_content_images img{
	width:100%;
	object-fit:cover;
	border-radius:24px;
}

.project_content_images .img-reveal-overlay{
	width:100%!important;
}
.project_content_what{
	margin-top:100px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}

.project_content_what_header{
	width:35%;
}
.project_content_what_header h1{
	font-size:30px;
	
}

.project_content_what_content{
	width:68%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
}

.project_content_what_content h1, .project_content_what_content h2, .project_content_what_content h3, .project_content_what_content h4{
	font-family:'Druk';
	font-size:20px;
	color:#CA0E1F; 
	margin-top:20px;
}

.project_content_what_content h1 span, .project_content_what_content h2 span, .project_content_what_content h3 span, .project_content_what_content h4 span{
	font-family:'Druk';
	font-size:20px;
	color:#CA0E1F; 
}
.project_content_what_content p{
	margin-top:10px;
	font-size:16px;
}
.project_content_keys_flex_item-image{
	width:40px;
	height:40px;
	border-radius:100%;
	display:flex;
	align-items:center;
	justify-content:center;
	background-color:#f9f9f9;
}
.project_content_keys_flex_item-image img{
	width:24px;
	height:24px;
}
.project_content_keys{
	margin-top:100px;
	width:100%;
}
.project_content_keys_header{
	width:60%;
}
.project_content_keys_header h1{
	font-size:30px;
}

.project_content_keys_flex{
	margin-top:20px;
	display:flex;
	align-items:stretch;
	gap:20px;
	width:100%;
}
.project_content_keys_flex_item{
	width:24%;
	background-color:#fff;
	border-radius:24px;
	padding:24px;
}

.project_content_keys_flex_item h2{
	font-size:20px;
	font-family:'Druk';
	margin-top:20px;
}
.project_content_keys_flex_item ul{
	margin-top:20px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:15px;
}
.project_content_keys_flex_item li{
	font-size:16px;
}

.project_content_strategy{
	margin-top:100px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}

.project_content_strategy h1{
	width:49%;
	font-size:30px;
}
.project_content_strategy p{
	width:49%;
	font-size:20px;
	margin-top:0px;
}

.project_next_item{
	margin-top:100px;
}
.project_next_item{
	display:flex;
	align-items:center;
	justify-content:space-between;
	position:relative;
	flex-direction:column;
	width:100%;
	margin:auto;
	gap:20px;
	margin:100px 0px;
	padding:100px 0px;
	background-color:#000;
}

.project_next_image_text{
	width:45%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	flex-direction:column;
}



.project_next_item_header h1{
	font-size:30px;	
	color:#fff;
}
.project_next_image_text h2{
	font-size:20px;
	font-family:'Druk';
	color:#fff;
}
.project_next_image_text p{
	font-size:20px;
	color:#000;
}



.project_main_description li{
	padding-left:30px;
	position:relative;
	margin-top:10px;
}

.project_main_description li:before{
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	background:url('images/list.svg');
	background-position:center;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.goal_content-text{
	width:58%:
}
.goal_content-text ul{
	width:100%;
}
.goal_content-text li{
	
	padding-left:30px;
	position:relative;
	margin-top:10px;
}
.goal_content-text li:before{
	
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	background:url('images/list.svg');
	background-position:center;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}


.project_content_what_content li{
	
	padding-left:30px;
	position:relative;
	margin-top:10px;
}
.project_content_what_content li:before{
	
	position:absolute;
	content:'';
	top:0px;
	left:0px;
	width:20px;
	height:20px;
	background:url('images/list.svg');
	background-position:center;
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.contact_page{
	padding-top:230px;
}

.contact_page .contact_main_header h1{
	font-size:80px
}

.fixed-menu{
	z-index:100;
	position:fixed;
	bottom:-150px;
	left:50%;
	margin-right:-50%;
	transition:all 0.3s ease 0s;
	transform:translate(-50%, 0);
}
.fixed-menu.active{
	bottom:50px;
}

.main_section_slider .slick-list{
	overflow:hidden;
}
.main_section_slider .slick-track{
	display:flex;
}

.main_section{
	overflow:hidden;
}
.main_section_slider_item{
	height:100vh;
}

.about_us_text p{
	margin-bottom:10px;
	font-size:14px;
}

.footer_big_logo{
	margin-top:50px;
	opacity:0.2;
	
}

.single_container{
	padding-top:250px;
}
.single_container{
	width:60%;
	margin:auto;
}
.single_header h1{
	font-size:50px;
	line-height:100%;
}
.single_image img{
	width:100%;
	border-radius:15px;
	margin:10px 0px;
	object-fit:cover;
}
.single_image span{
	width:100%;
}
.single_content p{
	margin:10px 0px;
}
.single_content h1, .single_content h2, .single_content h3, .single_content h4{
	font-size:30px;
	margin:20px 0px;
	font-family:'Druk';
}

.mobile_menu_button{
	display:none;
}
.mobile_menu{
	display:none;
}


.about_main{
	padding-top:230px;	
}

.about_main_header{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:20px;
}
.about_main_header h1{
	font-size:60px;
	width:80%;
	margin:auto;
	text-align:center;
}

.about_main_header p{
	font-size:20px;
	text-align:center;
	color:#1d1d1d;
	width:60%;
	margin:auto;
}
.about_main_photos{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	width:100%;
	margin-top:50px;
}

.about_main_photos img{
	width:24%;
	border-radius:16px;
	height:500px;
	object-fit:cover;
}

.about_main_photos span{
	width:100%;
	height:500px;
}
.about_main_photos span img{
	height:100%;
}

.about_main_text{
	margin-top:150px;
}
.about_main_text_content{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
}
.about_main_text_content h1{
	width:40%;
	font-size:30px;
	text-transform:uppercase;
}
.about_main_text_content div{
	
	width:50%;
}
.about_main_text_content p{
	font-size:14px;
	font-weight:400;
	line-height:150%;
}
.about_team{
	margin-top:150px;
}
.about_team_flex{
	width:100%;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-wrap:wrap;
	gap:1%;
	
}
.about_team_flex_item{
	margin-top:20px;
	width:24%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:15px;
}
.about_team_flex_item span{
	width:100%;
}
.about_team_flex_item img{
	height:500px!important;
	width:100%;
	border-radius:16px;
	overflow:hidden;
	object-fit:cover;
}
.about_team_flex_item h1{
	font-size:20px;
	height:58px;
}
.about_team_flex_item p{
	font-size:14px;
	font-weight:400;
}
.about_team_flex_item p span{
	font-weight:600;
	color:#CA0E1F;
}

.about_why{
	margin-top:50px;
}
.about_why_flex{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
}
.about_why_flex_item{
	width:33%;
	height:auto;
	background:#f1f1f1;
	border-radius:16px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	padding:24px;
}
.about_why_flex_item h1{
	font-size:40px;
	line-height:35px;
	color:#CA0E1F;
}
.about_why_flex_item h1 strong{
	font-size:20px;
}
.about_why_flex_item p{
	font-size:14px;
	width:90%;
	margin-top:20px;
}


.services_list{
	margin-top:150px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:10px;
	flex-direction:column;
}
.services_list_item{
	width:100%;
	transition:all 0.3s ease 0s;
	border:2px solid #000;
	border-radius:16px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:32px 24px;
	position:relative;
}
.services_list_item h1{
	font-size:30px;
	text-transform:uppercase;
	color:#000;
	transition:all 0.3s ease 0s;
	width:40%;
}
.services_list_item p{
	font-size:14px;
	color:#000;
	transition:all 0.3s ease 0s;
	width:55%;
	font-weight:500;
}
.services_list_item img{
	opacity:0;
	visibility:hidden;
	max-width:400px;
	object-fit:cover;
	position:absolute;
	right:10%;
	top:0%;
	z-index:5;
	border-radius:16px;
	transition:all 0.3s ease 0s;
}
.services_list_item:hover img{
	transform:rotate(-15deg);
	opacity:1;
	visibility:visible;
}
.services_list_item:hover{
	background-color:#CA0E1F;
}
.services_list_item:hover h1{
	color:#fff;
}
.services_list_item:hover p{
	color:#fff;
}

.services_text_block{
	margin-top:150px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.services_text_block h1{
	font-size:30px;
	width:40%;
	text-transform:uppercase;
}
.services_text_block p{
	width:55%;
	font-size:14px;
	font-weight:500;
}


.services_main_list_item {
    display: none;
}
.services_main_list_item.active {
    display: block;
}

.services_main_list_services_item{
	cursor:pointer;	
}

.services_main_list_services_item.active{
	background-color:#CA0E1F;
	transition:all 0.3s ease 0s;
}
.services_main_list_services_item.active h1{
	color:#fff;
}
.services_main_list_services_item svg{
	transition:all 0.3s ease 0s;
}
.services_main_list_services_item.active svg{
	transform:rotate(-30deg);
}
.services_main_list_services_item.active rect{
	fill:#000;
}

.main_services_screen{
	width:100vw;
	height:100vh;
	max-height:900px;
	position:relative;
	top:0;
	left:0;
}

.main_services_background{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:1;
}
.main_services_background img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.main_services_opacity{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:2;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
	opacity:1;
	
}

.main_services_content{
	position:absolute;
	bottom:100px;
	left:50%;
	margin-right:-50%;
	transform:translate(-50%, 0%);
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
	gap:20px;
	width:70%;
	z-index:3;
}
.main_services_content h1{
	font-size:60px;
	color:#fff;
	text-align:center;
}
.main_services_content p{
	font-size:16px;
	color:#fff;
	line-height:120%;
	font-weight:400;
	text-align:center;
}
.main_services_content a{
	font-weight:600;
	color:#fff;
	font-size:16px;
	padding:12px 32px;
	background-color:#CA0E1F;
	border-radius:100px;
	transition:all 0.3s ease 0s;
}

.main_services_content a:hover{
	background-color:#1d1d1d;
	color:#fff;
}

.main_services_description{
	margin-top:100px;
}
.main_services_description h1{
	font-size:30px;
	text-transform:uppercase;
}
.main_services_description p{
	width:60%;
	margin-top:30px;
}
.col_format_sections{
	margin-top:100px;
	padding-top:100px;
	padding-bottom:100px;
	background-color:#000;
}

.col_format_header h1{
	color:#fff;
	font-size:30px;
	text-transform:uppercase;
}
.col_format_header p{
	color:#fff;
	font-size:16px;
	margin-top:20px;
}

.col_format_flex{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:50px;
	gap:20px;
}
.col_format_item{
	background-color:#1d1d1d;
	border-radius:16px;
	padding:24px;
	width:32%;
}
.col_format_item h1{
	font-size:20px;
	color:#fff;
}
.col_format_item p{
	color:#fff;
	margin-top:20px;
	font-size:16px;
}
.col_format_item ul{
	margin-top:20px;
}
.col_format_item li{
	color:#fff;
	font-size:16px;
	margin-top:10px;
	position:relative;
	font-size:14px;
	font-weight:400;
	opacity:0.6;
	padding-top:10px;
	border-top:1px solid #1d1d1d;
}

.services_steps{
	margin-top:100px;
}

.services_steps_flex{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	position:relative;
}
.services_steps_header{
	position:sticky;
	top:50px;
	width:30%;
}
.services_steps_header h1{
	font-size:50px;
	text-transform:uppercase;
}
.services_steps_header p{
	margin-top:20px;
	font-size:14px;
	font-weight:400;
}
.services_steps_list{
	width:55%;
	padding-top:30px;
	padding-bottom:30px;
	padding-left:50px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:30px;
	border-left:1px solid #000;
}
.services_steps_list_item{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:15px;
	position:relative;
}
.services_steps_list_item:before{
	left:-65px;
	top:10px;
	width:30px;
	height:30px;
	border-radius:100%;
	position:absolute;
	content:"";
	background-color:#000;
}
.services_steps_list_item:after{
	left:-55px;
	top:20px;
	width:10px;
	height:10px;
	border-radius:100%;
	position:absolute;
	content:"";
	background-color:#fff;
	z-index:2;
}
.services_steps_list_item h1{
	font-size:40px;
	color:#CA0E1F;
}

.services_steps_list_item h2{
	font-family:'Druk';
	text-transform:uppercase;
}
.services_steps_list_item p{
	font-size:16px;
}

.based_disc{
	margin-top:100px;
}
.based_disc h1{
	font-size:20px;
}
.based_disc p{
	width:60%;
	margin-top:20px;
}

.projects-content-header a{
	background-color:#CA0E1F;
	padding:12px 36px;
	border-radius:100px;
	font-size:16px;
	font-weight:600;
	color:#fff;
	margin-top:30px;
	display:inline-block;
	transition:all 0.3s ease 0s;
}

.projects-content-header a:hover{
	background-color:#1d1d1d;
	color:#fff;
}
.header_icons_search{
	padding:10px;
	width:44px;
	height:44px;
	border-radius:16px;
	background-color:#1d1d1d;
	transition:all 0.3s ease 0s;
	cursor:pointer;
}
.header_icons_search:hover{
	opacity:0.6;
}
.header_icons_search path{
	fill:#fff;
}
.header_icons_language{
	padding:10px;
	width:44px;
	height:44px;
	border-radius:16px;
	background-color:#1d1d1d;
	cursor:pointer;
	transition:all 0.3s ease 0s;
}

.header_icons_language:hover{
	opacity:0.6;
}

.header_icons_language path{
	fill:#fff;
}

.blog_subscribe{
	margin-top:100px;
	width:100%;
}
.blog_subscribe_container{
	width:100%;
	border-radius:32px;
	padding:50px;
	background-color:#1d1d1d;
	display:flex;
	align-items:center;
	justify-content:space-between;
}
.blog_subscribe_container h1{
	width:40%;
	font-size:30px;
	text-transform:uppercase;
	color:#fff;
}
.blog_subscribe_container #mailpoet_form_1{
	width:40%!important;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:15px;
}
.blog_subscribe_container form{
	width:100%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:15px;
}
.blog_subscribe_container form input{
	background-color:#fff;
	border:none;
	border-radius:15px;
	padding:12px 15px!important;
	width:300px!important;
}

.blog_subscribe_container form .mailpoet_submit{
	cursor:pointer;
	border-radius:30px;
	background-color:#CA0E1F;
	color:#fff;
	border:none;
	font-size:16px;
	padding:8px 24px!important;
	font-weight:600;
	width:auto!important;
}
.blog_subscribe_header{
	
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
}

.get_quote_popup{
	width:100vw;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	transition:all 0.3s ease 0s;
	opacity:0;
	visibility:hidden;
}
.popup_background{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1;
	background-color:#1d1d1d;
	opacity:0.6;
	cursor:pointer;
}

.popup_content{
	position:absolute;
	background-color:#CA0E1F;
	top:50%;
	left:50%;
	margin-right:-50%;
 	transform:translate(-50%,-50%) scale(0.6);
	border-radius:24px;
	padding:32px 50px;
	z-index:2;
	transition:all 0.3s ease 0s;
}
.get_quote_popup.active{
	opacity:1;
	visibility:visible;
}
.get_quote_popup.active .popup_content{
 	transform:translate(-50%,-50%) scale(1);
}
.popup_content h1{
	font-size:30px;
	color:#fff;
	text-transform:uppercase;
}
.popup_content p{
	font-size:14px;
	opacity:0.6;
	color:#fff;
	margin-top:10px;
}
.popup_content form{
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	gap:10px;
	margin-top:20px;
	width:100%;
}
.popup_content label{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	width:100%;
	gap:5px;
	font-size:14px;
	font-weight:600;
	color:#fff;
}
.popup_content input{
	width:100%;
	background-color:#CA0E1F;
	border:1px solid #fff;
	color:#fff;
	border-radius:16px;
	padding:12px;
}
.popup_content textarea{
	width:100%;
	background-color:#CA0E1F;
	border:1px solid #fff;
	border-radius:16px;
	padding:12px;
	height:150px;
	resize:none;
}
.popup_content button{
	color:#fff;
	font-size:16px;
	font-weight:600;
	padding:12px 32px;
	border-radius:100px;
	background-color:#1d1d1d;
	border:1px solid #1d1d1d;
	cursor:pointer;
	transition:all 0.3s ease 0s;
}
.popup_content button:hover{
	border:1px solid #1d1d1d;
	background-color:#CA0E1F;
}



.popup_close{
	position:absolute;
	top:-10px;
	right:-10px;
	width:40px;
	height:40px;
	background-color:#1d1d1d;
	border-radius:100px;
	cursor:pointer;
}
.popup_close:before{
	position:absolute;
	content:"";
	top:20px;
	left:10px;
	width:20px;
	height:2px;
	background-color:#fff;
	transform:rotate(-45deg);
}
.popup_close:after{
	position:absolute;
	content:"";
	top:20px;
	left:10px;
	margin-right:-50%;
	width:20px;
	height:2px;
	background-color:#fff;
	transform:rotate(45deg);
	
}

.search_popup{
	background-color:#1d1d1d;
	width:100vw;
	height:100vh;
	z-index:99999;
	top:0;
	left:0;
	position:fixed;
	transition:all 0.3s ease 0s;
	transform:scale(0.6);
	opacity:0;
	visibility:hidden;
}
.search_popup.active{
	
	transform:scale(1);
	opacity:1;
	visibility:visible;
}
.search_popup_header{
	margin-top:200px;
}
.search_popup_header h1{
	font-size:40px;
	color:#fff;
	text-transform:uppercase;
}
.search-form{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	width:100%;
	margin-top:50px;
	gap:20px;
}
.search-form input{
	width:100%;
	border:none;
	border-bottom:2px solid #1f1f1f;
	color:#fff;
	padding:12px 24px;
	font-size:30px;
	background-color:transparent;
	font-weight:400;
}
.search_popup_form_buttons{
	margin-top:30px;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:20px;
}
.search_popup_form_buttons button{
	padding:24px 56px;
	background-color:#000;
	font-size:30px;
	color:#fff;
	border-radius:100px;
	border:none;
	text-transform:uppercase;
	font-family:'Druk';
	cursor:pointer;
	transition:all 0.3s ease 0s;
}
.search_popup_form_buttons button:hover{
	background-color:#fff;
	color:#1d1d1d;
}
.search_popup_close{
	position:absolute;
	right:0;
	top:-100px;
	width:50px;
	height:50px;
	cursor:pointer;
}
.search_popup_close:before{
	position:absolute;
	content:'';
	top:20px;
	left:0;
	width:40px;
	height:2px;
	background-color:#fff;
	transform:rotate(45deg);
}
.search_popup_close:after{
	position:absolute;
	content:'';
	top:20px;
	left:0;
	width:40px;
	height:2px;
	background-color:#fff;
	transform:rotate(-45deg);
}


.text-reveal-wrapper {
  overflow: hidden;
  display: inline-block; /* не ломает inline тексты */
}

.text-reveal-line {
  display: inline-block;
  transform: translateY(100%);
  transition: transform 1.2s cubic-bezier(0.18, 0.55, 0.12, 1); /* медленнее */
  transition-delay: var(--reveal-delay, 0s);
}

.text-reveal-visible .text-reveal-line {
  transform: translateY(0);
}
.img-reveal-wrapper {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.img-reveal-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* Черная маска, закрывающая картинку */
.img-reveal-overlay {
  position: absolute;
  inset: 0;
  background: #000;

  /* Маска уезжает слева направо */
  transform: translateX(0%);
  transition: transform 2.2s cubic-bezier(0.18, 0.55, 0.12, 1);
  transition-delay: var(--img-delay, 0s);
}

/* Когда видим элемент — маска уезжает вправо */
.img-reveal-visible .img-reveal-overlay {
  transform: translateX(105%);
}

.package-flex{
	margin-top:50px;
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	width:100%;
	gap:1%;
}
.package_item{
	display:flex;
	align-items:flex-start;
	background-color:#fff;
	border-radius:24px;
	overflow:hidden;
	padding:32px;
	flex-direction:column;
}
.package_item.att{
	background-color:#1d1d1d;
}
.package_item_header h1 strong{
	font-size:20px;
	font-family:'Manrope', sans-serif;
	text-transform:none;
	font-weight:600;
}
.package_item_header h4{
	font-size:12px;
	font-weight:600;
	padding:4px 12px;
	background-color:#CA0E1F;
	color:#fff;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	width:max-content;
	border-radius:16px;
}
.package_item.att .package_item_header h4{
	background-color:#fff;
	color:#1d1d1d;
}
.package_item_content{
	margin-top:20px;
}
.package_item_content h2{
	font-size:16px;
	color:#1d1d1d;
	margin-left:12px;
	font-weight:600;
}
.package_item.att .package_item_content h2{
	color:#fff;
}
.package_item_content ul{
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	margin-left:12px;
	margin-right:12px;
	gap:15px;
	flex-direction:column;
	margin-top:20px;
}
.package_item_content ul li{
	font-size:14px;
	font-weight:400;
	color:#1d1d1d;
	padding-left:30px;
	position:relative;
}
.package_item.att .package_item_content ul li{
	color:#fff;
}
.package_item_content ul li:before{
	position:absolute;
	left:0;
	top:0;
	width:20px;
	height:20px;
	content:"";
	background:url('images/list-done.svg');
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center;
}
.package_item_header h1{
	margin-top:10px;
	font-size:30px;
	text-transform:uppercase;
	color:#1d1d1d;
}
.package_item.att .package_item_header h1{
	color:#fff;
}
.package_item_header p{
	color:#1d1d1d;
	font-size:14px;
	font-weight:400;
	opacity:0.6;
	margin-top:10px;
}
.package_item.att .package_item_header p{
	color:#fff;
}
.package_item_price{
	margin:20px 0px;
}
.package_item_price p{
	font-family:'Druk';
	font-size:20px;
	text-transform:uppercase;
	color:#1d1d1d;
}
.package_item.att .package_item_price p{
	color:#fff;
}
.package_item_button a{
	
	margin-left:12px;
	display:inline-block;
	margin-top:30px;
	margin-bottom:0px;
	background-color:#1d1d1d;
	border:1px solid #1d1d1d;
	border-radius:100px;
	padding:12px 32px;
	transition:all 0.3s ease 0s;
	font-weight:600;
	color:#fff;
	font-size:16px;
}
.package_item.att .package_item_button a{
	background-color:#fff;
	color:#1d1d1d;
}



.faq_header h1{
	font-size:30px;
	text-transform:uppercase;
}

.package_item.active .package_item_button a{
	background-color:#CA0E1F;
	border:1px solid #CA0E1F;
	color:#fff;
}

.faq_section{
	margin-top:100px;
}
.faq_content{
 
	display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.faq_content_item{
	position:relative;
	padding:32px 24px;
	background:#f4f4f4;
	border-radius:16px;
	width:49%;
	margin-top:20px;
	cursor:pointer;
}
.faq_content_item:before{
	position:absolute;
	content:'';
	right:20px;
	top:40px;
	width:30px;
	height:2px;
	background-color:#1d1d1d;
}
.faq_content_item:after{
	position:absolute;
	content:'';
	right:20px;
	top:40px;
	width:30px;
	height:2px;
	background-color:#1d1d1d;
	transform:rotate(90deg);
}

.faq_content_item_title h1{
	font-size:20px;
	font-family:'Manrope', sans-serif;
	font-weight:600;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.faq_content_item_title h1 span{
	
	font-family:'Manrope', sans-serif!important;
}
.faq_content_item_answer {
	opacity:0;
	visibility:hidden;
	height:0;
	overflow:hidden;
}
.faq_content_item_answer p{
	font-size:14px;
	padding-top:10px;
	width:80%;
	font-weight:400;
}
.faq_content_item_answer {
    opacity: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Меняем плюс → крест */
.faq_content_item.active:after {
    transform: rotate(0deg); /* исчезает вертикальная палка, остается минус */
}

.project_what_did{
	margin-top:150px;
}
.project_what_did_header{
	font-size: 30px;
    text-transform: uppercase;
    font-family: 'Druk';
	font-weight:700;
}
.projects_what_did_flex{
	display:flex;
	align-items:stretch;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:50px;
}
.projects_what_did_flex_item{
	width:49.5%;
	margin-top:20px;
	background-color:#fff;
	border-radius:20px;
	padding:32px 24px;
}
.projects_what_did_flex_item h2{
	font-size: 20px;
    font-family: 'Druk';
}
.projects_what_did_flex_item_content p{
	font-weight:400;
	font-size:16px;
}
.projects_what_did_flex_item_content ul{
	margin:20px 0px;
}

.projects_what_did_flex_item_content li{
	margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    position: relative;
    padding-left: 35px;
}
.projects_what_did_flex_item_content li:before{
	width: 30px;
    height: 30px;
    position: absolute;
    content: "";
    left: 0;
    top: -6px;
    background: url(https://encore-mena.com/wp-content/themes/encore/images/new_case_list.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


@media(max-width:768px){
	.faq_content_item{
		width:100%;
	}
	.package-flex{
		flex-direction:column;
	}
	.project_what_did_header{
		font-size:20px;
	}
	.projects_what_did_flex{
		margin-top:20px;
	}
	.projects_what_did_flex_item{
		width:100%;	
	}
	
	
	.mobile_menu{
		width:100vw;
		height:100vh;
		position:fixed;
		top:0;
		left:0;
		z-index:99990;
		background-color:#000;
		display:none;
		align-items:flex-start;
		justify-content:flex-start;
		opacity:0;
		visibility:hidden;
		padding:50px 30px;
		transition:all 0.3s ease 0s;
	}
	.menu-item:hover .sub-menu{
		top:auto!important;
	}
	.mobile_menu.active{
		opacity:1;
		visibility:visible;
		display:flex;
	}
	.mobile_menu ul{
		display:flex;
		align-items:flex-start;
		justify-content:flex-start;
		flex-direction:column;
		gap:10px;
		width:100%;
	}
	.mobile_menu ul li{
		padding-bottom:10px;
		border-bottom:1px solid #1d1d1d;
		width:100%;
	}
	.mobile_menu ul li a{
		font-size:30px;
		font-weight:500;
		color:#fff;
		text-transform:uppercase;
	}
	.sub-menu{
		position:relative;
		opacity:1;
		visibility:visible;
		top: auto;
    	left: auto;
    	margin: 0px;
    	transform: none;
		border-top: 1px solid #1d1d1d;
		margin-top: 10px;
		padding-bottom:0px!important;
	}
	.sub-menu li:nth-child(3){
		border-bottom:0px
	}
	.menu-item-has-children{
		padding-bottom:0px!important;
	}
	.menu-item-has-children a{
		opacity:1;
	}
	.sub-menu a{
		opacity:1;
	}
	.current-menu-item{
		padding-top:10px;
		padding-bottom:10px;
		border-radius:5px;
		opacity:1;
	}
	.mobile_menu_button{
		position:fixed;
		z-index:99999;
		bottom:20px;
		left:50%;
		margin-right:-50%;
		transform:translate(-50%, 0);
		padding:12px 50px;
		display:block;
		border-radius:16px;
		background: rgba(0,0,0,0.25);
    	border: 1px solid rgba(255,255,255,0.5);
    	backdrop-filter: blur(20px);
    	-webkit-backdrop-filter: blur(14px);
    overflow: hidden;
	}
	.mobile_menu_button.active svg{
		transform:rotate(45deg);
	}
	.mobile_menu_button p{
		font-size:14px;
		font-weight:500;
		color:#fff;
		display:flex;
		align-items:center;
		justify-content:center;
		gap:10px;
	}
	.mobile_menu_button.active svg{
		transition:all 0.3s ease 0s;
	}
	.mobile_menu_button p path{
		fill:#fff;
	}
	.main_section_slider{
		display:none;
	}
	.menu{
		display:none;
	}
	.header-flex{
		width:95%;
	}
	.logo img{
		max-height:50px;
	}
	.main_section_content{
		width:95%;
		margin:0px auto;
		padding:0;
    	display: flex;
		padding-bottom:20vh;
    	align-items: flex-start;
    	justify-content: flex-end;
    	flex-direction: column;
	}
	.main_section_content h1{
		font-size:40px;
		padding-top:0;
	}
	.container{
		width:95%;
	}
	.about_us_text{
		margin-top:20px;
	}
	.about_us_flex{
		flex-direction:column;
	}
	.about_us_header, .about_us_text{
		width:100%;
	}
	.about_us_header h1{
		font-size:30px;
	}
	
	.services_main_list{
		flex-direction:column;
	}
	.services_main_list_header{
		position:relative;
		width:100%;
	}
	.services_main_list_services{
		width:100%;
	}
	.services_main_list_header h1{
		font-size:25px;
	}
	.services_main_list_services{
		margin-top:20px;
	}
	.services_main_list_services_item{
		margin-bottom:5px;
	}
	.services_main_list_services_item h1{
		width:90%;
		font-size:14px;
	}
	.services_main_list_services_item svg{
		width:35px;
		height:35px;
	}
	.cases_main{
		margin-top:50px;
		padding-top:50px;
	}
	.cases_main_header h1{
		font-size:30px;
	}
	.cases_main_flex{
		flex-direction:column;
	}
	.cases_main_item{
		width:100%;
	}
	.reviews_header h1, .blog_main-header h1{
		font-size:30px;
	}
	.blog_main_flex_item_list{
		flex-direction:column;
	}
	.blog_main_flex_item{
		width:100%;
	}
	.contact_main_header h1{
		font-size:30px;
	}
	.contact_main_flex, .contact-bottom-flex{
		flex-direction:column;
	}
	.contact_main_flex_data{
		width:100%;
		margin-bottom:0px;
	}
	.feedback_form, .left-contact, .right-contact{
		width:100%;
	}
	.footer_flex{
		width:95%;
		flex-direction:column;
	}
	.footer_column{
		width:100%;
		flex-direction:column;
	}
	.footer_column:nth-child(2){
		align-items:flex-start;
		margin-top:25px;
	}
	.footer_menu ul{
		margin-top:0px;
	}
	.footer_menu{
		margin-top:20px;
	}
	.footer_column_item p{
		text-align:left;
	}
	.project-title h1{
		font-size:20px;
	}
	.project_main_description{
		width:100%;
	}
	.project_content_flex, .project_content_what, .project_content_keys_flex, .project_content_strategy{
		flex-direction:column;
		margin-top:50px;
	}
	.project_content_flex h1, .goal_content-text, .project_content_what_header, .project_content_what_content, .project_content_keys_flex_item, .project_content_strategy h1, .project_content_strategy p{
		width:100%;
		margin-top:20px;
	}
	.project_image img{
		height:350px!important;
	}
	.projects-content-header h1{
		font-size:30px;
	}
	.projects-content-line-flex p{
		font-size:12px;
		margin-top:5px;
	}
	.projects-content-line-flex{
		gap:5px;
	}
	.contact_page .contact_main_header h1, .single_header h1{
		font-size:30px;
	}
	.single_container{
		width:95%;
	}
	.about_main_header h1{
		font-size:30px;
		text-align:left;
		width:100%;
	}
	.about_main_header p{
		font-size:14px;
		width:100%;
		text-align:left;
	}
	.about_main_photos{
		flex-direction:column;
	}
	.about_main_photos img{
		width:100%;
	}
	.about_main_text_content{
		flex-direction:column;
		gap:20px;
	}
	.about_main_text_content h1, .about_main_text_content p{
		width:100%;
		margin-top:20px;
	}
	.about_team_flex{
		flex-direction:column;
		gap:20px;
	}
	.about_team_flex_item{
		width:100%;
		
	}
	.about_why_flex{
		flex-direction:column;
		gap:20px;
	}
	.about_why_flex_item{
		width:100%;
		height:auto;
	}
	.about_why_flex_item p{
		margin-top:20px;
	}
	.contact_main_flex_data_gap_item{
		width:100%;
	}
	.left-contact .contact_main_flex_data_gap_item a{
		width:100%;
		font-size:20px;
	}
	.services_list_item{
		flex-direction:column;
		padding:20px 12px;
		align-items:flex-start;
	}
	.services_list_item p{
		width:100%;
		margin-top:20px;
	}
	.services_list{
		margin-top:20px;
	}
	.services_text_block{
		flex-direction:column;
	}
	.services_text_block h1, .services_text_block p{
		width:100%;
		margin-top:20px;
	}
	.services_list_item h1{
		width:100%;
		font-size:20px;
	}
	.services_list_item img{
		margin-top:20px;
		position:relative;
		width:100%;
		opacity:1;
		visibility:visible;
		right:0;
		transform:rotate(0deg)!important;
	}
	.main_services_content h1{
		font-size:30px;
	}
	.main_services_content{
		width:95%;
	}
	.main_services_description{
		margin-top:50px;
	}
	.main_services_description h1{
		font-size:20px;
	}
	.main_services_description p{
		width:100%;
		font-size:14px;
	}
	.col_format_sections{
		margin-top:50px;
		padding-top:50px;
	}
	.col_format_header h1{
		font-size:20px;
	}
	.col_format_header p{
		font-size:14px;
	}
	.col_format_flex{
		flex-direction:column;
	}
	.col_format_item{
		width:100%;
	}
	.col_format_item h1{
		font-size:16px;
	}
	.col_format_item p{
		font-size:14px;
	}
	.col_format_item li{
		font-size:12px;
	}
	.services_steps{
		margin-top:50px;
	}
	.services_steps_flex{
		flex-direction:column;
	}
	.services_steps_flex{
		flex-direction:column;
	}
	.services_steps_header{
		top:0;
		width:100%;
		position:relative;
	}
	.services_steps_header h1{
		font-size:20px;
	}
	.services_steps_list_item:before{
		display:none;
	}
	.services_steps_list_item:after{
		display:none;
	}
	.services_steps_list{
		border-left:none;
		width:100%;
		padding-left:0px;
	}
	.services_steps_list_item{
		border-top:1px solid #1d1d1d;
	}
	.based_disc p{
		width:100%;
		font-size:14px;
	}
	.services_steps_list_item h1{
		font-size:30px;
		padding-top:10px;
	}
	.services_steps_list_item h2{
		font-size:20px;
	}
	.services_header h1{
		font-size:30px;
	}
	.project_content_images span{
		width:100%;
	}
	.project_content_images{
		flex-direction:column;
	}
	.main_section_slider{
		
		z-index:1;
		display:block;
		position:absolute;
		width:100%;
		left:0;
		top:0;
	}
	.main_section_slider_item-content{
		display:none;
		
	}
	.main_section_content{
		position:relative;
		z-index:2;
	}
	.main_section_slider_item .background-opacity{
		    background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.6) 100%);
	}
	.blog_subscribe_header{
		flex-direction:column;
	}
	.blog_subscribe_container h1{
		width:100%;
		font-size:20px;
	}
	.blog_subscribe_container form {
		width:100%;
		flex-direction:column;
		margin-top:10px;
		gap:10px;
	}
	.blog_subscribe_container{
		padding:50px 32px;
	}
	.popup_content{
		padding:32px 20px;
		width:100%;
	}
	.popup_close{
		top:-20px;
		right:0;
	}
	.header_icons{
		gap:10px;
	}
	.search_popup_header{
		margin-top:150px;
		text-align:center;
	}
	.search_popup_form_buttons{
		flex-direction:column;
		width:100%;
	}
	.search_popup_form_buttons button{
		font-size:20px;
	}
	.search-form input{
		text-align:center;
	}
}





/* new_case start*/

.new_case_main{
	padding-top:150px;
	width:100%;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2%;
	height:calc(100vh - 30px);
	max-height:1000px;
}
.news_case_main_image{
	width:49%;
	border-radius:32px;
	overflow:hidden;
	height:100%;
}
.news_case_main_image span{
	width:100%;
	height:100%;
}
.news_case_main_image img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.news_case_main_content{
	width:49%;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
	height:100%;
}
.news_case_main_content_top{
	padding-top:50px;
}
.news_case_main_breadcrumbs{
	display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.news_case_main_breadcrumbs a{
	font-size:14px;
	color:#1d1d1d;
}
.news_case_main_breadcrumbs p{
	font-size:14px;
	color:#777777;
}
.news_case_main_title{
	margin-top:30px;
}
.news_case_main_title h1{
	font-size: 60px;
    text-transform: uppercase;
    line-height: 100%;
}
.news_case_main_title p{
	margin-top:20px;
	font-size:16px;
	color:#1d1d1d;
}
.news_case_main_content_bottom{
	display:flex;
	align-content:flex-start;
	justify-content:space-between;
	gap:30px;
	flex-direction:column;
	padding-bottom:50px;
}
.news_case_main_content_bottom_item{
	display:flex;
	align-content:flex-start;
	justify-content:space-between;
	gap:10px;
	flex-direction:column;
}
.news_case_main_content_bottom_item p{
	font-size:18px;
	color:#1d1d1d;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:5px;
}
.news_case_main_content_bottom_item p span{
	opacity:0.6;
}

.new_case_about_flex{
	margin-top:100px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
}
.new_case_about_header{
	font-size:30px;
	text-transform:uppercase;
	font-family:'Druk';
	width:49%;
	font-weight:700;
}

.new_case_about_content{
	width:49%;
}
.new_case_about_content p{
	font-size:18px;
	font-weight:500;
	color:#1d1d1d;
	line-height:24px;
}
.new_case_about_content p span{
	font-weight:500;
}


.new_case_about_flex_main{
	margin-top:30px;
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-direction:column;
}
.new_case_about_header_main{
	font-size:20px;
	text-transform:uppercase;
	font-family:'Druk';
	font-weight:700;
	width:100%;
}

.new_case_about_content_main{
	width:100%;
}
.new_case_about_content_main p{
	font-size:16px;
	color:#1d1d1d;
	margin-top:20px
}

.new_case_about_content li{
	margin-bottom:20px;
	font-size:16px;
	font-weight:400;
	line-height:20px;
	position:relative;
	padding-left:35px;
}
.new_case_about_content ul{
	margin-top:10px;
}
.new_case_about_content li:before{
	width:30px;
	height:30px;
	position:absolute;
	content:"";
	left:0;
	top:-6px;
	background:url('https://encore-mena.com/wp-content/themes/encore/images/new_case_list.svg');
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.new_case_images{
	margin-top:100px;
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:2%;
}
.new_case_images_item{
	width:49%;
	height:90vh;
	overflow:hidden;
	border-radius:32px;
}
.new_case_images_item img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.new_case_images_item span{
	width:100%;
	height:100%;
	object-fit:cover;
}

.new_case_big_image{
	width:100%;
	height:90vh;
	border-radius:32px;
	overflow:hidden;
	margin-top:100px;
}
.new_case_big_image span{
	width:100%;
	height:100%;
}
.new_case_big_image img{
	width:100%;
	height:100%;
	object-fit:cover;
}

@media(max-width:768px){
	.new_case_main{
		max-height:100%;
		flex-direction:column-reverse;
		height:100%;
	}
	.news_case_main_image{
		width:100%;
		max-height:500px;
	}
	.new_case_about_content p{
		font-size:14px;
		color:#1d1d1d;
	}
	.new_case_about_content li{
		font-size:14px;
	}
	.new_case_about_content li:before{
		top:-4px;
	}
	.new_case_images_item span{
		display:block;
	}
	.faq_content_item_title h1{
		width:80%;
		font-size:16px;
	}
	.news_case_main_content{
		width:100%;
	}
	.news_case_main_title h1{
		font-size:25px;
	}
	.news_case_main_title p{
		font-size:16px;
	}
	.new_case_about_flex{
		flex-direction:column;
		gap:20px;
	}
	.new_case_about_header{
		font-size:20px;
		width:100%;
	}
	.new_case_about_content{
		font-size:14px;
		width:100%;
	}
	.new_case_images{
		margin-top:50px;
		flex-direction:column;
		gap:20px;
	}
	.new_case_images_item{
		width:100%;
		height:100%;
	}
	.new_case_big_image{
		width:100%;
		margin-top:50px;
		height:100%;
	}
	.news_case_main_content_bottom{
		margin-top:30px;
	}
	.news_case_main_content_bottom_item p{
		font-size:14px;
	}
	.faq_content_item{
		padding:24px 12px;
	}
	.faq_content_item:before{
		top:35px;
	}
	.faq_content_item:after{
		top:35px;
	}
	.new_case_about_flex{
		margin-top:50px;
	}
	.project_content_keys{
		margin-top:30px;
		padding-top:30px;
	}
	.project_content_keys_header{
		width:100%;
	}
	.project_content_strategy p{
		font-size:14px;
	}
}


/* new_case end*/




.brief-wrapper {
    margin: auto;
    background: #fff;
    padding: 30px;
    border-radius: 8px;
	margin-top:50px
}
.step {
    display: none;
}

.step.active {
    display: flex;
	align-items:flex-start;
	justify-content:space-between;
	flex-wrap:wrap;
}
.step label{
	width:49%;
	margin:10px 0px;
	display:flex;
	align-items:flex-start;
	justify-content:flex-start;
	flex-direction:column;
	font-size:16px;
	font-weight:600;
}
.step label input{
	margin-top:10px;
	width:100%;
	border:1px solid #dbdbdb;
	height:50px;
	padding-left:10px;
	border-radius:5px;
}
.step label select{
	margin-top:10px;
	width:100%;
	border:1px solid #dbdbdb;
	height:50px;
	padding-left:10px;
	border-radius:5px;
}
.step h2{
	width:100%;
	font-family: 'Druk';
	font-size:20px;
	text-transform:uppercase;
}
.step p{
	width:100%;
	font-size:14px;
	margin-top:10px;
}
.step h2 span{
	font-family: 'Druk';
	
}


.navigation {
    display: flex;
    justify-content: flex-start;
	gap:30px;
    margin-top: 20px;
}



#prevBtn {
    background: #dbdbdb;
	border:none;
	padding:10px 30px;
	border-radius:12px;
	cursor:pointer;
	font-size:16px;
	
}

#nextBtn {
    background: #1d1d1d;
    color: #fff;
	border:none;
	padding:10px 30px;
	border-radius:12px;
	cursor:pointer;
	font-size:16px;
}



/* Popup */
.popup {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.6);
    display: none;
    align-items: center;
    justify-content: center;
}

.popup.active {
    display: flex;
}

.popup-content {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
    text-align: center;
}

.popup-content button {
    background: #1d1d1d;
    color: #fff;
	border:none;
	padding:10px 30px;
	border-radius:12px;
	cursor:pointer;
	font-size:16px;
	margin-top:20px;
}
.popup-content h2{
	width:100%;
	font-family: 'Druk';
	font-size:30px;
	text-transform:uppercase;
}
.popup-content h2 span{
	font-family: 'Druk';
}





.multiselect { position:relative; }
.multiselect__selected {
padding:12px; border:1px solid #ccc; cursor:pointer;
}

select {
width:100%; padding:12px; border:1px solid #ccc;
}



label, .field { display:block; margin-bottom:14px; }

input, select {
width:100%; padding:12px; border:1px solid #ccc;
}

.step { display:none; }


button { padding:12px 24px; cursor:pointer; border:none; }
#nextBtn { background:#000; color:#fff; }

.multiselect { position:relative; }
.multiselect__selected {
padding:12px; border:1px solid #ccc; cursor:pointer;
}
.multiselect__dropdown {
display:none; position:absolute; background:#fff;
border:1px solid #ccc; width:100%;
overflow:auto; z-index:999; padding:10px;margin-top:5px;
	border-radius:5px;
}

.popup {
position:fixed; inset:0; background:rgba(0,0,0,.6);
display:none; align-items:center; justify-content:center;
}
.popup.active { display:flex; }
.popup-content { background:#fff; padding:30px; border-radius:8px; }
.field{
	width:49%;
	margin:10px 0px;
}
.field span{
	font-size:16px;
	font-weight:600;
}
.multiselect{
	margin-top:10px;
	height:50px;
	border-radius:5px;
}
.multiselect__selected{
	border-radius:5px;
}
.multiselect__selected span{
	 font-size: 16px;
    font-weight: 600;
}
.multiselect__dropdown label{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	flex-direction:row;
	gap:10px;
	margin:5px 0px;
}
.multiselect__dropdown label input{
	width:20px;
	height:20px;
	margin-top:0px;
}
@media(max-width:768px){
	.step label{
		width:100%;
	}
	.brief-wrapper{
		padding:15px;
	}
	.field{
		width:100%;
	}
}

.fixed_up_button{
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:9999;
	cursor:pointer;
	display:flex;
	align-items:center;
	justify-content:center;
	width:50px;
	height:50px;
	border-radius:50%;
	transition:all 0.3s ease 0s;
	background-color:#1d1d1d;
	opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .3s ease, visibility .3s ease;
    z-index: 999999;
}
.fixed_up_button.is-visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}
.fixed_up_button path{
	fill:#f9f9f9;
}
.empty-header{
	padding-top:150px;
}
.empty-container{
	width:60%;
	margin:auto;
	max-width:1200px;
}
@media(max-width:768px){
	.empty-container{
		width:95%;
	}
}

@media(min-width:768px) and (max-width:1380px){
	.main_section_content h1{
		font-size:45px;
	}
	.about_us_header h1, .services_header h1, .cases_main_header h1, .reviews_header h1, .blog_main-header h1, .contact_main_header h1, .news_case_main_title h1, .projects-content-header h1{
		font-size:45px;
	}
	.services_main_list_services_item h1, .services_list_item h1{
		font-size:18px;
	}
	.about_main_header h1{
		font-size:30px;
	}
}

.reviews_main_flex{
	position:relative;
}
.reviews_main_flex .slick-arrow{
	position:absolute;
	bottom:-70px;
	width:50px;
	height:50px;
	border-radius:50%;
	font-size:0px;
	padding:0px;
	background:url('images/str.svg');
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	cursor:pointer;
}
.reviews_main_flex .slick-arrow.slick-next{
	right:0;
}
.reviews_main_flex .slick-arrow.slick-prev{
	right:60px;
	transform:rotate(180deg);
}
@media(max-width:768px){
	
	.services_main_list{
		margin-top:10px;
		flex-direction:column-reverse;
	}
	.services_main_list_services{
		flex-direction:column;
	}
	.services_main_list_services_item{
		display:flex;
		justify-content:space-between;
		align-items:center;
		padding:8px 16px;
		border:1px solid #000;
		border-radius:12px;
		margin-bottom:5px;
		box-sizing:border-box;
}

}
.popup_content p{
	opacity:1;
	width:100%;
}
.popup_content p span{
	width:100%;
}
.popup_content input.wpcf7-submit{
	background-color:#0d0d0d;
	border:1px solid #0d0d0d;
}
.based_disc{
	display:flex;
	flex-wrap:wrap;
	gap:80px;
	align-items:flex-start;
}



/* ===== single-based: привести к виду как на Services (общий контейнер + отступы) ===== */
body.single-based .container{
  max-width: 1800px;
  margin: 0 auto;
  box-sizing: border-box;
}

/* на адаптиве */
@media (max-width: 1024px){
  body.single-based .container{
  }
}

/* если какие-то секции "выпрыгнули" из контейнера (width:100vw / отрицательные margin) — зажимаем */
body.single-based .projects-content,
body.single-based .projects-content-header,
body.single-based .based_disc,
body.single-based .cases_main_flex,
body.single-based .cases_main,
body.single-based .cases_main_list,
body.single-based .cases_main_list_item{
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  box-sizing: border-box;
}

/* ===== текстовые блоки (About/Role/Foundation/Why) — 2 колонки, одинаковая ширина ===== */
body.single-based .based_disc{
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 80px;
  align-items: start;
}

@media (max-width: 1024px){
  body.single-based .based_disc{
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

@media(max-width:768px){
	.single_content h1, .single_content h2, .single_content h3, .single_content h4{
		font-size:20px;
	}
	.single_content p{
		font-size:14px;
	}
	.about_us{
		margin-top:80px;
		margin-bottom:80px;
	}
	.cases_main_button{
		margin-top:30px;
	}
	.blog_main_flex_button{
		margin-top:30px;
	}
	.contact_main_flex{
		margin-top:30px;
	}
	.contact_main_flex_data_gap_item-socials{
		margin-top:20px;
	}
	.project_what_did{
		margin-top:80px;
	}
	.project_next_item{
		margin:0px 0px;
	}
	.project_next_image_text h2{
		text-align:center;
	}
	.project_content_flex, .project_content_what, .project_content_keys_flex, .project_content_strategy{
		margin-top:20px;
	}
	.about_main_text_content div{
		width:100%;
	}
	.about_main_text{
		margin-top:80px;
	}
	.about_team_flex_item h1{
		height:auto;
	}
	.blog_subscribe_container #mailpoet_form_1{
		width:100%!important;
	}
	.mailpoet_form{
		padding:0px!important;
	}
	.news_case_main_content_top{
		padding-top:0px;
	}
	.faq_section{
		margin-top:50px;
	}
	.projects-content, .about_main, .contact_page{
		padding-top:150px;
	}
}
.mailpoet_validate_success{
	color:#fff;
}