/*
Theme Name: Emerem
*/

@font-face {
    font-family: 'SegoeUI';
    src: url('./fonts/SegoeUI.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'SegoeUISemibold';
    src: url('./fonts/SegoeUI-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('./fonts/Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* New Fonts  */

/* Tektur */

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-ExtraBold.ttf') format('truetype');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Tektur';
        src: url('./fonts/Tektur/static/Tektur-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

/* /Tektur */


/* Inter_Tight */
    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Black.ttf') format('truetype');
        font-weight: 900;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-BlackItalic.ttf') format('truetype');
        font-weight: 900;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-BoldItalic.ttf') format('truetype');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-ExtraBold.ttf') format('truetype');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-ExtraBoldItalic.ttf') format('truetype');
        font-weight: 800;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-ExtraLight.ttf') format('truetype');
        font-weight: 200;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-ExtraLightItalic.ttf') format('truetype');
        font-weight: 200;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Italic.ttf') format('truetype');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-LightItalic.ttf') format('truetype');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-MediumItalic.ttf') format('truetype');
        font-weight: 500;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-SemiBold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-SemiBoldItalic.ttf') format('truetype');
        font-weight: 600;
        font-style: italic;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-Thin.ttf') format('truetype');
        font-weight: 100;
        font-style: normal;
        font-display: swap;
    }

    @font-face {
        font-family: 'Inter Tight';
        src: url('./fonts/Inter_Tight/static/InterTight-ThinItalic.ttf') format('truetype');
        font-weight: 100;
        font-style: italic;
        font-display: swap;
    }

/* /Inter_Tight */



/* New Fonts */

@font-face {
    font-family: 'Merriweather';
    src: url('./fonts/Merriweather-Bold.woff2') format('woff2'),
        url('./fonts/Merriweather-Bold.woff') format('woff'),
        url('./fonts/Merriweather-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Merriweather';
    src: url('./fonts/Merriweather-Regular.woff2') format('woff2'),
        url('./fonts/Merriweather-Regular.woff') format('woff'),
        url('./fonts/Merriweather-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Bold.woff2') format('woff2'),
        url('./fonts/NotoSans-Bold.woff') format('woff'),
        url('./fonts/NotoSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Medium.woff2') format('woff2'),
        url('./fonts/NotoSans-Medium.woff') format('woff'),
        url('./fonts/NotoSans-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-SemiBold.woff2') format('woff2'),
        url('./fonts/NotoSans-SemiBold.woff') format('woff'),
        url('./fonts/NotoSans-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-ExtraBold.woff2') format('woff2'),
        url('./fonts/NotoSans-ExtraBold.woff') format('woff'),
        url('./fonts/NotoSans-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Light.woff2') format('woff2'),
        url('./fonts/NotoSans-Light.woff') format('woff'),
        url('./fonts/NotoSans-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: url('./fonts/NotoSans-Regular.woff2') format('woff2'),
        url('./fonts/NotoSans-Regular.woff') format('woff'),
        url('./fonts/NotoSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


:root{
    --font-family-main:  "Inter Tight", sans-serif;
    --font-family-minor: "Tektur", sans-serif;
    --background-color-main:rgba(34, 41, 50, 1) ;
    --background-color-black:rgba(20, 25, 33, 1) ;
    --background-color-hover:rgba(41, 44, 81, 1);
    --background-color-sections-home-page:rgba(12, 16, 22, 1);
    --background-color-container-info-home-page: rgba(30, 36, 46, 1);
    --background-color-menu-burger:rgba(82, 98, 120, 1);

    --color-text-white:rgba(255, 255, 255, 1);
    --transition-time-all: ease-in-out 300ms;
}

.footer-inner .footer-links .tel .links-item__link a {
    font-family: 'SegoeUISemibold', sans-serif;
}

.container-fluid {
    /*width: 96%;*/
}

header,
.pum,
h1,
h2,
h3,
h4,
h5,
.go-to-projects-btn,
.go-to-about-us-btn,
.go-to-news-btn,
.news-wrapper .wpsp-read-more a,
#post-315 .wpsp-read-more a,
#post-319 .wpsp-read-more a,
.cat-menu a,
.entry-content .mainmetaslider .caption-wrap a,
.entry-content .mainmetaslider .caption-wrap .caption p {
    font-family: 'Montserrat', sans-serif;
}

a:hover {
    color: unset;
}

.footer .sub-menu {
    display: none;
}

body {
    min-width: 320px;
    font-family: 'Noto Sans', sans-serif;
    scroll-behavior: smooth;
    font-size: 16px;
    color: #000000;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 500;
}

main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 24px;
    background-color: #f1f1f1;
}

@media screen and (min-width: 768px) {
    main {
        padding-top: 96px;
        background-color: #f1f1f1;
    }
}@media screen and (min-width: 1280px) {
    main {
        padding-top: 112px;
        background-color: #f1f1f1;
    }
}

.main_home_page{
    padding-top: 0;
}

.contact-info-text ,
.about-us-page-wrapper  {
    font-weight: 600;
}


/* New font */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Merriweather', serif;
    /*font-weight: 500!important;*/
    line-height: 1.4;
}

b, strong {
    font-weight: 600!important;
}

h1 {
    font-size: 43px;
    font-weight: 700;
    margin-bottom: 28px;
}

h2 {
    font-weight: bolder;
    font-size: 42px;
    margin: 0 0 36px 0;
}

article.post.type-post h2,
.wp-block-heading,
.entry-content h2 {
    font-size: 28px !important;
}

h3 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
}

h6 {
    font-size: 14px;
    line-height: 1.571;
    font-weight: 400;
}

a {
    outline: none !important;
    text-decoration: none !important;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    color: #C41A23;
}

/*a:visited {*/
/*    color: #C41A23;*/
/*}*/

.wp-show-posts .wp-show-posts-entry-title a,
.wp-show-posts .wp-show-posts-entry-title a:visited,
.wp-show-posts .wp-show-posts-image a,
.wp-show-posts .wp-show-posts-image a:visited,
.wp-block-image a,
.wp-block-image a:visited {
    color: #000;
    border: none;
}
.wp-block-image {
    /*margin-bottom: 28px;*/
    /*margin-top: 28px;*/
}

.wp-show-posts .wp-show-posts-entry-title a:hover,
.wp-show-posts .wp-show-posts-image a:hover,
.wp-block-image a:hover{
    color: #C41A23;
    border: none;
}

/* custom style for ul start */
article.post.type-post ul,
.entry-content ul {
    padding-left: unset;
}

.wp-block-quote {
    padding: 10px 25px;
    border-left: 2px solid #C41A23;
    border-right: 2px solid #C41A23;
    max-width: 96%;
    background-color: #E9E9E9;
    line-height: 1.4;
}

.entry-content a,
.entry-content a:visited {
    border-bottom: 1px solid transparent;
    transition: all 0.3s ease-in-out;
    color: #C41A23;
}

.entry-content a:hover {
    border-bottom-color: #C41A23;
}

article.post.type-post li,
.entry-content li {
    list-style-type: none;
    position: relative;
    padding-left: 27px;
}

article.post.type-post li::before,
.entry-content li::before {
    position: absolute;
    left: 0;
    top: 8px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #C41A23;
    content: "";
}

/* custom style for ul start END */

#breadcrumbs {
    margin-bottom: 17px;
}

.breadcrumbs{
    display: flex;
    align-items: center;
    gap: 9.20px;
    width: 100%;
    flex-wrap: nowrap;
    overflow: auto;
    /*margin-left: 15px;*/
}

.breadcrumbs span {
    white-space: nowrap;
}

@media screen and (min-width: 1280px) {
    .breadcrumbs{
        overflow: visible;
        flex-wrap: wrap;
    }
}


.icon_next_breadcrumbs {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: none;
}


#breadcrumbs,
#breadcrumbs a {
    font-family: var(--font-family-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66;
    color: rgba(82, 98, 120, 0.6);
    text-wrap: nowrap;
    /*margin-left: 6px;*/
}

#breadcrumbs a:hover {
    color: #EB1C24;
}

.breadcrumb_last {
    color: #EB1C24;
    font-weight: 600;
}

#breadcrumbs li {
    list-style: none !important;
}

.underline {
    text-decoration: underline !important;
}

.fw-400 {
    font-weight: 400 !important;
}
.fs-6 {
    font-size: 24px !important;
}

.metaslider {
    overflow-x: hidden;
}

.news .wp-show-posts-single {
    padding-bottom: 30px;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: calc(1320px + var(--bs-gutter-x, .75rem) * 2);
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single:nth-child(3n+2) {
        margin: 0 20px 20px;
    }





}

h1.entry-title {
    margin-bottom: 48px;
    font-size: 48px;
    line-height: 1.2;
    font-weight: 700;
}

.footer {
    background: black;
    padding-top: 30px;
    padding-bottom: 30px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.footer-logo {
    padding-bottom: 40px;
}

.footer-logo img {
    max-width: 195px;
    height: auto;
}

.header .links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
}

.footer-links .links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6px;
}

.footer-links .social {
    margin-top: auto;
}

.footer-links .social .links-item__svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*     width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; */
    font-size: 20px;
    color: #ffffff;
    cursor: pointer;
}

.footer-links .social .links-item__svg a:not(:last-child) {
    margin-right: 10px;
}

.links-item__link.mail:hover {
    text-decoration: underline;
}

.links-item__svg {
    padding-right: 10px;
}

.header .links-item {
    margin: unset;
}

.header .links-item .links-item__link {
    display: inline;
}

.header .links-item .links-item__link a {
    font-size: 14px;
    font-weight: 600;
    color: black;
}

.header .links-item .links-item__mail a {
    font-size: 12px;
    font-weight: 500;
    color: black;
}

.header-info-mobile .links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
}

.header-info-mobile .links-item .links-item__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.header-info-mobile .phone .links-item__link a:first-child {
    margin-bottom: 10px;
}

.important-links {
    color: white;
    font-weight: 400;
    text-decoration: none;
    list-style: none;
}

.important-links li {
    padding: 6px;
}

.important-links li a,
.pages-links li a {
    color: white !important;
    text-decoration: none !important;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.pages-links {
    color: white;
    font-weight: 200;
    text-decoration: none;
    list-style: none;
}

.pages-links li {
    padding: 3px;
}

.copyright {
    color: white !important;
    font-weight: 200;
    margin-top: auto;
    justify-self: flex-end;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    font-size: 12px;
}

.header-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px 0 11px;
}

.header-info__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header-info__menu .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    padding: 0;
    margin: 0;
    font-size: 15px;
    line-height: 1;
    font-weight: 700;
    text-transform: uppercase;
}

.header-info__menu .menu a {
    color: #000;
}

.header-info__menu .menu-item,
.header-info__translator {
    margin: 0 5px;
}

@media (min-width: 1200px) {

    .header-info__menu .menu-item,
    .header-info__translator {
        margin: 0 16px;
    }

    .row-cols-lg-8>* {
        width: 12.5%;
    }
}

@media (min-width: 1366px) {

    .header-info__menu .menu-item,
    .header-info__translator {
        margin: 0 40px;
    }
}

@media (min-width: 1600px) {

    .header-info__menu .menu-item,
    .header-info__translator {
        margin: 0 5px;
    }
}


.header-info__translator {
    width: 130px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

#lang-switcher {
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    left: -8px;
    background: url("./assets/img/icon-arrow.svg") no-repeat left center;
    cursor: pointer;
}

.header-info__translator .language {
    width: 100px;
}

.header-info-mobile .language {}

.header-info__translator .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*     flex-direction: row;
    flex-wrap: wrap; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    height: 20px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    text-transform: none;
    list-style: none;
}

.header-info__translator .menu li {
    /*     display: none;
    flex: 0 0 100%; */
    /*     order: 2; */
    margin-left: 0;
    cursor: pointer;

}

.header-info__translator .menu li:nth-child(2) a {
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding: 0 5px;
    margin: 0 5px;

}

.header-info__translator .menu .language__img_active a {
    color: #eb1c24;
}

.header-info__translator .menu li.language__img_active {
    display: inline-block;
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
    pointer-events: none;
}

.header-info__translator .menu a {
    font-weight: 500;
    color: #fff;
}

/* translator styles */
html {
    height: auto !important;
}

body {
    top: 0 !important;
    position: static !important;
}

.skiptranslate {
    display: none !important;
}

.language .goog-text-highlight {
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

.language {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.header-info .language__img {
    display: inline-block;
    height: 20px;
    cursor: pointer;
    background-position: left center;
    background-repeat: no-repeat;
}

.language__img:hover,
.language__img_active {
    opacity: 1;
}


.request-call-btn,
.modal-content button {
    font-size: 15px;
    font-weight: 600;
    padding: 10px 20px;
    border: 2px solid rgba(235, 28, 36, 1);
    text-decoration: none !important;
    color: white;
    background: rgba(235, 28, 36, 1);
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    cursor: pointer;
}

.request-call-btn:hover,
.modal-content button:hover {
    color: rgba(235, 28, 36, 1);
    background: white;
}

.header .nav {
    background: black;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 71px;
    /*     border-bottom: 1px solid #A5A5A5; */
}

.header .nav ul.nav-wrapper {
    /*     height: 100%; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    margin-bottom: 0;
    padding-left: 0;
    color: white;
    list-style: none;
}

.header .nav .container {
    height: 100%;
}

.company-info {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

/*li.current-menu-item>a {*/
/*    color: #EB1C24 !important;*/
/*}*/

.header .nav .nav-item-header {
    position: relative;
}

.header .nav .nav-item-body {
    position: absolute;
    z-index: 10;
    padding: 0;
    width: 280px;
    display: none;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

ul.nav-item-body li {
    padding: 10px 20px;
    background: black;
    opacity: 0;
}

ul.nav-item-body li:last-child {
    padding-bottom: 20px;
}

ul.nav-item-body li:first-child {
    padding-top: 20px;
}

.header .nav .nav-item-header:hover .nav-item-body {
    display: block;
}

.nav-item-header-title {
    cursor: pointer;
}

body header.header .nav-item.active {
    color: #EB1C24;
}

.link-wrapper {
    height: 100%;
    width: 100%;
}

.header .nav .nav-item-header:hover .nav-item-header-title {
    color: #EB1C24;
}

.header .nav .nav-wrapper a {
    height: 100%;
    padding-top: 24px;
    font-size: 16px;
    font-weight: 600;
    text-decoration: none !important;
    color: white;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

header .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    z-index: 5;
}

header .menu-item .sub-menu {
    position: absolute;
    top: 102px;
    left: 0;
    min-width: 330px;
    padding: 15px;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.25s all cubic-bezier(0.01, 0.01, 1, 1), -webkit-box-shadow 0.7s;
    transition: 0.25s all cubic-bezier(0.01, 0.01, 1, 1), -webkit-box-shadow 0.7s;
    -o-transition: box-shadow 0.7s, 0.25s all cubic-bezier(0.01, 0.01, 1, 1);
    transition: box-shadow 0.7s, 0.25s all cubic-bezier(0.01, 0.01, 1, 1);
    transition: box-shadow 0.7s, 0.25s all cubic-bezier(0.01, 0.01, 1, 1), -webkit-box-shadow 0.7s;
    max-height: 0px;
    pointer-events: none;
}

.header .nav .nav-wrapper li:hover>a+.sub-menu {
    opacity: 1;
    visibility: visible;
    top: 65px;
    max-height: 500px;
    display: inline-table;
    pointer-events: all;
    -webkit-box-shadow: 0px -3px 0 0 #eb1c24;
    box-shadow: 0px -3px 0 0 #eb1c24;
}

header .menu-item .menu-item {
    margin-bottom: 10px;
}

header .menu-item .menu-item:last-child {
    margin-bottom: 0;
}

header .nav .menu-item .menu-item a {
    padding: 0;
    font-size: 14px;
}

.header .nav .sub-menu a:hover {
    color: #EB1C24;
}

.footer-links {
    padding: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cat-menu {
    background: rgb(0 0 0 / 50%);
    position: absolute;
    bottom: 0;
    width: 100%;
    border-top: 18px #ffffff solid;
    border-bottom: 18px#ffffff solid;
}

.cat-menu .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.cat-item {
    border-left: 1px solid #ffffff;
    padding: 20px;
    text-align: center;
    color: white !important;
    text-decoration: none !important;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.cat-item:last-child {
    border-right: 1px solid #ffffff;
}

.cat-item:hover {
    background: rgba(235, 28, 36, 1);
}

.cat-item-svg svg {
    padding-bottom: 5px;
}

.cat-item.no-redirect .cat-item-svg,
.cat-item.no-redirect .cat-item-title {
    display: none;
}

.footer-inner .pages-links li a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

.footer-inner .important-links li a:hover {
    color: #fff !important;
    text-decoration: underline !important;
}

/*MetaSlider*/
/*MetaSlider*/
/*MetaSlider*/
.main-page .entry-content {
    position: relative;
}

.flex-viewport {
    border: none !important;
}

.entry-content .mainmetaslider .caption-wrap {
    background: none;
    top: 15%;
    opacity: 1;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
    width: 96%;
}

.entry-content .mainmetaslider .caption-wrap .caption {
    padding: 0;
    text-shadow: 0px 0px 3px #000000;
}

.entry-content .mainmetaslider .caption-wrap p {
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 55px !important;
}

.entry-content .mainmetaslider .caption-wrap a {
    padding: 16px 25px 16px 25px;
    background-color: #EB1C24;
    color: #ffffff;
    border: none;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: none;
}

.entry-content .mainmetaslider .caption-wrap a:hover {
    background-color: #ffffff;
    color: #EB1C24;
}

.entry-content .mainmetaslider .flexslider {
    margin-bottom: 0;
}

.entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
    position: absolute;
    bottom: 200px;
    line-height: 3px;
}

.entry-content .mainmetaslider .flexslider .flex-control-nav a {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0;
    padding: 3px 18px;
    margin: 0 10px;
    background-color: #fff;
    border: 2px solid #fff;
}

.entry-content .mainmetaslider .flexslider .flex-control-nav .flex-active {
    background: rgb(0 0 0 / 0%);
}



.category-slider {
    display: none;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0;
    font-family: 'Montserrat', sans-serif;
    border-top: 1px solid #A5A5A5;
    background: #000;
}

.category-slider .container-fluid {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.category-slider__cat {
    text-align: center;
    background-color: transparent;
    border-right: 1px solid #a5a5a5;
}

.category-slider__cat,
.category-slider__slider,
.category-slider__slider .slick-next {
    width: 33.33%;
}

.category-slider__slider {
    width: 100%;

}

.category-slider__slider {
    padding: 0;
}

.category-slider__slider .slick-list {
    border-right: 1px solid #a5a5a5;
}

.category-slider__slider .slick-track {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.category-slider__cat a {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
    transition: all 0.3s ease-in-out;
}

.category-slider__cat-title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
}

.category-slider__cat,
.category-slider__slider-item {
    padding: 0 10px;
}

.category-slider__slider-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
}

.category-slider__slider .slick-slide {
    height: inherit !important;
    border-right: 1px solid #a5a5a5;
}

.category-slider__item-image img {
    max-width: 100%;
    max-height: 100px;
    height: auto;
}

.category-slider__cat-image svg,
.category-slider__item-image img {
    margin-bottom: 10px;
    max-height: 90px;
    max-width: 100%;
    height: auto;
}

.category-slider__slider-item--fixed img {
    max-height: 85px;
    margin-top: 5px;
}

.category-slider__slider .category-slider__slider-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 0;
    text-align: center;
}

.category-slider__slider .category-slider__item-image img {
    margin-left: auto;
    margin-right: auto;
}

.category-slider__slider .slick-prev {
    display: none !important;
}

.category-slider__slider .slick-next {
    width: 30px;
    height: 25px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg width='31' height='27' viewBox='0 0 31 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.81891 11.7847C1.94273 11.7646 2.06804 11.7553 2.19342 11.7569H23.5421L23.0766 11.5404C22.6215 11.3251 22.2076 11.0319 21.8532 10.6744L15.8665 4.68766C15.0781 3.93499 14.9456 2.72419 15.5526 1.81881C16.259 0.85402 17.6138 0.64454 18.5787 1.35099C18.6566 1.4081 18.7307 1.47035 18.8004 1.53733L29.6262 12.3632C30.4722 13.2083 30.473 14.5792 29.6279 15.4252C29.6274 15.4258 29.6268 15.4264 29.6262 15.4269L18.8004 26.2528C17.9536 27.0971 16.5827 27.0952 15.7383 26.2485C15.6719 26.1819 15.6098 26.1109 15.5526 26.0362C14.9456 25.1309 15.0781 23.9201 15.8665 23.1674L21.8424 17.1699C22.1601 16.8519 22.5253 16.5852 22.925 16.3796L23.5746 16.0873H2.31257C1.2065 16.1284 0.236101 15.3557 0.0283127 14.2685C-0.163101 13.0882 0.638554 11.9762 1.81891 11.7847Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    content: "";
    font-size: 0;
    border: none;
    height: 100%;
    /*     width: calc(65% + 4px); */
    right: -10%;
    -webkit-transition: .25s background-color ease;
    -o-transition: .25s background-color ease;
    transition: .25s background-color ease;
}

.category-slider__slider .slick-next:hover {
    zoom: 1.2;
}

.category-slider__item-title {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    color: #fff;
}

.category-slider__cat-title,
.category-slider__item-title {
    font-size: 12px;
    height: 30px;
}


@media (min-width: 576px) {
    .category-slider {
        display: none;
        position: absolute;
        background: rgba(0, 0, 0, .6);
    }

    .category-slider__cat,
    .category-slider__slider-item {
        padding: 0 5px;
    }

    .category-slider__cat-title,
    .category-slider__item-title {
        font-size: 15px;
    }


}

@media (min-width: 768px) {
    .category-slider__slider .slick-next {
        /*         width: calc(35% + 1px); */
        right: -10%
    }

    .category-slider__cat {
        width: 27%;
    }

    .category-slider__slider {
        width: 52%;

    }
}

@media (min-width: 992px) {
    .category-slider__slider .slick-next {
        width: 25%;
        right: -20%;
    }

    .category-slider__cat {
        width: 25%;
    }

    .category-slider__slider {
        width: 52%;
    }

    .category-slider__slider-generators {

        width: 60%;
    }
}

@media (min-width: 1400px) {
    .category-slider__slider .slick-next {
        /*         width: calc(16% + 1px);
        right: calc(-16% + 1px); */
        width: 50px;
        right: -8%;
    }

    .category-slider__cat {
        width: 20%;
    }

    .category-slider__slider {
        width: 60%;
    }

    .category-slider__slider-generators {
        width: 66.5%;
    }

    /* .category-slider__cat-title{
		margin-top: 10px;
	} */
}

@media (min-width: 1600px) {
    .category-slider__slider .slick-next {
        /*         width: calc(10% + 8px);
        right: calc(-11% - 8px); */
        width: 50px;
        left: calc(100% + 50px);

    }

    .category-slider__cat {
        width: 19%;
    }

    .category-slider__slider {
        width: 57%;

    }

    .category-slider__slider-generators {
        width: 64%;
    }

    .category-slider__cat-title {
        font-size: 17px;
    }

    .category-slider__item-title {
        font-size: 17px;
    }

    .category-slider__slider .slick-slide {
        min-height: 200px;
    }

    .entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
        bottom: 230px;
    }
}


/*AboutUs block*/
.about-us-container {
    border-top: 40px white solid;
}

.about-us-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 25px;
    /*padding-right: var(--bs-gutter-x,.75rem);
    padding-left: var(--bs-gutter-x,.75rem);*/
    padding-left: 0px;
    padding-right: 0px;
    width: 100%;
}

.about-us {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 50px 0 0 3%;
}

.about-us p {
    max-width: 700px;
    font-size: 14px;
    margin-bottom: 0px;
}

.pipe-img img {
    max-height: 800px;
}

.go-to-about-us-btn {
    margin-top: auto;
}

/*
Advantages block
*/
.advantages {
    text-align: center;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-right: var(--bs-gutter-x, .75rem);
    padding-left: var(--bs-gutter-x, .75rem);
}

.advantages-secondary-title {
    padding: 30px;
}

.advantages-list-item-circle {
    text-align: center;
    margin: auto;
    position: relative;
}

.advantages-list-item-circle img {
    margin: auto;
    max-width: 100%;
    height: auto;
}

.advantages-list-item-circle svg {
    height: 80px;
}

.advantages-list-item-text {
    padding: 25px 0;
}

.advantages-list-item:nth-child(5) .advantages-list-item-text h5 {
    font-size: 26px;
    font-weight: 700;
    opacity: .2;
}

@media (max-width: 991px) {
    .advantages-list-item:nth-child(5) {
        max-width: 100%;
        width: 100%;
    }

    .advantages-list-item:nth-child(5) .advantages-list-item-circle {
        max-width: 62%;
    }

    .advantages-list-item:nth-child(5) .advantages-list-item-text h5 {
        font-size: 23px;
    }
}

@media (max-width: 767px) {
    
    .entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
        bottom: 180px !important;
    }

    .category-slider__cat-image svg,
    .category-slider__item-image img {
        max-height: 75px;
    }

    .advantages-list-item:nth-child(5) .advantages-list-item-circle {
        max-width: 67%;
    }

    .advantages-list-item:nth-child(5) .advantages-list-item-text h5 {
        font-size: 21px;
    }

    .footer {
        padding-bottom: 60px;
    }

}

.advantages-list-item {
    padding: 0;
}

/*
Projects block
*/
.our-projects {
    position: relative;
    background: black;
    color: white;
    overflow: hidden;
}

.our-projects-wrapper {
    /*общий блок*/
    /*         padding-left: calc(2% + var(--bs-gutter-x,.75rem)); */
    padding-left: calc(0px + var(--bs-gutter-x, .75rem));
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.our-projects-wrapper .slick-dots {
    display: none !important;
}

.main .projects-info-wrapper {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.projects-info-wrapper h2 {
    margin: 27px 0;
}

.projects-info-wrapper p {
    line-height: 25px;
    margin-bottom: 0px;
}

.go-to-projects-btn {
    max-width: 300px;
    padding: 15px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
    line-height: 14px;
    font-weight: 600;
    border: 2px solid rgba(235, 28, 36, 1);
    /*background: rgba(235,28,36,1);*/
    color: #ffffff;
    /*             margin-bottom: 60px; */
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.go-to-projects-btn span svg {
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.go-to-projects-btn svg path {
    fill: #eb1c24;
}

.go-to-projects-btn:hover,
.go-to-projects-btn:hover svg path {
    fill: #ffffff;
}

.main .projects-info-wrapper .projects-slider-nav {
    display: none;
    margin-top: 55px;
    margin-right: -1px;
}

.main .projects-info-wrapper .projects-slider-nav .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 100%;
    height: 100%;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick {
    margin-left: 3px;
    margin-right: 3px;
    min-width: calc(20% - 6px);
    position: relative;
    height: unset;
}

/* .main .our-projects--top .projects-info-wrapper .projects-slider-nav .item-slick{
	margin-left: 10px;
    margin-right: 10px;
	min-width: calc(20% - 19px);
} */
.our-projects--top .our-projects-wrapper {
    padding-left: 0;
    padding-right: 0;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick a {
    color: #fff;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick__img {
    height: 250px;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick img {
    -webkit-filter: opacity(0.6);
    filter: opacity(0.6);
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick.slick-active img {
    -webkit-filter: none;
    filter: none;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick:hover img {
    -webkit-filter: none;
    filter: none;
}

.main .projects-info-wrapper .projects-slider-nav .item-slick .item-slick__img--contain img {
    object-fit: cover;
}

/*                         .main .projects-info-wrapper .projects-slider-nav .item-slick:hover .slider-item-info {
                            display: flex;
                        } */
/*
    Project-nav arrows / dots 
    */
.main .projects-info-wrapper .projects-slider-nav .fa-arrow-right.slick-arrow,
.main .projects-info-wrapper .projects-slider-nav .fa-arrow-left.slick-arrow {
    position: absolute;
    top: -45px;
    right: 35px;
    font-size: 25px;
}

.main .projects-info-wrapper .projects-slider-nav .fa-arrow-left.slick-arrow {
    right: 85px;
}

.main .projects-info-wrapper .projects-slider-nav .slick-dots {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    list-style: none;
    position: absolute;
    top: -32px;
    padding-left: 0;
    margin-bottom: 0;
}

.main .projects-info-wrapper .projects-slider-nav .slick-dots li {
    width: 30px;
    height: 5px;
    margin-right: 12px;
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.main .projects-info-wrapper .projects-slider-nav .slick-dots li button {
    /* disabling original dots */
    display: none;
}

.main .projects-info-wrapper .projects-slider-nav .slick-dots li.slick-active {
    background-color: #eb1c24;
    border: 2px solid #eb1c24;
}

.main .projects-wrapper {
    padding: 0px;
    display: none;
}

.main .projects-wrapper .projects-slider-for {
    display: inline-block;
    max-width: 100%;
    width: 100%;
    margin-bottom: 0px;
}

.main .projects-wrapper .projects-slider-for .slick-slide {
    position: relative;
}

.main .projects-wrapper .projects-slider-for .slick-track,
.main .projects-wrapper .projects-slider-for .slick-list,
.main .projects-wrapper .projects-slider-for img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    min-height: 100%;
}

.main .projects-wrapper .projects-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
}

.main .projects-wrapper .projects-slider-for .slick-track {
    height: 100%;
    max-height: 800px;
}

.main .projects-wrapper .projects-slider-for img {
    width: 100%;
}


.main .projects-wrapper .slider-item-info {
    position: absolute;
    left: 0px;
    top: 0px;
    text-shadow: 0px 0px 3px #000000;
    color: #ffffff;
    width: 100%;
    height: 100%;
    text-shadow: 1px 2px 3px #000000;
    padding: 15px 15px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    word-break: break-word;
}

.main .projects-wrapper .projects-slider-for .slider-item-info h3 {
    font-size: 22px;
    line-height: 22px;
}

.main .projects-wrapper .projects-slider-for .slider-item-info p {
    font-size: 18px;
    line-height: 22px;
    padding: 0px;
}

@media(max-width: 485px) {
    .main .projects-info-wrapper .projects-slider-nav .item-slick {
        min-width: calc(50% - 6px);

    }

    .main .projects-info-wrapper .projects-slider-nav .item-slick__img {
        height: 130px;
    }
}

@media (min-width: 486px) and (max-width: 768px) {
    .main .projects-info-wrapper .projects-slider-nav .item-slick {
        min-width: calc(33% - 5px);

    }

    .main .projects-info-wrapper .projects-slider-nav .item-slick__img {
        height: 150px;
    }
}

@media (min-width: 769px) and (max-width: 991px) {
    .main .projects-info-wrapper .projects-slider-nav .item-slick {
        min-width: calc(33% - 5px);
    }

    .main .projects-info-wrapper .projects-slider-nav .item-slick__img {
        height: 185px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .main .projects-info-wrapper .projects-slider-nav .item-slick {
        min-width: calc(25% - 5px);
        height: auto;
    }

    .main .projects-info-wrapper .projects-slider-nav .item-slick__img {
        height: 225px;
    }
}

@media (min-width: 1201px) and (max-width: 1680px) {

    .main .projects-info-wrapper .projects-slider-nav .item-slick__img {
        height: 200px;
    }
}

/*
NewsBlock//UsefullInfoPage//NewsPage*/
/*NewsBlock//UsefullInfoPage//NewsPage*/
/*NewsBlock//UsefullInfoPage//NewsPage
*/
.news {
    padding-top: 40px;
    padding-bottom: 80px;
}

.post-315,
.post-319 {
    padding: 0px 0 80px;
}

.news .wpsp-clear,
.post-315 .wpsp-clear,
.post-319 .wpsp-clear {
    display: none;
}

.news h2,
#post-315 h1,
#post-319 h1 {
    margin-bottom: 0;
}

.news-wrapper,
.post-315 .entry-content,
.post-319 .entry-content {
    margin-top: 50px;
}

.wp-show-posts-columns .wp-show-posts-inner {
	width:100%;
}

.page .wp-show-posts-columns#wpsp-343 {
	margin: 0 -1em;
}

.page .wp-show-posts-columns#wpsp-343 .wp-show-posts-inner {
	margin:0 0 30px;
	padding: 0 1em;
}

.page .wp-show-posts-columns#wpsp-343 .wp-show-posts-entry-title {
	font-size:14px;
}

@media (max-width:1199px) {
	.page .wp-show-posts-columns#wpsp-343 .wp-show-posts-entry-title {
		font-size:12px;
	}
}

@media (max-width:991px) {
	.page .wp-show-posts-columns#wpsp-343 .wp-show-posts-entry-title {
		font-size:10px;
	}
}

@media (max-width:767px) {
	.page .wp-show-posts-columns#wpsp-343 .wp-show-posts-entry-title {
		font-size:14px;
		min-height: 100px;
	}
	.page .wp-show-posts-columns#wpsp-343 .wpsp-col-20 {
		width:50%;
        margin-bottom: 0px;
	}
}

@media (max-width:480px) {
	.page .wp-show-posts-columns#wpsp-343 .wpsp-col-20 {
		width:100%;
	}
}

.page .wp-show-posts-columns img {
	max-width:100%;
}

.news .wp-show-posts-columns,
#post-315 .wp-show-posts-columns
/*#post-319 .wp-show-posts-columns*/ {
    margin: 0 !important;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

#post-315 .wp-show-posts-single,
/*#post-319 .wp-show-posts-single*/ {
    width: 281px;
    margin-bottom: 50px;
}

.news-wrapper .wp-show-posts-inner,
#post-315 .wp-show-posts-inner
/*#post-319 .wp-show-posts-inner*/ {
    margin: 0 !important;
}

#post-315 .wp-show-posts-inner,
/*#post-319 .wp-show-posts-inner*/ {
    max-width: 281px;
}

.news-wrapper .wp-show-posts-inner img,
#post-315 .wp-show-posts-inner img,
/*#post-319 .wp-show-posts-inner img*/ {
    width: 100%;
    -o-object-fit: unset !important;
    object-fit: unset !important;
    max-height: 270px;
}
.news-wrapper .wp-show-posts-inner img{
	   -o-object-fit: cover !important;
    object-fit: cover !important;
}

.news-wrapper .wp-show-posts-entry-title a,
#post-315 .wp-show-posts-entry-title a,
#post-319 .wp-show-posts-entry-title a {
    display: inline-block;
    color: #000000;
    margin-top: 20px;
    height: 80px;
}

.news-wrapper .wp-show-posts-entry-title a:hover,
#post-315 .wp-show-posts-entry-title a:hover,
#post-319 .wp-show-posts-entry-title a:hover {
    color: #EB1C24;
}

.news-wrapper .wp-show-posts-entry-summary,
#post-315 .wp-show-posts-entry-summary,
#post-319 .wp-show-posts-entry-summary {
    margin-bottom: 20px;
}

.news-wrapper .wpsp-read-more,
#post-315 .wpsp-read-more,
#post-319 .wpsp-read-more {
    display: block;
    border-top: 1px solid #E0E0E0;
}

.news-wrapper .wpsp-read-more a,
#post-315 .wpsp-read-more a,
#post-319 .wpsp-read-more a {
    color: #EB1C24;
    font-weight: 600;
    margin: 20px 0 0 0;
    padding: 0;
    border: none;
    font-size: 14px;
    line-height: 14px;
    position: relative;
}

.news-wrapper .wpsp-read-more a:hover,
.news-wrapper .wpsp-read-more a:focus,
#post-315 .wpsp-read-more a:hover,
#post-319 .wpsp-read-more a:hover,
.post-317 .wpsp-read-more a:hover {
    background: none;
    border: none;
}

.news-wrapper .wpsp-read-more a:hover,
.news-wrapper .wpsp-read-more a:visited {
    color: #EB1C24;
}

.news-wrapper .wpsp-read-more a:hover::after,
#post-315 .wpsp-read-more a:hover::after,
#post-319 .wpsp-read-more a:hover::after {
    right: -100px;
}

.news-wrapper .wpsp-read-more a::after,
#post-315 .wpsp-read-more a::after,
#post-319 .wpsp-read-more a::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAyMiAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTAuNjY3OTkgMy45ODQzMkMwLjcxMzQ0OSAzLjk3Njk0IDAuNzU5NDU5IDMuOTczNTMgMC44MDU0OSAzLjk3NDEzSDE5LjUzMzFMMTkuMzYyMiAzLjg5NDY0QzE5LjE5NTEgMy44MTU1NiAxOS4wNDMxIDMuNzA3OTUgMTguOTEzIDMuNTc2NjZMMTYuNzE1IDEuMzc4NjZDMTYuNDI1NSAxLjEwMjMyIDE2LjM3NjkgMC42NTc3NzEgMTYuNTk5OCAwLjMyNTM2M0MxNi44NTkxIC0wLjAyODg1NjggMTcuMzU2NSAtMC4xMDU3NjcgMTcuNzEwOCAwLjE1MzYwNkMxNy43Mzk0IDAuMTc0NTczIDE3Ljc2NjYgMC4xOTc0MjcgMTcuNzkyMiAwLjIyMjAyMUwyMS43NjY5IDQuMTk2NzFDMjIuMDc3NSA0LjUwNjk5IDIyLjA3NzcgNS4wMTAzMSAyMS43Njc1IDUuMzIwOTNMMjEuNzY2OSA1LjMyMTU1TDE3Ljc5MjIgOS4yOTYyNEMxNy40ODEzIDkuNjA2MjQgMTYuOTc4IDkuNjA1NTUgMTYuNjY3OSA5LjI5NDY4QzE2LjY0MzUgOS4yNzAyMSAxNi42MjA4IDkuMjQ0MTcgMTYuNTk5OCA5LjIxNjc1QzE2LjM3NjkgOC44ODQzNCAxNi40MjU1IDguNDM5OCAxNi43MTUgOC4xNjM0NkwxOC45MDkgNS45NjE0OEMxOS4wMjU3IDUuODQ0NzIgMTkuMTU5OCA1Ljc0NjgyIDE5LjMwNjUgNS42NzEzMkwxOS41NDUgNS41NjQwMUgwLjg0OTIzNEMwLjQ0MzE0NCA1LjU3OTA5IDAuMDg2ODY0NSA1LjI5NTQyIDAuMDEwNTc0MyA0Ljg5NjI2Qy0wLjA1OTcwMzggNC40NjI4OSAwLjIzNDYyNSA0LjA1NDYyIDAuNjY3OTkgMy45ODQzMloiIGZpbGw9IiNFQjFDMjQiLz4KPC9zdmc+Cg==");
    width: 22px;
    height: 10px;
    display: block;
    position: absolute;
    right: -45px;
    bottom: 2px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    pointer-events: none;
}

.news-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 20px 0 25px;
}

.news-secondary-title {
    width: 70%;
}

.news .news-wrapper {
    margin-top: 30px;
}

.go-to-news-btn,
.go-to-about-us-btn {
    border: 1px solid rgba(235, 28, 36, 1);
    color: rgba(235, 28, 36, 1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    -webkit-transition: 0.4s color ease, 0.3s background-color ease;
    -o-transition: 0.4s color ease, 0.3s background-color ease;
    transition: 0.4s color ease, 0.3s background-color ease;
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news .news-wrapper .wpsp-read-more {
    display: none !important;
}

.go-to-news-btn {
    margin-top: 40px;
}

.go-to-news-btn:hover,
.go-to-about-us-btn:hover {
    color: white;
    text-decoration: none;
    background: rgba(235, 28, 36, 1);
}

.go-to-news-btn-svg,
.go-to-about-us-btn-svg {
    margin-left: 15px;
    line-height: 14px;
}

.go-to-news-btn:hover .go-to-news-btn-svg svg path,
.go-to-about-us-btn:hover .go-to-about-us-btn-svg svg path {
    fill: white;
}

/*RealisedProjectsPage*/
/*RealisedProjectsPage*/
/*RealisedProjectsPage*/
/*RealisedProjectsPage*/
/*RealisedProjectsPage*/
.post-317 {
    padding: 0px 0 80px;
    position: relative;
}

.post-317 .wpsp-clear,
.store-products .wpsp-clear {
    display: none;
}

.post-317 h1.entry-title {
    margin-bottom: 35px;
}

.post-317 .entry-content p {
    margin: 0;
}

.post-317 .entry-content .wp-show-posts-columns,
.store-products .wp-show-posts-columns {
    margin-top: 40px;
    margin-left: 0px !important;
}

.post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single,
.store-products .wp-show-posts-columns .wp-show-posts-single {
    width: 48%;
    -webkit-box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    margin-bottom: 20px;
}

.post-317 .entry-content .wp-show-posts-columns .wp-show-posts-inner,
.store-products .wp-show-posts-columns .wp-show-posts-inner {
    margin: 0 !important;
    padding-bottom: 30px;
}

.post-317 .wp-show-posts .wp-show-posts-entry-title a,
.store-products .wp-show-posts .wp-show-posts-entry-title a {
    color: #000000;
    padding: 0px;
    display: inline-block;
}

.post-317 .wp-show-posts a:hover,
.store-products .wp-show-posts a:hover {
    color: #EB1C24;
}

.post-317 .wp-show-posts-image,
.store-products .wp-show-posts-image {
    margin-bottom: 22px;
}

.post-317 .wp-show-posts-image img,
.store-products .wp-show-posts-image img {
    width: 100%;
    height: auto;
}

.post-317 .wp-show-posts-entry-header,
.store-products .wp-show-posts-entry-header {
    margin-bottom: 30px;
}

.post-317 .wp-show-posts-entry-title,
.store-products .wp-show-posts-entry-title {
    font-size: 16px;
    line-height: 19px;
}

.post-317 .wp-show-posts-entry-summary,
.store-products .wp-show-posts-entry-summary {
    margin-bottom: 30px;
}

.post-317 .wp-show-posts-entry-title,
.post-317 .wp-show-posts-entry-summary p,
.post-317 .wpsp-read-more,
.store-products .wp-show-posts-entry-title,
.store-products .wp-show-posts-entry-summary p,
.store-products .wpsp-read-more {
    padding: 0px 55px 0px 30px;
}

.store-products .wp-show-posts-entry-title {
    padding: 0px 30px 0px 30px;
}

.post-317 .wpsp-read-more a,
.store-products .wpsp-read-more a {
    position: relative;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}

.post-317 .wpsp-read-more a::after,
.store-products .wpsp-read-more a::after {
    content: '';
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA0MiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDkzMTMgNi4xNzAxN0MxLjE2MTE5IDYuMTU5MTMgMS4yMzAwNiA2LjE1NDA0IDEuMjk4OTcgNi4xNTQ5M0gzNy40ODU3TDM3LjIyOTggNi4wMzZDMzYuOTc5NyA1LjkxNzY5IDM2Ljc1MjIgNS43NTY2OCAzNi41NTc0IDUuNTYwMjVMMzMuMjY2OSAyLjI3MTY4QzMyLjgzMzYgMS44NTgyMyAzMi43NjA4IDEuMTkzMTIgMzMuMDk0NCAwLjY5NTc4QzMzLjQ4MjcgMC4xNjU4MSAzNC4yMjczIDAuMDUwNzM5NiAzNC43NTc2IDAuNDM4ODA1QzM0LjgwMDUgMC40NzAxNzQgMzQuODQxMiAwLjUwNDM2OCAzNC44Nzk1IDAuNTQxMTY0TDQwLjgyOTcgNi40ODc5NUM0MS4yOTQ3IDYuOTUyMTcgNDEuMjk1MSA3LjcwNTIyIDQwLjgzMDYgOC4xNjk5Nkw0MC44Mjk3IDguMTcwODlMMzQuODc5NSAxNC4xMTc3QzM0LjQxNDEgMTQuNTgxNSAzMy42NjA2IDE0LjU4MDUgMzMuMTk2NSAxNC4xMTUzQzMzLjE1OTkgMTQuMDc4NyAzMy4xMjU4IDE0LjAzOTggMzMuMDk0NCAxMy45OTg3QzMyLjc2MDggMTMuNTAxNCAzMi44MzM2IDEyLjgzNjMgMzMuMjY2OSAxMi40MjI4TDM2LjU1MTUgOS4xMjgzM0MzNi43MjYxIDguOTUzNjQgMzYuOTI2OCA4LjgwNzE2IDM3LjE0NjUgOC42OTQyMUwzNy41MDM1IDguNTMzNjVIMS4zNjQ0NkMwLjc1NjUzMSA4LjU1NjIxIDAuMjIzMTY3IDguMTMxNzkgMC4xMDg5NTkgNy41MzQ1OUMwLjAwMzc0OTg1IDYuODg2MiAwLjQ0NDM2NiA2LjI3NTM1IDEuMDkzMTMgNi4xNzAxN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=");
    width: 42px;
    height: 15px;
    bottom: 3px;
    right: -85px;
    position: absolute;
    pointer-events: none;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.post-317 .wpsp-read-more a:hover,
.store-products .wpsp-read-more a:hover {
    color: #EB1C24;
    background: none;
    border: none;
}

.post-317 .wpsp-read-more a:hover::after,
.store-products .wpsp-read-more a:hover::after {
    right: -150px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA0MiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDkzMTMgNi4xNzAxN0MxLjE2MTE5IDYuMTU5MTMgMS4yMzAwNiA2LjE1NDA0IDEuMjk4OTcgNi4xNTQ5M0gzNy40ODU3TDM3LjIyOTggNi4wMzZDMzYuOTc5NyA1LjkxNzY5IDM2Ljc1MjIgNS43NTY2OCAzNi41NTc0IDUuNTYwMjVMMzMuMjY2OSAyLjI3MTY4QzMyLjgzMzYgMS44NTgyMyAzMi43NjA4IDEuMTkzMTIgMzMuMDk0NCAwLjY5NTc4QzMzLjQ4MjcgMC4xNjU4MSAzNC4yMjczIDAuMDUwNzM5NiAzNC43NTc2IDAuNDM4ODA1QzM0LjgwMDUgMC40NzAxNzQgMzQuODQxMiAwLjUwNDM2OCAzNC44Nzk1IDAuNTQxMTY0TDQwLjgyOTcgNi40ODc5NUM0MS4yOTQ3IDYuOTUyMTcgNDEuMjk1MSA3LjcwNTIyIDQwLjgzMDYgOC4xNjk5Nkw0MC44Mjk3IDguMTcwODlMMzQuODc5NSAxNC4xMTc3QzM0LjQxNDEgMTQuNTgxNSAzMy42NjA2IDE0LjU4MDUgMzMuMTk2NSAxNC4xMTUzQzMzLjE1OTkgMTQuMDc4NyAzMy4xMjU4IDE0LjAzOTggMzMuMDk0NCAxMy45OTg3QzMyLjc2MDggMTMuNTAxNCAzMi44MzM2IDEyLjgzNjMgMzMuMjY2OSAxMi40MjI4TDM2LjU1MTUgOS4xMjgzM0MzNi43MjYxIDguOTUzNjQgMzYuOTI2OCA4LjgwNzE2IDM3LjE0NjUgOC42OTQyMUwzNy41MDM1IDguNTMzNjVIMS4zNjQ0NkMwLjc1NjUzMSA4LjU1NjIxIDAuMjIzMTY3IDguMTMxNzkgMC4xMDg5NTkgNy41MzQ1OUMwLjAwMzc0OTg1IDYuODg2MiAwLjQ0NDM2NiA2LjI3NTM1IDEuMDkzMTMgNi4xNzAxN1oiIGZpbGw9IiNFQjFDMjQiLz4KPC9zdmc+Cg==");
    background-repeat: no-repeat;
    background-size: contain;
}

.store-products .entry-title+.entry-content .wp-show-posts-columns {
    margin-top: 0;
}

.store-products .entry-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.wpsp-load-more {
    display: inline-block;
    max-width: 565px;
    margin: 40px auto;
    font-weight: 400;
    font-size: 18px;
}

.wpsp-load-more a {
    color: #000000;
}

.wpsp-load-more a:hover {
    color: #EB1C24;
}

.wpsp-load-more .page-numbers {
    padding: 6px;
}

.wpsp-load-more .prev,
.wpsp-load-more .next {
    font-size: 14px;
    padding: 0 20px;
}

.wpsp-load-more .current {
    font-weight: 600;
    border-bottom: 3px solid #EB1C24;
}

.interesting-products {
    background: #F6F6F6;
    color: black;
    padding: 40px;
}

.product-item {
    height: 390px;
    width: 370px;
    padding: 10px;
}

.product-item-wrapper {
    color: black;
    background: white;
    height: 200px;
    -webkit-box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    position: relative;
}

.product-item-img {
    height: 170px;
}

.product-item-img img {
    width: 100%;
    height: 100%;
}

.product-item-title {
    /*height: 40px;*/
    padding-top: 10px;
}

.product-item-title a {
    color: black !important;
}

.product-item-more-info {
    color: black;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none !important;
    font-size: 18px;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2.5rem;
}

.product-item-more-info a {
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    color: black !important;
}

.product-item-more-info:hover a {
    color: rgba(235, 28, 36, 1) !important;
    text-decoration: none !important;
}

.product-item-more-info .product-item-more-info-svg {
    margin-left: 80px;
}

.product-item-more-info:hover div {
    color: rgba(235, 28, 36, 1);
}

.product-item-more-info div,
.product-item-more-info div svg path {
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.product-item-more-info:hover div svg path {
    fill: rgba(235, 28, 36, 1);
}

.interesting-products-title {
    padding-bottom: 30px;
}


.store-products {
    padding-bottom: 80px;
    max-width: 96%;
}

.store-products .wp-show-posts-entry-summary {
    display: none;
}

.store-products .wp-show-posts-columns .wp-show-posts-single {
    width: calc(25% - 3%);
    margin: 0 4% 40px 0;
}

.product-main-info-secondary-img {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    max-width: 64%;
}

.product-main-info-secondary-img a:nth-child(odd) {
    margin-right: 15px;
}

.product-main-info-secondary-img a img {
    height: auto;
}

.product-main-info-secondary-img .photo img {
    max-width: 100%;
}

.product-main-info-img {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.img-secondary-wrapper img {
    height: 100%;
}

.tablinks-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #F3F3F3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*width: 270px;*/
    width: 150px;
    padding-bottom: 10px;
}

.tablinks-wrapper .tablinks {
    font-weight: 900;
}

.main-link:nth-child(2) {
    margin-left: 5px;
}

.header-info .logo {
    margin-right: 1rem;
}

.header-info .logo a,
.header-info-mobile .logo a {
    display: block;
}

.header-info .logo img {
    height: 55px;
}

.header-info-mobile .header-info__translator {
    margin: 0;
    width: 25%;
}

.tablinks {
    position: relative;
    cursor: pointer;
    font-size: 18px;
}

.tablinks.active:after {
    content: "";
    position: absolute;
    background: rgba(235, 28, 36, 1);
    height: 3px;
    left: 0;
    width: 100%;
    bottom: -14px;
}

.tabcontent {
    padding: 20px 0;
    display: none;
}

.tabcontent.active {
    display: block;
}

.characteristics-item-title {
    background: black;
    color: white;
    font-size: 16px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.characteristics-item-info {
    border-bottom: 1px solid #CFCFCF;
    border-left: 1px solid #CFCFCF;
    border-right: 1px solid #CFCFCF;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    padding: 10px;
}

.graphs {
    padding-bottom: 50px;
}

.graphs h2,
.versions h2 {
    font-size: 24px;
}

.versions,
.graphs {
    padding-top: 40px;
}

.versions .row {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-left: 0;
}

.versions .version-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 10px;
    background-color: #e6e6e6;
    width: calc(25% - 30px);
    margin-right: 30px;
}

.versions .version-item:last-child {
    margin-right: 0;
}

.versions .version-item-img img {
    width: 100%;
}

.version-item-title {
    padding-bottom: 10px;
}

.projects-title {
    padding: 20px 0;
}

 /* категорії товарів*/

.news-post .title-name:hover{
    cursor: pointer;
}



@media (min-width: 1280px) {
    .information_history {

    }
    .useful_information {
        width: 960px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 120px;
    }
    .useful_information_about h1{
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 28px;
    }
    .information_history h2{
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history h3 {
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history p{
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
            text-align: left;



    }
    .news-post-item-attr{
        font-size: 14px;
    }
    .information_one_history {
        margin-top: 10px;
        margin-bottom: 10px;

    }



}
@media (min-width: 768px) and (max-width: 1279px) {
    .useful_information {
        width: 704px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 120px;
    }
    .useful_information_about h1{
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 28px;
    }
    .information_history h2{
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history h3 {
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 600;
        line-height: 36px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history p{
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;



    }


}

@media (min-width: 0px) and (max-width: 767px) {
    .useful_information {
        /*width: 340px;*/
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px;
    }
    .useful_information_about h1{
        font-family: Inter Tight;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 28px;
    }
    .information_history h2{
        font-family: Inter Tight;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history h3 {
        font-family: Inter Tight;
        font-size: 24px;
        font-weight: 600;
        line-height: 28px;
        text-align: left;
        margin-bottom: 19px;
        margin-top: 34px;

    }
    .information_history p{
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: left;



    }

}

.project-item-img-wrapper img {
    padding: 0px 0px 60px 0px;
}

.project-item-title {
    padding-bottom: 20px;
}

#project-item .container {
    max-width: 100%;
}




/* Контакти*/

@media (min-width: 2561px) {
    .magic-soap {
        display: flex;
        margin-top: -20px;
    }
    .magic-dust {
        display: flex;
    }
    .magic-box {
        margin-left: -49%;
    }
    .magical_feedback {
        margin-right: -11px;
    }
    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        /*width: 680px;*/
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        /*margin-left: -28px;*/
    }
    .magical-cmc {
        margin-top: -18px;
    }
    #map {
        width: 1320px;
        height: 511px;
    }
    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 32px 0px !important;

        /*top: -70px;*/
        background-color: #f1f1f1;
        /*height: 459px;*/
    }
    .magic_contacts {
        display: flex;
        min-width: 1320px;
    }
    .modal-content {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        /*width: 720px;*/
        height: 100%;
    }


    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
        margin-top: -20px;
    }
    .text-left {
        font-family: var(--font-family-minor);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        font-weight: 400;
    }

    .payment-section {

    }






    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {

        /*width:914px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;




    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }

    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }
    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }


}




@media (min-width: 1600px) and (max-width: 2560px) {
    .magic-soap {
        display: flex;
        margin-top: -30px;
    }
    .magic-dust {
        display: flex;
    }
    .magic-box {
        margin-left: -49%;
    }
    .magical_feedback {
        margin-right: -11px;
    }
    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        /*width: 680px;*/
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        /*margin-left: -28px;*/
    }
    .magical-cmc {
        margin-top: -10px;
    }
    #map {
        width: 1320px;
        height: 511px;
    }
    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 32px 0px !important;
        width: calc(100% - 0px);
        /*top: -70px;*/
        background-color: #f1f1f1;
        /*height: 600px;*/
        margin-top: -22px;
        /*height: 459px;*/
    }
    .magic_contacts {
        display: flex;
        min-width: 1320px;
    }
    .modal-content {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        /*width: 720px;*/
        height: 100%;
    }


    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
    }
    .text-left {
        font-family: var(--font-family-minor);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
        font-weight: 400;
    }



    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {

        /*width:914px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;




    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }

    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }











}



@media (min-width: 1280px) and (max-width: 1599px) {
    .magic-soap {
        display: flex;
        margin-top: -20px;
    }
    .magic-dust {
        display: flex;
    }
    .magic-box {
        margin-left: -49%;
    }

    #map {
        width: 1320px;
        height: 511px;
    }
    .magic_contacts {
        display: flex;
        min-width: 1320px;
    }

    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        /*width: 680px;*/
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        /*margin-left: -28px;*/
    }
    .magical-cmc {
        margin-top: -18px;
    }
    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 0px 0px !important;
        width: calc(100% - 0px);
        /*top: -70px;*/
        background-color: #f1f1f1;
        /*height: 459px;*/
        /*margin-top: 20px;*/
    }
    .modal-content {
        padding: 20px ;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        /*width: 720px;*/
        height: 100%;
    }


    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
    }
    .text-left {
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
        font-weight: 400;
    }





    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {

        /*width:914px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;


    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }

    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }

}
/* Новини */

@media (min-width: 1280px) {
    .news-thumbnail a img{
        /*font-family: var(--font-family-minor);*/
        width: 310.5px;
        height: 260px;
        gap: 16px;
        border-radius: 12px;
        object-fit: cover;


    }
    .time-data {

    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #888; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';




    }

    .news-thumbnail {
        margin-bottom: 14px;
    }
    .news-post{
        width:310.5px;
        /*height:413px;*/
        height: 355px;
        /*padding:16px;*/
        gap: 16px;
        border-radius: 12px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/

    }
    .title-name h2{
        font-family: Inter Tight;
        font-size: 14px;
        margin-top: -26px;
        /*font-weight: 500;*/
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 260px;
        /*margin-left: 16px;*/

    }

    /* Основний стиль для посилання */
    .read-on a {
        color: #526278; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
    }

    /* Стрілка */
    .read-on a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .read-on a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .read-on a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }




    .news-info-text {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 26px;
        /*row-gap: 56px;*/

    }
    .title-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .title-name svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: -7px;
    }




    .site-news{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .title-read a{
        margin-top: auto; /* Відсуває кнопку до низу */
        margin-bottom: 16px; /* Встановлює відстань 16px віднизу */

        text-decoration: none;


    }
    .title-read {
        margin-top: -2px;
        width:310.5px;
        /*height:121px;*/
        height: 83px;
        padding: 0px 16px 16px 16px;
        gap: 12px;

    }
    .title-name {
        /*min-height: 75px;*/
        min-height: 20px;

    }


    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 67%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
    }

    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }




}


@media (min-width: 768px) and (max-width: 1279px){
    .news-thumbnail a img{
        font-family: var(--font-family-minor);

        height: 260px;
        gap: 16px;
        border-radius: 12px;
        object-fit: cover;


    }
    .time-data {

    }
    .magic_contacts {
        width: 744px;
    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #888; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';




    }

    .news-thumbnail {
        margin-bottom: 14px;
    }
    .news-post{

        height:413px;
        /*padding:16px;*/
        gap: 16px;
        border-radius: 12px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/

    }
    .title-name h2{
        font-family: var(--font-family-minor);
        font-size: 14px;
        margin-top: -30px;
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */

    }

    /* Основний стиль для посилання */
    .read-on a {
        color: #666; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
    }

    /* Стрілка */
    .read-on a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .read-on a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .read-on a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }




    .news-info-text {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 26px;
        row-gap: 56px;
        /*min-width: 768px;*/
        padding: 0;
        /*width: 744px;*/
        /*justify-content: center;*/

    }
    .title-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .title-name svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: -15px;
    }




    .site-news{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;


    }

    .title-read a{
        margin-top: auto; /* Відсуває кнопку до низу */
        margin-bottom: 16px; /* Встановлює відстань 16px віднизу */

        text-decoration: none;


    }
    .title-read {
        margin-top: -2px;
        /*width:310.5px;*/
        height:121px;
        padding: 0px 26px 0px 16px;
        gap: 12px;

    }
    .title-name {
        min-height: 75px;

    }
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }
    .magic_wrapper {
        margin-top: -15px;
    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }




}


@media (min-width: 0px) and (max-width: 767px) {
    .news-thumbnail a img{
        font-family: var(--font-family-minor);
        /*width: 165px;*/
        max-height: 210px;
        gap: 16px;
        border-radius: 12px;
        object-fit: cover;


    }
    .time-data {

    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #888; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';




    }

    .news-thumbnail {
        /*margin-bottom: 14px;*/
    }
    .news-post{
        /*width:165px;*/
        /*height:331px;*/
        /*padding:16px;*/
        gap: 16px;
        border-radius: 12px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/

    }
    .title-name h2{
        font-family: var(--font-family-minor);
        font-size: 14px;
        margin-top: -30px;
        /*font-weight: 500;*/
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 4; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        /*width: 145px;*/
        /*margin-left: 16px;*/
        /*height: 70px;*/
        margin-bottom: 15px;

    }

    /* Основний стиль для посилання */
    .read-on a {
        color: #666; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
        margin-bottom: 0px;
    }

    /* Стрілка */
    .read-on a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .read-on a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .read-on a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }




    .news-info-text {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*margin-left: auto;*/
        column-gap: 10px;
        row-gap: 28px;
        padding: 0;
        /*width: 360px;*/
        /*justify-content: center;*/

        

    }
    .title-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .title-name svg {
       display: none;
    }




    .site-news{
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        /*text-align: center;*/
        margin-bottom: 30px;

    }
    .info-news-site {
        display: flex;
        /*width: 340px;*/
        padding: 0;
        margin-left: auto;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-right: auto;
        margin-top: 29px;
        padding-left: 10px;
        padding-right: 10px;
        position: relative;
    }

    .title-read a{
        /*margin-top: auto; !* Відсуває кнопку до низу *!*/
        /*margin-bottom: 0px; !* Встановлює відстань 16px віднизу *!*/

        text-decoration: none;


    }
    .title-read {
        margin-top: -2px;
        /*width:310.5px;*/
        /*height:121px;*/
        padding: 10px;
        gap: 12px;

    }
    .title-name {
        min-height: 75px;

    }
}



@media (min-width: 425px) and (max-width: 767px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px 0.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }
    .page-numbers:hover{
        width: 38px;
        height:38px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        width: 38px;
        height:38px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;

    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;

    }
}


@media (min-width: 0px) and (max-width: 424px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }

    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px -2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }

    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }

    .page-numbers:hover {
        width: 38px;
        height: 38px;
        background-color: #526278;
    }

    .pagination-of-pages span:hover {
        width: 38px;
        height: 38px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous {
        font-weight: bold;
        padding-left: 0;
        display: none;
    }

    .pagination-of-pages .following {
        font-weight: bold;
        padding-right: 0;
        display: none;
    }

    .pagination-of-pages .previous-mob {
        font-weight: bold;
        padding-left: 0;

    }

    .pagination-of-pages .following-mob {
        font-weight: bold;
        padding-right: 0;

    }
}

/* Реалізовані проекти */

@media (min-width: 1280px) {
    .projects-info-text {
        background-color: #f1f1f1;
    }
    .projects-link {
        width: 100%;
        background-color: #f1f1f1;
    }
    .news-link {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 20px;
        row-gap: 40px;
    }

    .projects-text {
        /*padding-top: 180px;*/
        /*margin-bottom: -185px;*/
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 20px;

    }
    .text-for-projects p{
        background-color: #f1f1f1;
        /*font-family: var(--font-family-minor);*/
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 40px;
        margin-bottom: 120px;
    }


    .tables {
        /*padding-top: 180px;*/
        flex-direction: column;
        font-family: var(--font-family-minor);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        margin-bottom: 40px;
       
    }

    .tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    .tab-link {
        padding: 12px 16px;
        /*border: 1px solid #ddd;*/
        cursor: pointer;
        /*background-color: #f9f9f9;*/
        transition: all var(--transition-time-all);
        color:#707584;

        font-size: 16px;
        font-weight: 400;

    }
    .tab-link:hover {
         color: #0C0C0C;
    }

    .tab-link.active {
        font-family: var(--font-family-minor);
        background-color: #FFFFFF;

        font-weight: bold;

        /*width: 151px;*/
        height:35px;
        padding: 12px 16px 12px 16px;
        gap: 10px;
        border-radius: 12px;
        color: #0C0C0C;

        font-size: 16px;
        font-weight: 500;



    }


    .news-projects a img{
        /*font-family: var(--font-family-minor);*/
        width: 426.67px;
        height: 363px;
        gap: 16px;
        border-radius: 24px;
        object-fit: contain;

    }



    .time-data {

    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #526278; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';
        font-weight: 500;




    }
    .text-for-projects {
        margin-top: 80px;
        margin-bottom: 120px;
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-align: left;
    }

    .news-projects {
        margin-bottom: 16px;
    }
    .news-implemented{
        width:426.67px;
        height:501px;
        /*padding:16px;*/
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/

    }
    .projects-name h2{
        font-family: var(--font-family-minor);
        font-size: 18px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 394.67px;
        /*margin-left: 16px;*/



    }

    .projects-read a{
        /*margin-left: 16px;*/
        color: #707584;
        font-size: 14px;
        font-family: var(--font-family-minor);
        font-weight: 600;
        padding: 10px 20px 10px 20px;
        gap: 10px;
        border-radius: 12px;
        background:#F2F4F6;
        text-align: center;

    }
    .projects-read {
        display: flex;
        justify-content: space-around;
        /*width: 394.67px;*/
        /*height: 40px;*/
    }




    .news-info-text {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 26px;
        row-gap: 56px;

    }
    .projects-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .projects-name svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: -7px;
    }




    .site-news h1{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .title-projects a{
        margin-top: auto; /* Відсуває кнопку до низу */
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        text-decoration: none;
        width: 394.67px;
        height: 40px;
    }
    .title-projects a:hover {
        color: #141414;
        background: #e1e6eb;
        /*background: #F2F4F699;*/


    }
    .title-projects {
        /*margin-top: -2px;*/
        width:426.67px;
        height:138px;
        padding:16px;
        gap: 12px;

    }
    .projects-name {
        min-height: 75px;

    }

    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 67%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
    }

    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }


}

@media (min-width: 768px) and (max-width: 1279px) {
    .projects-info-text {
        background-color: #f1f1f1;
        margin-left: auto;
        margin-right: auto;
    }
    .projects-link {
        width: 100%;
        background-color: #f1f1f1;
    }

    .text-for-projects {
        margin-top: 80px;
        margin-bottom: 120px;
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-align: left;
    }
    .news-link {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 20px;
        row-gap: 36px;
        /*max-width: 768px;*/
    }

    .projects-text {
        /*padding-top: 180px;*/
        /*margin-bottom: -180px;*/
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 35px;

    }
    .text-for-projects p{
        background-color: #f1f1f1;
        /*font-family: var(--font-family-minor);*/
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 80px;
        margin-bottom: 120px;
    }

    .tables {
        /*padding-top: 180px;*/
        flex-direction: column;
        font-family: var(--font-family-minor);
        font-size: 16px;
        font-weight: 500;
        line-height: 22px;
        text-align: center;
        margin-bottom: 75px;

    }

    .tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    .tab-link {
        padding: 12px 16px;
        /*border: 1px solid #ddd;*/
        cursor: pointer;
        /*background-color: #f9f9f9;*/
        transition: all var(--transition-time-all);
        color:#707584;

        font-size: 16px;
        font-weight: 400;

    }
    .tab-link:hover {
        color: #0C0C0C;
    }

    .tab-link.active {
        font-family: var(--font-family-minor);
        background-color: #FFFFFF;

        font-weight: bold;

        /*width: 151px;*/
        height:35px;
        padding: 12px 16px 12px 16px;
        gap: 10px;
        border-radius: 12px;
        color: #0C0C0C;

        font-size: 16px;
        font-weight: 500;



    }


    .news-projects a img{
        /*font-family: var(--font-family-minor);*/
        width: 342px;
        height: 260px;
        gap: 16px;
        border-radius: 24px;
        object-fit: contain;


    }
    .time-data {

    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #888; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';




    }

    .news-projects {
        margin-bottom: 16px;
    }
    .news-implemented{
        width:338px;
        height:398px;
        /*padding:16px;*/
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/

    }
    .projects-name h2{
        font-family: var(--font-family-minor);
        font-size: 18px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 310px;
        /*margin-left: 16px;*/



    }

    .projects-read a{
        /*margin-left: 16px;*/
        color: #707584;
        font-size: 14px;
        font-family: var(--font-family-minor);
        font-weight: 600;
        padding: 10px 20px 10px 20px;
        gap: 10px;
        border-radius: 12px;
        background:#F2F4F6;
        text-align: center;

    }
    .projects-read {
        display: flex;
        justify-content: space-around;
        /*width: 394.67px;*/
        /*height: 40px;*/
    }




    .news-info-text {
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 26px;
        row-gap: 56px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .projects-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .projects-name svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: -7px;
    }




    .site-news h1{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .title-projects a{
        margin-top: auto; /* Відсуває кнопку до низу */
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        text-decoration: none;
        width: 394.67px;
        height: 40px;
    }
    .title-projects a:hover {
        color: #141414;
        background: #e1e6eb;
        /*background: #F2F4F699;*/


    }
    .title-projects {
        /*margin-top: -2px;*/
        width:342px;
        height:138px;
        padding:16px;
        gap: 12px;

    }
    .projects-name {
        min-height: 75px;

    }

    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 767px) {
    .projects-info-text {
        background-color: #f1f1f1;
        margin-left: auto;
        margin-right: auto;
        /*width: 364px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
    ;
        flex-wrap: wrap;
    }
    .projects-link {
        width: 100%;
        background-color: #f1f1f1;
    }
    .news-link {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 10px;
        row-gap: 32px;
        /*min-width: 768px;*/
        justify-content: center;
    }

    .text-for-projects {
        margin-top: 80px;
        margin-bottom: 100px;
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-align: left;
    }

    .projects-text  {
        /*margin-top: 116px;*/
        /*margin-bottom: -155px;*/
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 18px;
    }
    .text-for-projects p{
        background-color: #f1f1f1;
        /*font-family: var(--font-family-minor);*/
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        margin-top: 80px;
        margin-bottom: 100px;
    }

    .tables {
        /*margin-top: 170px;*/
        /*flex-direction: column;*/
        font-family: var(--font-family-minor);
        font-size: 15px;
        font-weight: 500;
        /*line-height: 22px;*/
        text-align: center;
        margin-bottom: 18px;
        display: flex;
        align-items: center;
        /*gap: 6px;*/
        flex-wrap: wrap;
        row-gap: 6px;

    }


    .tabs {
        display: flex;
        gap: 10px;
        margin-bottom: 20px;
    }

    .tab-link{
        padding: 12px 9px;
        /*border: 1px solid #ddd;*/
        cursor: pointer;
        /*background-color: #f9f9f9;*/
        transition: all var(--transition-time-all);
        color:#707584;
        font-size: 14px;
        font-weight: 400;




    }
    .tab-link:hover {
        color: #0C0C0C;
    }

    .tab-link.active {
        font-family: var(--font-family-minor);
        background-color: #FFFFFF;
        font-weight: bold;
        /*height:35px;*/
        padding: 12px 9px;
        gap: 10px;
        border-radius: 12px;
        color: #0C0C0C;
        font-size: 14px;
        font-weight: 500;



    }


    .news-projects a img{
        /*font-family: var(--font-family-minor);*/
        width: 165px;
        height: 140px;
        gap: 16px;
        border-radius: 12px;
        object-fit: contain;


    }
    .time-data {

    }
    .time-data h2 {
        font-size: 14px; /* Задаємо розмір шрифта */
        font-weight: normal ; /* Встановлюємо звичайну товщину шрифта */
        color: #888; /* Колір тексту (як на зображенні) */
        font-family: 'Inter Tight';




    }

    .news-projects {
        margin-bottom: 16px;
    }
    .news-implemented{
        width:165px;
        height:285.33px;
        /*padding:16px;*/
        gap: 0px;
        border-radius: 12px;
        background: #FFFFFF;
        /*margin-left: 19px;*/
        /*margin-top: 56px;*/




    }
    .projects-name h2{
        font-family: var(--font-family-minor);
        font-size: 14px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/

        width: 145px;
        /*margin-left: 16px;*/



    }

    .projects-read a{
        /*margin-left: 16px;*/
        color: #707584;
        font-size: 14px;
        font-family: var(--font-family-minor);
        font-weight: 600;
        padding: 10px;
        gap: 10px;
        border-radius: 12px;
        background:#F2F4F6;
        text-align: center;




    }
    .projects-read {
        display: flex;
        justify-content: space-around;
        /*width: 394.67px;*/
        /*height: 40px;*/
    }




    .news-info-text {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*margin-left: auto;*/
        column-gap: 10px;
        row-gap: 28px;
        /*justify-content: center;*/
        /*margin-top: -30px;*/
        display: grid;
        grid-template-columns: 1fr 1fr;

    }
    .projects-name {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .projects-name svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: -7px;
    }




    .site-news h1{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .title-projects a{
        margin-top: auto; /* Відсуває кнопку до низу */
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        text-decoration: none;
        width: 145px;
        height: 40px;


    }
    .title-projects a:hover {
        color: #141414;
        background: #e1e6eb;
        /*background: #F2F4F699;*/


    }
    .title-projects {
        /*margin-top: -2px;*/
        width:165px;
        height:145.33px;
        padding:10px;
        gap: 0px;




    }
    .projects-name {
        min-height: 99px;

    }


}


@media (min-width: 425px) and (max-width: 767px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        /*position: relative;*/
        /*left: 50%;*/
        /*transform: translateX(-50%);*/
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px 0.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }
    .page-numbers:hover{
        width: 38px;
        height:38px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        width: 38px;
        height:38px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;

    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;

    }
}


@media (min-width: 0px) and (max-width: 424px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }

    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px -2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }

    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }

    .page-numbers:hover {
        width: 38px;
        height: 38px;
        background-color: #526278;
    }

    .pagination-of-pages span:hover {
        width: 38px;
        height: 38px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous {
        font-weight: bold;
        padding-left: 0;
        display: none;
    }

    .pagination-of-pages .following {
        font-weight: bold;
        padding-right: 0;
        display: none;
    }

    .pagination-of-pages .previous-mob {
        font-weight: bold;
        padding-left: 0;

    }

    .pagination-of-pages .following-mob {
        font-weight: bold;
        padding-right: 0;

    }

}

/* Блог */

@media (min-width: 1280px) {
    .new-bro a img{
        /*font-family: var(--font-family-minor);*/
        width: 100%;
        height: 260px;
        gap: 16px;
        border-radius: 12px;
        object-fit: cover;
    }

    .new-bro a {
        display: block;
        height: fit-content;
        background-color: white;
        border-radius: 12px;
        overflow: hidden;
    }
    .description {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color:#8C8F93;
        margin-bottom: 10px;
        min-height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        max-height: 3em;
        line-height: 1.5em;
    }


    .new-bro {
        margin-bottom: 38px;
    }
    .new-blogs{
        width: 100%;
        /*height:404px;*/
        /*padding:16px;*/
        height: 375px;
        gap: 16px;
        border-radius: 12px;

    }
    .title-blog h2{
        font-family: Inter Tight;
        font-size: 16px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 85%;
        /*margin-left: 16px;*/



    }




    /* Основний стиль для посилання */
    .then-blog a {
        color: #666; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
    }

    /* Стрілка */
    .then-blog a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .then-blog a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .then-blog a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }








    .blog-info-text {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        column-gap: 26px;
        row-gap: 56px;

    }
    .title-blog svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: 0px;
    }




    .bloggers-about {
        font-family: var(--font-family-main);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;


    }

    .blog-date a{
        margin-top: auto; /* Відсуває кнопку до низу */
        margin-bottom: 16px; /* Встановлює відстань 16px віднизу */

        text-decoration: none;


    }
    .blog-date {
        margin-top: -2px;
        width:100%;
        /*height:121px;*/
        height: 100px;
        /*padding: 0px 16px 0px 16px;*/
        gap: 12px;

    }
    .title-blog {
        min-height: 60px;
        position: relative; /* Для позиціонування SVG всередині контейнера */

    }


    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {

        display: flex;
        justify-content: space-between;
        width: 67%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 4px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
    }

    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
    .contacts-page .contact-info-item-text a:first-of-type {
        display: block;
        font-family: Inter Tight;
        font-size: 24px;
        font-weight: 400;
        line-height: 29.04px;
        text-align: left;


        /*min-width: 446px;*/
    }


}
.next.page-numbers, .prev.page-numbers{
    display: none;
}




@media (min-width: 768px) and (max-width: 1279px) {
    .new-bro a img{
        /*font-family: var(--font-family-minor);*/
        /*width: 310.5px;*/
        height: 260px;

        gap: 16px;
        border-radius: 12px;
        object-fit: cover;
    }

    .new-bro a {
        display: block;
        height: fit-content;
        background-color: white;
        border-radius: 12px;
        overflow: hidden;
    }
    .description {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color:#8C8F93;
        margin-bottom: 10px;
        min-height: 40px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        max-height: 3em;
        line-height: 1.5em;
    }


    .new-bro {
        margin-bottom: 38px;
    }
    .new-blogs{
        width:339px;
        height:428px;
        /*padding:16px;*/
        gap: 16px;
        border-radius: 12px;

    }
    .title-blog h2{
        font-family: Inter Tight;
        font-size: 16px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 286px;
        /*margin-left: 16px;*/



    }

    /* Основний стиль для посилання */
    .then-blog a {
        color: #666; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
    }

    /* Стрілка */
    .then-blog a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .then-blog a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .then-blog a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }



    .blog-info-text {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        column-gap: 26px;
        row-gap: 36px;
        /*min-width: 768px;*/
        padding: 0;
        /*width: 744px;*/
        justify-content: center;

    }




    .title-blog svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: -3px;
        right: 0px;
    }




    .bloggers-about {
        font-family: var(--font-family-main);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;

    }

    .blog-date a{
        margin-top: auto; /* Відсуває кнопку до низу */
        margin-bottom: 16px; /* Встановлює відстань 16px віднизу */

        text-decoration: none;


    }
    .blog-date {
        margin-top: -2px;
        /*width:310.5px;*/
        height:121px;
        /*padding: 0px 16px 0px 16px;*/
        gap: 12px;

    }
    .title-blog {
        min-height: 60px;
        position: relative; /* Для позиціонування SVG всередині контейнера */

    }



    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 91%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 60px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        width: 40px;
        height:40px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        height:40px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
    }
    .pagination-of-pages .following{
            font-weight: bold;
        padding-right: 0;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }

}


@media (min-width: 0px) and (max-width: 767px){
    .new-bro a img{
        /*font-family: var(--font-family-minor);*/
        /*width: 165px;*/
        max-height: 230px;
        gap: 16px;
        border-radius: 12px;
        object-fit: contain;
        min-height: 230px;
        min-width: 110px;
    }

    .new-bro a {
        display: block;
        height: fit-content;
        background-color: white;
        border-radius: 12px;
        overflow: hidden;
    }

    .description {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        color:#8C8F93;
        margin-bottom: 10px;
        min-height: 40px;
        /*width: 165px;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */

    }


    .new-bro {
        margin-bottom: 38px;
    }
    .new-blogs{
        min-width:110px;
        /*height:311px;*/
        /*padding:16px;*/
        gap: 16px;
        border-radius: 12px;

    }
    .title-blog h2{
        font-family: Inter Tight;
        font-size: 14px;
        margin-top: -30px;
        font-weight: 600;
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 2; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 90%;
        /*margin-left: 16px;*/
        margin-bottom: 10px;






    }

    /* Основний стиль для посилання */
    .then-blog a {
        color: #666; /* Основний колір тексту */
        font-size: 14px; /* Розмір тексту */
        font-weight: 500;
        text-decoration: none; /* Видаляємо підкреслення */
        position: relative; /* Для правильного позиціонування стрілки */
        transition: color 0.3s ease; /* Плавний перехід кольору тексту */
    }

    /* Стрілка */
    .then-blog a:after {
        content: '';
        display: inline-block;
        width: 10px;
        height: 10px;
        border-right: 2px solid #666; /* Тонка вертикальна лінія */
        border-bottom: 2px solid #666; /* Тонка горизонтальна лінія */
        transform: rotate(315deg); /* Створює ефект стрілки */
        margin-left: 3px; /* Відстань між текстом і стрілкою */
        transition: transform 0.3s ease, margin-left 0.3s ease, border-color 0.3s ease; /* Плавний перехід кольору та руху */
    }

    /* Ефект при наведенні */
    .then-blog a:hover {
        color: red; /* Зміна кольору тексту */
    }

    .then-blog a:hover:after {
        transform: translateX(5px) rotate(315deg); /* Рух стрілки вперед */
        margin-left: 8px; /* Збільшуємо відстань між текстом і стрілкою */
        border-color: red; /* Зміна кольору стрілки */
    }



    .blog-info-text {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        /*margin-left: auto;*/
        column-gap: 10px;
        row-gap: 36px;
        /*min-width: 744px;*/
        padding: 0;
        /*width: 744px;*/
        /*justify-content: center;*/
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-left: 10px;
        padding-right: 10px;
    }




    .title-blog svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: 0px;
        right: 0;
    }




    .bloggers-about {
        font-family: var(--font-family-main);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 30px;

    }

    .blog-date a{
        margin-top: auto; /* Відсуває кнопку до низу */
        margin-bottom: 16px; /* Встановлює відстань 16px віднизу */

        text-decoration: none;


    }
    .blog-date {
        /*margin-top: -2px;*/
        /*width:310.5px;*/
        /*height:121px;*/
        /*padding: 0px 16px 0px 16px;*/
        gap: 12px;

    }
    .title-blog {
        min-height: 25px;
        position: relative; /* Для позиціонування SVG всередині контейнера */
        padding-right: 15px;
    }





}

@media (min-width: 425px) and (max-width: 767px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        /*position: absolute;*/
        /*left: 50%;*/
        /*bottom: -80px;*/
        /*transform: translateX(-50%);*/
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: 40px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px 0.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }
    .page-numbers:hover{
        /*width: 38px;*/
        /*height:38px;*/
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 38px;*/
        /*height:38px;*/
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;

    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;

    }
}


@media (min-width: 0px) and (max-width: 424px) {
    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        /*position: absolute;*/
        /*left: 50%;*/
        /*bottom: -80px;*/
        /*transform: translateX(-50%);*/
        display: flex;
        justify-content: space-between;
        width: 86%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 0;
        margin-top: 40px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        max-width: 340px;
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0px -2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 13px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;
        height: 38px;

    }
    .page-numbers:hover{
        width: 38px;
        height:38px;
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        width: 38px;
        height:38px;
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }
    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;

    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;

    }
    .contacts-page .contact-info-item-text a:first-of-type {
        display: block;
        /*min-width: 446px;*/
    }
}


@media (min-width: 1024px) and (max-width: 1279px) {
    .map {
        display: none;
    }
    .contact-info-text {
        margin-left: -15px;
    }
    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 0px 0px !important;
        width: 805px;
        /*top: -70px;*/
        background-color: #f1f1f1;
        /*height: 459px;*/
    }
    .magical-cmc {
        margin-top: -18px;
    }

    .magic-soap {
        display: flex;
        margin-top: -20px;
    }
    .magic-dust {
        display: flex;
    }
    .magic-box {
        margin-left: -49%;
    }
    .magical_feedback {
        margin-right: -11px;
    }
    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        /*width: 680px;*/
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        /*margin-left: -28px;*/
    }
    .modal-content {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        width: 720px;
        height: 100%;
    }

    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
    }
    .text-left {
        font-family: var(--font-family-minor);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
    }

    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {

        /*width:914px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;


    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }

    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }

    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }
    .contacts-page .contact-info-item-text a:first-of-type {
        display: block;
        /*width: 704px;*/
    }


}

@media (min-width: 768px) and (max-width: 1023px){
    .magic-soap {
        display: flex;
        margin-top: -20px;
    }
    .magic-dust {
        display: flex;
    }
    .magic-box {
        margin-left: -49%;
    }
    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        width: 680px;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        margin-left: -28px;
    }
    .magical-cmc {
        margin-top: -18px;
    }
    .map {
        display: none;
    }
    .contact-info-text {
        margin-left: -15px;
    }
    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 0px 0px !important;
        /*top: -70px;*/
        background-color: #f1f1f1;
        /*height: 459px;*/
        /*width: 805px;*/
    }
    .modal-content {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        width: 720px;
        height: 100%;
    }

    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
        font-weight: 400;
    }
    .text-left {
        font-family: var(--font-family-minor);
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
    }


    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {


        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;


    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }


    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }
    .contacts-page .contact-info-item-text a:first-of-type {
        display: block;
        /*width: 704px;*/
    }

}
@media (min-width: 0px) and (max-width: 767px) {

    .magical-cmc {
        margin-top: -18px;
    }
    .map {
        display: none;
    }
    .modal-content input[type="submit"] {
        background-color: #EB1C24;
        width: 100%;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
    }

    .modal-content {
        padding: 14px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        height: 100%;

        /*height: 784px;*/

    }
    .text-muted {
        font-size: 16px;
        margin-top: -23px;
        font-family: Inter Tight;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        width: 312px;

    }

    .modal-content input[name="yourname"],
    .modal-content input[name="yourtel"],
    .modal-content input[name="yourcompany"],
    .modal-content input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #f1f1f1;
        border-radius: 10px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #f1f1f1;
        border-radius: 10px;
        height: 52px;
        border: 0px;
    }

    .modal-content input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #f1f1f1;
        border-radius: 10px;
        height: 52px;
        border: 0px;
    }
    .magic-soap {
        margin-top: -25px;
    }

    .contact-info-wrapper {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        padding: 32px 0px !important;
        /*top: -70px;*/
        background-color: #f1f1f1;
        margin-left: 0px;
        margin-top: -30px;

    }
    .wrapper-info {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        text-align: left;
    }
    .text-left {
        font-family: Inter Tight;
        font-size: 24px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;


    }
    .contact-info-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 21px;
        margin-bottom: 28px;
        font-weight: 400;
    }


    .delivery-section {
        /*width: 914px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;


    }

    .payment-section {

        /*width:914px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;




    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        /*width:914px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
    }


    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }
    .magic_wrapper {

    }
    .magical_feedback {
        margin-top: -40px;

    }







}

.networks {
    margin-top: 28px;

}

.map-life {
    font-family: var(--font-family-minor);
    font-size: 42px;
    font-weight: 500;
    line-height: 1.14;
    text-align: center;
    margin-bottom: 24px;
}





.contact-info {
    position: relative;
}

.map-title{

}



.contact-info-item-text {
    /*margin-left: 10px;*/
}

.contact-info-item-title {
    color: #EB1C24;
    font-size: 12px;
    font-family: Tektur;
    font-weight: 500;
    line-height: 15.6px;



}

.contact-info-item-text a {
    color: #141414;
    text-decoration: none !important;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    font-family: Inter Tight;
    font-size: 24px;
    font-weight: 400;
    line-height: 29.04px;
  

}

.contact-info-item-text a:hover {
    color: rgba(235, 28, 36, 1);
}




.contact-info-text {
    /*padding-top: 180px;*/
    padding-bottom: 40px;
    font-size: 12px;
}

.projects.news .product-item-info {
    margin-top: 25px;
}

.post-categories {
    list-style: none !important;
    margin: 0 !important;
    padding: 0;
}

.post-categories li a {
    color: rgba(235, 28, 36, 1);
    text-decoration: none;
}

.link a {
    color: #A5A5A5;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.link a:hover {
    color: rgba(235, 28, 36, 1);
    text-decoration: none;
}

.main-link.post {
    padding-right: 5px;
}

/* WOOCOMMERCE STORE */
.additional_info {
    padding: 4em 0;
    width: 100%;
}

div#horizontalTab1 ul {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #F3F3F3;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 270px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
}

.resp-tab-item {
    position: relative;
    cursor: pointer;
    font-size: 18px;
    padding: 0 15px;
}

.resp-tab-active:after {
    content: "";
    position: absolute;
    background: rgba(235, 28, 36, 1);
    height: 3px;
    left: 0;
    width: 100%;
    bottom: -14px;
}

.variations_form,
.product_meta,
.price {
    display: none !important;
}

.resp-tab-content {
    display: none;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.additional_info_grid {
    padding: 2em;
    background: #f3f3f3;
}

.additional_info_grid p {
    color: #999;
    line-height: 1.8em;
}

.woocommerce-ordering {
    display: none !important;
}

li.product div img {
    width: 100%;
    height: 100%;
}

.woocommerce-result-count {
    display: none !important;
}

ul.products li.product {
    height: 370px !important;
    width: 370px !important;
    padding: 10px !important;
    margin-right: 0 !important;
}

/*.flex-viewport {
    height: 300px!important;
}*/

.woocommerce-product-gallery__image img {
    width: 100%;
    height: 100%;
}

.shop_attributes {
    width: 100%;
}

.shop_attributes td p {
    margin-bottom: 0;
}

.woocommerce-products-header__title {
    padding-bottom: 10px;
}

.company-header {
    position: relative;
    cursor: pointer;
}

.company-header:hover .company-body {
    display: block;
}

.company-body {
    position: absolute;
    display: none;
    background: black;
    padding: 1em;
    z-index: 10;
}

.category-container {
    padding-top: 4em;
    padding-bottom: 4em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.category-header-title {
    margin-top: 0.5em;
    color: white;
}

.advantages-list {
    margin-left: -25px;
    margin-right: -25px;
}

.category-body {
    margin-top: 2em;
    display: -ms-inline-grid;
    display: inline-grid;
}

.category-item {
    width: 250px;
    background: black;
    text-align: center;
    color: white;
    padding: 1em;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.product-page .wp-block-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 300px;
    column-gap: 2%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-page section {
    margin-bottom: 30px;
    min-height: 277px;
    width: 32%;
}

.product-page section article {
    background: #000000;
    width: 100%;
    height: 330px;
    padding: 0px;
    border-radius: 24px;
}

/* .product-page section article:hover {
    background: red;
    height: 277px;
    -webkit-transition: 0.7s all;
    -o-transition: 0.7s all;
    transition: 0.7s all;
} */
.product-page section article:hover .wp-show-posts-entry-summary {
    bottom: 10px;
    max-height: 50px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    padding: 0 5px;
    left: 0;
    right: 0;
}

/* .product-page section:first-of-type article:hover {
    height: 257px;
} */
.product-page section article .wp-show-posts-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    overflow: hidden;

}

@media screen and (min-width: 768px) {
    .product-page section article .wp-show-posts-inner{
        flex-direction: column-reverse;
    }
}


.product-page section article .wp-show-posts-inner .wp-show-posts-image a {
    display: block;
    padding: 20px 0 0;
}

.product-page section article .wp-show-posts-entry-header {
    height: inherit;
    margin: 0px;
}

.product-page section article .wp-show-posts-entry-title {
    height: inherit;
    margin: 0 auto;
}

.product-page section article .wp-show-posts-entry-title a {
    height: inherit;
    display: block;
    text-align: center;
    padding: 0px 50px 10px;
    color: #141921;
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
}

.product-page section article .wp-show-posts-entry-summary {
    position: absolute;
    max-height: 0px;
    color: #ffffff;
    bottom: 0;
    text-align: center;
    pointer-events: none;
}

.subcategory {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 calc(100%/var(--count) - (var(--count) - 1)*var(--spacing)/var(--count));
    flex: 0 1 calc(100%/var(--count) - (var(--count) - 1)*var(--spacing)/var(--count));
    margin-bottom: var(--spacing);
    margin-right: var(--spacing);
}

/*IndustrialPumps*/
/*IndustrialPumps*/
/*IndustrialPumps*/
.post-323 {
    padding: 0 0 80px;
}

.subcategory-main-page {
    background-color: #ffffff;
}

.subcategory-main-page p {
    display: block;
    width: 100%;
}

.subcategory-page .entry-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.subcategory-page section {
    width: calc(25% - 15px);
    margin-right: 20px;
    margin-bottom: 25px;
    display: inline-block;
    background-color: #ffffff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
}

.subcategory-page section:nth-of-type(4n+4) {
    margin-right: 0;
}

.subcategory-page .wp-block-column {
    margin: 0 !important;
}

.subcategory-page section article {
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    position: relative;
    height: 100%;
}

.subcategory-page section article .wp-show-posts-inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.subcategory-page section:hover a {
    color: #EB1C24;
}

.subcategory-page section article a {
    color: #000000;
    display: block;
    padding: 20px 15px 0px;
}

.subcategory-page .wp-show-posts-image img {
    width: 100%;
    max-height: 210px;
}

.wp-show-posts-image {
    margin-bottom: 0px;
}

.subcategory-page section article .wp-show-posts-entry-header {
    height: inherit;
    margin: 0px;
}

.subcategory-page section article .wp-show-posts-entry-summary {
    display: none;
}

.subcategory-page .wp-show-posts-entry-title {
    height: inherit;
    color: white;
    margin: 0 auto;
    letter-spacing: -1px;
}

.subcategory-page .wp-show-posts-entry-title a {
    height: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0px 10px 20px;
}

.category-item:hover {
    background: red;
}

.category-item:hover .category-header-title {
    color: white;
    text-decoration: none !important;
}

.category-header {
    cursor: pointer;
    height: 180px;
}

.category-body-title {
    color: white;
}

.category-body-title:hover {
    cursor: pointer;
    color: black;
    text-decoration: none;
}

.header-info-mobile {
    display: none;
}

.close-responsive {
    display: none;
    cursor: pointer;
}

.store-products-list {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-item-title,
.product-item-more-info-title {
    font-weight: 500;
}

.product-main-info-img img,
img.product-main-info-img-secondary {
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: 100% !important;
    cursor: pointer;
}

.product-more-info {
    padding-top: 50px;
    padding-bottom: 50px;
}

.product-item-more-info .product-item-more-info-svg {
    margin-left: 80px;
}

.important-links,
.pages-links {
    padding-left: 0;
    padding-top: 0.5rem;
    margin-bottom: 0;
}

.about-us-page-wrapper {
    padding-bottom: 80px;
}

.about-us-page-wrapper h2 {
    padding-top: 0.5rem;
}

.product .tabs ul li a {
    font-size: 18px;
}

.toggle-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.toggle-menu span {
    display: block;
    height: 4px;
    width: 20px;
    background-color: #000000;
    margin-bottom: 4px;
    border-radius: 2px;
}

.toggle-menu .third {
    width: 15px;
}

.mobile-footer {
    display: none;
}

.footer-inner a {
    color: #ffffff;
    font-weight: 400 !important;
}

.footer-inner a:hover,
.footer-inner a:focus {
    color: rgba(235, 28, 36, 1);
}

.desktop-footer {
    display: block;
}

.content {
    width: 100%;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*.contacts-page .contact-info-item-text a:first-of-type {*/
/*    display: block;*/
/*}*/

.contacts-page .contact-info-item-text .socials a {
    display: inline-block;
    margin-left: 5px;
    font-size: 20px;
    margin-bottom: 28px !important;
}

.contacts-page .contact-info-item-svg svg {
    width: 32px;
    height: 30px;
}

@-webkit-keyframes showMenu {
    0% {
        overflow: hidden;
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);

    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        overflow: hidden;
    }
}

@keyframes showMenu {
    0% {
        overflow: hidden;
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);

    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        overflow: hidden;
    }
}

@-webkit-keyframes hideMenu {
    0% {
        overflow: hidden;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);

    }

    100% {
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);

        overflow: hidden;
    }
}

@keyframes hideMenu {
    0% {
        overflow: hidden;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);

    }

    100% {
        -webkit-transform: translateY(-100vh);
        transform: translateY(-100vh);

        overflow: hidden;
    }
}

/* details[open]{
    background-color: #000000;
    transition: 0.5s;
} */
details[open] span {
    background-color: #ffffff;
}

.active-nav-mobile {
    -webkit-animation: showMenu 0.3s linear;
    animation: showMenu 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    display: block !important;
}

details {
    width: 25%;
    padding: 16px
}

.deactive-nav-mobile {
    top: -200px !important;
    -webkit-animation: hideMenu 0.3s linear;
    animation: hideMenu 0.3s linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;

}

.active-nav-mobile {
    top: 120px !important;
}

summary {
    display: block;
    font-size: 0;
}

summary::marker {
    font-size: 0;
}

::-webkit-details-marker {
    display: none;

}

@media (max-width: 1199px) {
    .about-us-title {
        font-size: 24px;
        line-height: 28px;
    }

    .category-item {
        width: 100%;
        margin-bottom: 0.5em;
    }

    .category-container {
        display: block;
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .products-slider .product-item {
        margin: auto;
    }

    .products-slider .slick-dots {
        bottom: -50px;
    }

    /*     .header-info .logo {
        margin-right: 0;
    } */
    .header .links-item .links-item__link a {
        font-size: 13px;
        line-height: 13px;
    }

    .logo a img {
        height: 45px !important;
    }

    .pipe-img {
        max-width: unset;
        padding: unset;
    }

    .advantages-list {
        margin: 0;
    }

    .advantages-list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .projects-list .wp-show-posts-image img {
        width: 100%;
    }

    .projects-list .wp-show-posts-columns .wp-show-posts-inner .wp-show-posts-entry-header {
        bottom: 5px;
    }

    .post-317 .entry-content .wp-show-posts-columns,
    .entry-content .wp-show-posts-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        /*         justify-content: space-between; */
    }

    .subcategory-page section {
        margin-right: unset;
    }

    .news .wp-show-posts-single {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    header .menu-item .sub-menu {
        display: none !important
    }

    .request-call-btn {
        display: none;
    }

    body .request-call-button.round {
        display: block;
    }

    .header {
        overflow-x: clip;
        position: relative;
    }

    .header .nav {

        height: auto;
        padding: 25px 25px;
        -webkit-transform: translateY(-991px);
        -ms-transform: translateY(-991px);
        transform: translateY(-991px);


    }

    .header-info-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .header-info-mobile .logo {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 50%;

        padding: 10px 0;

    }

    .header-info {
        display: none;
    }

    .nav-mobile .container {
        position: relative;
    }

    .nav-mobile {
        position: absolute;
        width: 100%;
        top: 78px;
        right: 0;
        left: 0;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        z-index: 10;
        /*         border-top: 3px solid #EB1C24; */
        display: block;
    }

    .nav-mobile ul {
        display: block !important;
    }

    /*     .nav-mobile ul li {
        margin-bottom: 23px;
    } */
    .nav-mobile ul li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;

        padding: 10px 5px !important;

    }

    .header .nav-mobile ul li {
        border-bottom: 1px solid #5d5d5d;
    }

    /*     .nav-mobile ul li a::before {
        content: '';
        display: block;
        height: 4px;
        width: 4px;
        border-radius: 2px;
        background-color: #EB1C24;
        margin-right: 15px;
    } */
    .nav-mobile .request-call-btn {
        display: block;
        text-align: center;
        padding: 5px;
    }

    .header .nav .nav-wrapper {
        display: -ms-inline-grid;
        display: inline-grid;
    }

    .header .nav .nav-wrapper a {
        padding: 0;
        font-size: 15px;
        line-height: 15px;
    }

    .header .nav .nav-wrapper a:hover {
        color: #eb1c24;
    }

    .our-projects--top .item-slick h3 {
        font-size: 14px;
        line-height: 16px;
    }

    .footer-inner {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .footer-logo {
        padding: 0 0 25px;
        text-align: center;
    }

    .footer-inner .desktop-footer {
        margin-bottom: 30px;
    }

    .footer-inner .desktop-footer ul {
        padding-top: 0;
    }

    .footer-inner .footer-projects {
        display: none;
    }

    .footer-inner .footer-links {
        padding-top: 5px;
    }

    .footer-links .links-item.tel {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }

    .footer-links .links-item.social {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        max-width: 250px;
    }

    .copyright {
        margin-top: 35px;
    }

    .footer-inner .footer-links .tel .links-item__link a {
        font-weight: 600 !important;
    }

    .our-projects-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .projects-info-wrapper {
        max-width: 100%;
    }

    .cat-menu .container {
        max-width: 100%;
    }

    .about-us h2 {
        margin-bottom: 15px;
    }

    .advantages {
        padding-top: 80px;
    }

    .go-to-about-us-btn {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 15px;
        margin-top: 25px;
    }

    .projects-info-wrapper h2 {
        margin: 25px 0 15px;
    }

    .news .wp-show-posts-columns,
    #post-315 .wp-show-posts-columns,
    #post-319 .wp-show-posts-columns {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    body {
        font-size: 14px !important;
    }

    .about-us p,
    h6,
    .go-to-projects-btn,
    .projects-info-wrapper p {
        font-size: 12px;
        line-height: 14px;
        font-weight: 400;
    }

    h2,
    h3 {
        font-size: 16px;
        line-height: initial;
    }

    /*     .header-info-mobile details{
        padding: 23px;
        margin-right: calc(var(--bs-gutter-x,.75rem) *-1 - 2% - 1px)
    } */
    .go-to-projects-btn {
        max-width: 270px;
    }

    .characteristics-items-wrapper.custom .characteristics-item {
        padding: 0px;
    }
}

@media (max-width: 767px) {


    .contact-info-text {
        padding-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    .product-page .wp-block-column {
        -ms-flex-pack: distribute;

    }

    /*     .logo a img {
        height: 30px!important;
    } */
    /*     .header-info-mobile .logo {
        margin-right: auto;
    } */
    .header-info-mobile .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;

    }

    .header-info-mobile .links-item svg {
        width: 8px;
        display: block;
    }

    .header .links-item .links-item__link a {
        font-size: 10px;
        margin-bottom: 0;
    }

    .header .links-item.mail .links-item__link a {
        font-size: 10px;
        font-weight: 600;
    }

    .header-info-mobile .phone a:first-child {
        display: none;
    }

    .mobile-nav-block {
        width: 25%;
    }

    .mobile-nav-block .active-menu {
        position: absolute;
        top: 27px;
        right: 21px;
        z-index: 999;
    }

    .nav-mobile {
        top: 68px;
    }

    .about-us {
        width: 85%;
        margin: -20px auto;
        background-color: white;
        padding: 20px 25px;
    }

    .about-us-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    #post-315 .wp-show-posts-single,
    #post-319 .wp-show-posts-single {
        display: block;
        width: 45%;
        margin-bottom: 50px;
    }

    #post-315 .wp-show-posts-entry-title,
    #post-319 .wp-show-posts-entry-title {
        font-size: 14px;
        min-height: 120px;
    }

    .entry-content .mainmetaslider .caption-wrap .caption p {
        margin-bottom: 25px !important;
    }

    .project-item-title {
        padding: 0;
        margin: 0;
        font-size: 30px !important;
        line-height: 30px;
    }

    .characteristics-item {
        margin-bottom: 15px;
    }

    .slider-nav {
        width: 100%;
        display: inline-block !important;
        margin-bottom: 10px !important;
    }

    .slider-nav .item-slick {
        width: 100px !important;
		height: 100px;
    }

    .product-main-info-secondary-img {
        padding-top: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-bottom: 10px !important;
    }

    .contacts-page .contact-info-item-svg svg {
        width: 16px;
        height: 15px;
    }

    .contacts-page .contact-info-item {
        /*margin-bottom: 20px;*/
    }

    .contacts-page .contact-info-item:last-child {
        margin-bottom: 0px;
    }

    .product-page section {
        width: calc(50% - 5px);
        min-height: 210px;
        margin-bottom: 0;
        /* 		width: auto; */
    }

    .product-page section article {
        max-width: 100%;
        height: 210px;
    }

    .product-page section article img {
        height: 90px !important;
    }

    .product-page section article .wp-show-posts-inner .wp-show-posts-image a {
        padding: 15px 0 10px;
    }

    .product-page section article .wp-show-posts-entry-title a {
        padding: 0 5px;
    }

    .store-products .wp-show-posts-entry-title {
        padding: 0 10px;
        text-align: center;
    }

    .post-317 .wp-show-posts-entry-title {
        padding: 10px
    }
}

@media (min-width:650px) and (max-width: 767px) {
    .product-page section {

        min-height: 215px;

    }
}

@media (max-width: 479px) {
    .main-slider .swiper-learn-more {
        width: 70%;
    }

    .main-slider .title-swiper,
    .main-slider .swiper-main-text {
        font-size: 16px;
        width: 100%;
    }

    .main-slider .title-swiper {
        font-size: 20px;
    }

    .advantages-list {
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .advantages-list-item {
        padding: 0;

    }

    .about-us {
        width: 100%;
        margin: 0px auto;
    }

    .news {
        padding-top: 1em;
        padding-bottom: 7em;
        position: relative;
    }

    .news-secondary-title {
        width: 90%;
    }

    .news-secondary-title p {
        font-size: 14px !important;
    }

    .go-to-news-btn {
        /*position: absolute;
        bottom: 5em;*/
        width: 190px;
        padding: 5px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    ul.products li.product {
        width: 345px !important;
    }

    .contact-info {
        padding: 0;
    }

    .contact-info-text {
        padding-top: 0.5em;
    }

    .interesting-products {
        display: none;
    }

    .link {
        display: block;
    }

    .main-page {
        overflow-x: hidden;
    }

    .product-item {
        width: 100%;
    }

    .product-main-info-secondary-img a img {
        width: 100%;
    }

    .project-list-item-bg img {
        width: auto;
    }

    .bg-fon img {
        width: auto !important;
    }

    .projects-info-wrapper p {
        margin-bottom: 0;
    }

    .product-page section {
        min-height: 180px;
        margin-bottom: 5px;
    }

    .subcategory-container {
        display: block;
    }

    .img-secondary-wrapper {
        margin-bottom: 2rem;
    }

    .img-secondary-wrapper img {
        width: 33%;
    }

    .footer-logo a {
        display: block;
    }

    .toggle-menu span {
        height: 3px;
        margin-bottom: 3px;
    }

    .subcategory-page h1.entry-title {
        font-size: 30px;
    }

    .subcategory-page .entry-content {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 48%;
    }

    .post-317 .wp-show-posts-entry-title {
        font-size: 1rem;
    }

    .entry-content .mainmetaslider .caption-wrap {
        left: 0;
    }

    .go-to-projects-btn span svg {
        margin-left: 10px !important;
    }

    .go-to-projects-btn:hover span svg {
        margin-left: 10px;
    }

    .request-call-btn {
        font-size: 11px;
        padding: 7px 10px;
    }

    .product-main-info-img {
        height: unset;
        max-width: 60%;
    }

    .product-main-info-secondary-img .photo {
        max-width: 100%;
    }

    .product-more-info {
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .nav-mobile {
        top: 60px;
    }

    .product #project-item .product-main-info {
        margin-top: 20px;
    }

    .product-main-info-secondary-img {
        max-width: 170px;
        margin-top: 10px;
    }

    .news .wp-show-posts-columns .wp-show-posts-single {
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .news .wp-show-posts-columns .wp-show-posts-single:nth-child(2n+2) {
        margin-right: 0px;
    }

}

@media (max-width: 575px) {
    body {
        font-size: 14px !important;
    }

    .about-us p,
    h6,
    .go-to-projects-btn,
    .projects-info-wrapper p {
        font-size: 14px;
        line-height: 16px;
        font-weight: 400;
    }

    h2,
    h3 {
        font-size: 1.2rem;
        /*         line-height: 14px; */
    }

    h1.entry-title {
        font-size: 24px;
    }

    .advantages-list-item {
        max-width: 49%;
    }

    .entry-content .mainmetaslider .caption-wrap .caption {
        max-width: 191px;
    }

    .entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
        bottom: 10px;
        text-align: left;
        margin-left: 25px;
        width: 100px;
    }

    .entry-content .mainmetaslider .flexslider .flex-control-nav li {
        margin-right: 4px;
    }

    .entry-content .mainmetaslider .flexslider .flex-control-nav li a {
        border: 1px solid #EB1C24;
        margin: 0;
        padding: 0%;
        height: 4px;
        width: 16px;
    }

    .caption .caption-wrap a {
        display: none;
    }

    .entry-content .mainmetaslider .caption-wrap a {
        font-size: 13px;
        padding: 10px 20px;
        background: #EB1C24;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        /*cursor: pointer;
        background-color: black;
        display: block;
        position: absolute;
        top: 155px;
        z-index: 999;
        right: 20px;
        width: 140px;
        color: white;
        font-size: 9px;
        text-align: center;
        line-height: 26px;
        border: 2px solid #EB1C24;
        padding: 0;*/
        /*         display: none; */
    }

    .entry-content .mainmetaslider .caption-wrap a:hover {
        background-color: #EB1C24;
        color: #ffffff;
    }

    .entry-content .mainmetaslider .caption-wrap .caption h1 {
        font-size: 14px;
        line-height: 15px;
        margin-bottom: 5px;
    }

    .entry-content .mainmetaslider .caption-wrap .caption p {
        font-size: 8px;
        max-width: 160px;
        line-height: 9px;
        font-weight: 500;
    }

    .news-wrapper .wpsp-read-more a:hover::after,
    #post-315 .wpsp-read-more a:hover::after,
    #post-319 .wpsp-read-more a:hover::after {
        right: -45px;
    }

    .news-wrapper .wpsp-read-more a,
    #post-315 .wpsp-read-more a,
    #post-319 .wpsp-read-more a {
        font-size: 12px;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single {
        width: 90%;
        margin: 0 auto 4%;
    }

    .versions .version-item {
        width: 40%;
        margin-bottom: 15px;
    }

    .subcategory-page section {
        width: calc(50% - 10px);
    }

    .subcategory-page section article {
        width: 100%;
    }

    .subcategory-page section article a {
        padding: 20px 25px 0px;
    }

    .news-wrapper h3 {
        font-size: 14px;
        min-height: 120px;
    }

    .store-products {
        max-width: 100%;
    }

    .main .projects-info-wrapper .projects-slider-nav {
        margin-top: 0px;
    }

    .our-projects-wrapper {
        padding-left: 13px;
        padding-right: 14px;
    }

    .store-products .wp-show-posts-entry-header {
        margin-bottom: 5px;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .product-main-info .col-md-6:first-child {
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .product-main-info-secondary-img .photo {
        max-width: 100%;
    }

    .product-more-info {
        padding-top: 10px;
        padding-bottom: 50px;
    }

    .news .wp-show-posts-columns .wp-show-posts-single {
        width: calc(50% - 10px);
        margin-right: 20px;
    }

    .news .wp-show-posts-columns .wp-show-posts-single:nth-child(2n+2) {
        margin-right: 0px;
    }
}

@media (min-width: 480px) and (max-width: 991px) {
    .footer-projects {
        margin-bottom: 50px;
    }
}

@media (min-width: 576px) and (max-width: 991px) {
    .entry-content .mainmetaslider .caption-wrap .caption h1 {
        font-size: 25px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single {
        width: calc(50% - 2%);
        margin-right: 4%;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single:nth-child(even) {
        margin-right: 0;
    }
}

@media (min-width: 320px) and (max-width: 767px) {
    .projects-list {
        font-size: 12px;
    }

    .advantages-list-item {
        padding: 0;
    }

    .post-317 .entry-content .wp-show-posts-columns,
    .store-products .entry-content section {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .product-main-info-secondary-img a {
        max-width: 100%;
    }

    .product .slick-track a img {
        max-width: 40%;
    }
}

@media (min-width: 640px) and (max-width: 767px) {
    .projects-list .wp-show-posts-single {
        width: 33.333%;
    }
}

@media (min-width: 320px) and (max-width: 575px) {
    .entry-content .mainmetaslider ul li .caption-wrap {
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        margin-top: -20px;
    }

    .entry-content .mainmetaslider .caption-wrap .caption {
        max-width: 100% !important;

        position: relative;
        padding: 10px 5px;
        z-index: 0;
    }

    .entry-content .mainmetaslider ul li:nth-child(2) .caption-wrap .caption {
        text-align: center;
    }

    .entry-content .mainmetaslider .caption-wrap .caption h2 {
        max-width: 360px;
        margin: 20px auto !important;
        -webkit-backdrop-filter: blur(2px);
        backdrop-filter: blur(2px);
    }

    .entry-content .mainmetaslider .caption-wrap {
        top: 5%;
    }

    .subcategory-page .entry-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cat-menu {
        position: unset;
        border-top: none;
        border-bottom: 1px solid #ffffff;
        background-color: #000000;
    }

    .cat-menu .cat-item {
        border-top: 1px solid #ffffff;
    }

    .cat-menu .cat-item:nth-child(odd) {
        border-left: none;
    }

    .mfp-fade.mfp-wrap.mfp-ready .mfp-content {
        max-width: 300px !important;
    }

    /*         iframe {
            width: 300px!important;
            height: 200px;
        } */
    .project-item .wp-block-image img {
        -o-object-fit: contain;
        object-fit: contain;
        height: 100%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .entry-content .mainmetaslider .caption-wrap {
        top: 7%;
    }

    .entry-content .mainmetaslider .caption-wrap .caption {
        max-width: 300px;
    }

    .entry-content .mainmetaslider .flexslider li img {
        width: 265%;
    }

    .entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
        bottom: 190px;
    }

    .entry-content .mainmetaslider .caption-wrap a {
        padding: 10px 20px 10px 15px;
        font-size: 15px;
    }

    .cat-item {
        padding: 10px;
    }

    .subcategory-page section article {
        width: 160px;
    }

    .subcategory-page .wp-show-posts-entry-title a {
        font-size: 14px;
    }

    .advantages-list-item {
        max-width: 49%;
    }
}

@media (min-width: 576px) and (max-width: 991px) {

    .category-slider__cat-title,
    .category-slider__item-title {
        font-size: 12px;
    }

    .subcategory-page .entry-content section {
        width: 32%;
        margin-right: 2%;
    }

    .subcategory-page .entry-content section:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {

    .about-us-wrapper {
        padding: 0;
    }

    .about-us-info p {
        font-size: 11px;
        line-height: 13px;
    }

    .go-to-about-us-btn {
        margin-top: 15px;
    }

    .header-info-mobile .links {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-info-mobile .links .links-item.mail {
        margin-right: 100px;
    }

    .entry-content .mainmetaslider .caption-wrap .caption p {
        margin-bottom: 35px !important;
    }

    .entry-content .mainmetaslider .caption-wrap a {
        padding: 12px 20px 12px 20px;
    }

    .entry-content .mainmetaslider ol.flex-control-nav.flex-control-paging {
        bottom: 220px;
    }

    .nav-mobile {
        top: 68px;
    }

    .about-us {
        padding: 0px 7px 0px 7px;
    }

    .projects-list .wp-show-posts-single {
        width: 33.333%;
    }

    #post-315 .wp-show-posts-single:nth-child(odd)
    /*#post-319 .wp-show-posts-single:nth-child(odd)*/ {
        margin: 0px 134px 50px 0;
    }

    .subcategory-page section article {
        width: 220px;
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single {
        width: 338px;
    }

    .entry-content .mainmetaslider .flexslider li img {
        width: 200%;
    }

    .entry-content .mainmetaslider .caption-wrap {
        top: 10%;
    }

    .store-products .wp-show-posts-entry-summary p,
    .store-products .wpsp-read-more {
        padding: 0 30px;
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .news .wp-show-posts-single {
        width: calc(33% - 10px);
        margin-right: 15px;
    }

    .news .wp-show-posts-single:nth-child(3n+3) {
        margin-right: 0px;
    }

    .contact-info {
        max-width: 100%;
    }

    .contact-info-text {
        /*padding-top: 300px;*/
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .about-us {
        padding: 0 1% 0 2%;
    }

    .advantages-list-item {
        padding: 0;
    }

    .projects-list .wp-show-posts-single {
        width: 50%;
    }

    #post-315 .wp-show-posts-single:nth-child(3n+2)
    /*#post-319 .wp-show-posts-single:nth-child(3n+2)*/ {
        margin: 0px 46px 50px;
    }

    .entry-content .mainmetaslider .flexslider li img {
        width: 180%;
    }

    .cat-item {
        padding: 10px;
    }

    .entry-content .mainmetaslider .caption-wrap {
        top: 5%;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single {
        width: calc(34% - 2%);
        margin-right: 2%;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    .subcategory-page section {
        margin-right: 10px;
        width: calc(25% - 8px);
    }

    .subcategory-page section:nth-of-type(4n+4) {
        margin-right: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {

    #post-315 .wp-show-posts-single:nth-child(3n+2)
    /*#post-319 .wp-show-posts-single:nth-child(3n+2)*/ {
        margin: 0 136px 50px;
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single:nth-child(3n+2) {
        margin: 0 20px 20px;
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single {
        width: 358px;
    }

    .entry-content .mainmetaslider .caption-wrap {
        top: 7%;
    }

    .entry-content .mainmetaslider .flexslider li img {
        width: 150%;
    }

    .go-to-projects-btn:hover span svg {
        margin-left: 130px;
    }

}

@media (min-width: 1200px) and (max-width: 1599px) {
    .about-us {
        padding: 0px 2% 0 2%;
    }
}

@media (min-width: 1400px) and (max-width: 1919px) {
    .entry-content .mainmetaslider .caption-wrap {
        top: 9%;
    }

    .entry-content .mainmetaslider .flexslider li img {
        width: 125%;
    }
}

@media (min-width: 768px) {
    .content {
        max-width: 720px;
    }

    .product-main-info-secondary-img {
        display: inline-block;
        max-width: 66%;
    }

    .product-main-info-secondary-img .video {
        max-width: 100px;
        display: -webkit-inline-box !important;
        display: -ms-inline-flexbox !important;
        display: inline-flex !important;
    }

    .product-main-info-secondary-img a img {
        width: 100%;
    }

    .product .slider-nav {
        width: 75%;
    }

    .product .slider-nav .item-slick {
        width: 100px;
		height: 100px
    }
}

@media (min-width: 992px) {
    .header .nav .nav-wrapper>.menu-item>a:hover {
        /*         box-shadow: inset 0 -3px 0 0 #eb1c24; */
        /* 		padding: 5px 5px !important; */
        margin-top: 10px !important;
        border: 1px solid #FFFFFF;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 3px;
    }

    .content {
        max-width: 880px;
    }

    .about-us h2 {
        margin-bottom: 15px;
    }

    .about-us p {
        font-size: 12px;
        min-width: unset;
        line-height: 1.3;
    }

    .go-to-news-btn,
    .go-to-about-us-btn {
        width: 230px;
    }

    .desktop-footer ul {
        padding-top: 0;
    }

    .subcategory-page .wp-show-posts-entry-title {
        height: inherit;
        font-size: 20px;
        line-height: 25px;
    }

    .product .product-main-info .row .col-md-6:first-child {
        width: 40%;
    }

    .product .product-main-info .row .col-md-6:nth-child(2) {
        width: 60%;
        font-size: 18px;
    }

    .main .projects-wrapper .projects-list {
        padding-left: 50px;
    }

    .main .projects-wrapper .projects-slider-for .slider-item-info h3 {
        margin-top: -65px;
        text-align: center;
    }

    #post-315 .wp-show-posts-entry-title,
    #post-319 .wp-show-posts-entry-title {

        min-height: 120px;
    }

    .post-317 .entry-content .wp-show-posts-columns .wp-show-posts-single {
        width: 32%;
    }
}

@media (min-width: 991px) and (max-width: 1400px) {
    .main .projects-wrapper .projects-slider-for .slider-item-info h3 {
        margin-top: -40%;
    }
}

@media (min-width: 1200px) {
    .about-us h2 {
        margin-bottom: 25px;
    }

    .about-us .about-us-info p {
        line-height: 1.4;
        font-size: 16px;
    }

    .projects-info-comment p {
        font-size: 16px;
    }

    .news-secondary-title p {
        font-size: 16px;
    }

    .content {
        max-width: 1175px;
    }

    .store-products .wp-show-posts-columns .wp-show-posts-single:nth-child(4n+4) {
        margin-right: 0;
    }

    .product .slider-nav {
        width: 100%;
    }

    .product .slider-nav .item-slick {
        width: 100px;
		height: 100px
    }

    .news-wrapper .wp-show-posts-single {
        width: calc(25% - 15px);
        margin-right: 20px;
    }

    .news-wrapper .wp-show-posts-single:nth-child(4n+4) {
        margin-right: 0;
    }

    .projects-list .wp-show-posts-columns .wp-show-posts-inner:hover .wp-show-posts-entry-header {
        bottom: 84px;
    }

    .projects-list .wp-show-posts-columns .wp-show-posts-inner .wp-show-posts-entry-summary {
        bottom: 25px;
    }
}

@media (min-width: 1360px) {
    .projects-list .wp-show-posts-image img {
        width: 100%;
    }

    .about-us h2 {
        margin-bottom: 35px;
    }

    .about-us .about-us-info p {
        line-height: 1.5;
    }
}

@media (min-width: 1400px) {

    #post-315 .wp-show-posts-single,
    #post-319 .wp-show-posts-single {
        margin-right: 0;
        /* margin-right: 17px; */
    }

    #post-315 .wp-show-posts-single:nth-child(4n),
    #post-319 .wp-show-posts-single:nth-child(4n) {
        margin-right: 0;
    }

    .entry-content .mainmetaslider .caption-wrap {
        max-width: 96%;
    }

}

@media (min-width: 1600px) {
    .about-us .about-us-info p {
        line-height: 1.75;
    }

    .versions .version-item {
        max-width: 250px;
    }
	.news-wrapper .wp-show-posts-inner img{
	   -o-object-fit: contain !important;
    object-fit: contain !important;
}
}

/*Styles???*/
.more-info {
    color: rgba(235, 28, 36, 1);
    font-size: 20px;
    text-decoration: none;
    margin-top: auto;
}

.more-info:hover {
    color: rgba(235, 28, 36, 1);
}

.stat-item-number {
    font-size: 40px;
    font-weight: bold;
}

/*ModalWiondow*/
/*ModalWiondow*/
/*ModalWiondow*/
html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
    padding-right: 0 !important;
}

.pum-content.popmake-content:focus-visible,
.modal-content input:focus-visible,
.pum-content.popmake-content:focus,
.modal-content input:focus,
.pum-content.popmake-content,
.modal-content input,
.modal-title,
.summary,
.pum-content.popmake-content:focus-visible,
.pum-content *:focus,
.pum-overlay .pum-content {
    outline: none !important;
}

@media not all and (-webkit-min-device-pixel-ratio:0),
not all and (-o-min-device-pixel-ratio:0),
not all and (min-resolution:.001dpcm) {
    @supports (-webkit-appearance:none) {

        .pum-overlay .pum-content,
        input {
            outline: none !important;
        }
    }
}

.modal-title {
    background-color: #000000;
    padding: 19px 35px 14px;
    text-align: center;
}

.modal-title h1 {
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
    margin-bottom: 0;
}



.modal-content div[role="form"] {
    max-width: 250px;
}

.wpcf7-form label {
    display: inline-block;
    margin-bottom: 5px;
}

.wpcf7-form p:last-of-type {
    /*margin-bottom: 10px;*/
    /*text-align: center;*/
}
.text-muted {
    font-size: 16px;
    margin-top: -23px;
    font-family: Inter Tight;
    font-weight: 400;
    line-height: 19.36px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    /*width: 312px;*/

}

.wpcf7 form .wpcf7-response-output {
    margin-top: 1em;
    color: red;
}

.wpcf7-spinner {
    display: none;
}
.form-control:focus {
    background-color: #F2F4F6;
    color: #0b0b0b;
}
.modal-content input {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
    /*text-indent: 30px;*/
    border: 1px solid #CACACA;
}

.modal-content textarea {
    display: block;
    width: 100%;
    height: 180px;
    font-size: 16px;
    line-height: 28px;
    /*text-indent: 30px;*/
    border: 1px solid #ccc;
    resize: none;
    background-color: #f1f1f1;
    border-radius: 10px;
    border: 0px;
}

.modal-content p {
    margin-bottom: 14px;
}

.modal-content input::-webkit-input-placeholder,
.modal-content textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

.modal-content input::-moz-placeholder,
.modal-content textarea::-moz-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

.modal-content input:-ms-input-placeholder,
.modal-content textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

.modal-content input::-ms-input-placeholder,
.modal-content textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5)
}

.modal-content input::placeholder,
.modal-content textarea::placeholder,
.modal-content input,
.modal-content textarea {
    color: rgba(0, 0, 0, 0.5)
}
.contacts-page {
    background-color: #f1f1f1;
}
.delivery-info-text {
    background-color: #f1f1f1;
}

.privacy-policy {
    background-color: #f1f1f1;

}

/*.modal-content input[type="submit"] {*/
/*    background-color: #EB1C24;*/
/*    width: 100%;*/
/*    color: #ffffff;*/
/*    text-indent: 0;*/
/*    font-weight: 600;*/
/*    height: 35px;*/
/*    line-height: 30px;*/
/*    -webkit-transition: 0.5s all;*/
/*    -o-transition: 0.5s all;*/
/*    transition: 0.5s all;*/
/*    letter-spacing: 1px;*/
/*}*/

.modal-content input[type="submit"]:hover {
    border: 1px solid #eb1c24;
    background-color: #ffffff;
    color: #eb1c24;
}

.modal-content .ajax-loader {
    display: none;
}

.pum-close {
    font-size: 10px !important;
    color: #ffffff !important;
    opacity: 0.5;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    top: 3px !important;
    height: unset !important;
    width: unset !important;
    display: block;
}

.pum-close:hover {
    color: #eb1c24 !important;
    opacity: 1;
}

/*Fixed Call Button*/
/*Fixed Call Button*/
/*Fixed Call Button*/
@media (min-width: 992px) {}

.request-call-button.round {
    display: none;
    position: fixed;
    color: #ffffff;
    background-color: red;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    text-align: center;
    line-height: 58px;
    left: 20px;
    z-index: 9999;
    top: 15%;
    font-size: 20px;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
    border: 2px solid #eb1c24;
    -webkit-box-shadow: 0px 0px 13px rgb(164 47 47);
    box-shadow: 0px 0px 13px rgb(164 47 47);
}

.request-call-button.round:hover {
    color: #eb1c24;
    background-color: #ffffff;
    border: 2px solid #eb1c24;
}

/*NO-redirect*/
/*NO-redirect*/
/*NO-redirect*/
.cat-item.no-redirect {
    pointer-events: none;
    cursor: default;
}

section#wpsp-333,
section#wpsp-334,
section#wpsp-335 {
    pointer-events: none;
    cursor: default;
}

.characteristics-item-info div:nth-child(1) {
    margin-right: 25px;
}

.characteristics-item-info div:nth-child(2) {
    text-align: right;
}

/*
Custom products tables
*/
.characteristics-items-wrapper.custom .characteristics-item-info,
.characteristics-items-wrapper.custom .characteristics-item-title {
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.characteristics-items-wrapper.custom .characteristics-item {
    width: unset;
}

.characteristics-items-wrapper.custom .characteristics-item-info:nth-of-type(2n+3) {
    background-color: #cfcfcf40;
}

/* Wp Posts */
.store-products .wp-show-posts-columns .wp-show-posts-single:not(.wp-show-posts-masonry-block) .wp-show-posts-image img {
    height: 171px;
    max-width: 100%;
    width: auto;
}

.store-products .wp-show-posts-image {
    padding: 25px 25px 0;
}

.store-products .wp-show-posts-columns .wp-show-posts-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.store-products .wp-show-posts-columns .wp-show-posts-inner .wpsp-read-more {
    margin-top: auto;
}

.mfp-title {
    position: absolute;
    color: #FFF;
    background: red;
}

.mfp-content iframe,
.mfp-content img {
    margin: 0 auto;
    left: 0;
    right: 0;
}

.mfp-content img {
    max-width: 100%;
    height: auto;
}

.mfp-close-btn-in .mfp-close {
    color: #ffffff !important;
    position: absolute;
    top: -50px;
    left: 0;
    font-weight: 900;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

/**
 * Simple fade transition,
 */
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
    max-width: 500px;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/*
TABS
*/
.tabs {
    margin-left: auto;
    margin-right: auto;
}

.tabs>input[type="radio"] {
    display: none;
}

.tabs>input[type="radio"]:checked+label {
    border-bottom-color: #eb1c24;
}

.tabs>div {
    /* скрыть контент по умолчанию */
    display: none;

    border-radius: 4px;
    opacity: 0;
    max-height: 0px;
    -webkit-transition: opacity 0.3s, max-height 0.5s;
    -o-transition: opacity 0.3s, max-height 0.5s;
    transition: opacity 0.3s, max-height 0.5s;
}

/* отобразить контент, связанный с вабранной радиокнопкой (input type="radio") */
#tab-btn-1:checked~#content-1,
#tab-btn-2:checked~#content-2,
#tab-btn-3:checked~#content-3 {
    display: block;
    max-height: 9999px;
    opacity: 1;
}

.tabs>label {
    display: inline-block;
    ;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 3px solid #ffffff;
    font-size: 20px;
    font-weight: 700;
    -webkit-transition: border-color 0.3s ease-in-out;
    -o-transition: border-color 0.3s ease-in-out;
    transition: border-color 0.3s ease-in-out;
    margin-left: 20px;
    cursor: pointer;
    margin-bottom: 20px;
}

.tabs>label:first-of-type {
    margin-left: 0;
}

.product h1 {
    font-family: var(--font-family-main);
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
    text-align: center;


}

.product h3 {
    font-size: 20px;
}

.product-main-info-secondary-img .video {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.product-main-info-secondary-img .video::after {
    content: "\f144";
    font-family: FontAwesome;
    font-size: 40px;
    position: absolute;
    color: #ffffff;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    text-shadow: 1px 1px 10px #000000;
}

.product-main-info-secondary-img .video:hover::after {
    color: #eb1c24;
}

/*
MFP / Slick
*/
.item-slick.slick-slide.slick-current.slick-active {
    outline: none !important;
}

.product .slick-slider+.slick-slider .item-slick.slick-slide.slick-current.slick-active {
    display: none;
}

.slider-for {
    margin-bottom: 15px;

}

.product .slider-for img {
    width: auto;
    min-height: 100%;
    max-width: 100%;
    margin: 0 auto;
    max-height: 353px;
}

.product .slider-nav {
    /*     display: inline-block!important; */
    display: none;
}

.product .slider-nav .item-slick {
    margin-right: 15px;
    outline: none !important;
    cursor: pointer;
}

.product .slider-nav .item-slick img {
    max-width: 100%;
    background-size: cover;
    background-position: center;
	object-fit: contain;
	width: 100%;
	height: 100%;
	
}

.product .slick-arrow {
    position: absolute;
    top: 50%;
    z-index: 50;
    margin-top: -12px;
}

.product .slick-prev {
    left: 0;
}

.product .slick-next {
    right: 0;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close:hover {
    cursor: pointer;
}

.mfp-container:hover {
    cursor: default;
}

.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

/*BLUR background*/
* {
    -webkit-transition: -webkit-filter 0.25s ease;
    transition: -webkit-filter 0.25s ease;
    -o-transition: filter 0.25s ease;
    transition: filter 0.25s ease;
    transition: filter 0.25s ease, -webkit-filter 0.25s ease;
}

.mfp-wrap~* {
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.mfp-ready .mfp-figure {
    opacity: 0;
}

/* start state */
/* animate in */
/* animate out */
.mfp-zoom-in .mfp-figure,
.mfp-zoom-in .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
}

.mfp-zoom-in .mfp-preloader {
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-image-loaded .mfp-figure,
.mfp-zoom-in.mfp-ready .mfp-iframe-holder .mfp-iframe-scaler {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready .mfp-preloader {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-figure,
.mfp-zoom-in.mfp-removing .mfp-iframe-holder .mfp-iframe-scaler {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing .mfp-preloader {
    opacity: 0;
}

.mfp-iframe-scaler {
    overflow: visible;
}

.mfp-zoom-out-cur {
    cursor: auto;
}

.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: pointer;
}

.product .slick-slider+.slick-slider .item-slick.slick-slide.slick-current.slick-active {
    display: none;
}

.product .slick-slider+.slick-slider .item-slick.slick-slide.slick-current.slick-active {
    display: none;
}

@media (min-width: 576px) {
    .metaslider .caption h2 {
        font-size: 24px;
        line-height: 1.2;
    }
}

@media (min-width: 768px) {
    .metaslider .caption h2 {
        font-size: 32px;
    }
}

@media (min-width: 992px) {
    .metaslider .caption h2 {
        font-size: 36px;
    }
}

@media (min-width: 1200px) {
    .metaslider .caption h2 {
        font-size: 40px;
    }

}

@media (min-width: 320px) {
    .main .projects-info-wrapper .slider-item-info h3 {
        min-height: 55px;
        font-size: 14px;
        line-height: 16px;
        text-align: center;
        padding: 10px;
    }
}

@media (min-width: 1600px) {
    .metaslider .caption h2 {
        font-size: 48px;
    }

    .main .projects-info-wrapper .slider-item-info h3 {
        font-size: 16px;
        line-height: 20px;

        text-align: center;
    }
}

.popup-gallery .photo img,
.project-item .slick-current.slick-active img {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}

.product .table-1,
.product .table-2 {
    margin-bottom: 25px;
    overflow: scroll;
}

.product tbody,
.product tbody tr,
.product tbody td,
.product tbody th {
    border-width: 1px;
}

.product .table-1 tr:nth-child(2n+1),
.product .table-2 tr:nth-child(2n+1) {
    background-color: rgb(178 178 178 / 10%);
}

li#menu-item-3898 {
    display: none !important;
}

.copyright {
    text-align: center;
    padding: 80px 0 0;
}

@media only screen and (max-width: 550px) {
    .copyright {
        width: 100%;
        padding: 0 20px;
        min-width: 100%;
    }
}

/* product page callback modal */
#pum-3902 .pum-close .fa-times::before {
    color: #2b2b2b;
    font-size: 20px;
}

.popmake-3902 {
    text-align: center;
    margin-top: 10px;
}

.modal-content .modal-product-name {
    display: none !important;
}

.modal-product-head {
    margin-bottom: 20px;
}

.modal-product__title {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.modal-product__img {
    text-align: center;
}

.modal-product__img img {
    max-width: 80%;
    max-height: 120px;
    object-fit: contain;
}

@media(min-width: 768px) {
    .popmake-3902 {
        text-align: left;
        margin-top: 0px;
    }
    .wrapper_projects_page .wpsp-read-more {
        opacity: 0.67   ;
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }
}
@media(min-width: 768px) {
    .wrapper_projects_page .wpsp-read-more {
        opacity: 0.67;
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }

}

.product-callback-btn {
    padding: 10px 25px 10px 25px;
    background-color: #EB1C24;
    border-radius: 6px;
    color: #ffffff;
    border: none;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    text-shadow: none;
    margin-bottom: 10px;
}

.product-callback-btn:hover {
    background-color: #ffffff;
    color: #EB1C24;
    border: 2px solid #EB1C24;
    padding: 8px 23px;
}

.grecaptcha-badge {
    visibility: hidden;
}


span.breadcrumbs__current {
    font-family: var(--font-family-main);
    font-size: 12px;
    font-weight: 400;
    line-height: 1.66;
    color: rgba(82, 98, 120, 1);
}

.header-info-mobile .language {
    margin-left: -9px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}


.language .active span {
    color: #eb1c24;
}


.language span {
    font-weight: 500;
    color: #fff;
}

.language li:nth-child(2)>span {
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding: 0 5px;
    margin: 0 5px;
}

.switcher-list li a img,
.switcher-list li>span img {
    display: inline-block;
    margin-right: 3px;
    display: none !important;
}

ul.wpm-language-switcher.switcher-list {
    display: flex;
}

.switcher-list a:hover>span {
    color: #000;
    text-decoration: none;
}

.language li:nth-child(2) a {
    border-right: 2px solid #ccc;
    border-left: 2px solid #ccc;
    padding: 0 5px;
    margin: 0 5px;
}
.table-1 .bg-dark{
	background:  #000 !important;
	
}

/* cart product block */
.cart-block .wp-show-posts-columns#wpsp-8938 {
    margin-top: 40px!important;
    margin-bottom: 20px;
    margin-left: 0px !important;
    justify-content: space-around;
}

.cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-single {
    width: 32%;
    box-shadow: 0px 0px 15px rgb(0 0 0 / 20%);
    margin-bottom: 20px;
}

.cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-inner {
    margin: unset;
    padding-bottom: 30px;
}

.cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-image {
    margin-bottom: 22px;
    padding: 15px;
    overflow: hidden;
    height: 200px;
}

.cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-image img {
    width: 100%;
    height: 200px;
}

.cart-block .wp-show-posts-entry-header {
    margin-bottom: 30px;
}

.cart-block  .wp-show-posts-entry-title {
    padding: 0px 30px 0px 30px;
}

.cart-block  .wpsp-read-more {
    padding: 0px 55px 0px 30px;
}

.cart-block .wpsp-read-more a {
    position: relative;
    border: none;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0;
}

.cart-block .wpsp-read-more a:hover {
    color: #EB1C24;
    background: none;
    border: none;
}

.cart-block .wpsp-read-more a::after {
    content: '';
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA0MiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDkzMTMgNi4xNzAxN0MxLjE2MTE5IDYuMTU5MTMgMS4yMzAwNiA2LjE1NDA0IDEuMjk4OTcgNi4xNTQ5M0gzNy40ODU3TDM3LjIyOTggNi4wMzZDMzYuOTc5NyA1LjkxNzY5IDM2Ljc1MjIgNS43NTY2OCAzNi41NTc0IDUuNTYwMjVMMzMuMjY2OSAyLjI3MTY4QzMyLjgzMzYgMS44NTgyMyAzMi43NjA4IDEuMTkzMTIgMzMuMDk0NCAwLjY5NTc4QzMzLjQ4MjcgMC4xNjU4MSAzNC4yMjczIDAuMDUwNzM5NiAzNC43NTc2IDAuNDM4ODA1QzM0LjgwMDUgMC40NzAxNzQgMzQuODQxMiAwLjUwNDM2OCAzNC44Nzk1IDAuNTQxMTY0TDQwLjgyOTcgNi40ODc5NUM0MS4yOTQ3IDYuOTUyMTcgNDEuMjk1MSA3LjcwNTIyIDQwLjgzMDYgOC4xNjk5Nkw0MC44Mjk3IDguMTcwODlMMzQuODc5NSAxNC4xMTc3QzM0LjQxNDEgMTQuNTgxNSAzMy42NjA2IDE0LjU4MDUgMzMuMTk2NSAxNC4xMTUzQzMzLjE1OTkgMTQuMDc4NyAzMy4xMjU4IDE0LjAzOTggMzMuMDk0NCAxMy45OTg3QzMyLjc2MDggMTMuNTAxNCAzMi44MzM2IDEyLjgzNjMgMzMuMjY2OSAxMi40MjI4TDM2LjU1MTUgOS4xMjgzM0MzNi43MjYxIDguOTUzNjQgMzYuOTI2OCA4LjgwNzE2IDM3LjE0NjUgOC42OTQyMUwzNy41MDM1IDguNTMzNjVIMS4zNjQ0NkMwLjc1NjUzMSA4LjU1NjIxIDAuMjIzMTY3IDguMTMxNzkgMC4xMDg5NTkgNy41MzQ1OUMwLjAwMzc0OTg1IDYuODg2MiAwLjQ0NDM2NiA2LjI3NTM1IDEuMDkzMTMgNi4xNzAxN1oiIGZpbGw9ImJsYWNrIi8+Cjwvc3ZnPgo=);
    width: 42px;
    height: 15px;
    bottom: 3px;
    right: -85px;
    position: absolute;
    pointer-events: none;
    -webkit-transition: 0.5s all;
    -o-transition: 0.5s all;
    transition: 0.5s all;
}

.cart-block .wpsp-read-more a:hover::after {
    right: -150px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDIiIGhlaWdodD0iMTUiIHZpZXdCb3g9IjAgMCA0MiAxNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEuMDkzMTMgNi4xNzAxN0MxLjE2MTE5IDYuMTU5MTMgMS4yMzAwNiA2LjE1NDA0IDEuMjk4OTcgNi4xNTQ5M0gzNy40ODU3TDM3LjIyOTggNi4wMzZDMzYuOTc5NyA1LjkxNzY5IDM2Ljc1MjIgNS43NTY2OCAzNi41NTc0IDUuNTYwMjVMMzMuMjY2OSAyLjI3MTY4QzMyLjgzMzYgMS44NTgyMyAzMi43NjA4IDEuMTkzMTIgMzMuMDk0NCAwLjY5NTc4QzMzLjQ4MjcgMC4xNjU4MSAzNC4yMjczIDAuMDUwNzM5NiAzNC43NTc2IDAuNDM4ODA1QzM0LjgwMDUgMC40NzAxNzQgMzQuODQxMiAwLjUwNDM2OCAzNC44Nzk1IDAuNTQxMTY0TDQwLjgyOTcgNi40ODc5NUM0MS4yOTQ3IDYuOTUyMTcgNDEuMjk1MSA3LjcwNTIyIDQwLjgzMDYgOC4xNjk5Nkw0MC44Mjk3IDguMTcwODlMMzQuODc5NSAxNC4xMTc3QzM0LjQxNDEgMTQuNTgxNSAzMy42NjA2IDE0LjU4MDUgMzMuMTk2NSAxNC4xMTUzQzMzLjE1OTkgMTQuMDc4NyAzMy4xMjU4IDE0LjAzOTggMzMuMDk0NCAxMy45OTg3QzMyLjc2MDggMTMuNTAxNCAzMi44MzM2IDEyLjgzNjMgMzMuMjY2OSAxMi40MjI4TDM2LjU1MTUgOS4xMjgzM0MzNi43MjYxIDguOTUzNjQgMzYuOTI2OCA4LjgwNzE2IDM3LjE0NjUgOC42OTQyMUwzNy41MDM1IDguNTMzNjVIMS4zNjQ0NkMwLjc1NjUzMSA4LjU1NjIxIDAuMjIzMTY3IDguMTMxNzkgMC4xMDg5NTkgNy41MzQ1OUMwLjAwMzc0OTg1IDYuODg2MiAwLjQ0NDM2NiA2LjI3NTM1IDEuMDkzMTMgNi4xNzAxN1oiIGZpbGw9IiNFQjFDMjQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
}

/* cart product block end */
@media screen and (max-width: 992px) {

    article.post.type-post h2,
    .wp-block-heading,
    .entry-content h2 {
        font-size: 24px !important;
    }

    .cart-block .wp-show-posts-columns#wpsp-8938 {
        justify-content: space-between;
    }

    .cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-single {
        width: 338px;
    }
}

@media screen and (max-width: 768px) {
    .product-page .wp-block-column {
        column-gap: 1.3%;
    }

    .cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-single {
        width: 48%;
    }

    .cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-image {
        padding: unset;
        height: auto;
    }

    .cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-image img {
        height: auto;
    }

    .cart-block  .wp-show-posts-entry-title {
        padding: 10px;
    }
}


@media screen and (max-width: 650px) {
    .cart-block .wp-show-posts-columns#wpsp-8938 .wp-show-posts-inner {
        padding-bottom: unset;
    }
}




/*!* Загальний стиль для скроллбару *!*/
/*::-webkit-scrollbar {*/
/*    position: absolute;*/
/*    width: 8px;*/
/*    height: 8px;*/
/*}*/

/*::-webkit-scrollbar-track {*/
/*    background: #f0f0f0;*/
/*    border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb {*/
/*    background: #888;*/
/*    border-radius: 10px;*/
/*}*/

/*::-webkit-scrollbar-thumb:hover {*/
/*    background: #555;*/
/*}*/

/*!* Для Firefox *!*/
/*{*/
/*    scrollbar-width: thin;*/
/*    scrollbar-color: #888 #f0f0f0;*/
/*}*/





/* Про нас */
@media (min-width: 1280px) {
    /* четвертий блок */
    .blocks_text_four {
        width: 100%;
        /*height: 106px;*/
    }
    .blocks_text_eleven {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 46px;
        margin-top: 90px;


    }
    .block_text_tree_six {
        margin-bottom: 100px;
    }
    .blocks_text_tree {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .blocks_tree_text_two {
        font-family: var(--font-family-minor);;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: center;
        width: 433px;
        margin-top: 12px;
    }
    .blocks_tree_text_tree {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        text-align: center;
        width: 574px;
        margin-top: 16px;


    }

    .blocks_text_four_seven {
        font-family: Inter Tight;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: left;
        color: #000000;
        margin-top: 13px;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        opacity: 0.6;


    }
    .blocks_text_four_six {
        font-family: Inter Tight;
        font-size: 32px;
        font-weight: 500;
        line-height: 38.72px;
        text-align: left;
        color: #141414;

        /*font-weight: bold;*/
        margin: 20px 0 10px; /* Відступи */
        position: relative;

    }
    .blocks_text_four_six::before {
        content: "";
        display: block;
        width: 100%; /* Довжина лінії */
        height: 2px; /* Товщина лінії */
        background-color: red; /* Колір лінії */
        position: absolute;
        top: -10px; /* Відступ над заголовком */
        left: 0; /* Вирівнювання лінії */

    }

    .blocks_tree_text_one {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }
    .blocks_tree_text_one::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;

    }




    /* третій блок*/

    .text_nineteen_manny {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }
    .text_nineteen_manny::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }

    .two_only_four {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 13.7px;
        text-align: left;
        color: #EB1C24;
    }

    .two_only_five {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 35px;
        text-align: left;
        color: #141414;
        margin-top: 12px;
    }

    .two_only_six {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        color: #141414;
        /* Замість фіксованого margin-top */
        flex-grow: 1;
        display: flex;
        align-items: flex-end;
    }

    .two_only_about_one {
        width: 100%;
        height: 231px;
        padding: 16px;
        border-radius: 12px;
        display: flex;
        flex-direction: column;
        background-color: #FFFFFF;
    }

    .text_nineteen_about {
        font-family: var(--font-family-minor);
        font-size: 36px;
        font-weight: 500;
        line-height: 46.8px;
        text-align: left;


    }
    .text_letter_nineteen {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
         /*text-align: center;*/
    }

    .text_letter_nineteen::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .two_about_table_one {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap:20px;
        margin-top: 46px;
        margin-bottom: 100px;

    }







    /* другий блок*/

    .photo_letter_tree {
        display: none;
    }

    .photo_letter_two {
        display: none;
    }
    .magic_contacts_two_tree {
        background-color: #f1f1f1;
        /*padding-top: 80px;*/
    }
    .magic_contacts_two_one {
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
        margin-right: auto;
        margin-left: auto;
    }
    .text_letter_ten {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        /*text-align: center;*/
    }
    .text_letter_ten::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .text_letter_eleven {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /*text-align: center;*/


    }
    .text_letter_twelve {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        text-align: center;
        width: 530px;

    }
    .text_only_table {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;

    }

    .text_only_table_five {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.09;
        text-align: left;
        width: 100%;
        height: 88.33px;
        padding: 10px 22px 10px 22px;
        gap: 10px;
        border-radius: 24px;
        background-color: #FFFFFF;
        /*margin-top: 12px;*/

    }
    .text_only_table_one {
        display: grid;
        grid-template-columns: 1fr 1fr;
        margin-bottom: 80px;
        gap: 10px;

    }
    .text_only_table_tree {


    }
    .text_only_table_two {

        gap: 12px;

        display: flex;
        flex-direction: column;


    }
    .photo_letter_nineteen {
        width: 650px;
        height: 590px;
    }




        /* Нижній блок*/
    .magic_contacts_two {
        background-color: #0C1016;

    }
    .modal-content-one textarea {
        display: block;
        width: 100%;
        height: 180px;
        font-size: 16px;
        line-height: 28px;
        /*text-indent: 30px;*/
        border: 1px solid #ccc;
        resize: none;
        background-color: #141921;
        border-radius: 10px;
        border: 0px;
        /*margin-top: 36px;*/
    }
    .magic-soap-one {
        display: flex;
        margin-top: 0px;
        color: #FFFFFF;
    }
    .magic-dust-one {
        display: flex;
        color: #FFFFFF;
    }
    .magic-box-one {
        margin-left: -49%;
        color: #FFFFFF;
    }

    #map {
        max-width: 1320px;
        width: 100%;
        height: 511px;
        margin-bottom: 171px;
    }
    .magic_contacts_one {
        display: grid;
        grid-template-columns: 1fr 1fr;
        padding-bottom: 138px;
        padding-top: 50px;
    }
    .text-muted-one {
        font-size: 15px;
        /*margin-top: -23px;*/
        color: #EBF0F8;
    }
    .about_us_info_text{
        font-size: 12px;
        /*margin-bottom: 138px;*/
    }


    .modal-content-one input[type="submit"] {
        background-color: #EB1C24;
        width: 100%;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        /*margin-top: 15px;*/
    }
    .magical-cmc-one {
        margin-top: -18px;
        color: #FFFFFF;
    }
    .contact_info_wrapper_one {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        /*padding: 32px 0px !important;*/
        width: calc(100% - 0px);
        /*top: -70px;*/
        /*background-color: #f1f1f1;*/
        /*height: 459px;*/
    }

    .modal-content-one {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        width: 100%;
        background-color: #1E242E;
        height: 100%;
    }


    .modal-content-one input[name="yourname"],
    .modal-content-one input[name="yourtel"],
    .modal-content-one input[name="yourcompany"],
    .modal-content-one input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content-one input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .form-control_update:focus {
        background-color: #141921;
        color: #ffffff;
    }

    .wrapper_info_one {
        font-family: var(--font-family-minor);
        font-size: 34px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
        color: #FFFFFF;
        margin-top: 12px;
        width: 386px;
    }
    .wrapper_info_five {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        color: #FFFFFF;
        width: 100%;
        margin-top: 18px;
    }
    .contact_info_item_title_one {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 18px;
    }
    .modal-content-one:focus  {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }
    .contact_info_item_title_two a {
        color: #EB1C24;
        font-size: 12px;
    }
    .contact_info_item_title_two {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 28px;
    }
    .contact_info_item_text_tree a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        margin-left: 5px;
    }
    .contact_info_item_text_plus a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        display: block;
    }
    .contact_info_item_five {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .magic_wrapper_one {
        /*width: 536px;*/
    }
    .wrapper_info_one_tree {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
    }
    .wrapper_info_one_tree::before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;

    }

    .text-left-one {
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #F2F4F6;
        margin-top: -4px;
        margin-bottom: 5px;


    }
    .contact_info_item_one {
        font-family: Inter Tight;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
        width: 100%;
    }
    .contact_info_item_blue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .contact_info_item_blue-title {
        color: #EB1C24;
        font-size: 12px;
    }
    .contacts-page .contact_info_item_blue-title a:first-of-type {
        display: block;
    }





    .delivery-section {
        width: 914px;
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-right: auto;
        margin-left: auto;


    }

    .payment-section {

        width:914px;
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 120px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        /*line-height: 1.75;*/
        text-align: left;
        margin-left: 10px;
        line-height: 28px;
        margin-bottom: 0px;



    }

    .delivery-payment {
        text-align: center;
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        width:914px;
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 120px;
    }

    .confidentiality-gender {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }
    .private_text {
        font-family: Tektur;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: center;


    }




    /* верхній блок*/
    .about_us_one {
        background-color: #12161E;
        margin-bottom: 60px;
        /* width: 1320px; */
        padding-top: 30px;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
    }
    .one_about {
    }
    .text_logo_center {
        font-family: var(--font-family-minor);
        font-size: 30px;
        font-weight: 500;
        line-height: 43px;
        text-align: center;
        width: 1111px;
        color: #FFFFFF;


    }

    .bloc_under_about_two {
        display: flex;
        justify-content: space-between;
        margin-top: 22px;
        margin-bottom: 110px;
    }
    .text_letter_one {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_two {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: center;
        color: #FFFFFF;


    }
    .text_letter_tree {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_four {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: center;
        color: #FFFFFF;

    }
    .text_letter_five {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_six {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: center;
        color: #FFFFFF;


    }
    .photo_tree_story {
        display: none;
    }
    .photo_two_story {
        display: none;
    }



    .under_two_about {
        margin-bottom: 36px;
    }
    .bloc_one_about {
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 18px;
    }
    .under_one_about {

    }
    .bloc_under_about {
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        background-color: #52627880;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;
    }
    .bloc_under_about_tree {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }
    .text_letter_seven {
        font-family: Tektur;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
    }
    .text_letter_seven::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }
    .text_letter_eight {
        font-family: Tektur;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: left;
        color: #FFFFFF;



    }
    .text_letter_nine {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        text-align: left;
        width: 660px;
        height: 174px;
        color: #FFFFFF99;



    }
    .test_one_plus {
        background-color: #52627880;

    }
    .photo_logo_tree {
        display: none;
    }
    .photo_logo_two {
        display: none;
    }



}

@media (min-width: 768px) and (max-width: 1279px){


    /* четвертий блок */
    .blocks_text_four {
        width: 332px;
        /*height: 106px;*/
    }
    .blocks_text_eleven {
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        margin-top: 90px;

    }
    .block_text_tree_six {
        margin-bottom: 100px;
        width: 704px;
        margin-right: auto;
        margin-left: auto;
    }
    .blocks_text_tree {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .blocks_tree_text_two {
        font-family: var(--font-family-minor);;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: center;
        width: 433px;
        margin-top: 12px;
    }
    .blocks_tree_text_tree {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        text-align: center;
        width: 574px;
        margin-top: 16px;


    }

    .blocks_text_four_seven {
        font-family: Inter Tight;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: left;
        color: #000000;
        margin-top: 13px;
        opacity: 0.6;
    }
    .blocks_text_four_six {
        font-family: Inter Tight;
        font-size: 32px;
        font-weight: 500;
        line-height: 38.72px;
        text-align: left;
        color: #141414;

        /*font-weight: bold;*/
        margin: 20px 0 10px; /* Відступи */
        position: relative;

    }
    .blocks_text_four_six::before {
        content: "";
        display: block;
        width: 332px; /* Довжина лінії */
        height: 2px; /* Товщина лінії */
        background-color: red; /* Колір лінії */
        position: absolute;
        top: -10px; /* Відступ над заголовком */
        left: 0; /* Вирівнювання лінії */

    }

    .blocks_tree_text_one {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }
    .blocks_tree_text_one::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;

    }


    /* третій блок*/

    .text_nineteen_manny {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }
    .text_nineteen_manny::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }

    .two_only_four {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 13.7px;
        text-align: left;
        color: #EB1C24;
    }
    .two_only_five {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 35px;
        text-align: left;
        color: #141414;
        margin-top: 12px;


    }
    .two_only_six {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        color: #141414;
        margin-top: 99px;

    }
    .two_only_about_one {
        width: 342px;
        height: 231px;
        padding: 16px;
        gap: 0px;
        border-radius: 12px;
        justify: space-between;
        background-color: #FFFFFF;

    }
    .text_nineteen_about {
        font-family: var(--font-family-minor);
        font-size: 36px;
        font-weight: 500;
        line-height: 46.8px;
        text-align: left;
        width: 704px;
        margin-left: auto;


    }
    .text_letter_nineteen {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        /*text-align: center;*/
    }

    .text_letter_nineteen::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .two_about_table_one {
        display: flex;
        margin-top: 46px;
        margin-bottom: 100px;
        flex-wrap: wrap;
        justify-content: space-around;
        width: 704px;
        margin-right: auto;
        margin-left: auto;
        gap: 20px;
    }

    .text_about_table {
        margin-left: auto;
         margin-right: auto;
        width: 704px;
    }



    /* другий блок*/
    .photo_letter_tree {
        display: none;
    }

    .magic_contacts_two_tree {
        background-color: #f1f1f1;
        /*padding-top: 80px;*/
    }
    .magic_contacts_two_one {
        width: 744px;
        margin-right: auto;
        margin-left: auto;
    }
    .text_letter_ten {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        /*text-align: center;*/
    }
    .text_letter_ten::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .text_letter_eleven {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /*text-align: center;*/


    }
    .text_letter_twelve {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        text-align: center;
        width: 530px;

    }
    .text_only_table {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;

    }

    .text_only_table_five {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 600;
        line-height: 1.09;
        text-align: left;
        width: 704px;
        height: 56px;
        padding: 10px 22px 10px 22px;
        gap: 10px;
        border-radius: 12px;
        background-color: #FFFFFF;
        /*margin-top: 12px;*/

    }
    .text_only_table_one {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 80px;
    }
    .text_only_table_tree {
        margin-right: auto;
        margin-left: auto;


    }
    .text_only_table_two {
        margin-right: auto;
        margin-left: auto;
        gap: 12px;
        display: flex;
        flex-direction: column;


    }
    .photo_letter_nineteen {
        display: none;
    }
    .photo_letter_nineteen {
        width: 704px;
        height: 590px;
    }


    /* Нижній блок*/
    .magic_contacts_two {
        background-color: #0C1016;
        padding-top: 50px;
    }
    .modal-content-one textarea {
        display: block;
        width: 100%;
        height: 180px;
        font-size: 16px;
        line-height: 28px;
        /*text-indent: 30px;*/
        border: 1px solid #ccc;
        resize: none;
        background-color: #141921;
        border-radius: 10px;
        border: 0px;
        /*margin-top: 36px;*/
    }
    .magic-soap-one {
        display: flex;
        margin-top: 0px;x
    color: #FFFFFF;
    }
    .magic-dust-one {
        display: flex;
        color: #FFFFFF;
    }
    .private_text {
        font-family: Tektur;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: center;

    }
    .magic-box-one {
        margin-left: -49%;
        color: #FFFFFF;
    }
    .magical_feedback_one {
        /*margin-right: -11px;*/
        margin-top: 64px;
    }
    #map {
        width: 1320px;
        height: 511px;
    }
    .magic_contacts_one {
        width: 725px;
    }
    .text-muted-one {
        font-size: 16px;
        /*margin-top: -23px;*/
        color: #EBF0F8;
    }
    .about_us_info_text{
        font-size: 12px;
    }


    .modal-content-one input[type="submit"] {
        background-color: #EB1C24;
        width: 664px;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        margin-left: -28px;
        /*margin-top: 36px;*/
    }
    .magical-cmc-one {
        margin-top: -18px;
        color: #FFFFFF;
    }
    .contact_info_wrapper_one {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        /*padding: 32px 0px !important;*/
        width: calc(100% - 0px);
        /*top: -70px;*/
        /*background-color: #f1f1f1;*/
        /*height: 459px;*/
    }

    .modal-content-one {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        width: 704px;
        background-color: #1E242E;
        height: 100%;
        margin-left: -9px;
    }



    .modal-content-one input[name="yourname"],
    .modal-content-one input[name="yourtel"],
    .modal-content-one input[name="yourcompany"],
    .modal-content-one input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content-one input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #141921;
        border-radius: 10px;
        width: 330px;
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .form-control_update:focus {
        background-color: #141921;
        color: #ffffff;
    }

    .wrapper_info_one {
        font-family: var(--font-family-minor);
        font-size: 34px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
        color: #FFFFFF;
        margin-top: 12px;
        width: 386px;
    }
    .wrapper_info_five {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        color: #FFFFFF;
        width: 536px;
        margin-top: 18px;
    }
    .contact_info_item_title_one {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 18px;
        /*font-family: var(--font-family-minor);*/
        font-weight: 500;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }
    .modal-content-one:focus  {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }
    .contact_info_item_title_two a {
        color: #EB1C24;
        font-size: 12px;
    }
    .contact_info_item_title_two {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 28px;
    }
    .contact_info_item_text_tree a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        margin-left: 5px;
    }
    .contact_info_item_text_plus a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        display: block;
        width: 704px;
    }
    .contact_info_item_five {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .magic_wrapper_one {
        /*width: 536px;*/
    }
    .wrapper_info_one_tree {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
    }
    .wrapper_info_one_tree::before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;

    }

    .text-left-one {
        font-family: Inter Tight;
        font-size: 28px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #F2F4F6;
        /*margin-top: 0px;*/


    }
    .contact_info_item_one {
        font-family: Inter Tight;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
        width: 582px;
    }
    .contact_info_item_blue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .contact_info_item_blue-title {
        color: #EB1C24;
        font-size: 12px;
    }
    .contacts-page .contact_info_item_blue-title a:first-of-type {
        display: block;
    }





    .delivery-section {
        width: 704px;
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-left: auto;
        margin-right: auto;

    }

    .payment-section {

        width:704px;
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 120px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.75;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;



    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        width:704px;
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 120px;
    }

    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }



    /* верхній блок*/
    .about_us_one {
        background-color: #12161E;
        margin-bottom: 60px;
        /* width: 1320px; */
        padding-top: 30px;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
    }
    .one_about {
    }
    .text_logo_center {
        font-family: var(--font-family-minor);
        font-size: 32px;
        font-weight: 500;
        line-height: 43px;
        /*text-align: center;*/
        width: 704px;
        color: #FFFFFF;


    }
    .photo_tree_story {
        display: none;
    }
    .photo_one_story {
        display: none;
    }


    .bloc_under_about_two {
        display: flex;
        justify-content: space-between;
        margin-top: 39px;
        margin-bottom: 92px;
        width: 707px;
        margin-left: auto;
        margin-right: auto;
    }
    .wp-block-separator {
        /*display: none;*/
    }
    .text_letter_one {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_two {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: left;
        color: #FFFFFF;



    }
    .text_letter_tree {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_four {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: left;
        color: #FFFFFF;

    }
    .text_letter_five {
        font-family: Inter Tight;
        font-size: 42px;
        font-weight: 500;
        line-height: 60px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_six {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 24.2px;
        text-align: left;
        color: #FFFFFF;


    }
    .about_text_tree {
        width: 175px;
    }
    .about_text_two {
        width: 169px;
    }
    .about_text_one {
        width: 169px;
    }



    .under_two_about {
        margin-bottom: 36px;
    }
    .bloc_one_about {
        width: 744px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 18px;
    }
    .under_one_about {

    }
    .bloc_under_about {
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        background-color: #52627880;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;
    }
    .bloc_under_about_tree {
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
        margin-left: auto;
        margin-right: auto;
        width: 707px;
    }
    .text_letter_seven {
        font-family: Tektur;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
    }
    .text_letter_seven::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }
    .text_letter_eight {
        font-family: Tektur;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: left;
        color: #FFFFFF;



    }
    .text_letter_nine {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        text-align: left;
        width: 405px;
        /*height: 174px;*/
        color: #FFFFFF99;



    }
    .test_one_plus {
        background-color: #52627880;

    }
    .photo_logo_one {
        display: none;
    }
    .photo_logo_tree {
        display: none;
    }
}

@media (min-width: 0px) and (max-width: 767px) {

    /* четвертий блок */
    .blocks_text_four {
        /*width: 150px;*/
        /*height: 106px;*/
    }
    .blocks_text_eleven {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        gap: 40px;
        margin-top: 40px;
        display: grid;
        grid-template-columns: 1fr 1fr;

    }
    .block_text_tree_six {
        margin-bottom: 100px;
        /*width: 340px;*/
        padding-left: 10px;
        padding-right: 10px;
        margin-right: auto;
        margin-left: auto;
    }
    .blocks_text_tree {
        display: flex;
        flex-direction: column;
        align-items: center;

    }

    .blocks_tree_text_two {
        font-family: var(--font-family-minor);;
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        text-align: center;
        /*width: 433px;*/
        margin-top: 12px;
    }
    .blocks_tree_text_tree {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        text-align: center;
        /*width: 574px;*/
        margin-top: 16px;


    }

    .blocks_text_four_seven {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        color: #000000;
        margin-top: 13px;
        opacity: 0.6;


    }
    .blocks_text_four_six {
        font-family: Inter Tight;
        font-size: 20px;
        font-weight: 500;
        line-height: 38.72px;
        text-align: left;
        color: #141414;

        /*font-weight: bold;*/
        margin: 20px 0 10px; /* Відступи */
        position: relative;

    }
    .blocks_text_four_six::before {
        content: "";
        display: block;
        width: 100%; /* Довжина лінії */
        height: 2px; /* Товщина лінії */
        background-color: red; /* Колір лінії */
        position: absolute;
        top: -10px; /* Відступ над заголовком */
        left: 0; /* Вирівнювання лінії */

    }

    .blocks_tree_text_one {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: initial;
    }
    .blocks_tree_text_one::before {
        position: absolute;
        top: 17px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;

    }



    /* третій блок*/

    .two_only_four {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 300;
        line-height: 13.7px;
        text-align: left;
        color: #EB1C24;
    }
    .two_only_five {
        font-family: Inter Tight;
        font-size: 18px;
        font-weight: 500;
        line-height: 23px;
        text-align: left;
        color: #141414;
        margin-top: 12px;


    }
    .two_only_six {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        text-align: left;
        color: #141414;
        margin-top: 20px;

    }
    .two_only_about_one {
        /*width: 164.5px;*/
        height: 220px;
        padding: 16px;
        gap: 0px;
        border-radius: 12px;
        justify: space-between;
        background-color: #FFFFFF;

    }
    .text_nineteen_about {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 24.8px;
        text-align: left;
        /*width: 340px;*/
        /*margin-left: auto;*/
        margin-top: 12px;


    }
    .text_nineteen_manny {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }
    .text_nineteen_manny::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .text_letter_nineteen {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        /*text-align: center;*/
    }

    .text_letter_nineteen::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .two_about_table_one {
        /*display: flex;*/
        margin-top: 46px;
        margin-bottom: 100px;
        /*flex-wrap: wrap;*/
        /*justify-content: space-around;*/
        /*width: 340px;*/
        /*margin-right: auto;*/
        /*margin-left: auto;*/
        gap: 10px;
        padding-left: 10px;
        padding-right: 10px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .text_about_table {
        margin-left: auto;
        margin-right: auto;
        /*width: 340px;*/
        padding-left: 10px;
        padding-right: 10px;
    }


    /* другий блок*/

    .photo_letter_tree {

    }

    .photo_letter_two {
        display: none;
    }
    .magic_contacts_two_tree {
        background-color: #f1f1f1;
        /*padding-top: 80px;*/
    }
    .magic_contacts_two_one {
        /*width: 360px;*/
        margin-right: auto;
        margin-left: auto;
    }
    .text_letter_ten {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        /*text-align: center;*/
    }
    .text_letter_ten::before {
        position: absolute;
        top: 8px;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .text_letter_eleven {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        /*text-align: center;*/
        margin-top: 12px;
        margin-bottom: 28px;




    }
    .text_letter_twelve {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        text-align: center;
        width: 340px;



    }
    .text_only_table {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 60px;

    }

    .text_only_table_five {
        font-family: Inter Tight;
        font-size: 18px;
        font-weight: 600;
        line-height: 1.09;
        text-align: left;
        /*width: 340px;*/
        height: 59.17px;
        padding: 10px 22px 10px 22px;
        gap: 10px;
        border-radius: 12px;
        background-color: #FFFFFF;
        /*margin-top: 12px;*/






    }
    .text_only_table_one {
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 80px;
        max-width: 650px;
        margin-left: auto;
        margin-right: auto;

    }
    .text_only_table_tree {
        margin-right: auto;
        margin-left: auto;


    }
    .text_only_table_two {
        /*padding-left: 10px;*/
        /*padding-right: 10px;*/
        /*margin-right: auto;*/
        /*margin-left: auto;*/
        max-width: 650px;

        gap: 12px;
        display: flex;
        flex-direction: column;


    }
    .photo_letter_nineteen {
        display: none;
    }
    .photo_letter_nineteen {
        width: 704px;
        height: 590px;
    }



    .magic_contacts_two {
        background-color: #0C1016;
        padding-top: 50px;
    }
    .modal-content-one textarea {
        display: block;
        width: 100%;
        height: 180px;
        font-size: 16px;
        line-height: 28px;
        /*text-indent: 30px;*/
        border: 1px solid #ccc;
        resize: none;
        background-color: #141921;
        border-radius: 10px;
        border: 0px;
        /*margin-top: 36px;*/
    }
    .magic-soap-one {
        /*display: flex;*/
        margin-top: 0px;x
    color: #FFFFFF;
    }
    .magic-dust-one {
        /*display: flex;*/
        color: #FFFFFF;
    }
    .magic-box-one {
        /*margin-left: -49%;*/
        color: #FFFFFF;
    }
    .magical_feedback_one {
        /*margin-right: -11px;*/
        margin-top: 64px;
        margin-left: auto;
        margin-right: auto;
        /*width: 340px;*/
    }
    #map {
        width: 1320px;
        height: 511px;
    }
    .magic_contacts_one {
        /*width: 725px;*/
        /*margin-left: auto;*/
        /*margin-right: auto;*/
        /*display: flex;*/
        /*flex-direction: column;*/
        /*width: 340px;*/
    }
    .text-muted-one {
        font-size: 16px;
        /*margin-top: -23px;*/
        color: #EBF0F8;
    }
    .about_us_info_text{
        font-size: 12px;
    }


    .modal-content-one input[type="submit"] {
        background-color: #EB1C24;
        width: 300px;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        line-height: 30px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        margin-left: 0px;
        /*margin-top: 36px;*/
    }
    .magical-cmc-one {
        margin-top: -18px;
        color: #FFFFFF;
    }
    .contact_info_wrapper_one {
        /*position: absolute;*/
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: column;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        /*background: black;*/
        /*padding: 32px 0px !important;*/
        width: calc(100% - 0px);
        /*top: -70px;*/
        /*background-color: #f1f1f1;*/
        /*height: 459px;*/
    }

    .modal-content-one {
        padding: 20px;
        border-radius: 24px;
        gap: 20px;
        border: 0;
        width: 340px;
        background-color: #1E242E;
        height: 100%;
        margin-left: auto;
        margin-right: auto;



    }



    .modal-content-one input[name="yourname"],
    .modal-content-one input[name="yourtel"],
    .modal-content-one input[name="yourcompany"],
    .modal-content-one input[name="youremail"] {
        background-repeat: no-repeat;
    }

    .modal-content-one input[name="yourname"] {
        /*background-image: url(./assets/img/Vector.png);*/
        background-position: 10px 10px;
        background-color: #141921;
        border-radius: 10px;
        /*width: 312px;*/
        height: 52px;
        border: 0px;
        color: #ffffff;

    }

    .modal-content-one input[name="yourcompany"] {
        /*background-image: url(./assets/img/icon-company.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        /*width: 312px;*/
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="yourtel"] {
        /*background-image: url(./assets/img/icon-tel.png);*/
        background-position: 10px 7px;
        background-color: #141921;
        border-radius: 10px;
        /*width: 312px;*/
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .modal-content-one input[name="youremail"] {
        /*background-image: url(./assets/img/icon-email.png);*/
        background-size: 17px 17px;
        background-position: 10px 8px;
        background-color: #141921;
        border-radius: 10px;
        /*width: 312px;*/
        height: 52px;
        border: 0px;
        color: #ffffff;
    }

    .form-control_update:focus {
        background-color: #141921;
        color: #ffffff;
    }

    .wrapper_info_one {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.14;
        text-align: left;
        color: #FFFFFF;
        margin-top: 12px;
        width: 386px;
    }
    .wrapper_info_five {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        color: #FFFFFF;
        width: 340px;
        margin-top: 18px;
    }
    .contact_info_item_title_one {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 18px;
    }
    .modal-content-one:focus  {
        color: #212529;
        background-color: #fff;
        border-color: #86b7fe;
        outline: 0;
        box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    }
    .contact_info_item_title_two a {
        color: #EB1C24;
        font-size: 12px;
    }
    .contact_info_item_title_two {
        color: #EB1C24;
        font-size: 12px;
        margin-top: 28px;
    }
    .contact_info_item_text_tree a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        margin-left: 5px;
    }
    .contact_info_item_text_plus a {
        /*color: #141414;*/
        text-decoration: none !important;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        display: block;
        width: 340px;
    }
    .contact_info_item_five {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .magic_wrapper_one {
        width: 340px;
        margin-left: auto;
        margin-right: auto;
    }
    .wrapper_info_one_tree {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
        width: 340px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }
    .wrapper_info_one_tree::before {
        content: '';
        width: 12px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;

    }

    .text-left-one {
        font-family: Inter Tight;
        font-size: 21px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #F2F4F6;
        /*margin-top: 0px;*/



    }
    .contact_info_item_one {
        font-family: Inter Tight;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
        margin-bottom: 28px;
        width: 582px;
    }
    .contact_info_item_blue {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        color: white;
        font-size: 24px;
    }
    .contact_info_item_blue-title {
        color: #EB1C24;
        font-size: 12px;
    }
    .contacts-page .contact_info_item_blue-title a:first-of-type {
        display: block;
    }





    .delivery-section {
        /*width: 343px;*/
        /*height:335px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-left: auto;
        margin-right: auto;


    }
    .payment_delivery_text {
        font-family: Tektur;
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        text-align: center;


    }

    .payment-section {

        /*width:343px;*/
        /*height:391px;*/
        padding: 20px;
        gap: 16px;
        border-radius: 24px;
        background: #FFFFFF;
        margin-top: 32px;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 100px;
    }
    .payment-for {
        /*margin-top: -13px;*/
        /*width: 874px;*/
        /*height: 308px;*/
    }

    ol {
        list-style-type: decimal !important; /* звичайні числа */
    }

    ol li {
        /*margin-bottom: 10px; !* Відступи між пунктами *!*/
    }
    .payment-delivery {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;

    }
    .delivery-options {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600 !important;
        line-height: 1.35;
        text-align: left;
        margin-left: 10px;
        margin-bottom: 0px;
        width: 290px;


    }

    .delivery-payment {
        text-align: center;
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        margin-bottom: 23px;

    }
    .payment-payment {

        /*width: 874px;*/
        /*height: 252px;*/
    }


    .privacy {

        /*width:340px;*/
        /*height:2,146px;*/
        padding: 20px ;
        gap: 16px;
        border-radius: 24px;
        opacity: 0px;
        background: #FFFFFF;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 100px;
    }
    .private_text {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        text-align: start;
        margin-right: auto;
        margin-left: auto;


    }

    .confidentiality-gender {
        font-family: var(--font-family-minor);
        font-size: 22px;
        font-weight: 500;
        line-height: 1.21;
        text-align: left;
        color: #141414;
        margin-top: 45px;
        margin-bottom: 22px;
    }



    /* верхній */
    .about_us_one {
        background-color: #12161E;
        margin-bottom: 60px;
        /* width: 1320px; */
        padding-top: 20px;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
    }
    .one_about {
    }
    .text_logo_center {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 30px;
        /*text-align: center;*/
        /*width: 344px;*/
        color: #FFFFFF;
        margin-bottom: -28px;
        margin-top: -15px;
    }
    .photo_one_story {
        display: none;
    }
    .photo_two_story {
        /*display: none;*/
    }

    .photo_tree_story{
        display: none;
    }
    .bloc_under_about_two {
        display: flex;
        justify-content: space-around;
        margin-top: 39px;
        margin-bottom: 40px;
        /*width: 340px;*/
        margin-left: auto;
        margin-right: auto;
    }
    .wp-block-separator {
        /*display: none;*/
    }
    .text_letter_one {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_two {
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.94px;
        text-align: left;
        color: #FFFFFF;



    }
    .text_letter_tree {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;



    }
    .text_letter_four {
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.94px;
        text-align: left;
        color: #FFFFFF;

    }
    .text_letter_five {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 500;
        line-height: 30px;
        text-align: left;
        color: #EB1C24;
        margin-bottom: 12px;

    }
    .text_letter_six {
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 500;
        line-height: 16.94px;
        text-align: left;
        color: #FFFFFF;




    }
    .about_text_tree {
        width: 100px;
    }
    .about_text_two {
        width: 100px;
    }
    .about_text_one {
        width: 100px;
    }



    .under_two_about {
        margin-bottom: 36px;
    }
    .bloc_one_about {
        /*width: 360px;*/
        padding: 0 10px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 18px;
    }
    .under_one_about {

    }
    .bloc_under_about {
        margin-right: auto;
        margin-left: auto;
        display: flex;
        flex-direction: column;
        align-items: center;

    }
    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        background-color: #52627880;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;
    }
    .bloc_under_about_tree {
        margin-bottom: 33px;
        margin-left: auto;
        margin-right: auto;
        /*width: 340px;*/
    }
    .text_letter_seven {
        font-family: Tektur;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        text-align: left;
        color: #FFFFFF99;
        margin-bottom: 12px;
    }
    .text_letter_seven::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }
    .text_letter_eight {
        font-family: Tektur;
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        text-align: left;
        color: #FFFFFF;



    }
    .text_letter_nine {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        text-align: left;
        /*width: 340px;*/
        /*height: 174px;*/
        color: #FFFFFF99;
        margin-top: 20px;
    }
    .test_one_plus {
        background-color: #52627880;

    }
    .photo_logo_one {
        display: none;
    }
    .photo_logo_two {
        display: none;
    }
}

.bold_text {
    font-family: Inter Tight;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    

}
/* Сервіс */


@media (min-width: 1280px) {
/* нижній блок*/
    .first_block_four {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_five {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_six {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_seven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_eight {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_nine {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_ten {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_eleven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }

    .bloc_one_two_three {
        width: 447px;
        height: 460px;
    }


    .service_bloc_four {
        flex: 1 1 calc(50% - 20px); /* Блоку відводиться 50% ширини з відступами */
        background-color: #141921; /* Темний фон */
        color: #fff; /* Колір тексту */
        padding: 20px; /* Відступ всередині блоків */
        border-radius: 12px; /* Скруглення кутів */
        text-align: left; /* Текст вирівняний по лівому краю */
        width: 348px;
        height: 220px;
    }
    .service_bloc_ten_eleven_five {
        display: flex;
        flex-wrap: wrap; /* Дозволяє блокам переноситися на новий рядок */
        /*justify-content: space-between; !* Розміщує блоки рівномірно *!*/
        gap: 16px; /* Відстань між блоками */
    }
    .service_bloc_four svg {
        margin-bottom: 16px; /* Відступ між іконкою та заголовком */
    }
    .service_four_five_six_seven {
        width: 716px;
    }
    .service_information {
        background-color: #0C1016;

        /*margin-bottom: 60px;*/
        /* width: 1320px; */
        /*padding-top: 149px;*/
        display: flex;
        flex-wrap: wrap;
    }

    .service_tool_one {
        /*width: 1320px;*/
        margin-right: auto;
        margin-left: auto;
        /*margin-top: 30px;*/
        width: 1440px;
        height: 632px;
        top: 2620px;
        padding: 60px 60px 60px 60px;
        display: flex;
        justify-content: space-between;

    }
    .first_block_one::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .first_block_one {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        width: fit-content;
        position: relative;
        text-align: center;
        color: #FFFFFF99;
    }

    .first_block_two {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /* font-weight: bold; */
        margin: 12px 0;
        color: #FFFFFF;
    }
    /*кнопка*/
    .first_block_three {
        background-color: #EB1C24;
        width: fit-content;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        font-size: 14px;
        border-radius: 12px;
        font-family: Inter Tight;
        line-height: 20px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
    }

    .first_block_three::after {
        content: '';
        display: block;
        width: 23px;
        height: 20px;
        background-size: 100% 100%;
        background-position-x: 0;
        background-image: url("./assets/img/icons/icon_arrow_right.svg");
        transition: all var(--transition-time-all);
    }

    .first_block_three:hover::after {
        background-position-x: 23px;
    }

    .service_bloc_three_eleven {
        display: none;
    }






/* верхній блок*/
    .service-main-tool {
        background-color: #141921;
        margin-bottom: 60px;
        /*width: 1320px;*/
        padding-top: 30px;
        flex-direction: column;
        display: flex;
        flex-wrap: wrap;
        /*margin-left: auto;*/
    }
    .group-image {
        height: 455px;
    }
    .group-content {
        display: flex;
        justify-content: space-between;
        color: floralwhite;
        margin-top: 78px;
        padding-bottom: 60px;
    }
    .first-block-rights {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        width: 660px;
        height: 174px;
        gap: 0px;
        opacity: 0px;
        color: #FFFFFF99;
    }
    .first-block-lefts {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .service_tool_photo {
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 30px;
    }

    .image_ten {
        /*width: 1320px !important;*/
        height: 455px !important;
        margin-left: auto;
        margin-right: auto;
    }
    .image_eleven img{

        height: 455px !important;
    }
    .image_twelve {
        display: none;

    }
    .image_eleven {
        display: none;
    }

    .first-block-look {
        font-family: Tektur;
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        color: #FFFFFF99;
        margin-bottom: 12px;

    }
    .first-block-look::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }



    .first-block-look h6{
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }



    .ervis-thumbnail a img{
        height: 330px;
        gap: 8px;
        border-radius: 12px;
        object-fit: cover;
        row-gap: 16px;
        /*padding: 16px;*/


    }


    .ervis-thumbnail {
        margin-bottom: 16px;

    }
    .title-ervis h2{
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600;
        /*margin-top: -30px;*/
        /*font-weight: 500;*/
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        width: 260px;
        height: 41px;
        /*margin-left: 16px;*/
        margin-bottom: 6px;
        line-height: 19.36px;



    }

    .read-ervis a{
        /*margin-left: 16px;*/
        color: #666;
        font-family: Inter Tight;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 300;
    }
    .read-ervis a:after {
        /*content: '';*/
        /*display: inline-block;*/
        /*width: 10px;*/
        /*height: 10px;*/
        /*border-right: 2px solid #666; !* Тонка вертикальна лінія *!*/
        /*border-bottom: 2px solid #666; !* Тонка горизонтальна лінія *!*/
        /*transform: rotate(315deg); !* Створює ефект стрілки *!*/
        /*margin-left: 3px; !* Відстань між текстом і стрілкою *!*/
    }

    .news-ervis-text {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        margin-left: auto;
        margin-right: auto;
        column-gap: 20px;
        row-gap: 40px;
        justify-content: center;
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
    }
    .title-ervis {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }



    .title-ervis svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: 0px;
        right: -7px;
    }




    .site-news h1{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .read-ervis a{
        /*margin-top: auto; !* Відсуває кнопку до низу *!*/
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        /*font-family: var(--font-family-minor);*/
    }
    .title-ervis_big{
        margin-top: -2px;

        height:136px;
        gap: 12px;
        padding: 16px;
        margin-bottom: 100px;
        border-radius: 12px;
        background: #222932;
        color: #FFFFFF;
        line-height: 1.01;


    }
    .title-ervis {
        /*width: 315px;*/
        /*height: 136px;*/
        /*padding: 16px ;*/
        /*!*gap: 8px;*!*/
        /*border-radius: 12px;*/
        /*background: #222932;*/
        /*color:  #FFFFFF;*/

    }

    .pagination-of-pages .disabled, .pagination-of-pages svg {
        color: #93999a;
        opacity: 0.6;
        pointer-events: none;
        cursor: default;
    }

    .pagination-of-pages a {
        text-decoration: none;
        color: #526278;
    }

    .pagination-of-pages a:hover {
        color: #526278;
    }


    .pagination-of-pages {
        display: flex;
        justify-content: space-between;
        width: 67%;
        list-style: none;
        padding: 0;
        /*width: 914px;*/
        /*height: 38px;*/
        gap: 0px;
        margin-left: auto;
        margin-right: auto;
        /*margin-bottom: 120px;*/
        margin-top: 60px;
        padding-top: 39px;
        border-top: 1px solid #5262782e;


    }
    .number-style {
        /*max-width: 340px;*/
    }

    .pagination-of-pages a, .pagination-of-pages span {
        display: inline-block;
        padding: 10px 15px;
        margin: 0 2.5px;
        /*border: 1px solid #ccc;*/
        text-decoration: none;
        color: #526278;
        border-radius: 5px;
        transition: background-color 0.3s, color 0.3s;

        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;

    }

    .pagination-of-pages a:hover {
        background-color: #fff;
        color: #526278;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .pagination-of-pages .current {
        background-color: #526278;
        color: #fff;
        /*border-color: #0073aa;*/

        /*padding: 12px;*/
        gap: 0px;
        border-radius: 8px;
        opacity: 0px;

    }
    .page-numbers:hover{
        /*width: 40px;*/
        /*height:40px;*/
        background-color: #526278;
    }
    .pagination-of-pages span:hover{
        /*width: 40px;*/
        /*height:40px;*/
        color: #526278;
        background-color: #fff;
    }


    .pagination-of-pages .previous{
        padding-left: 0;
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }
    .pagination-of-pages .following{
        padding-right: 0;
        font-family: Inter Tight;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;

    }

    .pagination-of-pages .previous-mob{
        font-weight: bold;
        padding-left: 0;
        display: none;
    }
    .pagination-of-pages .following-mob{
        font-weight: bold;
        padding-right: 0;
        display: none;
    }


    .form-service-pak {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }

    .form-service-pak::before{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }



    .form-service-pak h6{
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }
    .main-news-service {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-pak-text {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        width: 645px;
        /*height: 110px;*/
        text-align: center;
    }


    .problem-section {
        padding: 40px 20px;
        font-family: var(--font-family-minor);
    }

    .problem-title {
        font-size: 32px;
        font-weight: bold;
        color: #0C0C0C;
        /*margin-bottom: 20px;*/
        margin: 0;
    }

    .problem-list {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .problem-list li {
        display: flex;
        align-items: flex-start;
        margin-bottom: 20px;
        border-bottom: 1px solid #ddd; /* Лінія між пунктами */
        padding-bottom: 15px;
    }

    .problem-number {
        font-size: 24px;
        font-weight: bold;
        color: #D41F26; /* Червоний колір нумерації */
        margin-right: 20px;
    }

    .problem-content h3 {
        font-size: 20px;
        font-weight: bold;
        color: #333;
        margin: 0 0 5px 0;
    }

    .problem-content p {
        font-size: 16px;
        color: #666;
        margin: 0;
    }


    /* Загальний блок */
    .block-problem {
        background-color: #f1f1f1;
        padding-bottom: 60px;
    }
    .title_main_problem {
        background-color: #f1f1f1;
        margin: 0 auto;
        /*padding: 20px;*/
        font-family: var(--font-family-minor);
        color: #0C0C0C;
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
        /*height: 714px;*/

    }

    /* Верхній заголовок */
    .highlight-main {
        margin-bottom: 40px;
    }

    .highlight-title-problem {
        align-items: center;
    }
    .problem_highlight {
        display: flex;
        flex-direction: column;
        /*gap: 20px; !* Відстань між блоками *!*/
        counter-reset: problem-counter; /* Ініціалізація лічильника */
        gap: 10px;

    }


    .service_mood {
        /*margin-bottom: 26px;*/
        font-family: var(--font-family-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 35px;
        gap: 15px;
        /*padding-bottom: 15px;*/
        /*border-bottom: 1px solid  #ADB4BD;*/
        color: #141414;
        margin-left: 42px;
    }


    .service_style {
        font-family: var(--font-family-main);
        font-size: 26px;
        font-weight: 400;
        line-height: 35px;
        position: relative;
        color: #404040;
        margin-left: 2px;
        padding-left: 39px;
    }

    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;
    }

    .problem_highlight_block {

    }




    /*кнопка*/
    .first-block-lift {
        background-color: #EB1C24;
        width: fit-content;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 52px;
        /*-webkit-transition: 0.5s all;*/
        /*-o-transition: 0.5s all;*/
        /*transition: 0.5s all;*/
        /*letter-spacing: 1px;*/
        font-size: 14px;
        border-radius: 12px;
        font-family: var(--font-family-main);
        line-height: 20px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
    }

    .first-block-lift::after {
        content: '';
        display: block;
        width: 23px;
        height: 20px;
        background-size: 100% 100%;
        background-position-x: 0;
        background-image: url("./assets/img/icons/icon_arrow_right.svg");
        transition: all var(--transition-time-all);
    }


    .first-block-lift:hover::after {
        background-position-x: 23px;
    }

    /*.first-block-lift {*/
    /*    padding: 14px;*/
    /*    border-radius: 12px;*/
    /*    gap: 20px;*/
    /*    border: 0;*/
    /*    !*height: 784px;*!*/
    /*}*/



    /* Нумерація перед заголовком */
    .service_style::before {
        font-family: var(--font-family-main);
        counter-increment: problem-counter; /* Збільшення лічильника */
        content: counter(problem-counter, decimal-leading-zero); /* Вивід номера з 0 */
        font-size: 16px;
        color: #EB1C24; /* Червоний колір */
        left: 0;
        top: -9px;
        font-weight: 400;
        line-height: 35px;
        margin-right: 20px;
        position: absolute;


    }

    /* Текст заголовку */
    .service_style h3 {
        margin: 0;
        padding-left: 20px; /* Відступ для заголовка */
        font-size: 18px;
        color: #404040;




    }

    /* Текст опису проблеми */


    .highlight-title {
        font-size: 14px;
        color: #526278;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-align: center;
        /*margin-bottom: 6px;*/
    }

    .highlight-title::before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26; /* Червоний квадрат */
        margin-right: 9px;
        margin-bottom: 1px;
        display: inline-block;
    }

    .problem-title {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /*font-weight: bold;*/
        margin: 6px 0;

    }

    /* Контейнер для проблем */
    /*.problem_highlight {*/
    /*    display: flex;*/
    /*    flex-direction: column;*/
    /*    !*gap: 20px;*!*/
    /*}*/

    /*.problem_highlight > div {*/
    /*    display: flex;*/
    /*    align-items: flex-start;*/
    /*    border-bottom: 1px solid #ddd;*/
    /*    padding-bottom: 15px;*/
    /*    margin-bottom: 15px;*/
    /*}*/


    /* Окремі блоки */
    /*.problem_highlight > div {*/
    /*    border-bottom: 1px solid #ddd;*/
    /*    padding: 15px 0;*/
    /*}*/

    /*.problem_highlight > div:last-child {*/
    /*    border-bottom: none;*/
    /*}*/

    /* Нумерація */
    /*.problem_highlight span {*/
    /*    font-size: 20px;*/
    /*    font-weight: bold;*/
    /*    color: #d41f26;*/
    /*    margin-right: 15px;*/
    /*    display: inline-block;*/
    /*    width: 30px;*/
    /*    text-align: left;*/
    /*}*/

    /*.problem_highlight p {*/
    /*    margin: 5px 0 0;*/
    /*    color: #666;*/
    /*    font-size: 16px;*/
    /*    line-height: 1.5;*/
    /*}*/








}


@media (min-width: 768px) and (max-width: 1279px){


    .first_block_four {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_five {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_six {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_seven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_eight {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_nine {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_ten {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_eleven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }

    .bloc_one_two_three {
        width: 716px;
        /*height: 140px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .service_bloc_four {
        flex: 1 1 calc(50% - 20px); /* Блоку відводиться 50% ширини з відступами */
        background-color: #141921; /* Темний фон */
        color: #fff; /* Колір тексту */
        padding: 20px; /* Відступ всередині блоків */
        border-radius: 12px; /* Скруглення кутів */
        text-align: left; /* Текст вирівняний по лівому краю */
        width: 348px;
        height: 220px;
    }
    .service_bloc_ten_eleven_five {
        display: flex;
        flex-wrap: wrap; /* Дозволяє блокам переноситися на новий рядок */
        /*justify-content: space-between; !* Розміщує блоки рівномірно *!*/
        gap: 16px; /* Відстань між блоками */
    }
    .service_bloc_four svg {
        margin-bottom: 16px; /* Відступ між іконкою та заголовком */
    }
    .service_four_five_six_seven {
        width: 716px;
        margin-left: auto;
        margin-right: auto;
    }
    .service_information {
        background-color: #0C1016;

        /*margin-bottom: 60px;*/
        /* width: 1320px; */
        /*padding-top: 149px;*/
        display: flex;
        flex-wrap: wrap;
    }

    .service_tool_one {
        /*width: 1320px;*/
        margin-right: auto;
        margin-left: auto;
        /*margin-top: 30px;*/
        width: 744px;
        height: 764px;
        top: 2620px;
        padding: 40px 0px 0px 14px;
        /*display: flex;*/
        /*justify-content: space-between;*/

    }

    .service_bloc_three {
        display: none;
    }
    .service_bloc_three_eleven {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;

    }

    .first_block_one::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    .first_block_one {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        width: fit-content;
        position: relative;
        text-align: center;
        color: #FFFFFF99;
    }

    .first_block_two {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /* font-weight: bold; */
        margin: 12px 0;
        color: #FFFFFF;
        text-align: center;
    }
    .service_bloc_one {
        text-align: center;

    }

    /*кнопка*/
    /*.first_block_three {*/
    /*    background-color: #EB1C24;*/
    /*    width: 187px;*/
    /*    color: #ffffff;*/
    /*    text-indent: 0;*/
    /*    font-weight: 600;*/
    /*    height: 52px;*/
    /*    -webkit-transition: 0.5s all;*/
    /*    -o-transition: 0.5s all;*/
    /*    transition: 0.5s all;*/
    /*    letter-spacing: 1px;*/
    /*    font-size: 14px;*/
    /*    border-radius: 12px;*/
    /*    font-family: var(--font-family-main);*/
    /*    line-height: 20px;*/
    /*    text-align: center;*/
    /*}*/
    /*.first_block_three {*/
    /*    padding: 14px;*/
    /*    border-radius: 12px;*/
    /*    gap: 20px;*/
    /*    border: 0;*/

    /*    !*height: 784px;*!*/

    /*}*/


    /*кнопка*/
    .first-block-lift {
        background-color: #EB1C24;
        width: fit-content;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        padding: 16px 20px;
        /*height: 52px;*/
        /*-webkit-transition: 0.5s all;*/
        /*-o-transition: 0.5s all;*/
        /*transition: 0.5s all;*/
        /*letter-spacing: 1px;*/
        font-size: 14px;
        border-radius: 12px;
        font-family: var(--font-family-main);
        line-height: 20px;
        text-align: center;
        display: flex;
        align-items: center;
        gap: 10px;

    }

    .first-block-lift::after {
        content: '';
        display: block;
        width: 23px;
        height: 20px;
        background-size: 100% 100%;
        background-position-x: 0;
        background-image: url("./assets/img/icons/icon_arrow_right.svg");
        transition: all var(--transition-time-all);
    }


    .first-block-lift:hover::after {
        background-position-x: 23px;
    }



    /*.first-block-lift {*/
    /*    padding: 14px;*/
    /*    border-radius: 24px;*/
    /*    gap: 20px;*/
    /*    border: 0;*/

    /*    !*height: 784px;*!*/

    /*}*/

    .service-main-tool {
        background-color: #141921;
        margin-bottom: 60px;
        /*width: 1320px;*/
        padding-top: 30px;
        flex-direction: column;
        display: flex;
        flex-wrap: wrap;
        /*margin-left: auto;*/
    }
    .group-image {
        height: 455px;
    }
    .group-content {
        color: floralwhite;
        margin-top: 50px;
        padding-bottom: 60px;
    }
    .block-right {
        margin-top: 40px;
    }
    .first-block-rights {
        font-family: Inter Tight;
        font-size: 22px;
        font-weight: 400;
        line-height: 28.88px;
        /*width: 660px;*/
        height: 174px;
        gap: 0px;
        opacity: 0px;
        color: #FFFFFF99;
    }
    .first-block-lefts {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 12px;
    }

    .service_tool_photo {
        width: 704px;
        margin-right: auto;
        margin-left: auto;
        margin-top: 14px;
    }

    .image_ten {
        display: none;
    }
    .image_twelve {
        display: none;
    }

    .image_eleven {
        width: 704px !important;
        height: 455px !important;
        margin-left: auto;
        margin-right: auto;
    }

    .first-block-look {
        font-family: var(--font-family-minor)
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        color: #FFFFFF99;
        margin-bottom: 12px;

    }
    .first-block-look::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }



    .first-block-look h6{
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }

    .ervis-thumbnail a img{
        /*font-family: var(--font-family-minor);*/
        width: 342px;
        height: 330px;
        gap: 8px;
        border-radius: 12px;
        object-fit: cover;
        row-gap: 16px;
        /*padding: 16px;*/
        background-color: #FFF;
        border-radius: 12px;


    }
    .main-service-text {

    }


    .ervis-thumbnail {
        margin-bottom: 16px;
    }
    .title-ervis h2{
        font-family: var(--font-family-minor);
        font-size: 16px;
        font-weight: 600;
        /*margin-top: -30px;*/
        /*font-weight: 500;*/
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        /*width: 260px;*/
        height: 41px;
        /*margin-left: 16px;*/
        margin-bottom: 6px;
        line-height: 19.36px;



    }

    .read-ervis a{
        /*margin-left: 16px;*/
        color: #666;
        /*font-family: var(--font-family-minor);*/
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 300;
    }
    .read-ervis a:after {
        /*content: '';*/
        /*display: inline-block;*/
        /*width: 10px;*/
        /*height: 10px;*/
        /*border-right: 2px solid #666; !* Тонка вертикальна лінія *!*/
        /*border-bottom: 2px solid #666; !* Тонка горизонтальна лінія *!*/
        /*transform: rotate(315deg); !* Створює ефект стрілки *!*/
        /*margin-left: 3px; !* Відстань між текстом і стрілкою *!*/


    }




    .news-ervis-text {
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        justify-content: center;
        column-gap: 20px;
        row-gap: 40px;
        margin-right: auto;
        min-width: 744px;
        max-width: 800px;
        margin-bottom: 100px;
    }
    .title-ervis {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }
    .news-ervis {
        height: 482px;
    }



    .title-ervis svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: 0px;
        right: -7px;
    }




    .site-news h1{
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .read-ervis a{
        /*margin-top: auto; !* Відсуває кнопку до низу *!*/
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        /*font-family: var(--font-family-minor);*/
    }
    .title-ervis_big{
        margin-top: -2px;
        width:342px;
        height:136px;
        gap: 12px;
        padding: 16px;
        margin-bottom: 100px;
        border-radius: 12px;
        background: #222932;
        color: #FFFFFF;
        line-height: 1.01;


    }
    .title-ervis {
        /*width: 315px;*/
        /*height: 136px;*/
        /*padding: 16px ;*/
        /*!*gap: 8px;*!*/
        /*border-radius: 12px;*/
        /*background: #222932;*/
        /*color:  #FFFFFF;*/

    }



    .form-service-pak {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }

    .form-service-pak::before{
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }
    /*.first-block-lift {*/
    /*    padding: 14px;*/
    /*    border-radius: 12px;*/
    /*    gap: 20px;*/
    /*    border: 0;*/

    /*    !*height: 784px;*!*/

    /*}*/

    .first-block-lift::after {
        content: '';
        display: block;
        width: 23px;
        height: 20px;
        background-size: 100% 100%;
        background-position-x: 0;
        background-image: url("./assets/img/icons/icon_arrow_right.svg");
        transition: all var(--transition-time-all);
    }


    .first-block-lift:hover::after {
        background-position-x: 23px;
    }


    .form-service-pak h6{
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }
    .main-news-service {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-pak-text {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        width: 645px;
        height: 110px;
        text-align: center;
    }




    /* Загальний блок */
    .block-problem {
        background-color: #f1f1f1;
        padding-bottom: 60px;
    }
    .title_main_problem {
        background-color: #f1f1f1;
        margin: 0 auto;
        /*padding: 20px;*/
        font-family: var(--font-family-minor);
        color: #0C0C0C;
        width: 704px;
        /*height: 999px;*/

    }

    /* Верхній заголовок */
    .highlight-main {
        margin-bottom: 60px;
    }

    .highlight-title-problem {
        align-items: center;
    }
    .problem_highlight {
        display: flex;
        flex-direction: column;
        /*gap: 20px; !* Відстань між блоками *!*/
        counter-reset: problem-counter; /* Ініціалізація лічильника */
        gap: 13px;

    }


    .service_mood {
        /*margin-bottom: 26px;*/
        font-family: var(--font-family-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 35px;
        gap: 15px;
        /*padding-bottom: 15px;*/
        /*border-bottom: 1px solid  #ADB4BD;*/
        color: #141414;
        margin-left: 39px;
    }


    .service_style {
        font-family: var(--font-family-main);
        font-size: 26px;
        font-weight: 400;
        line-height: 35px;
        position: relative;
        color: #404040;
        margin-left: 2px;
        padding-left: 39px;
    }

    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;


    }

    .problem_highlight_block {

    }



    /* Нумерація перед заголовком */
    .service_style::before {
        font-family: var(--font-family-main);
        counter-increment: problem-counter; /* Збільшення лічильника */
        content: counter(problem-counter, decimal-leading-zero); /* Вивід номера з 0 */
        font-size: 16px;
        color: #EB1C24; /* Червоний колір */
        left: 0;
        top: -5px;
        font-weight: 400;
        line-height: 35px;
        margin-right: 20px;
        position: absolute;
    }

    /* Текст заголовку */
    .service_style h3 {
        margin: 0;
        padding-left: 20px; /* Відступ для заголовка */
        font-size: 18px;
        color: #404040;




    }

    /* Текст опису проблеми */


    .highlight-title {
        font-size: 14px;
        color: #526278;
        font-weight: 500;
        display: flex;
        align-items: center;
        text-align: center;
        /*margin-bottom: 6px;*/
    }

    .highlight-title::before {
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26; /* Червоний квадрат */
        margin-right: 9px;
        margin-bottom: 1px;
        display: inline-block;
    }

    .problem-title {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 54.6px;
        /*font-weight: bold;*/
        margin: 6px 0;

    }
    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;
        background-color: #52627880;
    }




}


@media (min-width: 0px) and (max-width: 767px) {


    .first_block_four {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_five {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_six {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_seven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_eight {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_nine {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }
    .first_block_ten {
        font-family: var(--font-family-main);
        font-size: 18px;
        font-weight: 600;
        line-height: 26.1px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
    }
    .first_block_eleven {
        font-family: var(--font-family-main);
        font-size: 15px;
        font-weight: 300;
        line-height: 18.15px;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        color: #FFFFFF;
        margin-top: 6px;

    }

    .bloc_one_two_three {
        width: 340px;
        /*height: 140px;*/
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-left: auto;
        margin-right: auto;
    }

    .service_bloc_four {
        /*flex: 1 1 calc(50% - 20px); !* Блоку відводиться 50% ширини з відступами *!*/
        background-color: #141921; /* Темний фон */
        color: #fff; /* Колір тексту */
        padding: 20px; /* Відступ всередині блоків */
        border-radius: 12px; /* Скруглення кутів */
        text-align: left; /* Текст вирівняний по лівому краю */
        /*width: 340px;*/
        /*height: 207.5px;*/
    }
    .service_bloc_ten_eleven_five {
        /*display: flex;*/
        /*flex-direction: column;*/
        gap: 20px;
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .service_bloc_four svg {
        margin-bottom: 16px; /* Відступ між іконкою та заголовком */
    }
    .service_four_five_six_seven {
        /*width: 340px;*/
        margin-left: auto;
        margin-right: auto;
    }
    .service_information {
        background-color: #0C1016;

        /*margin-bottom: 60px;*/
        /* width: 1320px; */
        /*padding-top: 149px;*/
        display: flex;
        flex-wrap: wrap;
    }

    .service_tool_one {
        /*width: 1320px;*/
        margin-right: auto;
        margin-left: auto;
        /*margin-top: 30px;*/
        /*width: 360px;*/
        padding: 40px 10px 0px 10px;
        margin-bottom: 32px;
        /*display: flex;*/
        /*justify-content: space-between;*/

    }



    .first_block_one::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
        margin-left: 17px;
    }
    .first_block_one {
        padding-left: 37px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        width: fit-content;
        position: relative;
        text-align: initial;
        color: #FFFFFF99;
    }

    .first_block_two {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        /* font-weight: bold; */
        margin: 12px 0;
        color: #FFFFFF;
        text-align: center;


    }
    .service_bloc_one {
        text-align: center;

    }

    /*кнопка*/
    .first_block_three {
        background-color: #EB1C24;
        width: 340px;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        height: 40px;
        -webkit-transition: 0.5s all;
        -o-transition: 0.5s all;
        transition: 0.5s all;
        letter-spacing: 1px;
        font-size: 14px;
        border-radius: 12px;
        font-family: var(--font-family-main);
        line-height: 20px;
        text-align: center;
    }
    .first_block_three {
        padding: 10px;
        border-radius: 12px;
        gap: 20px;
        border: 0;

        /*height: 784px;*/

    }
    .service_bloc_three {
        display: none;
    }
    .service_bloc_three_eleven {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 20px;

    }


    /*кнопка*/
    .first-block-lift {
        background-color: #EB1C24;
        width: 100%;
        color: #ffffff;
        text-indent: 0;
        font-weight: 600;
        /*height: 52px;*/
        /*-webkit-transition: 0.5s all;*/
        /*-o-transition: 0.5s all;*/
        /*transition: 0.5s all;*/
        /*letter-spacing: 1px;*/
        font-size: 14px;
        border-radius: 12px;
        font-family: var(--font-family-main);
        line-height: 20px;
        text-align: center;
        padding: 10px 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap:10px;
    }

    .first-block-lift::after {
        content: '';
        display: block;
        width: 23px;
        height: 20px;
        background-size: 100% 100%;
        background-position-x: 0;
        background-image: url("./assets/img/icons/icon_arrow_right.svg");
        transition: all var(--transition-time-all);
    }


    .first-block-lift:hover::after {
        background-position-x: 23px;
    }


    .first-block-look {
        font-family: var(--font-family-minor)
        font-size: 14px;
        font-weight: 500;
        line-height: 18.2px;
        color: #FFFFFF99;
        margin-bottom: 12px;

    }
    .first-block-look::before{
        content: '';
        width: 9px;
        height: 9px;
        background-color: #d41f26;
        margin-right: 9px;
        margin-bottom: 2px;
        display: inline-block;
    }



    .first-block-look h6{
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }


    /*.first-block-lift {*/
    /*    padding: 10px;*/
    /*    border-radius: 12px;*/
    /*    border: 0;*/
    /*    height: 40px;*/
    /*    width: 342px;*/
    /*}*/

    .service-main-tool {
        background-color: #141921;
        margin-bottom: 60px;
        /*width: 1320px;*/
        padding-top: 20px;
        flex-direction: column;
        display: flex;
        flex-wrap: wrap;
        /*margin-left: auto;*/
    }
    .group-image {
        /*height: 320px;*/
    }
    .group-content {
        color: floralwhite;
        margin-top: 30px;
        padding-bottom: 40px;
    }
    .block-right {
        margin-top: 30px;
    }
    .first-block-rights {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 400;
        line-height: 21px;
        /*width: 660px;*/
        /*height: 174px;*/
        gap: 0px;
        opacity: 0px;
        color: #FFFFFF99;
    }
    .first-block-lefts {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        margin-bottom: 12px;

    }

    .service_tool_photo {
        /*width: 342px;*/
        padding-right: 10px;
        padding-left: 10px;
        margin-right: auto;
        margin-left: auto;
        /*margin-top: -25px;*/
    }

    .image_ten {
        display: none;
    }
    .image_eleven {
       display: none;
    }
    .image_twelve img {
        /*width: 342px !important;*/
        /*height: 320px !important;*/
        width: 100%;
        object-fit: cover;
    }



    .ervis-thumbnail a img {
        /*font-family: var(--font-family-minor);*/
        width: 100%;
        /*max-height: 421px;*/
        height: 100%;
        max-width: 600px;
        gap: 8px;
        border-radius: 12px;
        object-fit: cover;
        row-gap: 16px;
        /*padding: 16px;*/
        background-color: #FFF;
        border-radius: 12px;

    }

    .main-service-text {

    }


    .ervis-thumbnail {
        margin-bottom: 16px;
    }

    .title-ervis h2 {
        font-family: Inter Tight;
        font-size: 16px;
        font-weight: 600;
        /*margin-top: -30px;*/
        /*font-weight: 500;*/
        /*line-height: 20px;*/
        /*text-align: left;*/
        display: -webkit-box;
        -webkit-line-clamp: 3; /* Кількість рядків, які хочете відобразити */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis; /* Додає три крапки в кінці тексту */
        /*width: 260px;*/
        height: 41px;
        /*margin-left: 16px;*/
        margin-bottom: 6px;
        line-height: 19.36px;


    }

    .read-ervis a {
        /*margin-left: 16px;*/
        color: #666;
        /*font-family: var(--font-family-minor);*/
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 300;
    }

    .read-ervis a:after {
        /*content: '';*/
        /*display: inline-block;*/
        /*width: 10px;*/
        /*height: 10px;*/
        /*border-right: 2px solid #666; !* Тонка вертикальна лінія *!*/
        /*border-bottom: 2px solid #666; !* Тонка горизонтальна лінія *!*/
        /*transform: rotate(315deg); !* Створює ефект стрілки *!*/
        /*margin-left: 3px; !* Відстань між текстом і стрілкою *!*/


    }


    .news-ervis-text {
        /*min-width: 360px;*/
        /*margin-left: auto;*/
        /*column-gap: 20px;*/
        /*margin-right: auto;*/
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        padding-left: 10px;
        padding-right: 10px;
        row-gap: 20px;
        justify-content: center;
        align-items: center;
        margin-bottom: 100px;

    }

    .title-ervis {
        position: relative; /* Для позиціонування SVG всередині контейнера */
        /*display: inline-block; !* Забезпечує коректний розмір блоку *!*/
    }

    .news-ervis {
        display: flex;
        flex-direction: column;
        align-items: center;
        /*height: 482px;*/
    }


    .title-ervis svg {
        position: absolute; /* Дозволяє розміщувати SVG відносно контейнера */
        top: 0px;
        right: -7px;
    }


    .site-news h1 {
        font-family: var(--font-family-minor);
        font-size: 42px;
        font-weight: 500;
        line-height: 1.3;
        text-align: center;
        margin-bottom: 60px;
    }

    .read-ervis a {
        /*margin-top: auto; !* Відсуває кнопку до низу *!*/
        /*margin-bottom: 16px; !* Встановлює відстань 16px віднизу *!*/
        /*font-family: var(--font-family-minor);*/
    }

    .title-ervis_big {
        /*margin-top: -2px;*/
        width: fit-content;
        height: 136px;
        gap: 12px;
        padding: 16px;
        /*margin-bottom: 100px;*/
        border-radius: 12px;
        background: #222932;
        color: #FFFFFF;
        line-height: 1.01;
        max-width: 600px;

    }

    .title-ervis {
        /*width: 315px;*/
        /*height: 136px;*/
        /*padding: 16px ;*/
        /*!*gap: 8px;*!*/
        /*border-radius: 12px;*/
        /*background: #222932;*/
        /*color:  #FFFFFF;*/

    }


    .form-service-pak {
        padding-left: 18px;
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;
        color: #526278;
        width: fit-content;
        position: relative;
        text-align: center;
    }

    .form-service-pak::before {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 9px;
        height: 9px;
        background-color: rgba(235, 28, 36, 1);
        opacity: 1;
    }


    .form-service-pak h6 {
        font-family: var(--font-family-minor);
        font-size: 14px;
        font-weight: 500;
        line-height: 1.3;

    }

    .main-news-service {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .form-pak-text {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3;
        /*width: 357px;*/
        /*height: 110px;*/
        text-align: center;

    }


    /* Загальний блок */
    .block-problem {
        background-color: #f1f1f1;
        padding-bottom: 60px;
    }
    .title_main_problem {
        background-color: #f1f1f1;
        /*margin: 0 auto;*/
        /*padding: 20px;*/
        font-family: var(--font-family-minor);
        color: #0C0C0C;
        max-width: 600px;
        /*height: 1265px;*/
        margin-left: auto;
        margin-right: auto;
        padding-left: 10px;
        padding-right: 10px;
    }

    /* Верхній заголовок */
    .highlight-main {
        margin-bottom: 30px;
    }

    .highlight-title-problem {
        align-items: center;
    }
    .problem_highlight {
        display: flex;
        flex-direction: column;
        /*gap: 20px; !* Відстань між блоками *!*/
        counter-reset: problem-counter; /* Ініціалізація лічильника */
        gap: 13px;

    }


    .service_mood {
        /*margin-bottom: 26px;*/
        font-family: var(--font-family-main);
        font-size: 16px;
        font-weight: 400;
        line-height: 35px;
        gap: 15px;
        /*padding-bottom: 15px;*/
        /*border-bottom: 1px solid  #ADB4BD;*/
        color: #141414;
        margin-left: 39px;
    }


    .service_style {
        font-family: var(--font-family-main);
        font-size: 26px;
        font-weight: 400;
        line-height: 35px;
        position: relative;
        color: #404040;
        margin-left: 2px;
        padding-left: 39px;
    }

    .wp-block-separator {
        border-top: 1px solid #ADB4BD !important;
        color: #ADB4BD;
        gap: 66px;
        border: 1px ;
        opacity: 1 !important;


    }

    .problem_highlight_block {

    }



    /* Нумерація перед заголовком */
    .service_style::before {
        font-family: var(--font-family-main);
        counter-increment: problem-counter; /* Збільшення лічильника */
        content: counter(problem-counter, decimal-leading-zero); /* Вивід номера з 0 */
        font-size: 16px;
        color: #EB1C24; /* Червоний колір */
        left: 0;
        top: -9px;
        font-weight: 400;
        line-height: 35px;
        margin-right: 20px;
        position: absolute;


    }

    /* Текст заголовку */
    .service_style h3 {
        margin: 0;
        padding-left: 20px; /* Відступ для заголовка */
        font-size: 18px;
        color: #404040;




    }

    /* Текст опису проблеми */


    .highlight-title {
        font-size: 14px;
        color: #526278;
        font-weight: 500;
        display: flex;
        align-items: center;
        /*text-align: justify;*/
        /*margin-bottom: 6px;*/
        width: 302px;
    }

    .highlight-title::before {
        content: '';
        width: 14px;
        height: 9px;
        background-color: #d41f26; /* Червоний квадрат */
        margin-right: 9px;
        margin-bottom: 3px;
        display: inline-block;
    }

    .problem-title {
        font-family: var(--font-family-minor);
        font-size: 24px;
        font-weight: 500;
        line-height: 31.2px;
        /*font-weight: bold;*/
        margin: 6px 0;

    }


}

.icon_arrow_cart{
    fill: rgba(20, 20, 20, 1);
    transition: all var(--transition-time-all);
}

.new-blogs:hover .title-blog {
    text-decoration: underline;
    color:  rgba(235, 28, 36, 1);
}

.new-blogs:hover .icon_arrow_cart{
    fill: rgba(235, 28, 36, 1);
    transform: rotate(-135deg);
}

.news-post:hover .icon_arrow_cart{
    fill: rgba(235, 28, 36, 1);
    transform: rotate(-135deg);
}

.title-name{
    transition: all var(--transition-time-all);
}

.news-post:hover .title-name{
    text-decoration: underline;
    color:  rgba(235, 28, 36, 1);
}

.title-name svg {
    transition: all var(--transition-time-all);
}

.news-post:hover .title-name svg {
    transform: rotate(-135deg);
}

.news-post:hover .title-name path{
    fill: rgba(235, 28, 36, 1);

}


.title-ervis h2 {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
}


.title-ervis h2::after {
    content: '';
    min-width: 28px;
    height: 28px;
    display: block;
    background-size: 28px 28px; /* Розмір однієї стрілки */
    background-repeat: repeat; /* Повторення стрілок */
    transition: all var(--transition-time-all);
    background-image: url("./assets/img/icons/arrow_red.svg");
    background-position: 0 0;
}

.news-ervis:hover .title-ervis h2::after {
    background-position: 28px 0;
}

.news-ervis:hover .title-ervis h2 {
    text-decoration: underline;
}

.btn_open_form_leave_request_tablet:hover {
    cursor: pointer;
    background-color: rgba(82, 98, 120, 1);
}


.wpcf7-spinner, .wpcf7-spinner:before{
    display: none !important;
}

.magical-cmc p {
    margin-bottom: 0;
}


.container_blog_page{
    /*max-width: 360px;*/
    padding-left: 10px;
    padding-right: 10px;

}

@media screen and (min-width: 768px) {

    .container_blog_page{
        margin-left: auto;
        margin-right: auto;
        max-width: none;
        padding-left: 0;
        padding-right: 0;
        width: 704px;
    }
}
@media screen and (min-width: 1280px) {
    .container_blog_page{
        max-width: 1320px;
        width: 100%;
        padding-left: 60px;
        padding-right: 60px;
    }
}
@media screen and (min-width: 1320px) {
    .container_blog_page{
        padding-left: 0;
        padding-right: 0;
    }
}


.wpcf7-response-output {
    width: fit-content !important;
}


.box_description_product_page p {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.box_description_product_page .text_paragraph_page {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
}
.box_description_product_page .title_description_product_page {
    font-family: Inter Tight;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}
.box_description_product_page li {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;


}
.container_custom_code_material p {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.custom_code_material ul {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}
.box_description_product_page .text_description_product_page_paragraph_one {
    font-family: Inter Tight;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;

}



.pagination-of-pages .following, .pagination-of-pages .previous {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 3px;
}

.pagination-of-pages a:hover{
    gap: 3px;
}


.pagination-of-pages .current, .page-numbers {
    width: 40px;
    height: 40px;
    opacity: 1;
}

.pagination-of-pages a:hover {
    opacity: 1;
}

.pagination-of-pages .current:hover {
    background-color: #526278;
    color: white;
}

.page-numbers.dots:hover {
    background-color: #f1f1f1;
}


@media screen and (max-width: 767px) {
    .pagination-of-pages .following, .pagination-of-pages .previous {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .wp-block-group figure {
        margin: 0;
    }
}


.privacy_update{
    opacity: 1 !important;
}

.first-block-rights {
    opacity: 1 !important;
}