@charset "UTF-8";

/*
Theme Name: Agregados de Occidente
Theme URI:
Author: 
Author URI: 
Description: Agregados de Occidente WP Theme
Requires at least: 6.2
Tested up to: 6.3
Requires PHP: 8.0
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: ado
*/

:root {
    --font: 'Lato', sans-serif;
    --bounce: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    --ease: 0.4s ease-in-out;
    --ocre: #fab71b;
    --dark: #000000;
    --green: #40de28;
    --darkgreen: #3cd025;
    --white: #fff;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: var(--dark);
    font-family: var(--font);
}

html,
body {
    width: 100%;
    position: relative;
    font-size: 16px;
    line-height: 1;
    background: #fff;
    overflow-x: hidden;
}

html::-webkit-scrollbar {
    width: 8px;
    background: #eee;
}

html::-webkit-scrollbar-thumb {
    width: 8px;
    background: var(--ocre);
}

img {
    border-style: none;
    width: 100%;
    object-fit: cover;
    object-position: center;
    position: relative;
    display: block;
}

hr {
    box-sizing: content-box;
    overflow: visible;
}

a {
    text-decoration: none;
}

h3 {
    font-size: 44px;
    line-height: 120%;
}

h4 {
    font-size: 36px;
    line-height: 120%;
}

h5 {
    font-size: 30px;
    line-height: 140%;
}

h6 {
    font-size: 24px;
    line-height: 120%;
}

p,
li {
    line-height: 140%;
}

strong,
span {
    font-family: inherit;
    color: inherit;
    font-size: inherit;
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted;
}

button,
input,
optgroup,
select,
textarea {
    font-size: 100%;
    margin: 0;
    border: none;
    outline: none;
    background: rgba(0, 0, 0, 0);
}

button,
[type='button'],
[type='reset'],
[type='submit'] {
    appearance: button;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
}

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
    border-style: none;
    padding: 0;
    background: rgba(0, 0, 0, 0);
}
button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
    outline: 1px dotted ButtonText;
    background: rgba(0, 0, 0, 0);
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
textarea {
    overflow: auto;
}
[type='search'] {
    appearance: textfield;
    outline-offset: -2px;
}
[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
    display: none;
    opacity: 0;
    visibility: hidden;
}
[type='search']::-webkit-search-decoration {
    appearance: none;
}
::-webkit-file-upload-button {
    appearance: button;
    font: inherit;
}
.__no-scroll {
    overflow: hidden !important;
}

.btn_filled {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    color: var(--dark);
    font-weight: 700;
    padding: 12px 30px;
    background: var(--ocre);
    border-radius: 5px;
    gap: 10px;
    transition: var(--ease);
}

.btn_filled:hover {
    color: var(--white);
}

.btn_outlined {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    color: var(--white);
    font-weight: 700;
    padding: 12px 30px;
    border: 1px solid var(--ocre);
    border-radius: 5px;
    gap: 10px;
    transition: var(--ease);
}

.btn_outlined:hover {
    background: var(--ocre);
}

.ADO_Container {
    width: 90%;
    max-width: 1366px;
    position: relative;
    margin: 0 auto;
}

.py {
    padding: 80px 0;
}

@media screen and (max-width: 768px) {
    .py {
        padding: 40px 0;
    }
}

ul.page-numbers {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

ul.page-numbers li {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

ul.page-numbers li span,
ul.page-numbers li a {
    width: fit-content;
    position: relative;
    display: block;
    font-weight: 600;
    transition: var(--ease);
}

ul.page-numbers li span.current,
ul.page-numbers li a:hover {
    color: var(--ocre);
}

ul.page-numbers li a.next {
    width: 8px;
}

header {
    width: 100%;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    z-index: 50;
    transition: var(--ease);
}

header *,
footer * {
    list-style: none;
    line-height: 1;
}

header .header_topBx {
    width: 100%;
    position: relative;
    display: block;
    padding: 10px 0;
    background: var(--ocre);
}

header .header_topBx .header_topBx--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

header .header_topBx .header_topBx--wrapper .header_topBx--left {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header .header_topBx .header_topBx--wrapper .header_topBx--left ._location {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--left
    ._location
    figure {
    width: 13px;
    position: relative;
    display: block;
}

header .header_topBx .header_topBx--wrapper .header_topBx--left ._location p {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
}

header .header_topBx .header_topBx--wrapper .header_topBx--right {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 30px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._email {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._email
    figure {
    width: 18px;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._email
    a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._phone {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._phone
    figure {
    width: 17px;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._phone
    a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._cellphone {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._cellphone
    figure {
    width: 10px;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._cellphone
    a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    font-size: 14px;
    line-height: 1;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media
    ul {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media
    ul
    li {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    line-height: 1;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media
    ul
    li
    a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media
    ul
    li
    a
    figure {
    width: 16px;
    height: 16px;
    position: relative;
    display: block;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._social-media
    ul
    li
    a
    figure
    img {
    height: 100%;
    object-fit: contain;
}

header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._cellphone
    figure
    img,
header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._phone
    figure
    img,
header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--right
    ._contact-block
    ._email
    figure
    img,
header
    .header_topBx
    .header_topBx--wrapper
    .header_topBx--left
    ._location
    figure
    img {
    object-fit: contain;
}

header .header_bottomBx {
    width: 100%;
    position: relative;
    display: block;
    padding: 18px 0;
    background: var(--white);
    transition: var(--bounce);
}

header .header_bottomBx .header_bottomBx--wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

header .header_bottomBx .header_bottomBx--wrapper ._logo {
    width: 228px;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._logo a {
    width: 100%;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._navigation {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._navigation nav {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    line-height: 1;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li
    a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 17px;
    transition: var(--ease);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li:not(:last-of-type)
    a {
    padding-right: 15px;
    margin-right: 15px;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li:not(:last-of-type)
    a::after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    right: -2px;
    margin-top: 4px;
    background: var(--ocre);
    border-radius: 50%;
    z-index: 1;
}

header .header_bottomBx .header_bottomBx--wrapper ._links {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._we_help {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._we_help a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--dark);
    font-weight: 700;
    padding: 6px 25px;
    border: 1px solid var(--ocre);
    border-radius: 5px;
    gap: 10px;
    transition: var(--ease);
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._we_help a::before {
    content: '';
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: url(./assets/img/icons/llamada-telefonica-amarillo.svg)
        no-repeat center;
    background-size: contain;
    transition: var(--ease);
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._we_help a:hover {
    background: var(--ocre);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    ._we_help
    a:hover::before {
    filter: brightness(0);
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._pse {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._pse figure {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._pse figure a {
    width: 44px;
    height: 44px;
    position: relative;
    display: block;
}

header .header_bottomBx .header_bottomBx--wrapper ._links ._pse figure a img {
    height: 100%;
    object-fit: contain;
}

body.home header .header_bottomBx {
    background: transparent;
}

body.home
    header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li
    a {
    color: var(--white);
}

body.home
    header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    ._we_help
    a {
    color: var(--white);
}

body.home
    header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    ._we_help
    a::before {
    filter: brightness(0) invert(1);
}

header.__Stck {
    box-shadow: 0 5px 30px #00000021;
}

header.__Stck .header_bottomBx {
    background: var(--white) !important;
    padding: 12px 0;
}

header.__Stck
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li
    a {
    color: var(--dark) !important;
}

header.__Stck .header_bottomBx .header_bottomBx--wrapper ._links ._we_help a {
    color: var(--dark) !important;
}

header.__Stck
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    ._we_help
    a::before {
    filter: brightness(1) invert(0) !important;
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li
    a:hover,
header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._navigation
    nav
    .menu-header-container
    ul
    li.current-menu-item
    a {
    color: var(--ocre) !important;
}

aside.whatsapp {
    width: fit-content;
    height: fit-content;
    position: fixed;
    display: block;
    bottom: 30px;
    right: 30px;
    z-index: 10;
}

aside.whatsapp a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
}

aside.whatsapp a ._text {
    width: fit-content;
    height: 37px;
    display: flex;
    align-items: center;
    background: #40de28;
    padding: 5px 20px;
    border-radius: 30px 0 0 30px;
}

aside.whatsapp a ._text p {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    color: var(--white);
}

aside.whatsapp a ._icon {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    background: #3cd025;
    padding: 5px 10px;
    border-radius: 0 30px 30px 0;
}

aside.whatsapp a ._icon svg {
    width: 27px;
    height: fit-content;
    position: relative;
    display: block;
}

footer {
    width: 100%;
    position: relative;
    display: block;
    padding: 80px 0;
    background: var(--dark);
    border-bottom: 8px solid var(--ocre);
}

footer .footer_topBx {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px;
}

footer .footer_topBx ._logo {
    width: 180px;
    position: relative;
    display: block;
}

footer .footer_topBx ._logo > a {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

footer .footer_topBx ._office {
    width: 100%;
    max-width: 190px;
    position: relative;
    display: block;
}

footer .footer_topBx ._office h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 18px;
    font-weight: 400;
    color: var(--ocre);
    margin-bottom: 15px;
}

footer .footer_topBx ._office p {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--white);
    line-height: 165.556%;
}

footer .footer_topBx ._phone {
    width: 100%;
    max-width: 200px;
    position: relative;
    display: block;
}

footer .footer_topBx ._phone h6 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

footer .footer_topBx ._phone a {
    width: 100%;
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 700;
    color: var(--ocre);
    line-height: 140%;
}

footer .footer_topBx ._phone p {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--white);
    line-height: 165.556%;
}

footer .footer_topBx ._nav {
    width: fit-content;
    max-width: 360px;
    height: fit-content;
    position: relative;
    display: block;
    margin-top: 10px;
}

footer .footer_topBx ._nav nav {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

footer .footer_topBx ._nav nav .menu-footer-container {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

footer .footer_topBx ._nav nav .menu-footer-container ul {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 8px;
}

footer .footer_topBx ._nav nav .menu-footer-container ul li {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    line-height: 1;
}

footer .footer_topBx ._nav nav .menu-footer-container ul li a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: var(--white);
    transition: var(--ease);
}

footer
    .footer_topBx
    ._nav
    nav
    .menu-footer-container
    ul
    li:not(:last-of-type)
    a {
    padding-right: 10px;
    margin-right: 10px;
}

footer
    .footer_topBx
    ._nav
    nav
    .menu-footer-container
    ul
    li:not(:last-of-type)
    a::after {
    content: '';
    position: absolute;
    display: block;
    width: 4px;
    height: 4px;
    right: -2px;
    margin-top: 4px;
    background: var(--ocre);
    border-radius: 50%;
    z-index: 1;
}

footer .footer_topBx ._nav nav .menu-footer-container ul li a:hover {
    color: var(--ocre) !important;
}

footer .footer_topBx ._help_center {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

footer .footer_topBx ._help_center a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--white);
    font-weight: 700;
    padding: 9px 15px;
    font-size: 14px;
    border: 1px solid var(--white);
    border-radius: 5px;
    gap: 10px;
    transition: var(--ease);
}

footer .footer_topBx ._help_center a::after {
    content: '';
    position: relative;
    display: block;
    width: 18px;
    height: 18px;
    background: url(./assets/img/icons/usuarios-alt.svg) no-repeat center;
    background-size: contain;
    transition: var(--ease);
}

footer .footer_topBx ._help_center a:hover {
    background: var(--ocre);
}

footer .footer_topBx ._help_center a:hover::after {
    filter: brightness(0) invert(1);
}

footer .footer_bottomBx {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap-reverse;
    gap: 20px;
    margin-top: 15px;
}

footer .footer_bottomBx > p {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    color: var(--white);
    line-height: 165.556%;
}

footer .footer_bottomBx ._social-media {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

footer .footer_bottomBx ._social-media p {
    position: relative;
    display: block;
    color: var(--white);
    line-height: 165.556%;
    text-align: right;
    margin-bottom: 10px;
    opacity: 69%;
}

footer .footer_bottomBx ._social-media ul {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
}

footer .footer_bottomBx ._social-media ul li {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    line-height: 1;
}

footer .footer_bottomBx ._social-media ul li a {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
}

footer .footer_bottomBx ._social-media ul li a figure {
    width: 35px;
    height: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--ocre);
    border-radius: 50%;
}

footer .footer_bottomBx ._social-media ul li a figure img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

header .header_bottomBx .header_bottomBx--wrapper ._links button.menu_toggler {
    width: 30px;
    height: 19px;
    position: relative;
    display: none;
    justify-content: space-between;
    flex-direction: column;
    transition: var(--ease);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler
    span {
    width: 100%;
    height: 3px;
    position: relative;
    display: block;
    border-radius: 2px;
    transform-origin: center;
    background: var(--ocre);
    transition: var(--ease);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler::before,
header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler::after {
    content: '';
    width: 100%;
    height: 3px;
    position: relative;
    display: block;
    border-radius: 2px;
    transform-origin: center;
    background: var(--ocre);
    transition: var(--ease);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler.__on {
    transform: rotate(180deg);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler.__on
    span {
    transform: scale(0);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler.__on::before {
    transform: translateY(8px) rotate(45deg);
}

header
    .header_bottomBx
    .header_bottomBx--wrapper
    ._links
    button.menu_toggler.__on::after {
    transform: translateY(-8px) rotate(-45deg);
}

section.main_banner,
section.main_banner .main_banner--cnt,
section.main_banner .main_banner--cnt .main_banner--content {
    width: 100%;
    position: relative;
    display: block;
}

section.main_banner .main_banner--cnt .main_banner--content .swiper-slide {
    width: 100%;
    position: relative;
    overflow: hidden;
    aspect-ratio: 1920/1143;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--image {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transform: scale(1.08);
    -webkit-transition: transform 2s ease 0.7s;
    -moz-transition: transform 2s ease 0.7s;
    transition: transform 2s ease 0.7s;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--image::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: var(--dark);
    transition: all 0.65s ease;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--image::after {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    opacity: 1;
    background: linear-gradient(to bottom, transparent 55%, var(--dark) 92%);
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide.swiper-slide-duplicate-active
    .main_banner--image,
section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide.swiper-slide-active
    .main_banner--image {
    transform: scale(1);
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide.swiper-slide-duplicate-active
    .main_banner--image::before,
section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide.swiper-slide-active
    .main_banner--image::before {
    opacity: 20%;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--image
    picture {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--image
    picture
    img {
    height: 100%;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text {
    width: 90%;
    position: absolute;
    display: block;
    padding: 130px 50px;
    border: 1px solid #fab71a6e;
    z-index: 5;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._text-wrapper {
    width: 100%;
    max-width: 474px;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._text-wrapper
    h5 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    color: var(--white);
    font-size: 29px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 300;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._text-wrapper
    h5::after {
    content: '';
    position: absolute;
    display: block;
    width: 67px;
    height: 13px;
    background: url(./assets/img/icons/three-arrows.svg) no-repeat center;
    background-size: contain;
    right: 50px;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._text-wrapper
    h3 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 10px;
    font-weight: 300;
    line-height: 120%;
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._text-wrapper
    h3
    strong {
    width: 100%;
    position: relative;
    display: block;
    font-weight: 900;
    color: var(--ocre);
}

section.main_banner
    .main_banner--cnt
    .main_banner--content
    .swiper-slide
    .main_banner--itm
    .main_banner--text
    ._buttons {
    width: 100%;
    max-width: 474px;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}

.main_banner--navigation {
    width: fit-content;
    height: fit-content;
    position: absolute;
    display: flex;
    align-items: center;
    gap: 9px;
    z-index: 5;
    bottom: 24%;
    right: 7%;
}

.main_banner--navigation button {
    width: 54px;
    position: relative;
    display: block;
    opacity: 70%;
}

section.timeline_block {
    width: 100%;
    position: relative;
    display: block;
    padding: 0 0 60px;
    background: var(--dark);
}

section.timeline_block .timeline_block--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

section.timeline_block .timeline_block--title p {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 15px;
    color: var(--ocre);
    font-size: 18px;
}

section.timeline_block .timeline_block--title p::before {
    content: '';
    position: absolute;
    display: block;
    width: 115px;
    height: 1px;
    background: var(--ocre);
    top: 0;
    left: 0;
    z-index: 1;
}

section.timeline_block .timeline_block--content {
    width: 100%;
    position: relative;
    gap: 0 !important;
}

section.timeline_block .timeline_block--content .timeline_block--itm {
    padding: 40px 25px;
    border-radius: 5px;
    transition: var(--ease);
}

section.timeline_block .timeline_block--content .timeline_block--itm h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 16px;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    transition: var(--ease);
}

section.timeline_block .timeline_block--content .timeline_block--itm h3 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--white);
    font-size: 50px;
    font-weight: 900;
    margin: 10px 0;
    transition: var(--ease);
}

section.timeline_block
    .timeline_block--content
    .timeline_block--itm
    h3::before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 17px;
    background: url(./assets/img/icons/arrow-right.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    transition: var(--ease);
}

section.timeline_block .timeline_block--content .timeline_block--itm p {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    color: var(--white);
    text-transform: uppercase;
    transition: var(--ease);
}

section.timeline_block .timeline_block--content .timeline_block--itm:hover {
    background: var(--ocre);
}

section.timeline_block .timeline_block--content .timeline_block--itm:hover h6,
section.timeline_block .timeline_block--content .timeline_block--itm:hover h3,
section.timeline_block .timeline_block--content .timeline_block--itm:hover p {
    color: var(--dark);
}

section.timeline_block
    .timeline_block--content
    .timeline_block--itm:hover
    h3::before {
    filter: brightness(0) invert(1);
}

section.corporate_values {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

section.corporate_values .corporate_values--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 60px;
}

section.corporate_values .corporate_values--title h6 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 400;
}

section.corporate_values .corporate_values--title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
}

section.corporate_values .corporate_values--content {
    width: 100%;
    position: relative;
}

section.corporate_values .corporate_values--content .corporate_values--itm {
    padding: 20px;
}

section.corporate_values
    .corporate_values--content
    .corporate_values--itm
    figure {
    margin-bottom: 20px;
}

section.corporate_values .corporate_values--content .corporate_values--itm h6 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 18px;
    margin-bottom: 10px;
}

section.corporate_values::before,
section.corporate_values::after {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    background: var(--ocre);
    z-index: 1;
}

section.corporate_values::before {
    left: 3%;
}

section.corporate_values::after {
    right: 3%;
}

section.products_block,
section.products_block .products_block--cnt {
    width: 100%;
    position: relative;
    display: block;
}

section.products_block .products_block--cnt .products_block--content {
    width: 100%;
    position: relative;
    display: grid;
    grid-template-columns: repeat(4, calc(100% / 4));
    grid-template-rows: repeat(2, 300px);
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm,
section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper,
section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--image,
section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--image
    picture,
section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--image
    picture
    img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--text {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: flex-end;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom, transparent 28%, var(--dark) 120%);
    padding: 20px;
    z-index: 1;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--text
    p {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--white);
    font-size: 18px;
    margin: 10px 0;
    text-transform: uppercase;
    transition: var(--ease);
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm
    .products_block--wrapper
    .products_block--text
    p::before {
    content: '';
    position: relative;
    display: block;
    width: 15px;
    height: 15px;
    background: url(./assets/img/icons/arrow-right.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    transition: var(--ease);
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:hover
    .products_block--wrapper
    .products_block--text
    p::before {
    margin-right: 10px;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/3;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:nth-child(2) {
    grid-column: 3;
    grid-row: 1;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:nth-child(3) {
    grid-column: 4;
    grid-row: 1;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:nth-child(4) {
    grid-column: 3;
    grid-row: 2;
}

section.products_block
    .products_block--cnt
    .products_block--content
    .products_block--itm:nth-child(5) {
    grid-column: 4;
    grid-row: 2;
}

section.about_us_block {
    width: 100%;
    position: relative;
    display: block;
    padding: 160px 0;
    background: linear-gradient(to right, var(--white) 65.7%, #b4b4b41a 34.3%);
}

section.about_us_block .about_us_block--content {
    width: 100%;
    position: relative;
}

section.about_us_block .about_us_block--content .about_us_block--itm {
    height: fit-content;
    position: relative;
}

section.about_us_block .about_us_block--content .about_us_block--itm h2 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 70px;
    color: var(--ocre);
    font-weight: 900;
    margin-bottom: 40px;
}

section.about_us_block .about_us_block--content .about_us_block--itm h3 {
    width: 100%;
    position: relative;
    display: block;
    font-weight: 400;
    font-size: 40px;
    margin-bottom: 10px;
    text-transform: uppercase;
    line-height: 100%;
    padding-top: 10px;
}

section.about_us_block
    .about_us_block--content
    .about_us_block--itm
    h3::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 36px;
    height: 1px;
    background: var(--ocre);
    z-index: 1;
}

section.about_us_block .about_us_block--content .about_us_block--itm h3 strong {
    display: block;
    font-weight: 900;
}

section.about_us_block
    .about_us_block--content
    .about_us_block--itm
    p:not(.btn_outlined) {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

section.about_us_block .about_us_block--content .about_us_block--itm figure {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

section.about_us_block
    .about_us_block--content
    .about_us_block--itm:nth-child(2)::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: calc(100% - 40px);
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translateX(-20px);
}

section.about_us_block .about_us_block--content .about_us_block--itm a {
    color: var(--dark);
}

section.our_units,
section.our_units .our_units--cnt,
section.our_units .our_units--cnt .our_units--content {
    width: 100%;
    position: relative;
    display: block;
}

section.our_units .our_units--cnt .our_units--content > div {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.our_units .our_units--cnt .our_units--content .our_units--image {
    width: 100%;
    position: relative;
    display: block;
    background: var(--dark);
}

section.our_units .our_units--cnt .our_units--content .our_units--image figure {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 1920 / 621;
    opacity: 22%;
}

section.our_units
    .our_units--cnt
    .our_units--content
    .our_units--image
    figure
    img {
    height: 100%;
}

section.our_units .our_units--cnt .our_units--content .our_units--text {
    width: 90%;
    position: absolute;
    display: block;
    z-index: 1;
}

section.our_units .our_units--cnt .our_units--content .our_units--text h6 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 10px;
}

section.our_units .our_units--cnt .our_units--content .our_units--text h4 {
    width: 100%;
    max-width: 850px;
    position: relative;
    display: block;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    margin: 0 auto 30px;
}

section.our_units .our_units--cnt .our_units--content .our_units--text a {
    margin: 0 auto;
}

section.our_units::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    transform: translateY(-90px);
    width: 100%;
    height: 130px;
    background: url(./assets/img/isotipo-ado.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
}

section.our_coverage {
    width: 100%;
    position: relative;
    display: block;
    background: linear-gradient(to top, #b4b4b414, transparent);
}

section.our_coverage .our_coverage--content {
    width: 100%;
    position: relative;
}

section.our_coverage .our_coverage--content .our_coverage--image figure {
    max-width: 550px;
    position: relative;
    display: block;
}

section.our_coverage .our_coverage--content .our_coverage--text h2 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 70px;
    font-weight: 900;
    color: var(--ocre);
    margin-bottom: 30px;
    text-transform: uppercase;
}

section.our_coverage .our_coverage--content .our_coverage--text h4 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 400;
}

section.our_coverage .our_coverage--content .our_coverage--text h3 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 60px;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 30px;
    transition: var(--ease);
}

section.our_coverage .our_coverage--content .our_coverage--text h3::before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 17px;
    background: url(./assets/img/icons/arrow-right.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    transition: var(--ease);
}

section.our_coverage .our_coverage--content .our_coverage--text p {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
}

section.our_coverage .our_coverage--content .our_coverage--text a.video_iframe {
    width: 100%;
    position: relative;
    display: flex;
    max-width: 500px;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    aspect-ratio: 728 / 383;
    border-radius: 8px;
    overflow: hidden;
}

section.our_coverage
    .our_coverage--content
    .our_coverage--text
    a.video_iframe::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background: var(--ocre);
    top: 0;
    left: 0;
    z-index: 1;
    mix-blend-mode: hard-light;
}

section.our_coverage
    .our_coverage--content
    .our_coverage--text
    a.video_iframe
    ._play-button {
    width: 80px;
    position: absolute;
    display: block;
    z-index: 2;
}

section.clients_block {
    display: block;
    width: 100%;
    position: relative;
}

section.clients_block .clients_block--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 70px;
}

section.clients_block .clients_block--title h6 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 400;
}

section.clients_block .clients_block--title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

section.clients_block .clients_block--content {
    width: 100%;
    position: relative;
    display: block;
}

section.clients_block .clients_block--content .clients_block--itm {
    width: 100%;
    position: relative;
    display: block;
}

section.clients_block .clients_block--content .clients_block--itm figure {
    width: 100%;
    position: relative;
    display: block;
    filter: grayscale(1);
    opacity: 60%;
}

section.clients_block .clients_block--content .clients_block--itm figure img {
    height: 100px;
    object-fit: contain;
}

section.clients_block .clients_block--pag {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 40px;
    bottom: unset;
    left: unset;
    top: unset;
}

section.clients_block .clients_block--pag span {
    width: 10px;
    height: 10px;
    position: relative;
    display: block;
    opacity: 1;
    margin: unset !important;
    background: var(--dark);
    transition: var(--ease);
}

section.clients_block .clients_block--pag span.swiper-pagination-bullet-active {
    background: var(--ocre);
}

section.blogs_block {
    display: block;
    width: 100%;
    position: relative;
    background: #b4b4b414;
}

section.blogs_block .blogs_block--cnt {
    z-index: 2;
}

section.blogs_block .blogs_block--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 70px;
}

section.blogs_block .blogs_block--title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--dark);
    padding-top: 10px;
}

section.blogs_block .blogs_block--title h3::before {
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: var(--ocre);
    z-index: 1;
}

section.blogs_block .blogs_block--content {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

section.blogs_block .blogs_block--content .blogs_block--itm {
    width: calc(100% / 3 - 34px);
    position: relative;
    display: block;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper {
    width: 100%;
    position: relative;
    display: block;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image {
    width: 100%;
    position: relative;
    display: block;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    picture {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 454 / 300;
    overflow: hidden;
    border-radius: 5px;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    picture
    img {
    height: 100%;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date {
    width: 75px;
    position: absolute;
    display: block;
    bottom: -32px;
    right: 0;
    z-index: 5;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date
    ._month_day {
    width: 100%;
    position: relative;
    display: block;
    padding: 8px 0;
    background: var(--ocre);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date
    ._month_day
    span {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--white);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date
    ._month_day
    span.day {
    font-size: 24px;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date
    ._year {
    width: 100%;
    position: relative;
    display: block;
    padding: 8px 0;
    background: var(--dark);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--image
    ._date
    ._year
    span {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--white);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--text {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 40px;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--text
    h6 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--text
    p {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--text
    span {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--ocre);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm
    .blogs_block--wrapper
    .blogs_block--text
    span
    img {
    width: 18px;
    position: relative;
    display: block;
    margin-top: 3px;
    transition: var(--ease);
}

section.blogs_block
    .blogs_block--content
    .blogs_block--itm:hover
    .blogs_block--wrapper
    .blogs_block--text
    span
    img {
    margin-left: 5px;
}

section.banner_int,
section.banner_int .banner_int--cnt,
section.banner_int .banner_int--cnt .banner_int--content .banner_int--image {
    width: 100%;
    position: relative;
    display: block;
}

section.banner_int .banner_int--cnt .banner_int--content {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--dark);
}

section.banner_int
    .banner_int--cnt
    .banner_int--content
    .banner_int--image
    picture {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 1920 / 464;
}

section.banner_int
    .banner_int--cnt
    .banner_int--content
    .banner_int--image
    picture
    img {
    height: 100%;
    opacity: 70%;
}

section.banner_int .banner_int--cnt .banner_int--content .banner_int--text {
    width: 90%;
    position: absolute;
    display: block;
    z-index: 2;
}

section.banner_int .banner_int--cnt .banner_int--content .banner_int--text h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 50px;
    color: var(--white);
}

section.about_intro {
    width: 100%;
    position: relative;
    display: block;
}

section.about_intro > div {
    z-index: 5;
}

section.about_intro::before {
    content: 'Quiénes somos';
    position: absolute;
    display: block;
    width: fit-content;
    height: fit-content;
    text-transform: uppercase;
    bottom: 80px;
    right: 5%;
    font-size: 90px;
    font-weight: 900;
    color: #f0f0f0;
    z-index: 5;
}

section.about_intro .about_intro-images {
    position: relative;
    display: flex;
    align-items: center;
}

section.about_intro .about_intro-images figure:nth-child(1) {
    width: 80%;
    position: relative;
    display: block;
}

section.about_intro .about_intro-images figure:nth-child(1) img,
section.about_intro .about_intro-images figure:nth-child(1) source {
    border-radius: 5px;
}

section.about_intro .about_intro-images figure:nth-child(1)::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translate(20px, -20px);
}

section.about_intro .about_intro-images figure:nth-child(2) {
    width: 250px;
    position: absolute;
    display: block;
    z-index: 1;
    right: 20px;
    transform: translateY(-20%);
}

section.about_intro .about_intro-text {
    position: relative;
    display: block;
}

section.about_intro .about_intro-text h4 {
    width: 100%;
    position: relative;
    display: block;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 33px;
    padding: 50px 0 10px;
    margin-bottom: 30px;
}

section.about_intro .about_intro-text h4::before {
    content: '';
    position: absolute;
    display: block;
    width: 100px;
    height: 1px;
    bottom: 0;
    left: 0;
    z-index: 1;
    background: var(--ocre);
}

section.about_intro .about_intro-text h4 strong:nth-child(1) {
    color: var(--ocre);
    font-weight: 900;
}

section.about_intro .about_intro-text p {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

section.about_timeline_block {
    width: 100%;
    position: relative;
    display: block;
    background: var(--white);
}

section.about_timeline_block .about_timeline_block--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

section.about_timeline_block .about_timeline_block--title p {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 15px;
    font-size: 18px;
}

section.about_timeline_block .about_timeline_block--title p::before {
    content: '';
    position: absolute;
    display: block;
    width: 115px;
    height: 1px;
    background: var(--ocre);
    top: 0;
    left: 0;
    z-index: 1;
}

section.about_timeline_block .about_timeline_block--content {
    width: 100%;
    position: relative;
    gap: 0 !important;
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm {
    padding: 40px 25px;
    border-radius: 5px;
    transition: var(--ease);
    height: 230px;
    overflow: hidden;
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm
    h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 900;
    transition: var(--ease);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm
    h3 {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 50px;
    font-weight: 900;
    margin: 10px 0;
    transition: var(--ease);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm
    h3::before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 17px;
    background: url(./assets/img/icons/arrow-right.svg) no-repeat center;
    background-size: contain;
    z-index: 1;
    transition: var(--ease);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm
    p:first-of-type {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    transition: var(--ease);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm
    p:last-of-type {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 10px;
    opacity: 1;
    transition: var(--ease);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm:hover {
    background: var(--ocre);
}

section.about_timeline_block
    .about_timeline_block--content
    .about_timeline_block--itm:hover
    h3::before {
    filter: brightness(0) invert(1);
}

section.capacity,
section.capacity .capacity_title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 60px;
}

section.capacity .capacity_title h6 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 300;
    text-align: center;
}

section.capacity .capacity_title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
}

section.capacity .capacity_content {
    width: 100%;
    position: relative;
}

section.capacity .capacity_content p {
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}

section.capacity .capacity_content img {
    border-radius: 5px;
}

section.about_corporate_values {
    width: 100%;
    position: relative;
    display: block;
    background: var(--dark);
}

section.about_corporate_values .about_corporate_values--text h6 {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 300;
}

section.about_corporate_values .about_corporate_values--text h6::after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 1px;
    background: var(--ocre);
    z-index: 1;
}

section.about_corporate_values .about_corporate_values--text h3 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 25px;
}

section.about_corporate_values .about_corporate_values--text p {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    margin-bottom: 10px;
}

section.about_corporate_values .about_corporate_values--text p strong {
    color: var(--ocre);
}

section.about_corporate_values
    .about_corporate_values--text
    .about_corporate_values--text_columns {
    margin-top: 50px;
}

section.about_corporate_values
    .about_corporate_values--text
    .about_corporate_values--text_columns
    figure {
    width: 69px;
    height: 65px;
    position: relative;
    display: block;
    margin: 0 auto 15px;
    object-fit: cover;
}

section.about_corporate_values
    .about_corporate_values--text
    .about_corporate_values--text_columns
    p {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--ocre);
    text-transform: uppercase;
}

section.about_corporate_values .about_corporate_values--image figure {
    width: 80%;
    position: relative;
    display: block;
    transform: translateX(20%);
}

section.about_corporate_values .about_corporate_values--image figure img,
section.about_corporate_values .about_corporate_values--image figure source {
    border-radius: 5px;
}

section.about_corporate_values .about_corporate_values--image figure::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translate(-20px, -20px);
}

section.mision_vision_about {
    width: 100%;
    position: relative;
    display: block;
}

section.mision_vision_about .mision_vision_about--items {
    position: relative;
    align-items: center !important;
}

section.mision_vision_about .mision_vision_about--items:first-of-type {
    margin-bottom: 80px;
}

section.mision_vision_about .mision_vision_about--items figure {
    width: 80%;
    position: relative;
    display: block;
    transform: translateX(20%);
}

section.mision_vision_about .mision_vision_about--items figure img,
section.mision_vision_about .mision_vision_about--items figure source {
    border-radius: 5px;
}

section.mision_vision_about .mision_vision_about--items figure::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translate(-20px, -20px);
}

section.mision_vision_about
    .mision_vision_about--items:first-of-type
    figure::before {
    transform: translate(20px, -20px);
}

section.mision_vision_about .mision_vision_about--items h6 {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 300;
}

section.mision_vision_about .mision_vision_about--items h6::after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 1px;
    background: var(--ocre);
    z-index: 1;
}

section.mision_vision_about .mision_vision_about--items h3 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 25px;
}

section.mision_vision_about .mision_vision_about--items p {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

section.about_directives {
    width: 100%;
    position: relative;
    display: block;
    background: var(--dark)
        url(/app/themes/agregadosdeoccidente/assets/img/directivas-fondo.png)
        no-repeat right center;
    background-size: contain;
    background-blend-mode: luminosity;
}

section.about_directives .about_directives--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 60px;
}

section.about_directives .about_directives--title h6 {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 300;
}

section.about_directives .about_directives--title h6::after {
    content: '';
    position: relative;
    display: block;
    width: 100px;
    height: 1px;
    background: var(--ocre);
    z-index: 1;
}

section.about_directives .about_directives--title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--white);
}

section.about_directives .about_directives--content {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 60px;
}

section.about_directives .about_directives--content .about_directives--itm {
    width: calc(100% / 4 - 45px);
    position: relative;
    display: block;
    background: var(--ocre);
    border-radius: 5px;
    overflow: hidden;
    padding: 50px 30px 30px;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--image {
    width: 105px;
    height: 105px;
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    border: 4px solid var(--white);
    margin-bottom: 15px;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--image
    picture {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--image
    picture
    source,
section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--image
    picture
    img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--text {
    width: 100%;
    position: relative;
    display: block;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--text
    h6 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    text-transform: uppercase;
    font-size: 20px;
}

section.about_directives
    .about_directives--content
    .about_directives--itm
    .about_directives--text
    p {
    width: 100%;
    position: relative;
    display: block;
}

section.blogs {
    display: block;
    width: 100%;
    position: relative;
}

section.blogs .blogs_cnt {
    z-index: 2;
}

section.blogs .blogs_title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 70px;
}

section.blogs .blogs_title h3 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    color: var(--white);
    padding-top: 10px;
}

section.blogs .blogs_title h3::before {
    content: '';
    width: 50px;
    height: 1px;
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background: var(--ocre);
    z-index: 1;
}

section.blogs .blogs_content {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

section.blogs .blogs_content .blogs_itm {
    width: calc(100% / 3 - 34px);
    position: relative;
    display: block;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper {
    width: 100%;
    position: relative;
    display: block;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_image {
    width: 100%;
    position: relative;
    display: block;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_image picture {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 454 / 300;
    overflow: hidden;
    border-radius: 5px;
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    picture
    img {
    height: 100%;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_image ._date {
    width: 75px;
    position: absolute;
    display: block;
    bottom: -32px;
    right: 0;
    z-index: 5;
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    ._date
    ._month_day {
    width: 100%;
    position: relative;
    display: block;
    padding: 8px 0;
    background: var(--ocre);
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    ._date
    ._month_day
    span {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--white);
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    ._date
    ._month_day
    span.day {
    font-size: 24px;
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    ._date
    ._year {
    width: 100%;
    position: relative;
    display: block;
    padding: 8px 0;
    background: var(--dark);
}

section.blogs
    .blogs_content
    .blogs_itm
    .blogs_wrapper
    .blogs_image
    ._date
    ._year
    span {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    color: var(--white);
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_text {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 40px;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_text h6 {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 5px;
    font-size: 22px;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_text p {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_text span {
    width: fit-content;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--ocre);
}

section.blogs .blogs_content .blogs_itm .blogs_wrapper .blogs_text span img {
    width: 18px;
    position: relative;
    display: block;
    margin-top: 3px;
    transition: var(--ease);
}

section.blogs
    .blogs_content
    .blogs_itm:hover
    .blogs_wrapper
    .blogs_text
    span
    img {
    margin-left: 5px;
}

section.experiences {
    width: 100%;
    position: relative;
    display: block;
}

section.experiences .experiences_tabs {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

section.experiences .experiences_tabs ul {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 20px;
}

section.experiences .experiences_tabs ul li {
    width: fit-content;
    position: relative;
    display: block;
    cursor: pointer;
    font-size: 18px;
    transition: var(--ease);
}

section.experiences .experiences_tabs ul li:hover,
section.experiences .experiences_tabs ul li.active {
    color: var(--ocre);
}

section.experiences .experiences_content {
    width: 100%;
    position: relative;
    display: block;
}

section.experiences .experiences_content .experiences_itm {
    width: 100%;
    position: relative;
    display: none;
}

section.experiences
    .experiences_content
    .experiences_itm
    .experiences_itm--wrapper {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

section.experiences
    .experiences_content
    .experiences_itm
    .experiences_itm--wrapper
    .experiences_itm--image {
    width: calc(100% / 3 - 20px);
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 5px;
    aspect-ratio: 406 / 477;
}

section.experiences
    .experiences_content
    .experiences_itm
    .experiences_itm--wrapper
    .experiences_itm--image
    a {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

section.experiences
    .experiences_content
    .experiences_itm
    .experiences_itm--wrapper
    .experiences_itm--image
    a
    img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

section.products_text {
    width: 100%;
    position: relative;
    display: block;
}

section.products_text .products_text--content {
    width: 100%;
    position: relative;
    display: block;
    max-width: 900px;
    margin: 0 auto;
}

section.products_text .products_text--content h6 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--ocre);
    text-transform: uppercase;
    font-weight: 300;
    margin-bottom: 15px;
}

section.products_text .products_text--content h4 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 25px;
}

section.products_text .products_text--content p {
    width: 100%;
    position: relative;
    display: block;
}

section.products,
section.products .products_cnt,
section.products .products_cnt .products_content,
section.products .products_cnt .products_content .products_itm {
    width: 100%;
    position: relative;
    display: block;
}

section.products .products_cnt .products_content .products_itm {
    background: var(--dark);
    padding: 100px 0;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap-reverse;
    gap: 150px;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text {
    width: calc(100% / 2 - 75px);
    position: relative;
    display: block;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text
    .icon {
    width: 100px;
    position: relative;
    display: block;
    margin-bottom: 20px;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text
    ._title {
    width: 100%;
    position: relative;
    display: block;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text
    ._title
    span {
    width: fit-content;
    position: relative;
    display: block;
    color: var(--ocre);
    text-transform: uppercase;
    font-size: 18px;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text
    ._title
    h3 {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 10px;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--text
    ._title
    p {
    width: 100%;
    position: relative;
    display: block;
    color: var(--white);
    margin-bottom: 30px;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--image {
    width: calc(100% / 2 - 75px);
    position: relative;
    display: block;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--image
    picture {
    width: 100%;
    position: relative;
    display: block;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--image
    picture
    img,
section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--image
    picture
    source {
    border-radius: 5px;
    aspect-ratio: 715 / 528;
}

section.products
    .products_cnt
    .products_content
    .products_itm
    .products_itm--wrapper
    .products_itm--image
    picture::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translate(-20px, 20px);
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(even)
    .products_itm--wrapper
    .products_itm--text {
    order: 2;
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(even)
    .products_itm--wrapper
    .products_itm--image {
    order: 1;
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(even)
    .products_itm--wrapper
    .products_itm--image
    picture::before {
    transform: translate(20px, 20px);
}

section.products .products_cnt .products_content .products_itm:nth-child(2),
section.products .products_cnt .products_content .products_itm:nth-child(4) {
    background: var(--white);
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(2)
    .products_itm--wrapper
    .products_itm--text
    ._title
    h3,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(2)
    .products_itm--wrapper
    .products_itm--text
    ._title
    p,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(3)
    .products_itm--wrapper
    .products_itm--text
    ._title
    h3,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(3)
    .products_itm--wrapper
    .products_itm--text
    ._title
    p,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(3)
    .products_itm--wrapper
    .products_itm--text
    ._title
    span,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(4)
    .products_itm--wrapper
    .products_itm--text
    ._title
    h3,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(4)
    .products_itm--wrapper
    .products_itm--text
    ._title
    p,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(5)
    .products_itm--wrapper
    .products_itm--text
    ._title
    h3,
section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(5)
    .products_itm--wrapper
    .products_itm--text
    ._title
    p {
    color: var(--dark);
}

section.products .products_cnt .products_content .products_itm:nth-child(3) {
    background: var(--ocre);
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(3)
    .products_itm--wrapper
    .products_itm--text
    ._title
    a {
    background: var(--white);
    color: var(--dark);
}

section.products
    .products_cnt
    .products_content
    .products_itm:nth-child(3)
    .products_itm--wrapper
    .products_itm--image
    picture::before {
    border: 2px solid var(--white);
}

section.products .products_cnt .products_content .products_itm:nth-child(5) {
    background: #b4b4b433;
}

section.block_1 {
    width: 100%;
    position: relative;
    display: block;
}

.postid-79 section.block_1::before {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 40%;
    bottom: 0;
    left: 0;
    background: var(--ocre);
}

section.block_1 .block_1--content {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

section.block_1 .block_1--content h3 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
}

section.block_1 .block_1--content h5 {
    width: 100%;
    position: relative;
    display: block;
    max-width: 1100px;
    margin: 0 auto;
}

section.block_1 .block_1--content p:first-of-type {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

section.block_1 .block_1--content ul {
    width: 100%;
    max-width: 450px;
    position: relative;
    display: block;
    background: var(--white);
    border-radius: 23px;
    box-shadow: 0 0 67px #00010126;
    overflow: hidden;
    margin: 30px;
    padding-bottom: 40px;
}

section.block_1 .block_1--content ul li:first-of-type {
    display: block;
    background: var(--ocre);
    text-align: center;
    margin-bottom: 20px;
    padding: 10px 0;
}

section.block_1 .block_1--content ul li:not(:first-of-type) {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 10px 0 10px 100px;
    line-height: 1;
}

section.block_1 .block_1--content ul li:not(:first-of-type)::before {
    content: '';
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    background: url(/app/themes/agregadosdeoccidente/assets/img/icons/cheque.svg)
        no-repeat center;
    background-size: contain;
}

section.product_benefits {
    width: 100%;
    position: relative;
    display: block;
    background: var(--ocre);
}

section.product_benefits .product_benefits--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 60px;
}

section.product_benefits .product_benefits--title h4 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

section.product_benefits .product_benefits--content {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 45px;
}

section.product_benefits .product_benefits--content .product_benefits--itm {
    width: calc(100% / 3 - 30px);
    position: relative;
    display: block;
}

section.product_benefits
    .product_benefits--content
    .product_benefits--itm
    figure {
    width: 90px;
    position: relative;
    display: block;
    margin: 0 auto 20px;
}

section.product_benefits .product_benefits--content .product_benefits--itm p {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
}

section.text_block_1 {
    width: 100%;
    position: relative;
    display: block;
}

section.text_block_1 .text_block_1--content {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 60px;
}

section.text_block_1 .text_block_1--content .text_block_1--image {
    width: calc(50% - 30px);
    position: relative;
    display: block;
}

section.text_block_1 .text_block_1--content .text_block_1--image picture {
    width: 100%;
    position: relative;
    display: block;
    border-radius: 5px;
    overflow: hidden;
}

section.text_block_1 .text_block_1--content .text_block_1--text {
    width: calc(50% - 30px);
    position: relative;
    display: block;
}

section.text_block_1 .text_block_1--content .text_block_1--text p {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

section.text_block_2 {
    width: 100%;
    position: relative;
    display: block;
}

section.text_block_2 .text_block_2--content {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap-reverse;
    gap: 60px;
}

section.text_block_2 .text_block_2--content .text_block_2--image {
    width: calc(50% - 30px);
    position: relative;
    display: block;
}

section.text_block_2 .text_block_2--content .text_block_2--image picture {
    width: 100%;
    position: relative;
    display: block;
}

section.text_block_2 .text_block_2--content .text_block_2--image picture img {
    border-radius: 5px;
}

section.text_block_2
    .text_block_2--content
    .text_block_2--image
    picture::before {
    content: '';
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 2px solid var(--ocre);
    border-radius: 5px;
    z-index: 1;
    transform: translate(-20px, 20px);
}

section.text_block_2 .text_block_2--content .text_block_2--text {
    width: calc(50% - 30px);
    position: relative;
    display: block;
    padding-left: 100px;
}

section.text_block_1 .text_block_1--content .text_block_1--text h2,
section.text_block_2 .text_block_2--content .text_block_2--text h2 {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
    font-size: 48px;
    text-transform: uppercase;
    font-weight: 900;
}

section.text_block_2 .text_block_2--content .text_block_2--text p,
section.text_block_2 .text_block_2--content .text_block_2--text li {
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

section.text_block_1 .text_block_1--content .text_block_1--text ul,
section.text_block_2 .text_block_2--content .text_block_2--text ul {
    width: 100%;
    position: relative;
    padding-left: 20px;
}

section.other_products {
    width: 100%;
    position: relative;
    display: block;
}

section.other_products .other_products--title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 40px;
}

section.other_products .other_products--title h4 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
}

section.other_products .other_products--content {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 30px;
    background: var(--ocre);
}

section.other_products .other_products--content .other_products--itm {
    width: calc(100% / 5);
    position: relative;
    display: block;
}

section.other_products
    .other_products--content
    .other_products--itm:not(:last-of-type)::after {
    content: '';
    position: absolute;
    display: block;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background: #fff7d8;
    z-index: 1;
}

section.other_products
    .other_products--content
    .other_products--itm
    .other_products--itm--wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: var(--ease);
}

section.other_products
    .other_products--content
    .other_products--itm:hover
    .other_products--itm--wrapper {
    opacity: 30%;
}

section.other_products
    .other_products--content
    .other_products--itm
    .other_products--itm--wrapper
    figure {
    width: 33px;
    height: 33px;
    position: relative;
    display: block;
    filter: brightness(0);
    transition: var(--ease);
}

section.other_products
    .other_products--content
    .other_products--itm
    .other_products--itm--wrapper
    p {
    width: fit-content;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    transition: var(--ease);
}

section.other_products
    .other_products--content
    .other_products--itm
    .other_products--itm--wrapper
    figure
    img {
    height: 100%;
    object-fit: contain;
}

section.other_products
    .other_products--content
    .other_products--itm.active
    .other_products--itm--wrapper
    figure {
    filter: brightness(0) invert(1);
}

section.other_products
    .other_products--content
    .other_products--itm.active
    .other_products--itm--wrapper
    p {
    color: var(--white);
}

section.text_banner {
    width: 100%;
    position: relative;
    display: block;
}

section.text_banner .text_banner--content {
    width: 100%;
    position: relative;
    display: block;
    padding: 40px;
    background: #fec90a2b;
}

section.text_banner .text_banner--content h6 {
    width: 100%;
    position: relative;
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 150%;
}

section.form_wrapper {
    width: 100%;
    position: relative;
    display: block;
}

section.form_wrapper .form_wrapper--content {
    width: 100%;
    position: relative;
    display: block;
    max-width: 1000px;
    margin: 0 auto;
    border-radius: 5px;
    background: var(--white);
    box-shadow: 0 3px 39px #0000001a;
    padding: 80px;
}

section.form_wrapper .form_wrapper--content h4 {
    width: 100%;
    position: relative;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 40px;
}

section.form_wrapper .form_wrapper--content h4 strong {
    color: var(--ocre);
    font-weight: 900;
}

section.form_wrapper .form_wrapper--content .form_content {
    width: 100%;
    position: relative;
    display: block;
}

section.form_wrapper .form_wrapper--content .form_content form {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

section.form_wrapper .form_wrapper--content .form_content form ._input {
    width: 100%;
    position: relative;
    display: block;
}

section.form_wrapper .form_wrapper--content .form_content form ._input input,
section.form_wrapper
    .form_wrapper--content
    .form_content
    form
    ._input
    textarea {
    width: 100%;
    position: relative;
    display: block;
    background: #f6f6f6;
    padding: 15px;
    line-height: 1;
    border-radius: 5px;
    caret-color: var(--ocre);
    resize: none;
}

section.form_wrapper .form_wrapper--content .form_content form ._input.mid {
    width: calc(100% / 2 - 15px);
}

section.form_wrapper .form_wrapper--content .widget {
    width: 100%;
    position: relative;
    display: block;
    line-height: 1;
}

section.form_wrapper .form_wrapper--content .form_content form ._submit {
    width: 100%;
    position: relative;
    display: block;
}

section.form_wrapper .form_wrapper--content .form_content form ._submit input {
    width: fit-content;
    height: fit-content;
    position: relative;
    display: block;
    margin: 0 auto;
    color: var(--dark);
    font-weight: 700;
    padding: 12px 30px;
    background: var(--ocre);
    border-radius: 5px;
    transition: var(--ease);
}

section.blog {
    width: 100%;
    position: relative;
    display: block;
}

section.blog .blog_cnt {
    display: flex;
    flex-wrap: wrap;
    gap: 80px;
}

section.blog .blog_cnt .blog_content {
    width: calc(70% - 40px);
    position: relative;
    display: block;
}

section.blog .blog_cnt .blog_content ._title {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 30px;
}

section.blog .blog_cnt .blog_content ._title img {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 227 / 150;
    height: 100%;
    margin-bottom: 15px;
    border-radius: 5px;
}

section.blog .blog_cnt .blog_content ._title h5 {
    width: 100%;
    position: relative;
    display: block;
}

section.blog .blog_cnt .blog_content ._content {
    width: 100%;
    position: relative;
    display: block;
}

section.blog .blog_cnt .blog_content ._content p {
    width: 100%;
    position: relative;
    display: block;
    margin: 15px 0;
}

section.blog .blog_cnt .blog_content ._content img {
    width: fit-content;
    position: relative;
    display: inline-block;
}

section.blog .blog_cnt .recent_blogs {
    width: calc(30% - 40px);
    height: fit-content;
    position: relative;
    display: block;
    border: 1px solid #e7e7e7;
    padding: 25px;
    border-radius: 5px;
}

section.blog .blog_cnt .recent_blogs .recent_blogs--title {
    width: 100%;
    position: relative;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

section.blog .blog_cnt .recent_blogs .recent_blogs--title::before {
    content: '';
    position: absolute;
    display: block;
    width: 75px;
    height: 2px;
    bottom: 0;
    left: 0;
    background: var(--ocre);
    z-index: 5;
}

section.blog .blog_cnt .recent_blogs .recent_blogs--title h6 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 20px;
    font-weight: 900;
}

section.blog .blog_cnt .recent_blogs article.recent_blogs--itm {
    width: 100%;
    position: relative;
    display: block;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm:not(:last-of-type) {
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e7e7e7;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 30px;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_image {
    width: 100px;
    height: 100px;
    position: relative;
    display: block;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_image
    img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_text {
    width: calc(100% - 130px);
    position: relative;
    display: block;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_text
    ._date {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 3px;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_text
    ._date
    figure {
    width: 15px;
    position: relative;
    display: block;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_text
    ._date
    small {
    width: 100%;
    position: relative;
    display: block;
    font-size: 14px;
    color: #b4b4b4;
}

section.blog
    .blog_cnt
    .recent_blogs
    article.recent_blogs--itm
    .recent_blogs--itm_wrapper
    .recent_blogs--itm_text
    p {
    width: 100%;
    position: relative;
    display: block;
}

section.banner_contact {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 170px !important;
}

section.banner_contact h2 {
    width: 100%;
    position: relative;
    display: block;
    font-size: 160px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 900;
    color: #f0f0f0;
}

section.contact_info {
    width: 100%;
    position: relative;
    display: block;
}

section.contact_info .contact_info--content {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

section.contact_info .contact_info--content figure {
    width: 53px;
    height: 47px;
    position: relative;
    display: block;
}

section.contact_info .contact_info--content figure img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    object-fit: contain;
}

section.map_content {
    width: 100%;
    position: relative;
    display: block;
    padding-top: 80px;
}

section.map_content iframe {
    width: 100%;
    position: relative;
    display: block;
    aspect-ratio: 1920 / 496;
}

section.newsletter {
    width: 100%;
    position: relative;
    display: block;
    background: url(/app/themes/agregadosdeoccidente/assets/img/newsletter-background.jpg)
        no-repeat center;
    background-size: cover;
}

section.newsletter .widget {
    width: 100%;
    position: relative;
    display: block;
}

section.newsletter h4 {
    width: 100%;
    position: relative;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    line-height: 150%;
    margin-bottom: 10px;
}

section.newsletter h4 strong {
    font-size: 67px;
    font-weight: 900;
    display: block;
}

section.newsletter h4 + p {
    width: 100%;
    position: relative;
    display: block;
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
    font-size: 18px;
}

section.newsletter .newsletter_content {
    width: 100%;
    position: relative;
    display: block;
    max-width: 750px;
    margin: 40px auto 0;
}

section.newsletter .newsletter_content form {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

section.newsletter .newsletter_content form ._input {
    width: calc(100% - 65px);
    position: relative;
    display: block;
}

section.newsletter .newsletter_content form ._input input {
    width: 100%;
    height: 50px;
    position: relative;
    display: block;
    background: var(--white);
    padding: 0 20px;
    border-radius: 5px;
    caret-color: var(--ocre);
}

section.newsletter .newsletter_content form ._submit {
    width: 50px;
    height: 50px;
    position: relative;
    display: block;
}

section.newsletter .newsletter_content form ._submit input {
    width: 100%;
    height: 50px;
    position: relative;
    display: block;
    font-size: 0;
    background: var(--dark)
        url(/app/themes/agregadosdeoccidente/assets/img/icons/send.svg)
        no-repeat center;
    background-size: 24px;
    border-radius: 5px;
}

section.clients_gallery,
section.clients_gallery .clients_gallery--title {
    width: 100%;
    position: relative;
    display: block;
}

section.clients_gallery .clients_gallery--title h2 {
    width: 100%;
    position: relative;
    display: block;
    color: #c6c4c4;
    font-size: 50px;
    text-transform: uppercase;
    font-weight: 900;
    margin-bottom: 80px;
}

section.clients_gallery .wp-block-gallery {
    justify-content: center !important;
    gap: 50px;
}

section.clients_gallery .wp-block-gallery figure {
    position: relative !important;
    flex-grow: unset !important;
}

section.clients_gallery .wp-block-gallery.wp-block-gallery-1 figure,
section.clients_gallery .wp-block-gallery.wp-block-gallery-2 figure {
    width: 320px !important;
    height: 180px;
}

section.clients_gallery .wp-block-gallery.wp-block-gallery-1 figure img,
section.clients_gallery .wp-block-gallery.wp-block-gallery-2 figure img {
    width: 320px !important;
    height: 100%;
    object-fit: contain;
}

section.clients_gallery .wp-block-gallery.wp-block-gallery-3 figure {
    width: 170px !important;
    height: 90px;
}

section.clients_gallery .wp-block-gallery.wp-block-gallery-3 figure img {
    width: 170px !important;
    height: 100%;
    object-fit: contain;
}

@media screen and (max-width: 1024px) {
    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._links
        button.menu_toggler {
        display: flex;
    }

    header .header_bottomBx,
    header .header_bottomBx .header_bottomBx--wrapper {
        position: initial;
    }

    header .header_bottomBx .header_bottomBx--wrapper ._navigation {
        width: 100%;
        position: absolute;
        display: none;
        padding: 20px;
        background: var(--white);
        left: 0;
        top: 100%;
        z-index: 10;
    }

    header .header_bottomBx .header_bottomBx--wrapper ._navigation nav,
    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container {
        width: 100%;
    }

    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container
        ul {
        width: 100%;
        justify-content: center;
    }

    body.home
        header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container
        ul
        li
        a {
        color: var(--dark);
    }

    section.main_banner .main_banner--cnt .main_banner--content .swiper-slide {
        aspect-ratio: 1920/1676;
    }

    section.corporate_values::before,
    section.corporate_values::after,
    section.about_intro::before {
        display: none;
    }

    section.banner_int
        .banner_int--cnt
        .banner_int--content
        .banner_int--image
        picture {
        aspect-ratio: 1920 / 864;
    }

    section.about_intro .about_intro-images figure:nth-child(2) {
        width: 170px;
    }
}

@media screen and (max-width: 768px) {
    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--right
        ._contact-block
        ._email
        a,
    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--right
        ._contact-block
        ._phone
        a,
    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--right
        ._contact-block
        ._cellphone
        a {
        width: 100%;
        height: 100%;
        position: absolute;
        font-size: 0;
        top: 0;
        left: 0;
        z-index: 5;
    }

    section.products_block .products_block--cnt .products_block--content {
        grid-template-columns: repeat(2, calc(100% / 2));
        grid-template-rows: repeat(3, 300px);
    }

    section.timeline_block .timeline_block--content .timeline_block--itm h6,
    section.timeline_block .timeline_block--content .timeline_block--itm p,
    section.timeline_block .timeline_block--title p {
        text-align: center;
    }

    section.timeline_block .timeline_block--content .timeline_block--itm h3 {
        justify-content: center;
    }

    section.timeline_block .timeline_block--title p::before {
        right: 0;
        margin: auto;
    }

    section.about_timeline_block
        .about_timeline_block--content
        .about_timeline_block--itm
        h6,
    section.about_timeline_block
        .about_timeline_block--content
        .about_timeline_block--itm
        p,
    section.about_timeline_block .about_timeline_block--title p {
        text-align: center;
    }

    section.about_timeline_block
        .about_timeline_block--content
        .about_timeline_block--itm
        h3 {
        justify-content: center;
    }

    section.about_timeline_block .about_timeline_block--title p::before {
        right: 0;
        margin: auto;
    }

    section.our_units
        .our_units--cnt
        .our_units--content
        .our_units--image
        figure {
        aspect-ratio: 1920 / 1021;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(2) {
        grid-column: 2;
        grid-row: 1;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(3) {
        grid-column: 1;
        grid-row: 2;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(4) {
        grid-column: 2;
        grid-row: 2;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(5) {
        grid-column: 1;
        grid-row: 3;
    }

    section.our_coverage .our_coverage--content .our_coverage--image figure {
        margin: 0 auto;
    }

    section.blogs_block .blogs_block--content .blogs_block--itm,
    section.blogs .blogs_content .blogs_itm {
        width: calc(100% / 2 - 25px);
    }

    section.blogs_block::before {
        display: none;
    }

    section.blogs_block
        .blogs_block--content
        .blogs_block--itm:where(:nth-child(1), :nth-child(2), :nth-child(3))
        .blogs_block--wrapper
        .blogs_block--image
        ._date
        ._year {
        background: var(--dark);
    }

    section.blogs_block
        .blogs_block--content
        .blogs_block--itm:where(:nth-child(1), :nth-child(2), :nth-child(3))
        .blogs_block--wrapper
        .blogs_block--image
        ._date
        ._year
        span {
        color: var(--white);
    }

    section.blogs_block
        .blogs_block--content
        .blogs_block--itm:where(:nth-child(1), :nth-child(2), :nth-child(3))
        .blogs_block--wrapper
        .blogs_block--text
        h6,
    section.blogs_block
        .blogs_block--content
        .blogs_block--itm:where(:nth-child(1), :nth-child(2), :nth-child(3))
        .blogs_block--wrapper
        .blogs_block--text
        p {
        color: var(--dark);
    }

    section.about_intro .about_intro-images figure:nth-child(2) {
        display: none;
    }

    section.about_intro .about_intro-images figure:nth-child(1) {
        width: 100%;
    }

    section.about_corporate_values .about_corporate_values--image figure,
    section.mision_vision_about .mision_vision_about--items figure,
    section.mision_vision_about .mision_vision_about--items figure {
        width: 100%;
        transform: translateX(0);
    }

    section.about_directives .about_directives--content .about_directives--itm {
        width: calc(100% / 2 - 30px);
    }

    section.about_directives {
        background: var(--dark);
    }

    section.experiences
        .experiences_content
        .experiences_itm
        .experiences_itm--wrapper
        .experiences_itm--image {
        width: calc(100% / 2 - 15px);
    }

    section.products
        .products_cnt
        .products_content
        .products_itm
        .products_itm--wrapper
        .products_itm--text,
    section.products
        .products_cnt
        .products_content
        .products_itm
        .products_itm--wrapper
        .products_itm--image {
        width: 100%;
        order: unset !important;
    }

    section.products
        .products_cnt
        .products_content
        .products_itm
        .products_itm--wrapper {
        gap: 100px;
    }

    section.product_benefits .product_benefits--content .product_benefits--itm {
        width: calc(100% / 3 - 30px);
    }

    section.text_block_1 .text_block_1--content .text_block_1--image,
    section.text_block_1 .text_block_1--content .text_block_1--text,
    section.text_block_2 .text_block_2--content .text_block_2--image,
    section.blog .blog_cnt .blog_content,
    section.blog .blog_cnt .recent_blogs {
        width: 100%;
    }

    section.text_block_2 .text_block_2--content .text_block_2--text {
        width: 100%;
        padding-left: 0;
    }

    section.other_products .other_products--content .other_products--itm {
        width: calc(100% / 3);
    }

    section.other_products .other_products--content {
        row-gap: 30px;
    }

    section.banner_contact h2 {
        font-size: 70px;
    }

    section.form_wrapper .form_wrapper--content {
        padding: 40px;
    }

    aside.whatsapp {
        bottom: 70px;
        right: 10px;
    }

    aside.whatsapp a ._text {
        display: none;
    }

    aside.whatsapp a ._icon {
        width: 44px;
        height: 44px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        border-radius: 50%;
    }

    aside.whatsapp a ._icon svg {
        width: 31px;
    }
}

@media screen and (max-width: 575px) {
    h3 {
        font-size: 35px;
    }

    h4 {
        font-size: 28px;
    }

    h6 {
        font-size: 20px;
    }

    header .header_bottomBx .header_bottomBx--wrapper ._logo {
        width: 170px;
    }

    header .header_bottomBx .header_bottomBx--wrapper ._links ._we_help a {
        font-size: 0;
        padding: 6px 2px 6px 10px;
    }

    header .header_bottomBx .header_bottomBx--wrapper ._links ._pse {
        position: fixed;
        bottom: 150px;
        right: 10px;
        z-index: 10;
    }

    header .header_topBx .header_topBx--wrapper .header_topBx--left ._location {
        margin-bottom: 10px;
        display: none;
    }

    header .header_topBx .header_topBx--wrapper .header_topBx--left,
    header .header_topBx .header_topBx--wrapper .header_topBx--left ._location,
    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--left
        ._location
        li {
        width: 100%;
    }

    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--left
        ._location
        p {
        width: calc(100% - 18px);
        font-size: 12px;
        font-weight: 500;
    }

    header .header_topBx .header_topBx--wrapper .header_topBx--right {
        width: 100%;
        justify-content: space-between;
    }

    header
        .header_topBx
        .header_topBx--wrapper
        .header_topBx--right
        ._contact-block {
        gap: 10px;
    }

    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container
        ul
        li {
        width: 100%;
    }

    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container
        ul {
        row-gap: 15px;
    }

    header
        .header_bottomBx
        .header_bottomBx--wrapper
        ._navigation
        nav
        .menu-header-container
        ul
        li:not(:last-of-type)
        a::after,
    footer
        .footer_topBx
        ._nav
        nav
        .menu-footer-container
        ul
        li:not(:last-of-type)
        a::after {
        display: none;
    }

    footer .footer_topBx ._office,
    footer .footer_topBx ._phone,
    footer .footer_topBx ._help_center,
    footer .footer_bottomBx > p,
    footer .footer_bottomBx ._social-media,
    footer .footer_bottomBx ._social-media p,
    footer .footer_bottomBx ._social-media ul,
    footer .footer_topBx ._nav nav .menu-footer-container ul li {
        width: 100%;
        max-width: 100%;
    }

    footer .footer_topBx ._nav nav .menu-footer-container ul {
        width: 100%;
        row-gap: 12px;
    }

    footer .footer_bottomBx ._social-media p,
    footer .footer_bottomBx > p {
        text-align: center;
    }

    footer .footer_bottomBx ._social-media ul {
        justify-content: center;
    }
    section.main_banner .main_banner--cnt .main_banner--content .swiper-slide {
        aspect-ratio: 0.8/1;
    }

    section.main_banner
        .main_banner--cnt
        .main_banner--content
        .swiper-slide
        .main_banner--itm
        .main_banner--text
        ._text-wrapper
        h3 {
        font-size: 30px;
    }

    .main_banner--navigation,
    section.main_banner
        .main_banner--cnt
        .main_banner--content
        .swiper-slide
        .main_banner--itm
        .main_banner--text
        ._text-wrapper
        h5::after {
        display: none;
    }

    section.main_banner
        .main_banner--cnt
        .main_banner--content
        .swiper-slide
        .main_banner--itm
        .main_banner--text {
        padding: 80px 0px 30px;
        border: unset;
    }

    section.main_banner
        .main_banner--cnt
        .main_banner--content
        .swiper-slide
        .main_banner--itm
        .main_banner--text
        ._text-wrapper
        h3
        strong {
        width: fit-content;
        display: initial;
    }

    section.products_block .products_block--cnt .products_block--content {
        grid-template-columns: repeat(1, 100%);
        grid-template-rows: repeat(5, 300px);
        gap: 30px;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(1) {
        grid-column: 1;
        grid-row: 1;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(3) {
        grid-column: 1;
        grid-row: 3;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(4) {
        grid-column: 1;
        grid-row: 4;
    }

    section.products_block
        .products_block--cnt
        .products_block--content
        .products_block--itm:nth-child(5) {
        grid-column: 1;
        grid-row: 5;
    }

    section.about_us_block .about_us_block--content .about_us_block--itm h2,
    section.our_coverage .our_coverage--content .our_coverage--text h2 {
        font-size: 50px;
    }

    section.about_us_block .about_us_block--content .about_us_block--itm h3 {
        font-size: 35px;
    }

    section.about_us_block {
        padding: 70px 0;
        background: var(--white);
    }

    section.about_us_block
        .about_us_block--content
        .about_us_block--itm:nth-child(2)::before {
        width: calc(100% - 40px);
        transform: unset;
    }

    section.our_units
        .our_units--cnt
        .our_units--content
        .our_units--image
        figure {
        aspect-ratio: 0.7/1;
    }

    section.our_units::before {
        top: 30px;
        transform: unset;
        height: 90px;
    }

    section.our_units .our_units--cnt .our_units--content .our_units--text h4 {
        font-size: 23px;
    }

    section.our_coverage .our_coverage--content .our_coverage--text h3 {
        font-size: 45px;
    }

    section.blogs_block .blogs_block--content .blogs_block--itm,
    section.blogs .blogs_content .blogs_itm {
        width: 100%;
    }

    section.banner_int
        .banner_int--cnt
        .banner_int--content
        .banner_int--image
        picture {
        aspect-ratio: 1920 / 1064;
    }

    section.banner_int
        .banner_int--cnt
        .banner_int--content
        .banner_int--text
        h3 {
        font-size: 30px;
    }

    section.about_intro .about_intro-images figure:nth-child(1)::before,
    section.about_corporate_values
        .about_corporate_values--image
        figure::before,
    section.mision_vision_about
        .mision_vision_about--items:first-of-type
        figure::before,
    section.mision_vision_about .mision_vision_about--items figure::before {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        transform: unset;
    }

    section.about_directives .about_directives--content .about_directives--itm {
        width: 100%;
    }

    section.experiences
        .experiences_content
        .experiences_itm
        .experiences_itm--wrapper
        .experiences_itm--image {
        width: 100%;
    }

    section.products
        .products_cnt
        .products_content
        .products_itm
        .products_itm--wrapper {
        gap: 50px;
    }

    section.products
        .products_cnt
        .products_content
        .products_itm
        .products_itm--wrapper
        .products_itm--image
        picture::before {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        transform: unset !important;
    }

    section.products .products_cnt .products_content .products_itm {
        padding: 70px 0;
    }

    section.banner_contact h2 {
        font-size: 40px;
    }

    section.banner_contact {
        padding-top: 120px !important;
    }

    section.form_wrapper .form_wrapper--content {
        padding: 26px;
    }

    section.form_wrapper .form_wrapper--content .form_content form ._input.mid,
    section.product_benefits .product_benefits--content .product_benefits--itm,
    section.other_products .other_products--content .other_products--itm {
        width: 100%;
    }

    section.newsletter h4 strong {
        font-size: 40px;
    }

    section.block_1 .block_1--content ul li:not(:first-of-type) {
        padding: 10px 20px;
        line-height: 140%;
    }

    section.text_block_1 .text_block_1--content .text_block_1--text h2,
    section.text_block_2 .text_block_2--content .text_block_2--text h2 {
        font-size: 30px;
    }

    section.other_products
        .other_products--content
        .other_products--itm
        .other_products--itm--wrapper {
        justify-content: flex-start;
    }

    section.other_products
        .other_products--content
        .other_products--itm:not(:last-of-type)::after {
        display: none;
    }

    section.timeline_block {
        display: none;
    }

    section.main_banner
        .main_banner--cnt
        .main_banner--content
        .swiper-slide
        .main_banner--itm
        .main_banner--image::after {
        background: unset;
    }
}