/*
Theme Name: Charbone
Theme URI: https://charbone.ca/
Author: Neurenati
Author URI: https://charbone.ca/
Text Domain: charbone
Version: 1.0
*/

/* Fonts import */
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --primary: #8346A9;
    --secondary: #5EA3B3;
    --tertiary: #273039;
    --container: 1438px;
}

html,
body {
    overflow-x: hidden;
    /* Smooths font edges on macOS, iOS, and WebKit/Blink browsers */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    /* Forces the browser to look for advanced ligatures and kerning information */
    text-rendering: optimizeLegibility;

    /* Prevents jumping layouts by instantly swapping fonts or managing fallback rendering */
    font-optical-sizing: auto;
}

html {
    scroll-behavior: smooth;
}

body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: "Libre Franklin", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-weight: 700;
}

ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

p {
    margin: 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

a {
    text-decoration: none;
    outline: none;
}

button {
    cursor: pointer;
}

.charbone-button {
    text-decoration: none;
    color: #fff;
    padding: 16px 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    column-gap: 20px;
    outline: none;
}

.charbone-button.primary {
    border: solid 1px var(--primary);
}

.charbone-button.primary:hover {
    background-color: var(--primary);
}

.charbone-button span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-button i {
    margin: 0;
    font-size: 24px;
    font-weight: 300;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-button:hover i {
    transform: translateX(10px);
}

.charbone-button.primary span,
.charbone-button.primary i {
    color: var(--primary);
}

.charbone-button.primary:hover span,
.charbone-button.primary:hover i {
    color: #fff;
}

/* Header */
.charbone_header {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 0 50px;
    border-bottom: solid 1px rgba(255, 255, 255, .1);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone_header.fixed.slideUp {
    animation: slideUp .3s forwards ease-out;
    background-color: transparent;
}

.charbone_header.fixed.slideDown {
    background-color: #fff;
    animation: slideDown .5s forwards ease-out;
    border-bottom-color: rgba(39, 48, 57, .1);
}

@keyframes slideUp {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(-101px);
    }
}

@keyframes slideDown {
    0% {
        transform: translateY(-100px);
    }

    100% {
        transform: translateY(0px);
    }
}

.page-template-default .charbone_header,
.error404 .charbone_header,
.page-template-about .charbone_header,
.page-template-investors .charbone_header,
.page-template-news .charbone_header,
.single-news .charbone_header,
.single-carriere .charbone_header,
.page-template-contact .charbone_header,
.page-template-single-offer .charbone_header,
.page-template-policies .charbone_header {
    border-bottom-color: rgba(39, 48, 57, .1);
}

.page-template-news {
    overflow-x: visible;
}

.charbone_header .charbone-header-nav {
    width: 100%;
    height: 100%;
    max-width: var(--container);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.charbone-header-nav .navbar-brand {
    width: 181px;
    height: 42px;
    display: flex;
    flex-direction: row;
    outline: none;
}

.charbone-header-nav .navbar-brand svg {
    width: 100%;
    height: 100%;
}

.page-template-hydrogen .charbone-header-nav .navbar-brand svg .gradient-white .gradient-start {
    stop-color: rgba(255, 255, 255, 0.5);
}

.page-template-hydrogen .charbone-header-nav .navbar-brand svg .gradient-white .gradient-end {
    stop-color: #fff;
}

/* .page-template-hydrogen .charbone_header.fixed.slideDown .charbone-header-nav .navbar-brand svg path.borderless {
    stroke: var(--tertiary);
} */

.charbone-header-nav .navbar-brand svg path.gradient {
    display: none;
}

.page-template-default .charbone-header-nav .navbar-brand svg path.text,
.error404 .charbone-header-nav .navbar-brand svg path.text,
.page-template-about .charbone-header-nav .navbar-brand svg path.text,
.page-template-investors .charbone-header-nav .navbar-brand svg path.text,
.page-template-news .charbone-header-nav .navbar-brand svg path.text,
.page-template-policies .charbone-header-nav .navbar-brand svg path.text,
.single-news .charbone-header-nav .navbar-brand svg path.text,
.single-carriere .charbone-header-nav .navbar-brand svg path.text,
.page-template-contact .charbone-header-nav .navbar-brand svg path.text {
    fill: var(--tertiary);
}

.charbone_header.fixed.slideDown .charbone-header-nav .navbar-brand svg path.text {
    fill: var(--tertiary);
}

.page-template-about .charbone-header-nav .navbar-brand svg path.borderless,
.page-template-investors .charbone-header-nav .navbar-brand svg path.borderless,
.page-template-news .charbone-header-nav .navbar-brand svg path.borderless,
.page-template-policies .charbone-header-nav .navbar-brand svg path.borderless,
.single-news .charbone-header-nav .navbar-brand svg path.borderless,
.single-carriere .charbone-header-nav .navbar-brand svg path.borderless,
.page-template-contact .charbone-header-nav .navbar-brand svg path.borderless,
.charbone_header.fixed.slideDown .navbar-brand svg path.borderless {
    display: none;
}

.page-template-default .charbone-header-nav .navbar-brand svg path.gradient,
.error404 .charbone-header-nav .navbar-brand svg path.gradient,
.page-template-about .charbone-header-nav .navbar-brand svg path.gradient,
.page-template-investors .charbone-header-nav .navbar-brand svg path.gradient,
.page-template-news .charbone-header-nav .navbar-brand svg path.gradient,
.page-template-policies .charbone-header-nav .navbar-brand svg path.gradient,
.single-news .charbone-header-nav .navbar-brand svg path.gradient,
.single-carriere .charbone-header-nav .navbar-brand svg path.gradient,
.page-template-contact .charbone-header-nav .navbar-brand svg path.gradient,
.charbone_header.fixed .charbone-header-nav .navbar-brand svg path.gradient {
    display: block;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
}

.charbone-header-nav .main-menu {
    width: auto;
    height: 100px;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.charbone-header-nav .main-menu .mobile-lang {
    display: none;
}

.charbone-header-nav .main-menu>div {
    width: 100%;
    height: 100%;
    padding: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.charbone-header-nav .main-menu .menu {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 49px;
}

.charbone-header-nav .main-menu .menu li {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.charbone-header-nav .main-menu .menu li.mobile-lang {
    display: none;
}

.charbone-header-nav .main-menu .menu li a {
    display: flex;
    align-items: center;
    color: #fff;
    text-decoration: none;
    font-weight: 500;
    font-size: 15px;
    outline: none;
    line-height: 18px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.page-template-default .charbone-header-nav .main-menu .menu li a:hover,
.error404 .charbone-header-nav .main-menu .menu li a:hover,
.page-template-about .charbone-header-nav .main-menu .menu li a:hover,
.page-template-investors .charbone-header-nav .main-menu .menu li a:hover,
.page-template-news .charbone-header-nav .main-menu .menu li a:hover,
.page-template-policies .charbone-header-nav .main-menu .menu li a:hover,
.single-news .charbone-header-nav .main-menu .menu li a:hover,
.single-carriere .charbone-header-nav .main-menu .menu li a:hover,
.page-template-contact .charbone-header-nav .main-menu .menu li a:hover,
.charbone-header-nav .main-menu .menu li.menu-item-has-children:hover a,
.charbone-header-nav .main-menu .menu li a:hover {
    color: var(--primary);
}

.page-template-hydrogen .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>a,
.page-template-hydrogen .charbone-header-nav .main-menu .menu li>a:hover,
.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li>a,
.page-template-hydrogen .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>a:after {
    color: var(--tertiary);
}

.page-template-default .charbone-header-nav .main-menu .menu li a,
.error404 .charbone-header-nav .main-menu .menu li a,
.page-template-about .charbone-header-nav .main-menu .menu li a,
.page-template-investors .charbone-header-nav .main-menu .menu li a,
.page-template-news .charbone-header-nav .main-menu .menu li a,
.page-template-policies .charbone-header-nav .main-menu .menu li a,
.single-news .charbone-header-nav .main-menu .menu li a,
.single-carriere .charbone-header-nav .main-menu .menu li a,
.page-template-contact .charbone-header-nav .main-menu .menu li a,
.page-template-hydrogen .charbone-header-nav .main-menu .menu li.current_page_item a {
    color: var(--tertiary);
}

.charbone-header-nav .main-menu .menu li.current_page_item a,
.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.current_page_item>a {
    color: var(--primary);
}

.page-template-default .charbone_header .charbone-header-nav .menu-button span,
.error404 .charbone_header .charbone-header-nav .menu-button span,
.page-template-about .charbone_header .charbone-header-nav .menu-button span,
.page-template-investors .charbone_header .charbone-header-nav .menu-button span,
.page-template-news .charbone_header .charbone-header-nav .menu-button span,
.page-template-policies .charbone_header .charbone-header-nav .menu-button span,
.single-news .charbone_header .charbone-header-nav .menu-button span,
.single-carriere .charbone_header .charbone-header-nav .menu-button span,
.page-template-contact .charbone_header .charbone-header-nav .menu-button span {
    background-color: var(--tertiary);
}

.page-template-about .charbone_header.fixed .charbone-header-nav .menu-button span,
.page-template-investors .charbone_header.fixed .charbone-header-nav .menu-button span,
.page-template-news .charbone_header.fixed .charbone-header-nav .menu-button span,
.page-template-policies .charbone_header.fixed .charbone-header-nav .menu-button span,
.single-news .charbone_header.fixed .charbone-header-nav .menu-button span,
.single-carriere .charbone_header.fixed .charbone-header-nav .menu-button span,
.page-template-contact .charbone_header.fixed .charbone-header-nav .menu-button span {
    background-color: #fff;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children>a:after,
.page-template-about .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.page-template-investors .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.page-template-news .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.page-template-policies .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.single-news .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.single-carriere .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
.page-template-contact .charbone_header.fixed .charbone-header-nav .main-menu li.menu-item-has-children>a:after {
    content: "\2b";
    width: 20px;
    height: auto;
    display: block;
    font-family: "Font Awesome 6 Pro", sans-serif;
    color: var(--primary);
    font-size: 12px;
    margin: 0 0 0 4px;
    position: relative;
    top: 0;
    right: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.page-template-hydrogen .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after {
    color: #fff;
}

.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.current_page_item.menu-item-has-children>a:after {
    color: var(--primary);
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children {
    position: relative;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu {
    width: auto;
    min-width: 218px;
    position: absolute;
    top: 120px;
    left: 0;
    background-color: var(--tertiary);
    padding: 2px 22px;
    display: flex;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>.sub-menu {
    top: 101px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li {
    width: 100%;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.desk-hide {
    display: none;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a,
.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.current-menu-item a {
    width: 100%;
    font-size: 15px;
    line-height: 20px;
    color: #ffff;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    font-weight: 400;
    border-bottom: solid 1px rgba(255, 255, 255, .2);
    position: relative;
}

.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a {
    color: #fff;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a:hover,
.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a:hover,
.charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.current-menu-item a:hover {
    color: var(--primary);
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li:last-child a {
    border-bottom: none;
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a:after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro", sans-serif;
    width: 16px;
    height: 8px;
    color: #fff;
    position: absolute;
    top: calc(50% - 5px);
    font-weight: 100;
    right: 0;
    transform: translateY(-50%);
    right: 10px;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-header-nav .main-menu .menu li.current_page_item.menu-item-has-children>a:after {
    color: var(--primary);
}

.charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a:hover:after,
.charbone_header.fixed .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.current-menu-item a:hover:after {
    visibility: visible;
    opacity: 1;
    pointer-events: all;
    right: 0;
}

.charbone-header-nav .menu-button {
    display: none;
    width: 40px;
    height: 40px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 15px;
    position: relative;
    right: -10px;
    z-index: 100;
}

.charbone-header-nav .menu-button span {
    width: 24px;
    height: 1px;
    background-color: rgba(255, 255, 255, .5);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-header-nav .lang {
    width: auto;
    height: 100px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.charbone-header-nav .lang .info {
    width: auto;
    height: 100%;
    padding: 0 65px;
    display: flex;
    flex-direction: row;
    background-color: var(--tertiary);
    position: relative;
}

.charbone-header-nav .lang .info:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -40px;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid var(--tertiary);
    border-top: 20px solid transparent;
}

.charbone-header-nav .lang .info ul {
    min-width: 105px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    column-gap: 5px;
}

.charbone-header-nav .lang .info ul li {
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
}

.charbone-header-nav .lang .info ul li.info-text {
    font-weight: 700;
}

.charbone-header-nav .lang .info ul li i {
    color: #1EFF00;
    margin-right: 5px;
}

.qmod-miniquotes {
    color: #fff !important;
}

.qmod-miniquotes .qmod-quote {
    font-family: "Libre Franklin", sans-serif;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-change,
.qmod-miniquotes .qmod-quote .qmod-segment.qmod-last {
    font-weight: 700;
    padding-left: 11px;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-last {
    padding-left: 0;
    padding-right: 6px;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-change-icon {
    padding: 0 7px 0 0;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-change-icon:before {
    top: -11px;
    position: absolute;
    font-size: 1em !important;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-change-icon.fa-arrow-circle-down:before {
    border-top-color: #FF1535;
}

.qmod-miniquotes .qmod-quote .qmod-segment.qmod-change-icon.fa-arrow-circle-up:before {
    border-bottom-color: #1EFF00;
}

.charbone-header-nav .lang-choose {
    width: auto;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 0;
    background-color: transparent;
    position: relative;
    align-items: center;
}

.charbone-header-nav .lang-choose:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    background-color: var(--primary);
    z-index: -1;
}

.page-template-hydrogen .charbone-header-nav .lang-choose:before {
    background-color: #fff;
}

.charbone-header-nav .lang-choose:after {
    content: "";
    width: 100%;
    height: 20px;
    position: absolute;
    bottom: 0;
    left: -10px;
    background-color: var(--primary);
    transform: skewX(-45deg);
    z-index: 1;
    pointer-events: none;
}

.page-template-hydrogen .charbone-header-nav .lang-choose:after {
    background-color: #fff;
}

.charbone-header-nav .lang-choose .menu-langue-container,
.charbone-header-nav .lang-choose .menu-langue-container ul,
.charbone-header-nav .lang-choose .menu-langue-container ul li {
    height: 100%;
}

.charbone-header-nav .lang-choose a {
    color: #fff;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 7px;
    font-size: 16px;
    font-weight: 400;
    padding: 0 30px;
    text-decoration: none;
    height: 100%;
}

.page-template-hydrogen .charbone-header-nav .lang-choose a {
    color: var(--primary);
}

.charbone-header-nav .lang-choose a i {
    font-size: 16px;
}

.charbone-content {
    min-height: 600px;
}

/* Home */
.home-banner,
.carrier-banner,
.industrial-gases-banner {
    width: calc(100% - 100px);
    height: auto;
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0 50px;
    position: relative;
    overflow: hidden;
}

.home-banner {
    overflow: visible;
}

.home-banner:before,
.carrier-banner:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(-90deg, rgba(39, 48, 57, 0) 0%, #273039 90.62%);
    opacity: .8;
    z-index: 2;
}

.home-banner:after,
.carrier-banner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(39, 48, 57, 0) 0%, #273039 90.62%);
    opacity: .8;
    z-index: 2;
}

.carrier-banner:after,
.industrial-gases-banner:after {
    background: linear-gradient(0deg, rgba(39, 48, 57, 0) 0%, #273039 90.62%);
}

.home-banner img,
.carrier-banner img,
.industrial-gases-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.carrier-banner img {
    transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
}

.home-banner .home-banner-inner,
.carrier-banner .carrier-banner-inner,
.industrial-gases-banner .industrial-gases-banner-inner {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 371px 0 800px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    z-index: 4;
}

.home-banner .home-banner-inner h1,
.carrier-banner .carrier-banner-inner h1,
.industrial-gases-banner .industrial-gases-banner-inner h1 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    max-width: 782px;
    font-weight: 300;
}

.home-banner .home-banner-inner p,
.carrier-banner .carrier-banner-inner p,
.industrial-gases-banner .industrial-gases-banner-inner p {
    margin: 35px 0 0 0;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    color: rgba(255, 255, 255, .6);
    max-width: 607px;
}

.home-banner .home-banner-inner a,
.carrier-banner .carrier-banner-inner a,
.industrial-gases-banner .industrial-gases-banner-inner a {
    margin: 60px 0 0 0;
}

.home-banner .home-banner-inner a span,
.carrier-banner .carrier-banner-inner a span,
.industrial-gases-banner .industrial-gases-banner-inner a span {
    color: #fff;
}

.home-banner .home-banner-decoration,
.carrier-banner .carrier-banner-decoration {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 3;
}

.home-banner .home-banner-decoration img,
.carrier-banner .carrier-banner-decoration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
}

.home-banner .hallow,
.carrier-banner .hallow,
.industrial-gases-banner .hallow {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4;
}

.home-banner .hallow {
    z-index: 6;
}

.home-banner .hallow:before,
.carrier-banner .hallow:before {
    content: "";
    width: 2500px;
    height: 2500px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: 0;
    left: -1500px;
    z-index: 2;
    pointer-events: none;
    opacity: .5;
}

.home-banner .hallow:after,
.carrier-banner .hallow:after {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: 662px;
    right: -913px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.carrier-banner .hallow:after {
    top: 650px
}

.home-position,
.carrier-offers,
.industrial-gases-applications {
    width: calc(100% - 100px);
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    position: relative;
    z-index: 4;
    padding: 0 50px;
    margin: 0 0 -500px 0;
}

.home-position .home-position-inner {
    width: calc(100% - 250px);
    max-width: 1188px;
    margin: 0 auto;
    background-color: #F4F5F5;
    padding: 80px 125px 170px 125px;
    display: flex;
    flex-direction: column;
    position: relative;
    top: -500px;
}

.home-position .home-position-inner:before,
.carrier-offers .carrier-offers-inner:before,
.industrial-gases-applications .industrial-gases-applications-inner:before {
    content: "";
    position: absolute;
    display: block;
    top: -50px;
    left: -50px;
    border-style: solid;
    border-width: 0 50px 50px;
    border-color: transparent transparent transparent #F4F5F5;
    transform: rotate(180deg);
}

.home-position .home-position-inner:after,
.carrier-offers .carrier-offers-inner:after,
.industrial-gases-applications .industrial-gases-applications-inner:after {
    content: "";
    width: calc(100% - 50px);
    height: 50px;
    position: absolute;
    display: block;
    top: -50px;
    left: 50px;
    background-color: #F4F5F5;
}

.home-position .home-position-inner h2,
.carrier-offers .carrier-offers-inner h2,
.industrial-gases-applications h2,
.industrial-gases-supply-inner h2 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
    max-width: 1030px;
    color: var(--tertiary);
}

.home-position .home-position-inner h2 strong,
.carrier-offers .carrier-offers-inner h2 strong {
    font-weight: 500;
}

.home-position .home-position-inner .gaz-list,
.carrier-offers .carrier-offers-inner .offers-list {
    width: 100%;
    margin: 93px 0 0 0;
    display: flex;
    flex-direction: column;
}

.carrier-offers .carrier-offers-inner .offers-list {
    margin: 90px 0 0 0;
}

.home-position .home-position-inner .gaz-list ul,
.carrier-offers .carrier-offers-inner .offers-list ul {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.home-position .home-position-inner .gaz-list ul li,
.carrier-offers .carrier-offers-inner .offers-list ul li {
    display: flex;
    flex-direction: row;
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
    padding: 37px 0;
    border-bottom: solid 1px rgba(39, 48, 57, .2);
}

.home-position .home-position-inner .gaz-list ul li a,
.carrier-offers .carrier-offers-inner .offers-list ul li a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 20px;
}

.home-position .home-position-inner .gaz-list ul li:nth-child(2n+1) a,
.carrier-offers .carrier-offers-inner .offers-list ul li:nth-child(2n+1) a,
.carrier-offers .carrier-offers-inner .offers-list ul li:nth-child(2n) a {
    color: var(--primary);
}

.home-position .home-position-inner .gaz-list ul li:nth-child(2n) a {
    color: var(--secondary);
}

.home-position .home-position-inner .gaz-list ul li a svg,
.carrier-offers .carrier-offers-inner .offers-list ul li a svg {
    width: 45px;
    height: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-position .home-position-inner .gaz-list ul li a:hover svg,
.carrier-offers .carrier-offers-inner .offers-list ul li a:hover svg {
    transform: translateX(10px);
}

.carrier-offers .carrier-offers-inner .offers-list ul.application {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 37px 0;
    border-bottom: solid 1px rgba(39, 48, 57, .2);
}

.carrier-offers .carrier-offers-inner .offers-list ul.application li {
    padding: 0;
    border-bottom: none;
    color: var(--primary);
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline {
    padding: 19px 24px;
    border: solid 1px var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline svg {
    width: 26px;
    height: 12px;
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline:hover {
    background-color: var(--primary);
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline:hover svg {
    transform: translateX(10px);
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline:hover svg path {
    stroke: #fff;
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline span {
    font-size: 18px;
    line-height: 20px;
    color: var(--primary);
    font-weight: 600;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.carrier-offers .carrier-offers-inner .offers-list li a.outline:hover span {
    color: #fff;
}

.home-phase {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    background-color: #fff;
    margin: 159px 0 0 0;
    position: relative;
    z-index: 4;
}

.home-phase .home-phase-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: var(--container);
    margin: 0 auto;
}

.home-phase-inner .phase-tabs {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.home-phase-inner .phase-tabs .phase-tabs-header {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.phase-tabs-header ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 14px;
}

.phase-tabs-header ul li a {
    display: flex;
    flex-direction: row;
    padding: 10px 24px 10px 20px;
    background-color: rgba(39, 48, 57, .05);
    font-size: 12px;
    line-height: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: var(--tertiary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    outline: none;
}

.phase-tabs-header ul li a:hover,
.phase-tabs-header ul li.tab-active a {
    background-color: var(--primary);
    color: #fff;
}

.phase-tabs-header ul li a:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid #fff;
    border-bottom: 10px solid transparent;
}

.phase-tabs-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: 22px 0 0 0;
}

.phase-tabs-content .phase-tabs-content-item {
    width: calc(100% - 362px);
    display: flex;
    flex-direction: row;
    background-color: var(--tertiary);
    padding: 112px 120px;
    background-image: url("./images/phase-decoration.svg");
    background-position: top right;
    background-blend-mode: normal;
    background-repeat: no-repeat;
    column-gap: 142px;
    position: relative;
}

.phase-tabs-content-item .text {
    width: 344px;
    min-height: 476px;
    display: flex;
    flex-direction: column;
    padding: 0;
}

.phase-tabs-content-item .text h3 {
    font-size: 60px;
    line-height: 70px;
    color: var(--primary);
    font-weight: 300;
}

.phase-tabs-content-item .text h4 {
    font-size: 60px;
    line-height: 70px;
    color: #fff;
    font-weight: 300;
    margin: 4px 0 0 0;
}

.phase-tabs-content-item .text span {
    padding: 11px 20px;
    border-radius: 20px;
    border: solid 1px var(--secondary);
    display: flex;
    flex-direction: row;
    margin: 15px auto 0 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
}

.phase-tabs-content-item .text p {
    margin: 87px 0 0 0;
    color: rgba(255, 255, 255, .6);
    font-size: 18px;
    line-height: 28px;
}

.phase-tabs-content-item .image {
    width: calc(100% - 486px);
    height: calc(100% - 224px);
    display: flex;
    flex-direction: row;
    position: absolute;
    top: 112px;
    right: -122px;
}

.phase-tabs-content-item .image:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent var(--tertiary);
    transform: rotate(90deg);
    z-index: 5;
}

.phase-tabs-content-item .image:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(-90deg);
}

/* @supports (hanging-punctuation: first) and (-webkit-appearance: none) {

    .phase-tabs-content-item .image:before,
    .phase-tabs-content-item .image:after {
        display: none;
    }
} */

.phase-tabs-content-item .image img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

.phase-tabs-content-item .image .more-pictures {
    position: absolute;
    top: 38px;
    right: 36px;
    background-color: rgba(39, 48, 57, .3);
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 8px;
    padding: 11px 23px;
    border: none;
    border-radius: 200px;
    pointer-events: none;
}

.phase-tabs-content-item .image .more-pictures span {
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    color: #fff;
}

.phase-tabs-content-item .image .more-pictures i {
    color: #fff;
    font-size: 16px;
}

.phase-tabs-content-item .image a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
}

.phase-tabs-content-item .image a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.phase-tabs-content-item .image .video-container {
    width: 100%;
    height: 100%;
    position: relative;
}

.phase-tabs-content-item .image .video-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.phase-tabs-content-item .image .video-container video {
    width: 100%;
    height: 100%;
}

.phase-tabs-content-item .image .video-container .play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100px;
    height: 100px;
    padding: 0;
    background-color: rgba(131, 70, 169, .5);
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
}

.phase-tabs-content-item .image .video-container .play-pause-btn:after {
    content: "";
    width: 44px;
    height: 48px;
    background: url("./images/play.svg") no-repeat center;
    background-size: 44px 48px;
    position: relative;
    left: 7px;
}

.phase-tabs-content-item .image .video-container .play-pause-btn.pause-state:after {
    content: "\f04c";
    font-family: "Font Awesome 6 Pro", sans-serif;
    width: auto;
    height: auto;
    font-size: 50px;
    font-weight: 900;
    background: none;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    position: relative;
    left: 0;
}

.phase-tabs-content-item .image .gallery {
    width: 100%;
    height: 100%;
}

.home-approach,
.about-banner {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    background-color: #fff;
    margin: 241px 0;
    position: relative;
    z-index: 4;
}

.about-banner {
    margin: 343px 0 281px 0;
}

.about-banner:before {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 81.73%);
    position: absolute;
    top: 0;
    right: -50%;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.home-approach:after,
.about-banner:after {
    content: "";
    width: 931px;
    height: 156px;
    background: url("./images/approach-trailer.svg") no-repeat center;
    background-size: 931px 156px;
    position: absolute;
    bottom: 0;
    right: -50px;
    z-index: 3;
}

.home-approach .home-approach-inner,
.about-banner .about-banner-inner {
    width: 100%;
    max-width: var(--container);
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

/* .about-banner .about-banner-inner {
    width: calc(100% - 330px);
} */

.home-approach .home-approach-inner:after,
.about-banner .about-banner-inner:after {
    content: "";
    width: 155px;
    height: 126px;
    background: url("./images/approach-star.svg") no-repeat center;
    background-size: 155px 126px;
    position: absolute;
    top: 0;
    right: 0;
}

.about-banner .about-banner-inner:after {
    right: 110px;
}

.home-approach-inner h2,
.about-banner-inner h1 {
    max-width: 581px;
    font-size: 60px;
    line-height: 70px;
    font-weight: 300;
    color: var(--tertiary);
}

.home-approach-inner p,
.about-banner-inner p,
.investors-approach-inner-left p {
    max-width: 581px;
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
    margin: 40px 0 0 0;
}

.home-approach-inner a,
.about-banner-inner a,
.investors-approach-inner-left a {
    margin: 40px auto 0 0;
}

.home-news,
.single-post-others {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 164px 50px 224px 50px;
    background-color: #F4F5F5;
    margin: 0;
    position: relative;
    z-index: 4;
    overflow: hidden;
}

.home-news:before,
.single-post-others:before {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: 88px;
    left: -100px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.home-news:after,
.single-post-others:after {
    content: "";
    width: 2500px;
    height: 2500px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: -324px;
    left: 600px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.home-news .home-news-inner,
.single-post-others .single-post-others-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: var(--container);
    margin: 0 auto;
}

.home-news-inner .home-news-title,
.single-post-others .single-post-others-inner-title {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.home-news-title h2,
.single-post-others-inner-title h2 {
    width: calc(100% - 45px);
    display: inline-block;
    overflow: hidden;
}

.home-news-title h2 span,
.single-post-others-inner-title h2 span {
    color: var(--tertiary);
    font-size: 40px;
    line-height: 50px;
    font-weight: 400;
    display: block;
    position: relative;
}

.home-news-title h2 span:after,
.single-post-others-inner-title h2 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 42px;
    background-color: #27303933;
}

.home-news-title a,
.single-post-others-inner-title a {
    width: 32px;
    height: 32px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.home-news-title a i,
.single-post-others-inner-title a i {
    color: var(--primary);
    font-size: 16px;
}

.home-news-list,
.single-post-others-inner-list {
    width: 100%;
    margin: 46px 0 0 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 20px;
    z-index: 4;
    position: relative;
}

.home-news-list .home-news-list-item,
.single-post-others-inner-list .item {
    width: calc(33.33% - 134px);
    display: flex;
    flex-direction: column;
    background-color: rgba(255, 255, 255, .6);
    padding: 60px 60px 0 60px;
    position: relative;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: var(--primary);
}

.home-news-list .home-news-list-item:hover,
.single-post-others-inner-list .item:hover {
    background-color: rgba(255, 255, 255, 1);
}

.home-news-list .home-news-list-item:before,
.single-post-others-inner-list .item:before {
    content: "";
    width: calc(100% - 60px);
    height: 60px;
    position: absolute;
    background-color: rgba(255, 255, 255, .6);
    bottom: -60px;
    left: 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-news-list .home-news-list-item:hover:before,
.single-post-others-inner-list .item:hover:before {
    background-color: rgba(255, 255, 255, 1);
}

.home-news-list .home-news-list-item:after,
.single-post-others-inner-list .item:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -60px;
    right: 0;
    border-style: solid;
    border-width: 60px 0 0 60px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .6);
    transform: rotate(90deg);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-news-list .home-news-list-item:hover:after,
.single-post-others-inner-list .item:hover:after {
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.home-news-list-item .date,
.news-inner-content-left .item .date,
.single-post-inner .date,
.single-offer-content-left .date,
.single-post-others-inner-list .item .date {
    font-size: 10px;
    line-height: 14px;
    color: var(--secondary);
    font-weight: 500;
    text-transform: uppercase;
}

.home-news-list-item .description,
.single-post-others-inner-list .item .description,
.news-inner-content-left .item h3 {
    font-size: 21px;
    line-height: 32px;
    color: var(--tertiary);
    margin: 15px 0 40px 0;
    font-weight: 400;
}

.home-news-list-item .link,
.single-post-others-inner-list .item .link,
.news-inner-content-left .item .link {
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 16px;
    margin: auto auto 0 0;
}

.home-news-list-item a span,
.single-post-others-inner-list .item .link span {
    color: var(--primary);
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
}

.home-news-list-item .link i,
.single-post-others-inner-list .item .link i,
.news-inner-content-left .item a i {
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.home-news-list-item:hover .link i,
.single-post-others-inner-list .item:hover .link i,
.news-inner-content-left .item:hover .link i {
    transform: translateX(5px);
}

/* About */
.about-applications,
.investors-purity {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 0 50px;
    margin: 0;
    position: relative;
    z-index: 2;
}

.about-applications:before,
.investors-purity:before {
    content: "";
    width: 2259px;
    height: 2259px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: 0;
    left: -1000px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.about-applications .about-applications-inner,
.investors-purity .investors-purity-inner {
    width: calc(100% - 236px);
    margin: 0 auto;
    max-width: 1200px;
    padding: 189px 118px;
    background-color: var(--tertiary);
    background-image: url("./images/charbone-snapshot-decoration.svg");
    background-repeat: no-repeat;
    background-position: top right;
    position: relative;
    display: flex;
    flex-direction: column;
}

.about-applications .about-applications-inner:before,
.investors-purity .investors-purity-inner:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(90deg);
}

.about-applications-inner .application-description {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 4;
}

.application-description h2,
.investors-purity-inner h2 {
    max-width: 625px;
    padding: 0;
    font-size: 60px;
    line-height: 70px;
    color: #F4F5F5;
    margin: 0;
    font-weight: 300;
}

.charbone-snapshot {
    width: 100%;
    margin: 175px 0 0 0;
    display: flex;
    flex-direction: column;
}

.charbone-snapshot h3 {
    text-transform: uppercase;
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    color: var(--primary);
    position: relative;
    padding: 0 0 20px 0;
}

.charbone-snapshot h3:after {
    content: "";
    width: 100px;
    height: 1px;
    background-color: var(--primary);
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .5;
}

.charbone-snapshot-about {
    position: relative;
    z-index: 3;
}

.charbone-snapshot-about .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    margin: 84px 0 0 0;
}

.charbone-snapshot-about .list .list-item {
    display: flex;
    flex-direction: column;
    row-gap: 25px;
}

.charbone-snapshot-about .list .list-item h4 {
    font-size: 32px;
    line-height: 38px;
    color: #fff;
    font-weight: 400;
}

.charbone-snapshot-about .list .list-item p,
.charbone-snapshot-mission .mission-row p {
    color: rgba(255, 255, 255, .6);
}

.charbone-snapshot-mission {
    display: flex;
    flex-direction: column;
    margin: 120px 0 0 0;
    position: relative;
    z-index: 3;
}

.charbone-snapshot-mission .mission-row {
    display: flex;
    margin: 84px 0 0 0;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 40px;
}

.charbone-snapshot-mission .mission-row p {
    width: 50%;
    max-width: 400px;
}

.charbone-snapshot-mission .mission-row h4 {
    width: 50%;
    color: rgba(255, 255, 255, .6);
    font-size: 40px;
    line-height: 44px;
    font-weight: 300;
}

.about-direction {
    width: 100%;
    margin: 217px 0 0 0;
    display: flex;
    flex-direction: column;
}

.about-direction .team-title {
    width: calc(100% - 100px);
    max-width: var(--container);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 40px;
    margin: 0 auto;
    padding: 0 50px;
}

.about-direction .team-title h2 {
    font-size: 60px;
    line-height: 70px;
    color: var(--tertiary);
    max-width: 340px;
    font-weight: 300;
}

.about-direction .team-title p {
    width: auto;
    max-width: 832px;
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
}

.about-direction .team-direction {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.team-direction-title {
    width: 100%;
    max-width: var(--container);
    margin: 92px auto 46px auto;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.team-direction-title h3 {
    width: 100%;
}

.team-direction-title .nav {
    width: auto;
    display: flex;
    flex-direction: row;
    column-gap: 10px;
    margin: 0 0 0 25px;
}

.team-direction-title .nav button {
    width: 40px;
    height: 40px;
    border: solid 1px rgba(39, 48, 57, .2);
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    outline: none;
    padding: 0;
}

.team-direction-title .nav button:disabled {
    opacity: .5;
    cursor: not-allowed;
}

.team-direction-title .nav button i {
    color: var(--primary);
    font-size: 16px;
}

.team-direction-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
}

.admin-board h3,
.carrier-choose-inner-values h3 {
    width: 100%;
    max-width: var(--container);
    margin: 92px auto 46px auto;
    display: inline-block;
    overflow: hidden;
    padding: 0;
}

.admin-board h3 {
    margin-top: 0;
}

.team-direction h3 span,
.admin-board h3 span,
.investors-stock h2 span,
.carrier-choose-inner-values h3 span {
    color: var(--primary);
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    display: block;
    position: relative;
    text-transform: uppercase;
    overflow: hidden;
}

.investors-stock h2 span {
    color: var(--tertiary);
    text-transform: none;
    font-size: 40px;
    line-height: 44px;
}

.team-direction h3 span:after,
.admin-board h3 span:after,
.investors-stock h2 span:after,
.carrier-choose-inner-values h3 span:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 100%;
    height: 1px;
    margin-left: 32px;
    background-color: rgba(39, 48, 57, .2);
}

/* .team-direction h3 span:after {
    width: calc(100% - 190px);
} */

.team-direction-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding-left: calc((100vw - var(--container)) / 2);
}

/* .team-direction-inner .swiper-slide {
    margin-right: 0 !important;
} */

.team-direction-inner .swiper-slide.active {
    width: 100% !important;
    max-width: var(--container);
}

.team-direction-inner-item {
    width: auto;
    display: flex;
    flex-direction: row;
}

.team-direction-inner-item .item-description {
    width: 0;
    height: 0;
    -webkit-transition: width .3s ease;
    -moz-transition: width .3s ease;
    transition: width .3s ease;
}

.team-direction-inner .swiper-slide.active .team-direction-inner-item .item-description {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: #F4F5F5;
    padding: 95px 88px;
}

.team-direction-inner-item .item-description h4 {
    color: var(--tertiary);
    font-size: 32px;
    line-height: 36px;
    margin: 0;
    font-weight: 400;
}

.team-direction-inner-item .item-description h5 {
    margin: 18px 0 0 0;
    font-size: 21px;
    line-height: 26px;
    color: rgba(39, 48, 58, .6);
    font-weight: 400;
}

.team-direction-inner-item .item-description p {
    width: 100%;
    margin: 40px 0 0 0;
    padding: 40px 0 0 0;
    border-top: solid 1px rgba(39, 48, 58, .2);
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 58, .6);
}

.team-direction-inner-item .item-description ul {
    width: 100%;
    margin: 65px 0 0 0;
    padding: 36px 0 0 0;
    column-gap: 12px;
    row-gap: 12px;
    border-top: solid 1px rgba(39, 48, 58, .2);
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.team-direction-inner-item .item-image {
    width: 100%;
    height: 707px;
    display: flex;
    flex-direction: row;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: hidden;
}

.team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image {
    width: 50%;
}

.team-direction-inner-item .item-image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(205.26deg, rgba(39, 48, 57, 0) 0%, #273039 100%);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.team-direction-inner-item .item-image img {
    width: 150%;
    height: 100%;
    object-fit: cover;
}

.team-direction-inner-item .item-image button.open,
.team-direction-inner-item .item-image button.close {
    width: 70px;
    height: 70px;
    background-color: transparent;
    outline: none;
    border: none;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: pointer;
    padding: 0;
}

.team-direction-inner-item .item-image button.open {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 5;
}

.team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image button.open {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.team-direction-inner-item .item-image button.close {
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image button.close {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.team-direction-inner-item .item-image button.open i,
.team-direction-inner-item .item-image button.close i {
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 2;
    top: 12px;
    left: 12px;
}

.team-direction-inner-item .item-image button.close i {
    top: -12px;
    left: 12px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

.team-direction-inner-item .item-image button.open i {
    top: unset;
    bottom: 14px;
    left: -12px;
}

.team-direction-inner-item .item-image button.open:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-width: 70px 0 0 70px;
    border-color: transparent transparent transparent var(--primary);
    transform: rotate(-90deg);
    z-index: 1;
}

.team-direction-inner-item .item-image button.close:after {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    border-style: solid;
    border-width: 70px 0 0 70px;
    border-color: transparent transparent transparent var(--primary);
    transform: rotate(-180deg);
    z-index: 1;
}

.team-direction-inner-item .item-image .info {
    width: calc(100% - 120px);
    height: auto;
    position: absolute;
    bottom: 60px;
    left: 58px;
    display: flex;
    flex-direction: column;
    z-index: 2;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image .info {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.team-direction-inner-item .item-image .info h5 {
    color: #fff;
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    max-width: 120px;
}

.team-direction-inner-item .item-image .info p {
    width: auto;
    margin: 17px 0 0 0;
    font-size: 21px;
    line-height: 24px;
    color: rgba(255, 255, 255, .6);
    font-weight: 400;
}

.admin-board {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    margin: 182px 0 262px 0;
    padding: 0 50px;
}

.admin-board .admin-board-inner {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    row-gap: 50px;
}

.admin-board-inner .admin-board-inner-item {
    width: auto;
    display: flex;
    flex-direction: column;
}

.admin-board-inner-item .image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    position: relative;
}

.admin-board-inner-item .image:after {
    content: "";
    width: 100%;
    height: 100%;
    background: linear-gradient(205.26deg, rgba(39, 48, 57, 0) 0%, rgba(39, 48, 57, 0.5) 100%);
    position: absolute;
    top: 0;
    left: 0;
}

.admin-board-inner-item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(100%);
}

.admin-board-inner-item .text {
    height: 100%;
    margin: 44px 0 0 0;
    display: flex;
    flex-direction: column;
}

.admin-board-inner-item .text h4 {
    width: 100%;
    max-width: 150px;
    font-size: 32px;
    font-weight: 400;
    color: var(--tertiary);
}

.admin-board-inner-item .text p {
    margin: 18px 0 0 0;
    color: rgba(39, 48, 57, .6);
    font-size: 21px;
    line-height: 28px;
    margin: 0 0 40px 0;
}

.admin-board-inner-item .text ul {
    display: flex;
    flex-direction: row;
    margin: auto 0 0 0;
    column-gap: 12px;
}

.admin-board-inner-item .text ul li a,
.team-direction-inner-item .item-description ul li a {
    width: 50px;
    height: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    background-color: #F4F5F5;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.admin-board-inner-item .text ul li a:hover,
.team-direction-inner-item .item-description ul li a:hover {
    background-color: var(--primary);
}

.team-direction-inner-item .item-description ul li a {
    background-color: #fff;
}

.admin-board-inner-item .text ul li a i,
.team-direction-inner-item .item-description ul li a i {
    color: var(--primary);
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.admin-board-inner-item .text ul li a:hover i,
.team-direction-inner-item .item-description ul li a:hover i {
    color: #fff;
}

/* Hydrogen */
.hydrogen-banner {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 353px 50px 564px 50px;
    background-color: var(--primary);
    position: relative;
}

.hydrogen-banner:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("./images/hydrogen-banner-decoration.svg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    mix-blend-mode: multiply;
    z-index: 2;
}

.hydrogen-banner .hydrogen-banner-inner {
    width: 100%;
    max-width: 1191px;
    display: flex;
    flex-direction: row;
    margin: 0 auto;
    z-index: 3;
    position: relative;
}

.hydrogen-banner-inner .hydrogen-banner-inner-left {
    width: 50%;
    display: flex;
    flex-direction: row;
}

.hydrogen-banner-inner .hydrogen-banner-inner-left img {
    width: 307px;
    height: auto;
}

.hydrogen-banner-inner .hydrogen-banner-inner-right {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.hydrogen-banner-inner .hydrogen-banner-inner-right p {
    color: rgba(255, 255, 255, .6);
    font-size: 18px;
    line-height: 28px;
    position: relative;
    font-weight: 400;
}

.hydrogen-banner-inner .hydrogen-banner-inner-right p:before {
    content: "";
    width: 1px;
    height: 100%;
    position: absolute;
    top: 0;
    left: -66px;
    background-color: #fff;
    display: block;
}

.hydrogen-purity,
.hydrogen-formats {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 0 50px;
}

.hydrogen-purity .hydrogen-purity-inner,
.investors-market .investors-market-inner,
.carrier-offers .carrier-offers-inner,
.industrial-gases-applications .industrial-gases-applications-inner {
    width: calc(100% - 242px);
    max-width: 1200px;
    padding: 183px 118px;
    background-color: #F4F5F5;
    padding: 148px 121px;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: -405px auto 0 auto;
    z-index: 4;
}

.investors-market .investors-market-inner {
    margin: 141px auto 0 auto;
}

.hydrogen-purity .hydrogen-purity-inner:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent var(--primary);
    transform: rotate(90deg);
}

.hydrogen-purity .hydrogen-purity-inner h1,
.hydrogen-formats-inner-header h2,
.hydrogen-disponibility-inner-left h2,
.industrial-gases-disponibility h2,
.investors-approach-inner-left h1,
.investors-market-inner h2,
.news-inner-header h1,
.carrier-choose-inner-title h2,
.carrier-application-inner-left h2,
.policies .policies-inner h1,
.contact-page-inner h1,
.contact-page-inner h2 {
    font-size: 60px;
    line-height: 70px;
    color: var(--tertiary);
    font-weight: 300;
}

.hydrogen-purity-inner .accordion {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 72px 0 0 0;
}

.accordion .accordion-item {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.accordion-item .accordion-item-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 40px 0;
    border-bottom: solid 1px rgba(39, 48, 57, .2);
    cursor: pointer;
}

.accordion-item .accordion-item-header.active i {
    color: var(--secondary);
    transform: rotate(180deg);
}

.accordion-item .accordion-item-header h3 {
    color: var(--primary);
    font-size: 40px;
    line-height: 44px;
    font-weight: 400;
}

.accordion-item .accordion-item-header i {
    color: var(--primary);
    font-size: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.accordion-item .accordion-item-content {
    width: calc(100% - 98px);
    display: flex;
    flex-direction: column;
    background-color: rgba(39, 48, 57, .05);
    padding: 46px 49px;
    margin-bottom: 63px;
    display: none;
}

.accordion-item .accordion-item-content p {
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
}

.hydrogen-formats {
    margin: 204px 0 256px 0;
}

.hydrogen-formats-inner {
    width: 100%;
    max-width: var(--container);
    display: flex;
    flex-direction: column;
    position: relative;
    margin: 0 auto;
    z-index: 4;
}

.hydrogen-formats-inner-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 50px;
}

.hydrogen-formats-inner-header h2 {
    max-width: 800px;
}

.hydrogen-formats-inner-header ul {
    width: auto;
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.hydrogen-formats-inner-header ul li a,
.market-downloads ul li a {
    width: auto;
    padding: 17px 25px;
    border: solid 1px transparent;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.hydrogen-formats-inner-header ul li a span,
.market-downloads ul li a span {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
}

.hydrogen-formats-inner-header ul li a i,
.market-downloads ul li a i {
    font-size: 20px;
    margin: 0 0 0 29px;
}

.hydrogen-formats-inner-header ul li a.primary {
    border-color: var(--primary);
}

.hydrogen-formats-inner-header ul li a.primary span,
.hydrogen-formats-inner-header ul li a.primary i {
    color: var(--primary);
}

.hydrogen-formats-inner-header ul li a.secondary {
    border-color: var(--secondary);
}

.hydrogen-formats-inner-header ul li a.secondary span,
.hydrogen-formats-inner-header ul li a.secondary i {
    color: var(--secondary);
}

.hydrogen-packages {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 121px 0 0 0;
    column-gap: 44px;
}

.hydrogen-packages .hydrogen-packages-item {
    width: calc(33.33% - 24px);
    display: flex;
    flex-direction: column;
}

.hydrogen-packages-item .image {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    position: relative;
}

.hydrogen-packages-item .image:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(-90deg);
}

.hydrogen-packages-item .image img {
    width: 100%;
    height: auto;
}

.hydrogen-packages-item .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 67px 0 0 0;
}

.hydrogen-packages-item .text h4 {
    font-size: 32px;
    line-height: 38px;
    margin-bottom: 18px;
    color: var(--tertiary);
    font-weight: 400;
}

.hydrogen-packages-item .text h5 {
    width: 100%;
    padding: 20px 0;
    color: var(--primary);
    font-size: 21px;
    line-height: 21px;
    font-weight: 400;
    text-transform: uppercase;
    border-top: solid 1px #27303933;
}

.hydrogen-packages-item .text ul {
    display: flex;
    flex-direction: column;
}

.hydrogen-packages-item .text ul+h5 {
    border-top: none;
    margin-top: 18px;
}

.hydrogen-packages-item .text ul li {
    padding: 10px 0;
    border-top: solid 1px #27303933;
    display: flex;
    flex-direction: column;
}

.hydrogen-packages-item .text ul li:last-of-type {
    border-bottom: solid 1px #27303933;
}

.hydrogen-packages-item .text ul li dl {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    line-height: 20px;
}

.hydrogen-packages-item .text ul li dl dt {
    color: rgba(39, 48, 57, .6);
    text-align: left;
    margin: 0;
    padding: 0;
}

.hydrogen-packages-item .text ul li dl dd {
    color: rgba(39, 48, 57, 1);
    text-align: right;
    margin: 0;
    padding: 0;
}

.hydrogen-disponibility,
.industrial-gases-disponibility {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    padding: 163px 50px;
    background-color: #F4F5F5;
    position: relative;
    background-image: url("./images/hydrogen-disponibility.svg");
    background-repeat: no-repeat;
    background-position: top right;
    overflow: hidden;
    /* position: relative;
    bottom: -40px;
    margin: 0 0 40px 0; */
}

.hydrogen-disponibility:before,
.industrial-gases-disponibility:before {
    content: "";
    width: 2500px;
    height: 2500px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: -356px;
    right: -500px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.hydrogen-disponibility:after,
.industrial-gases-disponibility:after {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: -56px;
    left: -250px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.hydrogen-disponibility .hydrogen-disponibility-inner,
.industrial-gases-disponibility .industrial-gases-disponibility-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    max-width: 1191px;
    margin: 0 auto;
    z-index: 3;
}

.hydrogen-disponibility-inner h2,
.industrial-gases-disponibility-inner h2 {
    max-width: 444px;
}

.hydrogen-disponibility-inner .hydrogen-disponibility-inner-left,
.industrial-gases-disponibility-inner .industrial-gases-disponibility-inner-left {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.hydrogen-disponibility-inner-left a,
.industrial-gases-disponibility-inner-left a {
    margin: 35px auto 0 0;
}

.hydrogen-disponibility-inner-left a span,
.industrial-gases-disponibility-inner-left a span {
    color: var(--primary);
}

.hydrogen-disponibility-inner .hydrogen-disponibility-inner-right,
.industrial-gases-disponibility-inner .industrial-gases-disponibility-inner-right {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 0 25px 0 0;
}

.hydrogen-disponibility-inner-right ul,
.industrial-gases-disponibility-inner-right ul {
    width: 222px;
    height: auto;
    aspect-ratio: 1 / 1;
    background-color: var(--primary);
    padding: 46px 30px 27px 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    top: 22px;
}

.hydrogen-disponibility-inner-right ul li,
.industrial-gases-disponibility-inner-right ul li {
    font-weight: 100;
    font-size: 21px;
    line-height: 25px;
    color: #fff;
    text-align: center;
}

.hydrogen-disponibility-inner-right ul li:nth-child(1),
.industrial-gases-disponibility-inner-right ul li:nth-child(1) {
    font-size: 60px;
    line-height: 70px;
    color: #F4F5F5;
    text-align: center;
    font-weight: 100;
}

/* Investors */
.investors-approach,
.investors-market,
.investors-stock,
.news,
.policies,
.single-post,
.single-offer {
    width: calc(100% - 100px);
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.investors-approach .investors-approach-inner {
    width: 100%;
    max-width: var(--container);
    display: flex;
    flex-direction: row;
    margin: 343px auto 290px auto;
    column-gap: 140px;
    z-index: 3;
    position: relative;
}

.investors-approach-inner .investors-approach-inner-left,
.investors-approach-inner .investors-approach-inner-right {
    width: 50%;
    display: flex;
    flex-direction: column;
}

.investors-purity:before {
    content: "";
    width: 2259px;
    height: 2259px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: -1000px;
    left: -1150px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.investors-purity:after {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: -320px;
    right: -50%;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.investors-purity-inner .list {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 80px;
    margin: 175px 0 0 0;
}

.investors-purity-inner .list .list-item {
    display: flex;
    flex-direction: column;
    row-gap: 50px;
}

.investors-purity-inner .list .list-item-icon {
    width: auto;
    height: auto;
}

.investors-purity-inner .list .list-item-icon img {
    width: auto;
    height: 85px;
}

.investors-purity-inner .list .list-item-text p {
    color: rgba(255, 255, 255, .6);
}

.investors-market .investors-market-inner {
    padding: 98px 121px 148px 121px;
    z-index: 1;
}

.investors-market .investors-market-inner:before {
    content: "";
    position: absolute;
    display: block;
    top: -50px;
    left: -50px;
    border-style: solid;
    border-width: 0 50px 50px;
    border-color: transparent transparent transparent #F4F5F5;
    transform: rotate(180deg);
}

.investors-market .investors-market-inner:after {
    content: "";
    width: calc(100% - 50px);
    height: 50px;
    position: absolute;
    display: block;
    top: -50px;
    left: 50px;
    background-color: #F4F5F5;
}

.investors-market-inner .market-list {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 50px 0 0 0;
    column-gap: 20px;
}

.investors-market-inner .market-list ul {
    width: calc(20% - 20px);
    display: flex;
    flex-direction: column;
}

.investors-market-inner .market-list ul li {
    font-size: 16px;
    line-height: 20px;
    color: var(--primary);
    font-weight: 400;
}

.investors-market-inner .market-list ul li:nth-child(2) {
    width: 100%;
    display: flex;
    flex-direction: row;
    font-size: 28px;
    line-height: 32px;
    color: var(--tertiary);
    padding: 20px 0 0 0;
    margin: 8px 0 0 0;
    border-top: solid 1px rgba(39, 48, 57, .2);
}

.market-downloads {
    width: 100%;
    margin: 113px 0 0 0;
    padding: 25px 0 0 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-top: solid 1px rgba(39, 48, 57, .2);
}

.market-downloads ul {
    width: auto;
    display: flex;
    flex-direction: row;
    column-gap: 25px;
}

.market-downloads ul li a.primary {
    border-color: var(--primary);
}

.market-downloads ul li a.primary span,
.market-downloads ul li a.primary i {
    color: var(--primary);
}

.market-downloads ul li a.secondary {
    border-color: var(--secondary);
}

.market-downloads ul li a.secondary span,
.market-downloads ul li a.secondary i {
    color: var(--secondary);
}

.market-downloads ul li a.tertiary {
    border-color: var(--tertiary);
}

.market-downloads ul li a.tertiary span,
.market-downloads ul li a.tertiary i {
    color: var(--tertiary);
}

.market-downloads p {
    font-size: 14px;
    line-height: 18px;
    color: rgba(39, 48, 57, .6);
}

.investors-stock {
    margin: 184px 0 233px 0;
}

.investors-stock .investors-stock-inner {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
}

.investors-stock-inner .investors-stock-inner-list {
    width: 100%;
    margin: 60px 0 0 0;
    display: flex;
    flex-direction: row;
}

.investors-stock-inner-list ul {
    width: 100%;
    display: flex;
    flex-direction: row;
    column-gap: 21px;
}

.investors-stock-inner-list ul li {
    width: calc(33.33% - 11px);
    display: flex;
    flex-direction: row;
    align-items: center;
}

.investors-stock-inner-list ul li a {
    width: 100%;
    padding: 80px 38px 37px 38px;
    color: #fff;
    font-size: 40px;
    line-height: 44px;
    font-weight: 100;
    position: relative;
}

.investors-stock-inner-list ul li.primary a {
    background-color: var(--primary);
}

.investors-stock-inner-list ul li.secondary a {
    background-color: var(--secondary);
}

.investors-stock-inner-list ul li.tertiary a {
    background-color: var(--tertiary);
}

.investors-stock-inner-list ul li span {
    font-weight: 700;
    margin: 0 0 0 10px;
}

.investors-stock-inner-list ul li a:after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    right: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(-90deg);
}

.investors-stock-inner-list ul li a i {
    font-size: 16px;
    position: absolute;
    bottom: 8px;
    right: 8px;
    z-index: 2;
}

.investors-stock-inner-list ul li.primary a i {
    color: var(--primary);
}

.investors-stock-inner-list ul li.secondary a i {
    color: var(--secondary);
}

.investors-stock-inner-list ul li.tertiary a i {
    color: var(--tertiary);
}

.qmode-chart-wrapper {
    margin: 50px 0 0 0;
}

.news,
.policies {
    padding: 342px 50px 349px 50px;
    /*overflow: hidden;*/
}

.news:before {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: -100px;
    left: -1100px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.news:after {
    content: "";
    width: 2500px;
    height: 2500px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: 102px;
    right: -1900px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.news .news-inner,
.policies .policies-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    max-width: var(--container);
    position: relative;
    z-index: 3;
}

.news-inner .news-inner-header {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    column-gap: 60px;
}

.news-inner-header form {
    width: 100%;
    max-width: 964px;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    column-gap: 20px;
}

.news-inner-header form .form-item {
    width: auto;
    display: flex;
    flex: 1;
}

.news-inner-header form .form-item input,
.news-inner-header form .form-item select {
    width: 100%;
    padding: 17px 0;
    font-size: 18px;
    line-height: 24px;
    color: rgba(39, 48, 57, .6);
    border: none;
    border-bottom: solid 1px rgba(39, 48, 57, .5);
    font-family: "Libre Franklin", sans-serif;
    outline: none;
    background-color: transparent;
}

.news-inner-header form .form-item input:focus,
.news-inner-header form .form-item select:focus {
    border-color: var(--primary);
}

.news-inner-header form .form-item.select,
.carrier-application-inner-right .wpcf7-form .form-group.select {
    position: relative;
}

.news-inner-header form .form-item.select:after,
.carrier-application-inner-right .wpcf7-form .form-group.select:after {
    content: "\f078";
    font-family: "Font Awesome 6 Pro", sans-serif;
    font-weight: 300;
    width: 6px;
    height: 10px;
    display: block;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    right: 10px;
    color: var(--tertiary);
    pointer-events: none;
}

.carrier-application-inner-right .wpcf7-form .form-group.select:after {
    top: 18px;
    transform: none;
}

.news-inner-header form .form-item select,
.carrier-application-inner-right .wpcf7-form .form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
}

.news-inner-header form .form-item input::placeholder {
    color: rgba(39, 48, 57, .6);
}

.news-inner-header form .form-item.month {
    max-width: 222px;
}

.news-inner-header form .form-item.year {
    max-width: 150px;
}

.news-inner-header form .form-item.submit {
    margin: 0 0 0 5px;
    max-width: 50px;
}

.news-inner-header form .form-item.submit button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: var(--primary);
    border: none;
    outline: none;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.news-inner-header form .form-item.submit button i {
    font-size: 20px;
    color: #fff;
}

.news-inner-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 160px 0 0 0;
    column-gap: 139px;
}

.news-inner-content-left {
    width: calc(100% - 465px);
    display: flex;
    flex-direction: column;
}

.news-inner-content-left .news-items {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 145px;
    row-gap: 64px;
}

.news-inner-content-left .news-items .item {
    width: calc(50% - 73px);
    display: flex;
    flex-direction: column;
}

.news-inner-content-left .news-items .item a {
    margin: auto auto 0 0;
}

.news-inner-content-left .news-items .item a svg {
    width: 26px;
    height: 11px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.news-inner-content-left .news-items .item a:hover svg {
    transform: translateX(10px);
}

.more-news {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 85px 0 0 0;
}

.loading {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 10px;
}

.loading p {
    color: var(--tertiary);
    font-size: 18px;
    line-height: 20px;
}

.loading .loader {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    animation: rotate 1s linear infinite
}

.loader::before,
.loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    inset: 0px;
    border-radius: 50%;
    border: 5px solid var(--secondary);
    animation: prixClipFix 2s linear infinite;
}

.loader::after {
    transform: rotate3d(90, 90, 0, 180deg);
    border-color: var(--primary);
}

@keyframes rotate {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes prixClipFix {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0)
    }

    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0)
    }

    75%,
    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%)
    }
}

.news-inner-content-right {
    width: 465px;
    display: flex;
    flex-direction: column;
    padding: 53px 51px 3px 51px;
    background-color: #F4F5F5;
    margin: 0 0 auto 0;
    position: sticky;
    top: 130px;
}

.news-inner-content-right:before {
    content: "";
    width: calc(100% - 50px);
    height: 50px;
    position: absolute;
    background-color: #F4F5F5;
    bottom: -50px;
    left: 0;
}

.news-inner-content-right:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -50px;
    right: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #F4F5F5;
    transform: rotate(90deg);
}

.news-inner-content-right h2 {
    font-size: 24px;
    line-height: 28px;
    color: var(--primary);
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}

.news-inner-content-right .contact-media {
    margin: 24px 0 0 0;
    border-top: solid 1px #27303933;
    border-bottom: solid 1px #27303933;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 25px 0;
}

.contact-media .contact-media-image {
    width: 90px;
    min-width: 90px;
    height: 90px;
    border-radius: 50%;
    display: flex;
}

.contact-media .contact-media-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.contact-media .contact-media-text {
    width: calc(100% - 90px);
    padding: 0 0 0 30px;
}

.contact-media .contact-media-text ul {
    width: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    row-gap: 5px;
}

.contact-media .contact-media-text ul li {
    font-size: 18px;
    line-height: 24px;
    color: var(--tertiary);
    display: flex;
    flex-direction: row;
    column-gap: 24px;
    font-weight: 400;
}

.contact-media .contact-media-text ul li strong {
    font-weight: 600;
}

.contact-media .contact-media-text ul li a {
    color: var(--tertiary);
}

.contact-media .contact-media-text ul li span {
    font-size: 18px;
    line-height: 24px;
    color: var(--tertiary);
    font-weight: 400;
}

.contact-media .contact-media-text ul li i {
    font-size: 24px;
    color: var(--primary);
}

.news-inner-content-right a.charbone-button {
    margin: 37px auto 0 0;
}

/* Single post */
.single-post,
.single-offer {
    width: 100%;
    padding: 0;
}

.single-post-inner,
.single-offer-inner {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    margin: 332px auto 277px auto;
    max-width: 1190px;
    padding: 0 50px;
}

.single-post-inner .icons,
.single-offer .icons {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    margin: 0 0 50px 0;
}

.single-post-inner .icons ul,
.single-post-inner .charbone-office .share-button ul,
.single-offer-inner .icons ul {
    display: flex;
    flex-direction: row;
    column-gap: 10px;
}

.single-post-inner .icons ul li button,
.single-post-inner .charbone-office .share-button ul li button,
.single-offer-inner .icons ul li button {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #F4F5F5;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: relative;
    z-index: 2;
}

.single-post-inner .icons ul li button i,
.single-offer-inner .icons ul li button i,
.back-to-jobs .icons ul li button i,
.single-post-inner .charbone-office .share-button ul li button i {
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-post-inner .icons ul li button:hover,
.single-offer-inner .icons ul li button:hover,
.back-to-jobs .icons ul li button:hover,
.single-post-inner .charbone-office .share-button ul li button:hover {
    background-color: var(--primary);
}

.single-post-inner .icons ul li button:hover i,
.single-offer-inner .icons ul li button:hover i,
.back-to-jobs .icons ul li button:hover i,
.single-post-inner .charbone-office .share-button ul li button:hover i {
    color: #fff;
}

.single-offer-inner .icons ul li.share-wrapper,
.single-post-inner .icons ul li.share-wrapper {
    position: relative;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media,
.single-offer-inner .icons ul li.share-wrapper .list-social-media,
.back-to-jobs .icons ul li.share-wrapper .list-social-media,
.single-post-inner .charbone-office .share-button ul .list-social-media {
    position: absolute;
    top: -11px;
    right: 0;
    z-index: 1;
}

.single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(1),
.single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(1),
.back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(1),
.single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(1) {
    transform: translate(25%, -115%) !important;
    transition-delay: 0s;
}

.single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(2),
.single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(2),
.back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(2),
.single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(2) {
    transform: translate(121%, -38%) !important;
    transition-delay: 0.3s;
}

.single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(3),
.single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(3),
.back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(3),
.single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(3) {
    transform: translate(120%, 80%) !important;
    transition-delay: 0.8s;
}

.single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(4),
.single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(4),
.back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(4),
.single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(4) {
    transform: translate(26%, 158%) !important;
    transition-delay: 1.2s;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a,
.single-post-inner .charbone-office .share-button ul .list-social-media a {
    text-decoration: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F5F5;
    padding: 0;
    position: absolute;
    transform: translate(0%, 21%);
    right: 0;
    top: 0;
    transition: transform 0.3s ease-in-out;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:hover,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:hover,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:hover,
.single-post-inner .charbone-office .share-button ul .list-social-media a:hover {
    background-color: var(--primary);
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(1),
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(1),
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:nth-of-type(1),
.single-post-inner .charbone-office .share-button ul .list-social-media a:nth-of-type(1) {
    transition-delay: 0s;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(2),
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(2),
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:nth-of-type(2),
.single-post-inner .charbone-office .share-button ul .list-social-media a:nth-of-type(2) {
    transition-delay: 0.3s;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(3),
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(3),
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:nth-of-type(3),
.single-post-inner .charbone-office .share-button ul .list-social-media a:nth-of-type(3) {
    transition-delay: 0.8s;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(4),
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:nth-of-type(4),
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:nth-of-type(4),
.single-post-inner .charbone-office .share-button ul .list-social-media a:nth-of-type(4) {
    transition-delay: 1.2s;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a i,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a i,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a i,
.single-post-inner .charbone-office .share-button ul .list-social-media a i {
    font-size: 20px;
    color: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:hover i,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:hover i,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a:hover i,
.single-post-inner .charbone-office .share-button ul .list-social-media a:hover i {
    color: #fff;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a svg,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a svg,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a svg,
.single-post-inner .charbone-office .share-button ul .list-social-media a svg {
    width: 18px;
    height: 18px;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a svg path,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a svg path,
.back-to-jobs .icons ul li.share-wrapper .list-social-media a svg path,
.single-post-inner .charbone-office .share-button ul .list-social-media a svg path {
    fill: var(--primary);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.single-post-inner .icons ul li.share-wrapper .list-social-media a:hover svg path,
.single-offer-inner .icons ul li.share-wrapper .list-social-media a:hover svg path,
.single-post-inner .charbone-office .share-button ul .list-social-media a:hover svg path {
    fill: #fff;
}

.single-post-inner h1,
.single-offer-content-left h1 {
    font-size: 60px;
    line-height: 70px;
    color: var(--tertiary);
    font-weight: 400;
    margin: 15px 0 0 0;
}

.single-post-inner .post-content {
    width: 100%;
    margin: 90px 0 0 0;
    display: flex;
    flex-direction: column;
}

.single-post-inner .post-content p,
.single-post-inner .post-content ul li {
    font-size: 21px;
    line-height: 32px;
    color: var(--tertiary);
    margin: 0 0 24px 0;
}

.single-post-inner .post-content p em {
    font-style: italic;
}

.single-post-inner .post-content p a {
    color: var(--primary);
}

.single-post-inner .post-content p:last-of-type {
    margin: 0;
}

.single-post-inner .post-content ul {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    margin: 0 0 24px 0;
    padding: 0 0 0 30px;
}

.single-post-inner .post-content ul li {
    margin: 0;
    position: relative;
}

.single-post-inner .post-content ul li:before {
    content: "";
    position: absolute;
    top: 13px;
    left: -15px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--tertiary);
}

.single-post-inner .post-content p strong {
    font-weight: 600;
}

.single-post-inner .charbone-engagment,
.single-post-inner .charbone-office {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 80px 0 0 0;
    margin: 80px 0 0 0;
    border-top: solid 1px #27303933;
    position: relative;
}

.single-post-inner .charbone-office .share-button {
    position: absolute;
    top: 80px;
    right: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.single-post-inner .charbone-engagment h4,
.single-post-inner .charbone-office h4 {
    color: var(--primary);
    font-size: 18px;
    line-height: 28px;
    text-transform: uppercase;
    margin: 0 0 30px 0;
    font-weight: 400;
}

.single-post-inner .charbone-engagment p {
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
    margin: 0 0 24px 0;
}

.single-post-inner .charbone-engagment p:last-of-type {
    margin: 0;
}

.single-post-inner .charbone-engagment p.colored {
    color: var(--tertiary);
}

.single-post-inner .charbone-office ul {
    display: flex;
    flex-direction: column;
    row-gap: 0;
}

.single-post-inner .charbone-office ul li {
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
}

.single-post-inner .charbone-office ul li:first-child {
    color: var(--tertiary);
}

.single-post-inner .infos {
    width: 100%;
    margin: 24px 0 0 0;
    display: flex;
    flex-direction: row;
    column-gap: 80px;
}

.single-post-inner .infos ul {
    display: flex;
    flex-direction: column;
    position: relative;
}

.single-post-inner .infos ul.mail:before {
    content: "";
    width: 1px;
    height: calc(100% - 10px);
    display: block;
    background-color: var(--primary);
    position: absolute;
    left: -20px;
    top: 5px;
}

.single-post-inner .infos ul li {
    font-size: 18px;
    line-height: 28px;
}

.single-post-inner .infos ul li a {
    color: var(--tertiary);
}

.single-post-inner .infos ul li a[href^="mailto:"] {
    color: var(--primary);
    font-size: 18px;
    line-height: 20px;
}

.single-post-inner .back-to-news,
.single-offer-inner .back-to-jobs {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin: 100px 0 0 0;
}

.single-post-inner .back-to-news a,
.single-offer-inner .back-to-jobs a {
    margin: 0 auto 0 0;
}

.single-post-inner .back-to-news a:hover i,
.single-offer-inner .back-to-jobs a:hover i {
    transform: translateX(-10px);
}

/* Carrier */
.carrier-banner .carrier-banner-inner {
    padding: 371px 0 920px 0;
}

.carrier-offers {
    margin: 0;
    background-color: transparent;
}

.carrier-offers .carrier-offers-inner {
    margin-top: -640px;
    padding: 84px 121px 144px 121px;
}

.carrier-choose {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 263px 0 0 0;
}

.carrier-choose .carrier-choose-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.carrier-choose-inner .carrier-choose-inner-title {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    column-gap: 213px;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 50px;
}

.carrier-choose-inner-title h2 {
    max-width: 516px;
}

.carrier-choose-inner-title p {
    max-width: 711px;
    color: rgba(39, 48, 57, .6);
}

.carrier-choose-inner-values {
    width: 100%;
    margin: 182px 0 0 0;
    display: flex;
    flex-direction: column;
}

.carrier-choose-inner-values h3 {
    width: calc(100% - 100px);
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 50px;
}

.carrier-choose-inner-values-content {
    width: 100%;
    display: flex;
    flex-direction: row;
    position: relative;
}

.carrier-choose-inner-values .values-list {
    width: 100%;
    margin: 46px 0 0 0;
    display: flex;
    flex-direction: row;
    padding-left: calc((100vw - var(--container)) / 2);
}

.carrier-choose-inner-values .values-list .swiper-slide {
    /* width: 100% !important; */
    display: flex;
    height: auto;
    margin-right: 0 !important;
}

.values-list .swiper-slide:nth-child(3n+1) .values-list-item {
    background-color: var(--tertiary);
}

.values-list .swiper-slide:nth-child(3n+2) .values-list-item {
    background-color: var(--primary);
}

.values-list .swiper-slide:nth-child(3n+3) .values-list-item {
    background-color: var(--secondary);
}

.values-list .values-list-item {
    width: calc(100% - 128px);
    display: flex;
    flex-direction: column;
    padding: 85px 64px;
    position: relative;
}

.values-list .swiper-slide:nth-child(1) .values-list-item:before {
    display: none;
}

.values-list .values-list-item:before {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: -69px;
    border-style: solid;
    border-width: 70px 0 0 70px;
    transform: rotate(-90deg);
    z-index: 1;
}

.values-list .swiper-slide:nth-child(3n+1) .values-list-item:before {
    border-color: transparent transparent transparent var(--tertiary);
}

.values-list .swiper-slide:nth-child(3n+2) .values-list-item:before {
    border-color: transparent transparent transparent var(--primary);
}

.values-list .swiper-slide:nth-child(3n+3) .values-list-item:before {
    border-color: transparent transparent transparent var(--secondary);
}

.values-list .values-list-item .icon {
    width: auto;
    height: 84px;
    display: flex;
    flex-direction: row;
}

.values-list .values-list-item .icon img {
    width: auto;
    height: 100%;
}

.values-list .values-list-item .text {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 38px 0 0 0;
}

.values-list .values-list-item .text h3 {
    width: 100%;
    max-width: 260px;
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
    color: #fff;
    margin: 0;
    padding: 0;
}

.values-list .values-list-item .text p {
    margin: 30px 0 0 0;
    color: rgba(244, 245, 245, .6);
}

.carrier-application {
    width: calc(100% - 100px);
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    margin: 204px 0 228px 0;
}

.carrier-application .carrier-application-inner {
    width: 100%;
    max-width: var(--container);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

.carrier-application-inner-left {
    width: auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.carrier-application-inner-left:after {
    content: "";
    width: 155px;
    height: 126px;
    background: url("./images/approach-star.svg") no-repeat center;
    background-size: 155px 126px;
    position: absolute;
    top: -90px;
    right: -110px;
}

.carrier-application-inner-left h2 {
    max-width: 360px;
}

.carrier-application-inner-right {
    width: 100%;
    max-width: 708px;
    display: flex;
    flex-direction: column;
}

.carrier-application-inner-right .wpcf7-form,
.single-offer-content-right .wpcf7-form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.carrier-application-inner-right .wpcf7-form .form-group,
.single-offer-content-right .wpcf7-form .form-group {
    display: flex;
    flex-direction: column;
}

.carrier-application-inner-right .wpcf7-form .form-group .wpcf7-form-control-wrap,
.single-offer-content-right .wpcf7-form .form-group .wpcf7-form-control-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.carrier-application-inner-right .wpcf7-form .form-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.single-offer-content-right .wpcf7-form .form-group .wpcf7-form-control-wrap .wpcf7-not-valid-tip,
.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    margin: 5px 0 0 0;
    font-size: 14px;
    line-height: 16px;
}

.carrier-application-inner-right .wpcf7-form .form-group.width_1-2,
.single-offer-content-right .wpcf7-form .form-group.width_1-2 {
    width: calc(50% - 10px);
    display: flex;
    flex-direction: row;
}

.carrier-application-inner-right .wpcf7-form .form-group.width_1,
.single-offer-content-right .wpcf7-form .form-group.width_1 {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.carrier-application-inner-right .wpcf7-form .form-group input,
.carrier-application-inner-right .wpcf7-form .form-group select,
.single-offer-content-right .wpcf7-form .form-group input,
.single-offer-content-right .wpcf7-form .form-group select {
    width: 100%;
    padding: 17px 0;
    font-size: 18px;
    border: none;
    border-bottom: solid 1px rgba(39, 48, 57, .5);
    outline: none;
    color: rgba(39, 48, 57, .6);
    background-color: transparent;
}

.carrier-application-inner-right .wpcf7-form .form-group input:focus,
.single-offer-content-right .wpcf7-form .form-group input:focus {
    border-bottom-color: var(--primary);
    background-color: transparent;
}

.carrier-application-inner-right .wpcf7-form .form-group input::placeholder,
.single-offer-content-right .wpcf7-form .form-group input::placeholder {
    color: rgba(39, 48, 57, .6);
}

.carrier-application-inner-right .wpcf7-form .form-group.submit,
.single-offer-content-right .wpcf7-form .form-group.submit {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 35px 0 0 0;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-file,
.single-offer-content-right .wpcf7-form .form-group.submit .wpcf7-file {
    display: none;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .upload label,
.single-offer-content-right .wpcf7-form .form-group.submit .upload label {
    color: var(--primary);
    column-gap: 14px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    word-break: break-all;
    display: flex;
    flex-direction: row;
    align-items: center;
    cursor: pointer;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .upload label i,
.single-offer-content-right .wpcf7-form .form-group.submit .upload label i {
    font-size: 18px;
}

/* Single offer */
.page-template-single-offer {
    overflow-x: unset;
}

.single-offer {
    width: calc(100% - 100px);
    padding: 0 50px;
}

.single-offer .single-offer-inner {
    width: 100%;
    flex-direction: column;
    padding: 0;
    max-width: var(--container);
    margin: 233px auto;
}

.single-offer-content {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.single-offer-content .single-offer-content-left {
    width: calc(100% - 345px);
    padding: 0 140px 0 0;
    display: flex;
    flex-direction: column;
}

.single-offer-content-left .location {
    margin: 20px 0 0;
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
    color: var(--tertiary);
}

.single-offer-content-left .offer-description {
    width: 100%;
    margin: 57px 0 0 0;
    display: flex;
    flex-direction: column;
}

.offer-description .accordion-item .accordion-item-header {
    padding: 30px 0;
}

.offer-description .accordion-item .accordion-item-header h3 {
    font-size: 32px;
    line-height: 34px;
}

.offer-description .accordion-item .accordion-item-content {
    width: 100%;
    padding: 40px 0;
    background-color: transparent;
    margin-bottom: 30px;
}

.offer-description .accordion-item .accordion-item-content .role {
    font-size: 21px;
    line-height: 32px;
    margin: 0 0 40px 0;
}

.offer-description .accordion-item .accordion-item-content h5 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 25px 0;
}

.offer-description .accordion-item .accordion-item-content h6 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    margin: 0 0 25px 0;
}

.offer-description .accordion-item .accordion-item-content p {
    margin: 0 0 25px 0;
}

.offer-description .accordion-item .accordion-item-content ul {
    margin: 0 0 25px 0;
    row-gap: 5px;
}

.offer-description .accordion-item .accordion-item-content p,
.offer-description .accordion-item .accordion-item-content ul:last-of-type {
    margin: 0;
}

.offer-description .accordion-item .accordion-item-content ul li {
    color: rgba(39, 48, 57, .6);
    font-size: 18px;
    line-height: 28px;
    padding: 0 0 0 24px;
    position: relative;
}

.offer-description .accordion-item .accordion-item-content ul li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(39, 48, 57, .6);
    position: absolute;
    top: 12px;
    left: 8px;
}

.offer-description .accordion-item .accordion-item-content ul li strong,
.offer-description .accordion-item .accordion-item-content p strong {
    color: var(--tertiary);
    font-weight: 600;
}

.offer-description .accordion-item .accordion-item-content p a,
.offer-description .accordion-item .accordion-item-content ul li a {
    color: var(--primary);
}

.offer-description .accordion-item .accordion-item-content p {
    color: var(--tertiary);
}

.offer-description .note {
    margin: 105px 0 0 0;
    color: rgba(39, 48, 57, .6);
}

.offer-description .note strong {
    color: var(--tertiary);
}

.single-offer-content .single-offer-content-right {
    width: 345px;
    display: flex;
    flex-direction: column;
    row-gap: 45px;
    position: sticky;
    top: 150px;
    margin: 0 0 auto 0;
}

.single-offer-content-right h2 {
    font-size: 32px;
    line-height: 36px;
    font-weight: 400;
}

.single-offer-content .single-offer-content-right .wpcf7-form .form-group.submit {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 35px;
    height: auto;
}

.single-offer-content-right .wpcf7-form .form-group.submit .upload {
    width: 100%;
}

.single-offer-content-right .wpcf7-form .form-group.submit .submit {
    position: relative;
}

.single-offer-inner .back-to-jobs {
    border-top: solid 1px rgba(39, 48, 57, .2);
    padding: 56px 0 0 0;
    margin: 80px 0 0 0;
}

.single-offer-inner .back-to-jobs .icons {
    width: auto;
    margin: 0;
}

/* Policies */
.policies:before {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: 450px;
    left: -50%;
    z-index: 4;
    pointer-events: none;
    opacity: .4;
}

.policies:after {
    content: "";
    width: 2259px;
    height: 2259px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: -100px;
    right: calc(-100% + 357px);
    z-index: 4;
    pointer-events: none;
    opacity: .4;
}

.policies .policies-inner {
    position: relative;
}

.policies .policies-inner:before {
    content: "";
    width: 155px;
    height: 126px;
    background: url("./images/approach-star.svg") no-repeat center;
    background-size: 155px 126px;
    position: absolute;
    top: -80px;
    left: 310px;
}

.policies .policies-inner p {
    margin: 55px 0 0 0;
    max-width: 830px;
    color: rgba(39, 48, 57, .6);
}

.policies .policies-inner .files {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 130px 0 0 0;
}

.policies-inner .files .files-content {
    width: calc(100% - 246px);
    background-color: #F4F5F5;
    padding: 138px 123px 145px 123px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.policies-inner .files .files-content:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #fff;
    transform: rotate(90deg);
}

.files-content .files-content-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    padding: 40px 0;
    border-bottom: solid 1px rgba(39, 48, 57, .2);
}

.files-content .files-content-item:first-of-type {
    padding-top: 0;
}

.files-content .files-content-item a {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    color: var(--primary);
    column-gap: 40px;
}

.files-content .files-content-item a span {
    font-size: 40px;
    line-height: 50px;
    color: var(--primary);
}

.files-content .files-content-item a svg {
    width: 45px;
    height: 20px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.files-content .files-content-item a:hover svg {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    transform: translateX(10px);
}

.policies-inner .more-infos {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 156px 0 0 0;
}

.policies-inner .more-infos p {
    margin: 0;
}

.policies-inner .more-infos a {
    margin: 0 0 auto 0;
}

/* Industrials gases */
.industrial-gases-banner>img {
    width: 100%;
    height: 100%;
    /* max-height: 1300px; */
    object-fit: cover;
    object-position: top center;
    position: absolute;
    opacity: .7;
    top: 0;
    left: 0;
    z-index: 1;
}

.industrial-gases-banner {
    background-color: #273039;
}

.industrial-gases-banner .industrial-gases-banner-decoration {
    width: 100%;
    height: 100%;
    max-height: 1198px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 4;
}

.industrial-gases-banner .industrial-gases-banner-decoration img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom left;
    transform: none;
    opacity: .5;
}

.industrial-gases-banner .industrial-gases-banner-inner {
    padding: 371px 0 1300px 0;
}

.industrial-gases-applications {
    margin-bottom: 0;
}

.industrial-gases-applications .industrial-gases-applications-inner {
    margin-top: -1005px;
    padding: 155px 121px 144px 121px;
    position: relative;
}

.industrial-gases-applications-inner .industrial-gases-decoration {
    width: 100%;
    height: 100%;
    background: url("./images/industrial-gases-decoration.svg") no-repeat top 0 right 0;
    display: block;
    position: absolute;
    top: -50px;
    right: 0;
    z-index: 5;
    pointer-events: none;
}

.industrial-gases-applications-inner .gas-market {
    width: 100%;
    display: flex;
    flex-direction: row;
}

.industrial-gases-applications-inner .gas-market-left {
    width: calc(100% - 409px);
    display: flex;
    flex-direction: column;
    padding: 0 40px 0 0;
}

.industrial-gases-applications-inner .gas-market-right {
    width: 409px;
    padding: 0 55px 0 80px;
    border-left: solid 1px rgba(131, 70, 169, .5);
    display: flex;
    flex-direction: column;
}

.industrial-gases-applications-inner .gas-market-right h3,
.industrial-gases-applications-inner .gas-offers h3,
.gas-platform-left h3,
.gas-platform-right h3,
.industrial-gases-supply-inner .hubs .hubs-item h3 {
    font-size: 24px;
    line-height: 28px;
    color: var(--primary);
    text-transform: uppercase;
    font-weight: 400;
}

.industrial-gases-applications-inner .gas-market-right ul,
.gas-platform .gas-platform-right ul,
.industrial-gases-supply-inner .hubs .hubs-item ul {
    display: flex;
    flex-direction: column;
    margin: 20px 0 0 0;
    padding: 0 0 0 24px;
}

.industrial-gases-applications-inner .gas-market-right ul li,
.gas-platform .gas-platform-right ul li,
.industrial-gases-supply-inner .hubs .hubs-item ul li {
    position: relative;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
}

.industrial-gases-applications-inner .gas-market-right ul li:after,
.gas-platform .gas-platform-right ul li:after,
.industrial-gases-supply-inner .hubs .hubs-item ul li:after {
    content: "";
    width: 4px;
    height: 4px;
    background-color: var(--tertiary);
    border-radius: 50%;
    position: absolute;
    top: 12px;
    left: -12px;
}

.industrial-gases-applications-inner .gas-offers {
    margin: 80px 0 0 0;
}

.industrial-gases-applications-inner .gas-offers .gas-offers-list {
    margin: 30px 0 0 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 21px;
}

.gas-offers-list .gas-offers-list-item {
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: row;
    background-color: rgba(39, 48, 57, .1);
    justify-content: center;
}

.gas-offers-list .gas-offers-list-item:nth-child(1) {
    background-color: var(--primary);
}

.gas-offers-list .gas-offers-list-item:nth-child(2) {
    background-color: #5BBD9B;
}

.gas-offers-list .gas-offers-list-item:nth-child(3) {
    background-color: var(--secondary);
}

.gas-offers-list .gas-offers-list-item ul {
    width: 100%;
    height: 100%;
    display: flex;
    padding: 50px 0 28px 0;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.gas-offers-list .gas-offers-list-item ul li {
    color: var(--tertiary);
    font-size: 21px;
    line-height: 24px;
    padding: 0 20px;
    text-align: center;
}

.gas-offers-list .gas-offers-list-item:nth-child(1) ul li,
.gas-offers-list .gas-offers-list-item:nth-child(2) ul li,
.gas-offers-list .gas-offers-list-item:nth-child(3) ul li {
    color: #fff;
}

.gas-offers-list .gas-offers-list-item ul li span {
    color: var(--secondary);
}

.gas-offers-list .gas-offers-list-item ul li:nth-child(1) {
    font-size: 60px;
    line-height: 60px;
    font-weight: 100;
}

.gas-offers-list .gas-offers-list-item.all ul {
    justify-content: flex-end;
}

.gas-offers-list .gas-offers-list-item.all ul li {
    font-size: 40px;
    line-height: 44px;
    text-align: right;
    padding: 0 32px;
}

.industrial-gases-applications-inner .gas-platform {
    margin: 163px 0 0 0;
    display: flex;
    flex-direction: row;
}

.gas-platform-left {
    width: calc(100% - 412px);
    display: flex;
    flex-direction: column;
    row-gap: 46px;
    padding: 0 70px 0 0;
}

.gas-platform-right {
    width: 412px;
    padding: 0 0 0 70px;
    border-left: solid 1px rgba(131, 70, 169, .5);
}

.gas-platform .gas-platform-right ul {
    margin: 20px 0 0 0;
}

.gas-platform .gas-platform-right ul li,
.industrial-gases-supply-inner .hubs .hubs-item ul li {
    font-size: 21px;
    line-height: 32px;
}

.gas-platform .gas-platform-right p {
    color: rgba(39, 48, 57, .6);
    margin: 30px 0 0 0;
}

.industrial-gases-supply {
    margin: 250px 0 0 0;
    padding: 0 50px;
    display: flex;
    flex-direction: column;
}

.industrial-gases-supply-inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    max-width: 1198px;
    padding: 0;
    margin: 0 auto;
}

.industrial-gases-supply-inner h2 {
    width: auto;
    position: relative;
    display: inline-block;
    margin: 0 auto 0 0;
}

.industrial-gases-supply-inner h2:after {
    content: "";
    width: 155px;
    height: 126px;
    background: url("./images/approach-star.svg") no-repeat center;
    background-size: 155px 126px;
    position: absolute;
    top: -75px;
    right: -190px;
}

.industrial-gases-supply-inner .hubs {
    margin: 96px 0 337px 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.industrial-gases-supply-inner .hubs .hubs-item {
    padding: 0;
    display: flex;
    flex-direction: column;
    border-right: solid 1px rgba(131, 70, 169, .5);
}

.industrial-gases-supply-inner .hubs .hubs-item:last-of-type {
    border-right: none;
}

.industrial-gases-supply-inner .hubs .hubs-item:nth-child(1) {
    padding: 0 72px 0 0;
}

.industrial-gases-supply-inner .hubs .hubs-item:nth-child(2) {
    align-items: center;
    padding: 0 72px;
}

.industrial-gases-supply-inner .hubs .hubs-item:nth-child(3) {
    padding: 0 0 0 72px;
}

.industrial-gases-supply-inner .hubs .hubs-item img {
    width: 210px;
    height: auto;
    margin: 34px 0 0 0;
}

.industrial-gases-supply-inner .hubs .hubs-item img+img {
    margin: 26px 0 0 0;
}

.industrial-gases-supply-inner .hubs .hubs-item:nth-child(2) img {
    width: 177px;
}

.industrial-gases-supply-inner .hubs .hubs-item h3 {
    width: auto;
}

.industrial-gases-supply-inner .hubs .hubs-item ul {
    margin: 20px 0 0 0;
}

/* Contact page */
.page-template-contact {
    overflow-x: unset;
}

.contact-page {
    width: calc(100% - 100px);
    padding: 0 50px;
    display: flex;
    flex-direction: column;
    position: relative;
}

.contact-page:before {
    content: "";
    width: 1835px;
    height: 1835px;
    background: radial-gradient(50% 50% at 50% 50%, #5EA3B3 0%, rgba(94, 163, 179, 0) 81.73%);
    position: absolute;
    top: -398px;
    left: -1150px;
    z-index: 2;
    pointer-events: none;
    opacity: .4;
}

.contact-page:after {
    content: "";
    width: 2259px;
    height: 2259px;
    background: radial-gradient(50% 50% at 50% 50%, #794897 0%, rgba(121, 72, 151, 0) 83.65%);
    position: absolute;
    top: -150px;
    right: calc(-100% + 100px);
    z-index: 4;
    pointer-events: none;
    opacity: .4;
}

.contact-page-inner {
    width: 100%;
    max-width: var(--container);
    display: flex;
    flex-direction: row;
    margin: 258px auto 239px auto;
    column-gap: 141px;
    z-index: 3;
    position: relative;
}

.contact-page-inner-left {
    width: calc(100% - 465px);
    display: flex;
    flex-direction: column;
    padding: 0;
}

.contact-page-inner-left h4 {
    color: var(--primary);
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    font-weight: 400;
    padding: 0 0 10px 0;
    border-bottom: solid 1px rgba(39, 48, 57, .2);
}

.contact-page-inner-left .call-list {
    margin: 84px 0 0 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
    row-gap: 70px;
}

.contact-page-inner-left .call-list .call-list-item {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.contact-page-inner-left .call-list .call-list-item ul {
    display: flex;
    flex-direction: column;
}

.contact-page-inner-left .call-list .call-list-item ul:first-of-type {
    margin: 31px 0 0 0;
}

.contact-page-inner-left .call-list .call-list-item ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact-page-inner-left .call-list .call-list-item ul li a,
.contact-page-inner-left .emergency-call ul li a {
    display: flex;
    flex-direction: row;
    column-gap: 20px;
    align-items: center;
}

.contact-page-inner-left .call-list .call-list-item ul li a span,
.contact-page-inner-left .emergency-call ul li a span {
    font-size: 21px;
    line-height: 36px;
    color: var(--tertiary);
}

.contact-page-inner-left .call-list .call-list-item ul li a i,
.contact-page-inner-left .emergency-call ul li a i {
    font-size: 20px;
    color: var(--secondary);
}

.contact-page-inner-left .emergency-call {
    margin: 70px 0 0 0;
    padding: 45px 0 0 0;
    border-top: solid 1px rgba(39, 48, 57, .2);
}

.contact-page-inner-left .emergency-call ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contact-page-inner-left .emergency-call ul li {
    width: 50%;
    font-size: 32px;
    line-height: 32px;
    font-weight: 300;
    color: var(--primary);
}

.contact-page-inner-left .addresses {
    margin: 160px 0 0 0;
    display: flex;
    flex-direction: column;
}

.contact-page-inner-left .addresses-list {
    margin: 45px 0 0 0;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 30px;
}

.contact-page-inner-left .addresses-list .addresses-list-item {
    display: flex;
    flex-direction: column;
}

.contact-page-inner-left .addresses-list .addresses-list-item ul {
    margin: 31px 0 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    column-gap: 20px;
}

.contact-page-inner-left .addresses-list .addresses-list-item ul li {
    font-size: 18px;
    line-height: 28px;
    color: var(--tertiary);
}

.contact-page-inner-left .addresses-list .addresses-list-item ul li:first-child {
    width: 42px;
}

.contact-page-inner-left .addresses-list .addresses-list-item ul li:first-child i {
    font-size: 24px;
    color: var(--secondary);
}

.contact-page-inner-right {
    width: 465px;
    display: flex;
    flex-direction: column;
    background-color: #F4F5F5;
    margin: 0 0 auto 0;
    padding: 67px 58px 31px 58px;
    position: sticky;
    top: 150px;
}

.contact-page-inner-right:before {
    content: "";
    width: calc(100% - 50px);
    height: 50px;
    position: absolute;
    background-color: #F4F5F5;
    bottom: -50px;
    left: 0;
}

.contact-page-inner-right:after {
    content: "";
    position: absolute;
    display: block;
    bottom: -50px;
    right: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #F4F5F5;
    transform: rotate(90deg);
}

.contact-page-inner-right-inner {
    display: flex;
    flex-direction: column;
}

.contact-page-inner-right-inner h3 {
    max-width: 200px;
    font-size: 32px;
    line-height: 38px;
    font-weight: 400;
    color: var(--tertiary);
}

.contact-page-inner-right .wpcf7-form {
    margin: 30px 0 0 0;
}

.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap {
    width: 100%;
}

.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap input,
.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap textarea {
    width: 100%;
    padding: 20px 0;
    border: none;
    outline: none;
    border-bottom: solid 1px rgba(39, 48, 57, .5);
    font-size: 18px;
    line-height: 28px;
    color: rgba(39, 48, 57, .6);
    background-color: transparent;
    font-family: "Libre Franklin", sans-serif;
}

.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap input::placeholder,
.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap textarea::placeholder {
    color: rgba(39, 48, 57, .6);
}

.contact-page-inner-right .wpcf7-form .wpcf7-form-control-wrap textarea {
    height: 70px;
    resize: none;
}

.contact-page-inner-right .wpcf7-form .submit .wpcf7-submit {
    height: 60px;
    padding: 0 75px 0 25px;
    border: solid 1px var(--primary);
    font-size: 18px;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    color: var(--primary);
    font-family: "Libre Franklin", sans-serif;
    font-weight: 600;
    margin: 0;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-page-inner-right .wpcf7-form .submit:hover .wpcf7-submit {
    background-color: var(--primary);
    color: #fff;
}

.contact-page-inner-right .wpcf7-form .submit {
    position: relative;
    margin: 34px 0 0 0;
    width: auto;
    display: inline-block;
}

.contact-page-inner-right .wpcf7-form .submit:after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro", sans-serif;
    display: block;
    font-size: 24px;
    color: var(--primary);
    font-weight: 200;
    margin: 0 0 0 24px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 25px;
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.contact-page-inner-right .wpcf7-form .submit:hover:after {
    color: #fff;
    transform: translateX(10px) translateY(-50%);
}

.contact-page-inner-right .wpcf7-form .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

/* Footer */
.charbone-footer {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.charbone-footer-touch {
    width: calc(100% - 100px);
    display: flex;
    flex-direction: column;
    background-color: var(--primary);
    padding: 100px 50px;
    position: relative;
    z-index: 4;
}

.charbone-footer-touch:after {
    content: "";
    position: absolute;
    display: block;
    top: -40px;
    right: 0;
    border-style: solid;
    border-width: 40px 0 0 40px;
    border-color: transparent transparent transparent var(--primary);
    transform: rotate(-90deg);
}

.charbone-footer-touch .charbone-footer-touch-inner {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: var(--container);
    margin: 0 auto;
    column-gap: 30px;
}

.charbone-footer-touch-inner h2 {
    color: #fff;
    font-size: 60px;
    line-height: 70px;
    font-weight: 400;
    margin: 0;
}

.charbone-footer-touch-inner .wpcf7-form {
    display: flex;
    flex-direction: row;
    column-gap: 15px;
    position: relative;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-form-control-wrap {
    width: 250px;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-form-control-wrap input {
    width: calc(100% - 13px);
    padding: 22px 13px 22px 0;
    border: none;
    border-bottom: solid 1px rgba(255, 255, 255, .5);
    background-color: transparent;
    outline: none;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 400;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
    font-size: 14px;
    line-height: 16px;
    margin: 6px 0 0 0;
    font-family: "Libre Franklin", sans-serif;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-form-control-wrap input::placeholder {
    color: rgba(255, 255, 255, .6);
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
}

.charbone-footer-touch-inner .wpcf7-form .submit,
.carrier-application-inner-right .wpcf7-form .form-group.submit,
.single-offer-content-right .wpcf7-form .form-group.submit {
    display: flex;
    position: relative;
    height: 62px;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-submit,
.carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-submit,
.single-offer-content-right .wpcf7-form .form-group.submit .wpcf7-submit {
    height: 60px;
    padding: 0 70px 0 30px;
    border: solid 1px #fff;
    font-size: 18px;
    line-height: 18px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: transparent;
    color: #fff;
    font-family: "Libre Franklin", sans-serif;
    font-weight: 600;
    margin: 0 0 0 10px;
    cursor: pointer;
    text-transform: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-submit:hover {
    color: var(--primary);
    background-color: #fff;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-submit,
.single-offer-content-right .wpcf7-form .form-group.submit .wpcf7-submit {
    width: auto;
    border-color: var(--primary);
    color: var(--primary);
    margin: 0;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-submit:hover,
.single-offer-content-right .wpcf7-form .form-group.submit .wpcf7-submit:hover {
    background-color: var(--primary);
    color: #fff;
}

.charbone-footer-touch-inner .wpcf7-form .submit:after,
.carrier-application-inner-right .wpcf7-form .form-group.submit .submit:after,
.single-offer-content-right .wpcf7-form .form-group.submit .submit:after {
    content: "\f178";
    font-family: "Font Awesome 6 Pro", sans-serif;
    display: block;
    font-size: 24px;
    color: #fff;
    font-weight: 200;
    margin: 0 0 0 24px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    right: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-footer-touch-inner .wpcf7-form .submit:hover:after,
.carrier-application-inner-right .wpcf7-form .form-group.submit .submit:hover:after,
.single-offer-content-right .wpcf7-form .form-group.submit .submit:hover:after {
    transform: translateX(10px) translateY(-50%);
}

.charbone-footer-touch-inner .wpcf7-form .submit:hover:after {
    color: var(--primary);
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .submit:hover:after,
.single-offer-content-right .wpcf7-form .form-group.submit .submit:hover:after {
    color: #fff;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-submit:hover {
    color: var(--primary);
    background-color: #fff;
}

.carrier-application-inner-right .wpcf7-form .form-group.submit .submit:after,
.single-offer-content-right .wpcf7-form .form-group.submit .submit:after {
    color: var(--primary);
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-spinner,
.carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-spinner,
.single-offer-content-right .wpcf7-form .form-group.submit .wpcf7-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.charbone-footer-touch-inner .wpcf7-form .wpcf7-response-output {
    width: auto;
    display: flex;
    position: absolute;
    bottom: -64px;
    left: 0;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
    background-color: transparent;
    padding: 0;
    border: none;
    margin: 2em 0 1em;
}

.wpcf7 form.invalid .wpcf7-response-output {
    color: #ffb900;
}

.charbone-footer-touch-inner .wpcf7 form.sent .wpcf7-response-output {
    color: #fff;
}

.wpcf7 form.sent .wpcf7-response-output {
    color: var(--primary);
}

.charbone-footer-corporation {
    width: calc(100% - 100px);
    background-color: var(--tertiary);
    padding: 140px 50px;
    display: flex;
    flex-direction: row;
}

.charbone-footer-corporation .charbone-footer-corporation-inner {
    width: 100%;
    display: flex;
    max-width: var(--container);
    flex-direction: row;
    margin: 0 auto;
}

.charbone-footer-corporation-inner-left {
    width: auto;
    flex: 1.5;
    display: flex;
    flex-direction: row;
    column-gap: 70px;
}

.charbone-footer-corporation-inner-left .wp-block-list {
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.charbone-footer-corporation-inner-left .wp-block-list li {
    font-size: 14px;
    line-height: 16px;
    color: rgba(255, 255, 255, .6);
}

.charbone-footer-corporation-inner-left .wp-block-list li strong {
    color: #fff;
    font-weight: 600;
}

.charbone-footer-corporation-inner-left .wp-block-list li a {
    color: var(--secondary);
    font-size: 14px;
    line-height: 16px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}

.charbone-footer-corporation-inner-left .wp-block-list li a[href^="tel:"] {
    color: rgba(255, 255, 255, .6);
}

.charbone-footer-corporation-inner-left .wp-block-list li a[href^="tel:"]:hover {
    color: rgba(255, 255, 255, 1);
}

.charbone-footer-corporation-inner-right {
    width: auto;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.charbone-footer-corporation-inner-right .social-media {
    width: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    column-gap: 25px;
    margin: 45px 0 0 0;
}

.charbone-footer-corporation-inner-right .social-media li a i {
    color: rgba(255, 255, 255, .6);
    font-size: 24px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-footer-corporation-inner-right .social-media li a.x {
    width: 22px;
    height: 22px;
    display: flex;
    flex-direction: row;
}

.charbone-footer-corporation-inner-right .social-media li a.x:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url("./images/x.svg") no-repeat center;
    background-size: 20px 20px;
    opacity: .5;
}

.charbone-footer-corporation-inner-right ul li a.x:hover:before {
    opacity: 1;
}

.charbone-footer-corporation-inner-right ul {
    width: auto;
    display: flex;
    flex-direction: row;
    column-gap: 50px;
    margin: 18px 0 0 0;
}

.charbone-footer-corporation-inner-right ul li,
.charbone-footer-corporation-inner-right ul li a {
    display: flex;
    font-size: 14px;
    line-height: 16px;
    color: rgba(255, 255, 255, .6);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.charbone-footer-corporation-inner-right ul li a:hover,
.charbone-footer-corporation-inner-right ul li a:hover i {
    color: rgba(255, 255, 255, 1);
}

.charbone-footer-corporation-inner-right ul li span {
    margin: 0 5px 0 0;
}

/* Complianz */
.page-template-default.cmplz-document {
    padding: 250px 0 0 0;
    margin: 0;
}

.page-template-default.cmplz-document #cmplz-document {
    width: calc(100% - 100px);
    padding: 0 50px;
    max-width: var(--container);
    margin: 0 auto 180px auto;
}

.page-template-default.cmplz-document #cmplz-document ul,
.page-template-default.cmplz-document #cmplz-document ol {
    padding: 0;
}

/* Not found */
.not-found {
    width: 100%;
    padding: 250px 0 150px 0;
    max-width: var(--container);
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.not-found h1 {
    color: var(--secondary);
    font-size: 80px;
    line-height: 80px;
}

.not-found p {
    margin: 10px 0 0 0;
}

.not-found a {
    margin: 40px 0 0 0;
}

/* Lightbox */
.lightbox .lb-image {
    border: none;
}

.lb-dataContainer .lb-data .lb-close {
    background: url("./images/xmark.svg") top right no-repeat;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
    background: none;
}

.lb-nav a.lb-prev:after,
.lb-nav a.lb-next:after {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-size: 60px 60px;
}

.lb-nav a.lb-prev:after {
    left: 20px;
}

.lb-nav a.lb-next:after {
    right: 20px;
}

.lb-nav a.lb-prev:after {
    background: url("./images/chevron-left.svg") center no-repeat;
}

.lb-nav a.lb-next:after {
    background: url("./images/chevron-right.svg") center no-repeat;
}

/* Responsive */
@media only screen and (max-width: 1600px) {
    .charbone-header-nav .main-menu .menu {
        column-gap: 30px;
    }

    .charbone-header-nav .lang .info {
        padding: 0 40px;
    }

    /* Home */
    .home-banner .home-banner-inner,
    .carrier-banner .carrier-banner-inner {
        padding: 280px 0 530px 0;
    }

    .industrial-gases-banner .industrial-gases-banner-inner {
        padding: 250px 0 1220px 0;
    }

    .home-position {
        margin: 0 0 -300px 0;
    }

    .home-position .home-position-inner {
        top: -300px;
    }

    .home-approach:after,
    .about-banner:after {
        width: 651.7px;
        height: 109.2px;
        background-size: 465.5px 109.2px;
        right: -95px;
    }

    .home-approach {
        margin: 150px 0;
    }

    /* About */
    .about-banner {
        margin: 260px 0 170px 0;
    }

    .about-banner:after {
        right: -100px;
    }

    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        width: calc(100% - 200px);
        padding: 150px 100px;
    }

    .about-direction {
        margin: 150px 0 0 0;
    }

    .admin-board {
        margin: 150px 0;
    }

    .team-direction-title {
        width: calc(100% - 100px);
        padding: 0 50px;
    }

    .team-direction h3 span:after {
        width: calc(100% - 162px);
    }

    .about-direction .team-title p {
        max-width: 720px;
    }

    .team-direction-inner {
        padding-left: 50px;
    }

    .team-direction-inner .swiper-slide.active {
        width: calc(100% - 50px) !important;
    }

    /* Carrier */
    .carrier-offers .carrier-offers-inner {
        margin-top: -300px;
        padding: 84px 121px 144px 121px;
    }

    .carrier-choose,
    .carrier-choose-inner-values {
        margin: 150px 0 0 0;
    }

    .values-list .values-list-item {
        width: calc(100% - 100px);
        padding: 70px 50px;
    }

    .values-list .values-list-item .icon {
        height: 64px;
    }

    .values-list .values-list-item .text {
        margin: 30px 0 0 0;
    }

    .values-list .values-list-item .text h3 {
        font-size: 28px;
        line-height: 34px;
    }

    /* Investors */
    .investors-approach .investors-approach-inner {
        margin: 280px auto 250px auto;
    }

    /* News */
    .news {
        width: calc(100% - 100px);
        padding: 250px 50px;
    }

    /* Single news */
    .single-post-inner,
    .single-offer-inner {
        margin: 220px auto;
    }

    /* Complianz */
    .page-template-default.cmplz-document {
        padding: 200px 0 0 0;
    }
}

@media only screen and (max-width: 1300px) {
    .charbone_header {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .charbone-header-nav .navbar-brand {
        width: 150px;
        height: auto;
    }

    .charbone-header-nav .main-menu .menu {
        column-gap: 20px;
    }

    .charbone-header-nav .lang .info {
        padding: 0 20px;
    }

    .charbone-header-nav .lang .info ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .charbone-header-nav .lang-choose a {
        padding: 0 20px;
    }

    /* Home */
    .home-banner,
    .carrier-banner,
    .about-applications,
    .investors-purity,
    .investors-approach,
    .investors-market,
    .investors-stock,
    .investors-market,
    .carrier-application,
    .single-offer,
    .industrial-gases-banner,
    .contact-page,
    .industrial-gases-supply {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .home-position,
    .carrier-offers {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .home-approach:after,
    .about-banner:after {
        width: 465.5px;
        height: 78px;
        background-size: 465.5px 78px;
    }

    .home-position .home-position-inner {
        width: calc(100% - 200px);
        padding: 50px 100px;
    }

    .home-phase {
        margin-top: 100px;
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .home-approach,
    .about-banner {
        width: calc(100% - 80px);
        margin: 100px 0;
        padding: 0 40px;
    }

    .about-banner {
        margin: 200px 0 120px 0;
    }

    .about-banner:after {
        right: -30px;
    }

    .home-news,
    .single-post-others {
        width: calc(100% - 80px);
        padding: 100px 40px 160px 40px;
    }

    .about-banner-inner h1,
    .home-banner .home-banner-inner h1,
    .carrier-banner .carrier-banner-inner h1,
    .hydrogen-purity .hydrogen-purity-inner h1,
    .investors-approach-inner-left h1,
    .news-inner-header h1,
    .single-post-inner h1,
    .single-offer-content-left h1,
    .home-approach-inner h2,
    .home-position .home-position-inner h2,
    .carrier-offers .carrier-offers-inner h2,
    .charbone-footer-touch-inner h2,
    .application-description h2,
    .investors-purity-inner h2,
    .about-direction .team-title h2,
    .hydrogen-formats-inner-header h2,
    .hydrogen-disponibility-inner h2,
    .industrial-gases-disponibility-inner h2,
    .investors-market-inner h2,
    .carrier-choose-inner-title h2,
    .carrier-application-inner-left h2,
    .phase-tabs-content-item .text h3,
    .phase-tabs-content-item .text h4,
    .policies .policies-inner h1,
    .contact-page-inner h1,
    .contact-page-inner h2,
    .industrial-gases-banner .industrial-gases-banner-inner h1,
    .industrial-gases-applications h2,
    .industrial-gases-supply-inner h2 {
        font-size: 42px;
        line-height: 50px;
    }

    .home-position .home-position-inner .gaz-list,
    .carrier-offers .carrier-offers-inner .offers-list {
        margin: 80px 0 0 0;
    }

    .home-position .home-position-inner .gaz-list ul,
    .carrier-offers .carrier-offers-inner .offers-list ul {
        margin: 0;
    }

    .home-position .home-position-inner .gaz-list ul li,
    .carrier-offers .carrier-offers-inner .offers-list ul li {
        font-size: 28px;
        line-height: 34px;
    }

    .phase-tabs-content .phase-tabs-content-item {
        width: calc(100% - 282px);
        padding: 100px 80px;
        column-gap: 80px;
    }

    .phase-tabs-content-item .image {
        width: calc(100% - 380px);
        height: calc(100% - 200px);
        display: flex;
        flex-direction: row;
        position: absolute;
        top: 100px;
    }

    .phase-tabs-content-item .text p {
        margin: 50px 0 0 0;
    }

    .home-news-list .home-news-list-item,
    .single-post-others-inner-list .item {
        width: calc(33.33% - 94px);
        padding: 40px 40px 0 40px;
    }

    .home-news-title h2 span,
    .single-post-others-inner-title h2 span,
    .investors-stock h2 span,
    .carrier-choose-inner-values h3 span {
        font-size: 32px;
        line-height: 38px;
    }

    .home-news-title h2 span:after,
    .single-post-others-inner-title h2 span:after,
    .investors-stock h2 span:after {
        margin-left: 30px;
    }

    /* About */
    .about-applications,
    .investors-purity,
    .about-direction .team-title {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .application-description .application-description-left,
    .application-description .application-description-right {
        width: 50%;
    }

    .application-description h2,
    .investors-purity-inner h2 {
        max-width: 500px;
    }

    .application-description-right p {
        max-width: 100%;
    }

    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        width: calc(100% - 160px);
        padding: 120px 80px;
    }

    .divisions-list-item .list ul {
        padding: 34px 25px;
    }

    .divisions-list-item .list ul li:nth-child(1) {
        font-size: 40px;
        line-height: 50px;
    }

    .divisions-list-item .list ul.all li a {
        font-size: 30px;
        line-height: 38px;
    }

    .team-direction-title {
        width: calc(100% - 80px);
        padding: 0 40px;
        margin: 70px auto 40px auto;
    }

    .team-direction-inner {
        padding-left: 40px;
    }

    .team-direction h3 span:after {
        width: calc(100% - 185px);
    }

    .team-direction-inner-item .item-image {
        height: 500px;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image {
        height: auto;
        max-height: 600px;
    }

    .team-direction-inner-item .item-image .info {
        width: calc(100% - 80px);
        bottom: 40px;
        left: 40px;
    }

    .team-direction-inner-item .item-image .info h5 {
        font-size: 24px;
        line-height: 30px;
    }

    .team-direction-inner-item .item-image .info p {
        font-size: 18px;
        line-height: 24px;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-description {
        padding: 60px 40px;
    }

    .team-direction-inner-item .item-description h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .team-direction-inner-item .item-description h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .team-direction-inner-item .item-description p {
        padding: 25px 0 0 0;
        margin: 25px 0 0 0;
    }

    .team-direction-inner-item .item-description ul {
        margin: 40px 0 0 0;
        padding: 25px 0 0 0;
    }

    .team-direction-inner .swiper-slide.active {
        width: calc(100% - 40px) !important;
    }

    .admin-board-inner-item .text ul li a,
    .team-direction-inner-item .item-description ul li a {
        width: 40px;
        height: 40px;
    }

    .admin-board-inner-item .text ul li a,
    .team-direction-inner-item .item-description ul li a i {
        font-size: 18px;
    }

    .about-direction {
        margin: 100px 0 0 0;
    }

    .admin-board {
        margin: 100px 0;
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .admin-board-inner-item .text h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .admin-board-inner-item .text p {
        font-size: 18px;
        line-height: 24px;
    }

    .admin-board-inner-item .text ul {
        margin: 30px 0 0 0;
    }

    /* Hydrogen */
    .hydrogen-banner {
        width: calc(100% - 80px);
        padding: 250px 40px 520px 40px;
    }

    .hydrogen-purity,
    .hydrogen-formats,
    .carrier-choose-inner-values h3 {
        width: calc(100% - 80px);
        padding: 0 40px;
    }

    .values-list .values-list-item .text h3 {
        width: 100%;
        padding: 0;
    }

    .hydrogen-formats {
        margin: 150px 0;
    }

    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        width: calc(100% - 80px);
        padding: 150px 40px;
    }

    .hydrogen-purity .hydrogen-purity-inner,
    .investors-market .investors-market-inner,
    .carrier-offers .carrier-offers-inner {
        width: calc(100% - 120px);
        padding: 80px 60px;
    }

    .investors-market .investors-market-inner {
        padding-top: 30px;
    }

    /* Investors */
    .investors-approach .investors-approach-inner {
        margin: 250px auto 200px auto;
        column-gap: 100px;
    }

    .investors-stock {
        margin: 150px 0;
    }

    .investors-stock-inner-list ul li a {
        font-size: 28px;
        line-height: 34px;
        padding: 60px 25px 37px 25px;
    }

    .investors-market-inner .market-list ul li:nth-child(2) {
        font-size: 22px;
        line-height: 26px;
    }

    .market-downloads {
        margin: 60px 0 0 0;
    }

    /* Carrier */
    .carrier-choose-inner .carrier-choose-inner-title {
        column-gap: 100px;
    }

    .carrier-application {
        margin: 150px 0;
    }

    .values-list .values-list-item {
        width: calc(100% - 80px);
        padding: 60px 40px;
    }

    .values-list .values-list-item .icon {
        height: 60px;
    }

    .values-list .values-list-item .text {
        margin: 25px 0 0 0;
    }

    .values-list .values-list-item .text h3 {
        font-size: 24px;
        line-height: 28px;
    }

    /* News */
    .news,
    .policies {
        width: calc(100% - 80px);
        padding: 220px 40px 150px 40px;
    }

    .news-inner-content {
        margin: 100px 0 0 0;
        column-gap: 80px;
    }

    .news-inner-content-left .news-items {
        column-gap: 80px;
        row-gap: 40px;
    }

    .news-inner-content-left .news-items .item {
        width: calc(50% - 40px);
    }

    .single-post-inner {
        width: calc(100% - 80px);
        margin: 250px auto 150px auto;
        padding: 0 40px;
    }

    .single-post-inner .post-content {
        margin: 50px 0 0 0;
    }

    .single-post-inner .charbone-engagment,
    .single-post-inner .charbone-office {
        padding: 60px 0 0 0;
        margin: 60px 0 0 0;
    }

    .single-post-inner .back-to-news {
        margin: 60px 0 0 0;
    }

    .single-offer-content .single-offer-content-left {
        padding: 0 80px 0 0;
    }

    .offer-description .accordion-item .accordion-item-header h3,
    .accordion-item .accordion-item-header h3 {
        font-size: 28px;
        line-height: 32px;
    }

    /* Policies */
    .policies .policies-inner:before {
        width: 125px;
        height: 96px;
        background-size: 125px 96px;
        top: -60px;
        left: 210px;
    }

    .policies:before {
        left: calc(-100% + 150px);
    }

    .policies:after {
        right: calc(-100% - 300px);
    }

    .policies .policies-inner .files {
        margin: 100px 0 0 0;
    }

    .policies-inner .files .files-content {
        width: calc(100% - 200px);
        padding: 120px 100px;
    }

    .files-content .files-content-item a span {
        font-size: 30px;
        line-height: 38px;
    }

    /* About */
    .charbone-snapshot,
    .investors-purity-inner .list {
        margin: 120px 0 0 0;
    }

    /* Industrial gases */
    .industrial-gases-applications .industrial-gases-applications-inner {
        width: calc(100% - 120px);
        padding: 100px 60px;
    }

    .industrial-gases-applications-inner .gas-market-right {
        padding: 0 50px;
    }

    .industrial-gases-applications-inner .gas-offers .gas-offers-list {
        gap: 15px;
        grid-template-columns: repeat(4, 1fr);
    }

    .gas-offers-list .gas-offers-list-item.all ul li {
        max-width: 170px;
        padding: 0 20px;
    }

    .industrial-gases-applications-inner .gas-platform {
        margin: 120px 0 0 0;
    }

    .industrial-gases-supply {
        margin: 150px 0 0 0;
    }

    .industrial-gases-supply-inner .hubs {
        margin: 80px 0 220px 0;
    }

    /* Contact */
    .contact-page-inner {
        margin: 200px auto;
        column-gap: 80px;
    }

    /* Single news */
    .single-post-inner .icons ul,
    .single-post-inner .charbone-office .share-button,
    .single-offer-inner .icons ul {
        margin: 0 40px 0 0;
    }

    /* Complianz */
    .page-template-default.cmplz-document {
        padding: 160px 0 0 0;
    }

    .page-template-default.cmplz-document #cmplz-document {
        width: calc(100% - 80px);
        padding: 0 40px;
        margin: 0 auto 120px auto;
    }

    /* Footer */
    .charbone-footer-touch {
        width: calc(100% - 80px);
        padding: 100px 40px;
    }

    .charbone-footer-corporation {
        width: calc(100% - 80px);
        padding: 100px 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .charbone_header {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .charbone-header-nav .navbar-brand {
        width: 130px;
        height: auto;
    }

    .charbone-header-nav .lang .info {
        padding: 0 15px;
    }

    .charbone-header-nav .lang-choose a {
        padding: 0 15px;
    }

    .phase-tabs-content-item .text {
        min-height: auto;
    }

    .home-banner .hallow:before,
    .carrier-banner .hallow:before {
        left: -2000px;
    }

    .home-banner .hallow:after,
    .carrier-banner .hallow:after {
        right: -1500px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn {
        width: 80px;
        height: 80px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn:after {
        width: 40px;
        height: 44px;
        background-size: 40px 44px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn.pause-state:after {
        font-size: 48px;
    }

    /* News */
    .news-inner-content {
        margin: 80px 0 0 0;
        column-gap: 50px;
    }

    .news-inner-content-left {
        column-gap: 50px;
        row-gap: 30px;
    }

    .news-inner-content-left .item {
        width: calc(50% - 25px);
    }

    .home-news-list-item .description,
    .single-post-others-inner-list .item .description,
    .news-inner-content-left .item h3 {
        font-size: 18px;
        line-height: 28px;
    }

    .news-inner-content-right {
        width: 380px;
        padding: 40px 40px 0 40px;
    }

    .news-inner-content-right h2 {
        font-size: 20px;
        line-height: 24px;
    }

    /* About */
    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        background-size: 450px;
    }

    .about-applications:before,
    .investors-purity:before {
        left: -1500px;
    }

    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        width: calc(100% - 120px);
        padding: 100px 60px;
    }

    .charbone-snapshot,
    .charbone-snapshot-mission {
        margin: 80px 0 0 0;
    }

    .charbone-snapshot-about .list,
    .charbone-snapshot-mission .mission-row {
        margin: 50px 0 0 0;
    }

    .charbone-snapshot-about .list,
    .investors-purity-inner .list {
        gap: 60px;
    }

    .charbone-snapshot-about .list .list-item h4 {
        font-size: 28px;
        line-height: 34px;
    }

    .charbone-snapshot-mission .mission-row h4 {
        font-size: 32px;
        line-height: 36px;
    }

    /* Contact */
    .contact-page-inner {
        margin: 150px auto;
        column-gap: 50px;
    }

    .contact-page-inner-left {
        width: calc(100% - 340px);
    }

    .contact-page-inner-left .call-list {
        margin: 60px 0 0 0;
        column-gap: 25px;
        row-gap: 50px;
    }

    .contact-page-inner-right {
        width: 340px;
        padding: 40px 30px 0 30px;
        top: 120px;
    }

    .contact-page-inner-left .call-list .call-list-item ul li a span,
    .contact-page-inner-left .emergency-call ul li a span {
        font-size: 18px;
        line-height: 28px;
    }

    .contact-page-inner-right-inner h3 {
        font-size: 24px;
        line-height: 30px;
    }

    /* Industrial gases */
    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        background-position: top right -200px;
    }
}

@media only screen and (max-width: 991px) {
    .charbone_header {
        width: calc(100% - 60px);
        padding: 0 30px;
        border-bottom: none;
    }

    .charbone-header-nav .navbar-brand {
        width: 181px;
    }

    .charbone_header .charbone-header-nav {
        padding: 20px 0;
    }

    .charbone-header-nav .lang {
        height: auto;
        margin: 0 0 0 auto;
    }

    .charbone-header-nav .lang .info {
        background-color: transparent;
        padding: 0;
    }

    .charbone-header-nav .lang .lang-choose,
    .charbone-header-nav .lang .info:before {
        display: none;
    }

    .charbone-header-nav .lang .info ul {
        min-width: auto;
    }

    .page-template-default .qmod-miniquotes,
    .error404 .qmod-miniquotes,
    .page-template-about .qmod-miniquotes,
    .page-template-investors .qmod-miniquotes,
    .page-template-news .qmod-miniquotes,
    .page-template-policies .qmod-miniquotes,
    .single-news .qmod-miniquotes,
    .single-carriere .qmod-miniquotes,
    .page-template-contact,
    .fixed .qmod-miniquotes {
        color: var(--tertiary) !important;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.desk-hide {
        display: flex;
    }

    .charbone_header.open .charbone-header-nav .navbar-brand {
        z-index: 100;
    }

    .charbone_header.open .charbone-header-nav .navbar-brand svg .gradient-white .gradient-start,
    .charbone_header.fixed.open .charbone-header-nav .navbar-brand svg .gradient-white .gradient-start {
        stop-color: rgba(255, 255, 255, 0.5);
    }

    .charbone_header.open .charbone-header-nav .navbar-brand svg .gradient-white .gradient-end,
    .charbone_header.fixed.open .charbone-header-nav .navbar-brand svg .gradient-white .gradient-end {
        stop-color: #fff;
    }

    .page-template-default .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .error404 .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .page-template-about .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .page-template-investors .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .page-template-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .page-template-policies .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .single-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .single-carriere .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .page-template-contact .charbone_header.open .charbone-header-nav .navbar-brand svg path.text,
    .charbone_header.fixed.slideDown.open .charbone-header-nav .navbar-brand svg path.text {
        fill: #fff;
    }

    .page-template-about .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .page-template-investors .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .page-template-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .page-template-policies .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .single-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .single-carriere .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .page-template-contact .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .page-template-contact .charbone_header.open .charbone-header-nav .navbar-brand svg path.borderless,
    .charbone_header.fixed.slideDown.open .charbone-header-nav .navbar-brand svg path.borderless {
        display: block;
    }

    .page-template-default .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .error404 .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .page-template-about .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .page-template-investors .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .page-template-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .page-template-policies .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .single-news .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .single-carriere .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .page-template-contact .charbone_header.open .charbone-header-nav .navbar-brand svg path.gradient,
    .charbone_header.fixed.slideDown.open .charbone-header-nav .navbar-brand svg path.gradient {
        display: none;
    }

    .charbone-header-nav .main-menu {
        width: 100vw;
        height: calc(100vh - 200px);
        padding: 120px 0;
        position: fixed;
        top: 0;
        left: -100%;
        overflow: hidden;
        opacity: 0;
        background-color: var(--primary);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        z-index: 99;
    }

    .charbone_header.open .charbone-header-nav .main-menu {
        opacity: 1;
        visibility: visible;
        left: 0;
    }

    .charbone-header-nav .main-menu>div {
        height: auto;
    }

    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang {
        width: calc(100% - 40px);
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin: 34px 0 0 0;
        padding: 0 24px;
    }

    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang .menu,
    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang .menu li {
        padding: 0;
        height: auto;
    }

    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang .menu li a {
        padding: 0;
        text-decoration: none;
        border-bottom: none;
        font-size: 21px;
        line-height: 24px;
    }

    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang .menu li a i {
        font-size: 18px;
        line-height: 22px;
        margin: 0 12px 0 0;
    }

    .charbone_header.open .charbone-header-nav .main-menu .mobile-lang .menu li a span {
        display: flex;
        column-gap: 8px;
        flex-direction: row;
        align-items: center;
        text-transform: lowercase;
    }

    .charbone-header-nav .main-menu .menu {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        margin: 0;
        padding: 0 24px;
        overflow-y: auto;
    }

    .charbone-header-nav .main-menu .menu li {
        height: auto;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children.open>a:after {
        transform: translateY(-50%) rotate(45deg);
    }

    .charbone-header-nav .main-menu .menu li.mobile-lang {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        margin: 34px 0 0 0;
    }

    .charbone-header-nav .main-menu .menu li.mobile-lang a {
        display: flex;
        flex-direction: row;
        column-gap: 12px;
        padding: 0;
        border-bottom: 0;
    }

    .charbone-header-nav .main-menu .menu li a {
        padding: 20px 0;
        font-weight: 400;
        color: #fff;
        font-size: 24px;
        line-height: 28px;
        border-bottom: solid 1px rgba(255, 255, 255, .5);
        position: relative;
    }

    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li>a,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.current_page_item.menu-item-has-children>a:after,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children>a:after {
        color: #fff;
    }

    .charbone_header.fixed .charbone-header-nav .menu-button span {
        background-color: var(--tertiary);
    }

    .page-template-about .charbone_header.fixed .charbone-header-nav .menu-button span,
    .page-template-investors .charbone_header.fixed .charbone-header-nav .menu-button span,
    .page-template-news .charbone_header.fixed .charbone-header-nav .menu-button span,
    .page-template-policies .charbone_header.fixed .charbone-header-nav .menu-button span,
    .single-post .charbone_header.fixed .charbone-header-nav .menu-button span,
    .single-carriere .charbone_header.fixed .charbone-header-nav .menu-button span,
    .page-template-contact .charbone_header.fixed .charbone-header-nav .menu-button span {
        background-color: var(--tertiary);
    }

    .page-template-about .charbone-header-nav .main-menu .menu li a,
    .page-template-investors .charbone-header-nav .main-menu .menu li a,
    .page-template-news .charbone-header-nav .main-menu .menu li a,
    .single-post .charbone-header-nav .main-menu .menu li a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li.current_page_item a,
    .charbone-header-nav .main-menu .menu li.current_page_item a,
    .page-template-about .charbone-header-nav .main-menu .menu li a:hover,
    .page-template-investors .charbone-header-nav .main-menu .menu li a:hover,
    .page-template-news .charbone-header-nav .main-menu .menu li a:hover,
    .page-template-policies .charbone-header-nav .main-menu .menu li a:hover,
    .single-news .charbone-header-nav .main-menu .menu li a:hover,
    .single-carriere .charbone-header-nav .main-menu .menu li a:hover,
    .page-template-contact .charbone-header-nav .main-menu .menu li a:hover,
    .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover a,
    .charbone-header-nav .main-menu .menu li a:hover,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li>a:hover,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li>a {
        color: #fff;
    }

    .page-template-about .charbone-header-nav .main-menu .menu li a,
    .page-template-investors .charbone-header-nav .main-menu .menu li a,
    .page-template-news .charbone-header-nav .main-menu .menu li a,
    .single-post .charbone-header-nav .main-menu .menu li a,
    .single-carriere .charbone-header-nav .main-menu .menu li a,
    .page-template-contact .charbone-header-nav .main-menu .menu li a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li a,
    .page-template-default .charbone-header-nav .main-menu .menu li a,
    .error404 .charbone-header-nav .main-menu .menu li a,
    .charbone-header-nav .main-menu .menu li.current_page_item a,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.current_page_item>a {
        color: #fff;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children>a:after,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children>a:after {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        right: 0;
        font-size: 18px;
        color: #fff;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

    .page-template-about .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
    .page-template-investors .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
    .page-template-news .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
    .single-post .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
    .single-carriere .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after,
    .page-template-contact .charbone_header .charbone-header-nav .main-menu li.menu-item-has-children>a:after {
        color: #fff;
    }

    .charbone-header-nav .main-menu .menu li.current_page_item.menu-item-has-children>a:after {
        color: #fff;
    }

    .charbone-header-nav .menu-button {
        display: flex;
    }

    .charbone_header.open .charbone-header-nav .menu-button span {
        background-color: rgba(255, 255, 255, .5);
        position: relative;
    }

    .charbone_header.open .charbone-header-nav .menu-button span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
        background-color: #fff;
    }

    .charbone_header.open .charbone-header-nav .menu-button {
        row-gap: 0;
    }

    .charbone_header.open .charbone-header-nav .menu-button span:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        transform: rotate(-45deg);
        top: -1px;
        background-color: #fff;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children>a {
        pointer-events: none;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu {
        width: 100%;
        min-width: 100%;
        position: relative;
        top: 0 !important;
        visibility: visible;
        opacity: 1;
        pointer-events: all;
        padding: 30px;
        background-color: transparent;
        row-gap: 20px;
        border-bottom: solid 1px rgba(255, 255, 255, .5);
        transition: none;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>.sub-menu {
        top: 0;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu:after {
        content: "";
        width: 100%;
        height: 100%;
        background-color: rgba(131, 70, 169, .2);
        mix-blend-mode: multiply;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        display: block;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li {
        position: relative;
        z-index: 2;
    }

    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a,
    .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li a,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li.menu-item-has-children .sub-menu li.current-menu-item a {
        font-size: 21px;
        line-height: 25px;
        padding: 0;
        border-bottom: none;
    }

    .page-template-hydrogen .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li>a:hover,
    .charbone_header.fixed.slideDown .charbone-header-nav .main-menu .menu li>a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li.menu-item-has-children:hover>a:after {
        color: #fff;
    }

    .page-template-default .charbone-header-nav .main-menu .menu li a,
    .error404 .charbone-header-nav .main-menu .menu li a,
    .page-template-about .charbone-header-nav .main-menu .menu li a,
    .page-template-investors .charbone-header-nav .main-menu .menu li a,
    .page-template-news .charbone-header-nav .main-menu .menu li a,
    .page-template-policies .charbone-header-nav .main-menu .menu li a,
    .single-news .charbone-header-nav .main-menu .menu li a,
    .single-carriere .charbone-header-nav .main-menu .menu li a,
    .page-template-contact .charbone-header-nav .main-menu .menu li a,
    .page-template-hydrogen .charbone-header-nav .main-menu .menu li.current_page_item a {
        color: #fff;
    }

    /* Home */
    .home-banner .home-banner-inner,
    .carrier-banner .carrier-banner-inner {
        padding: 200px 0 350px 0;
    }

    .industrial-gases-banner .industrial-gases-banner-inner {
        padding: 200px 0 1180px 0;
    }

    .home-position,
    .carrier-offers {
        margin: 0 0 -200px 0;
    }

    .home-banner,
    .carrier-banner,
    .home-position,
    .carrier-offers,
    .home-phase-inner .phase-tabs .phase-tabs-header,
    .home-approach,
    .about-banner,
    .admin-board,
    .investors-market,
    .investors-approach,
    .carrier-choose-inner .carrier-choose-inner-title,
    .carrier-choose-inner-values h3,
    .carrier-application,
    .single-offer,
    .industrial-gases-banner,
    .contact-page,
    .industrial-gases-applications,
    .industrial-gases-supply {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .home-position .home-position-inner {
        width: calc(100% - 120px);
        padding: 30px 60px 80px 60px;
        top: -200px;
    }

    .home-phase {
        margin-top: 80px;
        width: 100%;
        padding: 0;
    }

    .home-approach {
        margin: 140px 0;
    }

    .about-banner {
        margin: 200px 0 120px 0;
    }

    .home-position .home-position-inner .gaz-list,
    .carrier-offers .carrier-offers-inner .offers-list {
        margin: 50px 0 0 0;
    }

    .home-position .home-position-inner .gaz-list ul,
    .carrier-offers .carrier-offers-inner .offers-list ul {
        padding: 0;
    }

    .home-news,
    .single-post-others {
        width: calc(100% - 60px);
        padding: 60px 40px 120px 30px;
    }

    .about-banner-inner h1,
    .home-banner .home-banner-inner h1,
    .carrier-banner .carrier-banner-inner h1,
    .hydrogen-purity .hydrogen-purity-inner h1,
    .investors-approach-inner-left h1,
    .news-inner-header h1,
    .policies .policies-inner h1,
    .phase-tabs-content-item .text h3,
    .phase-tabs-content-item .text h4,
    .industrial-gases-banner .industrial-gases-banner-inner h1 {
        font-size: 44px;
        line-height: 52px;
    }

    .single-post-inner h1,
    .single-offer-content-left h1,
    .home-approach-inner h2,
    .home-position .home-position-inner h2,
    .carrier-offers .carrier-offers-inner h2,
    .charbone-footer-touch-inner h2,
    .hydrogen-formats-inner-header h2,
    .hydrogen-disponibility-inner h2,
    .industrial-gases-disponibility-inner h2,
    .investors-market-inner h2,
    .carrier-choose-inner-title h2,
    .carrier-application-inner-left h2,
    .contact-page-inner h1,
    .contact-page-inner h2,
    .industrial-gases-applications h2,
    .industrial-gases-supply-inner h2 {
        font-size: 34px;
        line-height: 40px;
    }

    .phase-tabs-content {
        margin: 22px 0 220px 0;
    }

    .phase-tabs-content .phase-tabs-content-item {
        width: 100%;
        padding: 60px 30px 0 30px;
        column-gap: 0;
        flex-direction: column;
        background-image: none;
    }

    .phase-tabs-content-item .text {
        width: 100%;
        min-height: auto;
    }

    .phase-tabs-content-item .text span {
        margin: 33px auto 0 0;
    }

    .phase-tabs-content-item .text p {
        margin: 36px 0 0 0;
    }

    .phase-tabs-content-item .image {
        width: 100%;
        height: auto;
        top: 0;
        position: relative;
        right: unset;
        left: 0;
        margin: 98px 0 -200px 0;
        padding: 0;
    }

    .phase-tabs-content-item .image img {
        width: 100%;
        height: auto;
    }

    .home-news-list,
    .single-post-others-inner-list {
        margin: 30px 0 0 0;
    }

    .home-news-list .home-news-list-item,
    .single-post-others-inner-list .item {
        width: calc(33.33% - 74px);
        padding: 30px 30px 0 30px;
    }

    .home-news-title h2 span,
    .single-post-others-inner-title h2 span,
    .investors-stock h2 span,
    .carrier-choose-inner-values h3 span {
        font-size: 24px;
        line-height: 30px;
    }

    .home-news-title h2 span:after,
    .single-post-others-inner-title h2 span:after,
    .investors-stock h2 span:after {
        margin-left: 24px;
    }

    .home-news-list-item .description,
    .single-post-others-inner-list .item .description,
    .news-inner-content-left .item h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0 25px 0;
    }

    .team-direction h3 span:after,
    .admin-board h3 span:after,
    .investors-stock h2 span:after,
    .carrier-choose-inner-values h3 span:after {
        display: none;
    }

    .team-direction-title {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 60px auto 30px auto;
    }

    .team-direction-inner {
        padding-left: 0;
    }

    /* About */
    .about-applications,
    .investors-purity {
        width: 100%;
        padding: 0;
    }

    .about-applications:before,
    .investors-purity:before {
        left: -1500px;
    }

    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        width: calc(100% - 60px);
        padding: 80px 30px;
    }

    .application-description .application-description-right {
        padding: 10px 0 10px 50px;
    }

    .about-direction .team-title {
        flex-direction: column;
        row-gap: 20px;
    }

    .divisions-list-item .list {
        gap: 15px;
    }

    .divisions-list-item .list ul {
        padding: 30px 20px;
        width: calc(20% - 12px);
    }

    .divisions-list-item .list ul li:nth-child(1) {
        font-size: 34px;
        line-height: 40px;
    }

    .divisions-list-item .list ul.all li a {
        font-size: 24px;
        line-height: 30px;
        max-width: 100px;
    }

    .divisions-list-item .list ul li {
        font-size: 18px;
    }

    .team-direction-inner .swiper-slide.active {
        width: 100% !important;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-description {
        padding: 50px 30px;
    }

    .admin-board-inner-item .text {
        margin: 30px 0 0 0;
    }

    .admin-board-inner-item .text p {
        margin: 12px 0 0 0;
    }

    .admin-board-inner-item .text h4 {
        font-size: 20px;
        line-height: 24px;
        max-width: 100%;
    }

    .admin-board .admin-board-inner {
        grid-template-columns: repeat(3, 1fr);
        row-gap: 40px;
    }

    .charbone-snapshot,
    .charbone-snapshot-mission {
        margin: 50px 0 0 0;
    }

    .charbone-snapshot-about .list,
    .investors-purity-inner .list {
        gap: 40px;
    }

    .charbone-snapshot-about .list {
        margin: 40px 0 0 0;
    }

    .charbone-snapshot-about .list {
        grid-template-columns: repeat(2, 1fr);
    }

    .charbone-snapshot-about .list .list-item h4 {
        font-size: 24px;
        line-height: 32px;
    }

    .charbone-snapshot-about .list .list-item h4 br {
        display: none;
    }

    .investors-purity:after {
        right: -100%;
    }

    .investors-purity-inner .list {
        margin: 80px 0 0 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .investors-purity-inner .list .list-item {
        row-gap: 30px;
    }

    .investors-purity-inner .list .list-item-icon img {
        height: 70px;
    }

    /* Hydrogen */
    .hydrogen-banner {
        width: calc(100% - 60px);
        padding: 200px 30px 420px 30px;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-left img {
        width: 250px;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-right p:before {
        left: -30px;
    }

    .hydrogen-purity .hydrogen-purity-inner,
    .carrier-offers .carrier-offers-inner {
        margin: -320px auto 0 auto;
    }

    .hydrogen-formats {
        margin: 100px 0;
    }

    .hydrogen-purity,
    .hydrogen-formats {
        width: calc(100% - 60px);
        padding: 0 30px;
    }

    .hydrogen-formats-inner-header {
        flex-direction: column;
        row-gap: 30px;
        align-items: flex-start;
    }

    .hydrogen-packages {
        margin: 100px 0 0 0;
        column-gap: 25px;
    }

    .hydrogen-packages .hydrogen-packages-item {
        width: calc(33.33% - 14px);
    }

    .hydrogen-packages-item .text h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .hydrogen-packages-item .text h5 {
        font-size: 18px;
        line-height: 24px;
    }

    .hydrogen-packages-item .text ul li dl {
        font-size: 16px;
        line-height: 20px;
    }

    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        width: calc(100% - 60px);
        padding: 100px 30px;
    }

    .hydrogen-purity-inner .accordion {
        margin: 50px 0 0 0;
    }

    .accordion-item .accordion-item-header {
        padding: 30px 0;
    }

    .accordion-item .accordion-item-content {
        width: calc(100% - 60px);
        padding: 30px;
        margin-bottom: 40px;
    }

    /* Investors */
    .investors-stock {
        width: calc(100% - 60px);
        margin: 100px 0;
        padding: 0 30px;
    }

    .investors-approach .investors-approach-inner {
        margin: 180px auto 150px auto;
        column-gap: 40px;
        width: 100%;
        padding: 0;
    }

    .investors-stock-inner .investors-stock-inner-list {
        margin: 40px 0 0 0;
    }

    .investors-stock-inner-list ul li a {
        font-size: 24px;
        line-height: 28px;
        padding: 40px 20px 25px 20px;
    }

    .investors-market .investors-market-inner {
        width: calc(100% - 60px);
        padding: 10px 30px 60px 30px;
    }

    .investors-market-inner .market-list ul li {
        font-size: 14px;
        line-height: 18px;
    }

    .investors-market-inner .market-list ul li:nth-child(2) {
        font-size: 16px;
        line-height: 20px;
        padding: 15px 0 0 0;
    }

    .market-downloads {
        margin: 30px 0 0 0;
        flex-direction: column-reverse;
        row-gap: 20px;
    }

    .market-downloads ul li a {
        padding: 15px 20px;
    }

    .market-downloads p {
        text-align: right;
    }

    /* Carrier */
    .carrier-banner .carrier-banner-inner {
        padding-bottom: 500px;
    }

    .carrier-offers .carrier-offers-inner {
        width: calc(100% - 120px);
        margin-top: -300px;
        margin-bottom: 200px;
        padding: 40px 60px 100px 60px;
    }

    .carrier-choose,
    .carrier-choose-inner-values {
        margin: 100px 0 0 0;
    }

    .carrier-choose-inner .carrier-choose-inner-title {
        column-gap: 50px;
    }

    .carrier-application {
        margin: 100px 0;
    }

    .carrier-application .carrier-application-inner {
        flex-direction: column;
        row-gap: 30px;
    }

    .carrier-application-inner-left:after {
        width: 130px;
        height: 106px;
        background-size: 130px 106px;
        top: -70px;
        right: -80px;
    }

    .carrier-application-inner-right {
        max-width: 100%;
    }

    .values-list .values-list-item:before {
        display: none;
    }

    /* News */
    .news,
    .policies {
        width: calc(100% - 60px);
        padding: 200px 30px;
    }

    .news-inner .news-inner-header {
        flex-direction: column;
        row-gap: 30px;
        align-items: flex-start;
    }

    .news-inner-content {
        margin: 60px 0 0 0;
        column-gap: 0;
        row-gap: 50px;
        flex-direction: column;
    }

    .news-inner-content-left,
    .news-inner-content-right {
        width: 100%;
    }

    .news-inner-content-right {
        width: calc(100% - 60px);
        padding: 30px 30px 0 30px;
    }

    .single-post-inner .post-content p,
    .single-post-inner .post-content ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .single-post-inner .post-content {
        margin: 30px 0 0 0;
    }

    .single-post-inner .charbone-engagment,
    .single-post-inner .charbone-office {
        padding: 40px 0 0 0;
        margin: 40px 0 0 0;
    }

    .single-post-inner {
        width: calc(100% - 60px);
        margin: 220px auto 120px auto;
        padding: 0 30px;
    }

    /* Single offer */
    .single-offer .single-offer-inner {
        margin: 200px auto;
    }

    .single-offer-content .single-offer-content-left {
        padding: 0 50px 0 0;
    }

    .single-offer-content-left .location {
        font-size: 24px;
        line-height: 28px;
    }

    .offer-description .accordion-item .accordion-item-header h3,
    .accordion-item .accordion-item-header h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .offer-description .accordion-item .accordion-item-content {
        padding: 30px 0;
    }

    .single-offer-content .single-offer-content-right {
        top: 120px;
        row-gap: 30px;
    }

    .offer-description .accordion-item .accordion-item-content .role {
        font-size: 18px;
        line-height: 28px;
        margin: 0 0 30px 0;
    }

    .single-offer-content-right h2 {
        font-size: 24px;
        line-height: 28px;
    }

    /* Policies */
    .policies .policies-inner:before {
        width: 105px;
        height: 76px;
        background-size: 105px 76px;
        top: -50px;
        left: 200px;
    }

    .policies:before {
        left: calc(-100% + 50px);
    }

    .policies:after {
        right: calc(-100% - 500px);
    }

    .policies .policies-inner .files {
        margin: 60px 0 0 0;
    }

    .policies-inner .files .files-content {
        width: calc(100% - 120px);
        padding: 80px 60px;
    }

    .files-content .files-content-item a span {
        font-size: 28px;
        line-height: 34px;
    }

    /* Contact */
    .contact-page-inner {
        margin: 120px auto;
        column-gap: 30px;
    }

    .contact-page-inner-left {
        width: calc(100% - 320px);
    }

    .contact-page-inner-left .call-list {
        margin: 40px 0 0 0;
        column-gap: 10px;
        row-gap: 30px;
    }

    .contact-page-inner-left .call-list .call-list-item ul:first-of-type,
    .contact-page-inner-left .addresses-list .addresses-list-item ul {
        margin: 15px 0 0 0;
    }

    .contact-page-inner-left .call-list .call-list-item ul li a,
    .contact-page-inner-left .emergency-call ul li a {
        column-gap: 12px;
    }

    .contact-page-inner-left .emergency-call {
        margin: 40px 0 0 0;
        padding: 30px 0 0 0;
    }

    .contact-page-inner-left .emergency-call ul li {
        font-size: 24px;
        line-height: 30px;
    }

    .contact-page-inner-left .call-list .call-list-item ul li a i,
    .contact-page-inner-left .emergency-call ul li a i,
    .contact-page-inner-left .addresses-list .addresses-list-item ul li:first-child i {
        font-size: 16px;
    }

    .contact-page-inner-left .call-list .call-list-item ul li a span,
    .contact-page-inner-left .emergency-call ul li a span,
    .contact-page-inner-left .addresses-list .addresses-list-item ul li {
        font-size: 16px;
        line-height: 24px;
    }

    .contact-page-inner-left .addresses {
        margin: 60px 0 0 0;
    }

    .contact-page-inner-left .addresses-list {
        margin: 30px 0 0 0;
        column-gap: 20px;
    }

    .contact-page-inner-left .addresses-list .addresses-list-item ul {
        column-gap: 12px;
    }

    .contact-page-inner-right {
        width: 320px;
    }

    /* Industrial gases */
    .industrial-gases-applications .industrial-gases-applications-inner {
        width: calc(100% - 120px);
        padding: 80px 60px;
    }

    .industrial-gases-applications-inner .gas-offers {
        margin: 60px 0 0 0;
    }

    .industrial-gases-applications-inner .gas-offers .gas-offers-list {
        grid-template-columns: repeat(3, 1fr);
    }

    .industrial-gases-applications-inner .gas-platform {
        margin: 80px 0 0 0;
    }

    .gas-platform-left {
        padding: 0 20px 0 0;
    }

    .gas-platform-right {
        padding: 0 0 0 20px;
    }

    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(1) {
        padding: 0 30px 0 0;
    }

    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(2) {
        padding: 0 30px;
    }

    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(3) {
        padding: 0 0 0 30px;
    }

    .industrial-gases-supply-inner .hubs .hubs-item img,
    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(2) img {
        width: 150px;
    }

    .gas-platform .gas-platform-right ul li,
    .industrial-gases-supply-inner .hubs .hubs-item ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .industrial-gases-applications-inner .gas-market-right h3,
    .industrial-gases-applications-inner .gas-offers h3,
    .gas-platform-left h3,
    .gas-platform-right h3,
    .industrial-gases-supply-inner .hubs .hubs-item h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .industrial-gases-supply {
        margin: 80px 0 0 0;
    }

    .industrial-gases-supply-inner h2:after {
        width: 125px;
        height: 96px;
        background-size: 125px 96px;
        top: -50px;
        right: -140px;
    }

    .industrial-gases-supply-inner .hubs {
        margin: 50px 0 150px 0;
    }

    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        background-position: top right -400px;
    }

    /* Complianz */
    .page-template-default.cmplz-document {
        padding: 120px 0;
    }

    .page-template-default.cmplz-document #cmplz-document {
        width: calc(100% - 60px);
        padding: 0 30px;
        margin: 0 auto 100px auto;
    }

    /* Footer */
    .charbone-footer-touch {
        width: calc(100% - 120px);
        padding: 80px 60px;
    }

    .charbone-footer-touch .charbone-footer-touch-inner {
        flex-direction: column;
        row-gap: 30px;
    }

    .charbone-footer-corporation {
        width: calc(100% - 60px);
        padding: 100px 30px;
    }

    .values-list .values-list-item {
        width: calc(100% - 60px);
        padding: 50px 30px;
    }
}

@media only screen and (max-width: 768px) {

    .charbone_header {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .home-banner,
    .carrier-banner,
    .home-position,
    .carrier-offers,
    .home-phase-inner .phase-tabs .phase-tabs-header,
    .home-approach,
    .about-banner,
    .admin-board,
    .investors-market,
    .investors-approach,
    .carrier-choose-inner .carrier-choose-inner-title,
    .carrier-choose-inner-values h3,
    .carrier-application,
    .single-offer,
    .industrial-gases-banner,
    .contact-page,
    .industrial-gases-supply {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .home-banner .home-banner-decoration:after,
    .carrier-banner .carrier-banner-decoration:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        background: url("./images/home-decoration-mobile.svg") no-repeat;
        background-position: bottom -150px left;
        background-size: 100% 100%;
        position: relative;
        z-index: 4;
    }

    .home-banner .home-banner-decoration img,
    .carrier-banner .carrier-banner-decoration img {
        display: none;
    }

    .home-banner .home-banner-inner,
    .carrier-banner .carrier-banner-inner {
        padding: 150px 0 300px 0;
    }

    .home-banner .home-banner-inner p,
    .carrier-banner .carrier-banner-inner p,
    .home-approach-inner p,
    .about-banner-inner p,
    .investors-approach-inner-left p,
    .industrial-gases-banner .industrial-gases-banner-inner p {
        margin: 24px 0 0 0;
    }

    .home-banner .home-banner-inner a,
    .carrier-banner .carrier-banner-inner a,
    .home-approach-inner a,
    .about-banner-inner a,
    .investors-approach-inner-left a,
    .industrial-gases-banner .industrial-gases-banner-inner a {
        margin: 28px auto 0 0;
    }

    .home-position,
    .carrier-offers {
        margin: 0 0 -150px 0;
    }

    .home-position {
        width: 100%;
        padding: 0;
    }

    .home-banner,
    .carrier-banner,
    .home-phase-inner .phase-tabs .phase-tabs-header,
    .home-approach,
    .about-banner,
    .about-direction .team-title,
    .admin-board,
    .carrier-choose-inner .carrier-choose-inner-title,
    .carrier-application,
    .single-offer {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    .home-phase-inner .phase-tabs .phase-tabs-header {
        width: calc(100% - 50px);
        overflow-x: auto;
        padding: 0 25px;
        margin: 0;
        scrollbar-width: none;
    }

    .home-phase-inner .phase-tabs .phase-tabs-header ul li:last-child a {
        margin-right: 25px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn {
        width: 60px;
        height: 60px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn:after {
        width: 30px;
        height: 34px;
        background-size: 30px 34px;
        left: 5px;
    }

    .phase-tabs-content-item .image .video-container .play-pause-btn.pause-state:after {
        font-size: 36px;
    }

    .phase-tabs-header ul li a {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        min-width: max-content;
    }

    .home-position .home-position-inner,
    .carrier-offers .carrier-offers-inner {
        width: calc(100% - 50px);
        padding: 50px 25px 80px 25px;
        top: -150px;
    }

    .home-phase {
        width: 100%;
        padding: 0;
    }

    .home-position .home-position-inner:before,
    .carrier-offers .carrier-offers-inner:before {
        top: -30px;
        left: -30px;
        border-width: 0 30px 30px;
    }

    .application-description .application-description-left,
    .application-description .application-description-right {
        width: 100%;
        padding: 0;
        border: none;
    }

    .about-applications-inner .application-description {
        flex-direction: column;
        row-gap: 30px;
    }

    .about-applications .about-applications-inner:before {
        border-width: 30px 0 0 30px;
    }

    .home-position .home-position-inner:after,
    .carrier-offers .carrier-offers-inner:after {
        width: calc(100% - 30px);
        height: 30px;
        top: -30px;
        left: 30px;
    }

    .home-position .home-position-inner .gaz-list,
    .carrier-offers .carrier-offers-inner .offers-list {
        margin: 30px 0 0 0;
    }

    .home-position .home-position-inner .gaz-list ul,
    .carrier-offers .carrier-offers-inner .offers-list ul {
        padding: 0;
    }

    .home-approach {
        margin: 140px 0 300px 0;
    }

    .home-approach:after,
    .about-banner:after {
        bottom: -158px;
        right: 0;
    }

    .home-approach .home-approach-inner:after,
    .about-banner .about-banner-inner:after {
        top: -74px;
        width: 105px;
        height: 76px;
        background-size: 105px 76px;
    }

    .home-news,
    .single-post-others {
        width: 100%;
        padding: 100px 0;
    }

    .phase-tabs-content {
        margin: 22px 0 150px 0;
    }

    .phase-tabs-content .phase-tabs-content-item {
        width: 100%;
        padding: 50px 25px 0 25px;
        column-gap: 0;
        flex-direction: column;
        background-image: none;
        position: relative;
    }

    .phase-tabs-content .phase-tabs-content-item:after {
        content: "";
        width: 100%;
        height: 100%;
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: url("./images/phase-decoration-mobile.svg") no-repeat;
        background-position: bottom -70px left;
    }

    .phase-tabs-content-item .text {
        width: 100%;
        z-index: 2;
    }

    .phase-tabs-content-item .text span {
        margin: 33px auto 0 0;
    }

    .phase-tabs-content-item .text p {
        margin: 36px 0 0 0;
    }

    .phase-tabs-content-item .image {
        width: 100%;
        height: auto;
        top: 0;
        position: relative;
        right: unset;
        left: 0;
        margin: 68px 0 -150px 0;
        padding: 0;
        z-index: 2;
    }

    .phase-tabs-content-item .image:before,
    .phase-tabs-content-item .image:after {
        border-width: 30px 0 0 30px;
    }

    .phase-tabs-content-item .image img {
        width: 100%;
        height: auto;
    }

    .phase-tabs-content-item .image .more-pictures {
        top: 20px;
        right: 20px;
    }

    .home-news-list,
    .single-post-others-inner-list {
        width: calc(100% - 50px);
        margin: 57px 0 0 0;
        padding: 0 25px 60px 25px;
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
    }

    .home-news-list .home-news-list-item,
    .single-post-others-inner-list .item {
        width: calc(33.33% - 74px);
        min-width: 260px;
        padding: 32px 30px 0 30px;
    }

    .home-news-title h2 span,
    .single-post-others-inner-title h2 span {
        font-size: 24px;
        line-height: 30px;
    }

    .home-news-title h2 span:after,
    .single-post-others-inner-title h2 span:after {
        margin-left: 24px;
    }

    .home-news-list-item .description,
    .single-post-others-inner-list .item .description,
    .news-inner-content-left .item h3 {
        font-size: 18px;
        line-height: 24px;
        margin: 15px 0 20px 0;
    }

    .about-banner-inner h1,
    .carrier-banner .carrier-banner-inner h1,
    .home-banner .home-banner-inner h1,
    .hydrogen-purity .hydrogen-purity-inner h1,
    .investors-approach-inner-left h1,
    .news-inner-header h1,
    .phase-tabs-content-item .text h3,
    .phase-tabs-content-item .text h4,
    .policies .policies-inner h1,
    .industrial-gases-banner .industrial-gases-banner-inner h1 {
        font-size: 40px;
        line-height: 44px;
    }

    .single-post-inner h1,
    .single-offer-content-left h1,
    .home-approach-inner h2,
    .home-position .home-position-inner h2,
    .carrier-offers .carrier-offers-inner h2,
    .charbone-footer-touch-inner h2,
    .hydrogen-formats-inner-header h2,
    .investors-market-inner h2,
    .carrier-choose-inner-title h2,
    .carrier-application-inner-left h2,
    .contact-page-inner h1,
    .contact-page-inner h2 {
        font-size: 28px;
        line-height: 32px;
    }

    .hydrogen-formats-inner-header h2 {
        max-width: 650px;
    }

    .home-position .home-position-inner .gaz-list ul li,
    .carrier-offers .carrier-offers-inner .offers-list ul li {
        font-size: 24px;
        line-height: 28px;
        padding: 25px 0;
    }

    .home-position .home-position-inner .gaz-list ul li a i,
    .carrier-offers .carrier-offers-inner .offers-list ul li a i {
        font-size: 30px;
    }

    .home-news-inner .home-news-title,
    .single-post-others .single-post-others-inner-title {
        width: calc(100% - 50px);
        padding: 0 25px;
    }

    /* About */
    .about-applications .about-applications-inner,
    .investors-purity .investors-purity-inner {
        width: calc(100% - 50px);
        padding: 60px 25px;
        background-size: 380px;
    }

    .about-applications:before,
    .investors-purity:before,
    .investors-purity:after,
    .about-banner:before {
        display: none;
    }

    .about-applications .divisions-list {
        row-gap: 40px;
        margin: 50px 0 0 0;
    }

    .divisions-list-item .list {
        gap: 12px;
        margin: 20px 0 0 0;
    }

    .divisions-list-item .list ul {
        padding: 30px 20px;
        width: calc(33.33% - 8px);
        row-gap: 20px;
        justify-content: center;
    }

    .divisions-list-item .list ul li:nth-child(1) {
        font-size: 40px;
        line-height: 44px;
    }

    .divisions-list-item .list ul:nth-child(6) {
        background-color: rgba(255, 255, 255, .08);
    }

    .divisions-list-item .list ul:nth-child(4) {
        background-color: var(--secondary);
    }

    .application-description-right p {
        max-width: calc(100% - 50px);
    }

    .application-description .application-description-right {
        align-items: flex-start;
    }

    .about-banner {
        margin: 180px 0 260px 0;
    }

    .about-direction {
        margin: 60px 0 0 0;
    }

    .team-direction-title {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 40px auto 25px auto;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item {
        flex-direction: column-reverse;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image {
        width: 100%;
        height: auto;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-image img {
        width: 100%;
        height: auto;
        max-height: 400px;
    }

    .team-direction-inner .swiper-slide.active .team-direction-inner-item .item-description {
        width: calc(100% - 50px);
        padding: 40px 25px;
    }

    .team-direction-inner-item .item-description h4 {
        font-size: 22px;
        line-height: 24px;
    }

    .team-direction-inner-item .item-description p {
        padding: 20px 0 0 0;
        margin: 20px 0 0 0;
    }

    .team-direction-inner-item .item-description ul {
        margin: 20px 0 0 0;
        padding: 20px 0 0 0;
    }

    .team-direction-inner-item .item-image .info {
        width: calc(100% - 60px);
        bottom: 30px;
        left: 30px;
    }

    .admin-board {
        margin: 60px 0;
    }

    .admin-board .admin-board-inner {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 25px;
    }

    .admin-board-inner .admin-board-inner-item {
        width: 100%;
    }

    .charbone-snapshot {
        margin: 70px 0 0 0;
    }

    .charbone-snapshot-about .list {
        gap: 0;
        row-gap: 30px;
        margin: 30px 0 0 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .charbone-snapshot-about .list .list-item {
        row-gap: 20px;
    }

    .charbone-snapshot-mission .mission-row {
        flex-direction: column-reverse;
        row-gap: 30px;
        margin: 30px 0 0 0;
    }

    .charbone-snapshot-mission .mission-row h4,
    .charbone-snapshot-mission .mission-row p {
        width: 100%;
        max-width: 100%;
    }

    .charbone-snapshot-mission .mission-row h4 {
        font-size: 24px;
        line-height: 30px;
    }

    .investors-purity-inner .list {
        margin: 70px 0 0 0;
        grid-template-columns: repeat(1, 1fr);
    }

    .investors-purity-inner .list .list-item {
        row-gap: 20px;
    }

    .investors-purity-inner .list .list-item-icon img {
        height: 50px;
    }

    /* Hydrogen */
    .hydrogen-banner,
    .carrier-offers {
        width: calc(100% - 50px);
        padding: 200px 25px 150px 25px;
    }

    .hydrogen-banner .hydrogen-banner-inner {
        flex-direction: column;
        row-gap: 40px;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-left,
    .hydrogen-banner-inner .hydrogen-banner-inner-right {
        width: 100%;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-left {
        justify-content: center;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-right p {
        text-align: center;
    }

    .hydrogen-banner-inner .hydrogen-banner-inner-right p:before {
        display: none;
    }

    .hydrogen-purity {
        width: 100%;
        padding: 0;
        margin: 0 0 60px 0;
    }

    .hydrogen-formats {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 60px 0;
    }

    .hydrogen-formats-inner-header ul {
        width: 100%;
    }

    .hydrogen-formats-inner-header ul li a,
    .market-downloads ul li a {
        width: calc(100% - 50px);
    }

    .hydrogen-packages {
        margin: 60px 0 0 0;
        flex-direction: column;
        row-gap: 40px;
    }

    .hydrogen-packages .hydrogen-packages-item {
        width: 100%;
    }

    .hydrogen-packages-item .text {
        margin: 40px 0 0 0;
    }

    .hydrogen-packages-item .text h5 {
        padding: 15px 0;
    }

    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        background-position: top right -720px;
    }

    .hydrogen-disponibility .hydrogen-disponibility-inner,
    .industrial-gases-disponibility .industrial-gases-disponibility-inner {
        flex-direction: column-reverse;
        justify-content: center;
        row-gap: 60px;
    }

    .hydrogen-disponibility-inner .hydrogen-disponibility-inner-left,
    .industrial-gases-disponibility-inner .industrial-gases-disponibility-inner-left {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hydrogen-disponibility-inner h2,
    .industrial-gases-disponibility-inner h2 {
        text-align: center;
    }

    .hydrogen-disponibility-inner-left a,
    .industrial-gases-disponibility-inner-left a {
        margin: 30px auto 0;
    }

    .hydrogen-disponibility-inner .hydrogen-disponibility-inner-right,
    .industrial-gases-disponibility-inner .industrial-gases-disponibility-inner-right {
        width: 100%;
        padding: 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hydrogen-disponibility-inner-right ul,
    .industrial-gases-disponibility-inner-right ul {
        top: 0;
    }

    .hydrogen-purity .hydrogen-purity-inner,
    .investors-market .investors-market-inner,
    .carrier-offers .carrier-offers-inner {
        margin: 0 auto;
        width: calc(100% - 50px);
        padding: 50px 25px;
    }

    .carrier-offers .carrier-offers-inner,
    .industrial-gases-applications .industrial-gases-applications-inner {
        padding: 30px 25px 50px 25px;
    }

    .carrier-offers-inner .offers-list {
        margin: 20px 0 0 0;
    }

    .hydrogen-purity-inner .accordion {
        margin: 30px 0 0 0;
    }

    .accordion-item .accordion-item-header,
    .offer-description .accordion-item .accordion-item-header {
        padding: 25px 0;
    }

    .accordion-item .accordion-item-content {
        width: calc(100% - 50px);
        padding: 25px;
        margin: 0;
    }

    .accordion-item .accordion-item-header h3 {
        font-size: 24px;
        line-height: 28px;
    }

    .hydrogen-purity .hydrogen-purity-inner:before {
        border-width: 30px 0 0 30px;
    }

    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        width: calc(100% - 50px);
        padding: 80px 25px;
    }

    /* Investors */
    .investors-approach .investors-approach-inner {
        margin: 180px auto 100px auto;
        column-gap: 0;
        flex-direction: column-reverse;
        row-gap: 50px;
    }

    .investors-approach-inner .investors-approach-inner-left,
    .investors-approach-inner .investors-approach-inner-right {
        width: 100%;
    }

    .investors-market {
        width: 100%;
        padding: 0;
    }

    .investors-market .investors-market-inner {
        padding-top: 40px;
        padding-bottom: 60px;
    }

    .investors-market .investors-market-inner:after {
        width: calc(100% - 30px);
        height: 30px;
        top: -30px;
        left: 30px;
    }

    .investors-market .investors-market-inner:before {
        top: -30px;
        left: -30px;
        border-width: 0 30px 30px;
    }

    .investors-market-inner .market-list {
        margin: 30px 0 0 0;
        flex-direction: column;
        row-gap: 25px;
    }

    .investors-market-inner .market-list ul {
        width: 100%;
    }

    .investors-market-inner .market-list ul li:nth-child(2) {
        font-size: 28px;
        line-height: 34px;
    }

    .market-downloads {
        margin: 25px 0 0 0;
    }

    .market-downloads ul {
        flex-direction: column;
        row-gap: 25px;
    }

    .market-downloads ul li {
        width: 100%;
    }

    .market-downloads ul li a {
        width: calc(100% - 40px);
    }

    .investors-stock {
        width: calc(100% - 50px);
        margin: 80px 0;
        padding: 0 25px;
    }

    .investors-stock-inner .investors-stock-inner-list {
        margin: 30px 0 0 0;
    }

    .investors-stock-inner-list ul {
        flex-direction: column;
        row-gap: 25px;
    }

    .investors-stock-inner-list ul li {
        width: 100%;
    }

    .investors-stock-inner-list ul li a {
        width: calc(100% - 40px);
        padding: 50px 20px 30px 20px;
    }

    /* Carrier */
    .carrier-offers,
    .industrial-gases-applications {
        width: 100%;
        padding: 0;
    }

    .carrier-banner .carrier-banner-inner {
        padding: 180px 0 300px 0;
    }

    .industrial-gases-banner .industrial-gases-banner-inner {
        padding: 170px 0 1180px 0;
    }

    .carrier-choose,
    .carrier-choose-inner-values {
        margin: 60px 0 0 0;
    }

    .carrier-choose-inner .carrier-choose-inner-title {
        flex-direction: column;
        row-gap: 25px;
        column-gap: 0;
    }

    .carrier-application {
        margin: 110px 0 140px 0;
    }

    .carrier-application-inner-left:after {
        width: 130px;
        height: 106px;
        background-size: 130px 106px;
        top: -90px;
        right: -30px;
    }

    .home-position .home-position-inner .gaz-list ul li a svg,
    .carrier-offers .carrier-offers-inner .offers-list ul li a svg {
        width: 35px;
        height: 17px;
    }

    .carrier-application-inner-right .wpcf7-form .form-group.width_1-2 {
        width: 100%;
    }

    .carrier-application-inner-right .wpcf7-form .form-group.submit {
        width: 100%;
        margin: 30px 0 0 0 !important;
        flex-direction: column;
        align-items: flex-start;
        row-gap: 30px;
        position: relative;
    }

    .carrier-application-inner-right .wpcf7-form .form-group.submit .submit {
        width: 100%;
        position: relative;
    }

    .carrier-offers .carrier-offers-inner .offers-list ul.application {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 25px;
        padding: 25px 0;
    }

    /* News */
    .news,
    .policies {
        width: calc(100% - 50px);
        padding: 150px 25px;
    }

    .news:before,
    .news:after,
    .contact-page:before,
    .contact-page:after,
    .policies:before,
    .policies:after {
        display: none;
    }

    .news-inner .news-inner-header {
        row-gap: 20px;
    }

    .news-inner-header form {
        flex-direction: column;
        align-items: flex-start;
        row-gap: 0;
    }

    .news-inner-header form .form-item {
        width: 100%;
    }

    .news-inner-header form .form-item.month,
    .news-inner-header form .form-item.year {
        max-width: 100%;
    }

    .news-inner-content-left .news-items {
        flex-direction: column;
        column-gap: 0;
        row-gap: 30px;
    }

    .news-inner-content-left .news-items .item {
        width: 100%;
    }

    .news-inner-header form .form-item.submit {
        margin: 25px 0 0 0;
    }

    .news-inner-content {
        margin: 40px 0 0 0;
        row-gap: 60px;
    }

    .news-inner-content-left {
        row-gap: 0;
    }

    .news-inner-content-right {
        width: 100%;
        padding: 30px 25px 0 25px;
        margin: 0 -25px;
    }

    .news-inner-content-right .contact-media {
        margin: 20px 0 0 0;
        padding: 20px 0;
    }

    .contact-media .contact-media-image {
        width: 70px;
        min-width: 70px;
        height: 70px;
    }

    .contact-media .contact-media-text {
        padding: 0 0 0 20px;
    }

    .news-inner-content-right p {
        margin: 25px 0 0 0;
    }

    .news-inner-content-right ul li,
    .news-inner-content-right ul li span {
        font-size: 16px;
    }

    .news-inner-content-right a.charbone-button {
        width: auto;
        margin: 25px auto 0 0;
        justify-content: space-between;
    }

    .news-inner-content-right:before {
        width: calc(100% - 30px);
        height: 30px;
        bottom: -30px;
    }

    .news-inner-content-right:after {
        bottom: -30px;
        border-width: 30px 0 0 30px;
    }

    .more-news {
        margin: 50px 0 0 0;
        flex-direction: column-reverse;
        align-items: flex-start;
        row-gap: 30px;
    }

    .single-post-inner .charbone-engagment,
    .single-post-inner .charbone-office {
        padding: 30px 0 0 0;
        margin: 30px 0 0 0;
    }

    .single-post-inner {
        width: calc(100% - 50px);
        margin: 120px auto 80px auto;
        padding: 0 25px;
    }

    .single-post-inner .infos {
        flex-direction: column;
    }

    .single-post-inner .charbone-office ul {
        padding: 0;
    }

    .single-post-inner .infos ul.mail:before {
        display: none;
    }

    .single-post-inner .charbone-office .share-button {
        position: relative;
        top: 0;
        order: 5;
        margin: 30px auto 0 0;
        justify-content: flex-start;
    }

    .single-post-inner .icons {
        margin: 0 0 30px 0;
    }

    .single-post-inner .icons ul li button,
    .single-post-inner .charbone-office .share-button ul li button,
    .single-offer .icons ul li button {
        width: 40px;
        height: 40px;
    }

    .single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(1),
    .single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(1),
    .back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(1),
    .single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(1) {
        transform: translate(25%, -115%) !important;
        transition-delay: 0s;
    }

    .single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(2),
    .single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(2),
    .back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(2),
    .single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(2) {
        transform: translate(121%, -38%) !important;
        transition-delay: 0.3s;
    }

    .single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(3),
    .single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(3),
    .back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(3),
    .single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(3) {
        transform: translate(120%, 80%) !important;
        transition-delay: 0.8s;
    }

    .single-post-inner .icons ul li.share-wrapper .show-list a:nth-of-type(4),
    .single-offer-inner .icons ul li.share-wrapper .show-list a:nth-of-type(4),
    .back-to-jobs .icons ul li.share-wrapper .show-list a:nth-of-type(4),
    .single-post-inner .charbone-office .share-button ul li.share-wrapper .show-list a:nth-of-type(4) {
        transform: translate(26%, 158%) !important;
        transition-delay: 1.2s;
    }

    .single-post-inner .icons ul li.share-wrapper .list-social-media a,
    .single-offer-inner .icons ul li.share-wrapper .list-social-media a,
    .back-to-jobs .icons ul li.share-wrapper .list-social-media a,
    .single-post-inner .charbone-office .share-button ul .list-social-media a {
        text-decoration: none;
        width: 40px;
        height: 40px;
    }

    .single-post-inner .icons ul li button i,
    .single-offer-inner .icons ul li button i,
    .back-to-jobs .icons ul li button i,
    .single-post-inner .charbone-office .share-button ul li button i,
    .single-post-inner .icons ul li.share-wrapper .list-social-media a i,
    .single-post-inner .charbone-office .share-button ul .list-social-media a i {
        font-size: 16px;
    }

    .single-post-inner .charbone-engagment h4,
    .single-post-inner .charbone-office h4 {
        margin: 0 0 20px 0;
    }

    /* Single offer */
    .single-post-inner .icons,
    .single-offer .icons {
        margin: 0 0 30px 0;
    }

    .single-offer .single-offer-inner {
        margin: 150px auto 100px auto;
    }

    .single-offer-content {
        flex-direction: column;
        row-gap: 40px;
    }

    .single-offer-content .single-offer-content-left,
    .single-offer-content .single-offer-content-right {
        width: 100%;
        padding: 0;
    }

    .single-offer-content-left .location {
        font-size: 20px;
        line-height: 24px;
    }

    .single-offer-content-left .offer-description {
        margin: 35px 0 0 0;
    }

    .offer-description .accordion-item .accordion-item-content {
        padding: 25px 0;
        margin-bottom: 0;
    }

    .offer-description .note {
        margin: 50px 0 0 0;
    }

    .single-offer-inner .back-to-jobs {
        margin: 40px 0 0 0;
        padding: 40px 0 0 0;
        flex-direction: column-reverse;
        row-gap: 30px;
        align-items: flex-start;
    }

    .single-post-inner .back-to-news {
        margin: 25px 0 0 0;
        padding: 20px 0 0 0;
    }

    .single-offer-inner .icons ul {
        margin: 0;
    }

    /* Policies */
    .policies:before {
        left: calc(-100% - 500px);
        top: 200px;
    }

    .policies:after {
        right: calc(-100% - 1000px);
        top: -200px;
    }

    .policies .policies-inner .files {
        margin: 50px 0 0 0;
    }

    .policies-inner .files .files-content {
        width: calc(100% - 30px);
        padding: 80px 40px 60px 40px;
        margin: 0 -25px;
    }

    .files-content .files-content-item a span {
        font-size: 24px;
        line-height: 30px;
    }

    .files-content .files-content-item a svg {
        width: 35px;
        height: 15px;
    }

    .policies-inner .more-infos {
        margin: 80px 0 0 0;
    }

    .policies-inner .more-infos {
        flex-direction: column;
        row-gap: 40px;
        margin: 60px 0 0 0;
    }

    .policies-inner .more-infos a {
        margin: 0 auto 0 0;
    }

    /* Contact */
    .contact-page:after {
        right: calc(-100% - 500px);
    }

    .contact-page-inner {
        margin: 130px auto 100px auto;
        flex-direction: column;
        column-gap: 0;
        row-gap: 50px;
    }

    .contact-page-inner-left,
    .contact-page-inner-right {
        width: calc(100% - 60px);
        position: relative;
        top: 0;
    }

    .contact-page-inner-right {
        width: calc(100% - 50px);
        padding: 30px 25px 0 25px;
    }

    .contact-page-inner-left {
        width: 100%;
    }

    .contact-page-inner-right .wpcf7-form {
        margin: 20px 0 0 0;
    }

    /* Industrial gase */
    .industrial-gases-applications-inner .gas-market {
        flex-direction: column;
        row-gap: 40px;
    }

    .industrial-gases-applications-inner .gas-market-left,
    .industrial-gases-applications-inner .gas-market-right {
        width: 100%;
        padding: 0;
    }

    .industrial-gases-applications-inner .gas-market-right,
    .gas-platform-right {
        border-left: none;
    }

    .industrial-gases-applications .industrial-gases-applications-inner {
        width: calc(100% - 50px);
    }

    .industrial-gases-applications-inner .industrial-gases-decoration {
        display: none;
    }

    .industrial-gases-applications-inner .gas-offers {
        margin: 40px 0 0 0;
    }

    .industrial-gases-applications-inner .gas-platform {
        margin: 60px 0 0 0;
        flex-direction: column;
        row-gap: 40px;
    }

    .gas-platform-left {
        row-gap: 30px;
    }

    .gas-platform-left,
    .gas-platform-right {
        width: 100%;
        padding: 0;
    }

    .industrial-gases-supply-inner .hubs {
        grid-template-columns: repeat(1, 1fr);
        row-gap: 40px;
        margin-bottom: 80px;
    }

    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(1),
    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(2),
    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(3) {
        padding: 0;
        align-items: center;
        border-right: none;
    }

    .industrial-gases-supply-inner .hubs .hubs-item:nth-child(3) {
        align-items: flex-start;
    }

    .industrial-gases-supply-inner .hubs .hubs-item img {
        margin: 20px 0 0 0;
    }

    .industrial-gases-banner>img {
        object-position: center -100px;
    }

    .industrial-gases-supply-inner h2:after {
        width: 100px;
        height: 71px;
        background-size: 100px 71px;
        top: -55px;
        right: -72px;
    }

    .industrial-gases-supply-inner .hubs .hubs-item h3 {
        width: 100%;
        text-align: center;
    }

    /* Complianz */
    .page-template-default.cmplz-document {
        padding: 110px 0 0 0;
    }

    .page-template-default.cmplz-document #cmplz-document {
        width: calc(100% - 50px);
        padding: 0 25px;
        margin: 0 auto 80px auto;
    }

    /* Footer */
    .charbone-footer-touch .charbone-footer-touch-inner {
        align-items: normal;
    }

    .charbone-footer-touch-inner h2 {
        text-align: center;
    }

    .charbone-footer-touch-inner .wpcf7-form {
        flex-direction: column;
    }

    .charbone-footer-touch-inner .wpcf7-form .wpcf7-form-control-wrap {
        width: 100%;
    }

    .charbone-footer-touch-inner .wpcf7-form .submit,
    .carrier-application-inner-right .wpcf7-form .form-group.submit {
        margin: 45px 0 0 0;
    }

    .charbone-footer-touch-inner .wpcf7-form .wpcf7-submit,
    .carrier-application-inner-right .wpcf7-form .form-group.submit .wpcf7-submit {
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .charbone-footer-corporation {
        width: calc(100% - 50px);
        padding: 93px 25px;
    }

    .charbone-footer-corporation .charbone-footer-corporation-inner {
        flex-direction: column;
    }

    .charbone-footer-corporation-inner .charbone-footer-corporation-inner-left {
        width: 100%;
        flex-direction: column;
        align-items: center;
        row-gap: 47px;
    }

    .charbone-footer-corporation-inner-left .wp-block-list {
        align-items: center;
    }

    .charbone-footer-corporation-inner .charbone-footer-corporation-inner-right {
        width: 100%;
        margin: 50px 0 0 0;
        align-items: center;
    }

    .charbone-footer-corporation-inner-right .social-media {
        margin: 0;
        order: 1;
    }

    .charbone-footer-corporation-inner-right ul {
        flex-direction: column;
        align-items: center;
        row-gap: 20px;
        margin: 0 0 20px 0;
    }

    .charbone-footer-corporation-inner-right ul li,
    .charbone-footer-corporation-inner-right ul li a {
        text-align: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .charbone-footer-corporation-inner-right .wp-block-image {
        order: 2;
        margin: 50px 0 0 0;
    }

    .charbone-footer-corporation-inner-right p {
        order: 3;
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .divisions-list-item .list ul {
        width: calc(50% - 6px);
    }

    .divisions-list-item .list ul:nth-child(6),
    .divisions-list-item .list ul:nth-child(4) {
        background-color: rgba(255, 255, 255, .08);
    }

    .divisions-list-item .list ul:nth-child(3) {
        background-color: var(--secondary);
    }

    .divisions-list-item .list ul.all li a {
        font-size: 32px;
        line-height: 36px;
        max-width: 100px;
    }

    .divisions-list-item .list ul.all li a span {
        left: 20px;
    }

    /* Contact */
    .contact-page-inner-left .call-list,
    .contact-page-inner-left .addresses-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .contact-page-inner-left .emergency-call {
        margin: 30px 0 0 0;
        flex-direction: column;
        row-gap: 20px;
    }

    .contact-page-inner-left .emergency-call ul {
        flex-direction: column;
        row-gap: 30px;
    }

    .contact-page-inner-left .addresses {
        margin: 40px 0 0 0;
    }

    .contact-page-inner-left .addresses-list {
        row-gap: 30px;
    }

    .contact-page-inner-left .addresses-list .addresses-list-item ul li:first-child {
        width: auto;
    }

    /* Industrial gases */
    .industrial-gases-applications-inner .gas-offers .gas-offers-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .investors-stock {
        margin: 60px 0;
    }

    .investors-purity-inner .list {
        margin: 50px 0 0 0;
    }
}

@media only screen and (max-width: 480px) {

    .home-approach:after,
    .about-banner:after {
        width: 350.85px;
        height: 79.6px;
        background-size: 350.85px 79.6px;
    }

    .phase-tabs-content {
        margin: 22px 0 120px 0;
    }

    .phase-tabs-content-item .image {
        margin: 50px 0 -120px 0;
        padding: 0;
    }

    /* Hydrogen */
    .hydrogen-disponibility,
    .industrial-gases-disponibility {
        background-position: top right -700px;
    }

    /* Industrial gases */
    .gas-offers-list .gas-offers-list-item ul {
        padding: 30px 0;
    }

    .gas-offers-list .gas-offers-list-item ul li:nth-child(1) {
        font-size: 40px;
        line-height: 44px;
    }

    .gas-offers-list .gas-offers-list-item ul li {
        font-size: 18px;
        line-height: 24px;
    }

    .gas-offers-list .gas-offers-list-item.all ul li {
        font-size: 28px;
        line-height: 34px;
        max-width: 120px;
    }

    /* Footer */
    .charbone-footer-touch {
        width: calc(100% - 60px);
        padding: 80px 30px;
    }
}