*,
    ::before,
    ::after {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-width: 0;
        border-style: solid;
        border-color: currentColor
    }

    ::before,
    ::after {
        --tw-content: ""
    }

    html {
        line-height: 1.5;
        -webkit-text-size-adjust: 100%;
        -moz-tab-size: 4;
        -o-tab-size: 4;
        tab-size: 4;
        font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"
    }

    body {
        margin: 0;
        line-height: inherit
    }

    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }

    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }

    a {
        color: inherit;
        text-decoration: inherit
    }

    b,
    strong {
        font-weight: bolder
    }

    code,
    kbd,
    samp,
    pre {
        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        font-size: 1em
    }

    small {
        font-size: 80%
    }

    sub,
    sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline
    }

    sub {
        bottom: -0.25em
    }

    sup {
        top: -0.5em
    }

    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }

    button,
    input,
    optgroup,
    select,
    textarea {
        font-family: inherit;
        font-size: 100%;
        font-weight: inherit;
        line-height: inherit;
        color: inherit;
        margin: 0;
        padding: 0
    }

    button,
    select {
        text-transform: none
    }

    button,
    [type=button],
    [type=reset],
    [type=submit] {
        -webkit-appearance: button;
        background-color: rgba(0, 0, 0, 0);
        background-image: none
    }

    :-moz-focusring {
        outline: auto
    }

    :-moz-ui-invalid {
        box-shadow: none
    }

    progress {
        vertical-align: baseline
    }

    ::-webkit-inner-spin-button,
    ::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

    ::-webkit-search-decoration {
        -webkit-appearance: none
    }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    blockquote,
    dl,
    dd,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    hr,
    figure,
    p,
    pre {
        margin: 0
    }

    fieldset {
        margin: 0;
        padding: 0
    }

    legend {
        padding: 0
    }

    ol,
    ul,
    menu {
        list-style: none;
        margin: 0;
        padding: 0
    }

    textarea {
        resize: vertical
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input::-webkit-input-placeholder,
    textarea::-webkit-input-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input::-moz-placeholder,
    textarea::-moz-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input:-ms-input-placeholder,
    textarea:-ms-input-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input::-ms-input-placeholder,
    textarea::-ms-input-placeholder {
        opacity: 1;
        color: #9ca3af
    }

    input::placeholder,
    textarea::placeholder {
        opacity: 1;
        color: #9ca3af
    }

    button,
    [role=button] {
        cursor: pointer
    }

    :disabled {
        cursor: default
    }

    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        display: block;
        vertical-align: middle
    }

    img,
    video {
        max-width: 100%;
        height: auto
    }

    img {
        display: inline-block
    }

    #page {
        min-height: 100vh;
        overflow: hidden
    }

    *,
    ::before,
    ::after {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    ::-webkit-backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    ::backdrop {
        --tw-border-spacing-x: 0;
        --tw-border-spacing-y: 0;
        --tw-translate-x: 0;
        --tw-translate-y: 0;
        --tw-rotate: 0;
        --tw-skew-x: 0;
        --tw-skew-y: 0;
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        --tw-pan-x: ;
        --tw-pan-y: ;
        --tw-pinch-zoom: ;
        --tw-scroll-snap-strictness: proximity;
        --tw-ordinal: ;
        --tw-slashed-zero: ;
        --tw-numeric-figure: ;
        --tw-numeric-spacing: ;
        --tw-numeric-fraction: ;
        --tw-ring-inset: ;
        --tw-ring-offset-width: 0px;
        --tw-ring-offset-color: #fff;
        --tw-ring-color: rgb(59 130 246 / 0.5);
        --tw-ring-offset-shadow: 0 0 #0000;
        --tw-ring-shadow: 0 0 #0000;
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        --tw-blur: ;
        --tw-brightness: ;
        --tw-contrast: ;
        --tw-grayscale: ;
        --tw-hue-rotate: ;
        --tw-invert: ;
        --tw-saturate: ;
        --tw-sepia: ;
        --tw-drop-shadow: ;
        --tw-backdrop-blur: ;
        --tw-backdrop-brightness: ;
        --tw-backdrop-contrast: ;
        --tw-backdrop-grayscale: ;
        --tw-backdrop-hue-rotate: ;
        --tw-backdrop-invert: ;
        --tw-backdrop-opacity: ;
        --tw-backdrop-saturate: ;
        --tw-backdrop-sepia:
    }

    .container {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        padding-right: 20px;
        padding-left: 20px;
        
    }
    .indexSwiper{
        padding-right: 0 !important;
        padding-left: 0 !important;
        overflow: hidden;
        border-radius: 50px;
    }

    .visible {
        visibility: visible
    }

    .relative {
        position: relative
    }

    .block {
        display: block
    }

    .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .table {
        display: table
    }

    .border {
        border-width: 1px
    }

    h1,
    h2,
    h3,
    h4,
    p,
    span,
    a {
        font-family: "Montserrat"
    }

    :root {
        --yellow-dark: #ffcc00;
        --blue: #0054a5
    }

    body.ov-hidden {
        /*overflow: hidden*/
    }

    body.ov-hidden section {
        filter: blur(10px);
        transition: filter .3s ease
    }

    body.ov-hidden footer {
        filter: blur(10px);
        transition: filter .3s ease
    }

    @media(max-width: 768px) {
        .button-group {
            width: 100%
        }
    }

    .button-group a.yellow {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .button-group a.yellow:hover {
        background: #fff
    }

    @media(max-width: 768px) {
        .button-group a.yellow {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .button-group a.blue {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .button-group a.blue:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .button-group a.blue {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .menu-trigger {
        transition: .6s ease-out;
        position: relative;
        z-index: 10;
        --lines-height: 0.2rem;
        --lines-gap: 0.4rem
    }

    .menu-trigger__lines {
        display: flex;
        flex-direction: column;
        width: 24px;
        cursor: pointer;
        gap: var(--lines-gap)
    }

    .single-post .menu-trigger__lines i {
        background: #fafafa
    }

    .menu-trigger__lines i {
        display: block;
        width: 100%;
        height: 1px;
        background: #0054a6;
        position: relative;
        transform-origin: 55% 55%;
        transition: transform .3s;
        border-radius: 1rem
    }

    .menu-trigger.active .menu-trigger__lines i:nth-child(2) {
        display: none
    }

    .menu-trigger.active .menu-trigger__lines i:nth-child(1) {
        transform: translate3d(0, calc(var(--lines-height) / 2 + var(--lines-gap) / 2), 0) rotate(45deg)
    }

    .menu-trigger.active .menu-trigger__lines i:nth-child(3) {
        transform: translate3d(0, calc((var(--lines-height) / 2 + var(--lines-gap) / 2) * -1), 0) rotate(-45deg)
    }

    .mobile-menu {
        width: 100%;
        max-width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: -1;
        transform: translateX(-200%);
        transition: 1s transform;
        transition-delay: .2s;
        overflow: hidden;
        backdrop-filter: blur(7.5px);
        will-change: transform
    }

    .mobile-menu.active {
        transition-delay: 0s;
        transform: translateX(0)
    }

    .mobile-menu__overlay {
        width: 100%;
        height: 100%;
        background: #000;
        background: var(--color-orange);
        position: absolute;
        top: 0;
        left: 0;
        opacity: .3;
        transition-delay: .2s
    }

    .mobile-menu.active .mobile-menu__overlay {
        transition-delay: 0s
    }

    .mobile-menu__inner {
        padding-top: 9rem;
        background: #fff;
        position: relative;
        z-index: 1;
        transform: translateX(-100%);
        transition: 1s ease-out
    }

    @media(max-width: 768px) {
        .mobile-menu__inner {
            padding-top: 7rem
        }
    }

    .mobile-menu .mobile-menu__inner {
        transform: translateX(0);
        transition-delay: .2s;
        height: 100vh;
        overflow: scroll
    }

    .mobile-menu .mobile-menu__inner a.button {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        width: 100%;
        display: block;
        text-align: center;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        margin-top: 20px
    }

    .mobile-menu .mobile-menu__inner a.button:hover {
        background: var(--blue);
        color: #fff
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list {
        position: relative
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item-has-children {
        position: relative
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item-has-children.active a {
        color: var(--blue)
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item-has-children.active:before {
        transform: rotate(180deg)
    }
    
    .menu-item_box{
        display: flex;
        align-items: center;
    border-bottom: 1px solid rgba(0, 84, 165, .2);
    padding-bottom: 20px;
    }
    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item-has-children.active .menu-item_box_img {
        transform: rotate(180deg)
    }
    .menu-item_box_img{
        width: 20px;   
        margin-left: 20px;
    }
    /*.mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item-has-children:before {*/
    /*    content: "";*/
    /*    position: absolute;*/
    /*    background-image: url(../image/sub.svg);*/
    /*    width: 8px;*/
    /*    height: 6px;*/
    /*    top: 21px;*/
    /*    bottom: 0;*/
    /*    background-repeat: no-repeat;*/
    /*    right: 0*/
    /*}*/

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item {
        position: relative;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item:last-child a {
        border-bottom: 0px solid rgba(0, 84, 165, .2)
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item a {
        color: #00080f;
        font-size: 16px;
        font-weight: 500;
        line-height: 160%;
        letter-spacing: -0.32px;
        width: 100%;
        display: block;
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item .sub-menu {
        display: none
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu {
        display: block;
        padding-top: 20px
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu li {
        padding: 4px 12px
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu li::before {
        display: none
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu li a {
        color: #00080f;
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        padding: 2px;
        border-bottom: 0px;
        padding-bottom: 0px
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children {
        position: relative
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children a.nav-link.m-2.menu-nav-mob.nav-active {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children a.nav-link.m-2.menu-nav-mob.nav-active .menu_icon {
        position: relative;
        width: 30%;
        height: 22px;
        text-align: right
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children a.nav-link.m-2.menu-nav-mob.nav-active .menu_icon:before {
        content: "+";
        font-size: 28px;
        color: var(--blue)
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children a.nav-link.m-2.menu-nav-mob.nav-active .menu_icon.active:before {
        content: "-";
        font-size: 28px;
        color: var(--blue)
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children .sub-menu.active {
        display: block;
        padding-top: 0px
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children .sub-menu.active a.menu-nav-mob {
        position: relative
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children .sub-menu.active a.menu-nav-mob:after {
        content: "";
        width: 4px;
        height: 4px;
        background-color: #00080f;
        position: absolute;
        left: -10px;
        top: 10px;
        border-radius: 50%
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children .sub-menu.active .menu_icon {
        display: none
    }

    .mobile-menu .mobile-menu__inner .menu_mobile_list .menu-item.active .sub-menu .menu-item-has-children .sub-menu {
        display: none
    }

    .mobile-menu__wrapper-inner {
        box-sizing: border-box;
        width: 100%;
        height: calc(100dvh - 11rem);
        overflow-y: auto
    }

    .mobile-menu__content {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        min-height: 100%;
        padding: 4rem 2rem 8rem;
        position: relative
    }

    @keyframes anim-fade {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes anim-dflt {
        0% {
            opacity: 0;
            transform: translate3d(0, 3rem, 0)
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0)
        }
    }

    @keyframes anim-title {
        0% {
            opacity: 0;
            transform: translate3d(0, 30%, 0) skew(0, 4deg);
            transform-origin: left
        }

        100% {
            opacity: 1;
            transform: translate3d(0, 0, 0) skew(0, 0)
        }
    }

    .anim {
        --delay: 0s;
        --duration: 1.5s;
        opacity: 0;
        animation-duration: var(--duration);
        animation-delay: var(--delay);
        animation-fill-mode: forwards
    }

    .anim.animated {
        animation-name: anim-dflt
    }

    .anim-title.animated {
        animation-name: anim-title
    }

    .anim-fade.animated {
        animation-name: anim-fade
    }

    @media screen and (max-width: 767px) {
        .anim {
            --delay: 0s !important
        }
    }

    .header {
        position: fixed;
        width: 100%;
        background-color: #fff;
        left: 0;
        right: 0;
        top: 0;
        transition: transform .75s cubic-bezier(0.19, 1, 0.22, 1);
        z-index: 10
    }

    .header:before {
        content: "";
        position: absolute;
        box-shadow: 0 1px 10px rgba(0, 84, 166, .21);
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: 0
    }

    .header__top_bar {
        transition: transform .75s cubic-bezier(0.19, 1, 0.22, 1);
        position: relative;
        z-index: 99999
    }

    .header__top_bar__information {
        display: flex;
        justify-content: center
    }

    .header__top_bar__information__content {
        display: flex;
        justify-content: center;
        padding: 10px 100px 12px 100px;
        position: relative;
        background-color: var(--blue);
        border-radius: 0px 0px 50px 50px
    }

    @media(max-width: 768px) {
        .header__top_bar__information__content {
            padding: 8px 30px 8px
        }
    }

    @media(max-width: 627px) {
        .header__top_bar__information__content {
            overflow-x: scroll;
            -webkit-overflow-scrolling: touch;
            justify-content: start;
            scroll-behavior: smooth;
            scrollbar-width: none
        }

        .header__top_bar__information__content::-webkit-scrollbar {
            display: none
        }
    }

    @media(max-width: 425px) {
        .header__top_bar__information__content {
            padding: 6px 20px
        }
    }

    .header__top_bar__information .location_phone {
        display: flex;
        align-items: center
    }

    .header__top_bar__information .location_phone .location {
        padding-right: 24px;
        border-right: 1px solid rgba(255, 255, 255, .4862745098)
    }

    @media(max-width: 768px) {
        .header__top_bar__information .location_phone .location {
            padding-right: 12px
        }
    }

    @media(max-width: 627px) {
        .header__top_bar__information .location_phone .location {
            min-width: fit-content
        }
    }

    .header__top_bar__information .location_phone .location a {
        display: flex;
        gap: 2px;
        align-items: center
    }

    .header__top_bar__information .location_phone .location p {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
        letter-spacing: -0.12px
    }

    @media(max-width: 426px) {
        .header__top_bar__information .location_phone .location p {
            font-size: 10px
        }
    }

    .header__top_bar__information .location_phone a.phone {
        padding-left: 12px;
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.12px
    }

    @media(max-width: 768px) {
        .header__top_bar__information .location_phone a.phone {
            font-size: 11px
        }
    }

    @media(max-width: 627px) {
        .header__top_bar__information .location_phone a.phone {
            min-width: fit-content
        }
    }

    @media(max-width: 426px) {
        .header__top_bar__information .location_phone a.phone {
            font-size: 10px
        }
    }

    .header__top_bar__information .social {
        display: flex;
        gap: 12px;
        padding-left: 24px
    }

    @media(max-width: 768px) {
        .header__top_bar__information .social {
            gap: 8px
        }
    }

    @media(max-width: 768px) {
        .header__top_bar__information .social {
            padding-left: 12px
        }
    }

    @media(max-width: 425px) {
        .header__top_bar__information .social {
            justify-content: center
        }
    }

    .header__top_bar__information .social .icon {
        width: 16px;
        height: 16px
    }

    .header__top_bar__information .social .icon a {
        width: 16px;
        height: 16px;
        object-fit: cover;
        display: flex
    }

    .header__top_bar__information .social .icon a img.svg-icon {
        width: 100%;
        height: 100%
    }

    .header__content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 12px;
        padding-bottom: 12px
    }

    .header__content .logo {
        position: relative;
        z-index: 999
    }

    @media(max-width: 1280px) {
        .header__content .logo {
            width: 130px
        }
    }

    @media(max-width: 768px) {
        .header__content {
            padding-top: 16px;
            padding-bottom: 16px
        }

        .header__content figure {
            width: 110.27px;
            height: 34px
        }
    }

    @media(max-width: 768px)and (max-width: 1024px) {
        .header__content figure {
            z-index: 9999
        }
    }

    .header__content-navigation {
        display: flex;
        gap: 50px;
        align-items: center
    }

    .header__content .menu {
        display: flex;
        gap: 38px
    }

    @media(max-width: 1280px) {
        .header__content .menu {
            gap: 32px
        }
    }

    @media(max-width: 1024px) {
        .header__content .menu {
            display: none
        }
    }

    .header__content .menu-items a {
        position: relative;
        z-index: 999;
        font-size: 16px
    }

    @media(max-width: 1280px) {
        .header__content .menu-items a {
            font-size: 14px
        }
    }

    .header__content .menu-items a.product_menu {
        position: relative
    }

    .header__content .menu-items a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header__content .menu-items a.company_menu {
        position: relative
    }

    .header__content .menu-items a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }
    .flag_icon_0:before {
        content: none !important;
    }
    input:focus {
    outline: none; 
    }
    textarea:focus {
    outline: none; 
    }
    .header__content .menu-items-menu__content {
        width: 100%;
        padding-bottom: 4.4rem;
        background: #fff;
        font-size: 1.4rem;
        line-height: 1.28;
        box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, .15);
        position: absolute;
        top: 100%;
        left: 0;
        opacity: 0;
        z-index: -1;
        pointer-events: none;
        /*transition: opacity .5s ease-out*/
    }

    .header__content .menu-items-menu__content.active {
        opacity: 1;
        pointer-events: auto;
        padding: 50px 0px 50px 140px;
        height: auto
    }

    @media(max-width: 1645px) {
        .header__content .menu-items-menu__content.active {
            padding: 50px 0px 50px 60px
        }
    }

    @media(max-width: 1440px) {
        .header__content .menu-items-menu__content.active {
            padding: 40px 0px 40px 50px
        }
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content.active {
            padding: 40px 0px 40px 30px
        }
    }

    @media(max-width: 1170px) {
        .header__content .menu-items-menu__content.active {
            height: 80vh
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content.active {
            padding: 40px 0px 40px 20px
        }
    }

    .header__content .menu-items-menu__content.company.active {
        opacity: 1;
        pointer-events: auto;
        padding: 40px 150px 40px 150px;
        height: auto;
        display: flex;
        /*justify-content: center*/
        flex-wrap: wrap;
        transition: opacity .5s ease-out
    }

    @media(max-width: 1440px) {
        .header__content .menu-items-menu__content.company.active {
            height: auto;
            padding: 32px
        }
    }
    .header__content .menu-items-menu__content.company .menu_products-item {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        flex-direction: column;
        width: 23%;
        height: 100%;
        padding-left: 30px;
        padding-right: 30px;
        border-left: 1px solid rgba(0, 0, 0, .0705882353);
    }
    .header__content .menu-items-menu__content.company .menu_products-item:nth-child(n+5) {
        margin-top: 20px;
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content.company .menu_products-item {
            width: 25%;
            padding-left: 20px;
            padding-right: 20px
        }
    }

    .header__content .menu-items-menu__content.company .menu_products-item:nth-child(1) {
        border-left: 0px solid rgba(0, 0, 0, .0705882353)
    }

    .header__content .menu-items-menu__content.company .menu_products-item-link {
        color: #00080f;
        padding: 0px;
        font-size: 14px;
        width: 100%;
        height: auto;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.32px
    }

    @media(max-width: 1350px) {
        .header__content .menu-items-menu__content.company .menu_products-item-link {
            width: 95%
        }
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content.company .menu_products-item-link {
            font-size: 12px;
            width: 90%
        }
    }

    .header__content .menu-items-menu__content.company .menu_products-item-link:hover {
        color: var(--blue)
    }

    .header__content .menu-items-menu__content.company .menu_products-item-link::before {
        content: "";
        position: absolute;
        background-image: url(../image/down.svg);
        width: 16px;
        height: 16px;
        right: -10px;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: .6
    }

    .header__content .menu-items-menu__content.company .menu_products-item-link:hover {
        border-radius: 2px;
        background: rgba(255, 255, 255, 0);
        clip-path: none
    }

    .header__content .menu-items-menu__content.company .menu_products-item-link:hover::before {
        opacity: 1
    }

    .header__content .menu-items-menu__content.company .menu_products-item-text {
        color: #333e49;
        font-size: 12px;
        font-weight: 400;
        line-height: 140%;
        opacity: .7;
        width: 100%
    }

    .header__content .menu-items-menu__content.company .menu_products-item-application {
        background-color: #f6f6f6;
        border-radius: 8px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%);
        padding: 12px
    }

    .header__content .menu-items-menu__content.company .menu_products-item-application a {
        color: #3c3c3c;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        height: 100%;
        display: block;
        position: relative
    }

    @media(max-width: 1360px) {
        .header__content .menu-items-menu__content.company .menu_products-item-application a {
            font-size: 12px;
            width: 90%
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content.company .menu_products-item-application a {
            width: 90%
        }
    }

    .header__content .menu-items-menu__content.company .menu_products-item-application a:before {
        content: "";
        position: absolute;
        background-image: url(../image/down.svg);
        width: 12px;
        height: 12px;
        background-size: contain;
        right: 0px;
        top: 3px;
        bottom: 0;
        opacity: .6
    }

    @media(max-width: 1360px) {
        .header__content .menu-items-menu__content.company .menu_products-item-application a:before {
            right: -20px
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content.company .menu_products-item-application a:before {
            right: -15px
        }
    }

    .header__content .menu-items-menu__content.company .menu_products-item-application a:hover {
        color: var(--blue)
    }

    .header__content .menu-items-menu__content.company .menu_products-item-application a:hover:before {
        opacity: 1
    }

    .header__content .menu-items-menu__content.company .menu_products-item-post {
        background-color: #f6f6f6;
        border-radius: 8px;
        clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 0 100%);
        padding: 16px
    }

    .header__content .menu-items-menu__content.company .menu_products-item-post a {
        color: #3c3c3c;
        font-size: 14px;
        font-weight: 500;
        line-height: 140%;
        height: 100%;
        display: block
    }

    .header__content .menu-items-menu__content.company .menu_products-item-post a:hover {
        color: var(--blue)
    }

    .header__content .menu-items-menu__content.company .menu_products-item-post p {
        color: #00080f;
        font-size: 12px;
        font-weight: 400;
        line-height: 140%;
        opacity: .5;
        padding-bottom: 8px
    }

    .header__content .menu-items-menu__content .menu_products-item {
        display: flex;
        justify-content: space-between;
        gap: 60px
    }

    .header__content .menu-items-menu__content .menu_products-item-link {
        color: #00080f;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%;
        padding: 14px 24px;
        width: 360px;
        height: 52px;
        position: relative
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content .menu_products-item-link {
            height: 48px;
            font-size: 12px;
            width: 310px
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content .menu_products-item-link {
            height: 44px;
            font-size: 12px;
            width: 280px;
            padding: 14px 20px
        }
    }

    .header__content .menu-items-menu__content .menu_products-item-link::before {
        content: "";
        position: absolute;
        background-image: url(../image/down.svg);
        width: 16px;
        height: 16px;
        right: 20px;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: .6
    }

    .header__content .menu-items-menu__content .menu_products-item-link.Hover {
        border-radius: 2px;
        background: #f6f6f6;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 25px), calc(100% - 25px) 100%, 0 100%)
    }

    .header__content .menu-items-menu__content .menu_products-item-link.Hover::before {
        opacity: 1
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container {
        display: flex;
        flex-wrap: wrap;
        gap: 12px;
        width: 70%;
        position: absolute;
        right: 0;
        top: 0;
        padding: 50px;
        height: 100%;
        align-content: flex-start
    }

    @media(max-width: 1440px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container {
            padding: 30px
        }
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container {
            width: 73%
        }
    }

    @media(max-width: 1170px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container {
            width: 70%
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container {
            width: 73%;
            padding: 20px
        }
    }
    
.pageNum {
    text-align: center;
    font-size: 0;
    margin-top: 80px
}

.pageNum a {
    display: inline-block;
    color: #3f4150;
    font-size: 18px;
    font-family: "mr";
    vertical-align: middle;
    margin: 0 5px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    background-color: #efeff3;
    transition: background .5s ease;
    -webkit-transition: background .5s ease;
    -moz-transition: background .5s ease;
    -ms-transition: background .5s ease;
    -o-transition: background .5s ease
}

.pageNum .dot {
    line-height: 40px
}

.pageNum a:hover,.pageNum .on {
    color: #fff;
    background: var(--blue)
}

.pageMore {
    display: none;
    margin-top: 30px
}

.pageMore a {
    display: block;
    width: 100%;
    text-align: center;
    height: 40px;
    line-height: 40px;
    background: var(--blue);
    color: #fff;
    font-size: 12px
}

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
        width: 170px;
        height: 195px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        overflow: hidden;
        padding: 20px;
        z-index: 1;
        cursor: pointer
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item-border {
        position: absolute;
        background-image: url(../image/border.svg);
        width: auto;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        left: 0;
        right: 0;
        margin: auto;
        z-index: -1
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item:hover .post_item-border {
        background-image: url(../image/border_hover.svg)
    }

    @media(max-width: 1440px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
            width: 152px;
            height: 170px
        }
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
            width: 145px;
            height: 160px;
            padding: 10px
        }
    }

    @media(max-width: 1170px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
            width: 155px;
            height: 165px
        }
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
            width: 137px;
            height: 146px
        }
    }

    @media(max-width: 1070px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item {
            width: 137px;
            height: 140px
        }
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a img {
        width: 110px;
        height: 112px;
        object-fit: contain
    }

    @media(max-width: 1280px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a img {
            width: 100px;
            height: 105px
        }
    }

    @media(max-width: 1170px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a img {
            width: 95px;
            height: 95px
        }
    }

    @media(max-width: 1080px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a img {
            width: 85px;
            height: 85px
        }
    }

    .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a p {
        text-align: center;
        color: #333e49;
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        width: 90%;
        padding-bottom: 10px
    }

    @media(max-width: 1100px) {
        .header__content .menu-items-menu__content .menu_products-item .posts_container .post_item a p {
            font-size: 11px;
            width: 100%
        }
    }

    .header__content .menu.mob {
        position: relative;
        z-index: 999;
        display: none
    }

    .header__content .menu.mob .menu_mobile {
        display: none
    }

    @media(max-width: 1024px) {
        .header__content .menu.mob {
            display: flex;
            gap: 20px;
            align-items: center
        }

        .header__content .menu.mob path {
            stroke: #fff
        }
    }

    .header__content__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
        position: relative;
        z-index: 999
    }

    @media(max-width: 1024px) {
        .header__content__link {
            display: none
        }
    }

    .header__content__link a.button {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: .6px;
        text-transform: uppercase;
        display: flex;
        padding: 10px 24px;
        background: var(--yellow-dark);
        transition: background .4s ease
    }

    .header__content__link a.button:hover {
        background: var(--blue);
        color: #fff
    }

    .header.error {
        background: var(--blue);
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto
    }

    .header.error .header__top_bar__information__content {
        background-color: #fff
    }

    .header.error .header__top_bar__information__content .location {
        padding-right: 12px;
        border-right: 1px solid #0054a5
    }

    @media(max-width: 768px) {
        .header.error .header__top_bar__information__content .location {
            min-width: fit-content
        }
    }

    .header.error .header__top_bar__information__content .location p {
        color: #00080f
    }

    .header.error .header__top_bar__information__content a.phone {
        color: #00080f
    }

    .header.error .header__top_bar__information__content path {
        fill: #00080f
    }

    .header.error .menu-item a.menu-item-main {
        color: #fff
    }

    .header.error .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.error .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.error.active {
        background: #fff
    }

    .header.error.active .header__top_bar__information__content {
        background-color: var(--blue)
    }

    .header.error.active .header__top_bar__information__content .location {
        padding-right: 12px;
        border-right: 1px solid #fff
    }

    @media(max-width: 768px) {
        .header.error.active .header__top_bar__information__content .location {
            min-width: fit-content
        }
    }

    .header.error.active .header__top_bar__information__content .location p {
        color: #fff
    }

    .header.error.active .header__top_bar__information__content a.phone {
        color: #fff
    }

    .header.error.active .header__top_bar__information__content path {
        fill: #fff
    }

    .header.error.active .menu-item a.menu-item-main {
        color: #00080f
    }

    .header.error.active .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.error.active .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.error .header__content__link a.button:hover {
        background: #fff;
        color: #00080f
    }

    .header.single {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        margin: auto;
        background: rgba(255, 255, 255, 0)
    }

    .header.single:before {
        content: "";
        position: absolute;
        box-shadow: none;
        width: 100%;
        height: 100%;
        bottom: 0;
        z-index: 0
    }

    .header.single .menu-items a {
        color: #fff
    }

    .header.single .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.single .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.single.active {
        background: #fff
    }

    .header.single.active a {
        color: #00080f
    }

    .header.single.active .menu-items a.menu-item-main {
        color: #00080f
    }

    .header.single.active .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .header.single.active .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    #page {
        min-height: auto
    }

    .footer {
        margin-bottom: 30px;
        margin-top: 30px
    }

    .footer__content {
        background: var(--blue);
        padding: 32px 70px 0px;
        border-radius: 10px
    }

    @media(max-width: 1023px) {
        .footer__content {
            padding: 23px 40px 0px
        }
    }

    @media(max-width: 526px) {
        .footer__content {
            padding: 20px 15px 0px
        }
    }

    .footer__content__message {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 24px;
        border-bottom: 1px solid rgba(255, 255, 255, .2784313725)
    }

    @media(max-width: 1023px) {
        .footer__content__message {
            display: flex;
            align-items: flex-start;
            flex-direction: column;
            gap: 20px
        }
    }

    .footer__content__message .logo_mob {
        display: none
    }

    @media(max-width: 768px) {
        .footer__content__message .logo_mob {
            display: block;
            padding-bottom: 10px
        }
    }

    .footer__content__message__title {
        width: 492px
    }

    @media(max-width: 1023px) {
        .footer__content__message__title {
            width: 100%
        }
    }

    .footer__content__message__title h2 {
        color: #fff;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.56px
    }

    @media(max-width: 1280px) {
        .footer__content__message__title h2 {
            font-size: 22px
        }
    }

    @media(max-width: 526px) {
        .footer__content__message__title h2 {
            font-size: 20px;
            line-height: normal
        }
    }

    .footer__content__message__form {
        width: auto
    }

    .footer__content__message__form form.wpcf7-form.sent {
        position: relative
    }

    .footer__content__message__form .wpcf7 form .wpcf7-response-output {
        margin: 0;
        top: 74%;
        padding: 1px
    }

    .footer__content__message__form p.footer_form {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        padding-bottom: 10px
    }

    .footer__content__message__form p.text {
        color: #fff;
        font-family: "Helvetica Neue";
        font-size: 10px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        opacity: .7;
        padding-top: 20px
    }

    .footer__content__message__form .wpcf7 form.sent .wpcf7-response-output {
        display: block;
        font-size: 10px;
        top: 73%
    }

    .footer__content__message__form .wpcf7-response-output {
        color: #fff;
        font-size: 8px;
        position: absolute;
        margin-top: 13px;
        display: none
    }

    .footer__content__message__form .forms {
        display: flex;
        gap: 10px;
        align-items: center;
        position: relative
    }

    @media(max-width: 768px) {
        .footer__content__message__form .forms {
            flex-direction: column
        }
    }

    .footer__content__message__form .forms .wpcf7-not-valid-tip {
        color: #dc3232;
        position: absolute;
        width: 100%;
        bottom: -26%;
        font-size: 11px;
        left: 0;
        display: inline
    }

    @media(max-width: 768px) {
        .footer__content__message__form .forms span {
            width: 100%
        }
    }

    .footer__content__message__form .forms span input {
        padding: 20px 28px 22px 20px;
        border-radius: 2px;
        background: rgba(255, 255, 255, .2);
        line-height: 0px;
        color: #fff
    }

    @media(max-width: 768px) {
        .footer__content__message__form .forms span input {
            width: 100%
        }
    }

    .footer__content__message__form .forms span input:focus {
        outline: none
    }

    .footer__content__message__form .forms span input::placeholder {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase
    }

    .footer__content__message__form .forms button.hero__btn {
        display: flex;
        padding: 23px 32px 24px 32px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 2px;
        background: var(--yellow-dark);
        color: var(--Black, #00080f);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: .6px;
        text-transform: uppercase;
        transition: background .4s ease
    }

    .footer__content__message__form .forms button.hero__btn:hover {
        background: #fff
    }

    @media(max-width: 768px) {
        .footer__content__message__form .forms button.hero__btn {
            width: 100%
        }
    }

    .footer__content__mob_social {
        display: none
    }

    @media(max-width: 768px) {
        .footer__content__mob_social {
            display: flex;
            justify-content: space-between;
            gap: 20px;
            flex-direction: column;
            padding-bottom: 0px;
            align-items: center
        }

        .footer__content__mob_social .link .copyright_link {
            display: flex;
            color: #fff;
            font-family: "Helvetica Neue";
            font-size: 12px;
            font-style: normal;
            font-weight: 300;
            line-height: 140%;
            gap: 16px
        }

        .footer__content__mob_social .social {
            column-count: 2;
            column-gap: 20px
        }
    }

    @media(max-width: 768px)and (max-width: 768px) {
        .footer__content__mob_social .social {
            column-count: 4;
            column-gap: 20px
        }
    }

    @media(max-width: 768px) {
        .footer__content__mob_social .social .icon {
            width: 26px;
            height: 26px;
            margin-bottom: 16px
        }

        .footer__content__mob_social .social .icon:nth-child(2) {
            margin-bottom: 0px
        }

        .footer__content__mob_social .social .icon:nth-child(4) {
            margin-bottom: 0px
        }

        .footer__content__mob_social .social .icon img {
            width: 100%;
            height: 100%
        }
    }

    .footer__content__menu {
        padding-bottom: 30px;
        padding-top: 24px;
        display: flex;
        gap: 170px;
        justify-content: space-between
    }

    @media(max-width: 1280px) {
        .footer__content__menu {
            gap: 60px
        }
    }

    @media(max-width: 1023px) {
        .footer__content__menu {
            gap: 30px
        }
    }

    @media(max-width: 768px) {
        .footer__content__menu {
            flex-direction: column
        }
    }

    .footer__content__menu__logo {
        width: 330px
    }

    @media(max-width: 768px) {
        .footer__content__menu__logo {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .footer__content__menu__logo {
            display: none
        }
    }

    .footer__content__menu__logo figure {
        padding-bottom: 27px
    }

    .footer__content__menu__logo p.footer_text {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 160%
    }

    .footer__content__menu__link {
        display: flex;
        gap: 55px
    }

    @media(max-width: 768px) {
        .footer__content__menu__link {
            flex-direction: column;
            gap: 25px
        }
    }

    @media(max-width: 768px) {
        .footer__content__menu__link .item .menu-footer-pages-container {
            display: none
        }

        .footer__content__menu__link .item .menu-footer-product-container {
            display: none
        }

        .footer__content__menu__link .item .menu-footer-indusries-container {
            display: none
        }

        .footer__content__menu__link .item.active .menu-footer-pages-container {
            display: block
        }

        .footer__content__menu__link .item.active .menu-footer-product-container {
            display: block
        }

        .footer__content__menu__link .item.active .menu-footer-indusries-container {
            display: block
        }

        .footer__content__menu__link .item.active p.menu.title::before {
            transform: rotate(180deg)
        }
    }

    .footer__content__menu__link p.menu.title {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        padding-bottom: 16px;
        opacity: .7;
        position: relative
    }

    @media(max-width: 768px) {
        .footer__content__menu__link p.menu.title {
            border-bottom: 1px solid rgba(255, 255, 255, 0.2784313725);
            margin-bottom: 15px;
            padding-bottom: 15px
        }

        .footer__content__menu__link p.menu.title::before {
            content: "";
            position: absolute;
            background-image: url(../image/rectangle.svg);
            width: 10px;
            height: 7.5px;
            top: 0;
            right: 0
        }
    }

    .footer__content__menu__link li.menu-item {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        padding-bottom: 10px;
        font-family: "Montserrat";  
    }

    .footer__content__menu__link li.menu-item:last-child {
        padding-bottom: 0px
    }

    .footer__content__social {
        display: flex;
        padding-top: 24px;
        align-items: center;
        padding-bottom: 36px
    }

    @media(max-width: 1023px) {
        .footer__content__social {
            gap: 30px;
            flex-direction: column-reverse
        }
    }

    @media(max-width: 768px) {
        .footer__content__social {
            padding-bottom: 36px
        }
    }

    .footer__content__social .social {
        display: flex;
        gap: 16px;
        margin-right: auto
    }

    @media(max-width: 768px) {
        .footer__content__social .social {
            display: none
        }
    }

    .footer__content__social .social img {
        width: 26px;
        height: 26px
    }

    .footer__content__social .information_group {
        display: flex;
        gap: 80px
    }

    @media(max-width: 1280px) {
        .footer__content__social .information_group {
            gap: 30px
        }
    }

    @media(max-width: 1024px) {
        .footer__content__social .information_group {
            gap: 20px
        }
    }

    @media(max-width: 1023px) {
        .footer__content__social .information_group {
            flex-wrap: wrap
        }
    }

    @media(max-width: 536px) {
        .footer__content__social .information_group {
            flex-direction: column
        }
    }

    .footer__content__social .information_group__item {
        display: flex;
        gap: 16px;
        align-items: center
    }

    .footer__content__social .information_group__item img {
        width: 48px;
        height: 48px
    }

    .footer__content__social .information_group__item a {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    .footer__content__social .information_group__item p {
        color: #fff;
        width: 200px;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        width: 70%
    }

    .footer__content__made {
        position: absolute;
        bottom: 0;
        left: 0;
        padding: 14px 0px;
        
    color: #fff;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-bottom: 10px;
    font-family: "Montserrat";
    }

    @media(max-width: 1280px) {
        .footer__content__made {
            position: relative
        }
    }

    @media(max-width: 768px) {
        .footer__content__made {
            padding: 10px 0px
        }
    }

    @media(max-width: 768px) {
        .footer__content__made img {
            width: 120px
        }
    }

    .footer__content__made:hover {
        opacity: .6
    }

    .footer__content__copyright {
        display: flex;
        justify-content: center;
        position: relative
    }

    @media(max-width: 1280px) {
        .footer__content__copyright {
            flex-direction: column;
            align-items: center
        }
    }

    @media(max-width: 768px) {
        .footer__content__copyright .copyright_link {
            display: none
        }
    }

    .footer__content__copyright .copyright__text {
        display: flex;
        align-items: center;
        padding: 14px 50px;
        position: relative;
        background-color: var(--yellow-dark);
        border-radius: 50px 50px 0px 0px
    }

    @media(max-width: 1280px) {
        .footer__content__copyright .copyright__text {
            padding: 12px 40px
        }
    }

    @media(max-width: 528px) {
        .footer__content__copyright .copyright__text {
            padding: 10px 30px
        }
    }

    .footer__content__copyright .copyright__text p.text {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
        letter-spacing: -0.12px;
        padding-right: 24px
    }

    @media(max-width: 1280px) {
        .footer__content__copyright .copyright__text p.text {
            padding-right: 14px
        }
    }

    @media(max-width: 1023px) {
        .footer__content__copyright .copyright__text p.text {
            padding-right: 4px
        }
    }

    .footer__content__copyright .copyright__text a {
        color: #00080f;
        font-size: 12px;
        font-weight: 300;
        line-height: 140%;
        letter-spacing: -0.12px;
        padding: 0px 24px;
        border-left: 1px solid rgba(0, 8, 15, .4352941176)
    }

    @media(max-width: 1280px) {
        .footer__content__copyright .copyright__text a {
            padding: 0px 14px
        }
    }

    @media(max-width: 1023px) {
        .footer__content__copyright .copyright__text a {
            padding: 0px 4px
        }
    }

    .hero {
        position: relative;
        padding-top: 150px
    }

    @media(max-width: 768px) {
        .hero {
            padding-top: 120px
        }
    }

    @media(max-width: 768px) {
        .hero {
            padding-top: 120px
        }
    }

    .hero__bg {
        position: relative
    }

    .hero__bg img.img_bg {
        height: 634px;
        width: 100%;
        object-fit: cover;
        border-radius: 50px;
        position: absolute;
        /*clip-path: polygon(0 0, 100% 0, 100% calc(100% - 275px), calc(100% - 275px) 100%, 0 100%)*/
    }

    @media(max-width: 1023px) {
        .hero__bg img.img_bg {
            /*clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);*/
            position: relative;
            height: 450px;
            border-radius: 20px;
            object-fit: cover
        }
        .indexSwiper{
            border-radius: 20px;
        }
    }

    @media(max-width: 425px) {
        .hero__bg img.img_bg {
            height: 250px
        }
    }

    .hero__bg__information {
        display: flex;
        align-items: flex-end;
        justify-content: space-between
    }

    .hero__bg__information__text {
        padding-left: 70px;
        display: flex;
        flex-direction: column;
        height: 634px;
        justify-content: center;
        width: 50%;
        background-color: rgba(0, 40, 87, .72);
        border-radius: 50px 0px 0px 50px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 275px), calc(100% - 275px) 100%, 0 100%)
    }

    @media(max-width: 1280px) {
        .hero__bg__information__text {
            width: 65%
        }
    }

    @media(max-width: 1023px) {
        .hero__bg__information__text {
            width: 100%;
            clip-path: none;
            background-color: #0054a5;
            border-radius: 20px;
            height: 100%;
            padding: 30px;
            align-items: center;
            margin-top: 20px
        }
    }

    @media(max-width: 525px) {
        .hero__bg__information__text {
            margin-top: 10px
        }
    }

    .hero__bg__information__text p.sub_title {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
        padding-bottom: 20px;
        position: relative
    }

    .hero__bg__information__text p.sub_title::before {
        position: absolute;
        content: "";
        background: var(--yellow-dark);
        z-index: 0;
        width: 56px;
        height: 7px;
        bottom: 0;
        left: -10%;
        top: 6px
    }

    @media(max-width: 1023px) {
        .hero__bg__information__text p.sub_title::before {
            display: none
        }
    }

    .hero__bg__information__text h1 {
        color: #fff;
        font-size: 64px;
        font-style: normal;
        font-weight: 700;
        line-height: 104%;
        letter-spacing: -1.28px;
        text-transform: uppercase;
        padding-bottom: 10px
    }

    @media(max-width: 1023px) {
        .hero__bg__information__text h1 {
            text-align: center;
            font-size: 38px;
            line-height: normal
        }
    }

    .hero__bg__information__text h1 span {
        color: var(--yellow-dark)
    }

    .hero__bg__information__text p.texts {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        padding-bottom: 32px;
        width: 423px
    }

    @media(max-width: 1023px) {
        .hero__bg__information__text p.texts {
            width: 100%;
            text-align: center
        }
    }

    .hero__bg__information a.big_button {
        padding: 180px 50px 30px 120px;
        display: block;
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: .9px;
        text-transform: uppercase;
        background-color: var(--yellow-dark);
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        border-radius: 0px 0px 50px 0px;
        transition: background .4s ease
    }

    .hero__bg__information a.big_button:hover {
        background: var(--blue);
        color: #fff
    }

    @media(max-width: 1023px) {
        .hero__bg__information a.big_button {
            display: none
        }
    }

    .hero__bg__information a.big_button p {
        width: 77px
    }

    .our_solutions {
        padding-top: 90px
    }

    @media(max-width: 1024px) {
        .our_solutions {
            padding-top: 0px
        }
    }

    .our_solutions__information {
        position: relative;
        height: 550px;
        border-radius: 10px
    }

    @media(max-width: 1023px) {
        .our_solutions__information {
            height: auto
        }
    }

    .our_solutions__information .img_bg {
        position: absolute;
        height: 550px;
        width: 100%;
        border-radius: 10px;
        z-index: -1
    }

    @media(max-width: 1023px) {
        .our_solutions__information .img_bg {
            position: relative
        }
    }

    @media(max-width: 526px) {
        .our_solutions__information .img_bg {
            height: 380px
        }
    }

    .our_solutions__information .img_bg img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        z-index: -1
    }

    @media(max-width: 1023px) {
        .our_solutions__information .img_bg img {
            position: absolute
        }
    }

    .our_solutions__information .img_bg .text.mob {
        display: none
    }

    @media(max-width: 1023px) {
        .our_solutions__information .img_bg .text.mob {
            display: flex;
            height: 100%;
            flex-direction: column;
            align-items: center;
            text-align: center;
            justify-content: center;
            padding: 20px
        }
    }

    .our_solutions__information .img_bg .text.mob h2 {
        color: #fff;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px
    }

    @media(max-width: 526px) {
        .our_solutions__information .img_bg .text.mob h2 {
            font-size: 26px;
            padding-bottom: 10px
        }
    }

    .our_solutions__information .img_bg .text.mob p.texts {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 153%;
        letter-spacing: -0.18px
    }

    @media(max-width: 526px) {
        .our_solutions__information .img_bg .text.mob p.texts {
            font-size: 14px
        }
    }

    .our_solutions__information__content {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        padding: 67px
    }

    @media(max-width: 1024px) {
        .our_solutions__information__content {
            padding: 30px
        }
    }

    @media(max-width: 526px) {
        .our_solutions__information__content {
            padding: 30px 0px
        }
    }

    .our_solutions__information__content .text.pc {
        width: 390px
    }

    @media(max-width: 1023px) {
        .our_solutions__information__content .text.pc {
            display: none
        }
    }

    .our_solutions__information__content .text.pc h2 {
        color: #fff;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px
    }

    .our_solutions__information__content .text.pc p.texts {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 300;
        line-height: 153%;
        letter-spacing: -0.18px
    }

    .our_solutions__information__content ul.list {
        display: flex;
        gap: 30px
    }

    @media(max-width: 1023px) {
        .our_solutions__information__content ul.list {
            flex-direction: column
        }
    }

    .our_solutions__information__content ul.list li {
        background-color: var(--blue);
        padding: 24px;
        width: 321px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 25px;
        clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%)
    }

    @media(max-width: 1024px) {
        .our_solutions__information__content ul.list li {
            width: 291px
        }
    }

    @media(max-width: 1023px) {
        .our_solutions__information__content ul.list li {
            width: 100%
        }
    }

    .our_solutions__information__content ul.list li .item__content {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .our_solutions__information__content ul.list li .item__content img.icon {
        width: 64px;
        height: 64px;
        object-fit: cover
    }

    .our_solutions__information__content ul.list li .item__content p.title {
        color: #fff;
        font-size: 22px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -0.44px;
        text-transform: uppercase
    }

    @media(max-width: 1024px) {
        .our_solutions__information__content ul.list li .item__content p.title {
            font-size: 18px
        }
    }

    .our_solutions__information__content ul.list li .item__content p.text {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 140%;
        width: 100%
    }

    @media(max-width: 1024px) {
        .our_solutions__information__content ul.list li .item__content p.text {
            font-size: 12px
        }
    }

    .our_solutions__information__content ul.list li a.link {
        display: flex;
        width: 273px;
        padding: 12px 34px 12px 32px;
        justify-content: center;
        align-items: center;
        border-radius: 2px;
        background: var(--yellow-dark);
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .our_solutions__information__content ul.list li a.link:hover {
        background: #fff
    }

    @media(max-width: 1024px) {
        .our_solutions__information__content ul.list li a.link {
            width: auto
        }
    }

    .our_solutions__information__content ul.list li:nth-child(2) {
        background-color: var(--yellow-dark);
        transform: translateY(-140px) !important
    }

    @media(max-width: 1023px) {
        .our_solutions__information__content ul.list li:nth-child(2) {
            transform: translateY(0px) !important
        }
    }

    .our_solutions__information__content ul.list li:nth-child(2) a.link {
        background: var(--blue);
        color: #fff;
        transition: background .4s ease
    }

    .our_solutions__information__content ul.list li:nth-child(2) a.link:hover {
        background: #fff;
        color: #00080f
    }

    .our_solutions__information__content ul.list li:nth-child(2) p.title {
        color: #00080f
    }

    .our_solutions__information__content ul.list li:nth-child(2) p.text {
        color: #00080f
    }

    .blog {
        padding-bottom: 90px;
        width: 100%;
        overflow: hidden
    }

    .blog h2 {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 24px
    }

    .blog .blog__button {
        display: flex;
        justify-content: center;
        padding-top: 64px
    }

    @media(max-width: 626px) {
        .blog .blog__button {
            padding-top: 0px
        }
    }

    .blog .slider_blog.mob {
        display: none
    }

    @media(max-width: 768px) {
        .blog .slider_blog.mob {
            display: block
        }

        .blog .slider_blog.mob .swiper-pagination {
            display: none
        }
    }

    @media(max-width: 768px) {
        .blog .slider_blog {
            display: none
        }
    }

    .blog .slider_blog .swiper {
        height: 594px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .blog .slider_blog .swiper {
            height: auto
        }
    }

    .blog .slider_blog .swiper .swiper-pagination .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: rgba(0, 85, 165, .5019607843)
    }

    .blog .slider_blog .swiper .swiper-pagination .swiper-pagination-bullet-active {
        background: #0054a5
    }

    .blog .slider_blog .swiper .swiper-button-prev::after {
        display: none
    }

    .blog .slider_blog .swiper .swiper-button-next::after {
        display: none
    }

    .blog .slider_blog .swiper .swiper-button-next {
        transform: rotate(180deg);
        position: absolute;
        right: 5%;
        width: 40px;
        height: 40px
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper .swiper-button-next {
            display: none
        }
    }

    .blog .slider_blog .swiper .swiper-button-prev {
        position: absolute;
        left: 5%;
        width: 40px;
        height: 40px
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper .swiper-button-prev {
            display: none
        }
    }

    .blog .slider_blog .swiper-slide {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden;
        min-width: 620px
    }

    @media(max-width: 1280px) {
        .blog .slider_blog .swiper-slide {
            min-width: auto
        }
    }

    .blog .slider_blog .swiper-slide a {
        width: 100%;
        height: 100%
    }

    .blog .slider_blog .swiper-slide img {
        width: 100%;
        height: 520px;
        display: block;
        object-fit: cover
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper-slide img {
            height: 500px
        }
    }

    .blog .slider_blog .swiper-slide .content {
        display: none
    }

    .blog .slider_blog .swiper-slide .img {
        position: relative;
        border-radius: 5px
    }

    .blog .slider_blog .swiper-slide .img::before {
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        border-radius: 5px;
        z-index: 99;
        position: absolute;
        background: linear-gradient(358deg, rgba(0, 40, 87, 0.9) 0.58%, rgba(0, 40, 87, 0) 97.89%)
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper-slide .img::before {
            background: rgba(207, 207, 207, .8705882353)
        }
    }

    .blog .slider_blog .swiper-slide .img .title_prev_next {
        display: block;
        position: absolute;
        bottom: 0;
        color: #fff;
        text-align: center;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        text-transform: lowercase;
        z-index: 100;
        padding: 20px;
        text-transform: capitalize
    }

    .blog .slider_blog .swiper-slide-active .content {
        display: block
    }

    .blog .slider_blog .swiper-slide-active .title_prev_next {
        display: none !important
    }

    .blog .slider_blog .swiper-slide-active .img {
        position: relative;
        width: 412px;
        height: 520px
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper-slide-active .img {
            width: 100%
        }
    }

    .blog .slider_blog .swiper-slide-active .img::after {
        content: "";
        background-image: url(../image/blogs.svg);
        width: 32.043px;
        height: 27.75px;
        position: absolute;
        top: 25%;
        background-repeat: no-repeat;
        background-size: contain;
        z-index: 99;
        right: -3%
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper-slide-active .img::after {
            bottom: -2%;
            z-index: 99;
            right: 50%;
            transform: rotate(90deg);
            top: auto
        }
    }

    .blog .slider_blog .swiper-slide-active .img::before {
        display: none
    }

    .blog .slider_blog .swiper-slide-active {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
        height: 100%
    }

    @media(max-width: 626px) {
        .blog .slider_blog .swiper-slide-active {
            flex-direction: column
        }
    }

    .blog .slider_blog .swiper-slide-active img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .blog .slider_blog .swiper-slide-active h3 {
        color: #00080f;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.24px;
        text-transform: capitalize;
        padding-bottom: 24px
    }

    @media(max-width: 768px) {
        .blog .slider_blog .swiper-slide-active h3 {
            font-size: 20px;
            padding-bottom: 14px
        }
    }

    .blog .slider_blog .swiper-slide-active p {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        opacity: .7;
        padding-bottom: 32px
    }

    @media(max-width: 768px) {
        .blog .slider_blog .swiper-slide-active p {
            font-size: 14px;
            padding-bottom: 22px
        }
    }

    .blog .slider_blog .swiper-slide-active .blog_icon {
        display: flex;
        align-items: center
    }

    .blog .slider_blog .swiper-slide-active .blog_icon a {
        color: var(--blue);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        min-width: fit-content
    }

    .blog .slider_blog .swiper-slide-active .blog_icon img {
        width: 16px;
        height: 16px
    }

    .blog .slider_blog .swiper-slide-active a {
        width: 50%;
        height: auto
    }

    .blog .slider_blog .swiper-slide-active .content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        width: 50%;
        height: 100%;
        background: rgba(0, 0, 0, 0);
        text-align: left;
        padding: 20px
    }

    @media(max-width: 1280px) {
        .blog .slider_blog .swiper-slide-active .content {
            width: 70%;
            padding: 0px
        }
    }

    @media(max-width: 768px) {
        .blog .slider_blog .swiper-slide-active .content {
            width: 100%
        }
    }

    .blog .blog__button a.yellow:hover {
        background: var(--blue);
        color: #fff
    }

    .product {
        padding-top: 90px;
        padding-bottom: 90px;
        margin-bottom: 100px;
        position: relative;
        transition: background-color .3s ease
    }

    @media(max-width: 768px) {
        .product {
            padding-top: 40px;
            padding-bottom: 40px;
            margin-top: 50px;
            margin-bottom: 50px
        }
    }

    .product::before {
        content: "";
        background-image: url(../image/product-bg.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

    .product h2 {
        color: #fff;
        text-align: center;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 40px
    }

    @media(max-width: 526px) {
        .product h2 {
            font-size: 26px;
            text-align: center;
            padding-bottom: 10px
        }
    }

    .product .product_container {
        padding: 0px 100px 0px 100px
    }

    @media(max-width: 1024px) {
        .product .product_container {
            padding: 0px 30px 0px 30px
        }
    }

    @media(max-width: 640px) {
        .product .product_container {
            padding: 60px 0px 0px
        }
    }

    .product .product_container .product__information__list {
        padding-bottom: 50px
    }

    .product .product_container .product__information__list__item .photo {
        display: flex;
        justify-content: center;
        transition: filter .3s ease;
        filter: brightness(100%);
        clip-path: polygon(0 0, calc(100% - 70px) 0, 100% 70px, 100% 100%, 0 100%);
        height: 450px
    }

    @media(max-width: 768px) {
        .product .product_container .product__information__list__item .photo {
            height: 350px
        }
    }

    .product .product_container .product__information__list__item .photo a {
        width: 100%;
        height: 100%
    }

    .product .product_container .product__information__list__item .photo a img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .product .product_container .product__information__list__item.full .photo {
        filter: brightness(50%)
    }

    .product .product_container .product__information__list__item h3 {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 153%;
        letter-spacing: -0.18px;
        padding-top: 10px;
        padding-bottom: 8px
    }

    @media(max-width: 768px) {
        .product .product_container .product__information__list__item h3 {
            text-align: center
        }
    }

    .product .product_container .product__information__list__item p.post_excerpt {
        color: #fff;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        padding-bottom: 13px
    }

    @media(max-width: 768px) {
        .product .product_container .product__information__list__item p.post_excerpt {
            text-align: center
        }
    }

    @media(max-width: 768px) {
        .product .product_container .product__information__list__item .link_icon {
            text-align: center
        }
    }

    .product .product_container .product__information__list__item .link_icon a.link {
        color: #fff;
        text-align: center;
        font-family: Montserrat;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase
    }

    .product .product_container .product__information__list__item:nth-child(n) .photo {
        background: #fff
    }

    .product .product_container span.swiper-pagination-bullet {
        background: #fff
    }

    .product .button.pc {
        padding-top: 50px;
        display: flex;
        justify-content: center
    }

    @media(max-width: 640px) {
        .product .button.pc {
            display: none
        }
    }

    .product .button.mob {
        display: none
    }

    @media(max-width: 640px) {
        .product .button.mob {
            padding-top: 30px;
            display: flex;
            justify-content: center
        }
    }

    .product .swiper-button-prev::after {
        display: none
    }
    .hero_product .swiper-button-prev::after {
        display: none
    }

    .product .swiper-button-next::after {
        display: none
    }
    .hero_product .swiper-button-next::after {
        display: none
    }

    .product .swiper-button-next,.hero_product .swiper-button-next {
        transform: rotate(180deg);
        position: absolute;
        right: 5%;
        width: 40px;
        height: 40px
    }

    .product .swiper-button-prev,.hero_product .swiper-button-prev {
        position: absolute;
        left: 5%;
        width: 40px;
        height: 40px
    }

    .list_solution {
        padding-top: 90px;
        padding-bottom: 90px
    }

    @media(max-width: 768px) {
        .list_solution {
            padding-top: 50px;
            padding-bottom: 20px
        }
    }

    .list_solution h2 {
        color: #00080f;
        text-align: left;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 24px
    }

    @media(max-width: 526px) {
        .list_solution h2 {
            font-size: 26px;
            text-align: center
        }
    }

    .list_solution .flex-accordion {
        width: 100%;
        height: 550px;
        overflow: hidden
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion {
            height: auto
        }
    }

    .list_solution .flex-accordion ul {
        height: 100%;
        width: 100%;
        display: flex;
        margin: 0;
        padding: 0;
        list-style: none;
        gap: 30px
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul {
            flex-direction: column;
            height: auto;
            gap: 10px
        }
    }

    .list_solution .flex-accordion ul li {
        display: flex;
        position: relative;
        height: 100%;
        cursor: pointer;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        transition: all .5s ease;
        width: 100px
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li {
            width: 100%;
            height: 100px;
            overflow: hidden
        }
    }

    .list_solution .flex-accordion ul li .bg_image {
        background-size: cover;
        border-radius: 20px;
        background-repeat: no-repeat;
        width: 100px
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li .bg_image {
            width: 100%;
            height: 100%
        }
    }

    .list_solution .flex-accordion ul li .link_icon {
        display: none
    }

    .list_solution .flex-accordion ul li:nth-child(1n)::before {
        content: "";
        position: absolute;
        background-image: url(../image/li_y.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 70%;
        bottom: 0;
        right: 0;
        z-index: 0
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li:nth-child(1n)::before {
            background-image: url(../image/mob_y.png);
            bottom: -10px
        }
    }

    .list_solution .flex-accordion ul li:nth-child(1n) .title-closed {
        color: #00080f
    }

    .list_solution .flex-accordion ul li:nth-child(2n)::before {
        content: "";
        position: absolute;
        background-image: url(../image/li_b.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 70%;
        bottom: 0;
        right: 0;
        z-index: 0
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li:nth-child(2n)::before {
            background-image: url(../image/mob_b.png);
            bottom: -10px
        }
    }

    .list_solution .flex-accordion ul li:nth-child(2n) .title-closed {
        color: #fff
    }

    .list_solution .flex-accordion ul li:nth-child(3n)::before {
        content: "";
        position: absolute;
        background-image: url(../image/li_y.svg);
        background-size: contain;
        background-repeat: no-repeat;
        width: 100%;
        height: 70%;
        bottom: 0;
        right: 0;
        z-index: 0
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li:nth-child(3n)::before {
            background-image: url(../image/mob_y.png);
            bottom: -10px
        }
    }

    .list_solution .flex-accordion ul li:nth-child(3n) .title-closed {
        color: #00080f
    }

    .list_solution .flex-accordion ul li p.number {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto 0;
        padding: 30px;
        text-align: center;
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li p.number {
            padding: 10px;
            text-align: left
        }
    }

    @media(max-width: 526px) {
        .list_solution .flex-accordion ul li p.number {
            font-size: 16px
        }
    }

    .list_solution .flex-accordion ul li.is-open {
        flex-grow: 10;
        position: relative;
        cursor: pointer
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open {
            flex-grow: 1;
            height: auto
        }
    }

    .list_solution .flex-accordion ul li.is-open .bg_image {
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 175px), calc(100% - 175px) 100%, 0 100%);
        overflow: visible;
        background-size: cover;
        position: relative;
        width: 100%
    }

    @media(max-width: 1024px) {
        .list_solution .flex-accordion ul li.is-open .bg_image {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 95px), calc(100% - 95px) 100%, 0 100%)
        }
    }

    .list_solution .flex-accordion ul li.is-open .bg_image::before {
        content: "";
        position: absolute;
        background-image: url(../image/bg.svg);
        background-size: cover;
        width: 100%;
        height: 100%;
        top: 0
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open .bg_image {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%);
            height: auto
        }
    }

    .list_solution .flex-accordion ul li.is-open .link_icon {
        display: flex;
        gap: 5px;
        position: absolute;
        bottom: 0;
        right: 0
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open .link_icon {
            display: none
        }
    }

    .list_solution .flex-accordion ul li.is-open .link_icon .next_button {
        display: block;
        color: var(--blue, );
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        text-transform: uppercase
    }

    @media(max-width: 1024px) {
        .list_solution .flex-accordion ul li.is-open .link_icon .next_button {
            font-size: 12px
        }
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open .link_icon .next_button {
            display: none
        }
    }

    .list_solution .flex-accordion ul li.is-open .link_icon img.arrow {
        width: 20px;
        height: 20px
    }

    .list_solution .flex-accordion ul li.is-open p.number {
        position: absolute;
        left: 0;
        right: 0;
        margin: auto 0;
        padding: 50px 50px 0px;
        text-align: left;
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open p.number {
            padding: 10px
        }
    }

    @media(max-width: 526px) {
        .list_solution .flex-accordion ul li.is-open p.number {
            font-size: 16px;
            padding: 20px
        }
    }

    .list_solution .flex-accordion ul li.is-open .title-closed {
        display: none
    }

    .list_solution .flex-accordion ul li.is-open .title-open {
        display: block;
        transform: none;
        position: relative
    }

    .list_solution .flex-accordion ul li.is-open .title-open h3 {
        color: #fff;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.56px;
        padding-bottom: 15px
    }

    @media(max-width: 1024px) {
        .list_solution .flex-accordion ul li.is-open .title-open h3 {
            font-size: 22px
        }
    }

    .list_solution .flex-accordion ul li.is-open .panel-inner {
        opacity: 1;
        padding: 40px
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul li.is-open .panel-inner {
            padding: 140px 30px 40px
        }
    }

    @media(max-width: 526px) {
        .list_solution .flex-accordion ul li.is-open .panel-inner {
            padding: 100px 20px 30px
        }
    }

    .list_solution .flex-accordion ul .text {
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px;
        padding-bottom: 20px
    }

    @media(max-width: 1024px) {
        .list_solution .flex-accordion ul .text {
            font-size: 14px
        }
    }

    .list_solution .flex-accordion ul .text a {
        font-weight: 500
    }

    .list_solution .flex-accordion ul .text a:hover {
        color: var(--yellow-dark)
    }

    .list_solution .flex-accordion ul .title-closed {
        position: absolute;
        right: -1%;
        bottom: 15%;
        width: 100px;
        transform: rotate(-90deg);
        white-space: nowrap;
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul .title-closed {
            position: relative;
            transform: rotate(0deg);
            padding: 20px;
            width: 100%;
            text-align: left;
            bottom: -10%;
            display: flex;
            height: 100%;
            align-items: center
        }
    }

    .list_solution .flex-accordion ul .title-open {
        display: none
    }

    .list_solution .flex-accordion ul .panel-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        width: 100%;
        height: 100%;
        position: relative;
        opacity: 0;
        transition: opacity .5s ease
    }

    .list_solution .flex-accordion ul .panel-inner .text_content {
        width: 65%;
        padding: 50px;
        background-color: rgba(0, 40, 87, .7);
        border-radius: 20px 20px 0px 20px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 175px), calc(100% - 175px) 100%, 0 100%)
    }

    @media(max-width: 1280px) {
        .list_solution .flex-accordion ul .panel-inner .text_content {
            width: 80%;
            padding: 30px
        }
    }

    @media(max-width: 1024px) {
        .list_solution .flex-accordion ul .panel-inner .text_content {
            padding: 20px;
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 95px), calc(100% - 95px) 100%, 0 100%)
        }
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul .panel-inner .text_content {
            width: 100%;
            padding: 20px;
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 35px), calc(100% - 35px) 100%, 0 100%);
            border-radius: 0
        }
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list {
        display: flex;
        padding-bottom: 30px
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item {
        padding-right: 17px;
        padding-left: 17px;
        border-left: 1px solid rgba(255, 255, 255, .7333333333);
        border-right: 1px solid rgba(255, 255, 255, .7333333333)
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item {
            padding-right: 10px;
            padding-left: 10px
        }
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item:first-child {
        padding-left: 0px;
        border-left: 0px solid #fff
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item:last-child {
        padding-right: 0px;
        border-right: 0px solid #fff
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item p.numb-title {
        color: #fff;
        font-size: 34px;
        font-weight: 400;
        line-height: normal;
        text-align: left
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item p.numb-title {
            font-size: 26px
        }
    }

    .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item p.numb-text {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .list_solution .flex-accordion ul .panel-inner .text_content .numb-list .numb-item p.numb-text {
            font-size: 12px
        }
    }

    .hero_about {
        padding-top: 150px
    }

    @media(max-width: 768px) {
        .hero_about {
            padding-top: 120px
        }
    }

    .hero_about__info {
        display: flex;
        gap: 30px;
        justify-content: center
    }

    @media(max-width: 1024px) {
        .hero_about__info {
            flex-direction: column-reverse
        }
    }

    .hero_about__info__images {
        height: 520px;
        width: auto
    }

    @media(max-width: 1280px) {
        .hero_about__info__images {
            width: 70%
        }
    }

    @media(max-width: 1024px) {
        .hero_about__info__images {
            width: 100%
        }
    }

    @media(max-width: 526px) {
        .hero_about__info__images {
            height: 343px
        }
    }

    .hero_about__info__images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px
    }

    .hero_about__info__text {
        background-color: #b9dcff;
        position: relative;
        width: 515px;
        clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
        border-radius: 15px
    }

    @media(max-width: 1280px) {
        .hero_about__info__text {
            width: 50%;
            overflow: hidden
        }
    }

    @media(max-width: 1280px) {
        .hero_about__info__text {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .hero_about__info__text {
            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%)
        }
    }

    .hero_about__info__text::before {
        content: "";
        position: absolute;
        background-image: url(../image/quotes.svg);
        top: 36px;
        width: 57px;
        height: 40px;
        background-repeat: no-repeat;
        left: 33px
    }

    @media(max-width: 526px) {
        .hero_about__info__text::before {
            width: 36px;
            height: 27px;
            top: 20px;
            background-size: contain;
            left: 19px
        }
    }

    .hero_about__info__text .content__photo {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 392px;
        height: 449px
    }

    @media(max-width: 1430px) {
        .hero_about__info__text .content__photo {
            width: 352px;
            height: 349px
        }
    }

    @media(max-width: 526px) {
        .hero_about__info__text .content__photo {
            width: 261px;
            height: 239px
        }
    }

    .hero_about__info__text .content__photo img {
        transform: scaleX(-1)
    }

    @media(max-width: 768px) {
        .hero_about__info__text .content__photo img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
    }

    .hero_about__info__text .content__details {
        padding: 0px 35px
    }

    @media(max-width: 1024px) {
        .hero_about__info__text .content__details {
            padding: 35px
        }
    }

    @media(max-width: 526px) {
        .hero_about__info__text .content__details {
            padding: 20px
        }
    }

    .hero_about__info__text .content__details p {
        color: #00080f;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 526px) {
        .hero_about__info__text .content__details p {
            font-size: 10px
        }
    }

    .hero_about__info__text .content__details p.name {
        position: relative
    }

    .hero_about__info__text .content__details p.name::before {
        position: absolute;
        content: "";
        background: #0054a6;
        z-index: 0;
        width: 26px;
        height: 4px;
        bottom: 0;
        left: -8%;
        top: 9px
    }

    @media(max-width: 1024px) {
        .hero_about__info__text .content__details p.name::before {
            left: -5%
        }
    }

    @media(max-width: 768px) {
        .hero_about__info__text .content__details p.name::before {
            left: -7%;
            top: 7px;
            width: 19px;
            height: 3px
        }
    }

    .hero_about__info__text h1 {
        color: #00080f;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        width: 357px;
        padding: 90px 35px 130px
    }

    @media(max-width: 1430px) {
        .hero_about__info__text h1 {
            font-size: 34px
        }
    }

    @media(max-width: 1280px) {
        .hero_about__info__text h1 {
            font-size: 29px
        }
    }

    @media(max-width: 1024px) {
        .hero_about__info__text h1 {
            padding: 90px 35px 50px
        }
    }

    @media(max-width: 526px) {
        .hero_about__info__text h1 {
            padding: 60px 20px 40px;
            width: 217px;
            font-size: 24px
        }
    }

    .history {
        padding-top: 100px;
        padding-bottom: 60px
    }

    @media(max-width: 768px) {
        .history {
            padding-top: 70px;
            padding-bottom: 50px
        }
    }

    .history__content {
        padding-left: 150px;
        padding-right: 150px;
        height: auto
    }

    @media(max-width: 1280px) {
        .history__content {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    .history__content__text h2.title_history {
        color: #00080f;
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 32px
    }

    @media(max-width: 1024px) {
        .history__content__text h2.title_history {
            font-size: 29px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .history__content__text h2.title_history {
            font-size: 20px
        }
    }

    .history__content__text p {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    @media(max-width: 526px) {
        .history__content__text p {
            font-size: 14px;
            line-height: normal
        }
    }

    .history__content__list {
        display: flex;
        justify-content: space-between;
        padding-top: 45px
    }

    @media(max-width: 768px) {
        .history__content__list {
            justify-content: space-evenly;
            flex-wrap: wrap;
            gap: 20px
        }
    }

    .history__content__list li {
        display: flex;
        flex-direction: column;
        gap: 10px;
        align-items: center
    }

    .history__content__list li img {
        width: 50px;
        height: 50px;
        object-fit: contain
    }

    @media(max-width: 526px) {
        .history__content__list li img {
            width: 40px;
            height: 40px
        }
    }

    .history__content__list li p {
        color: #00080f;
        text-align: center;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%
    }

    .culture {
        padding: 100px
    }

    @media(max-width: 1440px) {
        .culture {
            padding: 50px
        }
    }

    @media(max-width: 1280px) {
        .culture {
            padding: 100px 0px
        }
    }

    @media(max-width: 526px) {
        .culture {
            padding: 50px 0px
        }
    }

    .culture__information {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .culture__information__text {
        width: 40%
    }

    @media(max-width: 1024px) {
        .culture__information__text {
            width: 100%
        }
    }

    .culture__information__text h2 {
        color: #00080f;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 16px;
        position: relative
    }

    @media(max-width: 1024px) {
        .culture__information__text h2 {
            font-size: 29px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .culture__information__text h2 {
            font-size: 26px
        }
    }

    .culture__information__text h2::before {
        position: absolute;
        content: "";
        background: var(--yellow-dark);
        z-index: 0;
        width: 92px;
        height: 7px;
        bottom: 0;
        left: -19%;
        top: 16px
    }

    @media(max-width: 1440px) {
        .culture__information__text h2::before {
            left: -22%
        }
    }

    @media(max-width: 1280px) {
        .culture__information__text h2::before {
            left: -25%
        }
    }

    @media(max-width: 1024px) {
        .culture__information__text h2::before {
            left: -12%;
            width: 72px
        }
    }

    @media(max-width: 768px) {
        .culture__information__text h2::before {
            width: 64px
        }
    }

    @media(max-width: 526px) {
        .culture__information__text h2::before {
            left: -21%;
            top: 10px
        }
    }

    .culture__information__text p {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        opacity: .8;
        letter-spacing: -0.32px
    }

    @media(max-width: 526px) {
        .culture__information__text p {
            font-size: 14px;
            line-height: 160%
        }
    }

    .culture__information__text .text_first {
        padding-top: 20px
    }

    .culture__information__text .text_first p {
        padding-bottom: 16px
    }

    .culture__information__text p.text_second {
        padding-bottom: 32px
    }

    .culture__information__text img.img_mob {
        display: none
    }

    @media(max-width: 1024px) {
        .culture__information__text img.img_mob {
            display: block;
            width: 100%;
            height: 100%;
            padding-top: 24px;
            padding-bottom: 24px
        }
    }

    @media(max-width: 526px) {
        .culture__information__text img.img_mob {
            height: 400px
        }
    }

    .culture__information__image {
        width: 534px;
        height: 611px
    }

    @media(max-width: 1024px) {
        .culture__information__image {
            display: none
        }
    }

    .culture__information__image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    @media(max-width: 1024px) {
        .culture__information__image img {
            display: none
        }
    }

    .applications {
        background-color: var(--blue);
        position: relative
    }

    .applications::before {
        content: "";
        background-image: url(../image/product-bg.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

    @media(max-width: 768px) {
        .applications {
            padding-top: 30px;
            padding-bottom: 40px
        }
    }

    .applications h2 {
        color: #fff;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 32px
    }

    @media(max-width: 1024px) {
        .applications h2 {
            font-size: 32px;
            padding-bottom: 22px
        }
    }

    .applications__content {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .applications__content__list {
        width: 50%;
        padding: 50px 100px
    }

    @media(max-width: 1024px) {
        .applications__content__list {
            padding: 30px 40px
        }
    }

    @media(max-width: 526px) {
        .applications__content__list {
            padding: 20px
        }
    }

    @media(max-width: 768px) {
        .applications__content__list {
            width: 100%
        }
    }

    .applications__content__list li.active .text {
        max-height: 200px;
        opacity: .7
    }

    .applications__content__list li.active .image_mob {
        display: none
    }

    @media(max-width: 768px) {
        .applications__content__list li.active .image_mob {
            display: block;
            width: 100%;
            height: 354px;
            object-fit: cover;
            border-radius: 10px;
            margin-top: 20px
        }
    }

    @media(max-width: 526px) {
        .applications__content__list li.active .image_mob {
            height: 210px
        }
    }

    .applications__content__list li.active .title {
        position: relative;
        margin-bottom: 20px
    }

    @media(max-width: 1024px) {
        .applications__content__list li.active .title {
            margin-bottom: 10px
        }
    }

    .applications__content__list li.active .title::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../image/faq.svg);
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        transform: rotate(90deg)
    }

    .applications__content__list li {
        cursor: pointer
    }

    .applications__content__list li .text {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease, opacity .3s ease;
        opacity: 0;
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px
    }

    @media(max-width: 1024px) {
        .applications__content__list li .text {
            font-size: 14px
        }
    }

    .applications__content__list li .image_mob {
        display: none
    }

    .applications__content__list .title {
        color: #fff;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        position: relative
    }

    @media(max-width: 1024px) {
        .applications__content__list .title {
            font-size: 16px
        }
    }

    .applications__content__list .title::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../image/faq.svg);
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0
    }

    .applications__content__list .applications__content__item {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, .5);
        padding-bottom: 20px
    }

    .applications__content__list .button-group {
        margin-top: 50px
    }

    @media(max-width: 1280px) {
        .applications__content__list .button-group {
            margin-top: 10px
        }
    }

    @media(max-width: 768px) {
        .applications__content__list .button-group {
            margin-top: 50px
        }

        .applications__content__list .button-group a {
            padding: 12px 24px;
            width: 213px
        }
    }

    .applications .swiper-container {
        width: 50%;
        overflow: hidden;
        position: relative
    }

    @media(max-width: 768px) {
        .applications .swiper-container {
            display: none
        }
    }

    .applications .swiper-container .swiper-slide {
        height: 670px;
        cursor: pointer
    }

    @media(max-width: 1024px) {
        .applications .swiper-container .swiper-slide {
            height: 570px
        }
    }

    .applications .swiper-container .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .applications .swiper-pagination {
        position: relative;
        z-index: 1
    }

    .applications .swiper-pagination-bullet {
        width: 120px;
        height: 4px;
        border-radius: 2px;
        position: relative;
        overflow: hidden
    }

    @media(max-width: 1024px) {
        .applications .swiper-pagination-bullet {
            width: 50px
        }
    }

    .applications .swiper-pagination-bullet::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: #fff
    }

    .applications .swiper-pagination-bullet-active {
        background: rgba(0, 0, 0, .4)
    }

    .applications .swiper-pagination-bullet-active::before {
        opacity: 1;
        background: #fff;
        animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards
    }

    .swiper-paused .applications .swiper-pagination-bullet-active::before {
        animation-play-state: paused
    }

    @keyframes slide-progress {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    .standard {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .standard {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .standard__text {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center
    }

    .standard__text h2 {
        color: #00080f;
        text-align: center;
        font-size: 36px;
        font-style: normal;
        width: 953px;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 32px
    }

    @media(max-width: 1024px) {
        .standard__text h2 {
            font-size: 29px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .standard__text h2 {
            font-size: 26px;
            text-align: start;
            font-weight: 500
        }
    }

    .standard__list {
        display: flex;
        justify-content: space-between
    }

    @media(max-width: 1280px) {
        .standard__list {
            flex-wrap: wrap;
            justify-content: space-evenly
        }
    }

    @media(max-width: 768px) {
        .standard__list {
            gap: 20px
        }
    }

    .standard__list li {
        display: flex;
        width: 260px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    @media(max-width: 768px) {
        .standard__list li {
            width: 47%
        }
    }

    .standard__list li img {
        width: 48px;
        height: 48px;
        padding-bottom: 8px
    }

    .standard__list li .title {
        color: #00080f;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .standard__list li .title {
            font-size: 18px
        }
    }

    .standard__list li .text {
        color: rgba(0, 8, 15, .7803921569);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 768px) {
        .standard__list li .text {
            font-size: 12px
        }
    }

    .hero_contact {
        padding-bottom: 270px;
        padding-top: 150px
    }

    @media(max-width: 1024px) {
        .hero_contact {
            padding-bottom: 50px
        }
    }

    .hero_contact__information {
        position: relative;
        display: flex;
        justify-content: space-between
    }

    @media(max-width: 1024px) {
        .hero_contact__information {
            flex-direction: column;
            gap: 20px
        }
    }

    .hero_contact__information .form__thanks {
        position: relative
    }

    .hero_contact__information-content {
        background: var(--blue);
        padding: 134px 70px;
        position: relative;
        width: 100%;
        border-radius: 10px;
    }

    @media(max-width: 1280px) {
        .hero_contact__information-content {
            padding: 64px 30px
        }
        .hero_contact__information-form{
            right: 19px ;
        }
    }

    @media(max-width: 526px) {
        .hero_contact__information-content {
            padding: 40px 20px;
            border-radius: 15px;
            clip-path: polygon(0 0, calc(100% - 60px) 0, 100% 60px, 100% 100%, 0 100%)
        }
    }

    .hero_contact__information-content::before {
        content: "";
        background-image: url(../image/product-bg.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }

    .hero_contact__information-form {
        position: absolute;
        right: 26px;
        top: 5%;
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0px 40px 80px 0px rgba(17, 17, 17, .08);
        width: 650px
    }

    @media(max-width: 1280px) {
        .hero_contact__information-form {
            width: 475px;
            right: 19px;
            padding: 15px
        }
    }

    @media(max-width: 1024px) {
        .hero_contact__information-form {
            width: 100%;
            position: relative
        }
    }

    .hero_contact .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        color: #dc3232;
        font-size: 1em;
        font-weight: normal;
        display: block;
        position: absolute;
        top: 31px;
        font-size: 10px
    }

    .hero_contact .product-checkboxes .wpcf7-not-valid-tip {
        top: auto;
        bottom: 0
    }

    .hero_contact .wpcf7 form.sent .wpcf7-response-output {
        border-color: #46b450;
        display: none
    }

    .hero_contact .desktop-checkboxes span.wpcf7-not-valid-tip {
        width: 150px;
        top: auto;
        bottom: 0%;
        height: fit-content
    }

    .hero_contact .wpcf7-response-output {
        display: none
    }

    .hero_contact__title {
        color: #fff;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        padding-bottom: 16px;
        z-index: 99;
        position: relative;
        width: 524px
    }

    .hero_contact__title span {
        color: var(--yellow-dark)
    }

    @media(max-width: 1280px) {
        .hero_contact__title {
            width: 424px
        }
    }

    @media(max-width: 768px) {
        .hero_contact__title {
            width: 80%
        }
    }

    @media(max-width: 526px) {
        .hero_contact__title {
            width: 100%;
            font-size: 30px;
            padding-bottom: 8px
        }
    }

    .hero_contact__text {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        width: 524px;
        z-index: 99;
        position: relative
    }

    @media(max-width: 1280px) {
        .hero_contact__text {
            width: 424px
        }
    }

    @media(max-width: 768px) {
        .hero_contact__text {
            width: 80%
        }
    }

    @media(max-width: 526px) {
        .hero_contact__text {
            width: 100%;
            font-size: 16px
        }
    }

    .hero_contact select.contact-form__select {
        color: rgba(0, 8, 15, .5);
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
        padding: 13px
    }

    .hero_contact__contacts {
        width: 60%;
        display: flex;
        gap: 40px;
        padding-top: 100px;
        z-index: -1;
        position: relative
    }

    @media(max-width: 1280px) {
        .hero_contact__contacts {
            padding-top: 50px;
            padding-left: 0px;
            z-index: 9999
        }
    }

    @media(max-width: 1024px) {
        .hero_contact__contacts {
            width: 100%
        }
    }

    @media(max-width: 526px) {
        .hero_contact__contacts {
            flex-direction: column
        }
    }

    .hero_contact__contacts-item {
        width: 36%
    }

    @media(max-width: 768px) {
        .hero_contact__contacts-item {
            width: 47%
        }
    }

    @media(max-width: 526px) {
        .hero_contact__contacts-item {
            width: 100%
        }
    }

    .hero_contact__contacts-subtitle {
        color: #3c3c3c;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase
    }

    .hero_contact__contacts-title {
        color: var(--blue);
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.48px;
        padding-bottom: 16px
    }

    @media(max-width: 1280px) {
        .hero_contact__contacts-title {
            font-size: 18px
        }
    }

    .hero_contact__contacts-text {
        color: rgba(0, 8, 15, .7);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 148%;
        letter-spacing: -0.32px;
        padding-bottom: 12px
    }

    @media(max-width: 1280px) {
        .hero_contact__contacts-text {
            font-size: 14px
        }
    }

    .hero_contact__contacts-contact {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .hero_contact__contacts-phone,
    .hero_contact__contacts-email {
        display: flex;
        gap: 8px;
        align-items: center
    }

    .hero_contact__contacts-phone img,
    .hero_contact__contacts-email img {
        width: 22px;
        height: 23px
    }

    .hero_contact__contacts-phone p,
    .hero_contact__contacts-email p {
        color: rgba(0, 8, 15, .7);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        letter-spacing: -0.32px
    }

    @media(max-width: 1280px) {

        .hero_contact__contacts-phone p,
        .hero_contact__contacts-email p {
            font-size: 12px
        }
    }

    .hero_contact .contact-form-wrapper.hide {
        transform: scale(0)
    }

    .hero_contact .contact-form-thanks {
        bottom: 0%;
        position: absolute;
        z-index: 1;
        transform: scale(0) translateX(-50%);
        transition: all .2s;
        right: 0;
        left: 50%;
        margin: auto;
        top: 0
    }

    .hero_contact .contact-form-thanks.show {
        transform: scale(1) translateX(-50%);
        width: 420px;
        height: fit-content;
        background: rgba(255, 255, 255, 0);
        text-align: center
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form-thanks.show {
            width: 100%;
            padding: 30px
        }
    }

    .hero_contact .contact-form-thanks h2 {
        color: var(--blue);
        text-align: center;
        font-size: 36px;
        font-weight: 400;
        line-height: 130%
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form-thanks h2 {
            font-size: 26px
        }
    }

    .hero_contact .contact-form-thanks p {
        color: #3c3c3c;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.2px;
        padding-top: 20px
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form-thanks p {
            font-size: 18px;
            padding-top: 15px
        }
    }

    .hero_contact .contact-form-thanks a {
        margin-top: 40px;
        color: #00080f;
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        width: 100%;
        display: block;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .hero_contact .contact-form-thanks a:hover {
        background: var(--blue);
        color: #fff
    }

    .hero_contact .contact-form .iti.iti--allow-dropdown {
        width: 100%
    }

    .hero_contact .contact-form__row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;
        gap: 10px
    }

    @media(max-width: 1280px) {
        .hero_contact .contact-form__row {
            margin-bottom: 5px
        }
    }

    .hero_contact .contact-form__row .contact-form__group {
        width: 50%
    }

    .hero_contact .contact-form__row .contact-form__group .iti {
        width: 100%
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form__row .contact-form__group {
            width: 100%
        }

        .hero_contact .contact-form__row .contact-form__group .iti.iti--allow-dropdown {
            width: 100%
        }
    }

    .hero_contact .contact-form__row__group {
        flex: 0 0 48%
    }

    @media(max-width: 526px) {
        .hero_contact .contact-form__row {
            gap: 0px;
            flex-direction: column;
            margin-bottom: 0px
        }
    }

    .hero_contact .contact-form__group label {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        opacity: .6;
        display: block;
        margin-bottom: 5px
    }

    .hero_contact .contact-form__group button.hero__btn {
        margin-bottom: 16px;
        background: #fc0;
        color: #000;
        padding: 10px 20px;
        border: none;
        border-radius: 5px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%)
    }

    .hero_contact .contact-form__group button.hero__btn:hover {
        background: var(--blue);
        color: #fff
    }

    .hero_contact .contact-form__input,
    .hero_contact .contact-form__select,
    .hero_contact .contact-form__textarea {
        width: 100%;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #d1d5db;
        background: #fff;
        margin-bottom: 10px
    }

    .hero_contact .contact-form__input::placeholder,
    .hero_contact .contact-form__select::placeholder,
    .hero_contact .contact-form__textarea::placeholder {
        color: rgba(0, 8, 15, .5);
        font-size: 14px;
        font-weight: 300;
        line-height: 140%
    }

    .hero_contact .contact-form__input:focus,
    .hero_contact .contact-form__select:focus,
    .hero_contact .contact-form__textarea:focus {
        outline: none;
        border-color: var(--blue);
        box-shadow: 0 0 5px rgba(0, 123, 255, .5)
    }

    .hero_contact .contact-form .wpcf7-checkbox {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        padding-top: 10px;
        padding-bottom: 10px
    }

    @media(max-width: 480px) {
        .hero_contact .contact-form .wpcf7-checkbox {
            flex-direction: column;
            gap: 5px
        }
    }

    .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item {
        width: 49%;
        display: block;
        margin: inherit;
        display: flex;
        align-items: center
    }

    @media(max-width: 480px) {
        .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item {
            width: 100%
        }
    }

    .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox] {
        display: none
    }

    .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label {
        position: relative;
        padding-left: 25px;
        cursor: pointer
    }

    .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label::before {
        content: "";
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 18px;
        height: 18px;
        border: 1px solid #d1d5db;
        background: #fff;
        border-radius: 3px
    }

    .hero_contact .contact-form .wpcf7-checkbox .wpcf7-list-item input[type=checkbox]:checked+.wpcf7-list-item-label::after {
        content: "";
        position: absolute;
        left: 6px;
        top: -3%;
        transform: translateY(-50%);
        font-size: 14px;
        width: 6px;
        height: 14px;
        border: solid #0054a6;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg)
    }

    .hero_contact .contact-form__textarea {
        width: 100%;
        height: 150px
    }

    @media(max-width: 1280px) {
        .hero_contact .contact-form__textarea {
            height: 65px
        }
    }

    .hero_contact .contact-form__terms {
        color: rgba(0, 8, 15, .4901960784);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center
    }

    .hero_contact .contact-form__terms a {
        color: #000;
        font-weight: 500;
        opacity: 1
    }

    .hero_contact .contact-form .desktop-checkboxes {
        display: block
    }

    .hero_contact .contact-form .mobile-select {
        display: none
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form .desktop-checkboxes {
            display: none
        }

        .hero_contact .contact-form .mobile-select {
            display: block
        }
    }

    .hero_contact .contact-form select {
        color: rgba(0, 8, 15, .5);
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
        padding: 13px
    }

    @media(max-width: 768px) {
        .hero_contact .contact-form select {
            padding: 10px
        }
    }

    .hero_contact.tradeshowusa {
        padding-bottom: 10px
    }

    .hero_contact.tradeshowusa .hero_contact__information-form {
        top: 25%
    }

    .projects {
        padding-top: 100px
    }

    @media(max-width: 1280px) {
        .projects {
            padding-top: 50px
        }
    }

    @media(max-width: 1024px) {
        .projects {
            padding-top: 50px
        }
    }

    @media(max-width: 480px) {
        .projects {
            padding-top: 10px
        }
    }

    .projects-title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        letter-spacing: -1.14px;
        padding-bottom: 25px
    }

    @media(max-width: 526px) {
        .projects-title {
            font-size: 26px
        }
    }

    .projects__slider .gallery {
        padding-bottom: 50px;
        position: relative
    }

    @media(max-width: 768px) {
        .projects__slider .gallery {
            padding: 0px 20px 50px
        }
    }

    .projects__slider .gallery .swiper-pagination-bullet {
        background: #0054a5;
        width: 6px;
        height: 6px
    }

    .projects__slider .swiper-slide {
        width: auto;
        height: 480px;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center
    }

    @media(max-width: 526px) {
        .projects__slider .swiper-slide {
            height: 379px
        }
    }

    .projects__slider .swiper-slide img {
        display: block;
        width: 100%;
        height: 480px;
        object-fit: cover;
        border-radius: 10px
    }

    @media(max-width: 526px) {
        .projects__slider .swiper-slide img {
            height: 379px
        }
    }

    .faq {
        padding: 125px 0 56px 0;
    }

    @media(width < 768px) {
        .faq {
            padding: 32px 0
        }
    }

    .faq__title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 30px
    }

    @media(max-width: 526px) {
        .faq__title {
            font-size: 26px;
            padding-bottom: 10px;
            line-height: normal
        }
    }

    .faq.hero_drill .information {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px
    }

    .faq.hero_drill .information .faq__text {
        text-align: center;
        width: 60%;
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px
    }

    @media(max-width: 1024px) {
        .faq.hero_drill .information .faq__text {
            font-size: 16px;
            line-height: normal;
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .faq.hero_drill .information .faq__text {
            font-size: 14px
        }
    }

    .faq.hero_drill .faq__list-answer ul {
        padding-left: 20px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 10px
    }

    .faq.hero_drill .faq__list-answer ul li {
        list-style: initial
    }

    .faq.hero_drill a.faq-links {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        text-align: center;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 100%;
        display: block;
        margin-top: 50px
    }

    .faq.hero_drill a.faq-links:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    .faq__wrap {
        padding: 0 200px 40px
    }

    @media(max-width: 1280px) {
        .faq__wrap {
            padding: 0 100px 30px
        }
    }

    @media(max-width: 1024px) {
        .faq__wrap {
            padding: 0px 0px 30px
        }
    }

    .faq__list-number {
        display: flex;
        gap: 103px;
        align-items: center;
        cursor: pointer
    }

    @media(max-width: 768px) {
        .faq__list-number {
            gap: 20px;
            align-items: flex-start
        }
    }

    @media(max-width: 526px) {
        .faq__list-number {
            gap: 8px
        }
    }

    .faq__list-number span {
        color: #00101c;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 170%
    }

    .faq__list-toggler {
        width: 100%;
        position: relative
    }

    @media(max-width: 768px) {
        .faq__list-toggler {
            width: 90%
        }
    }

    .faq__list-toggler::before {
        content: "";
        vertical-align: middle;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../image/faq1.svg);
        right: 0px;
        transform: rotate(180deg);
        color: #002b4d;
        width: 11.667px;
        height: 12px;
        opacity: .5
    }

    @media(max-width: 768px) {
        .faq__list-toggler::before {
            right: -17px;
            top: 10px
        }
    }

    .faq__list-toggler.active {
        padding-bottom: 10px
    }

    .faq__list-toggler.active::before {
        transform: rotate(360deg);
        opacity: 1
    }

    .faq__list-toggler.active .faq__list-question {
        color: var(--blue)
    }
    .faq__list-question {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 153%;
        letter-spacing: -0.18px
    }

    @media(max-width: 768px) {
        .faq__list-question {
            font-size: 17px;
            line-height: 132%
        }
    }

    .faq__list-item {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgba(0, 16, 28, .1)
    }

    .faq__list-item:last-child {
        border-bottom: 1px solid rgba(0, 16, 28, 0)
    }

    .faq__list-answer {
        display: none;
        color: rgba(0, 8, 15, .7);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        opacity: .7
    }

    @media(max-width: 768px) {
        .faq__list-answer {
            padding-right: 50px
        }
    }

    @media(max-width: 428px) {
        .faq__list-answer {
            padding-right: 0px
        }
    }

    .faq__email {
        display: flex;
        gap: 8px;
        align-items: center;
        margin: 0 200px;
        background: var(--blue);
        padding: 12px 24px;
        justify-content: center;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%)
    }

    @media(max-width: 1280px) {
        .faq__email {
            margin: 0 100px
        }
    }

    @media(max-width: 1024px) {
        .faq__email {
            margin: 0;
            flex-wrap: wrap;
            text-align: center;
            padding: 12px 20px
        }
    }

    @media(max-width: 768px) {
        .faq__email {
            padding: 12px 14px
        }
    }

    .faq__email p {
        color: #fff;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px
    }

    @media(max-width: 768px) {
        .faq__email p {
            font-size: 12px;
            line-height: normal
        }
    }

    .faq__email a {
        color: #fff;
        text-decoration-line: underline
    }

    .hero_careers {
        padding-top: 140px
    }

    @media(max-width: 768px) {
        .hero_careers {
            padding-top: 100px
        }
    }

    .hero_careers__info {
        display: flex;
        gap: 30px;
        justify-content: center
    }

    @media(max-width: 1024px) {
        .hero_careers__info {
            flex-direction: column-reverse
        }
    }

    .hero_careers__info__images {
        height: 520px;
        width: auto
    }

    @media(max-width: 1280px) {
        .hero_careers__info__images {
            width: 70%
        }
    }

    @media(max-width: 1024px) {
        .hero_careers__info__images {
            width: 100%
        }
    }

    @media(max-width: 526px) {
        .hero_careers__info__images {
            height: 343px
        }
    }

    .hero_careers__info__images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px
    }

    .hero_careers__info__text {
        background: var(--yellow-dark);
        position: relative;
        width: 525px;
        clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
        border-radius: 15px;
        padding: 93px 36px
    }

    @media(max-width: 1280px) {
        .hero_careers__info__text {
            width: 60%;
            overflow: hidden
        }
    }

    @media(max-width: 1024px) {
        .hero_careers__info__text {
            padding: 63px 36px;
            width: 100%;
            overflow: hidden
        }
    }

    @media(max-width: 768px) {
        .hero_careers__info__text {
            padding: 29px 26px;
            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%)
        }
    }

    .hero_careers__info__text .logo {
        width: 189px;
        height: 57px
    }

    @media(max-width: 768px) {
        .hero_careers__info__text .logo {
            width: 120px;
            height: 36px
        }
    }

    .hero_careers__info__text .content__photo {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 392px;
        height: 449px
    }

    @media(max-width: 1430px) {
        .hero_careers__info__text .content__photo {
            width: 352px;
            height: 349px
        }
    }

    @media(max-width: 526px) {
        .hero_careers__info__text .content__photo {
            width: 261px;
            height: 239px
        }
    }

    .hero_careers__info__text .content__photo img {
        transform: scaleX(-1)
    }

    @media(max-width: 768px) {
        .hero_careers__info__text .content__photo img {
            width: 100%;
            height: 100%;
            object-fit: cover
        }
    }

    .hero_careers__info__text .content__details-text {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 21px;
        letter-spacing: -0.14px
    }

    @media(max-width: 526px) {
        .hero_careers__info__text .content__details-text {
            line-height: normal;
            font-size: 14px
        }
    }

    .hero_careers__info__text .content__details-button {
        color: var(--blue);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        display: flex;
        text-transform: uppercase;
        align-items: center;
        gap: 6px
    }

    @media(max-width: 526px) {
        .hero_careers__info__text .content__details-button {
            font-size: 14px
        }
    }

    .hero_careers__info__text h1 {
        color: #00080f;
        font-size: 42px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-top: 8px;
        padding-bottom: 16px
    }

    @media(max-width: 1280px) {
        .hero_careers__info__text h1 {
            font-size: 36px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .hero_careers__info__text h1 {
            font-size: 31px
        }
    }

    .culture {
        padding: 100px
    }

    @media(max-width: 1440px) {
        .culture {
            padding: 50px
        }
    }

    @media(max-width: 1280px) {
        .culture {
            padding: 100px 0px
        }
    }

    @media(max-width: 526px) {
        .culture {
            padding: 50px 0px
        }
    }

    .culture__information {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .culture__information-text {
        width: 40%
    }

    @media(max-width: 1024px) {
        .culture__information-text {
            width: 100%
        }
    }

    .culture__information-text-titles {
        color: #00080f;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 16px;
        position: relative
    }

    @media(max-width: 1024px) {
        .culture__information-text-titles {
            font-size: 29px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .culture__information-text-titles {
            font-size: 26px
        }
    }

    .culture__information-text-titles::before {
        position: absolute;
        content: "";
        background: var(--yellow-dark);
        z-index: 0;
        width: 72px;
        height: 7px;
        bottom: 0;
        left: -13%;
        top: 16px
    }

    @media(max-width: 1440px) {
        .culture__information-text-titles::before {
            left: -20%
        }
    }

    @media(max-width: 1280px) {
        .culture__information-text-titles::before {
            left: -25%
        }
    }

    @media(max-width: 1024px) {
        .culture__information-text-titles::before {
            left: -12%
        }
    }

    @media(max-width: 526px) {
        .culture__information-text-titles::before {
            left: -22%;
            top: 12px
        }
    }

    .culture__information-text-text_second {
        color: rgba(0, 8, 15, .6784313725);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        padding-bottom: 32px
    }

    @media(max-width: 526px) {
        .culture__information-text-text_second {
            font-size: 14px;
            line-height: 160%
        }
    }

    .culture__information-text-text_first {
        color: rgba(0, 8, 15, .6784313725);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        padding-bottom: 16px
    }

    @media(max-width: 526px) {
        .culture__information-text-text_first {
            font-size: 14px;
            line-height: 160%
        }
    }

    .culture__information-text-list {
        display: flex;
        gap: 50px;
        padding-bottom: 40px;
        width: fit-content
    }

    @media(max-width: 1280px) {
        .culture__information-text-list {
            flex-wrap: wrap;
            gap: 30px
        }
    }

    @media(max-width: 768px) {
        .culture__information-text-list {
            width: 100%;
            justify-content: space-between
        }
    }

    .culture__information-text-list-item {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .culture__information-text-list-item-title {
        color: #00080f;
        font-size: 14px;
        font-weight: 300;
        line-height: 160%
    }

    @media(max-width: 768px) {
        .culture__information-text-list-item-title {
            font-size: 12px
        }
    }

    .culture__information-text-list-info {
        display: flex;
        gap: 8px
    }

    .culture__information-text-list-info-number {
        color: var(--blue);
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase
    }

    @media(max-width: 768px) {
        .culture__information-text-list-info-number {
            font-size: 26px
        }
    }

    .culture__information-text-list-info-mark {
        color: var(--blue);
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase
    }

    @media(max-width: 768px) {
        .culture__information-text-list-info-mark {
            font-size: 26px
        }
    }

    .culture__information-text-button {
        color: var(--blue);
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        display: flex;
        text-transform: uppercase;
        align-items: center;
        gap: 6px
    }

    .culture__information__image.mob {
        display: none
    }

    @media(max-width: 1024px) {
        .culture__information__image.mob {
            display: block;
            width: 100%
        }

        .culture__information__image.mob img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            border-radius: 20px;
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 105px), calc(100% - 105px) 100%, 0 100%);
            display: block
        }
    }

    @media(max-width: 1024px)and (max-width: 468px) {
        .culture__information__image.mob img {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 55px), calc(100% - 55px) 100%, 0 100%)
        }
    }

    .culture__information__image {
        width: 40%;
        height: auto
    }

    @media(max-width: 1280px) {
        .culture__information__image {
            width: 45%
        }
    }

    @media(max-width: 1024px) {
        .culture__information__image {
            display: none
        }
    }

    .culture__information__image .gallery-wrapper {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center
    }

    @media(max-width: 1024px) {
        .culture__information__image .gallery-wrapper {
            justify-content: flex-start;
            margin-bottom: 50px;
            margin-top: 50px
        }
    }

    @media(max-width: 468px) {
        .culture__information__image .gallery-wrapper {
            margin-bottom: 20px;
            margin-top: 20px;
            gap: 10px
        }
    }

    .culture__information__image .gallery-wrapper .gallery-item {
        width: 44%;
        height: 246px
    }

    @media(max-width: 1280px) {
        .culture__information__image .gallery-wrapper .gallery-item {
            height: 226px
        }
    }

    @media(max-width: 768px) {
        .culture__information__image .gallery-wrapper .gallery-item {
            height: 212px
        }
    }

    @media(max-width: 468px) {
        .culture__information__image .gallery-wrapper .gallery-item {
            height: 172px;
            width: 48%
        }
    }

    .culture__information__image .gallery-wrapper .gallery-item:nth-child(1) {
        margin-top: 100px
    }

    @media(max-width: 768px) {
        .culture__information__image .gallery-wrapper .gallery-item:nth-child(1) {
            margin-top: 50px
        }
    }

    .culture__information__image .gallery-wrapper .gallery-item:nth-child(4) {
        margin-top: -100px
    }

    @media(max-width: 768px) {
        .culture__information__image .gallery-wrapper .gallery-item:nth-child(4) {
            margin-top: -50px
        }
    }

    .culture__information__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 105px), calc(100% - 105px) 100%, 0 100%)
    }

    .standard_careers {
        padding-top: 50px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .standard_careers {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .standard_careers__text {
        display: flex;
        flex-wrap: nowrap;
        justify-content: center;
        align-items: center
    }

    .standard_careers__text h2 {
        color: #00080f;
        text-align: center;
        font-size: 36px;
        font-style: normal;
        width: 953px;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 32px
    }

    @media(max-width: 1024px) {
        .standard_careers__text h2 {
            font-size: 29px;
            line-height: normal;
            width: 100%
        }
    }

    @media(max-width: 526px) {
        .standard_careers__text h2 {
            font-size: 26px;
            text-align: start;
            font-weight: 500
        }
    }

    .standard_careers-standard_list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: 30px
    }

    @media(max-width: 1280px) {
        .standard_careers-standard_list {
            justify-content: space-evenly
        }
    }

    @media(max-width: 768px) {
        .standard_careers-standard_list {
            gap: 20px
        }
    }

    .standard_careers-item {
        display: flex;
        width: 21%;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px
    }

    @media(max-width: 1024px) {
        .standard_careers-item {
            width: 27%
        }
    }

    @media(max-width: 768px) {
        .standard_careers-item {
            width: 47%
        }
    }

    .standard_careers-item img {
        width: 48px;
        height: 48px;
        padding-bottom: 8px
    }

    .standard_careers-item .title {
        color: #00080f;
        font-size: 20px;
        font-weight: 500;
        line-height: normal
    }

    @media(max-width: 768px) {
        .standard_careers-item .title {
            font-size: 14px
        }
    }

    .standard_careers-item .text {
        color: rgba(0, 8, 15, .6980392157);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 768px) {
        .standard_careers-item .text {
            font-size: 12px
        }
    }

    .position {
        padding-top: 100px;
        padding-bottom: 100px;
        background: #f6f6f6
    }

    .position-title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 60px
    }

    .position__information-list {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .position__information-filters {
        display: flex;
        justify-content: flex-end;
        gap: 25px
    }

    .position__information-filters select {
        color: #00080f;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        background: #f6f6f6
    }

    .position__information-item {
        padding: 32px;
        border-radius: 10px;
        background: #fff;
        box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, .09)
    }

    @media(max-width: 1024px) {
        .position__information-item {
            padding: 20px
        }
    }

    .position__information-item-content {
        display: flex;
        gap: 96px
    }

    @media(max-width: 768px) {
        .position__information-item-content {
            gap: 26px;
            flex-direction: column
        }
    }

    .position__information-item-content-category {
        border-radius: 55px;
        background: rgba(0, 84, 165, .1);
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        padding: 12px 24px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        height: 50px;
        width: 185px;
        align-items: center
    }

    .position__information-item-content-category:last-child {
        background: rgba(245, 208, 16, .5)
    }

    @media(max-width: 768px) {
        .position__information-item-content-category {
            font-size: 14px;
            padding: 12px 20px;
            height: 30px;
            width: 110px
        }
    }

    .position__information-item-titles {
        display: flex;
        justify-content: space-between;
        width: 100%
    }

    .position__information-item-titles-box-title {
        color: #00080f;
        font-size: 24px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.48px;
        padding-bottom: 12px
    }

    @media(max-width: 768px) {
        .position__information-item-titles-box-title {
            font-size: 20px;
            line-height: normal
        }
    }

    .position__information-item-titles-box-location {
        display: flex;
        gap: 8px;
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    .position__information-item-titles-box button.toggle-details {
        color: var(--blue);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        display: none
    }

    .position__information-item-titles-box button.toggle-details:hover {
        color: var(--yellow-dark)
    }

    @media(max-width: 1024px) {
        .position__information-item-titles-box button.toggle-details {
            display: block;
            padding-top: 10px
        }
    }

    .position__information-item-titles-buttons {
        display: flex;
        gap: 24px;
        align-items: center
    }

    @media(max-width: 1024px) {
        .position__information-item-titles-buttons {
            display: none
        }
    }

    .position__information-item-titles-buttons button.toggle-details {
        color: var(--blue);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    .position__information-item-titles-buttons button.toggle-details:hover {
        color: var(--yellow-dark)
    }

    .position__information-item-titles-buttons a.apply-now {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        border-radius: 2px;
        background-color: var(--blue);
        padding: 12px 34px;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%)
    }

    .position__information-item-titles-buttons a.apply-now:hover {
        background-color: var(--yellow-dark);
        color: #000
    }

    .position__information-item-text.show {
        max-height: 500px;
        padding: 30px 30px 30px 240px
    }

    @media(max-width: 1024px) {
        .position__information-item-text.show {
            padding: 0px
        }
    }

    @media(max-width: 420px) {
        .position__information-item-text.show {
            max-height: fit-content
        }
    }

    .position__information-item-text {
        max-height: 0;
        overflow: hidden;
        transition: max-height .5s ease, padding .5s ease
    }

    .position__information-item-text h3 {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 153%;
        letter-spacing: -0.18px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    @media(max-width: 768px) {
        .position__information-item-text h3 {
            font-size: 16px;
            line-height: normal
        }
    }

    .position__information-item-text p {
        color: rgba(0, 8, 15, .7960784314);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%
    }

    .position__information-item-text ul {
        list-style: disc;
        padding-left: 20px
    }

    .position__information-item-text ul li {
        color: rgba(0, 8, 15, 0.7960784314);
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        line-height: 160%
    }

    .position__information-item-text a.apply-now {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        border-radius: 2px;
        background-color: var(--blue);
        padding: 12px 34px;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        display: none
    }

    .position__information-item-text a.apply-now:hover {
        background-color: var(--yellow-dark);
        color: #000
    }

    @media(max-width: 1024px) {
        .position__information-item-text a.apply-now {
            display: block;
            width: 26%;
            margin-top: 20px
        }
    }

    @media(max-width: 420px) {
        .position__information-item-text a.apply-now {
            width: 50%
        }
    }

    .position__opportunity {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .position__opportunity-title {
        color: var(--blue);
        text-align: center;
        font-size: 38px;
        font-weight: 600;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 30px
    }

    @media(max-width: 768px) {
        .position__opportunity-title {
            font-size: 28px
        }
    }

    .position__opportunity-text {
        color: #00080f;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 21px;
        letter-spacing: -0.14px;
        text-align: center;
        width: 50%
    }

    @media(max-width: 1024px) {
        .position__opportunity-text {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .position__opportunity-text {
            font-size: 16px
        }
    }

    .products {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 1024px) {
        .products {
            padding-top: 0px;
            padding-bottom: 50px
        }
    }

    .products__list {
        padding-left: 50px;
        padding-right: 50px;
        display: flex;
        flex-direction: column
    }

    @media(max-width: 1024px) {
        .products__list {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    .products__list-item:nth-child(2n) .products__list-toggler {
        border-bottom: 1px solid rgba(0, 8, 15, .1);
        background: rgba(246, 246, 246, .41)
    }

    .products__list-description {
        padding: 20px 0px 20px 150px;
        width: 100%
    }

    @media(max-width: 1024px) {
        .products__list-description {
            padding: 20px
        }
    }

    .products__list-description-title {
        color: #0054a5;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        padding-bottom: 10px
    }

    .products__list-description-text {
        color: #00080f;
        font-size: 14px;
        font-weight: 300;
        line-height: 160%;
        padding-bottom: 16px
    }

    .products__list-description-link {
        color: #0054a5;
        font-size: 12px;
        font-weight: 400;
        line-height: 140%;
        text-decoration-line: underline
    }

    .products__list-description-link:hover {
        color: #000
    }

    .products__list-content {
        display: flex;
        flex-direction: row-reverse;
        gap: 50px
    }

    @media(max-width: 768px) {
        .products__list-content {
            flex-direction: column-reverse
        }
    }

    .products__list-content img {
        width: 151px;
        height: 151px
    }

    .products__list-toggler {
        display: flex;
        gap: 108px;
        color: #00080f;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        cursor: pointer;
        position: relative;
        padding: 16px 26px;
        border-bottom: 1px solid rgba(0, 8, 15, .1);
        background: #f6f6f6
    }

    @media(max-width: 1024px) {
        .products__list-toggler {
            gap: 48px
        }
    }

    .products__list-toggler::before {
        content: "";
        vertical-align: middle;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../image/faq1.svg);
        right: 30px;
        transform: rotate(180deg);
        color: #002b4d;
        width: 11.667px;
        height: 12px;
        opacity: .5;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .products__list-toggler.active {
        padding-bottom: 10px;
        background: none;
        border-bottom: 0px solid rgba(0, 8, 15, .1)
    }

    .products__list-toggler.active::before {
        transform: rotate(360deg);
        opacity: 1
    }

    .products__list-answer {
        display: none
    }

    .products__list-answer.active {
        display: block
    }

    .patents {
        padding-top: 200px
    }

    @media(max-width: 768px) {
        .patents {
            padding-top: 100px
        }
    }

    .patents__information {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        height: 450px;
        justify-content: center;
        position: relative;
        padding-bottom: 64px
    }

    @media(max-width: 768px) {
        .patents__information {
            height: auto;
            padding-top: 100px
        }
    }

    @media(max-width: 526px) {
        .patents__information {
            padding-top: 64px
        }
    }

    .patents__information-title {
        color: #00080f;
        text-align: center;
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase
    }

    @media(max-width: 768px) {
        .patents__information-title {
            font-size: 30px;
            line-height: normal
        }
    }

    .patents__information-text {
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        width: 641px
    }

    @media(max-width: 1024px) {
        .patents__information-text {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .patents__information-text {
            font-size: 16px;
            line-height: 160%
        }
    }

    .patents__information-left {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    @media(max-width: 1024px) {
        .patents__information-left {
            display: none
        }
    }

    .patents__information-right {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .products {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 1024px) {
        .products {
            padding-top: 0px;
            padding-bottom: 50px
        }
    }

    .products__list {
        padding-left: 50px;
        padding-right: 50px;
        display: flex;
        flex-direction: column
    }

    @media(max-width: 1024px) {
        .products__list {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    .products__list-item:nth-child(2n) .products__list-toggler {
        border-bottom: 1px solid rgba(0, 8, 15, .1);
        background: rgba(246, 246, 246, .41)
    }

    .products__list-description {
        padding: 20px 0px 20px 150px;
        width: 100%
    }

    @media(max-width: 1024px) {
        .products__list-description {
            padding: 20px
        }
    }

    .products__list-description-title {
        color: #0054a5;
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 1.2px;
        text-transform: uppercase;
        padding-bottom: 10px
    }

    .products__list-description-text {
        color: #00080f;
        font-size: 14px;
        font-weight: 300;
        line-height: 160%;
        padding-bottom: 16px
    }

    .products__list-description-link {
        color: #0054a5;
        font-size: 12px;
        font-weight: 400;
        line-height: 140%;
        text-decoration-line: underline
    }

    .products__list-description-link:hover {
        color: #000
    }

    .products__list-content {
        display: flex;
        flex-direction: row-reverse;
        gap: 50px
    }

    @media(max-width: 768px) {
        .products__list-content {
            flex-direction: column-reverse
        }
    }

    .products__list-content img {
        width: 151px;
        height: 151px
    }

    .products__list-toggler {
        display: flex;
        gap: 108px;
        color: #00080f;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        cursor: pointer;
        position: relative;
        padding: 16px 26px;
        border-bottom: 1px solid rgba(0, 8, 15, .1);
        background: #f6f6f6
    }

    @media(max-width: 1024px) {
        .products__list-toggler {
            gap: 48px
        }
    }

    .products__list-toggler::before {
        content: "";
        vertical-align: middle;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../image/faq1.svg);
        right: 30px;
        transform: rotate(180deg);
        color: #002b4d;
        width: 11.667px;
        height: 12px;
        opacity: .5;
        top: 0;
        bottom: 0;
        margin: auto
    }

    .products__list-toggler.active {
        padding-bottom: 10px;
        background: none;
        border-bottom: 0px solid rgba(0, 8, 15, .1)
    }

    .products__list-toggler.active::before {
        transform: rotate(360deg);
        opacity: 1
    }

    .products__list-answer {
        display: none
    }

    .products__list-answer.active {
        display: block
    }

    .blog-page {
        padding-top: 140px
    }

    @media(max-width: 768px) {
        .blog-page {
            padding-top: 100px
        }
    }

    .blog-page-info {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        height: 450px;
        justify-content: center;
        position: relative;
        padding-bottom: 64px
    }

    @media(max-width: 1024px) {
        .blog-page-info {
            padding-bottom: 14px
        }
    }

    @media(max-width: 768px) {
        .blog-page-info {
            height: auto;
            padding-top: 100px
        }
    }

    @media(max-width: 526px) {
        .blog-page-info {
            padding-top: 64px
        }
    }

    .blog-page-info-title {
        color: #00080f;
        text-align: center;
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        width: 631px;
        padding-bottom: 34px
    }

    @media(max-width: 768px) {
        .blog-page-info-title {
            font-size: 30px;
            line-height: normal;
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .blog-page-info-form {
            width: 100%
        }
    }

    .blog-page-info-form .wpcf7 form.sent .wpcf7-response-output {
        display: block;
        font-size: 12px;
        border-color: rgba(70, 180, 80, 0);
        color: #0054a6
    }

    .blog-page-info-form .wpcf7-response-output {
        color: #fff;
        font-size: 8px;
        position: absolute;
        margin-top: 13px;
        display: none;
        bottom: -12px
    }

    .blog-page-info-form form {
        border-radius: 2px;
        background: #f6f6f6;
        display: flex;
        width: 487px;
        align-items: center;
        padding: 6px;
        gap: 8px;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%)
    }

    @media(max-width: 768px) {
        .blog-page-info-form form {
            clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%);
            width: 100%;
            display: block;
            padding: 4px
        }
    }

    .blog-page-info-form form span {
        width: 80%
    }

    .blog-page-info-form form span .wpcf7-not-valid-tip {
        font-size: 10px;
        position: absolute;
        bottom: -18%;
        left: 8%
    }

    .blog-page-info-form form span input {
        background: rgba(255, 255, 255, 0);
        padding: 12px 34px 12px 32px;
        width: 98%;
        opacity: .5
    }

    @media(max-width: 768px) {
        .blog-page-info-form form span input {
            padding: 10px 19px 10px 19px
        }
    }

    .blog-page-info-form form span input:focus {
        outline: none
    }

    .blog-page-info-form form span input::placeholder {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        opacity: .5
    }

    .blog-page-info-form .blog-page-info-forms {
        display: flex
    }

    .blog-page-info-form .blog-page-info-forms button {
        border-radius: 2px 8px 2px 2px;
        background: var(--blue);
        width: 30%;
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%)
    }

    @media(max-width: 768px) {
        .blog-page-info-form .blog-page-info-forms button {
            width: 35%;
            clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%)
        }
    }

    .blog-page-info-form .blog-page-info-forms button:hover {
        background: var(--yellow-dark);
        color: #00080f
    }

    .blog-page-info-left {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    @media(max-width: 1024px) {
        .blog-page-info-left {
            display: none
        }
    }

    .blog-page-info-right {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .post {
        padding-top: 50px;
    }

    @media(max-width: 1024px) {
        .post {
            padding-top: 20px;
            padding-bottom: 50px
        }
    }

    .post-filters {
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .post-filters .facetwp-facet {
        display: flex;
        gap: 40px;
        justify-content: center;
        width: fit-content;
        border-bottom: 1px solid #e5e7eb
    }

    @media(max-width: 1024px) {
        .post-filters .facetwp-facet {
            gap: 10px
        }
    }

    @media(max-width: 768px) {
        .post-filters .facetwp-facet {
            gap: 20px;
            flex-wrap: wrap;
            border-bottom: 0px solid #e5e7eb
        }
    }

    @media(max-width: 390px) {
        .post-filters .facetwp-facet {
            justify-content: flex-start;
            gap: 10px
        }
    }

    .post-filters .facetwp-facet .facetwp-radio {
        background: none;
        padding: 0;
        margin: 0;
        position: relative;
        padding-bottom: 20px;
        color: #6b7280;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 768px) {
        .post-filters .facetwp-facet .facetwp-radio {
            padding-bottom: 2px
        }
    }

    @media(max-width: 390px) {
        .post-filters .facetwp-facet .facetwp-radio {
            font-size: 12px;
            line-height: normal
        }
    }

    .post-filters .facetwp-facet .facetwp-radio.checked {
        background-image: none;
        position: relative;
        color: #0054a5;
        font-style: normal;
        font-weight: 500
    }

    .post-filters .facetwp-facet .facetwp-radio.checked::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 3px;
        bottom: -1px;
        background-color: #0054a5
    }

    .post-filters .facetwp-facet .facetwp-radio span.facetwp-counter {
        display: none
    }

    .post_information-list {
        display: flex;
        flex-wrap: wrap;
        gap: 23px
    }

    .post_information-list-item {
        width: 32%
    }

    @media(max-width: 1280px) {
        .post_information-list-item {
            width: 48%
        }
    }

    @media(max-width: 768px) {
        .post_information-list-item {
            width: 100%
        }
    }

    .post_information-list-item-image {
        width: 100%;
        height: 250px;
        padding-bottom: 10px
    }

    .post_information-list-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px
    }

    .post_information-list-item-box {
        display: flex;
        justify-content: space-between;
        gap: 20px;
        padding-bottom: 15px;
        align-items: center
    }

    .post_information-list-item-box-category {
        color: rgba(0, 8, 15, .5);
        font-size: 12px;
        font-weight: 400;
        line-height: 140%;
        display: flex;
        padding: 8px 20px 8px 16px;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 3px;
        background: #f5f6fa;
        clip-path: polygon(0 0, calc(100% - 15px) 0, 100% 15px, 100% 100%, 0 100%)
    }

    .post_information-list-item-box-date {
        color: rgba(0, 8, 15, .5);
        font-size: 12px;
        font-weight: 400;
        line-height: 140%
    }

    .post_information-list-item-title {
        color: #00080f;
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 10px;
        width: 90%
    }

    @media(max-width: 768px) {
        .post_information-list-item-title {
            width: 100%
        }
    }

    .post_information-list-item-title:hover {
        color: #0054a5
    }

    .post_information-list-item-excerpt {
        color: rgba(0, 8, 15, .6823529412);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        width: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; 
        overflow: hidden;
    }

    .post_information-list-item.group {
        background: #0054a5;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
        border-radius: 10px;
        position: relative
    }

    .post_information-list-item.group::before {
        content: "";
        width: 150px;
        height: 96px;
        background-image: url(../image/right.svg);
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: -1
    }

    .post_information-list-item.group::after {
        content: "";
        width: 150px;
        height: 96px;
        background-image: url(../image/left.svg);
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1
    }

    .post_information-list-item.group .subscribe-group {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 50px;
        gap: 22px
    }

    @media(max-width: 768px) {
        .post_information-list-item.group .subscribe-group {
            padding: 30px;
            gap: 16px
        }
    }

    .post_information-list-item.group .subscribe-group-logo {
        width: 50px;
        height: 62px
    }

    .post_information-list-item.group .subscribe-group-logo img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .post_information-list-item.group .subscribe-group-title {
        color: #fff;
        text-align: center;
        font-size: 29px;
        font-weight: 400;
        line-height: 110%
    }

    @media(max-width: 768px) {
        .post_information-list-item.group .subscribe-group-title {
            font-size: 22px;
            line-height: normal
        }
    }

    .post_information-list-item.group .subscribe-group-button a {
        color: #00080f;
        font-size: 16px;
        font-weight: 600;
        letter-spacing: .322px;
        text-transform: uppercase;
        border-radius: 2px;
        background: var(--yellow-dark);
        padding: 10px 32px
    }

    .post_information-list-item.group .subscribe-group-button a:hover {
        background: #f5f6fa
    }

    .post_information-list-item.first-post {
        display: flex;
        gap: 60px;
        align-items: center;
        padding-bottom: 70px;
        width: 100%
    }

    @media(max-width: 1024px) {
        .post_information-list-item.first-post {
            gap: 30px;
            flex-direction: column;
            padding-bottom: 30px
        }
    }

    .post_information-list-item.first-post-link {
        width: 70%
    }

    @media(max-width: 1024px) {
        .post_information-list-item.first-post-link {
            width: 100%
        }
    }

    .post_information-list-item.first-post-image {
        width: 100%;
        height: 370px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 150px), calc(100% - 150px) 100%, 0 100%);
        position: relative
    }

    @media(max-width: 1024px) {
        .post_information-list-item.first-post-image {
            height: 270px
        }
    }

    @media(max-width: 526px) {
        .post_information-list-item.first-post-image {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 75px), calc(100% - 75px) 100%, 0 100%)
        }
    }

    .post_information-list-item.first-post-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .post_information-list-item.first-post-image::before {
        content: "";
        background-image: url(../image/blog_bg.svg);
        background-repeat: no-repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        background-size: contain;
        left: 0;
        z-index: 0;
        bottom: 0
    }

    @media(max-width: 526px) {
        .post_information-list-item.first-post-image::before {
            display: none
        }
    }

    .post_information-list-item.first-post-title {
        color: #0054a5;
        font-size: 34px;
        font-weight: 400;
        line-height: 120%;
        width: 100%
    }

    .post_information-list-item.first-post-title:hover {
        color: #00080f
    }

    @media(max-width: 768px) {
        .post_information-list-item.first-post-title {
            font-size: 26px;
            line-height: normal
        }
    }

    .post_information-list-item.first-post-excerpt {
        color: rgba(0, 8, 15, .6823529412);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        width: 100%
    }

    @media(max-width: 768px) {
        .post_information-list-item.first-post-excerpt {
            font-size: 12px;
            line-height: normal
        }
    }

    .post_information-list-item.first-post-content {
        display: flex;
        flex-direction: column;
        width: 23%;
        gap: 10px
    }

    @media(max-width: 1024px) {
        .post_information-list-item.first-post-content {
            width: 100%
        }
    }

    .post_information-pagination {
        padding-top: 100px
    }

    @media(max-width: 768px) {
        .post_information-pagination {
            padding-top: 50px
        }
    }

    .post_information-pagination .facetwp-type-pager {
        color: #00080f;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 160%
    }

    .post_information-pagination .facetwp-type-pager .facetwp-pager {
        gap: 10px;
        display: flex;
        justify-content: center
    }

    .post_information-pagination .facetwp-type-pager .facetwp-pager a.facetwp-page.prev {
        transform: rotate(180deg)
    }

    .post_information-pagination .facetwp-type-pager .facetwp-pager a.facetwp-page.active {
        border-radius: 4px;
        background: rgba(0, 84, 165, .05);
        color: #00080f;
        border: 1px solid #0054a5;
        font-weight: 400
    }

    .post_information-pagination .facetwp-type-pager .facetwp-pager .facetwp-page {
        display: inline-block;
        cursor: pointer;
        padding: 6px 14px
    }

    .category {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 1024px) {
        .category {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    @media(max-width: 768px) {
        .category {
            padding-top: 0px;
            padding-bottom: 0px
        }
    }

    .category__list {
        display: flex;
        gap: 16px;
        justify-content: center
    }

    @media(max-width: 1280px) {
        .category__list {
            justify-content: flex-start;
            flex-wrap: wrap
        }
    }

    @media(max-width: 1024px) {
        .category__list {
            justify-content: center
        }
    }

    @media(max-width: 556px) {
        .category__list {
            padding-left: 20px;
            padding-right: 20px
        }
    }

    .category__list-item {
        width: 298px;
        height: 490px;
        position: relative;
        cursor: pointer
    }

    @media(max-width: 768px) {
        .category__list-item {
            width: 290px
        }
    }

    @media(max-width: 658px) {
        .category__list-item {
            width: 250px;
            height: 390px
        }
    }

    @media(max-width: 556px) {
        .category__list-item {
            width: 100%;
            height: 390px
        }
    }

    .category__list-item:before {
        content: "";
        background-color: rgba(0, 0, 0, .8666666667);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 0;
        left: 0;
        top: 0;
        opacity: .6;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 165px), calc(100% - 165px) 100%, 0 100%);
        border-radius: 30px
    }

    .category__list-item:hover:before {
        opacity: 0
    }

    .category__list-item-image {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 165px), calc(100% - 165px) 100%, 0 100%);
        z-index: -1;
        border-radius: 30px
    }

    .category__list-item-title {
        height: 100%;
        display: flex;
        flex-direction: column;
        position: absolute;
        justify-content: center;
        width: 100%;
        text-align: center;
        color: #fff;
        font-size: 28px;
        font-weight: 600;
        line-height: 120%;
        letter-spacing: -0.56px;
        padding: 30px
    }

    @media(max-width: 556px) {
        .category__list-item-title {
            font-size: 22px;
            line-height: normal
        }
    }

    .category__list-item-button {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-end
    }

    .category__list-item-button-link {
        width: 153px;
        clip-path: polygon(100% 0, 100% 0, 100% 100%, 0 100%, 0 100%);
        padding: 90px 30px 30px 80px;
        background: var(--blue);
        border-radius: 0px 0px 50px 0px;
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden
    }

    .category__list-item-button-link:before {
        content: "";
        background-image: url(../image/button.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        left: 0;
        top: 0;
        opacity: .7
    }

    .hero__taxonomy {
        padding-top: 150px;
        /*padding-bottom: 50px*/
    }

    @media(max-width: 768px) {
        .hero__taxonomy {
            padding-top: 120px
        }
    }

    .hero__taxonomy__info {
        display: flex;
        gap: 30px;
        justify-content: center
    }

    @media(max-width: 1024px) {
        .hero__taxonomy__info {
            flex-direction: column-reverse
        }
    }

    .hero__taxonomy__info__images {
        height: 520px;
        width: 65%
    }

    @media(max-width: 1280px) {
        .hero__taxonomy__info__images {
            width: 70%
        }
    }

    @media(max-width: 1024px) {
        .hero__taxonomy__info__images {
            width: 100%
        }
    }

    @media(max-width: 526px) {
        .hero__taxonomy__info__images {
            height: 343px
        }
    }

    .hero__taxonomy__info__images img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px
    }

    .hero__taxonomy__info__text {
        background: #f6f6f6;
        position: relative;
        width: 35%;
        clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
        border-radius: 15px;
        padding: 63px 36px
    }

    @media(max-width: 1440px) {
        .hero__taxonomy__info__text {
            padding: 63px 21px
        }
    }

    @media(max-width: 1280px) {
        .hero__taxonomy__info__text {
            width: 50%;
            overflow: hidden
        }
    }

    @media(max-width: 1024px) {
        .hero__taxonomy__info__text {
            padding: 63px 36px;
            width: 100%;
            overflow: hidden
        }
    }

    @media(max-width: 768px) {
        .hero__taxonomy__info__text {
            padding: 29px 26px;
            clip-path: polygon(0 0, calc(100% - 50px) 0, 100% 50px, 100% 100%, 0 100%)
        }
    }

    .hero__taxonomy__info__text__title {
        color: #00080f;
        font-size: 39px;
        font-style: normal;
        font-weight: 700;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-top: 8px;
        padding-bottom: 16px
    }

    @media(max-width: 1280px) {
        .hero__taxonomy__info__text__title {
            font-size: 32px;
            line-height: normal
        }
    }

    @media(max-width: 526px) {
        .hero__taxonomy__info__text__title {
            font-size: 29px
        }
    }

    .hero__taxonomy__info__text__content__details-text {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        padding-bottom: 21px;
        letter-spacing: -0.14px;
        opacity: .8
    }

    @media(max-width: 526px) {
        .hero__taxonomy__info__text__content__details-text {
            line-height: normal;
            font-size: 16px
        }
    }

    .hero__taxonomy__info__text__content__details-button {
        color: var(--blue);
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        display: flex;
        text-transform: uppercase;
        align-items: center;
        gap: 6px;
        width: fit-content;
        padding-top: 10px
    }

    @media(max-width: 1440px) {
        .hero__taxonomy__info__text__content__details-button {
            font-size: 12px
        }
    }

    .hero__taxonomy__info__text__content__details-button:hover {
        opacity: .6
    }

    .hero__taxonomy-arrow {
        display: inline-block;
        width: 16px;
        height: auto;
        margin-left: 8px
    }

    .service__taxonomy {
        padding-top: 70px;
        padding-bottom: 80px
    }

    .service__taxonomy__item {
        display: flex;
        justify-content: space-between;
        padding-bottom: 40px;
        padding-top: 40px;
        border-bottom: 1px solid rgba(0, 0, 0, .2)
    }

    @media(max-width: 768px) {
        .service__taxonomy__item {
            flex-wrap: wrap;
            padding-bottom: 30px;
            padding-top: 30px
        }
    }

    .service__taxonomy__item:nth-child(1) {
        padding-top: 0px
    }

    .service__taxonomy__item:last-child {
        border-bottom: 0px solid rgba(0, 0, 0, .2)
    }

    .service__taxonomy__item__content {
        width: 40%
    }

    @media(max-width: 768px) {
        .service__taxonomy__item__content {
            width: 100%
        }
    }

    .service__taxonomy__item__content-title {
        color: #00080f;
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 10px
    }

    @media(max-width: 1024px) {
        .service__taxonomy__item__content-title {
            font-size: 18px
        }
    }

    .service__taxonomy__item__content-excerpt {
        color: #00080f;
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        padding-bottom: 35px
    }

    @media(max-width: 1024px) {
        .service__taxonomy__item__content-excerpt {
            font-size: 14px;
            padding-bottom: 25px
        }
    }

    .service__taxonomy__item__content-buttom a {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px 14px 32px;
        border-radius: 2px 8px 2px 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .service__taxonomy__item__content-buttom a:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    .service__taxonomy__item__image {
        width: 450px;
        height: 200px
    }

    @media(max-width: 1024px) {
        .service__taxonomy__item__image {
            width: 350px;
            height: 160px
        }
    }

    @media(max-width: 768px) {
        .service__taxonomy__item__image {
            width: 100%;
            height: 280px;
            margin-top: 30px
        }
    }

    @media(max-width: 428px) {
        .service__taxonomy__item__image {
            height: 220px
        }
    }

    .service__taxonomy__item__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px
    }

    .service__taxonomy__item__counter {
        color: #0054a5;
        font-size: 36px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        letter-spacing: .832px;
        text-transform: uppercase;
        position: relative;
        overflow: hidden
    }

    @media(max-width: 1024px) {
        .service__taxonomy__item__counter {
            font-size: 26px;
            line-height: normal
        }
    }

    @media(max-width: 768px) {
        .service__taxonomy__item__counter {
            padding-bottom: 10px
        }
    }

    .service__taxonomy__item__counter::before {
        content: "";
        background-image: url(../image/number.svg);
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0
    }

    .features {
        padding-bottom: 100px
    }

    .features-title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 50px
    }

    .features__list {
        display: flex;
        gap: 20px
    }

    @media(max-width: 1024px) {
        .features__list {
            gap: 10px
        }
    }

    .features-information {
        position: relative
    }

    @media(max-width: 768px) {
        .features-information.desktop {
            display: none
        }
    }

    .features-information.mobile {
        display: none
    }

    @media(max-width: 768px) {
        .features-information.mobile {
            display: block
        }
    }

    .features__items__img {
        height: 500px;
        width: 100%
    }

    .features__items__img img {
        width: 100%;
        height: 100%;
        border-radius: 10px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 85px), calc(100% - 85px) 100%, 0 100%);
        object-fit: cover
    }

    .features__items-content {
        display: flex;
        flex-direction: column;
        gap: 13px;
        padding-top: 15px
    }

    .features__items__icon {
        width: 38px;
        height: 38px
    }

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

    .features__items__text {
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        opacity: .6;
        width: 80%
    }

    .features__items__title {
        color: #00080f;
        font-size: 18px;
        font-weight: 400;
        line-height: 150%
    }

    .features__item {
        width: 25%;
        transition: opacity .3s ease;
        display: flex;
        flex-direction: column;
        gap: 80px
    }

    @media(max-width: 1024px) {
        .features__item {
            gap: 40px
        }
    }

    .features__item.active {
        opacity: 1
    }

    .features__item-content {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    @media(max-width: 1024px) {
        .features__item-content {
            gap: 6px
        }
    }

    .features__item__icon {
        width: 48px;
        height: 48px
    }

    @media(max-width: 1024px) {
        .features__item__icon {
            width: 36px;
            height: 36px
        }
    }

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

    .features__item__text {
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px;
        opacity: .6
    }

    @media(max-width: 1024px) {
        .features__item__text {
            font-size: 12px
        }
    }

    .features__item__title {
        color: #00080f;
        font-size: 20px;
        font-weight: 400;
        line-height: 150%
    }

    @media(max-width: 1024px) {
        .features__item__title {
            font-size: 16px
        }
    }

    .features__item__img {
        width: 100%;
        height: 400px;
        border-radius: 20px;
        overflow: hidden
    }

    @media(max-width: 1280px) {
        .features__item__img {
            height: 300px
        }
    }

    @media(max-width: 1280px) {
        .features__item__img {
            height: 250px
        }
    }

    .features__item__img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 135px), calc(100% - 135px) 100%, 0 100%)
    }

    @media(max-width: 1280px) {
        .features__item__img img {
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - 105px), calc(100% - 105px) 100%, 0 100%)
        }
    }

    .features-progres {
        position: absolute;
        top: 35%;
        left: 0;
        margin: auto;
        bottom: 0;
        height: fit-content;
        width: 100%;
        z-index: -1
    }

    @media(max-width: 1280px) {
        .features-progres {
            top: 15%
        }
    }

    @media(max-width: 1024px) {
        .features-progres {
            top: 10%
        }
    }

    .features-progress-bar {
        position: relative;
        width: 100%;
        height: 2px;
        background: rgba(238, 238, 238, .631372549);
        margin-top: 20px;
        overflow: hidden;
        --progress-width: 0%;
        --progress-color: #0054a5;
        border-radius: 40px
    }

    .features-progress-bar:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        background: var(--progress-color);
        width: var(--progress-width);
        transition: width 3s ease
    }

    .video {
        padding-top: 100px;
        padding-bottom: 100px;
        background: #f6f6f6
    }

    @media(max-width: 768px) {
        .video__iframe iframe {
            height: 350px
        }
    }

    .products_taxonomy {
        padding-top: 100px;
        padding-bottom: 0
    }

    @media(max-width: 768px) {
        .products_taxonomy {
            padding-top: 50px;
            padding-bottom: 50px
        }
        .pageNum{
            margin-top: 50px;
        }
    }

    .products_taxonomy-text {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .products_taxonomy-text-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px
    }

    @media(max-width: 768px) {
        .products_taxonomy-text-title {
            font-size: 28px;
            line-height: normal
        }
    }

    .products_taxonomy-text-button {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px 14px 32px;
        border-radius: 2px 8px 2px 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .products_taxonomy-text-button:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 596px) {
        .products_taxonomy-text-button {
            display: none
        }
    }

    .products_taxonomy-content {
        padding-top: 30px
    }

    .products_taxonomy-content-list {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }

    @media(max-width: 1280px) {
        .products_taxonomy-content-list {
            flex-wrap: wrap
        }
    }

    @media(max-width: 1024px) {
        .products_taxonomy-content-list {
            justify-content: center
        }
    }

    .products_taxonomy-content-item {
        width: 23%;
        background: #f6f6f6;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
        padding: 25px;
        border-radius: 10px
    }

    @media(max-width: 1301px) {
        .products_taxonomy-content-item {
            padding: 15px
        }
    }

    @media(max-width: 1280px) {
        .products_taxonomy-content-item {
            width: 31%
        }
    }

    @media(max-width: 1024px) {
        .products_taxonomy-content-item {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .products_taxonomy-content-item {
            padding: 20px
        }
    }

    @media(max-width: 425px) {
        .products_taxonomy-content-item {
            padding: 13px;
            clip-path: polygon(0 0, calc(100% - 45px) 0, 100% 45px, 100% 100%, 0 100%)
        }
    }

    .products_taxonomy-content-item-title {
        color: #00080f;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        padding-bottom: 10px
    }

    @media(max-width: 768px) {
        .products_taxonomy-content-item-title {
            padding-top: 20px;
            padding-bottom: 20px
        }
    }

    @media(max-width: 425px) {
        .products_taxonomy-content-item-title {
            font-size: 14px
        }
    }

    .products_taxonomy-content-item-link {
        display: flex;
        gap: 8px;
        width: 40%;
        align-items: center
    }

    .products_taxonomy-content-item-link:hover {
        opacity: .6
    }

    @media(max-width: 768px) {
        .products_taxonomy-content-item-link {
            width: 60%
        }
    }

    @media(max-width: 425px) {
        .products_taxonomy-content-item-link {
            width: 100%
        }
    }

    .products_taxonomy-content-item-link a {
        color: var(--blue);
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px
    }

    .products_taxonomy-content-item-image {
        height: 420px;
        width: 100%
    }

    @media(max-width: 768px) {
        .products_taxonomy-content-item-image {
            height: 220px
        }
    }

    @media(max-width: 425px) {
        .products_taxonomy-content-item-image {
            height: 190px
        }
    }

    .products_taxonomy-content-item-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .products_taxonomy-content-button {
        color: #fff;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px 14px 32px;
        border-radius: 2px 8px 2px 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        display: none
    }

    .products_taxonomy-content-button:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 596px) {
        .products_taxonomy-content-button {
            display: flex;
            justify-content: center;
            margin-top: 30px
        }
    }

    .hero_single {
        padding-top: 188px;
        /*padding-bottom: 60px;*/
        position: relative
    }

    @media(max-width: 768px) {
        .hero_single {
            padding-top: 133px
        }
    }

    @media(max-width: 430px) {
        .hero_single {
            /*padding-bottom: 40px*/
        }
    }

    .hero_single .container {
        height: 100%
    }

    .hero_single__content {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100%;
        justify-content: space-between;
        padding-left: 100px;
        padding-right: 100px;
    }

    .hero_single__content nav.breadcrumb {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%
    }

    .hero_single__content nav.breadcrumb .current-page {
        opacity: .5
    }

    .hero_single__content-social {
        display: flex;
        gap: 20px;
        padding-bottom: 20px
    }

    .hero_single__content-social-content {
        opacity: 0;
        transition: all .3s ease-in-out;
        display: flex;
        flex-direction: row;
        gap: 10px
    }

    .hero_single__content-social-content.visible {
        opacity: 1;
        display: flex;
        flex-direction: row;
        gap: 10px
    }

    .hero_single__content-social .share {
        display: flex;
        gap: 8px;
        align-items: center;
        cursor: pointer
    }

    .hero_single__content-social .share:hover {
        opacity: .5
    }

    .hero_single__content-social .share img.icon {
        width: 20px;
        height: 20px;
        object-fit: cover
    }

    .hero_single__content-social .share p {
        color: #fff;
        font-size: 12px;
        font-weight: 700;
        line-height: 16px;
        text-transform: uppercase
    }

    .hero_single__content-social-link img {
        width: 38px;
        height: 38px;
        object-fit: cover;
        border-radius: 50px;
        border: 1px solid rgba(255, 255, 255, .5);
        background: rgba(255, 255, 255, .1);
        backdrop-filter: blur(2px);
        opacity: .5;
        transition: opacity .3s ease;
        padding: 6px
    }

    .hero_single__content-social-link img:hover {
        opacity: 1
    }

    .hero_single__content-title {
        color: #fff;
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        width: 75%
    }

    @media(max-width: 1024px) {
        .hero_single__content-title {
            font-size: 36px;
            line-height: normal;
            /*width: 100%*/
        }
    }

    @media(max-width: 428px) {
        .hero_single__content-title {
            font-size: 24px
        }
    }

    .hero_single__content-box {
        display: flex;
        padding-top: 20px
    }

    .hero_single__content-date {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 2.8px;
        text-transform: uppercase;
        padding-right: 24px;
        border-right: 1px solid rgba(255, 255, 255, .7333333333)
    }

    .hero_single__content-read {
        color: #fff;
        font-size: 14px;
        font-weight: 400;
        line-height: 120%;
        letter-spacing: 2.8px;
        text-transform: uppercase;
        padding-left: 24px
    }

    .hero_single:before {
        content: "";
        position: absolute;
        /*background-image: url(../image/sing_bg.svg);*/
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        margin: auto;
        left: 0;
        background-repeat: no-repeat;
        background-size: cover
    }

    .information_single {
        padding-top: 64px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .information_single {
            padding-top: 34px;
            padding-bottom: 50px
        }
    }

    .information_single-box {
        display: flex;
        gap: 100px;
        flex-direction: row-reverse;
        width: 100%;
        padding-left: 100px;
        padding-right: 100px;
        height: 100%;
        position: relative
    }
    .hero_single__content-information_new{
        margin-right: 100px;
    }

    @media(max-width: 1280px) {
        .hero_single__content,.information_single-box {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
       .hero_single__content, .information_single-box {
            gap: 20px
        }
          .hero_single__content-information_new{
        margin-right: 20px;
    }
    }

    .information_single-content {
        width: 75%;
        height: 100%
    }
    

    @media(max-width: 1024px) {
        .information_single-content {
            width: 70%
        }
        .hero_single__content-title{
            width: 70%;
        }
        
    }

    @media(max-width: 768px) {
        .information_single-content {
            width: 100%
        }
        
        .hero_single__content-title{
            width: 100%;
        }
        .hero_single__content-information_new{
        margin-right: 0px;
    }
    }

    .information_single-content ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        margin-top: 1em;
        list-style: none
    }

    @media(max-width: 768px) {
        .information_single-content ul {
            margin-top: .5em
        }
    }

    .information_single-content ul li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .information_single-content ul li {
            font-size: 14px
        }
    }

    .information_single-content ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .information_single-content ol {
        display: flex;
        flex-direction: column;
        gap: 8px;
        padding-top: 10px;
        padding-bottom: 10px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        margin-top: 1em;
        list-style: none
    }

    @media(max-width: 768px) {
        .information_single-content ol {
            margin-top: .5em
        }
    }

    .information_single-content ol li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .information_single-content ol li {
            font-size: 14px
        }
    }

    .information_single-content ol li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .information_single-content .no_bullets {
        display: none
    }

    @media(max-width: 768px) {
        .information_single-content .no_bullets {
            display: block;
            list-style: none;
            border-radius: 9px;
            border: .9px solid rgba(0, 84, 165, .2);
            background: #f9fafb;
            padding: 20px;
            margin-bottom: 40px
        }

        .information_single-content .no_bullets h2.widgettitle {
            color: #00080f;
            font-size: 18px;
            font-weight: 500;
            line-height: 153%;
            padding-bottom: 18px
        }

        .information_single-content .no_bullets li {
            color: #00080f;
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
            padding: 5px 0px;
            width: 90%;
            position: relative
        }
    }

    @media(max-width: 768px)and (max-width: 1024px) {
        .information_single-content .no_bullets li {
            font-size: 12px;
            line-height: normal
        }
    }

    @media(max-width: 768px) {
        .information_single-content .no_bullets li:before {
            content: "";
            height: 100%;
            width: 2px;
            position: absolute;
            left: -10px;
            bottom: 0;
            background: #fff;
            opacity: 0
        }
    }

    @media(max-width: 768px) {
        .information_single-content .no_bullets li:hover {
            color: var(--blue)
        }

        .information_single-content .no_bullets li:hover:before {
            opacity: 1;
            background: var(--blue)
        }
    }

    .information_single-content p {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        /*margin: 1em 0em*/
    }

    @media(max-width: 1024px) {
        .information_single-content p {
            font-size: 14px
        }
    }

    .information_single-content p a {
        color: #0054a4
    }

    .information_single-content p a:hover {
        color: rgba(0, 8, 15, .7215686275)
    }

    .information_single-content p strong {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-weight: 500
    }

    @media(max-width: 1024px) {
        .information_single-content p strong {
            font-size: 14px
        }
    }

    .information_single-content h2 {
        color: #00080f;
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-top: 20px;
        padding-bottom: 10px
    }

    @media(max-width: 1024px) {
        .information_single-content h2 {
            font-size: 18px
        }
    }

    .information_single-content h3 {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        padding-top: 10px;
        padding-bottom: 10px
    }

    @media(max-width: 1024px) {
        .information_single-content h3 {
            font-size: 17px
        }
    }

    .information_single-content h4 {
        color: #00080f;
        font-size: 17px;
        font-weight: 500;
        line-height: normal;
        padding-top: 20px;
        padding-bottom: 10px
    }

    @media(max-width: 1024px) {
        .information_single-content h4 {
            font-size: 16px
        }
    }

    .information_single-content img {
        height: 460px;
        width: 100%;
        border-radius: 20px;
        /*margin-top: 20px;*/
        /*margin-bottom: 20px*/
    }

    @media(max-width: 1024px) {
        .information_single-content img {
            height: 240px
        }
    }

    .information_single-content blockquote {
        background-color: var(--blue);
        padding: 50px 64px 30px;
        border-radius: 20px;
        clip-path: polygon(0 0, 100% 0, 100% calc(100% - 125px), calc(100% - 125px) 100%, 0 100%);
        position: relative;
        overflow: hidden
    }

    @media(max-width: 1024px) {
        .information_single-content blockquote {
            padding: 30px 34px 30px
        }
    }

    .information_single-content blockquote::before {
        content: "";
        background-image: url(../image/bg1.svg);
        width: 50%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background-repeat: no-repeat
    }

    .information_single-content blockquote::after {
        content: "";
        background-image: url(../image/bg1.svg);
        width: 50%;
        height: 100%;
        position: absolute;
        left: -20%;
        top: 0;
        background-repeat: no-repeat
    }

    .information_single-content blockquote p.name {
        color: #fff;
        font-size: 14px;
        font-weight: 300;
        line-height: 140%
    }

    .information_single-content blockquote strong {
        color: #fff;
        font-size: 16px;
        line-height: 160%;
        font-weight: 600;
        letter-spacing: -0.32px
    }

    .information_single-content blockquote p {
        color: #fff;
        font-size: 24px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.48px;
        padding-bottom: 20px
    }

    @media(max-width: 1024px) {
        .information_single-content blockquote p {
            font-size: 21px;
            line-height: normal
        }
    }

    .information_single-content iframe {
        width: 100%;
        height: 520px;
        height: 456px;
        padding-bottom: 20px;
        padding-top: 20px
    }

    @media(max-width: 1024px) {
        .information_single-content iframe {
            height: 320px
        }
    }

    .information_single-sidebar {
        width: 25%;
        height: 100%;
        position: sticky;
        top: 150px
    }

    @media(max-width: 1024px) {
        .information_single-sidebar {
            width: 30%
        }
    }

    @media(max-width: 768px) {
        .information_single-sidebar {
            display: none
        }
    }

    .information_single-sidebar .widget.toc_widget {
        list-style: none;
        border-radius: 9px;
        border: .9px solid rgba(0, 84, 165, .2);
        background: #f9fafb;
        padding: 20px
    }

    .information_single-sidebar .widget.toc_widget h2.widgettitle {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 153%;
        padding-bottom: 18px
    }

    .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets {
        display: flex;
        flex-direction: column;
        gap: 16px
    }

    .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets li {
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        position: relative
    }

    @media(max-width: 1024px) {
        .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets li {
            font-size: 12px;
            line-height: normal
        }
    }

    .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets li:before {
        content: "";
        height: 100%;
        width: 2px;
        position: absolute;
        left: -10px;
        bottom: 0;
        background: #fff;
        opacity: 0
    }

    .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets li:hover {
        color: var(--blue)
    }

    .information_single-sidebar .widget.toc_widget .toc_widget_list.no_bullets li:hover:before {
        opacity: 1;
        background: var(--blue)
    }

    .information_single-sidebar-post {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-top: 44px
    }

    .information_single-sidebar-post-images {
        height: 180px;
        width: 100%;
        border-radius: 10px;
        position: relative;
        margin-bottom: 20px
    }

    .information_single-sidebar-post-images img.post-thumbnail {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 10px;
        position: absolute
    }

    .information_single-sidebar-post-categories {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding: 10px;
        z-index: 0;
        width: fit-content
    }

    .information_single-sidebar-post-categories a {
        color: rgba(0, 8, 15, .5);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 6px 16px 6px 13px;
        border-radius: 3px;
        background: #f5f6fa;
        clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 0 100%);
        pointer-events: none;
        cursor: default
    }

    .information_single-sidebar-post-title {
        color: #00080f;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 150%;
        letter-spacing: -0.32px
    }

    @media(max-width: 1024px) {
        .information_single-sidebar-post-title {
            font-size: 14px;
            line-height: normal
        }
    }

    .information_single-sidebar-post-title:hover {
        color: var(--blue)
    }

    .single-post div#page {
        overflow: visible;
        min-height: auto
    }

    .key_feature {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .key_feature {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .key_feature__information {
        display: flex;
        gap: 90px;
        align-items: center
    }

    @media(max-width: 1440px) {
        .key_feature__information {
            padding-left: 50px;
            padding-right: 50px
        }
    }

    @media(max-width: 1439px) {
        .key_feature__information {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
        .key_feature__information {
            gap: 50px
        }
    }

    @media(max-width: 768px) {
        .key_feature__information {
            flex-direction: column;
            gap: 40px
        }
    }

    .key_feature__information-text {
        width: 50%
    }

    @media(max-width: 768px) {
        .key_feature__information-text {
            width: 100%
        }
    }

    .key_feature__information-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        position: relative
    }

    @media(max-width: 1024px) {
        .key_feature__information-title {
            font-size: 28px
        }
    }

    .key_feature__information-title:before {
        content: "";
        width: 80px;
        height: 4px;
        border-radius: 20px;
        background: var(--yellow-dark);
        position: absolute;
        left: -15%;
        top: 0;
        margin: auto;
        bottom: 0
    }

    @media(max-width: 1280px) {
        .key_feature__information-title:before {
            left: -17%
        }
    }

    @media(max-width: 1024px) {
        .key_feature__information-title:before {
            left: -28%
        }
    }

    @media(max-width: 768px) {
        .key_feature__information-title:before {
            left: -15%
        }
    }

    @media(max-width: 426px) {
        .key_feature__information-title:before {
            left: -24%
        }
    }

    .key_feature__information-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-top: 16px
    }

    @media(max-width: 1024px) {
        .key_feature__information-list {
            gap: 12px
        }
    }

    .key_feature__information-list-item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        width: 70%
    }

    @media(max-width: 1280px) {
        .key_feature__information-list-item {
            width: 90%
        }
    }

    @media(max-width: 1024px) {
        .key_feature__information-list-item {
            width: 100%
        }
    }

    .key_feature__information-list-item p {
        color: rgba(0, 8, 15, .7607843137);
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px
    }

    @media(max-width: 1024px) {
        .key_feature__information-list-item p {
            font-size: 16px
        }
    }

    @media(max-width: 768px) {
        .key_feature__information-list-item p {
            font-size: 14px
        }
    }

    .key_feature__information-video {
        width: 45%;
        height: 371px
    }

    .key_feature__information-video iframe {
        border-radius: 20px
    }

    @media(max-width: 768px) {
        .key_feature__information-video iframe {
            border-radius: 10px;
            height: 100%
        }
    }

    @media(max-width: 1024px) {
        .key_feature__information-video {
            width: 60%
        }
    }

    @media(max-width: 768px) {
        .key_feature__information-video {
            width: 100%
        }
    }

    @media(max-width: 426px) {
        .key_feature__information-video {
            height: 200px
        }
    }

    .gallery_single-image {
        overflow: hidden;
        padding-bottom: 100px
    }

    @media(max-width: 1440px) {
        .gallery_single-image {
            padding-bottom: 50px
        }
    }

    .gallery_single-image-list {
        align-items: center
    }

    .gallery_single-image-photo {
        width: 100%;
        height: 100%
    }

    .gallery_single-image .swiper-wrapper {
        transition-timing-function: linear !important
    }

    .gallery_single-image .swiper-pagination {
        display: none
    }

    @media(max-width: 428px) {
        .gallery_single-image .swiper-pagination {
            display: block
        }

        .gallery_single-image .swiper-pagination .swiper-pagination-bullet {
            background: #0054a5;
            width: 6px;
            height: 6px
        }
    }

    .full_video {
        padding-top: 100px;
        padding-bottom: 30px
    }

    @media(max-width: 768px) {
        .full_video {
            padding-bottom: 20px
        }
    }

    .full_video-iframe {
        height: 700px;
        width: 100%;
        border-radius: 10px;
        padding-bottom: 70px
    }

    @media(max-width: 1024px) {
        .full_video-iframe {
            height: 400px
        }
    }

    @media(max-width: 768px) {
        .full_video-iframe {
            display: none
        }
    }

    .full_video-iframe iframe {
        height: 100%;
        width: 100%;
        border-radius: 10px
    }

    .full_video-text {
        color: rgba(0, 8, 15, .7294117647);
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        column-count: 2;
        column-gap: 40px;
        padding-left: 120px;
        padding-right: 120px
    }

    @media(max-width: 1280px) {
        .full_video-text {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 768px) {
        .full_video-text {
            column-count: 1
        }
    }

    .single-product .full_video-title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 30px
    }

    @media(max-width: 526px) {
        .single-product .full_video-title {
            font-size: 26px;
            padding-bottom: 10px;
            line-height: normal
        }
    }

    @media(max-width: 768px) {
        .single-product .full_video-iframe {
            display: block;
            width: 100%;
            height: 320px
        }
    }

    .single-product .full_video-iframe iframe {
        height: 100%;
        width: 100%;
        border-radius: 10px;
        object-fit: cover
    }

    .applications.single_page {
        position: relative;
        background: none;
        padding-top: 80px
    }

    @media(max-width: 768px) {
        .applications.single_page {
            padding-top: 50px
        }
    }

    .applications.single_page::before {
        display: none
    }

    .applications.single_page h2 {
        color: var(--blue)
    }

    .applications.single_page .applications__content {
        background: #f6f6f6
    }

    @media(max-width: 1280px) {
        .applications.single_page .applications__content__list {
            padding: 50px 50px
        }
    }

    @media(max-width: 768px) {
        .applications.single_page .applications__content__list {
            padding: 50px 20px
        }
    }

    .applications.single_page .applications__content__list .text {
        color: #00080f
    }

    @media(max-width: 1024px) {
        .applications.single_page .applications__content__list .text {
            font-size: 12px
        }
    }

    .applications.single_page .applications__content__list .title {
        color: #00080f;
        position: relative
    }

    @media(max-width: 1024px) {
        .applications.single_page .applications__content__list .title {
            font-size: 14px
        }
    }

    .applications.single_page .applications__content__list .title::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../image/sub.svg);
        background-repeat: no-repeat;
        background-size: contain;
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        transform: rotate(270deg)
    }

    .applications.single_page .applications__content__item {
        border-bottom: 1px solid rgba(0, 8, 15, .3)
    }

    .applications.single_page .applications__content__item.active .title {
        color: var(--blue)
    }

    .applications.single_page .applications__content__item.active .title::before {
        transform: rotate(360deg)
    }

    .privacy_policy {
        padding: 140px 0px;
        position: relative
    }

    @media(max-width: 1024px) {
        .privacy_policy {
            padding: 140px 0px
        }
    }

    .privacy_policy-information {
        display: flex;
        flex-direction: column;
        gap: 80px;
        padding: 0px 100px
    }

    @media(max-width: 1024px) {
        .privacy_policy-information {
            padding: 0px;
            gap: 40px
        }
    }

    .privacy_policy-title {
        color: #00080f;
        font-size: 42px;
        font-weight: 700;
        line-height: normal;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        text-align: center
    }

    @media(max-width: 768px) {
        .privacy_policy-title {
            font-size: 32px
        }
    }

    .privacy_policy-text {
        color: rgba(0, 8, 15, .7294117647);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    .privacy_policy-text h2,
    .privacy_policy-text h3 {
        color: #00080f;
        font-weight: 600;
        text-transform: uppercase;
        padding-bottom: 10px;
        padding-top: 10px
    }

    .privacy_policy-left {
        position: absolute;
        bottom: 0;
        left: 0
    }

    @media(max-width: 1280px) {
        .privacy_policy-left {
            width: 30%
        }
    }

    .produst_category {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 639px) {
        .produst_category {
            padding-top: 0px
        }
    }

    .produst_category__list {
        gap: 24px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .produst_category__list-item {
        width: 31%;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    @media(max-width: 1024px) {
        .produst_category__list-item {
            width: 48%
        }
    }

    @media(max-width: 639px) {
        .produst_category__list-item {
            width: 100%
        }
    }

    .produst_category__list-item-image {
        height: 420px;
        width: 100%;
        object-fit: cover;
        border-radius: 10px;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
        margin-bottom: 16px
    }

    @media(max-width: 1280px) {
        .produst_category__list-item-image {
            height: 350px
        }
    }

    .produst_category__list-item-title {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -0.18px;
        padding-bottom: 8px
    }

    .produst_category__list-item-title:hover {
        opacity: .6
    }

    @media(max-width: 1280px) {
        .produst_category__list-item-title {
            font-size: 16px
        }
    }

    .produst_category__list-item-description {
        color: rgba(0, 8, 15, .5215686275);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    .produst_category__list-item-button {
        padding-top: 16px
    }

    .produst_category__list-item-button-link {
        color: var(--blue);
        font-size: 12px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        display: flex;
        gap: 8px;
        width: fit-content;
        align-items: center
    }

    .produst_category__list-item-button-link:hover {
        opacity: .6
    }

    .page_error {
        background: var(--blue);
        height: 100vh;
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    .page_error-content {
        position: relative
    }

    .page_error img.error {
        width: 100%;
        height: 319px
    }

    @media(max-width: 426px) {
        .page_error img.error {
            height: 160px
        }
    }

    .page_error-text {
        color: #fff;
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        padding-top: 30px;
        padding-bottom: 20px
    }

    @media(max-width: 428px) {
        .page_error-text {
            padding-top: 20px;
            font-size: 16px
        }
    }

    .page_error .button-group.anim.animated {
        display: flex;
        justify-content: center
    }

    .page_error .button-group.anim.animated a {
        font-size: 18px
    }

    @media(max-width: 768px) {
        .page_error .button-group.anim.animated a {
            font-size: 14px
        }
    }

    body.error404 .footer {
        display: none
    }

    body.error404 .header .menu-items a {
        color: #fff
    }

    body.error404 .header .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    body.error404 .header .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub_white.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    body.error404 .header.active {
        background: #fff
    }

    body.error404 .header.active a {
        color: #00080f
    }

    body.error404 .header.active .menu-items a.menu-item-main {
        color: #00080f
    }

    body.error404 .header.active .menu a.company_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    body.error404 .header.active .menu a.product_menu:before {
        content: "";
        position: absolute;
        background-image: url(../image/sub.svg);
        width: 8px;
        height: 6px;
        top: 0;
        bottom: 0;
        margin: auto;
        right: -12px
    }

    .text_image {
        padding-top: 50px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .text_image {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    .text_image__information {
        display: flex;
        gap: 90px
    }

    @media(max-width: 1440px) {
        .text_image__information {
            padding-left: 50px;
            padding-right: 50px
        }
    }

    @media(max-width: 1439px) {
        .text_image__information {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
        .text_image__information {
            gap: 50px
        }
    }

    @media(max-width: 768px) {
        .text_image__information {
            flex-direction: column;
            gap: 40px
        }
    }

    .text_image__information-text {
        width: 50%
    }

    @media(max-width: 768px) {
        .text_image__information-text {
            width: 100%
        }
    }

    .text_image__information-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        position: relative
    }

    @media(max-width: 1024px) {
        .text_image__information-title {
            font-size: 28px
        }
    }

    .text_image__information-title:before {
        content: "";
        width: 80px;
        height: 4px;
        border-radius: 20px;
        background: var(--yellow-dark);
        position: absolute;
        left: -15%;
        top: 0;
        margin: auto;
        bottom: 0
    }

    @media(max-width: 1280px) {
        .text_image__information-title:before {
            left: -17%
        }
    }

    @media(max-width: 1024px) {
        .text_image__information-title:before {
            left: -28%
        }
    }

    @media(max-width: 768px) {
        .text_image__information-title:before {
            left: -15%
        }
    }

    @media(max-width: 498px) {
        .text_image__information-title:before {
            left: -19%
        }
    }

    @media(max-width: 426px) {
        .text_image__information-title:before {
            left: -24%
        }
    }

    .text_image__information-texts p {
        color: rgba(0, 8, 15, .7607843137);
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px;
        padding-top: 20px
    }

    @media(max-width: 1024px) {
        .text_image__information-texts p {
            font-size: 16px
        }
    }

    @media(max-width: 768px) {
        .text_image__information-texts p {
            font-size: 14px
        }
    }

    .text_image__information-texts ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        list-style: none;
        margin-top: 1em
    }

    @media(max-width: 768px) {
        .text_image__information-texts ul {
            margin-top: .5em
        }
    }

    .text_image__information-texts ul li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .text_image__information-texts ul li {
            font-size: 14px
        }
    }

    .text_image__information-texts ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .text_image__information-texts ol {
        display: flex;
        flex-direction: column;
        gap: 8px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        list-style: none;
        margin-top: 1em
    }

    @media(max-width: 768px) {
        .text_image__information-texts ol {
            margin-top: .5em
        }
    }

    .text_image__information-texts ol li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .text_image__information-texts ol li {
            font-size: 14px
        }
    }

    .text_image__information-texts ol li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .text_image__information-image {
        width: 45%;
        height: 371px
    }

    @media(max-width: 768px) {
        .text_image__information-image {
            width: 100%
        }
    }

    @media(max-width: 428px) {
        .text_image__information-image {
            height: 271px
        }
    }

    .text_image__information-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 20px
    }

    .title_texts {
        padding-top: 50px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .title_texts {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    .title_texts__information {
        display: flex;
        gap: 90px
    }

    @media(max-width: 1440px) {
        .title_texts__information {
            padding-left: 50px;
            padding-right: 50px
        }
    }

    @media(max-width: 1439px) {
        .title_texts__information {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
        .title_texts__information {
            gap: 50px
        }
    }

    @media(max-width: 768px) {
        .title_texts__information {
            flex-direction: column;
            gap: 40px
        }
    }

    .title_texts__information-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        position: relative;
        width: 50%
    }

    @media(max-width: 1280px) {
        .title_texts__information-title {
            font-size: 32px
        }
    }

    @media(max-width: 1024px) {
        .title_texts__information-title {
            font-size: 28px
        }
    }

    @media(max-width: 768px) {
        .title_texts__information-title {
            width: 100%
        }
    }

    .title_texts__information-title:before {
        content: "";
        width: 80px;
        height: 4px;
        border-radius: 20px;
        background: var(--yellow-dark);
        position: absolute;
        left: -15%;
        top: 16px
    }

    @media(max-width: 1280px) {
        .title_texts__information-title:before {
            left: -20%
        }
    }

    @media(max-width: 1024px) {
        .title_texts__information-title:before {
            left: -28%
        }
    }

    @media(max-width: 768px) {
        .title_texts__information-title:before {
            left: -17%
        }
    }

    @media(max-width: 426px) {
        .title_texts__information-title:before {
            left: -24%
        }
    }

    .title_texts__information-texts {
        color: rgba(0, 8, 15, .7607843137);
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px;
        width: 50%
    }

    @media(max-width: 1280px) {
        .title_texts__information-texts {
            font-size: 16px
        }
    }

    @media(max-width: 768px) {
        .title_texts__information-texts {
            font-size: 14px
        }
    }

    @media(max-width: 768px) {
        .title_texts__information-texts {
            width: 100%
        }
    }

    .under-categories {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .under-categories {
            padding-top: 50px;
            padding-bottom: 30px
        }
    }

    .under-categories__text {
        display: flex;
        justify-content: space-between;
        align-items: flex-start
    }

    @media(max-width: 1024px) {
        .under-categories__text {
            flex-direction: column;
            gap: 40px;
            padding-bottom: 40px
        }
    }

    @media(max-width: 768px) {
        .under-categories__text {
            gap: 30px;
            padding-bottom: 20px
        }
    }

    .under-categories__text-content {
        width: 50%
    }

    @media(max-width: 1024px) {
        .under-categories__text-content {
            width: 100%
        }
    }

    .under-categories__text-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        padding-bottom: 16px
    }

    @media(max-width: 768px) {
        .under-categories__text-title {
            font-size: 26px
        }
    }

    .under-categories__text-description {
        color: #3c3c3c;
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.32px
    }

    @media(max-width: 768px) {
        .under-categories__text-description {
            font-size: 14px
        }
    }

    .under-categories__text-fille a {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .under-categories__text-fille a:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .under-categories__text-fille a {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .under-categories__products-list {
        display: flex;
        gap: 20px;
        padding-top: 32px;
        padding-bottom: 60px;
        flex-wrap: wrap
    }

    .under-categories__products-item {
        width: 23%;
        background: #f6f6f6;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
        padding: 25px;
        border-radius: 10px
    }

    @media(max-width: 1301px) {
        .under-categories__products-item {
            padding: 15px
        }
    }

    @media(max-width: 1280px) {
        .under-categories__products-item {
            width: 31%
        }
    }

    @media(max-width: 1024px) {
        .under-categories__products-item {
            width: 47%
        }
    }

    @media(max-width: 768px) {
        .under-categories__products-item {
            padding: 20px
        }
    }

    @media(max-width: 425px) {
        .under-categories__products-item {
            padding: 13px;
            clip-path: polygon(0 0, calc(100% - 45px) 0, 100% 45px, 100% 100%, 0 100%)
        }
    }

    .under-categories__products-item-title {
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        padding-bottom: 10px
    }

    @media(max-width: 768px) {
        .under-categories__products-item-title {
            padding-top: 20px;
            padding-bottom: 20px
        }
    }

    @media(max-width: 425px) {
        .under-categories__products-item-title {
            font-size: 11px
        }
    }

    .under-categories__products-item-image {
        height: 350px;
        width: 100%;
        padding-bottom: 16px
    }

    @media(max-width: 768px) {
        .under-categories__products-item-image {
            height: 240px
        }
    }

    @media(max-width: 425px) {
        .under-categories__products-item-image {
            height: 190px;
            padding-bottom: 0px
        }
    }

    .under-categories__products-item-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .under-categories__products-item-more {
        display: flex;
        gap: 8px;
        width: 55%;
        align-items: center
    }

    .under-categories__products-item-more:hover {
        opacity: .6
    }

    @media(max-width: 768px) {
        .under-categories__products-item-more {
            width: 65%
        }
    }

    @media(max-width: 435px) {
        .under-categories__products-item-more {
            width: 80%
        }
    }

    .under-categories__products-item-more a {
        color: var(--blue);
        font-size: 11px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        text-transform: uppercase
    }

    .category__slider {
        padding-top: 100px;
        padding-bottom: 100px;
        background: #f6f6f6
    }

    @media(max-width: 1024px) {
        .category__slider {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .category__slider.no-loop .container {
        overflow: hidden
    }

    .category__slider.no-loop .custom-slider {
        max-width: 100%;
        padding: 0px
    }

    .category__slider.no-loop .category__slider-box {
        padding: 0
    }

    .category__slider-box {
        padding-left: 100px;
        padding-right: 100px
    }

    @media(max-width: 1024px) {
        .category__slider-box {
            padding: 20px 0px
        }
    }

    .category__slider-box-title {
        color: #00080f;
        font-size: 22px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: .9px;
        text-transform: uppercase;
        padding-bottom: 20px
    }

    .category__slider-box-content {
        display: flex;
        gap: 60px
    }

    @media(max-width: 1024px) {
        .category__slider-box-content {
            flex-direction: column;
            gap: 25px
        }
    }

    .category__slider-box-content p.category__slider-box-text_first {
        color: rgba(0, 8, 15, .7333333333);
        font-size: 18px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        width: 50%
    }

    @media(max-width: 1024px) {
        .category__slider-box-content p.category__slider-box-text_first {
            font-size: 16px;
            line-height: normal;
            width: 100%
        }
    }

    .category__slider-box-content .category__slider-box-text_second {
        width: 50%
    }

    .category__slider-box-content .category__slider-box-text_second .list {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .category__slider-box-content .category__slider-box-text_second .list .item {
        display: flex;
        gap: 8px
    }

    .category__slider-box-content .category__slider-box-text_second .list .item img {
        width: 20px;
        height: 20px;
        object-fit: contain
    }

    @media(max-width: 1024px) {
        .category__slider-box-content .category__slider-box-text_second {
            width: 100%
        }
    }

    .category__slider-box-content .category__slider-box-text_second p {
        color: rgba(0, 8, 15, .7333333333);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px
    }

    @media(max-width: 1024px) {
        .category__slider-box-content .category__slider-box-text_second p {
            font-size: 16px;
            line-height: normal;
            width: 100%
        }
    }

    .category__slider .custom-slider {
        width: 100%;
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        position: relative
    }

    @media(max-width: 528px) {
        .category__slider .custom-slider {
            padding: 40px
        }
    }

    .category__slider .custom-slider .swiper-containers {
        padding-bottom: 30px
    }

    .category__slider .custom-slider span.swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        background: var(--blue, #0054a5);
        opacity: .5
    }

    .category__slider .custom-slider span.swiper-pagination-bullet-active {
        background: var(--blue, #0054a5);
        opacity: 1
    }

    .category__slider .custom-slider__title {
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: .9px;
        text-transform: uppercase;
        padding-bottom: 20px
    }

    .category__slider .custom-slider__slide {
        position: relative;
        flex: 1 0 100%;
        max-width: 100%;
        height: 654px;
        cursor: pointer
    }

    @media(max-width: 528px) {
        .category__slider .custom-slider__slide {
            height: 454px
        }
    }

    .category__slider .custom-slider__slide:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        background-color: rgba(0, 8, 15, .3803921569);
        left: 0;
        top: 0;
        margin: auto
    }

    .category__slider .custom-slider__img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .category__slider .custom-slider__hotspot {
        position: absolute;
        width: 30px;
        height: 30px;
        background-color: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, .5), 0 0 0px 19px rgba(255, 255, 255, .21);
        border-radius: 50%;
        cursor: pointer;
        transition: box-shadow .3s ease-in-out;
        animation: hotspot-pulse 1.5s ease-in-out infinite
    }

    @media(max-width: 528px) {
        .category__slider .custom-slider__hotspot {
            width: 20px;
            height: 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 0px 15px rgba(255, 255, 255, .21)
        }
    }

    .category__slider .custom-slider__hotspot:hover {
        box-shadow: 0 0 0px 0px rgba(0, 0, 0, 0);
        transition: box-shadow .3s ease-in-out;
        animation: none
    }

    .category__slider .custom-slider__products {
        display: none;
        position: absolute;
        top: 10%;
        right: 10%;
        z-index: 10
    }

    @media(max-width: 428px) {
        .category__slider .custom-slider__products {
            top: 36%;
            right: 4%
        }
    }

    .category__slider .custom-slider__products-item {
        background: #f6f6f6;
        clip-path: polygon(0 0, calc(100% - 75px) 0, 100% 75px, 100% 100%, 0 100%);
        padding: 25px;
        border-radius: 10px
    }

    @media(max-width: 428px) {
        .category__slider .custom-slider__products-item {
            padding: 10px
        }
    }

    .category__slider .custom-slider__products-item-title {
        color: #00080f;
        font-size: 14px;
        font-weight: 400;
        line-height: normal;
        letter-spacing: -0.14px;
        padding-bottom: 10px
    }

    @media(max-width: 768px) {
        .category__slider .custom-slider__products-item-title {
            padding-top: 20px;
            padding-bottom: 20px
        }
    }

    @media(max-width: 425px) {
        .category__slider .custom-slider__products-item-title {
            font-size: 11px;
            padding-top: 10px;
            padding-bottom: 10px
        }
    }

    .category__slider .custom-slider__products-item-image {
        height: 320px;
        width: 100%;
        padding-bottom: 16px
    }

    @media(max-width: 1024px) {
        .category__slider .custom-slider__products-item-image {
            height: 210px
        }
    }

    @media(max-width: 425px) {
        .category__slider .custom-slider__products-item-image {
            height: 190px;
            padding-bottom: 0px
        }
    }

    .category__slider .custom-slider__products-item-image img {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .category__slider .custom-slider__products-item-link {
        display: flex;
        gap: 8px;
        width: 55%;
        align-items: center
    }

    .category__slider .custom-slider__products-item-link:hover {
        opacity: .6
    }

    @media(max-width: 1024px) {
        .category__slider .custom-slider__products-item-link {
            width: 65%
        }
    }

    @media(max-width: 425px) {
        .category__slider .custom-slider__products-item-link {
            width: 80%
        }
    }

    .category__slider .custom-slider__products-item-link a {
        color: var(--blue);
        font-size: 11px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .8px;
        text-transform: uppercase
    }

    @keyframes hotspot-pulse {

        0%,
        100% {
            box-shadow: 0 0 10px rgba(0, 0, 0, .5), 0 0 0px 12px rgba(255, 255, 255, .21)
        }

        50% {
            box-shadow: 0 0 5px rgba(0, 0, 0, .2), 0 0 0px 6px rgba(255, 255, 255, .21)
        }
    }

    .hero_product {
        padding-top: 150px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .hero_product {
            padding-top: 120px
        }
    }

    .hero_product.hero_drill .hero_product-content {
        align-items: flex-start
    }

    .hero_product.hero_drill .hero_product-content .gallery-main {
        width: 490px;
        height: 530px
    }

    @media(max-width: 1280px) {
        .hero_product.hero_drill .hero_product-content .gallery-main {
            padding-left: 30px;
            padding-right: 30px;
            width: 320px;
            height: 410px
        }
    }

    @media(max-width: 1024px) {
        .hero_product.hero_drill .hero_product-content .gallery-main {
            width: 690px
        }
    }

    @media(max-width: 768px) {
        .hero_product.hero_drill .hero_product-content .gallery-main {
            width: 590px
        }
    }

    @media(max-width: 428px) {
        .hero_product.hero_drill .hero_product-content .gallery-main {
            height: 320px
        }
    }

    .hero_product.hero_drill .hero_product-content .gallery-thumbs {
        width: 64px;
        height: 530px
    }

    @media(max-width: 1280px) {
        .hero_product.hero_drill .hero_product-content .gallery-thumbs {
            height: 410px
        }
    }

    @media(max-width: 428px) {
        .hero_product.hero_drill .hero_product-content .gallery-thumbs {
            height: 320px
        }
    }

    .hero_product.hero_drill .hero_product-content .hero_product-info-list {
        display: flex;
        gap: 8px;
        padding-bottom: 32px;
        flex-wrap: wrap
    }

    @media(max-width: 768px) {
        .hero_product.hero_drill .hero_product-content .hero_product-info-list {
            flex-direction: column
        }
    }

    .hero_product.hero_drill .hero_product-content .hero_product-info-list .hero_product-info-item {
        border-radius: 5px;
        background: #f2f6fa;
        padding: 12px;
        display: flex;
        flex: 0 1 calc(33% - 16px)
    }

    @media(max-width: 768px) {
        .hero_product.hero_drill .hero_product-content .hero_product-info-list .hero_product-info-item {
            flex: 0 1 100%;
            width: 100%
        }
    }

    .hero_product.hero_drill .hero_product-content .hero_product-info-item:only-child {
        flex: 0 1 47%
    }

    .hero_product .hide-gallery .hero_product-container,
    .hero_product .hide-gallery .custom-swiper-container {
        display: none
    }

    .hero_product-content {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    @media(max-width: 1024px) {
        .hero_product-content {
            flex-direction: column
        }
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-gallery {
            width: 100%;
            padding-bottom: 20px
        }
    }

    .hero_product-content .hero_product-gallery.hide-gallery {
        width: 40%
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-gallery.hide-gallery {
            width: 100%;
            padding-bottom: 30px
        }
    }

    .hero_product-content .hero_product-gallery-featured_image {
        /*height: 530px;*/
        width: 100%
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-gallery-featured_image {
            /*height: 430px*/
        }
    }

    @media(max-width: 428px) {
        .hero_product-content .hero_product-gallery-featured_image {
            /*height: 350px*/
        }
    }

    .hero_product-content .hero_product-gallery-featured_image img {
        width: 100%;
        height: auto;
        object-fit: contain
    }

    .hero_product-content .hero_product-container {
        display: flex;
        gap: 30px;
        align-items: center;
        width: 100%;
        overflow: hidden
    }

    @media(max-width: 1280px) {
        .hero_product-content .hero_product-container {
            gap: 0px
        }
    }

    .hero_product-content .hero_product-container .gallery-main {
        width: 490px;
        height: 680px;
        position: relative;
        display: flex;
        align-items: center;
        overflow: hidden;
        padding-left: 50px;
        padding-right: 50px
    }

    @media(max-width: 1280px) {
        .hero_product-content .hero_product-container .gallery-main {
            padding-left: 30px;
            padding-right: 30px;
            width: 320px;
            height: 580px
        }
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-container .gallery-main {
            width: 690px
        }
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-container .gallery-main {
            width: 590px
        }
    }

    @media(max-width: 428px) {
        .hero_product-content .hero_product-container .gallery-main {
            height: 350px
        }
    }

    .hero_product-content .hero_product-container .gallery-main .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .hero_product-content .hero_product-container .gallery-main .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .hero_product-content .hero_product-container .gallery-thumbs {
        width: 64px;
        height: 620px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        overflow: hidden
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-container .gallery-thumbs {
            height: fit-content
        }
    }

    .hero_product-content .hero_product-container .gallery-thumbs .swiper-wrapper {
        flex-direction: column
    }

    .hero_product-content .hero_product-container .gallery-thumbs .swiper-slide {
        cursor: pointer;
        margin-bottom: 10px;
        height: 48px
    }

    .hero_product-content .hero_product-container .gallery-thumbs .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform .3s;
        border-radius: 6px;
        padding: 2px
    }

    .hero_product-content .hero_product-container .gallery-thumbs .swiper-slide-thumb-active img {
        transform: scale(1);
        border-radius: 6px;
        border: 1px solid #b9dcff;
        padding: 2px
    }

    .hero_product-content .hero_product-container .swiper-button-prev,
    .hero_product-content .hero_product-container .swiper-button-next {
        width: 50px;
        height: 50px
    }

    .hero_product-content .hero_product-container .swiper-button-prev {
        left: -5px;
        transform: rotate(180deg)
    }

    .hero_product-content .hero_product-container .swiper-button-prev:after,
    .hero_product-content .hero_product-container .swiper-rtl .swiper-button-next:after {
        display: none !important
    }

    .hero_product-content .hero_product-container .swiper-button-next:after,
    .hero_product-content .hero_product-container .swiper-rtl .swiper-button-prev:after {
        display: none !important
    }

    .hero_product-content .hero_product-container .swiper-button-next {
        right: -5px
    }

    .hero_product-content .hero_product-table {
        width: 50%
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-table {
            width: 100%
        }
    }

    .hero_product-content .hero_product-table-title_single {
        color: #00080f;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -1.14px;
        padding-bottom: 20px
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-title_single {
            font-size: 28px
        }
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-title_single {
            font-size: 24px
        }
    }

    .hero_product-content .hero_product-table-text_content {
        color: rgba(0, 8, 15, .8);
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 170%;
        padding-bottom: 40px
    }

    .hero_product-content .hero_product-table-titles_table {
        border: 1px solid rgba(0, 8, 15, .1);
        background: var(--Charcoal, #f6f6f6);
        border-bottom: 0px;
        padding: 6px 16px;
        color: #00080f;
        font-size: 12px;
        font-weight: 500;
        line-height: normal
    }

    .hero_product-content .hero_product-table-item {
        display: flex;
        border: 1px solid rgba(0, 8, 15, .1);
        border-bottom: 1px solid rgba(0, 8, 15, .1);
        border-top: 0px solid rgba(0, 8, 15, .1)
    }

    .hero_product-content .hero_product-table-item:first-child {
        border-top: 1px solid rgba(0, 8, 15, .1)
    }

    .hero_product-content .hero_product-table-item-title {
        width: 50%;
        border-right: 1px solid rgba(0, 8, 15, .1);
        display: flex;
        padding: 6px 16px;
        align-items: center;
        flex: 1 0 0;
        font-size: 14px
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-item-title {
            font-size: 12px
        }
    }

    .hero_product-content .hero_product-table-item-text {
        width: 50%;
        display: flex;
        padding: 6px 16px;
        align-items: center;
        flex: 1 0 0;
        font-size: 14px
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-item-text {
            font-size: 12px
        }
    }

    .hero_product-content .hero_product-table-box-fille {
        padding-top: 16px;
        padding-bottom: 30px
    }

    .hero_product-content .hero_product-table-box-fille a {
        color: var(--blue);
        font-size: 12px;
        font-weight: 600;
        line-height: normal;
        letter-spacing: -0.12px;
        text-transform: uppercase;
        display: flex;
        align-items: center;
        width: fit-content
    }

    .hero_product-content .hero_product-table-box-fille a:hover {
        opacity: .5
    }

    .hero_product-content .hero_product-table-buttom {
        display: flex;
        gap: 30px
    }

    @media(max-width: 526px) {
        .hero_product-content .hero_product-table-buttom {
            gap: 20px;
            flex-direction: column
        }
    }

    .hero_product-content .hero_product-table-buttom-fille {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        text-align: center;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 50%
    }

    .hero_product-content .hero_product-table-buttom-fille:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-buttom-fille {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .hero_product-content .hero_product-table-buttom-link {
        color: #00080f;
        font-size: 12px;
        text-align: center;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 50%
    }

    .hero_product-content .hero_product-table-buttom-link:hover {
        background: var(--blue);
        color: #fff
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-table-buttom-link {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .hero_product-content .hero_product-info {
        width: 50%
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-info {
            width: 100%
        }
        .swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 2px !important;
}
    }

    .hero_product-content .hero_product-info-tabs .hero_product-info-tabs-table {
        width: 100%;
        border-collapse: collapse
    }

    .hero_product-content .hero_product-info-tabs-text {
        color: rgba(0, 8, 15, .8);
        font-size: 14px;
        font-weight: 300;
        line-height: 170%;
        padding-bottom: 24px
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-tabs-text {
            font-size: 12px;
            line-height: normal
        }
    }

    .hero_product-content .hero_product-info-tabs-table th,
    .hero_product-content .hero_product-info-tabs-table td {
        border: 1px solid rgba(17, 17, 17, .1);
        padding: 10px;
        text-align: left;
        color: rgba(17, 17, 17, .7058823529);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 768px) {

        .hero_product-content .hero_product-info-tabs-table th,
        .hero_product-content .hero_product-info-tabs-table td {
            font-size: 10px
        }
    }

    .hero_product-content .hero_product-info-tabs-table th {
        background-color: #f6f6f6;
        color: #111;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-tabs-table th {
            font-size: 10px
        }
    }

    .hero_product-content .hero_product-info-tabs-titles {
        display: flex;
        gap: 24px;
        justify-content: center;
        color: var(--blue);
        width: fit-content;
        margin: auto;
        border-bottom: .5px solid #e5e7eb
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-tabs-titles {
            gap: 14px
        }
    }

    .hero_product-content .hero_product-info-tabs-titles .tabs__title {
        color: #6b7280;
        font-size: 12px;
        font-weight: 600;
        padding-bottom: 10px;
        line-height: 140%;
        cursor: pointer
    }

    .hero_product-content .hero_product-info-tabs-titles .tabs__title.active {
        color: var(--blue);
        border-bottom: 2px solid
    }

    @media(max-width: 526px) {
        .hero_product-content .hero_product-info-tabs-titles .tabs__title {
            font-size: 10px
        }
    }

    .hero_product-content .hero_product-info-tabs-contents {
        padding-top: 20px;
        margin-bottom: 50px
    }

    .hero_product-content .hero_product-info-tabs-content {
        display: none
    }

    .hero_product-content .hero_product-info-tabs-content.active {
        display: block
    }

    .hero_product-content .hero_product-info-title_single {
        color: #00080f;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: -1.14px;
        padding-bottom: 10px
    }

    @media(max-width: 1024px) {
        .hero_product-content .hero_product-info-title_single {
            font-size: 32px
        }
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-title_single {
            font-size: 28px
        }
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-title_single {
            font-size: 24px
        }
    }

    .hero_product-content .hero_product-info-option {
        color: var(--blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 160%;
        padding-bottom: 16px
    }

    .hero_product-content .hero_product-info-text {
        color: rgba(0, 8, 15, .8);
        font-size: 14px;
        font-weight: 300;
        line-height: 170%;
        padding-bottom: 24px
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-text {
            font-size: 12px;
            line-height: normal
        }
    }

    .hero_product-content .hero_product-info-text a.show-more-btn {
        color: var(--blue);
        font-size: 14px;
        font-weight: 300;
        line-height: 170%;
        text-decoration-line: underline
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-text a.show-more-btn {
            font-size: 12px;
            line-height: normal
        }
    }

    .hero_product-content .hero_product-info-list {
        display: flex;
        gap: 8px;
        padding-bottom: 32px
    }

    @media(max-width: 528px) {
        .hero_product-content .hero_product-info-list {
            flex-wrap: wrap;
            justify-content: center
        }
    }

    .hero_product-content .hero_product-info-item {
        border-radius: 5px;
        background: #f2f6fa;
        padding: 12px;
        width: 47%;
        display: flex;
        flex-direction: column
    }

    @media(max-width: 528px) {
        .hero_product-content .hero_product-info-item:only-child {
            flex: 0 1 100%
        }
    }

    @media(max-width: 528px) {
        .hero_product-content .hero_product-info-item {
            width: 48%
        }
    }

    .hero_product-content .hero_product-info-item-icon {
        width: 32px;
        height: 32px;
        object-fit: contain;
        margin-bottom: 16px
    }

    .hero_product-content .hero_product-info-item-title {
        color: var(--blue);
        font-size: 12px;
        font-weight: 500;
        line-height: 140%;
        padding-top: 6px;
        padding-bottom: 6px
    }

    .hero_product-content .hero_product-info-item-title a {
        text-decoration: revert-layer
    }

    .hero_product-content .hero_product-info-item-text {
        color: #000;
        font-size: 12px;
        font-weight: 400;
        line-height: normal
    }

    .hero_product-content .hero_product-info-buttom {
        display: flex;
        gap: 30px
    }

    @media(max-width: 526px) {
        .hero_product-content .hero_product-info-buttom {
            gap: 20px;
            flex-direction: column
        }
    }

    .hero_product-content .hero_product-info-buttom-fille {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        text-align: center;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 50%
    }

    .hero_product-content .hero_product-info-buttom-fille:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-buttom-fille {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .hero_product-content .hero_product-info-buttom-link {
        color: #00080f;
        font-size: 12px;
        text-align: center;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 50%
    }

    .hero_product-content .hero_product-info-buttom-link:hover {
        background: var(--blue);
        color: #fff
    }

    @media(max-width: 768px) {
        .hero_product-content .hero_product-info-buttom-link {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .hide-gallery .hero_product-container,
    .hide-gallery .custom-swiper-container {
        display: none
    }

    .detailed_description {
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .detailed_description {
            padding-bottom: 50px
        }
    }

    .detailed_description-content {
        display: flex;
        justify-content: space-between
    }

    @media(max-width: 768px) {
        .detailed_description-content {
            flex-direction: column;
            gap: 15px
        }
    }

    .detailed_description-info {
        width: 50%;
        padding: 80px 180px
    }

    @media(max-width: 1440px) {
        .detailed_description-info {
            padding: 80px 120px
        }
    }

    @media(max-width: 1280px) {
        .detailed_description-info {
            padding: 50px 80px
        }
    }

    @media(max-width: 1024px) {
        .detailed_description-info {
            padding: 30px 40px
        }
    }

    @media(max-width: 526px) {
        .detailed_description-info {
            padding: 20px
        }
    }

    @media(max-width: 768px) {
        .detailed_description-info {
            width: 100%
        }
    }

    .detailed_description-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        width: 90%;
        padding-bottom: 20px
    }

    @media(max-width: 1280px) {
        .detailed_description-title {
            font-size: 32px
        }
    }

    @media(max-width: 1024px) {
        .detailed_description-title {
            font-size: 28px
        }
    }

    @media(max-width: 528px) {
        .detailed_description-title {
            font-size: 24px
        }
    }

    .detailed_description-text {
        color: #00080f;
        font-size: 16px;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px;
        padding-bottom: 32px
    }

    @media(max-width: 1024px) {
        .detailed_description-text {
            font-size: 14px
        }
    }

    .detailed_description-link {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 16px 34px;
        text-align: center;
        display: block;
        width: 100%;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .detailed_description-link:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .detailed_description-link {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .detailed_description-image {
        width: 50%;
        height: 637px
    }

    @media(max-width: 1024px) {
        .detailed_description-image {
            height: 517px
        }
    }

    @media(max-width: 768px) {
        .detailed_description-image {
            width: 100%
        }
    }

    @media(max-width: 428px) {
        .detailed_description-image {
            height: 337px
        }
    }

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

    .list_image_product {
        padding-bottom: 50px
    }

    .list_image_product__information {
        display: flex;
        gap: 90px;
        align-items: center
    }

    @media(max-width: 1440px) {
        .list_image_product__information {
            padding-left: 50px;
            padding-right: 50px
        }
    }

    @media(max-width: 1439px) {
        .list_image_product__information {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
        .list_image_product__information {
            gap: 50px
        }
    }

    @media(max-width: 768px) {
        .list_image_product__information {
            flex-direction: column;
            gap: 40px
        }
    }

    .list_image_product__information-text {
        width: 50%
    }

    @media(max-width: 768px) {
        .list_image_product__information-text {
            width: 100%
        }
    }

    .list_image_product__information-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        position: relative
    }

    @media(max-width: 1024px) {
        .list_image_product__information-title {
            font-size: 28px
        }
    }

    .list_image_product__information-title:before {
        content: "";
        width: 80px;
        height: 4px;
        border-radius: 20px;
        background: var(--yellow-dark);
        position: absolute;
        left: -15%;
        top: 0;
        margin: auto;
        bottom: 0
    }

    @media(max-width: 1280px) {
        .list_image_product__information-title:before {
            left: -17%
        }
    }

    @media(max-width: 1024px) {
        .list_image_product__information-title:before {
            left: -28%
        }
    }

    @media(max-width: 768px) {
        .list_image_product__information-title:before {
            left: -15%
        }
    }

    @media(max-width: 426px) {
        .list_image_product__information-title:before {
            left: -24%
        }
    }

    .list_image_product__information-list {
        display: flex;
        flex-direction: column;
        gap: 16px;
        padding-top: 16px
    }

    @media(max-width: 1024px) {
        .list_image_product__information-list {
            gap: 12px
        }
    }

    .list_image_product__information-list-item {
        display: flex;
        gap: 10px;
        align-items: flex-start;
        width: 70%
    }

    @media(max-width: 1280px) {
        .list_image_product__information-list-item {
            width: 90%
        }
    }

    @media(max-width: 1024px) {
        .list_image_product__information-list-item {
            width: 100%
        }
    }

    .list_image_product__information-list-item p {
        color: rgba(0, 8, 15, .7607843137);
        font-size: 18px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px
    }

    @media(max-width: 1024px) {
        .list_image_product__information-list-item p {
            font-size: 16px
        }
    }

    @media(max-width: 768px) {
        .list_image_product__information-list-item p {
            font-size: 14px
        }
    }

    .list_image_product__information-content {
        color: rgba(0, 8, 15, .658);
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 170%;
        letter-spacing: -0.14px;
        padding-top: 10px;
        padding-bottom: 25px;
        width: 70%
    }

    @media(max-width: 1280px) {
        .list_image_product__information-content {
            width: 100%
        }
    }

    .list_image_product__information-content a {
        opacity: .8;
        color: var(--blue);
        font-size: 14px;
        font-weight: 500;
        line-height: 170%;
        letter-spacing: -0.14px;
        text-decoration-line: underline
    }

    .list_image_product__information-download {
        color: #00080f;
        font-size: 12px;
        text-align: center;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--yellow-dark);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 50%
    }

    .list_image_product__information-download:hover {
        background: var(--blue);
        color: #fff
    }

    @media(max-width: 768px) {
        .list_image_product__information-download {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .list_image_product__information-image {
        width: 45%;
        height: 484px
    }

    @media(max-width: 1024px) {
        .list_image_product__information-image {
            width: 60%
        }
    }

    @media(max-width: 768px) {
        .list_image_product__information-image {
            width: 100%;
            height: 384px
        }
    }

    @media(max-width: 426px) {
        .list_image_product__information-image {
            height: 320px
        }
    }

    .list_image_product__information-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .image_text_products {
        background: #f6f6f6;
        position: relative;
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .image_text_products {
            padding-top: 50px;
            padding-bottom: 50px;
            margin-bottom: 35px
        }
    }

    .image_text_products:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        background-image: url(../image/pattern-products.svg);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0
    }

    .image_text_products-info {
        display: flex;
        align-items: center;
        gap: 100px;
        justify-content: space-around;
        position: relative;
        z-index: 9
    }

    @media(max-width: 1280px) {
        .image_text_products-info {
            gap: 50px
        }
    }

    @media(max-width: 1024px) {
        .image_text_products-info {
            gap: 20px
        }
    }

    @media(max-width: 768px) {
        .image_text_products-info {
            flex-direction: column-reverse
        }
    }

    .image_text_products-images {
        height: auto;
        width: 40%
    }

    @media(max-width: 1280px) {
        .image_text_products-images {
            height: 369px
        }
    }

    @media(max-width: 1024px) {
        .image_text_products-images {
            width: 47%;
            height: 349px
        }
    }

    @media(max-width: 768px) {
        .image_text_products-images {
            width: 100%;
            height: 330px;
            text-align: center
        }
    }

    .image_text_products-images img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    @media(max-width: 768px) {
        .image_text_products-images img {
            width: 50%
        }
    }

    @media(max-width: 438px) {
        .image_text_products-images img {
            width: 80%
        }
    }

    .image_text_products-images img.gif-class {
        height: 300px
    }

    .image_text_products-text {
        width: 37%
    }

    @media(max-width: 1280px) {
        .image_text_products-text {
            width: 47%
        }
    }

    @media(max-width: 768px) {
        .image_text_products-text {
            width: 100%
        }
    }

    .image_text_products-texts {
        padding-bottom: 20px
    }

    .image_text_products-texts p {
        color: rgba(0, 8, 15, .7607843137);
        font-size: 16px;
        font-weight: 300;
        line-height: normal;
        letter-spacing: -0.18px;
        padding-top: 20px
    }

    @media(max-width: 1024px) {
        .image_text_products-texts p {
            font-size: 16px
        }
    }

    @media(max-width: 768px) {
        .image_text_products-texts p {
            font-size: 14px
        }
    }

    .image_text_products-texts ul {
        display: flex;
        flex-direction: column;
        gap: 8px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        list-style: none;
        margin-top: 1em
    }

    @media(max-width: 768px) {
        .image_text_products-texts ul {
            margin-top: .5em
        }
    }

    .image_text_products-texts ul li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .image_text_products-texts ul li {
            font-size: 14px
        }
    }

    .image_text_products-texts ul li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .image_text_products-texts ol {
        display: flex;
        flex-direction: column;
        gap: 8px;
        color: rgba(0, 8, 15, 0.7215686275);
        list-style: inherit;
        list-style: none;
        margin-top: 1em
    }

    @media(max-width: 768px) {
        .image_text_products-texts ol {
            margin-top: .5em
        }
    }

    .image_text_products-texts ol li {
        color: rgba(0, 8, 15, .7215686275);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        font-family: "Montserrat";
        position: relative;
        padding-left: 15px
    }

    @media(max-width: 1024px) {
        .image_text_products-texts ol li {
            font-size: 14px
        }
    }

    .image_text_products-texts ol li:before {
        content: "";
        width: 4px;
        height: 4px;
        background-color: rgba(0, 8, 15, 0.7215686275);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        border-radius: 50%
    }

    .image_text_products-texts-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 20px;
        padding-left: 20px
    }

    .image_text_products-texts-text {
        color: #00080f;
        font-size: 16px;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px
    }

    @media(max-width: 1280px) {
        .image_text_products-texts-text {
            font-size: 14px
        }
    }

    .image_text_products-texts-item {
        position: relative;
        color: rgba(0, 8, 15, .8549019608);
        font-size: 16px;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px
    }

    @media(max-width: 1280px) {
        .image_text_products-texts-item {
            font-size: 14px
        }
    }

    .image_text_products-texts-item:before {
        content: "";
        background-image: url(../image/checks.svg);
        width: 20px;
        height: 20px;
        position: absolute;
        top: 0;
        left: -23px
    }

    @media(max-width: 1024px) {
        .image_text_products-texts {
            font-size: 14px
        }
    }

    .image_text_products-texts a {
        color: var(--blue);
        text-decoration-line: underline;
        font-weight: 500
    }

    .image_text_products .button-group a {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .image_text_products-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 16px
    }

    @media(max-width: 1280px) {
        .image_text_products-title {
            font-size: 32px
        }
    }

    @media(max-width: 1024px) {
        .image_text_products-title {
            font-size: 26px;
            line-height: normal
        }
    }

    .image_text_products-title span {
        color: #0054a5;
        text-decoration-line: underline
    }

    .options_product {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .options_product {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .options_product-info {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 60px
    }

    @media(max-width: 1280px) {
        .options_product-info {
            gap: 30px
        }
    }

    @media(max-width: 428px) {
        .options_product-info {
            gap: 20px
        }
    }

    .options_product-info-content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
        width: 40%
    }

    @media(max-width: 1280px) {
        .options_product-info-content {
            width: 60%
        }
    }

    @media(max-width: 768px) {
        .options_product-info-content {
            width: 100%
        }
    }

    .options_product-info-content-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px
    }

    @media(max-width: 768px) {
        .options_product-info-content-title {
            font-size: 26px;
            line-height: normal
        }
    }

    .options_product-info-content-text {
        color: rgba(0, 8, 15, .6784313725);
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    @media(max-width: 768px) {
        .options_product-info-content-text {
            font-size: 14px;
            line-height: normal
        }
    }

    .options_product-info-image {
        width: 100%;
        text-align: center;
        height: 256px
    }

    @media(max-width: 428px) {
        .options_product-info-image {
            height: 156px
        }
    }

    .options_product-info-image .image {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .casing {
        padding-top: 50px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .casing {
            padding-top: 20px;
            padding-bottom: 50px
        }
    }

    .casing-list {
        display: flex;
        flex-direction: column;
        gap: 100px
    }

    .casing-item {
        display: flex;
        gap: 40px;
        align-items: center;
        justify-content: space-around
    }

    @media(max-width: 768px) {
        .casing-item {
            flex-direction: column
        }
    }

    .casing-item-info {
        width: 40%
    }

    @media(max-width: 1280px) {
        .casing-item-info {
            width: 50%
        }
    }

    @media(max-width: 768px) {
        .casing-item-info {
            width: 100%
        }
    }

    .casing-item-info-title {
        color: var(--blue);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 8px
    }

    @media(max-width: 768px) {
        .casing-item-info-title {
            font-size: 18px
        }
    }

    .casing-item-info-text {
        color: rgba(0, 8, 15, .7803921569);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    @media(max-width: 768px) {
        .casing-item-info-text {
            font-size: 14px
        }
    }

    .casing-item-info-advantages {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 16px
    }

    .casing-item-info-advantages-item {
        display: flex;
        gap: 10px;
        align-items: center
    }

    .casing-item-info-advantages-item img {
        width: 20px;
        height: 20px;
        object-fit: cover
    }

    .casing-item-info-advantages-item p {
        color: rgba(0, 8, 15, .7803921569);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px
    }

    @media(max-width: 768px) {
        .casing-item-info-advantages-item p {
            font-size: 14px
        }
    }

    .casing-item-image {
        height: 214px;
        width: 30%
    }

    @media(max-width: 1280px) {
        .casing-item-image {
            width: 40%
        }
    }

    @media(max-width: 768px) {
        .casing-item-image {
            width: 70%
        }
    }

    @media(max-width: 528px) {
        .casing-item-image {
            width: 100%;
            height: 134px
        }
    }

    .casing-item-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .hero_product.select {
        padding: 150px 50px 50px 50px
    }

    @media(max-width: 1280px) {
        .hero_product.select {
            padding: 160px 0px 0px 0px
        }
    }

    @media(max-width: 768px) {
        .hero_product.select {
            padding: 100px 0px 0px 0px
        }
    }

    .hero_product.select .hero_product-content.select {
        display: flex;
        flex-direction: column;
        gap: 30px
    }

    @media(max-width: 1024px) {
        .hero_product.select .hero_product-content.select {
            flex-direction: column
        }
    }

    .hero_product.select .hero_product-content.select .image_text_products {
        position: relative;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-bottom: 75px
    }

    @media(max-width: 768px) {
        .hero_product.select .hero_product-content.select .image_text_products {
            padding-top: 50px;
            padding-bottom: 50px;
            margin-bottom: 35px
        }
    }

    .hero_product.select .hero_product-content.select .image_text_products:before {
        content: "";
        position: absolute;
        width: 150% !important;
        height: 100%;
        left: -30%;
        top: 0;
        background-image: url(../image/pattern-products.svg);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        background-color: #f6f6f6 !important
    }

    .hero_product.select .hero_product-content.select .hero_product-content-select_info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    @media(max-width: 1024px) {
        .hero_product.select .hero_product-content.select .hero_product-content-select_info {
            flex-direction: column;
            padding-top: 40px
        }
    }

    .hero_product.select .hero_product-gallery {
        width: 40%
    }

    @media(max-width: 1024px) {
        .hero_product.select .hero_product-gallery {
            width: 100%;
            padding-bottom: 30px
        }
    }

    .hero_product.select .hero_product-gallery-featured_image {
        height: 470px;
        width: 95%
    }

    @media(max-width: 1024px) {
        .hero_product.select .hero_product-gallery-featured_image {
            height: 390px
        }
    }

    @media(max-width: 428px) {
        .hero_product.select .hero_product-gallery-featured_image {
            height: 310px;
            width: 100%
        }
    }

    .hero_product.select .hero_product-gallery-featured_image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .hero_product.select .hero_product-tab {
        display: flex;
        justify-content: flex-end
    }

    .hero_product.select .hero_product-tab .tabs {
        width: 50%;
        width: 50%;
        padding-bottom: 34px;
        border-bottom: 1.5px solid rgba(165, 165, 165, .2901960784)
    }

    @media(max-width: 1024px) {
        .hero_product.select .hero_product-tab .tabs {
            width: 100%
        }
    }

    .hero_product.select .hero_product-tab .tabs p.select-texts {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: .9px;
        text-transform: uppercase;
        padding-bottom: 12px
    }

    .hero_product.select .hero_product-tab .tabs .button-box {
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }

    @media(max-width: 430px) {
        .hero_product.select .hero_product-tab .tabs .button-box {
            gap: 5px
        }
    }

    .hero_product.select .hero_product-tab .tabs .button-box button.tab-button {
        border-radius: 55px;
        border: 1px solid rgba(0, 84, 165, .1);
        color: rgba(0, 8, 15, .8);
        font-size: 12px;
        font-weight: 300;
        line-height: 140%;
        letter-spacing: -0.12px;
        padding: 12px 24px;
        width: fit-content
    }

    @media(max-width: 430px) {
        .hero_product.select .hero_product-tab .tabs .button-box button.tab-button {
            font-size: 10px;
            padding: 10px 21px
        }
    }

    .hero_product.select .hero_product-tab .tabs .button-box button.tab-button:hover {
        background: rgba(0, 84, 165, .1);
        border: 1px solid rgba(0, 85, 165, 0)
    }

    .hero_product.select .hero_product-tab .tabs .button-box button.tab-button.active {
        background: rgba(0, 84, 165, .1);
        border: 1px solid rgba(0, 85, 165, 0);
        font-weight: 500
    }

    .hero_product.select .hero_product-tab .tabs .tab-content {
        display: none
    }

    .hero_product.select .hero_product-tab .tabs .tab-content.active {
        display: block
    }

    .specifications {
        padding-top: 100px;
        padding-bottom: 40px;
        background: #f6f6f6;
        margin-bottom: 50px
    }

    @media(max-width: 768px) {
        .specifications {
            padding-top: 50px;
            padding-bottom: 20px;
            margin-bottom: 30px
        }
    }

    .specifications-title {
        color: var(--blue, );
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 12px;
        text-align: center
    }

    .specifications-image {
        text-align: center;
        padding-top: 40px
    }

    .specifications-image-photo {
        width: 70%;
        height: 700px;
        object-fit: contain
    }

    @media(max-width: 1024px) {
        .specifications-image-photo {
            width: 100%;
            height: 500px
        }
    }

    @media(max-width: 768px) {
        .specifications-image-photo {
            width: 100%;
            height: 420px
        }
    }

    .specifications-table {
        width: 100%;
        border-collapse: collapse
    }

    .specifications-table tr {
        cursor: pointer;
        background: #fff
    }

    .specifications-table tr:hover {
        background: #f2f6fa
    }

    .specifications-table td {
        border: 1px solid rgba(17, 17, 17, .1);
        padding: 10px 3px 10px 8px;
        text-align: left;
        color: #111;
        font-size: 11px;
        font-weight: 400;
        line-height: normal
    }

    @media(max-width: 1440px) {
        .specifications-table td {
            padding: 10px 0px 10px 8px
        }
    }

    @media(max-width: 768px) {
        .specifications-table td {
            font-size: 10px;
            padding: 10px 5px 10px 8px
        }
    }

    .specifications-table td a {
        color: var(--blue);
        text-decoration: revert-layer
    }

    .specifications-table th {
        border: 1px solid #fff;
        text-align: left;
        background: var(--blue);
        font-weight: bold;
        color: #fcfcfc;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        padding: 10px 22px 10px 8px
    }

    @media(max-width: 768px) {
        .specifications-table th {
            font-size: 10px
        }
    }

    @media(max-width: 1024px) {
        .specifications-table-wrapper {
            overflow-x: auto
        }

        .specifications-table {
            width: fit-content;
            min-width: 1000px
        }
    }

    @media(max-width: 768px) {
        .specifications-table-wrapper {
            overflow-x: auto
        }

        .specifications-table {
            width: fit-content;
            min-width: 800px
        }
    }

    .title_text_single__information {
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        justify-content: center;
        position: relative;
        padding-bottom: 34px;
        padding-top: 60px
    }

    @media(max-width: 768px) {
        .title_text_single__information {
            height: auto;
            padding-top: 100px
        }
    }

    @media(max-width: 526px) {
        .title_text_single__information {
            padding-top: 64px
        }
    }

    .title_text_single__information-title {
        color: #00080f;
        text-align: center;
        font-size: 42px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase
    }

    @media(max-width: 768px) {
        .title_text_single__information-title {
            font-size: 30px;
            line-height: normal
        }
    }

    .title_text_single__information-text {
        color: rgba(0, 8, 15, .631372549);
        text-align: center;
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px;
        width: 741px
    }

    @media(max-width: 1024px) {
        .title_text_single__information-text {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .title_text_single__information-text {
            font-size: 14px;
            line-height: normal
        }
    }

    .title_text_single__information-left {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    @media(max-width: 1024px) {
        .title_text_single__information-left {
            display: none
        }
    }

    .title_text_single__information-right {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    .title_text_single-image {
        width: 360px;
        height: 360px
    }

    @media(max-width: 768px) {
        .title_text_single-image {
            width: 60%;
            height: 260px
        }
    }

    .title_text_single-image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .search-popup {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 40vh;
        background-color: #fff;
        justify-content: center;
        align-items: flex-start;
        align-items: center;
        opacity: 0;
        z-index: -99;
        transition: opacity .5s ease-in-out
    }

    @media(max-width: 1440px) {
        .search-popup {
            height: 30vh
        }
    }

    @media(max-width: 768px) {
        .search-popup {
            height: 100vh
        }
    }

    .search-icon-mob {
        cursor: pointer
    }

    .search-icon-pc {
        cursor: pointer
    }

    body.active section {
        filter: blur(5px);
        transition: filter .3s ease
    }

    body.active footer {
        filter: blur(5px);
        transition: filter .3s ease
    }

    .search-popup.show {
        display: flex;
        opacity: 1;
        z-index: 100;
        animation: fadeIn .5s ease-in-out
    }

    @keyframes fadeIn {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes fadeOut {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
    }

    .search-popup-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 5px;
        text-align: center;
        margin-top: 20px;
        width: 60%
    }

    @media(max-width: 768px) {
        .search-popup-content {
            width: 100%
        }
    }

    .search-popup-content form#searchform {
        width: 100%;
        display: flex;
        align-items: flex-end;
        gap: 20px
    }

    @media(max-width: 526px) {
        .search-popup-content form#searchform {
            flex-direction: column
        }
    }

    @media(max-width: 526px) {
        .search-popup-content form#searchform img.search-icon {
            display: none
        }
    }

    .search-popup-content form#searchform input#s {
        width: 80%;
        border-bottom: 1px solid #b9dcff;
        outline: none;
        padding-bottom: 4px;
        font-size: 20px
    }

    @media(max-width: 526px) {
        .search-popup-content form#searchform input#s {
            width: 100%
        }
    }

    .search-popup-content form#searchform input#s::placeholder {
        opacity: .8;
        color: rgba(60, 60, 60, .8784313725);
        font-size: 20px;
        font-weight: 400;
        line-height: 150%
    }

    .search-popup-content form#searchform input#s:focus {
        border-bottom: 1px solid #0073aa
    }

    .search-popup-content form#searchform button#searchsubmit {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    @media(max-width: 526px) {
        .search-popup-content form#searchform button#searchsubmit {
            width: 100%
        }
    }

    .search-popup-content form#searchform button#searchsubmit:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    .close-btn {
        position: absolute;
        top: 15%;
        right: 2%;
        font-size: 40px;
        cursor: pointer;
        color: #0073aa
    }

    @media(max-width: 768px) {
        .close-btn {
            top: 0%;
            right: 5%
        }
    }

    .search-icon {
        cursor: pointer
    }

    section.search {
        padding-top: 150px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        section.search {
            padding-top: 100px
        }
    }

    section.search .search-results-page-title {
        text-align: center;
        display: flex;
        flex-direction: column;
        gap: 16px;
        align-items: center;
        height: 450px;
        justify-content: center;
        position: relative;
        padding-bottom: 64px
    }

    @media(max-width: 768px) {
        section.search .search-results-page-title {
            height: auto;
            padding-top: 100px
        }
    }

    @media(max-width: 526px) {
        section.search .search-results-page-title {
            padding-top: 64px
        }
    }

    section.search .search-results-page-title-left {
        position: absolute;
        left: 0;
        bottom: 0;
        z-index: -1
    }

    @media(max-width: 1024px) {
        section.search .search-results-page-title-left {
            display: none
        }
    }

    section.search .search-results-page-title-right {
        position: absolute;
        right: 0;
        top: 0;
        z-index: -1
    }

    section.search h1 {
        color: #00080f;
        text-align: center;
        font-size: 42px;
        font-weight: 700;
        line-height: 120%;
        letter-spacing: -0.84px;
        text-transform: uppercase;
        width: 40%
    }

    @media(max-width: 1024px) {
        section.search h1 {
            width: 100%
        }
    }

    @media(max-width: 768px) {
        section.search h1 {
            font-size: 30px;
            line-height: normal
        }
    }

    section.search h2 {
        color: #00080f;
        text-align: left;
        font-size: 38px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 24px;
        padding-top: 50px
    }

    @media(max-width: 526px) {
        section.search h2 {
            padding-top: 30px;
            font-size: 26px;
            text-align: center
        }
    }

    section.search ul.search-results-list-page {
        display: flex;
        flex-direction: column;
        gap: 30px;
        padding-left: 20px
    }

    section.search ul.search-results-list-page li a {
        position: relative;
        color: #00080f;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        width: fit-content
    }

    section.search ul.search-results-list-page li a:hover {
        color: var(--blue)
    }

    section.search ul.search-results-list-page li a:before {
        content: "";
        vertical-align: middle;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../image/faq1.svg);
        left: -20px;
        top: 15%;
        margin: auto;
        transform: rotate(90deg);
        color: #002b4d;
        width: 11.667px;
        height: 12px
    }

    section.search p.no_results {
        text-align: center;
        color: var(--blue);
        font-size: 20px;
        font-weight: 600
    }

    .block_table {
        padding-top: 20px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .block_table {
            padding-top: 10px;
            padding-bottom: 20px
        }
    }

    .block_table-sections {
        color: #00080f;
        font-size: 42px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: -0.84px;
        padding-bottom: 16px;
        text-transform: uppercase;
        border-bottom: 2px solid #e7e7e7;
        margin-bottom: 10px
    }

    @media(max-width: 768px) {
        .block_table-sections {
            font-size: 29px;
            line-height: normal;
            padding-bottom: 15px
        }
    }

    .block_table-title {
        color: #00080f;
        font-size: 26px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-top: 26px;
        padding-bottom: 26px
    }

    @media(max-width: 1024px) {
        .block_table-title {
            font-size: 20px;
            line-height: normal;
            padding-bottom: 16px;
            padding-top: 16px
        }
    }

    .block_table-tabs {
        width: 100%;
        border-collapse: collapse
    }

    .block_table-tabs-text {
        color: rgba(0, 8, 15, .8);
        font-size: 14px;
        font-weight: 300;
        line-height: 170%;
        padding-bottom: 24px
    }

    @media(max-width: 768px) {
        .block_table-tabs-text {
            font-size: 12px;
            line-height: normal
        }
    }

    .block_table-tabs th,
    .block_table-tabs td {
        border: 1px solid rgba(17, 17, 17, .1);
        padding: 10px;
        text-align: left;
        color: rgba(17, 17, 17, .7058823529);
        font-size: 14px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.14px
    }

    @media(max-width: 768px) {

        .block_table-tabs th,
        .block_table-tabs td {
            font-size: 10px
        }
    }

    @media(max-width: 528px) {

        .block_table-tabs th,
        .block_table-tabs td {
            padding: 4px
        }
    }

    .block_table-tabs th a,
    .block_table-tabs td a {
        color: var(--blue);
        text-decoration: revert-layer
    }

    .block_table-tabs th {
        background-color: var(--blue);
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%
    }

    @media(max-width: 768px) {
        .block_table-tabs th {
            font-size: 10px
        }
    }

    .block_table-images {
        display: flex;
        gap: 20px
    }

    @media(max-width: 1024px) {
        .block_table-images {
            flex-direction: column;
            align-items: center
        }
    }

    .block_table__imgs {
        width: 20%
    }

    @media(max-width: 1280px) {
        .block_table__imgs {
            width: 25%
        }
    }

    @media(max-width: 1024px) {
        .block_table__imgs {
            width: 40%
        }
    }

    @media(max-width: 524px) {
        .block_table__imgs {
            width: 70%
        }
    }

    .block_table-content {
        width: 100%
    }

    .methods {
        padding-top: 100px;
        padding-bottom: 50px
    }

    @media(max-width: 768px) {
        .methods {
            padding-top: 50px
        }
    }

    .methods-title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 30px
    }

    @media(max-width: 526px) {
        .methods-title {
            font-size: 26px;
            padding-bottom: 10px;
            line-height: normal
        }
    }

    .methods-list {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        justify-content: center
    }

    @media(max-width: 526px) {
        .methods-list {
            flex-direction: column;
            padding-top: 20px
        }
    }

    .methods-item {
        border-radius: 5px;
        background: #f2f6fa;
        color: var(--blue);
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        padding: 24px 32px
    }

    .list_number {
        padding-top: 100px;
        padding-bottom: 100px
    }

    @media(max-width: 768px) {
        .list_number {
            padding-top: 50px;
            padding-bottom: 50px
        }
    }

    .list_number__information {
        display: flex;
        gap: 190px;
        align-items: center
    }

    @media(max-width: 1440px) {
        .list_number__information {
            padding-left: 50px;
            padding-right: 50px
        }
    }

    @media(max-width: 1439px) {
        .list_number__information {
            padding-left: 0px;
            padding-right: 0px
        }
    }

    @media(max-width: 1280px) {
        .list_number__information {
            gap: 50px
        }
    }

    @media(max-width: 768px) {
        .list_number__information {
            flex-direction: column;
            gap: 20px
        }
    }

    .list_number__information-text {
        width: 50%
    }

    @media(max-width: 768px) {
        .list_number__information-text {
            width: 100%
        }
    }

    .list_number__information-content {
        width: 50%
    }

    @media(max-width: 768px) {
        .list_number__information-content {
            width: 100%
        }
    }

    .list_number__information-box {
        width: 50%
    }

    @media(max-width: 768px) {
        .list_number__information-box {
            width: 100%
        }
    }

    .list_number__information-box ul.list_number__information-box-list {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .list_number__information-box ul.list_number__information-box-list li.list_number__information-box-item {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        color: rgba(0, 8, 15, .6509803922);
        font-size: 14px;
        font-weight: 400;
        line-height: 170%;
        letter-spacing: -0.14px
    }

    .list_number__information ul.number-list {
        display: flex;
        gap: 25px;
        padding-top: 15px;
        padding-bottom: 20px
    }

    .list_number__information ul.number-list li.number-item {
        width: 30%
    }

    .list_number__information ul.number-list li.number-item p.number-item-title {
        color: #00080f;
        font-size: 14px;
        font-weight: 300;
        line-height: 160%
    }

    @media(max-width: 1024px) {
        .list_number__information ul.number-list li.number-item p.number-item-title {
            font-size: 12px;
            line-height: normal
        }
    }

    .list_number__information ul.number-list li.number-item p.number-item-numbers.anim.animated {
        color: #0054a5;
        font-size: 50px;
        font-weight: 600;
        line-height: 130%;
        letter-spacing: -1px
    }

    @media(max-width: 1024px) {
        .list_number__information ul.number-list li.number-item p.number-item-numbers.anim.animated {
            font-size: 30px;
            line-height: normal
        }
    }

    .list_number__information .list_number__information-texts {
        color: rgba(0, 8, 15, .6509803922);
        font-size: 14px;
        font-weight: 400;
        line-height: 170%;
        letter-spacing: -0.14px
    }

    .list_number__information-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: normal;
        letter-spacing: -1.14px;
        position: relative
    }

    @media(max-width: 1024px) {
        .list_number__information-title {
            font-size: 28px
        }
    }

    .list_number__information-title:before {
        content: "";
        width: 80px;
        height: 4px;
        border-radius: 20px;
        background: var(--yellow-dark);
        position: absolute;
        left: -15%;
        top: 0;
        margin: auto;
        bottom: 0
    }

    @media(max-width: 1280px) {
        .list_number__information-title:before {
            left: -17%
        }
    }

    @media(max-width: 1024px) {
        .list_number__information-title:before {
            left: -28%
        }
    }

    @media(max-width: 768px) {
        .list_number__information-title:before {
            left: -15%
        }
    }

    @media(max-width: 426px) {
        .list_number__information-title:before {
            left: -24%
        }
    }

    .map .sl-row.Filter_section .multiselect-container.adropdown-menu {
        position: relative;
        z-index: 0
    }

    .map .sl-row.Filter_section .multiselect-container.adropdown-menu li {
        border: 1px solid #d1d5db;
        border-radius: 6px;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .05);
        color: #00080f !important;
        font-size: 14px;
        font-weight: 300;
        overflow: hidden
    }

    .map .sl-row.Filter_section .multiselect-container.adropdown-menu li:hover {
        border-radius: 6px;
        border: 1px solid rgba(0, 84, 165, .5) !important;
        box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, .05) !important
    }

    .map .sl-row.Filter_section .multiselect-container.adropdown-menu li a:hover {
        background-color: #f2f6fa !important;
        color: #00080f !important
    }

    .map #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter label {
        font-size: 18px !important;
        color: #000 !important
    }

    @media(max-width: 768px) {
        .map #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .Filter_section .search_filter label {
            font-size: 16px !important
        }
    }

    .map #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-advance-filters .asl-filter-cntrl .asl-cntrl-lbl {
        font-size: 18px
    }

    @media(max-width: 768px) {
        .map #asl-storelocator.asl-cont .asl-wrapper .Filter_section .asl-advance-filters .asl-filter-cntrl .asl-cntrl-lbl {
            font-size: 16px !important
        }
    }

    .map #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter {
        margin-bottom: 0px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 0px
    }

    @media(max-width: 1280px) {
        .map #asl-storelocator.asl-cont .asl-wrapper .Filter_section .search_filter {
            justify-content: flex-start
        }
    }

    .map .gmnoprint.gm-style-mtc-bbw {
        display: none !important
    }

    .map .asl-filter-cntrl {
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .map #asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters {
        margin-bottom: 0px !important
    }

    @media(max-width: 768px) {
        .map #asl-storelocator.asl-cont .asl-wrapper .asl-ddl-filters {
            padding: 0 !important
        }
    }

    @media(max-width: 528px) {
        .map #asl-storelocator.asl-cont.sl-category-tabs .asl-wrapper .Filter_section .asl-advance-filters .asl-tabs-ddl ul.adropdown-menu.multiselect-container>li>a>label[class=checkbox] {
            font-size: 10px !important
        }
    }

    .map #asl-storelocator.asl-cont.sl-category-tabs .asl-wrapper .Filter_section .asl-advance-filters .asl-tabs-ddl .adropdown-menu.multiselect-container>li>a label {
        padding: 10px
    }

    .map #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .sl-main-cont .asl-map .map-image .asl-map-canv .infoBox #style_0 h3 {
        color: #000 !important
    }

    .map #asl-storelocator.asl-cont.sl-category-tabs .asl-wrapper .Filter_section .asl-advance-filters .asl-tabs-ddl ul.adropdown-menu.multiselect-container li {
        margin-bottom: 0px !important
    }

    @media(max-width: 1024px) {
        .map #asl-storelocator.asl-cont.sl-category-tabs .asl-wrapper .Filter_section .asl-advance-filters .asl-tabs-ddl ul.adropdown-menu.multiselect-container li {
            margin-bottom: 10px !important
        }
    }

    .map #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li:hover a label {
        color: #000 !important
    }

    .map #asl-storelocator.asl-cont.asl-template-0 .asl-wrapper .asl-ddl-filters .asl-filter-cntrl .sl-dropdown-cont .btn-group .adropdown-menu li.active a label {
        color: #000
    }

    .options_information {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px;
        background-color: #f2f6fa
    }

    .options_information-desktop {
        height: auto;
        width: 100%;
        text-align: center
    }

    @media(max-width: 768px) {
        .options_information-desktop {
            display: none
        }
    }

    .options_information-mobiles {
        display: none
    }

    @media(max-width: 768px) {
        .options_information-mobiles {
            display: block
        }
    }

    .options_information-mobiles-image {
        height: 369px;
        width: 100%;
        object-fit: contain
    }

    @media(max-width: 768px) {
        .options_information-mobiles .faq__list-toggler::before {
            right: -17px;
            top: 4px
        }

        .options_information-mobiles .faq__list-answer {
            color: rgba(0, 8, 15, .7);
            font-size: 14px;
            font-weight: 400;
            line-height: 160%;
            letter-spacing: -0.14px;
            opacity: .7
        }

        .options_information-mobiles .faq__list-answer ul {
            padding-left: 20px;
            padding-left: 20px;
            display: flex;
            flex-direction: column;
            gap: 5px;
            padding-top: 10px;
            list-style: disc
        }
    }

    .options_information-image {
        height: 1400px;
        width: 1240px
    }

    @media(max-width: 1280px) {
        .options_information-image {
            height: 100%;
            width: 100%;
            object-fit: contain
        }
    }

    .hero_product.select_system_faq {
        padding: 150px 50px 50px 50px
    }

    @media(max-width: 1280px) {
        .hero_product.select_system_faq {
            padding: 160px 0px 0px 0px
        }
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq {
            padding: 100px 0px 0px 0px
        }
    }

    .hero_product.select_system_faq .hero_product-content.select {
        display: flex;
        flex-direction: column;
        gap: 30px
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-content.select {
            flex-direction: column
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion .accordion__wrapper {
        width: 70%
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion .accordion__wrapper {
            width: 100%
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__content {
        height: 0;
        overflow: hidden;
        transition: height .3s ease
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__content.active {
        height: auto
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion .information {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-bottom: 40px
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__title {
        color: #00080f;
        text-align: center;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 30px
    }

    @media(max-width: 526px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__title {
            font-size: 26px;
            padding-bottom: 10px;
            line-height: normal
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__text {
        text-align: center;
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__text {
            font-size: 16px;
            line-height: normal;
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__text {
            font-size: 14px
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__content {
        color: rgba(0, 8, 15, .7);
        font-size: 16px;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.32px;
        opacity: .7
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__content {
            padding-right: 50px
        }
    }

    @media(max-width: 428px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__content {
            padding-right: 0px
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__content ul {
        padding-left: 20px;
        padding-left: 20px;
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding-top: 10px
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__content ul li {
        list-style: initial
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__question {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 153%;
        letter-spacing: -0.18px
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__info {
        padding-bottom: 20px;
        padding-top: 20px;
        border-bottom: 1px solid rgba(0, 16, 28, .1)
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__header {
        width: 100%;
        position: relative;
        cursor: pointer
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__header {
            width: 90%
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__header::before {
        content: "";
        vertical-align: middle;
        position: absolute;
        background-repeat: no-repeat;
        background-image: url(../image/faq1.svg);
        right: 0px;
        transform: rotate(180deg);
        color: #002b4d;
        width: 11.667px;
        height: 12px;
        opacity: .5
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq .hero_product-content.select .accordion__header::before {
            right: -17px;
            top: 10px
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__header.active {
        padding-bottom: 10px
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__header.active::before {
        transform: rotate(360deg);
        opacity: 1
    }

    .hero_product.select_system_faq .hero_product-content.select .accordion__header.active .faq__list-question {
        color: var(--blue)
    }

    .hero_product.select_system_faq .hero_product-content.select .image_text_products {
        position: relative;
        padding-top: 100px;
        padding-bottom: 100px;
        margin-bottom: 75px
    }

    @media(max-width: 768px) {
        .hero_product.select_system_faq .hero_product-content.select .image_text_products {
            padding-top: 50px;
            padding-bottom: 50px;
            margin-bottom: 35px
        }
    }

    .hero_product.select_system_faq .hero_product-content.select .image_text_products:before {
        content: "";
        position: absolute;
        width: 150% !important;
        height: 100%;
        left: -30%;
        top: 0;
        background-image: url(../image/pattern-products.svg);
        background-size: cover;
        background-repeat: no-repeat;
        z-index: 0;
        background-color: #f6f6f6 !important
    }

    .hero_product.select_system_faq .hero_product-content.select .hero_product-content-select_info {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-content.select .hero_product-content-select_info {
            flex-direction: column;
            padding-top: 40px
        }
    }

    .hero_product.select_system_faq .hero_product-gallery {
        width: 40%
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-gallery {
            width: 100%;
            padding-bottom: 30px
        }
    }

    .hero_product.select_system_faq .hero_product-gallery-featured_image {
        height: 470px;
        width: 95%
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-gallery-featured_image {
            height: 390px
        }
    }

    @media(max-width: 428px) {
        .hero_product.select_system_faq .hero_product-gallery-featured_image {
            height: 310px;
            width: 100%
        }
    }

    .hero_product.select_system_faq .hero_product-gallery-featured_image img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .hero_product.select_system_faq .hero_product-tab {
        display: flex;
        justify-content: flex-end
    }

    .hero_product.select_system_faq .hero_product-tab .tabs {
        width: 50%;
        width: 50%;
        padding-bottom: 34px;
        border-bottom: 1.5px solid rgba(165, 165, 165, .2901960784)
    }

    @media(max-width: 1024px) {
        .hero_product.select_system_faq .hero_product-tab .tabs {
            width: 100%
        }
    }

    .hero_product.select_system_faq .hero_product-tab .tabs p.select-texts {
        color: #00080f;
        font-size: 18px;
        font-weight: 500;
        line-height: 120%;
        letter-spacing: .9px;
        text-transform: uppercase;
        padding-bottom: 12px
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .button-box {
        display: flex;
        flex-wrap: wrap;
        gap: 10px
    }

    @media(max-width: 430px) {
        .hero_product.select_system_faq .hero_product-tab .tabs .button-box {
            gap: 5px
        }
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .button-box button.tab-button {
        border-radius: 55px;
        border: 1px solid rgba(0, 84, 165, .1);
        color: rgba(0, 8, 15, .8);
        font-size: 12px;
        font-weight: 300;
        line-height: 140%;
        letter-spacing: -0.12px;
        padding: 12px 24px;
        width: fit-content
    }

    @media(max-width: 430px) {
        .hero_product.select_system_faq .hero_product-tab .tabs .button-box button.tab-button {
            font-size: 10px;
            padding: 10px 21px
        }
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .button-box button.tab-button:hover {
        background: rgba(0, 84, 165, .1);
        border: 1px solid rgba(0, 85, 165, 0)
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .button-box button.tab-button.active {
        background: rgba(0, 84, 165, .1);
        border: 1px solid rgba(0, 85, 165, 0);
        font-weight: 500
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .tab-content {
        display: none
    }

    .hero_product.select_system_faq .hero_product-tab .tabs .tab-content.active {
        display: block
    }

    .infographic_image {
        padding-top: 30px;
        padding-bottom: 30px;
        background-color: #0e55a4
    }

    @media(max-width: 768px) {
        .infographic_image {
            padding-top: 10px;
            padding-bottom: 10px
        }
    }

    .infographic_image-content {
        display: flex;
        justify-content: center
    }

    .infographic_image-img {
        height: 900px;
        object-fit: cover
    }

    @media(max-width: 1280px) {
        .infographic_image-img {
            height: 700px;
            width: 100%
        }
    }

    @media(max-width: 1024px) {
        .infographic_image-img {
            height: 600px;
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .infographic_image-img {
            height: auto;
            width: 100%
        }
    }

    .tables {
        padding-top: 100px;
        padding-bottom: 40px;
        background: #f6f6f6;
        margin-bottom: 0px
    }

    .tables__container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 20px;
        overflow-x: auto
    }

    .tables__title {
        color: var(--blue);
        font-size: 20px;
        font-weight: 500;
        line-height: normal;
        padding-bottom: 12px;
        text-align: center
    }

    .tables__table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
        min-width: 600px
    }

    .tables__thead {
        background-color: var(--blue);
        color: #fff
    }

    .tables__header {
        padding: 10px;
        text-transform: uppercase;
        font-weight: bold;
        border: 1px solid #ddd;
        text-align: left;
        font-size: 12px
    }

    .tables__row:nth-child(even) {
        background-color: #f2f2f2
    }

    .tables__row:hover {
        background-color: rgba(0, 87, 179, .0431372549)
    }

    .tables__cell {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
        vertical-align: middle;
        font-size: 12px
    }

    .tables__image {
        max-width: 120px;
        height: 80px;
        display: block;
        margin: 0 auto
    }

    @media(max-width: 768px) {
        .tables__image {
            max-width: 80px
        }
    }

    @media(max-width: 768px) {
        .tables__header {
            font-size: 10px;
            padding: 8px
        }

        .tables__cell {
            font-size: 10px;
            padding: 8px
        }

        .tables__table {
            min-width: auto
        }
    }

    .quote_block {
        padding-top: 50px
    }

    .quote_block__info {
        background: var(--yellow-dark);
        display: flex;
        justify-content: center;
        gap: 40px;
        padding: 30px;
        align-items: center
    }

    @media(max-width: 1280px) {
        .quote_block__info {
            gap: 20px
        }
    }

    @media(max-width: 768px) {
        .quote_block__info {
            flex-direction: column;
            padding: 20px
        }
    }

    .quote_block-text {
        color: #00080f;
        font-size: 20px;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: -0.4px;
        text-transform: uppercase
    }

    @media(max-width: 1280px) {
        .quote_block-text {
            font-size: 16px;
            line-height: 100%
        }
    }

    @media(max-width: 1024px) {
        .quote_block-text {
            width: 70%
        }
    }

    @media(max-width: 768px) {
        .quote_block-text {
            width: 100%;
            text-align: center
        }
    }

    .piling_solutions {
        position: relative
    }

    .piling_solutions::before {
        content: "";
        background-image: url(../image/product-bg.svg);
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0
    }

    @media(max-width: 768px) {
        .piling_solutions {
            padding-top: 30px;
            padding-bottom: 40px
        }
    }

    .piling_solutions h2 {
        color: #00080f;
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 22px
    }

    @media(max-width: 1024px) {
        .piling_solutions h2 {
            font-size: 30px;
            padding-bottom: 20px
        }
    }

    .piling_solutions__content {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .piling_solutions__content__list {
        width: 50%;
        padding: 50px
    }

    @media(max-width: 1280px) {
        .piling_solutions__content__list {
            padding: 20px
        }
    }

    @media(max-width: 768px) {
        .piling_solutions__content__list {
            width: 100%;
            padding: 0px
        }
    }

    .piling_solutions__content__list li.active .text {
        max-height: 200px;
        opacity: .7
    }

    .piling_solutions__content__list li.active .image_mob {
        display: none
    }

    @media(max-width: 768px) {
        .piling_solutions__content__list li.active .image_mob {
            display: block;
            width: 100%;
            height: 354px;
            object-fit: contain;
            border-radius: 10px;
            margin-top: 20px
        }
    }

    @media(max-width: 526px) {
        .piling_solutions__content__list li.active .image_mob {
            height: 210px
        }
    }

    .piling_solutions__content__list li.active .title {
        position: relative;
        margin-bottom: 20px;
        color: var(--blue)
    }

    @media(max-width: 1024px) {
        .piling_solutions__content__list li.active .title {
            margin-bottom: 10px
        }
    }

    .piling_solutions__content__list li.active .title::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../image/down-oneb.svg);
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0;
        transform: rotate(360deg)
    }

    .piling_solutions__content__list li {
        cursor: pointer
    }

    .piling_solutions__content__list li .text {
        max-height: 0;
        overflow: hidden;
        transition: max-height .3s ease, opacity .3s ease;
        opacity: 0;
        color: #00080f;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px
    }

    @media(max-width: 1024px) {
        .piling_solutions__content__list li .text {
            font-size: 14px
        }
    }

    .piling_solutions__content__list li .image_mob {
        display: none
    }

    .piling_solutions__content__list .title {
        color: #00080f;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        position: relative
    }

    @media(max-width: 1024px) {
        .piling_solutions__content__list .title {
            font-size: 16px
        }
    }

    @media(max-width: 426px) {
        .piling_solutions__content__list .title {
            font-size: 13px
        }
    }

    .piling_solutions__content__list .title::before {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        background-image: url(../image/down-one.svg);
        top: 0;
        bottom: 0;
        margin: auto;
        right: 0
    }

    .piling_solutions__content__list .piling_solutions__content__item {
        margin-bottom: 20px;
        border-bottom: 1px solid rgba(0, 8, 15, .3);
        padding-bottom: 20px
    }

    .piling_solutions__content__list .button-group {
        margin-top: 50px
    }

    @media(max-width: 1280px) {
        .piling_solutions__content__list .button-group {
            margin-top: 10px
        }
    }

    @media(max-width: 768px) {
        .piling_solutions__content__list .button-group {
            margin-top: 50px
        }

        .piling_solutions__content__list .button-group a {
            padding: 12px 24px;
            width: 213px
        }
    }

    .piling_solutions .swiper-container-description {
        width: 50%;
        overflow: hidden;
        position: relative
    }

    @media(max-width: 768px) {
        .piling_solutions .swiper-container-description {
            display: none
        }
    }

    .piling_solutions .swiper-container-description .swiper-slide {
        height: 490px;
        padding-bottom: 50px;
        cursor: pointer
    }

    @media(max-width: 1024px) {
        .piling_solutions .swiper-container-description .swiper-slide {
            height: 400px;
            padding-bottom: 30px
        }
    }

    .piling_solutions .swiper-container-description .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: contain
    }

    .piling_solutions .swiper-pagination-bullet {
        width: 90px;
        height: 4px;
        border-radius: 2px;
        position: relative;
        overflow: hidden
    }

    @media(max-width: 1280px) {
        .piling_solutions .swiper-pagination-bullet {
            width: 50px
        }
    }

    .piling_solutions .swiper-pagination-bullet::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgba(60, 60, 60, .2078431373)
    }

    .piling_solutions .swiper-pagination-bullet-active {
        background: rgba(0, 0, 0, .4)
    }

    .piling_solutions .swiper-pagination-bullet-active::before {
        opacity: 1;
        background: #3c3c3c;
        animation: slide-progress 5s cubic-bezier(0.3, 0, 0.3, 1) forwards
    }

    .swiper-paused .piling_solutions .swiper-pagination-bullet-active::before {
        animation-play-state: paused
    }

    @keyframes slide-progress {
        0% {
            transform: translateX(-100%)
        }

        100% {
            transform: translateX(0)
        }
    }

    .tab_systems {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .tab_systems__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 10px;
        margin-bottom: 30px
    }

    .tab_systems__title {
        color: #00080f;
        font-size: 36px;
        font-style: normal;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 22px
    }

    @media(max-width: 1024px) {
        .tab_systems__title {
            font-size: 30px;
            padding-bottom: 20px
        }
    }

    .tab_systems__text {
        text-align: center;
        width: 60%;
        color: #00080f;
        text-align: center;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 160%;
        letter-spacing: -0.18px
    }

    @media(max-width: 1280px) {
        .tab_systems__text {
            width: 80%
        }
    }

    @media(max-width: 1024px) {
        .tab_systems__text {
            font-size: 16px;
            line-height: normal;
            width: 100%
        }
    }

    @media(max-width: 768px) {
        .tab_systems__text {
            font-size: 14px
        }
    }

    .tab_systems__tabs {
        display: flex;
        justify-content: center
    }

    .tab_systems__tabs-list {
        list-style: none;
        padding: 0;
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
        width: 60%;
        justify-content: center
    }

    @media(max-width: 768px) {
        .tab_systems__tabs-list {
            gap: 10px;
            width: 100%
        }
    }

    .tab_systems__tabs-item {
        padding: 10px 20px;
        cursor: pointer;
        background-color: rgba(245, 245, 245, 0);
        border-radius: 55px;
        border: 1px solid rgba(0, 85, 165, .311);
        color: #00080f;
        font-size: 14px;
        font-weight: 500;
        line-height: 160%
    }

    @media(max-width: 768px) {
        .tab_systems__tabs-item {
            padding: 10px 15px;
            font-size: 12px
        }
    }

    .tab_systems__tabs-item.active {
        border-radius: 55px;
        background: rgba(0, 84, 165, .1)
    }

    .tab_systems__content {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top: 50px
    }

    .tab_systems__content-information {
        display: flex;
        align-items: center;
        flex-direction: row-reverse;
        justify-content: space-between
    }

    @media(max-width: 1440px) {
        .tab_systems__content-information {
            justify-content: space-around
        }
    }

    @media(max-width: 768px) {
        .tab_systems__content-information {
            flex-direction: column;
            gap: 30px
        }
    }

    .tab_systems__content-text {
        color: #00080f;
        font-size: 16px;
        font-weight: 300;
        line-height: 143%;
        letter-spacing: -0.16px
    }

    @media(max-width: 768px) {
        .tab_systems__content-text {
            font-size: 14px
        }
    }

    .tab_systems__content-title {
        color: #00080f;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 16px
    }

    @media(max-width: 1024px) {
        .tab_systems__content-title {
            font-size: 26px;
            line-height: normal
        }
    }

    .tab_systems__content .button-group a {
        position: relative;
        width: 100%;
        display: flex;
        justify-content: center
    }

    .tab_systems__content .button-group a:hover {
        background: var(--blue);
        color: #fff
    }

    .tab_systems__content-texts {
        width: 40%;
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    @media(max-width: 1024px) {
        .tab_systems__content-texts {
            gap: 10px;
            width: 56%
        }
    }

    @media(max-width: 768px) {
        .tab_systems__content-texts {
            width: 100%
        }
    }

    .tab_systems__content-img {
        width: 40%;
        height: 237px
    }

    @media(max-width: 768px) {
        .tab_systems__content-img {
            width: 100%
        }
    }

    .tab_systems__content-img img {
        height: 100%;
        width: 100%;
        object-fit: contain
    }

    .tab_systems__content-item {
        display: none
    }

    .tab_systems__content-item.active {
        display: block
    }

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

    .popup.open {
        display: flex
    }

    .popup__content {
        background-color: #fff;
        padding: 50px;
        position: relative;
        max-width: 500px;
        width: 100%;
        box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
    }

    @media(max-width: 550px) {
        .popup__content {
            width: 420px;
            padding: 20px
        }
    }

    @media(max-width: 450px) {
        .popup__content {
            max-width: 90%
        }
    }

    .popup__close {
        position: absolute;
        top: 10px;
        right: 10px;
        cursor: pointer;
        background: none;
        border: none
    }

    .popup__close img {
        width: 32px;
        height: 32px
    }

    .popup__info {
        margin-top: 20px;
        text-align: center
    }

    .popup__info-title {
        color: #00080f;
        text-align: center;
        font-family: Montserrat;
        font-size: 38px;
        font-weight: 500;
        line-height: 110%;
        letter-spacing: -1.14px;
        padding-bottom: 12px
    }

    @media(max-width: 550px) {
        .popup__info-title {
            font-size: 28px
        }
    }

    .popup__info-text {
        color: rgba(0, 8, 15, .8);
        text-align: center;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 300;
        line-height: 170%
    }

    @media(max-width: 550px) {
        .popup__info-text {
            font-size: 14px
        }
    }

    .popup .contact-form {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-top: 40px
    }

    @media(max-width: 550px) {
        .popup .contact-form {
            padding-top: 20px
        }
    }

    .popup .contact-form__group label {
        color: #00080f;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        opacity: .6;
        display: block;
        margin-bottom: 5px;
        text-align: left
    }

    .popup .contact-form__input {
        width: 100%;
        padding: 10px;
        border-radius: 5px;
        border: 1px solid #d1d5db;
        background: #fff;
        margin-bottom: 10px
    }

    .popup .wpcf7-response-output {
        display: none
    }

    .popup .wpcf7 form.sent .wpcf7-response-output {
        border-color: #46b450;
        display: none
    }

    .popup .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
        color: #dc3232;
        font-size: 1em;
        font-weight: normal;
        display: block;
        position: absolute;
        top: 31px;
        font-size: 10px
    }

    .popup button.blue {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        font-weight: 600;
        line-height: 140%;
        width: 100%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease
    }

    .popup button.blue:hover {
        color: #00080f;
        background: var(--yellow-dark)
    }

    @media(max-width: 768px) {
        .popup button.blue {
            width: 100%;
            display: block;
            text-align: center
        }
    }

    .hero_product__yelow {
        background: var(--yellow-dark);
        display: flex;
        justify-content: center;
        gap: 30px;
        padding: 30px;
        align-items: center;
        margin-top: 50px
    }

    @media(max-width: 1440px) {
        .hero_product__yelow {
            padding: 20px;
            gap: 20px
        }
    }

    @media(max-width: 768px) {
        .hero_product__yelow {
            flex-direction: column
        }
    }

    .hero_product__yelow img {
        width: 100px;
        height: 100px
    }

    @media(max-width: 1440px) {
        .hero_product__yelow img {
            width: 80px;
            height: 80px
        }
    }

    @media(max-width: 1024px) {
        .hero_product__yelow img {
            width: 60px;
            height: 60px
        }
    }

    @media(max-width: 768px) {
        .hero_product__yelow img {
            width: 130px;
            height: 130px
        }
    }

    .hero_product__yelow p.text__yelow {
        color: #00080f;
        font-size: 16px;
        font-weight: 500;
        line-height: 140%;
        letter-spacing: -0.4px;
        text-transform: uppercase
    }

    @media(max-width: 1440px) {
        .hero_product__yelow p.text__yelow {
            font-size: 14px
        }
    }

    @media(max-width: 768px) {
        .hero_product__yelow p.text__yelow {
            text-align: center
        }
    }

    .hero_product__yelow a.button {
        color: #fff;
        font-size: 12px;
        font-style: normal;
        text-align: center;
        font-weight: 600;
        line-height: 140%;
        letter-spacing: .6px;
        text-transform: uppercase;
        padding: 12px 34px;
        border-radius: 2px;
        background: var(--blue);
        clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
        transition: background .4s ease;
        width: 32%
    }

    @media(max-width: 1440px) {
        .hero_product__yelow a.button {
            width: 38%;
            padding: 12px 24px
        }
    }

    @media(max-width: 1024px) {
        .hero_product__yelow a.button {
            width: 90%;
            padding: 12px 24px
        }
    }

    .hero_product__yelow a.button:hover {
        color: #000;
        background: #fff
    }

    @media(min-width: 640px) {
        .container {
            max-width: 640px
        }
    }

    @media(min-width: 768px) {
        .container {
            max-width: 768px
        }
    }

    @media(min-width: 1024px) {
        .container {
            max-width: 1024px
        }
    }

    @media(min-width: 1280px) {
        .container {
            max-width: 1280px
        }
    }

    @media(min-width: 1440px) {
        .container {
            max-width: 1440px
        }
    }

    @media(min-width: 1536px) {
        .container {
            max-width: 1536px
        }
    }
    /*--------------*/
    
.page-box {
    padding: 84px 0 120px;
}
.w1280 {
    width: 1280px;
    margin: 0 auto;
}
.page-title {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #2389d0;
    margin-bottom: 50px;
}
.inquiry-wrapper .form {
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-flow: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.inquiry-wrapper .group, .inquiry-wrapper .caption {
    padding-left: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
}
.inquiry-wrapper .group {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-flow: wrap;
    align-items: center;
    width: 49.22%;
    margin-top: 20px;
}
.inquiry-wrapper .group:nth-child(-n+2) {
    margin-top: 0;
}
.inquiry-wrapper label {
    font-size: 16px;
    color: #999;
    line-height: 30px;
    margin-right: 10px;
}
.inquiry-wrapper i {
    font-size: 16px;
    color: #df0909;
    font-style: normal;
    margin-left: 4px;
    font-weight: 500;
}
.inquiry-wrapper .text, .inquiry-wrapper .msg {
    font-size: 16px;
    color: #999;
    flex: 1;
    overflow: hidden;
    padding-right: 30px;
    background: none;
}
.inquiry-wrapper .text {
    height: 62px;
    line-height: 62px;
}
.inquiry-wrapper .text {
    flex: 1;
    overflow: hidden;
}
.inquiry-wrapper .group, .inquiry-wrapper .caption {
    padding-left: 30px;
    background-color: #ffffff;
    border-radius: 5px;
    border: solid 1px #dcdcdc;
}
.inquiry-wrapper .group {
    position: relative;
    display: flex;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    flex-flow: wrap;
    align-items: center;
    width: 49.22%;
    margin-top: 20px;
}
.inquiry-wrapper .msg-box {
    padding-top: 18px;
    padding-bottom: 18px;
}
.inquiry-wrapper .group.max {
    width: 100%;
}
.inquiry-wrapper .group.msg-box {
    align-items: flex-start;
}
.inquiry-wrapper .submit {
      color: #00080f;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    letter-spacing: .6px;
    text-transform: uppercase;
    padding: 12px 34px;
    border-radius: 2px;
    background: var(--yellow-dark);
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 0 100%);
    transition: background .4s ease;
    margin-top: 50px;
}
.inquiry-wrapper .submit:hover {
    background: var(--blue);
    color: #fff;
}
@media screen and (max-width: 1600px) {
    .page-box {
        padding: 74px 0 110px;
    }
    
    .page-title {
        font-size: 56px;
        line-height: 64px;
    }
        .inquiry-wrapper .text {
        line-height: 60px;
        height: 60px;
    }
        .inquiry-wrapper .title, .inquiry-wrapper .submit {
        font-size: 22px;
    }
}
@media screen and (max-width: 1440px) {
    .page-box {
        padding: 64px 0 100px;
    }
        .w1280 {
        width: 1180px;
    }
        .page-title {
        font-size: 50px;
        line-height: 60px;
        margin-bottom: 40px;
    }
    .inquiry-wrapper .text {
        line-height: 56px;
        height: 56px;
    }
        .inquiry-wrapper .title, .inquiry-wrapper .submit {
        font-size: 18px;
    }
        .inquiry-wrapper .submit {
        line-height: 56px;
        margin-top: 40px;
    }
}

@media screen and (max-width: 1366px) {
    .page-title {
        font-size: 46px;
        line-height: 54px;
        margin-bottom: 36px;
    }
    .inquiry-wrapper .submit {
        line-height: 52px;
    }
}
@media screen and (max-width: 1280px) {
    .page-title {
        font-size: 40px;
        line-height: 60px;
    }
}
@media screen and (max-width: 1004px) {
    .page-box {
        padding: 50px 0;
    }
        .box-container, .w1200, .w1280 {
        width: 100%;
        padding: 0 15px;
    }
    .page-title {
        font-size: 24px;
        line-height: 36px;
        margin-bottom: 20px;
    }
        .inquiry-wrapper .form {
        display: block;
    }
        .inquiry-wrapper .group {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }
        .inquiry-wrapper .group, .inquiry-wrapper .caption {
        padding-left: 15px;
    }
        .inquiry-wrapper label {
        font-size: 14px;
        line-height: 24px;
    }
        .inquiry-wrapper i {
        font-size: 14px;
    }
        .inquiry-wrapper .text, .inquiry-wrapper .msg {
        padding-right: 20px;
    }
        .inquiry-wrapper .text {
        height: 42px;
        line-height: 42px;
    }
        .inquiry-wrapper .group, .inquiry-wrapper .caption {
        padding-left: 15px;
    }
    
    .inquiry-wrapper .group {
        width: 100%;
        margin-top: 0;
        margin-bottom: 15px;
    }
        .inquiry-wrapper .msg-box {
        padding-top: 14px;
        padding-bottom: 14px;
    }
        .inquiry-wrapper .title, .inquiry-wrapper .submit {
        font-size: 15px;
    }
    .inquiry-wrapper .submit {
        width: 100%;
        line-height: 42px;
        margin-top: 30px;
    }
}