/**
Theme Name: Astra
Theme URI: https://wpastra.com/
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Version: 4.11.5
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.8
Requires PHP: 5.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra
Domain Path: /languages
Tags: custom-menu, custom-logo, entertainment, one-column, two-columns, left-sidebar, e-commerce, right-sidebar, custom-colors, editor-style, featured-images, full-width-template, microformats, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready, blog
AMP: true

Astra WordPress Theme, Copyright 2020 WPAstra.
Astra is distributed under the terms of the GNU GPL.

Astra 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.com/normalize.css/

Astra icon font is based on IcoMoon-Free vector icoRoboton by Keyamoon.
IcoMoon-Free vector icon distributed under terms of CC BY 4.0 or GPL. (https://creativecommons.org/licenses/by/4.0/ or https://www.gnu.org/licenses/gpl.html)
Source: http://keyamoon.com/

Flexibility is a JavaScript polyfill for Flexbox By Jonathan Neal, 10up. (https://github.com/jonathantneal/flexibility)
Licensed under MIT ( https://github.com/jonathantneal/flexibility/blob/master/LICENSE.md )

Screenshot image is a collage of actual sites created using the Astra WordPress Theme.

Icons used in the Screenshot image are all licensed under Creative Commons ( CC BY 4.0 ) License ( https://fontawesome.com/license/free )
https://fontawesome.com/v5.15/icons/store?style=solid
https://fontawesome.com/v5.15/icons/shopping-cart?style=solid
https://fontawesome.com/v5.15/icons/pen-square?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid
https://fontawesome.com/v5.15/icons/user-tie?style=solid

Illustrations used in the Screenshot images are all licensed under Creative Commons ( CC0 ) License ( https://gumroad.com/l/humaaans )
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/standing-24.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/sitting-2.png

Hand-drawn illustrations used are created by Brainstorm Force and released under Creative Commons ( CC0 ) License.
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/girl-with-image-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/boy-with-code-container.png
https://websitedemos.net/web-design-agency-08/wp-content/uploads/sites/796/2021/05/web-browser.png

The same site as screenshot can be imported from here https://websitedemos.net/web-design-agency-08/.

For more information, refer to this document on how to create a page like in the screenshot - https://wpastra.com/docs/replicating-the-screenshot/.

Astra default breadcrumb is based on Breadcrumb Trail by Justin Tadlock. (https://github.com/justintadlock/breadcrumb-trail)
Breadcrumb Trail is distributed under the terms of the GNU GPL v2 or later.

Astra local fonts feature is based on Webfonts Loader by WordPress Themes Team (WPTT). (https://github.com/WPTT/webfont-loader)
Licensed under MIT ( https://github.com/WPTT/webfont-loader/blob/master/LICENSE )

/* Note: The CSS files are loaded from assets/css/ folder. */
*, *::before, *::after {
    box-sizing: border-box;
}
html {
    overflow-x: hidden;
}
body { 
    overflow-x: hidden;
}
:root {
  --mobile: 3.125vw;
  --tablet: calc(10 / 8.34 * 1vw); /* 834px */
  --desktop: calc(10 / 14.4 * 1vw); /* 1440px */
  font-size: var(--mobile);
}

@media (min-width: 834px) {
  :root {
      font-size: var(--tablet);
  }
}

@media (min-width: 1200px) {
  :root {
      font-size: var(--desktop);
  }
}
#ast-scroll-top {
    background: #000;
    border: 1px solid #fff;
}
form .wpcf7-list-item {
  display: inline-block;
  margin: 0 0 0 0em;
}
form .wpcf7-list-item label{
	color: #fff;
}
.wpcf7 .wpcf7-form-control-wrap span {
	display: flex;
}
a:focus {
	color: #fff;
}
.wpcf7 .wpcf7-form-control-wrap span label{
	display: flex;
	align-items: start;
	font-size: 16px;
}
.wpcf7 input[type="checkbox"], .wpcf7 input[type="radio"] {
	margin: 1px 4px 0 0!important;
}
.head {
    background: #000;
}
.head__mobile {
    display: none;
}
.header {
    background: #000;
	padding-top: 17px;
  	padding-bottom: 17px;
    position: fixed;
    display: flex;
    flex-direction: row;
    align-items: center;  
    width: 100%;
    z-index: 1000;
}
.header .wrap {
    position: absolute;
    right: 5%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.header .wrap .login__btn {
    margin-right: 40px;
}
.header .wrap .login__btn a{ 
    font-weight: 900;
    font-size: 15px;
    line-height: 140%;
    color: #fff;
    border: 1px solid #fff;
    width: 97px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.header .wrap .login__btn a svg {
    margin-right: 5px;
}
.header .wrap .login__btn a:hover{
    background: #fff;
    color: #000;
}
.header .wrap .login__btn a:hover svg{
    stroke: #000;
}
.header .wrap .lang a{ 
    font-weight: 900;
    font-size: 15px;
    line-height: 140%;
    letter-spacing: 10%;
    color: #000;
    width: 38px;
    height: 38px;
    background: #fff;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header .wrap .lang a:hover{
    color: #fff;
    background: #000;
    border: #fff 1px solid;
}
.header .logo {
    margin-right: 90px;
}
.header .logo img {
    width: 220px;
    height: 40px;
}
.header .wraper {
    display: flex;
}
.header nav {
    display: flex;
    flex-direction: row;
    align-items: center;
}
nav .nav-menu {
    display: flex;
    flex-direction: row;
    width: 800px;
    justify-content: space-between;
}
.has-submenu.open {
    height: auto;
}

nav .nav-menu li .sub-menu .image-column img{
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* nav .nav-menu li:hover .sub-menu {
    display: grid;
} */
nav .nav-menu li > .sub-menu {
 
    width: 100%;
    height: 211px;
    grid-template-columns: 14% 75%;  
}  
nav .nav-menu li .sub-menu {
     
    position: absolute;
    top: 100%;  
    left: 0;
    background: white; 
    padding: 0;
    margin: 0;
    list-style: none;
    z-index: 1000;
    box-shadow: 0 4px 8px rgba(0,0,0,0.3);  
}
 
.nav-menu {
    list-style: none;
    margin: 0; padding: 0 20px;
    display: flex;
}
  
.sub-menu {
    position: fixed;
    top: 60px;
    left: 0;
    width: 100vw;
    background: white;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    padding: 0px 60px;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 180px 1fr;
    gap: 20px;
    z-index: 1000;

  
    max-height: 0;
    overflow: hidden;
    opacity: 1;
    transform: translateY(0px);
    transition: max-height 1s ease, opacity 1s ease, transform 0.4s ease;
}
.sub-menu.active {
    opacity: 1;
    transform: translateY(0);
    max-height: 500px; /* подстрой по нужному максимуму */
    padding: 20px 60px;
}
/**/
/* Анимация при первом открытии */
.sub-menu.open-first {
    opacity: 1;
    max-height: 1000px;
    transform: translateY(0);
    transition:
      max-height 1s ease,
      transform 1s ease,
      opacity 0.25s ease;
    pointer-events: auto;
  }
  
  /* Анимация при переключении между пунктами */
  .sub-menu.open-switch {
    opacity: 1;
    max-height: 1000px;
    transform: translateY(0);
    transition:
      opacity 1s ease,
      transform 1s ease;
    pointer-events: auto;
  }
/**/
.mega-column img {
    width: 100%;
    height: auto;
    display: block;
}
.menu-items {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.menu-items .menu-link {
    padding: 5px 0;
    font-size: 14px;
    color: #333;
}
.sub-menu .arrow-indicator {
    position: absolute;
    top: 0px; 
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #000;
    z-index: 1001;
    top: 0;
    left: 50%; /* Центр по горизонтали */
    transform: translateX(-50%) rotate(180deg); 
  }
/* Псевдоэлемент — треугольник под пунктом меню */
/* .nav-menu > li:hover::after {
    content: "";
    position: absolute;
    bottom: -20%;
    margin-top: 2px;
    border-width: 15px;
    border-style: solid;
    border-color: #000 transparent transparent transparent;
    z-index: 9999;
    margin-left: 40px;
} */
.nav-menu > li:nth-child(1):hover::after{
    margin-left: 30px!important;
}
.nav-menu > li:nth-child(2):hover::after{
    margin-left: 40px!important;
}
.nav-menu > li:nth-child(3):hover::after{
    margin-left: 55px!important;
}
.nav-menu > li:nth-child(4):hover::after{
    margin-left: 35px!important;
}
.nav-menu > li:nth-child(5):hover::after {
    display: none
}

/* Правая часть — пункты меню в 3 колонках */
.sub-menu .menu-items {
    display: grid;
    grid-template-columns: 30% 30% 30%;
    grid-template-rows: repeat(2, auto);
    grid-auto-flow: column;
    gap: 0px;
    padding-top: 60px;
    padding-left: 40px;
}
/* Ссылки */
.nav-menu .sub-menu .menu-link {
    color: #000;
    text-decoration: none;
    padding: 0px; 
    font-weight: 400;
    font-size: 20px;
    color: #000;
    height: 45px;
}
.nav-menu .sub-menu .menu-link:hover { 
    color: #616161;
}
.nav-menu .sub-menu .menu-link:nth-child(1),
.nav-menu .sub-menu .menu-link:nth-child(3),
.nav-menu .sub-menu .menu-link:nth-child(5),
.nav-menu .sub-menu .menu-link:nth-child(7){
    border-bottom: 1px solid #000;
    width: 348px;
}
.nav-menu .sub-menu .menu-link:nth-child(2),
.nav-menu .sub-menu .menu-link:nth-child(4),
.nav-menu .sub-menu .menu-link:nth-child(6) {
    margin-top: -35px;
}
ol, ul {
    margin: 0;
}
nav ul {
    list-style: none;
}
#mobileNav .sub-menu-mobile {
    margin-left: 0px;
}
#mobileNav .sub-menu-mobile li a{ 
    font-weight: 400;
    font-size: 20px;
    border-bottom: none;
    padding: 10px 0px;
}
#mobileNav ul li a:focus {
    color: #000;
}
.mobile-menu .has-submenu .sub-menu-mobile {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}
.mobile-menu .has-submenu.open .sub-menu-mobile {
    max-height: 500px; /* поставьте значение больше, чем максимальная высота подменю */
}
nav ul li a:focus {
    outline: none;
    box-shadow: none;
    color: #fff;
}
nav ul li a { 
    font-weight: 900;
	font-size: 19px;
    line-height: 140%;
    color: #fff;
	padding-top: 30px;
  	padding-bottom: 30px;
    padding-left: 35px;
    padding-right: 35px;
}
nav .nav-menu li a:hover {
    color: #fff; 
}
nav .nav-menu li a .link-inner {
    transition: transform 0.2s ease;
    display: inline-block;
}

nav .nav-menu li a:hover .link-inner {
    transform: translateX(-3px);
}
.container {
    width: 1440px;
    margin: 0 auto;
}
.swiper-slide {
    position: relative;
}
.swiper-slide .text {
    position: absolute;
    width: 628px;
    left: calc((100% - 1440px) / 2);
    margin-top: 200px;
}
.swiper-slide .text p,
.swiper-slide .text h2 {
    color: #fff; 
}
.swiper-slide .text h2 {
    font-size: 64px;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 25px;
	width: 720px;
}
.swiper-slide .text h3 {
    font-size: 64px;
    line-height: 100%;
    font-weight: 400;
    margin-bottom: 55px;
    color: #fff;
}
.swiper-slide .text p {
    font-size: 22px;
    line-height: 120%;
    font-weight: 400;
}
.swiper-slide .text a {
    background: #fff;
    width: 316px;
    height: 66px;
    color: #000; 
    font-weight: 900;
    font-size: 20px;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.swiper-slide .text a:hover {
    background: #000;
    color: #fff;
    border: #fff solid 1px;
}
.swiper-slide .text a:hover svg path{
    fill: #fff;
}
.swiper-slide .text a svg {
    margin-left: 20px;
}
.swiper-slide img {
    object-fit: cover;
    object-position: bottom center;
    width: 100%; 
    height: 1100px;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    width: 15px!important;
    height: 15px!important;
    border: 3px solid rgba(255, 255, 255, 0.1)!important;
}
.swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 0.5)!important;
}
.swiper-pagination-bullet {
    opacity: 1!important;
}
.swiper-horizontal > .swiper-pagination-bullets, 
.swiper-pagination-bullets.swiper-pagination-horizontal, 
.swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 70px!important;
}
/*who_we_areu*/
.who_we_are {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 50px;
}
.who_we_are .container{
    width: 50%;
    color: #000;
}
.who_we_are .left-side {
    width: 50%;
}

.who_we_are .right-side h2{
    font-size: 64px;
    font-weight: 900; 
    line-height: 100%;
    color: #000;
    width: 660px;
    margin-bottom: 50px;
}
.who_we_are .right-side p{ 
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    width: 660px;
}
.who_we_are .right-side .btn,
.btn__servise {
    background: #000;
    color: #fff;
    width: 316px;
    height: 66px; 
    font-weight: 900;
    font-size: 20px;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.btn__inv {
    background: #000;
    color: #fff;
    width: 205px;
    height: 66px; 
    font-weight: 900;
    font-size: 20px;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.who_we_are .right-side .btn:hover svg path,
.btn__servise:hover svg path{
    fill: #000;
}
.who_we_are .right-side .btn svg {
    margin-left: 20px;
}
.who_we_are .right-side .btn:hover,
.btn__servise:hover {
    background: #fff;
    color: #000;
    border: #000 solid 1px;
}
.btn__servise {
	margin-top: 25px;
	margin-bottom: 30px;
}


/**/
.section-services {
    margin-top: 190px;
}
.services-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2 колонки */
}
.service-item  {
    position: relative;
    height: 28rem;
}
.services-grid .service-item:nth-child(1) .service-content{
    top: 30%;
    left: 10%;
}
.services-grid .service-item-link:nth-child(1) .service-title{
    width: 340px;
}
.services-grid .service-item-link:nth-child(3) .service-description{
    width: 300px;
}
.services-grid .service-item:nth-child(2) .service-content{
    top: 30%;
    right: 10%;
}
.services-grid .service-item:nth-child(3) .service-content{
    top: 33%;
    right: 7%;
}
.services-grid .service-item:nth-child(4) .service-content{
    top: 33%;
    right: 13%;
}

.service-item .service-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.service-content .service-title{ 
    font-weight: 900;
    font-size: 32px;
    line-height: 100%;
    width: 240px;
    height: 81px;
}
.service-content .service-description { 
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    width: 240px;
}
.services-grid .dark .service-content,
.services-grid .dark .service-content .service-title{
    color: #fff;
}
.services-grid .light .service-content,
.services-grid .light .service-content .service-title{
    color: #000;
}
.services-grid .dark .service-content {
    position: absolute;
}
.services-grid .light .service-content {
    position: absolute;
}
.services-header  {
    display: flex;
    flex-direction: row; 
    align-items: center;
    margin-bottom: 2rem;
}
.services-header .section-title {
    position: relative; 
    font-weight: 900;
    font-size: 64px;
    color: #000;  
    width: 50%;
    text-align: right;
    margin-right: 50px;
    padding-right: 50px;
}
/* .section-title::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;  
    height: 50px;
    background-color: #000;  
} */
.section-title::after {
    content: "";
    position: absolute;
    top: 25%;
    right: 0;
    width: 1px;
    height: 0; /* изначально линия не видна */
    background-color: #000;
    transition: height 1s ease-out;
}  
.section-title.animate::after {
    height: 50px; /* анимация высоты при добавлении класса */
}
  
.services-header .section-subtitle { 
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    width: 527px;
    margin-bottom: 0px;
    color: #000;
}


/**/
.investment-strategy {
    margin-top: 100px;
}
.strategy-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 999px;
    margin: auto;
    margin-bottom: 55px;
}
.strategy-title {
    position: relative; 
    font-weight: 900;
    font-size: 64px;
    color: #000; 
    width: 500px;
    line-height: 100%;  
    margin-right: 50px;
    padding-right: 50px;
}
.strategy-title::after {
    content: "";
    position: absolute;
	top: 25%;
    right: 0;
    /* transform: translateY(-50%); */
    width: 1px; /* толщина полосы */
    height: 0px; /* изначально линия не видна */
    background-color: #000; /* цвет полосы */
    transition: height 1s ease-out;
}
.strategy-title.animate::after {
    height: 65px;
}
.strategy-description,
.strategy-description p{
    margin-bottom: 0px;
    width: 365px; 
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: #000;
} 
.strategy-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
}
.strategy-block {
    flex: 1;
	min-height: 38rem;
    background-size: cover;
    background-position: center;
    position: relative;
    color: #fff;
}
.strategy-block.right {
    color: #000;
} 
.strategy-content {
    position: absolute;
    top: 50%;
    left: 12rem; /* можно оставить или заменить на 50% для горизонтального центра */
    transform: translateY(-50%);
    max-width: 300px;
}
.left .strategy-content {
    right: 10rem;
    left: auto;
}
.strategy-content h3 { 
    font-weight: 900;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 25px;
}
.strategy-content p { 
    font-weight: 400;
    font-size: 18px;
    line-height: 120%;
    width: 248px;
    margin-bottom: 25px;
}

.strategy-grid .right h3 {
    color: #000;
}
.strategy-grid .left h3 {
    color: #fff;
}
.read-more {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    text-decoration: none;
    width: 240px;
    height: 66px;
    transition: all 0.3s ease;
    font-size: 20px;
    font-weight: 900; 
    line-height: 140%;
}
  
.read-more.white {
    background: white;
    color: black;
}
.read-more.white svg {
    margin-left: 10px;
}
.read-more.white:hover {
    background: black;
    color: white;
}
.read-more.white:hover svg path{
    fill:#fff;
}
.read-more.black {
    background: black;
    color: white; 
}
.read-more.black svg{
    margin-left: 10px;
}
.read-more.black:hover {
    background: white;
    color: black;
    border: 1px solid #000;
} 
.read-more.black:hover svg path{
    fill: #000;
}
.arrow {
    margin-left: 0.5rem;
    font-size: 25px;
}
  

/**/
.why-header {
    display: flex;
    justify-content: left;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}
  
.why-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
}
.why-grid .why-item:nth-child(1) .text{
    top: 30%;
    left: 10%;
    width: 300px; 
}
.why-grid .why-item:nth-child(2) .text{
    top: 30%;
    left: 10%;
    width: 290px; 
}
.why-grid .why-item:nth-child(2) .text p{
    width: 245px;
}
.why-grid .why-item:nth-child(3) .text{
    top: 33%;
    right: 7%;
    width: 240px; 
}
.why-grid .why-item:nth-child(4) .text{
    top: 33%;
    right: 13%;
    width: 317px;
}
.why-grid .why-item:nth-child(4) .text p{
    width: 248px;
}
.why-blackstar-grid .why-item:nth-child(4) .text{
	top: 30%;
	left: 10%;
	width: 290px;
}
.why-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0rem;
	min-height: 25rem;
    position: relative;
}
.why-item img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-item .text {
    position: absolute;
    z-index: 2;
}
.why-item .text h3 {
    font-size: 32px;
    font-weight: 900; 
    line-height: 100%;
    height: 81px;
}
.why-item .text p {
    font-size: 18px;
    font-weight: 400; 
    line-height: 120%;
}
.why-grid .light .text,
.why-grid .light .text h3 {
    color: #000;
}
.why-grid .dark .text,
.why-grid .dark .text h3 {
    color: #fff;
}


.why-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 999px;
    margin: auto;
    margin-bottom: 55px;
    margin-top: 120px;
}
  
.why-title {
    position: relative; 
    font-weight: 900;
    font-size: 64px;
    color: #000; 
    width: 500px;
    line-height: 100%;  
    margin-right: 50px;
    padding-right: 50px;
}
.why-title::after {
    content: "";
    position: absolute;
    top: 11%;
    right: 0;
    /* transform: translateY(-50%); */
    width: 1px; /* толщина полосы */
    height: 0px;
    background-color: #000; /* цвет полосы */
    transition: height 1s ease-out;
}

.why-title.animate::after {
  height: 65px;
}
.why-description {
    margin-bottom: 0px;
    width: 365px; 
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: #000;
}

/**/

.join-us {
    padding: 60px 20px;
    text-align: center;
}

.join-us-header {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 999px;
    margin: auto; 
    margin-bottom: 55px;
    margin-top: 120px;
}
/* Заголовок */
.join-title {
    position: relative; 
    font-weight: 900;
    font-size: 64px;
    color: #000;
    width: 500px;
    line-height: 100%;
    margin-right: 50px;
  	padding-right: 42px;
    text-align: right;
}
.join-us-header .join-title::after {
    content: "";
    position: absolute;
    top: 11%;
    right: 0;
    /* transform: translateY(-50%); */
    width: 1px;
    height: 0px;
    background-color: #000;
    transition: height 1s ease-out;
}

.join-title.animate::after {
  height: 65px;
}


.join-us-header p {
    margin-bottom: 0px;
    width: 235px; 
    font-weight: 400;
    font-size: 22px;
    line-height: 120%;
    color: #000;
    text-align: left;
}

/* Сетка шагов */
.steps-grid { 
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px; 
}
.steps-grid .step:hover {
    background: #2A54FF;
}
.steps-grid .step:hover p{
    color: #fff;
}
.step {
    position: relative;
    padding: 4rem 2rem;
    background-color: #fff;
	height: 17rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-weight: 600;
    font-size: 1rem;
  }
  
  .border-line {
    position: absolute;
    background-color: #000;
    z-index: 1;
    pointer-events: none;
  }
  
  .border-top {
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    transform: scaleY(1);
    will-change: transform;
  }
  .border-right {
    top: 0;
    right: 0;
    width: 1px;
    height: 0;
    transform: scaleY(1);
    will-change: transform;
  }
  .border-bottom {
    bottom: 0;
    right: 0;
    width: 0;
    height: 1px;
    transform: scaleY(1);
    will-change: transform;
  }
  .border-left {
    bottom: 0;
    left: 0;
    width: 1px;
    height: 0;
    transform: scaleY(1);
    will-change: transform;
  }
  
  @keyframes drawTop    { to { width: 100%; } }
  @keyframes drawRight  { to { height: 100%; } }
  @keyframes drawBottom { to { width: 100%; } }
  @keyframes drawLeft   { to { height: 100%; } }
  
.step p { 
    font-weight: 900;
    font-size: 24px;
    line-height: 120%;
    color: #000; 
    width: 290px;
    margin: 0 auto;
}
/* Кнопка */
.cta-button {
    margin-top: 55px;
    display: flex; 
    justify-content: center; 
}

.apply-button {
    display: inline-block;
    padding: 14px 28px;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    font-weight: 600; 
    width: 380px; 
    font-weight: 900;
    font-size: 20px;
    line-height: 140%;
    border: #fff solid 1px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.apply-button svg {
    margin-left: 10px;
}

.apply-button:hover {
    background-color: #fff;
    color: #000;
    border: #000 solid 1px;
}
.apply-button:hover svg path{
    fill: #000;
}

/*newsletter-section*/
.newsletter-section {
    padding-top: 120px;
    padding-bottom: 50px;
    background: #2A54FF;
}
.newsletter-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 40px;
}
.newsletter-content p {
    font-size: 32px;
    color: #fff;
    font-weight: 900;
    margin-bottom: 0px;
}
.newsletter-text h2 {
    color: #fff; 
    font-weight: 900;
    font-size: 70px;
}
.newsletter-text {
    flex: 1 1 47%;
}
.newsletter-content #wpcf7-f34-o1 {
    flex: 1 1 47%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.handwritten {
    margin-top: 30px;
}

/**/

.wpcf7 input.wpcf7-form-control:not([type="submit"]), .wpcf7 textarea.wpcf7-form-control {
    background-color: #2A54FF;
    border: 0px solid #fff;
    border-bottom: 1px solid #fff;
    border-radius: 0px;
}

input.wpcf7-form-control::placeholder {
    color: #fff !important;
    opacity: 1; 
    font-weight: 400;
    font-size: 24px;
}

/* Поддержка для старых браузеров */
input.wpcf7-form-control:-moz-placeholder {
    color: #fff !important;
    opacity: 1; 
    font-weight: 400;
    font-size: 24px;
}

input.wpcf7-form-control::-webkit-input-placeholder {
    color: #fff !important;
    opacity: 1; 
    font-weight: 400;
    font-size: 24px;
}

input.wpcf7-form-control:-ms-input-placeholder {
    color: #fff !important;
    opacity: 1; 
    font-weight: 400;
    font-size: 24px;
}
input[type="submit"] {
    background-color: #000;
    border-radius: 0px;
    width: 220px;
    margin-top: 20px; 
    font-weight: 900;
    font-size: 20px;
}
input[type="submit"]:hover {
    color: #000;
    background-color: #fff;
}
.wpcf7 form > div, .wpcf7 form > p {
    margin-bottom: 15px;
}

.wpcf7 input.wpcf7-form-control:not([type="submit"]), .wpcf7 textarea.wpcf7-form-control {
    padding: 0px;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="reset"], input[type="tel"], input[type="date"], select, textarea {
    color: #fff!important; 
    font-weight: 400;
    font-size: 24px;
}

/*footer*/
footer {
    background-color: #000;
    color: #fff;
    padding-top: 62px;
}

.footer__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 40px;
    border-bottom: 1px solid #fff;
    gap: 40px;
}

.footer__brand {
    flex: 1 1 250px;
    max-width: 300px;
}

.footer__logo {
    max-width: 220px;
    margin-bottom: 10px;
}

.footer__tagline {
    margin: 20px 0;
    font-weight: bold; 
    font-weight: 900;
    font-size: 20px;
    line-height: 100%;
}

.footer__socials {
    display: flex;
    gap: 12px;
    margin-top: 16px;
}
.footer__socials a img {
    width: 38px;
    height: 38px;
}

/* === Меню футера === */
.footer__menu {
    display: flex;
    /* flex: 3 1 600px; */
    flex-wrap: wrap;
    gap: 40px;
}
.footer__column {
    min-width: 150px;
}
.footer__column h4 {
    font-size: 14px;
    margin-bottom: 10px;
    text-transform: uppercase; 
    font-weight: 900;
    font-size: 20px;
    color: #fff;
}
.footer__column ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer__column ul a { 
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    line-height: 35px;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease, transform 0.2s ease;
}
.footer__column ul a:hover{
    transform: translateX(-3px);
}
.footer__column li {
    margin-bottom: 8px;
}

/* === Нижняя часть футера === */
.footer__bottom {
    background-color: #000;
    padding: 35px 0;
    font-size: 13px;
}
.footer__bottom-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 20px; 
    font-weight: 400;
    font-size: 16px;
}
.footer__bottom-inner p {
    margin-bottom: 0px;
}
.footer__legal {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 635px;
    justify-content: space-between;
}
.footer__legal a{ 
    font-weight: 400;
    font-size: 16px;
    color: #fff;  
    text-decoration: underline;
    display: inline-flex;
    align-items: center;
    transition: color 0.3s ease, transform 0.2s ease;
}
.footer__legal a:hover{
  transform: translateX(-3px); /* двигаем влево */
}

.slide-title,
.slide-paragraph,
.slide-link {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
  transform: translateY(-20px);
}
.swiper-slide:nth-child(2) .slide-title,
.swiper-slide:nth-child(2) .slide-paragraph,
.swiper-slide:nth-child(2) .slide-link,
.swiper-slide:nth-child(3) .slide-title,
.swiper-slide:nth-child(3) .slide-paragraph,
.swiper-slide:nth-child(3) .slide-link{
    opacity: 1;
}
 
.slide-title.visible,
.slide-paragraph.visible,
.slide-link.visible {
  opacity: 1;
  transform: translateY(0);
}

.newsletter-content .fade-in-right {
    flex: 1 1 47%;
}
.fade-in-right {
    opacity: 0;
    transform: translateX(50px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}  
.fade-in-right.visible {
    opacity: 1;
    transform: translateX(0);
}
form h4 {
    margin-top: 35px;
    color: #fff;
}
.custom-file-upload_btn {
    margin-bottom: 25px;
    line-height: 120%;
}
.swiper-wrapper .step {
    border: 1px solid #000;
    height: 212px;
}
  
.blur-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 998;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
  }
  
  .blur-overlay.active {
    opacity: 1;
    pointer-events: all;
  }

  .cursor::after {
    content: '|';
    animation: blink 0.7s infinite;
  }

  @keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
  }

  .no-cursor::after {
    content: ''; /* убираем курсор */
    animation: none;
  }

  .head__mobile .text h3.hidden,
  .head__mobile .text p.hidden,
  .head__mobile .text a.hidden {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.6s ease, transform 0.6s ease;
  }

  .head__mobile .text h3.show,
  .head__mobile .text p.show,
  .head__mobile .text a.show {
    opacity: 1;
    transform: translateY(0);
  }
  .comments-area {
    display: none !important;
}
.ast-separate-container .ast-article-single {
    padding: 0px!important;
}
.content-area .container article {
    margin-top: 60px;
}
.content-area .acf-post-image {
    margin-bottom: 40px;
}
.ast-article-single img {
    box-shadow: 0 0 0px 0 rgba(0,0,0,.15);
    -webkit-box-shadow: 0 0 0px 0 rgba(0,0,0,.15);
    max-height: 600px;
    width: 100%;
    object-fit: cover;
}
.content-area h1 { 
    font-weight: 900;
    font-size: 64px;
    color: #000;
}
.entry-content.two-columns,
.page-description.two-columns {
    column-count: 2; /* количество колонок */
    column-gap: 40px; /* расстояние между колонками */
}

.entry-content.two-columns p,
.page-description.two-columns p,
.page-description.two-columns ol{
    margin-bottom: 1em; 
    font-weight: 400;
    font-size: 22px;
    line-height: 150%;
    color: #000;
}
.post-navigation {
    display: flex;
}
.single .post-navigation .nav-next, 
.single .post-navigation .nav-previous{
    width: 340px;
    height: 66px;
}
.single .post-navigation .nav-next a, 
.single .post-navigation .nav-previous a{
    color: #fff;
    background: #000;
    border: 1px solid #000; 
    font-weight: 900;
    font-size: 22px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0px;
}
.single .post-navigation .nav-next a svg, 
.single .post-navigation .nav-previous a svg{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 5px;
}
.single .post-navigation .nav-next a:hover, 
.single .post-navigation .nav-previous a:hover{
    color: #000;
    background: #fff;
}
.single .post-navigation .nav-previous a svg {
    transform: rotate(180deg);
}
.single .post-navigation .nav-next a:hover svg path, 
.single .post-navigation .nav-previous a:hover svg path{
    fill: #000;
}
.ast-separate-container #primary {
    margin-bottom: 200px;
}
.post-card img { 
    transition: filter 0.4s ease;
} 
.head__leadership .block__text .btn {
    background: #000;
    color: #fff;
    width: 240px;
    height: 66px; 
    font-weight: 900;
    font-size: 20px;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: 1px solid #000;
}
.head__leadership .block__text .btn__white {
    color: #000;
    background: #fff;
    border: 1px solid #fff;
}
.head__leadership .block__text .btn__white svg path{
    fill: #000;
}
.head__leadership .block__text .btn:hover{
    background: #fff;
    color: #000;
}
.head__leadership .block__text .btn svg{
    margin-left: 20px;
}
.head__leadership .block__text .btn:hover svg path{
    fill: #000;
}
.head__leadership .block__text .btn__white:hover {
    color: #fff;
    background: #000;
}
.head__leadership .block__text .btn__white:hover svg path{
    fill: #fff;
}
.icon {
    display: inline-block;
    width: 32px;   /* размер иконки */
    height: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    margin-right: 10px;
    margin-bottom: -9px;
    flex-shrink: 0;
}
  
/* Пример для разных иконок */
.icon-black {
    background-image: url('/wp-content/uploads/2025/07/image.psd10.png');
}
.icon-light {
    background-image: url('/wp-content/uploads/2025/07/image.psd7_.png');
}
.wpcf7-response-output {
    background-color: #fff!important;
}
.wpcf7 .wpcf7-not-valid-tip {
    color: #f00!important; 
    background: #7ab6c8!important;
    display: inline!important;
}
.ast-separate-container {
	background: #fff!important;
}

.investment-archive {
    margin-top: 180px;
    margin-bottom: 100px;
}
.investment-archive .container {
    width: 90%;
}
.investment-archive .investment-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px; 
    margin: 0 auto;
}

.investment-card {
    display: flex;
    background: #fff; 
    overflow: hidden;
    box-shadow: 0 5px 45px rgba(0,0,0,0.2);
    padding: 25px;
}
.investment-image { 
	min-width: 300px;
	max-width: 300px;
  	min-height: 100%;
    object-fit: cover; 
}
.investment-image img {
    width: 420px;
    height: 100%;
    object-fit: cover; 
    transition: filter 0.3s ease;
}  
.investment-content {
    padding: 0px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.investment-title {
    font-size: 44px;
    font-weight: 900;
    line-height: 100%;
    margin: 30px 0 15px;
    color: #000;
}
.investment-info {
    list-style: none;
    padding: 0;
    margin: 10px 0;
}
.investment-info li {
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    font-weight: 400; 
    padding: 4px 0;
    color: #000;
}
.investment-location {
    font-size: 22px;
    font-weight: 900;
    color: #000;
}
.investment-btn {
    display: inline-block;
    margin-top: 10px;
    padding: 8px 12px;
    border: 1px solid #000; 
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #000;
    width: 240px;
    height: 65px; 
    transition: background 0.3s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.investment-btn svg{
    margin-left: 15px;
}
.investment-btn:hover svg path{
    fill: #fff;
}
.investment-btn:hover {
    background: #000;
    color: #fff;
}
/* Пагинация */
.pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 30px 0;
}
.pagination .page-numbers {
    display: inline-block;
    padding: 8px 12px;
    border: 1px solid #000;
    text-decoration: none;
    font-weight: 500;
    color: #000;
}
.pagination .current {
    background: #000;
    color: #fff;
}
.investment-info li {
    display: flex;
    align-items: center;
}
.investment-info li span {
    margin-right: 8px; /* небольшой отступ от линии */
    display: contents;
}
.investment-info li b {
    margin-left: 8px; /* небольшой отступ от линии */
}
.investment-info li span::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000; /* цвет линии */
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.asset-block {
    margin-top: 120px;
}
.asset-block .swiper {
    margin-left: 0px!important;
}
.asset-block_item {
/*     align-items: center; */
    display: grid;
	grid-template-columns: 45% 55%;
}
   
/* Контент */
.asset-content {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-top: 30px;
    margin-right: 50px;
}
.asset-title { 
    font-size: 55px;
    font-weight: 900;
    color: #000;   
}
.asset-text {
    font-size: 22px;
    font-weight: 400;
    color: #000;   
    line-height: 120%;
}
.asset-info {
    list-style: none;
    padding: 0;
    margin: 1rem 0;
    display: grid;
	grid-template-columns: 48% 42%;
  	gap: 10px 9%;
}
.asset-info li {
    display: flex;
    justify-content: space-between;
    padding: 4px 0; 
    font-size: 22px;
    font-weight: 400;
    color: #000;   
    display: flex;
    align-items: center;
}

.asset-info span {
    display: contents;
	font-weight: 400;
}
.asset-info span::after {
    content: "";
    flex-grow: 1;
    height: 1px;
    background: #000;
    margin-left: 8px;
    margin-right: 8px;
    display: inline-block;
    vertical-align: middle;
}
.asset-details {
    display: flex;
    flex-direction: column; 
}  
.asset-content h2 {
    color: #000;  
}
.asset-details-1 .detail-item h3{
    display: inline;
}
.detail-item h3 {
    color: #000;  
    font-size: 22px;
    font-weight: 400;
    display: flex;
}
.asset-details .detail-item h3 p{
    margin-left: 5px;
    margin-bottom: 25px;
}
.asset-content-description, 
.asset-content-description p,
.subtitle p{
    color: #000;  
    font-size: 22px;
    font-weight: 400; 
    line-height: 120%;
}
.subtitle {
	margin-top: 15px;
	margin-bottom: 35px;
}
.subtitle p{
	margin-bottom: 0px;
}
.detail-item p {
    color: #000;  
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    margin-left: 40px;
    line-height: 120%;
}
.asset-docs {
    margin-top: 1rem;
    color: #000;  
    font-size: 22px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
}
.asset-docs span {
    margin-right: 15px;
}
.asset-docs ul {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    flex-direction: column;
}
.asset-docs ul li {
    margin-right: 10px;
    width: 350px;
}
.asset-docs ul li a {
    display: flex;
    color: #000;
    margin-bottom: 20px;
}
.asset-docs ul li a img {
    height: 52px;
    margin-right: 15px;
    margin-top: 10px;
}
.asset-docs ul li a .view {
    text-decoration: underline;
}
.asset-buttons {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}
.asset-buttons .btn { 
    padding: 0.8rem 2.5rem; 
    font-weight: 900;
    cursor: pointer;
    border-radius: 0px;
    font-size: 20px;
    line-height: 140%;
    display: flex;
    align-items: center;
}
.next-asset {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.asset-buttons .next-asset:hover {
    background: #000;
    color: #fff;
    border: 1px solid #000;
}
.asset-buttons .next-asset svg{
    transform: rotate(180deg); 
    margin-right: 15px;
}
.asset-buttons .next-asset:hover svg path{
    fill: #fff;
}
.join-investment {
    background: #000;
    color: #fff;
}
.asset-buttons .join-investment:hover {
    background: #fff;
    color: #000;
    border: 1px solid #000;
}
.asset-buttons .join-investment svg {
    margin-left: 15px;
}
.asset-buttons .join-investment:hover svg path{
    fill: #000;
}
.asset-image {
    position: relative; 
    overflow: hidden;
    width: auto;
    height: auto;
}
.asset-image .swiper-slide img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;   /* обрезает по размеру контейнера */
    object-position: center; /* центрирует */
}
.swiper__block {
    position: relative;
    max-width: 650px;
}
.asset-image .swiper-slide {
    width: 100% !important;
}
.swiper__block  .swiper-button-prev,
.swiper__block  .swiper-button-next {
    color: #000!important;
    top: 33%;
    border-radius: 50%;
    width: 65px!important;
    height: 65px!important;
    display: block; 
}
.swiper__block  .swiper-button-next {
    margin-right: -23%;
    display: flex;
}
.swiper__block  .swiper-button-prev {
    margin-left: -23%;
    display: flex;
}
.swiper-button-next::after {
    margin-left: 0px;
    font-size: 24px!important;
} 
.swiper-button-prev::after {
    margin-right: 0px;
    font-size: 24px!important;
}

.error-page {
    height: 800px;
}
.error-page .section__error {
    padding-top: 5%; 
}
.error-page .number {
    font-size: 350px;
    font-weight: 200;
    color: #000;
    text-align: center; 
    line-height: 120%;
}
.error-page .text { 
    text-align: center; 
}
.error-page .text h2,
.error-page .text p{
    color: #000;
}
.error-page .text h2 {
    font-size: 48px;
    font-weight: 900;
    line-height: 120%;
}
.error-page .text p {
    font-size: 28px;
    font-weight: 400;
}
.error-page .btn__error {
    background-color: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 900;
    line-height: 140%;
    height: 66px;
    width: 220px;
    border: 1px solid #000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.error-page .btn__error svg {
    margin-left: 15px;
}
.error-page .btn__error:hover {
    background-color: #fff;
    color: #000;
}
.error-page .btn__error:hover svg path {
    fill: #000;
}
.load-more-container .btn {  
    padding: 8px 12px;
    border: 1px solid #000;
    text-decoration: none;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    background: #000;
    border-radius: 0px;
    width: 240px;
    height: 65px; 
    transition: background 0.3s;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 30px auto
}
.load-more-container .btn:hover {
    background-color: #fff;
    color: #000;
}
.page-under-construction {
    height: 80vh;
    padding-top: 0%;
}
.page-under-text {
	margin-top: 80px;
	padding-top: 60px;
	padding-bottom: 40px;
}
.page-under-construction .container{
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.page-under-construction .container h2 {
    font-size: 55px;
}
.contact__section {
	margin-top: 50px;
	margin-bottom: 30px;
}
.page-under-text h2,
.contact__section h2 {
	font-size: 50px;
	text-align: center;
	margin-bottom: 20px; 
  	font-weight: 900; 
}
.page-under-text h2 b{
	font-weight: 900;
}
.page-under-construction .container h2,
.page-under-construction .container p,
.page-under-text p,
.page-under-text ul,
.page-under-text h2,
.page-under-text h1,
.page-under-text h3,
.page-under-text h4,
.contact__section p,
.contact__section h2,
.contact__section ul {
    color: #000;
}
.page-under-construction .container p,
.page-under-text p,
.contact__section p,
.contact__section ul,
.page-under-text ul {
    font-size: 22px;
}



#investment-filter select {
    color: #000!important;
    width: 240px;
    border: 1px solid #000;
    border-radius: 0px;
    margin-right: 40px;
    font-size: 16px;
}
#investment-filter {
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}
#investment-filter svg {
    margin-top: 5px;
    margin-right: 10px;
}
#investment-filter select[name="investment_category"]  {
    margin-right: 80px;
}
#investment-filter #reset-filter svg {
    margin-top: -2px;
}
#investment-filter #reset-filter {
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #000;
}
.select__svg {
    display: flex;
}

.btn__investment {
    background-color: #000;
    color: #fff;
    border-radius: 0px; 
    margin-top: 20px; 
    font-weight: 900;
    font-size: 20px;
    width: 300px;
    height: 66px;
    line-height: 140%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border: 1px solid #000;
}
.btn__investment_swiper {
    margin-top: 35px;
    margin-left: 0px;
}
.btn__investment:hover {
    background: #fff;
    color: #000;
}
.btn__investment:focus {
    color: #000;
    background: #fff;
}
.btn__investment:focus svg path{
    fill: #000;
}
.btn__investment svg {
    margin-left: 15px;
}
.btn__investment:hover svg path{
    fill: #000;
}
.gallery__page {
    margin-bottom: 80px;
}
.gallery__page .container {
    position: relative;
}

.gallery-close {
    position: absolute;
    top: -25px;
    right: 90px;
    font-size: 36px;
    font-weight: bold;
    color: #000;
    text-decoration: none;
    z-index: 9999;
    cursor: pointer;
} 
.gallery-close svg{
    width: 40px;
    height: 40px;

}
.gallery-close:hover {
    color: #ff4d4d;
}
.asset-content ul,
.share__block ul{
    list-style: none;
}
.share__block {
    display: flex;
}
.share__block p{ 
    font-size: 18px;
    font-weight: 900;
    color: #000;
    margin-bottom: 0px;
    margin-right: 30px;
}
.share__block ul {
    display: flex;
}
.share__block ul li {
    margin-right: 5px;
    margin-left: 5px;
}
.share__block ul li a img { 
    width: 38px;
    height: 38px;
    object-fit: contain;
}

.fullscreen-swiper {
    width: 100%;
    height: auto;
    margin-top: 120px;
    margin-bottom: 50px;
}
.fullscreen-swiper img {
    width: 1000px;
    height: 600px;
    margin: 0 auto; 
    display: flex;
}


.btn__asset {
	font-size: 20px;
	font-weight: 900;
	color: #000;
	text-transform: uppercase;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin-left: 3%;
	margin-bottom: 15px;
	width: 100px;
}
.btn__asset svg {
	margin-right: 5px;
}

.swiper__block .swiper-button-next:hover,
.swiper__block .swiper-button-prev:hover {
    background: #2A54FF;
	border: 1px solid #2A54FF;
	color: #fff!important;
}
.asset-content-description ul {
    list-style: disc;
    margin-left: 25px;
    margin-bottom: 20px;
}
.asset-content-description ul li{
    margin-bottom: 5px;
}


.page-hero {
  width: 100%;
  height: 400px; /* можно менять */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

.page-hero__overlay {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.3); /* затемнение, можно убрать */
}

.wpcf7 input.wpcf7-form-control:not([type="submit"]), .wpcf7 textarea.wpcf7-form-control {
	color: #fff;
	font-size: 22px;
}

/**/
/* Скрываем оригинальный input */
.custom-file-upload {
	display: flex;
}
.custom-file-upload input[type="file"] {
  display: none;
}

/* Стили кнопки */
.custom-file-upload {
	margin-top: 50px;
	margin-bottom: 40px;
}
.custom-file-upload label {
	display: inline-flex;
	align-items: center;
	gap: 6px;
    background-color: #2A54FF;
	color: white;
	padding: 8px 14px;
	border-radius: 6px;
	cursor: pointer;
	font-size: 20px;
	transition: background 0.3s;
	width: 450px;
}

.custom-file-upload label:hover {
  background-color: #005f8d;
}

/* Текст рядом с кнопкой */
.custom-file-upload .file-name {
	margin-left: 10px;
	font-size: 20px;
	color: #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 200px;
	display: inline-block;
  	vertical-align: middle;
	width: 100%;
	font-weight: 400;
}
.btn__our-execution {
	margin-top: 15px;
	background: #000;
	color: #fff;
	padding: 10px 35px;
	font-weight: 900;
	border: 1px solid #000;
}

.btn__our-execution:hover {
	background: #fff;
	color: #000;
}

.two-columns ul li,
.two-columns ol li{
  margin-bottom: 1em; 
  font-weight: 400;
  font-size: 22px;
  line-height: 150%;
  color: #000;
}
.entry-content h1, 
.entry-content h2, 
.entry-content h3, 
.entry-content h4, 
.entry-content h5, 
.entry-content h6,
.page-description h1, 
.page-description h2, 
.page-description h3, 
.page-description h4 {
  color: #000;
	margin-top: 0px;
}

.newsletter-content form p {
  font-size: 18px;
  color: #fff;
	font-weight: 400;
}

.contact-info ul .contact__notes {
	font-size: 17px;
  	line-height: 120%;
	display: block;
}
.contact-info ul .contact__notes h4 {
	color: #fff;
	font-weight: bold;
}
.copy-tooltip {
    position: fixed;
    padding: 8px 14px;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    pointer-events: none;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity 0.2s ease;
    z-index: 99999;
}

/**/
html[lang="he-IL"] .img__background {
    transform: scaleX(-1);
}
html[lang="he-IL"] .head__leadership .block__text .btn svg {
    margin-right: 20px;
	transform: scaleX(-1);
}
html[lang="he-IL"] p {
    margin-bottom: 5px;
}
html[lang="he-IL"] .icon {
    margin-left: 10px;
    margin-right: 0px;
}
html[lang="he-IL"] .header .wrap {
    left: 5%;
    right: auto;
}
html[lang="he-IL"] .head__leadership .block__text p {
    margin-bottom: 20px;
}
html[lang="he-IL"] .swiper-slide .text p {
    margin-bottom: 30px;
}
html[lang="he-IL"] .slide-link svg {
    margin-left: 0px;
    margin-right: 20px;
	transform: scaleX(-1);
}
html[lang="he-IL"] .btn svg {
    margin-left: 0px;
    margin-right: 20px;
	transform: scaleX(-1);
}
html[lang="he-IL"] .read-more svg,
html[lang="he-IL"] .apply-button svg,
html[lang="he-IL"] .research-card__btn svg,
html[lang="he-IL"] .btn__investment svg,
html[lang="he-IL"] .investment-btn svg{
    margin-left: 0px;
    margin-right: 20px;
	transform: scaleX(-1);
}
html[lang="he-IL"] .who_we_are .right-side p {
    margin-bottom: 35px;
}
html[lang="he-IL"] .strategy-content p {
    margin-bottom: 35px;
}
html[lang="he-IL"] .join-us-header .join-title::after,
html[lang="he-IL"] .why-title::after,
html[lang="he-IL"] .strategy-title::after,
html[lang="he-IL"] .section-title::after {
    display: none;
}
.partners-content .btn {
    font-size: 18px;
}
html[lang="he-IL"] .asset-sales-image img {
    margin-left: 0;
    margin-right: 30%;
}
html[lang="he-IL"] .btn__asset svg{
    margin-left: 10px;
	transform: scaleX(-1);
}
html[lang="he-IL"] .btn__asset {
    right: 2%; 
    position: absolute;
}
 
html[lang="he-IL"] .wpcf7 input.wpcf7-form-control:not([type="submit"]), .wpcf7 textarea.wpcf7-form-control {
  	text-align: right;
	 font-family: "Open Sans", sans-serif !important;
}
html[lang="he-IL"] .newsletter-content form p {
    text-align: end;
}
html[lang="he-IL"] .wpcf7 .wpcf7-form-control-wrap span {
    display: inline-flex;
	direction: rtl;
  	text-align: right;
  	margin-right: 5px;
}
html[lang="he-IL"] .wpcf7-spinner {
    margin-left: -7%;
}

html[lang="en"] body {
    font-family: "Roboto", sans-serif !important;
}

html[lang="he-IL"] body {
    font-family: "Open Sans", sans-serif !important;
}
html[lang="he-IL"] .join-us-header p {
	text-align: right;
}
html[lang="he-IL"] .who_we_are .left-side img{
	transform: scaleX(-1);
}

html[lang="he-IL"] .wpcf7 .wpcf7-form-control-wrap span label {
	align-items: center;
	flex-direction: row-reverse;
}
html[lang="he-IL"] .wpcf7 input[type="checkbox"] {
 	order: 1;
}

.lang-switcher {
    position: relative;
    display: inline-block;
}

.lang-switcher__toggle {
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
}

.lang-icon img{
    width: 32px;
    height: 32px;
}

.lang-switcher__dropdown {
    position: absolute;
    top: 100%;
    right: 0;  
    box-shadow: 0 6px 20px rgba(0,0,0,0.1);
    opacity: 0;
    visibility: hidden;
    transform: translateY(5px);
    transition: all 0.2s ease;
    z-index: 99;
}

.lang-switcher.open .lang-switcher__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-switcher__item {
    display: block;
    padding: 8px 12px;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    background: #fff;
    border-radius: 50%;
    margin-top: 6px;
}
 
/**/
.cookie-banner {
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 350px;
    background: #fff;
    padding: 25px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.15);
    z-index: 9999;
    border-radius: 8px;
    display: none; /* Скрыто по умолчанию */
	border: 1px solid #000;
}

.cookie-content p {
    font-size: 13px;
    color: #444;
    line-height: 1.5;
    margin-bottom: 20px;
}

.cookie-buttons {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.btn-accept, .btn-reject {
    border: none;
    border-radius: 25px;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
}

.btn-accept { background: #0044ff; color: #fff; }
.btn-reject { background: #0044ff; color: #fff; }

.cookie-settings {
    text-align: center;
    font-size: 12px;
    color: #0044ff;
    text-decoration: underline;
    margin-top: 5px;
}

.cookie-close {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 20px;
    cursor: pointer;
}