/**
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.9.2
Requires at least: 5.3
WC requires at least: 3.0
WC tested up to: 9.6
Tested up to: 6.7.2
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 icon 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. */
@font-face {
  font-family: 'TTTravelsBold';
  src: url('assets/fonts/TTTravels-Bold.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/TTTravels-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/TTTravels-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/TTTravels-Bold.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/TTTravels-Bold.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'TTTravelsRegular';
  src: url('assets/fonts/TTTravels-Regular.eot'); /* IE9 Compat Modes */
  src: url('assets/fonts/TTTravels-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('assets/fonts/TTTravels-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('assets/fonts/TTTravels-Regular.woff') format('woff'), /* Modern Browsers */
       url('assets/fonts/TTTravels-Regular.ttf') format('truetype'); /* Safari, Android, iOS */
  font-weight: normal;
  font-style: normal;
}
* {
    border:none;
    margin:0;
    padding:0
  }
  *,
  :after,
  :before {
    box-sizing:border-box
  }
  a {
    color:inherit
  }
  a,
  a:hover,
  a:link,
  a:visited {
    text-decoration:none
  }
  aside,
  footer,
  header,
  main,
  nav,
  section {
    display:block
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  p {
    font-size:inherit;
    font-weight:inherit
  }
  ul,
  ul li {
    list-style:none
  }
  img {
    vertical-align:top
  }
  img,
  svg {
    height:auto;
    max-width:100%
  }
  address {
    font-style:normal
  }
  button,
  input,
  select,
  textarea {
    background-color:transparent;
    color:inherit;
    font-family:inherit;
    font-size:inherit
  }
  input::-ms-clear {
    display:none
  }
  button,
  input[type=submit] {
    background-color:transparent;
    background:none;
    box-shadow:none;
    cursor:pointer;
    display:inline-block
  }
  button:active,
  button:focus,
  input:active,
  input:focus {
    outline:none!important;
  }
  button:active,
  button:focus,
  button:hover,
  input:active,
  input:focus {
    background-color: transparent;
    border: none;
  }
  a:hover,
  a:focus {
    color: inherit !important;
  }
  button::-moz-focus-inner {
    border:0;
    padding:0
  }
  label {
    cursor:pointer
  }
  legend {
    display:block
  }
  :root {
    --container-width:75rem;
    --container-padding:0.9375rem;
    --font-size:1.5rem;
    --font-main:"TTTravels",sans-serif;
    --font-accent:sans-serif;
    --font-titles:var(--font-accent);
    --page-bg:#fff;
    --text-color:#001736;
    --dark-color:var(--text-color);
    --secondary-color:#006bff;
    --laptop-size:74.9988rem;
    --tablet-size:63.9988rem;
    --mobile-size:47.9988rem
  }
  .dark {
    --page-bg:#252526;
    --text-color:#fff
  }
  body,
  html {
    height:100%
  }
  body {
    background-color:var(--page-bg);
    color:var(--text-color);
    font-family:var(--font-main);
    line-height:1.2;
    -ms-text-size-adjust:100%;
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
  }
  .lock body {
    overflow:hidden
  }
  body,
  html {
    font-size:.8333333333vw
  }
  .wrapper {
    display:flex;
    flex-direction:column;
    min-height:100%;
    overflow:hidden
  }
  @supports (overflow:clip) {
    .wrapper {
      overflow:clip
    }
  }
  .wrapper>main {
    flex:1 1 auto
  }
  .wrapper>* {
    min-width:0
  }
  a,
  button,
  input,
  select,
  textarea {
    line-height:1
  }
  .container {
    margin:0 auto;
    max-width:var(--container-width);
    padding:0 var(--container-padding)
  }
  .container-right {
    padding-right:calc((100% - var(--container-width))/2 + var(--container-padding))
  }
  @font-face {
    font-display:swap;
    font-family:TTTravels;
    font-style:normal;
    font-weight:700;
    src:url('fonts/TTTravels-Bold.woff2') format("woff2"),
    url('fonts/TTTravels-Bold.woff') format("woff")
  }
  @font-face {
    font-display:swap;
    font-family:TTTravels;
    font-style:normal;
    font-weight:500;
    src:url('fonts/TTTravels-Medium.woff2') format("woff2"),
    url('fonts/TTTravels-Medium.woff') format("woff")
  }
  @font-face {
    font-display:swap;
    font-family:TTTravels;
    font-style:normal;
    font-weight:400;
    src:url('fonts/TTTravels-Regular.woff2') format("woff2"),
    url('fonts/TTTravels-Regular.woff') format("woff")
  }
  .header {
    left:0;
    padding:2rem 0;
    position:fixed;
    top:0;
    transition:.2s ease-in-out;
    width:100%;
    z-index:10
  }
  .header__container {
    align-items:center;
    display:flex;
    gap:1rem;
    justify-content:space-between;
    margin:0 auto;
    max-width:112.5rem;
    padding:0 .9375rem;
    position:relative
  }
  .header__logo {
    max-width:15%;
    position:relative;
    z-index:10
  }
  .header .menu {
    color:#fff;
    font-size:1.5rem
  }
  .header .menu__list {
    align-items:center;
    display:flex;
    gap:4.8125rem;
    justify-content:center
  }
  .header .menu__list li {
    position:relative
  }
  .header .menu__list li.has-sub-menu {
    padding-right:2.125rem
  }
  .header .menu__list li.has-sub-menu:after {
    aspect-ratio:1/1;
    background-color:#fff;
    content:"";
    height:1.5rem;
    -webkit-mask:url('/wp-content/uploads/2025/04/chevron-1.svg') center/contain no-repeat;
    mask:url('/wp-content/uploads/2025/04/chevron-1.svg') center/contain no-repeat;
    position:absolute;
    right:0;
    rotate:90deg;
    top:.375rem;
    transition:.2s ease-in-out
  }
  .header .menu__list li.show:after,
  .header .menu__list li.show>a {
    opacity:.5
  }
  .header .menu__list li.show .sub-menu {
    opacity:1;
    pointer-events:all;
    visibility:visible
  }
  .header .menu__list a {
    display:block;
    padding:.3125rem;
    transition:.2s ease-in-out
  }
  .header .menu__list a:hover {
    color: inherit !important;
  }
  .header .menu__list a.active,
  .header .menu__list a:hover {
    opacity:.53
  }
  .header.fixed {
    -webkit-backdrop-filter:blur(.3125rem);
    backdrop-filter:blur(.3125rem);
    background-color:rgba(0,23,54,.7)
  }
  .sub-menu {
    -webkit-backdrop-filter:blur(.625rem);
    backdrop-filter:blur(.625rem);
    background:rgba(6,11,2,.48);
    display:flex;
    flex-direction:column;
    opacity:0;
    overflow:hidden;
    padding:1.25rem;
    pointer-events:none;
    transition:.2s ease-in-out;
    visibility:hidden;
    white-space:nowrap
  }
  .sub-menu a {
    display:block;
    opacity:1!important;
    padding:.375rem .75rem!important;
    transition:.2s ease-in-out
  }
  .dropdown-menu {
    transition:.2s ease-in-out
  }
  .menu-open .dropdown-menu {
    opacity:1;
    pointer-events:all;
    visibility:visible
  }
  .dropdown-menu__list {
    display:flex;
    flex-direction:column;
    gap:.75rem
  }
  .dropdown-menu__list a {
    display:block;
    padding:.3125rem 1.0625rem .3125rem 2.3125rem;
    transition:.2s ease-in-out
  }
  .icon-menu {
    height:2.25rem;
    position:relative;
    width:3.75rem
  }
  .icon-menu span,
  .icon-menu:after,
  .icon-menu:before {
    background-color:#fff;
    content:"";
    height:.375rem;
    left:0;
    position:absolute;
    transition:.2s ease;
    width:100%
  }
  .icon-menu:before {
    top:0
  }
  .icon-menu span {
    top:calc(50% - .1875rem)
  }
  .icon-menu:after {
    bottom:0
  }
  .menu-open .icon-menu span {
    width:0
  }
  .menu-open .icon-menu:before {
    rotate:45deg;
    top:.75rem
  }
  .menu-open .icon-menu:after {
    rotate:-45deg;
    top:.75rem
  }
  .hero {
    background-color:#445066;
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover;
    height:100vh;
    max-height:67.5rem;
    position:relative
  }
  .hero:after {
    background:rgba(6,11,2,.48);
    content:"";
    pointer-events:none;
    z-index:1
  }
  .hero:after,
  .hero__slider {
    inset:0;
    position:absolute
  }
  .hero__container {
    height:100%;
    margin:0 auto;
    max-width:112.5rem;
    padding:0 .9375rem
  }
  .hero__content {
    align-items:center;
    display:flex;
    height:100%;
    justify-content:space-between;
    position:relative;
    z-index:5
  }
  .hero__title {
    color:#fff;
    font-size:5.5625rem;
    font-weight:700;
    line-height:1.2
  }
  .hero__social {
    display:flex;
    flex-direction:column;
    gap:1.5rem
  }
  .hero__social>* {
    flex:0 0 auto
  }
  .hero__social a {
    aspect-ratio:1/1;
    display:block;
    transition:.2s ease-in-out;
    width:3.3125rem
  }
  .hero__social a img {
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    -o-object-position:center;
    object-position:center;
    width:100%
  }
  .hero-swiper {
    height:100%
  }
  .hero-swiper .swiper-slide {
    background-position:50%;
    background-repeat:no-repeat;
    background-size:cover
  }
  .great__title,
  .title {
    color:#fff;
    font-size:2rem;
    font-weight:700;
    line-height:1.1875;
    text-transform:uppercase
  }
  .banner__text,
  .project__title,
  .realized__title,
  .services__title,
  .title-md,
  .vacancies__title,
  .vacancy-block__title {
    color:#fff;
    font-size:3rem;
    font-weight:700;
    line-height:1.208;
    text-transform:uppercase
  }
  .description,
  .great__text {
    color:#fff;
    font-size:1.5rem;
    font-weight:500;
    line-height:1.208
  }
  .description p:not(:last-child),
  .great__text p:not(:last-child) {
    margin-bottom:1em
  }
  .block-decor,
  .services__container:after,
  .services__container:before,
  .vacancy-block__container:after,
  .vacancy-block__container:before {
    aspect-ratio:1/1;
    background:url('/wp-content/uploads/2025/04/block-decor.svg') 50%/contain no-repeat;
    content:"";
    pointer-events:none;
    position:absolute;
    width:20.75rem
  }
  .slider-pagination {
    align-items:center;
    bottom:3.5rem;
    display:flex;
    gap:.5rem;
    justify-content:center;
    position:absolute;
    width:100%;
    z-index:6
  }
  .slider-pagination .swiper-pagination-bullet {
    aspect-ratio:1/1;
    background-color:#fff;
    border:.0625rem solid #fff;
    border-radius:50%;
    width:1.5625rem
  }
  .slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color:transparent
  }
  .slider-button-next,
  .slider-button-prev {
    align-items:center;
    aspect-ratio:1/1;
    background-color:hsla(0,0%,100%,.74);
    border-radius:50%;
    display:flex;
    flex:0 0 auto;
    justify-content:center;
    transition:.2s ease-in-out;
    width:4.75rem
  }
  .slider-button-next:after,
  .slider-button-prev:after {
    aspect-ratio:1/1;
    background-color:#fff;
    content:"";
    display:inline-block;
    flex:0 0 auto;
    -webkit-mask:url('/wp-content/uploads/2025/04/chevron.svg') center/contain no-repeat;
    mask:url('/wp-content/uploads/2025/04/chevron.svg') center/contain no-repeat;
    width:2.25rem
  }
  .slider-button-prev {
    scale:-1 1
  }
  .great {
    background-color:#445066;
    overflow:hidden
  }
  .great__inner {
    align-items:center;
    display:grid;
    gap:1rem;
    grid-template-columns:repeat(2,1fr);
    padding:12.5rem 0;
    position:relative
  }
  .great__inner>* {
    position:relative;
    z-index:1
  }
  .great__inner:after {
    aspect-ratio:1.652027027/1;
    background:url('/wp-content/uploads/2025/04/cube-decor.svg') 50%/contain no-repeat;
    bottom:0;
    content:"";
    max-width:61.125rem;
    pointer-events:none;
    position:absolute;
    right:0;
    translate:25% 45%;
    width:50vw
  }
  .great__img {
    aspect-ratio:1/.7099526066
  }
  .great__img img {
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:right center;
    object-position:right center;
    width:100%
  }
  .great__content {
    margin-left:auto;
    max-width:44.875rem
  }
  .great__title {
    margin-bottom:3.125rem
  }
  .why {
    background-color:#fff
  }
  .why__container {
    margin:0 auto;
    max-width:97.5rem;
    padding:0 .9375rem
  }
  .why__inner {
    align-items:center;
    display:grid;
    gap:1.5rem;
    grid-template-columns:repeat(2,1fr);
    padding:9.375rem 0
  }
  .why__title {
    color:var(--dark-color);
    font-size:2.25rem;
    font-weight:700;
    line-height:1.2
  }
  .why__list {
    display:flex;
    flex-direction:column;
    font-size:1.5rem;
    font-weight:500;
    gap:1.5em;
    line-height:1.8125rem
  }
  .realized {
    background-color:#445066;
    padding:3.4375rem 0 4.5rem
  }
  .realized__head {
    margin-bottom:7.125rem
  }
  .realized__title {
    text-align:center
  }
  .realized__slider {
    margin:0 auto;
    max-width:117.1875rem;
    padding:0 7.375rem 4.5625rem;
    position:relative
  }
  .realized__slider .swiper-slide img {
    height:280px;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
  }
  .realized__slider .slider-pagination {
    bottom:0;
    left:50%;
    position:absolute;
    translate:-50% 0
  }
  .realized__slider .slider-button-next,
  .realized__slider .slider-button-prev {
    position:absolute;
    top:calc(50% - 5.3125rem)
  }
  .realized__slider .slider-button-prev {
    left:.9375rem
  }
  .realized__slider .slider-button-next {
    right:.9375rem
  }
  .services {
    background-color:#001736;
    overflow:hidden
  }
  .services__container {
    margin:0 auto;
    max-width:105.625rem;
    padding:0 .9375rem;
    position:relative;
    z-index:2
  }
  .services__container:after,
  .services__container:before {
    z-index:-1
  }
  .services__container:before {
    left:0;
    top:0;
    translate:-60% -50%
  }
  .services__container:after {
    bottom:0;
    right:0;
    translate:40% 50%
  }
  .services__inner {
    padding:5.4375rem 0 6.25rem
  }
  .services__head {
    margin-bottom:9.75rem
  }
  .services__title {
    text-align:center
  }
  .services__body {
    display:grid;
    gap:2.875rem;
    grid-template-columns:repeat(2,1fr)
  }
  .service-item {
    align-items:center;
    color:#fff;
    display:inline-flex;
    font-size:1.5rem;
    font-weight:700;
    min-height:4.75rem;
    padding:0 0 0 8rem;
    position:relative;
    text-transform:uppercase
  }
  .service-item:before {
    aspect-ratio:1/1;
    background-color:#006bff;
    border-radius:.625rem;
    content:"";
    left:0;
    position:absolute;
    top:calc(50% - 2.3125rem);
    width:4.625rem
  }
  .service-item:nth-child(4n+3):before,
  .service-item:nth-child(4n+4):before {
    opacity:50%
  }
  .service-item:last-child {
    grid-column:span 2;
    margin:0 auto;
    max-width:49rem
  }
  .service-item:last-child:before {
    top:calc(50% - 2.0625rem);
    width:4.125rem
  }
  .banner {
    background-color:#fff;
    padding:4.5rem 1.875rem
  }
  .banner__inner {
    align-items:center;
    background:url('/wp-content/uploads/2025/04/banner.jpg') 50%/cover no-repeat;
    display:flex;
    justify-content:center;
    margin:0 auto;
    max-width:99rem;
    padding:4.875rem .9375rem;
    position:relative;
    width:100%
  }
  body.no-js .banner__inner,
  body.no-webp .banner__inner {
    background-image:url('/wp-content/uploads/2025/04/banner.jpg')
  }
  body.webp .banner__inner {
    background-image:url('/wp-content/uploads/2025/04/banner.webp')
  }
  .banner__inner:after {
    background:rgba(0,107,255,.8);
    content:"";
    inset:0;
    position:absolute
  }
  .banner__content {
    margin:0 auto;
    max-width:79.0625rem;
    position:relative;
    text-align:center;
    width:100%;
    z-index:1
  }
  .equip-list .equip:nth-child(2) .equip__inner {
    padding-top:16rem
  }
  .equip-list .equip:nth-child(2) .equip__container:before {
    left:auto;
    right:0;
    translate:7% 68%
  }
  .equip-list .equip:nth-child(2) .equip__content {
    order:1
  }
  .equip-list .equip:nth-child(2) .equip__images .equip__img:first-child {
    display:flex;
    justify-content:center;
    left:0;
    top:0;
    translate:-36% 13%
  }
  .equip-list .equip:nth-child(2) .equip__images .equip__img:first-child img {
    aspect-ratio:1/1;
    width:26.1875rem
  }
  .equip-list .equip:nth-child(2) .equip__images .equip__img:nth-child(2) {
    aspect-ratio:1/1;
    left:0;
    top:0;
    translate:55% 27%;
    width:39.4375rem
  }
  .equip-list .equip:nth-child(2) .equip__images .equip__img:nth-child(3) {
    aspect-ratio:470/352;
    bottom:0;
    left:0;
    translate:-19% -14%;
    width:29.375rem
  }
  .equip-list .equip:nth-child(3) .equip {
    padding-top:16.6875rem
  }
  .equip-list .equip:nth-child(3) .equip__inner {
    display:block
  }
  .equip-list .equip:nth-child(3) .equip__images .equip__container:after {
    translate:-8% 56%
  }
  .equip-list .equip:nth-child(3) .equip__images .equip__img:first-child {
    aspect-ratio:806/291;
    translate:3% 13%;
    width:50.375rem
  }
  .equip-list .equip:nth-child(3) .equip__images .equip__img:nth-child(2) {
    aspect-ratio:577/378;
    translate:17% -32%;
    width:36.0625rem
  }
  .equip-list .equip:nth-child(3) .equip__images .equip__img:nth-child(3) {
    aspect-ratio:970/545;
    translate:-15% 6%;
    width:60.625rem
  }
  .equip {
    background-color:#fff;
    overflow:hidden
  }
  .equip__container {
    margin:0 auto;
    max-width:110rem;
    padding:0 .9375rem;
    position:relative
  }
  .equip__container:before {
    background:url('/wp-content/uploads/2025/04/cube-decor-1.svg') 50%/contain no-repeat;
    bottom:0;
    content:"";
    height:24.625em;
    left:0;
    position:absolute;
    translate:-9% 47%;
    width:40.75em
  }
  .equip__inner {
    display:grid;
    gap:3.375rem;
    grid-template-columns:repeat(2,1fr);
    min-height:67.5rem;
    padding:10.875rem 0;
    position:relative
  }
  .equip__list {
    color:#001736;
    font-size:2.5rem;
    font-weight:700;
    line-height:206%;
    text-transform:uppercase
  }
  .equip__images .equip__img {
    position:absolute;
    width:-moz-fit-content;
    width:fit-content
  }
  .equip__images .equip__img:first-child {
    aspect-ratio:724/538;
    right:0;
    top:0;
    translate:6% 0;
    width:45.25rem
  }
  .equip__images .equip__img:nth-child(2) {
    aspect-ratio:588/377;
    bottom:0;
    right:0;
    translate:-70% -43%;
    width:36.75rem
  }
  .equip__images .equip__img:nth-child(3) {
    aspect-ratio:652/442;
    bottom:0;
    right:0;
    translate:14% -10%;
    width:40.75rem
  }
  .equip__img {
    max-width:50%
  }
  .equip__img img {
    width:100%
  }
  .vacancies {
    background-color:#445066;
    color:#fff
  }
  .vacancies__container {
    margin:0 auto;
    max-width:101.25rem;
    padding:0 .9375rem
  }
  .vacancies__inner {
    display:flex;
    flex-direction:column;
    padding:3.6875rem 0 6.875rem
  }
  .vacancies__head {
    margin-bottom:7.8125rem
  }
  .vacancies__title {
    text-align:center
  }
  .vacancies__body {
    display:flex;
    flex:1;
    flex-direction:column
  }
  .vacancies__list {
    display:grid;
    font-size:2rem;
    font-weight:500;
    gap:1.5625rem;
    grid-template-columns:repeat(3,1fr);
    margin-bottom:1.5rem
  }
	.vacancies__list li {
    margin-left: 25%;
  }
  .vacancies__list a {
    display:inline-block;
    position:relative
  }
  .vacancies__list a:after {
    background-color:#fff;
    content:"";
    height:1px;
    left:0;
    margin-top:10px;
    position:absolute;
    top:100%;
    transition:.2s ease-in;
    width:0
  }
  .vacancies__form {
    margin-top: 7.8125rem;
  }
  .vacancies-form__title {
    font-size:2.25rem;
    font-weight:700;
    margin:0 auto 3.375rem;
    max-width:67.9375rem;
    text-align:center;
	  color: #fff;
  }
  .vacancies-form__item {
    margin:0 auto;
    max-width:71.25rem
  }
  .vacancies-form input {
    background-color:#fff;
    color:#001736;
    height:4.9375rem;
    padding:1.25rem;
    width:100%
  }
	.vacancies-form textarea  {
		background-color:#d9d9d9;
		color:#001736;
		width:100%;
	}
	.vacancies-form label{
		font-size: 1.2rem;
  		color: #fff;
	}
  .vacancies__form .wpcf7 form {
    position: relative;
    max-width: 800px; 
    margin: 0 auto;
  }
  .wpcf7-form input {
    background-color:#d9d9d9;
    color:#001736;
    height:4.9375rem;
    padding:1.25rem;
    width:100%;
    border-radius: 0px;
  }
  .wpcf7-form input[type="submit"] {
    background-color: #006bff;
    color: #d9d9d9;
    font-size: 1.5rem;
    width: 250px;
    margin: 0 auto;
    display: flex;
  }
  .vacancy-block {
    background-color:#fff;
    overflow:hidden;
    padding:10rem 0
  }
  .vacancy-block__container {
    margin:0 auto;
    max-width:97.1875rem;
    padding:0 .9375rem;
    position:relative;
    z-index:1
  }
  .vacancy-block__container:after,
  .vacancy-block__container:before {
    z-index:-1
  }
  .vacancy-block__container:before {
    left:0;
    top:0;
    translate:-80% -90%
  }
  .vacancy-block__container:after {
    bottom:0;
    right:0;
    translate:60% 90%
  }
  .vacancy-block__inner {
    align-items:center;
    display:grid;
    gap:6.9375rem;
    grid-template-columns:repeat(2,1fr);
    position:relative;
    z-index:2
  }
  .vacancy-block__text {
    font-size:1.5rem;
    font-weight:500
  }
  .vacancy-block__title {
    color:var(--text-color)
  }
  .advantages {
    background-color:#001736;
    padding:5.5rem 0 7.75rem
  }
  .advantages__container {
    margin:0 auto;
    max-width:105rem;
    padding:0 .9375rem
  }
  .advantages__head {
    margin-bottom:5.25rem
  }
  .advantages__title {
    color:#fff;
    font-size:3rem;
    font-weight:700;
    text-align:center
  }
  .advantages__items {
    display:grid;
    gap:6.25rem 7.5rem;
    grid-template-columns:repeat(3,1fr)
  }
  .advantage-item__img {
    aspect-ratio:469/372;
    width:100%
  }
  .advantage-item__img img {
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    width:100%;
    border-radius: 19px;
  }
  .advantage-item__body {
    color:#fff;
    padding:2.4375rem 0
  }
  .advantage-item__title {
    color:#fff;
    font-size:3rem;
    font-weight:700;
    margin-bottom:.375rem
  }
  .advantage-item__text {
    font-size:1.5rem
  }
  .footer {
    background-color:#006bff;
    padding:9.625rem 0
  }
  .footer__container {
    margin:0 auto;
    max-width:107.8125rem;
    padding:0 .9375rem
  }
  .footer__inner {
    display:grid;
    gap:3.125rem;
    grid-template-columns:repeat(3,1fr)
  }
  .footer__col {
    align-items:flex-start;
    display:flex;
    flex-direction:column;
    gap:1rem;
    justify-content:space-between
  }
  .footer__social {
    display:flex;
    flex-direction:column;
    gap:1.5rem
  }
  .footer__social>* {
    flex:0 0 auto
  }
  .footer__social a {
    aspect-ratio:1/1;
    display:block;
    width:3.3125rem
  }
  .footer__social a img {
    height:100%;
    -o-object-fit:contain;
    object-fit:contain;
    width:100%
  }
  .footer__map {
    height:26.0625rem
  }
  .footer__map iframe {
    height:100%;
    width:100%
  }
  .footer-contact {
    color:#fff;
    display:flex;
    flex-direction:column
  }
  .footer-contact__title {
    font-size:1.5rem;
    font-weight:700;
    margin-bottom:1.5em
  }
  .footer-contact__content {
    align-items:flex-start;
    display:flex;
    flex:1;
    flex-direction:column;
    font-size:1.5rem;
    gap:1rem;
    justify-content:space-between
  }
  .footer-contact__content a[href^="mailto:"] {
    text-decoration:underline
  }
  .project {
    color:#fff;
    overflow:hidden
  }
  .project__container {
    margin:0 auto;
    max-width:108.125rem;
    padding:0 .9375rem;
    position:relative
  }
  .project__inner {
    align-items: stretch; 
    /* align-items:start; */
    display:flex;
    /* gap:1rem; */
    gap: 6rem;
    /* height:100vh; */
    justify-content:space-between;
    /* max-height:67.5rem; */
    padding: 10rem 0;
    position:relative;
    z-index:5
  }
  .project__inner .project__title {
    margin-bottom: 10px;
  }
  .project__info {
    display:flex;
    flex-direction:column;
    gap:.625rem;
    /* height: 100%; */
    justify-content:space-between;
  }
  .project__text {
    font-size:2.5rem;
    margin-top: auto;
  }
  .project__img {
    flex:0 0 auto;
    width:56%;
  }
  .project__description {
    background-color: #006bff;
    border-radius: 12px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 15px;
    padding-right: 15px;
    color: #fff;
    font-size: 2rem;
  }
  .project__description p,
  .project__description li {
    margin-bottom: 8px;
  }
  .project__img img {
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%;
    border-radius: 12px;
  }
  .hero__video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
  }
  
  .hero__container,
  .hero__content {
    position: relative;
    z-index: 9;
  }
  .project:nth-child(odd) .project__container:before {
    background:url('/wp-content/uploads/2025/04/cube-decor-1.svg') 50%/contain no-repeat;
    bottom:0;
    content:"";
    height:24.625em;
    left:0;
    position:absolute;
    translate:-25% 60%;
    width:40.75em
  }
  .project:nth-child(2n) .project__img {
    order:-1
  }
  .project:nth-child(2n) .project__container:after {
    aspect-ratio:1/1;
    background:url('/wp-content/uploads/2025/04/block-decor-lg.svg') 50%/contain no-repeat;
    bottom:0;
    content:"";
    position:absolute;
    right:0;
    translate:25% 50%;
    width:32.7083333333em
  }
  .project:nth-child(2) .project__container:before,
  .project:nth-child(8) .project__container:before {
    background:url('/wp-content/uploads/2025/04/cube-decor-1.svg') 50%/contain no-repeat;
    content:"";
    height:17.7916666667em;
    left:0;
    position:absolute;
    rotate:180deg;
    top:0;
    translate:-30% -70%;
    width:29.375em
  }
  .project--dark {
    color:#001736
  }
  .project--dark .project__title {
    color:inherit
  }
  @media (max-width:64rem) {
    body,
    html {
      font-size:1.1111111111vw
    }
    .header .menu__list {
      gap:1.25rem
    }
    .equip-list .equip:nth-child(2) .equip__images .equip__img:nth-child(2) {
      translate:25% 25%
    }
  }
  @media (min-width:63.9988rem) {
    .icon-menu {
      display: none;
    }
  }
  @media (max-width:63.9988rem) {
    .header .menu {
      -webkit-backdrop-filter:blur(.3125rem);
      backdrop-filter:blur(.3125rem);
      background-color:rgba(0,23,54,.9);
      display:flex;
      flex-direction:column;
      gap:2.5rem;
      height:100vh;
      overflow-y:auto;
      padding:6.25rem .9375rem .9375rem;
      position:fixed;
      right:0;
      top:0;
      transition:.2s ease-in-out;
      translate:100% 0;
      width:100vw
    }
    .menu-open .header .menu {
      translate:0 0
    }
    .header .menu__list {
      align-items:flex-end;
      flex-direction:column;
      gap:1.5rem;
      padding-top:3.125rem
    }
    .header .menu__list li.show .sub-menu {
      max-height:200vh;
      padding:1.25rem
    }
    .header .menu__list a {
      text-align:right
    }
    .sub-menu {
      align-items:flex-end;
      gap:1.5rem;
      height:100%;
      margin-right:-2.125rem;
      max-height:0;
      padding:0 1.25rem
    }
    .dropdown-menu__list {
      align-items:flex-end;
      gap:1.5rem
    }
    .services__body {
      gap:2rem
    }
    .advantages__items {
      gap:2rem
    }
    .footer__inner {
      gap:2rem;
      grid-template-columns:.7fr 1fr 1fr
    }
  }
  @media (max-width:1023.98px) {
    .advantage-item__title {
      font-size:2rem
    }
  }
  @media (max-width:48rem) {
    body,
    html {
      font-size:1.6666666667vw
    }
  }
  @media (max-width:47.9988rem) {
    .header {
      padding:1.5rem 0
    }
    .header__logo {
      max-width:25%
    }
    .hero__slider:after {
      background-color:rgba(0,0,0,.2);
      content:"";
      inset:0;
      pointer-events:none;
      position:absolute;
      z-index:1
    }
    .hero__title {
      font-size:4.5625rem
    }
    .banner__text,
    .project__title,
    .realized__title,
    .services__title,
    .title-md,
    .vacancies__title,
    .vacancy-block__title {
      font-size:2.5rem
    }
    .great__inner {
      grid-template-columns:auto;
      padding:0 0 7.5rem
    }
    .great__content {
      max-width:none;
      padding:0 .9375rem
    }
    .why__inner {
      grid-template-columns:auto;
      padding:7.5rem 0
    }
    .realized {
      padding:7.5rem 0
    }
    .realized__head {
      margin-bottom:3.25rem
    }
    .services__inner {
      padding:7.5rem 0
    }
    .services__head {
      margin-bottom:3.5rem
    }
    .services__body {
      grid-template-columns:auto
    }
    .service-item:last-child {
      grid-column:auto
    }
    .banner {
      padding:0
    }
    .equip-list .equip:nth-child(2) .equip__images .equip__img:nth-child(2) {
      left:-5%;
      top:20%
    }
    .equip__container:before {
      max-width:50%
    }
    .equip__inner {
      min-height:55rem;
      padding:7.5rem 0
    }
    .equip__images .equip__img:nth-child(2) {
      bottom:30%;
      translate:-7% -43%
    }
    .equip__images .equip__img:nth-child(3) {
      bottom:25%;
      right:35%
    }
    .vacancies__inner {
      padding:7.5rem 0
    }
    .vacancies__head {
      margin-bottom:3.5rem
    }
    .vacancies__list {
      grid-template-columns:repeat(2,1fr)
    }
    .vacancy-block {
      padding:7.5rem 0
    }
    .vacancy-block__title br {
      display:none
    }
    .advantages__title {
      font-size:2.5rem
    }
    .advantages__items {
      grid-template-columns:repeat(2,1fr)
    }
    .footer {
      padding:7.5rem 0
    }
    .footer__inner {
      gap:3rem;
      grid-template-columns:auto
    }
    .footer__col:first-child {
      align-items:center;
      flex-direction:row
    }
    .footer__logo {
      max-width:50%
    }
    .project__inner {
      flex-direction:column-reverse;
      gap:5rem;
      justify-content:center;
    }
    .project__img {
      width:100%
    }
  }
  @media (max-width:767.98px) {
    .icon-menu span,
    .icon-menu:after,
    .icon-menu:before {
      height:.25rem
    }
    .why__list {
      padding-left:1.875rem
    }
    .equip__list {
      font-size:2rem
    }
    .vacancy-block__inner {
      display:flex;
      flex-direction:column-reverse;
      gap:2rem;
      text-align:center
    }
    .advantages__head {
      margin-bottom:3.25rem
    }
	.realized__slider .swiper-slide img {
  		  height:100%;
  	}
  }
  @media (max-width:30rem) {
    body,
    html {
      font-size:2.2222222222vw
    }
  }
  @media (min-width:48rem) {
    .service-item:last-child {
      padding-left:5.8125rem
    }
  }
  @media (min-width:64rem) {
    .sub-menu {
      gap:.5rem;
      min-width:12.5rem;
      position:absolute;
      top:100%
    }
    .dropdown-menu {
      -webkit-backdrop-filter:blur(.625rem);
      backdrop-filter:blur(.625rem);
      background:rgba(6,11,2,.48);
      opacity:0;
      padding:2.375rem;
      pointer-events:none;
      position:absolute;
      right:.9375rem;
      top:100%;
      visibility:hidden
    }
    .service-item:last-child {
      margin-top:5.125rem
    }
  }
  @media (any-hover:hover) {
    .header .menu__list li.has-sub-menu:hover:after {
      opacity:.53
    }
    .sub-menu a:hover {
      background-color:hsla(0,0%,85%,.53)
    }
    .dropdown-menu__list a:hover {
      background-color:#d9d9d9;
      color:var(--text-color)
    }
    .hero__social a:hover {
      opacity:.53
    }
    .slider-button-next:hover,
    .slider-button-prev:hover {
      background-color:hsla(0,0%,100%,.53)
    }
    .vacancies__list a:hover:after {
      width:100%
    }
    .footer-contact__content a:hover {
      text-decoration:underline
    }
    .footer-contact__content a[href^="mailto:"]:hover {
      text-decoration:none
    }
  }
  @media (any-hover:none) {
    .icon-menu {
      cursor:default
    }
  }
  .reviews__slider {
    margin:0 auto;
    max-width:117.1875rem;
    padding:0 7.375rem 4.5625rem;
    position:relative
  }
  .reviews__slider .swiper-slide img {
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
  }
  .reviews__slider .slider-pagination {
    bottom:0;
    left:50%;
    position:absolute;
    translate:-50% 0
  }
  .reviews__slider .slider-button-next,
  .reviews__slider .slider-button-prev {
    position:absolute;
    top:calc(50% - 5.3125rem)
  }
  .reviews__slider .slider-button-prev {
    left:.9375rem
  }
  .reviews__slider .slider-button-next {
    right:.9375rem
  }

  .fade-up-on-scroll {
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
  }
  
  .fade-up-on-scroll.active {
    opacity: 1;
    transform: translateY(0);
  }
  

 .container-general {
    margin: 0 auto;
    max-width: 97.5rem;
    padding: 9.375rem 0;
    font-size: 1.5rem;
    font-weight: 500;
    gap: 1.5em;
    line-height: 1.8125rem;
  }
  .container-general p {
    margin-bottom: 3rem;
  }
  .title-general {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.208;
    text-transform: uppercase;
    margin-bottom: 2rem;
  }

  /* Скрыть на мобилках */
.desktop-only {
  display: block;
}
.mobile-only {
  display: none;
}


.slide-image-wrapper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.slide-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.content-with-button {
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between; 
}

.content-text {
  flex: 0 0 55%;
}

.content-button {
  flex: 0 0 35%;
  text-align: center; /* выравнивание кнопки */
  margin-bottom: 3%;
}

.btn {
  display: inline-block;
  padding: 20px 20px;
  background-color: #006bff;
  color: #fff;
  text-decoration: none;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 28px;
}

.popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.6);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}

.popup-content {
  background: #fff;
  padding: 30px;
  max-width: 500px;
  width: 90%;
  position: relative;
  border-radius: 10px;
}

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

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }
  .mobile-only {
    display: block !important;
  }
  .content-text {
    flex: 0 0 100%;
  }
  .content-button {
    flex: 0 0 100%;
  }
  .content-with-button {
    flex-direction: column;
  }
  .container-general {
    width: 90%;
  }
  .btn {
    font-size: 20px;
  }
}
.slide-video-wrapper video {
  width: 100%;
  height: 100%;
}
/**/
.work-sections {
  padding: 60px 20px;
  background: #fff;
  font-family: 'Arial', sans-serif;
  color: #000;
}

.work-section {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 60px;
  align-items: flex-start;
  gap: 40px;
  position: relative;
}

.section-title {
  background: #007bff;
  color: #fff;
  display: inline-block;
  padding: 14px 24px;
  font-weight: bold;
  font-size: 40px;
  text-transform: uppercase;
  margin-bottom: 20px;
  border-radius: 20px;
  font-family: 'TTTravelsBold';
}

.section-items {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* именно 2 колонки */
  gap: 15px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}

.section-items li {
  /* background: #f4f7fa;
  border-left: 5px solid #007bff; */
  padding: 10px 12px;
  color: #001736;
  font-size: 24px;
  line-height: 1.4;
  text-align: center;
  font-family: 'TTTravelsRegular';
}

.section-items li strong {
  display: block;
  font-size: 36px;
  color: #006BFF;
  font-family: 'TTTravelsBold';
}

.section-description {
  font-size: 24px;
  line-height: 1.6;
  color: #001736;
  max-width: 500px;
  font-family: 'TTTravelsRegular';
}

.section-image {
  flex: 1 1 400px;
  width: 50%;
}

.section-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  z-index: 2;
  position: relative;
}
.work-section:nth-child(even) {
  flex-direction: row-reverse;
}
.work-section-text {
  width: 49%;
  padding-right: 3%;
}
.container_work {
  width: 90%;
  margin: 0 auto;
}

/**/ 

.general-contractor {
  padding: 90px 20px; 
  position: relative; /* важно для позиционирования псевдоэлемента */
  z-index: 1; /* чтобы псевдоэлемент был позади контента */
}
.general-contractor::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 413px;
  height: 466px;
  background-image: url('/wp-content/uploads/2025/06/Group-52.png'); /* путь к картинке */
  background-size: cover;
  background-position: center;
 
  z-index: -1; /* псевдоэлемент будет позади контента */
  border-radius: inherit; /* если основной блок скруглён */
}
.general-contractor::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 214px;
  height: 304px;
  background-image: url('/wp-content/uploads/2025/06/Group-61.png'); /* путь к картинке */
  background-size: cover;
  background-position: center;
 
  z-index: -1; /* псевдоэлемент будет позади контента */
  border-radius: inherit; /* если основной блок скруглён */
}
.container_general {
  max-width: 1200px;
  margin: 0 auto;
}

.general-title{
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 40px;
  padding: 10px 20px;
  text-align: center;
  color: #006BFF;
  background-color: #fff;
  border: 4px solid #006BFF;
  border-radius: 10px;
  width: 500px;
  margin: 0 auto;
}

.contractor-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  justify-content: space-between;
  margin-top: 40px;
}

.contractor-item {
  padding: 14px 20px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 24px;
  white-space: nowrap;
  flex-grow: 1;
  flex-basis: calc(33.333% - 16px); /* три в ряд с отступами */
  text-align: center;
  transition: 0.3s ease;
}

/* Цветовые стили */
.contractor-item.dark {
  background-color: #000b18;
}

.contractor-item.blue {
  background-color: #007bff;
}

/* Адаптивность на планшетах */
@media (max-width: 992px) {
  .contractor-item {
    flex-basis: calc(50% - 16px);
  }
}

/* Адаптивность на мобильных */
@media (max-width: 600px) {
  .contractor-item {
    flex-basis: 100%;
    white-space: normal;
  }
}

.logistics {
  padding-top: 50px;
}
.logistics .container {
  max-width: 1200px;
  margin: 0 auto;
}
.logistics-header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.logistics-header .title {
  color: #001736;
}
.logistics-images {
  position: relative;
}
.logistics-images::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 370px;
  background-image: url('/wp-content/uploads/2025/06/Group-4879.png'); /* путь к картинке */
  background-size: cover;
  background-position: center;
  z-index: -1; /* псевдоэлемент будет позади контента */ 
}
 
.label {
  background-color: #006BFF;
  color: #fff;
  padding: 6px 16px;
  border-radius: 6px;
  font-weight: bold;
  font-size: 40px;
}

.title {
  font-size: 24px;
  font-weight: 700;
}

.logistics-content {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 20px;
}

.logistics-list {
  list-style: disc;
  padding-left: 20px;
  font-size: 24px;
}
.logistics-list li {
  list-style: circle;
  font-family: 'TTTravelsRegular';
}
.logistics-partner {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-size: 24px;
}

.icon {
  width: 24px;
  height: 24px;
}
.static-img-left {
  position: absolute!important;
  width: 280px!important;
  height: 686px !important;
  top: -35px;
  left: -8%;
  z-index: 1!important;
  object-fit: fill!important;
}
.static-img-rigth {
  position: absolute!important;
  width: 280px!important;
  height: 686px !important;
  top: -35px;
  right: -8%;
  z-index: 1!important;
  object-fit: fill!important;
}


/**/
.industrial-bases {
  background-color: #001b3a;
  color: white;
  padding-top: 85px;
  padding-bottom: 85px;
  display: flex;
  justify-content: center;
  position: relative;
}
.industrial-bases::after { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
  height: 245px;
  background-image: url('/wp-content/uploads/2025/06/Group-8.png'); /* путь к картинке */
  background-size: cover;
  background-position: center;
  z-index: 1; /* псевдоэлемент будет позади контента */ 
}
.industrial-bases::before { 
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 40%;
  height: 245px;
  background-image: url('/wp-content/uploads/2025/06/Group-7.png'); /* путь к картинке */
  background-size: cover;
  background-position: center;
  z-index: 1; /* псевдоэлемент будет позади контента */ 
}
.industrial-bases .container {
  display: flex;
  gap: 80px;
  width: 90%;
  margin: 0 auto;
  max-width: 100%;
  z-index: 1;
}

.industrial-bases .container > div {
  width: calc(50% - 20px);
}

.base-card {
  background: white;
  color: #000;
  padding: 20px;
  border-radius: 12px; 
  flex: 1;
  position: relative;
}

.base-content h3 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 38px;
}

.base-content ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 30px;
}

.base-content ul li::before {
  content: "— ";
}

.base-info-boxes {
  display: flex;
  gap: 30px;
  margin-top: 15px;
  flex-wrap: wrap;
}

.info-box {
  background: #007bff;
  color: #fff;
  padding: 15px 25px;
  border-radius: 8px;
  font-size: 30px;
  width: calc(50% - 15px);
}


@media (max-width: 992px) {
  .general-title {
    font-size: 24px; 
    width: 100%;
  }
  .logistics-header {
    display: flex;
    flex-direction: column;
  }
  .logistics-content {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
  }
  .logistics-images::after {
    height: 120px;
  }
  .static-img-rigth {
    position: absolute!important;
    width: 280px!important;
    height: 318px!important;
    bottom: -20px!important;
    right: -16%!important;
    top: auto!important;
  }
  .static-img-left {
    position: absolute !important;
    width: 144px !important;
    height: 343px !important;
    top: auto!important;
    left: -18%!important;
    z-index: 1 !important;
    object-fit: fill !important;
    bottom: 0!important;
  }
  .work-section-text {
    width: 100%;
    padding-right: 0%;
  }
  .section-image {
    flex: 1 1 400px;
    width: 100%;
  }
  .section-title {
    font-size: 24px;
  }
  .section-items li {
    font-size: 18px;
    padding: 9px 0px;
  }
  .section-description {
    font-size: 18px;
  }
  .section-items li strong {
    display: block;
    font-size: 24px;
  }
  .container_work {
    width: 100%;
  }
  .industrial-bases .container > div {
    width: 100%;
  }
  .industrial-bases .container {
    display: flex;
    gap: 0px;
    width: 90%; 
    flex-direction: column;
  }
  .info-box {
    width: 100%;
  }
  .industrial-bases::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 137px;
  }
  .industrial-bases::before {
    width: 100%;
  }
  .industrial-bases {
    padding-bottom: 125px;
  }
  .base-content ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 20px;
  }
  .base-card {
    margin-bottom: 20px;
  }
  .base-content h3 {
    font-size: 24px;
  }
  .info-box {
    font-size: 20px;
  }
  .logistics-list { 
    font-size: 20px;
  }
  .logistics-partner {
    font-size: 20px;
  }

}