:root {
    --vampireblack: #f7f7f7;
    --chineseblack: #ecebea;
    --eerie-black: #ebebeb;
    --white: #000000;
    --black: #ffffff;
    --darkgrey: #696969;
    --lightgrey: #cccccc;
    --orange: #ffa52e;
    --orange-hover: rgba(255, 165, 46, 0.88);
    --error: #ff5656;
    --placeholder: #696969;
    --hover-duration: 0.3s;
    --orange-gradient: linear-gradient(
        360deg,
        #ffa52e -11.76%,
        #ffa52e -11.75%,
        #050505 72.49%,
        #050505 105.59%
    );
    --blur: rgba(255, 255, 255, 0.06);
    --h3FontSize: 36px;
    --h4FontSize: 28px;
    --h3LineHeight: 44px;
    --h4LineHeight: 1.5em;
    --largeFontSize: 20px;
    --largeLineHeight: 28px;
    --standartFontSize: 16px;
    --standartLineHeight: 24px;
    --smallFontSize: 14px;
    --smallLineHeight: 20px;
    --popupBackground: rgba(5, 5, 5, 0.9);
}

* {
    font-family: segoe-regular, montserratt-regular;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.bold {
    font-family: segoe-bold, montserratt-bold;
}

h1 {
    font-size: 60px;
    line-height: 88px;
    font-family: segoe-bold, montserratt-bold;
}

h2 {
    font-size: 48px;
    line-height: 56px;
    font-family: segoe-semi-bold, montserratt-semi-bold;
}

h3 {
    font-size: 36px;
    line-height: 44px;
    font-family: segoe-semi-bold, montserratt-semi-bold;
}

h4 {
    font-size: 24px;
    line-height: 32px;
    font-family: segoe-semi-bold, montserratt-semi-bold;
}

.orangeHalf {
    color: var(--orange);
}

.whiteHalf {
    color: var(--white);
    font-family: segoe-semi-bold, montserratt-semi-bold;
}

body {
    overflow-x: hidden;
    margin: 0;
    background-color: var(--black);
    color: var(--white);
    opacity: 0;
    position: relative;
    animation-name: bodyAnimate;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

.content {
    max-width: 1170px;
    margin: 0 auto;
    padding-left: 16px;
    padding-right: 16px;
}

input,
textarea {
    color: var(--darkgrey);
    font-size: 16px;
    line-height: 24px;
    background-color: inherit;
    padding: 12px 0 11px;
    border: 0;
    outline: 0;
    cursor: pointer;
    border-bottom: 1px solid var(--darkgrey);
    transition: var(--hover-duration);
    appearance: textfield;
}

input:hover,
textarea:hover {
    color: var(--lightgrey);
    border-bottom: 1px solid var(--orange);
}

input:valid,
textarea:valid {
    color: var(--darkgrey);
    border-bottom: 1px solid var(--darkgrey);
}

input:focus:invalid,
textarea:focus:invalid {
    color: var(--lightgrey);
}

input:focus:valid,
textarea:focus:valid {
    color: var(--darkgrey);
}

input:valid,
textarea:valid {
    border-bottom: 1px solid var(--lightgrey);
}

input:focus,
textarea:focus {
    border-bottom: 1px solid var(--orange);
}

input.error,
textarea.error {
    border-bottom: 1px solid var(--error);
}

label.error {
    color: var(--error);
}

input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

textarea::-webkit-scrollbar {
    width: 4px;
    padding: 5px 0;
}

textarea::-webkit-scrollbar-thumb {
    background-color: var(--lightgrey);
}

textarea.error::-webkit-scrollbar-thumb {
    background-color: var(--error);
}

textarea:focus::-webkit-scrollbar-thumb {
    background-color: var(--darkgrey);
}

.input_group {
    display: flex;
    flex-direction: column;
}

.info_inputs {
    margin: 0 -15px 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.info_inputs .input_group {
    margin: 16px 15px 0;
    width: calc(50% - 30px);
}

.info_inputs .input_group:has(textarea) {
    width: calc(100% - 30px);
}

.info_inputs .input_group:has(input[type="file"]) {
    width: calc(100% - 30px);
    padding: 12px 0;
}

.info_inputs .input_group:has(input[type="file"]) input {
    border: 0;
}

.attach_container input[type="file"] {
    display: none;
}

.attach_container label {
    width: fit-content;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: var(--hover-duration);
}

.attach_container label:hover {
    opacity: 0.8;
}

.attach_container label:active {
    opacity: 0.6;
}

.attach_container label span {
    text-decoration: underline;
    padding-left: 8px;
    font-size: 16px;
    line-height: 24px;
}

.attach_container img {
    width: 24px;
    height: 24px;
}

.file {
    /* max-width: 300px; */
    display: flex;
    align-items: center;
    margin-top: 12px;
}

.file span {
    padding: 0 16px 0 8px;
    font-size: 16px;
    line-height: 24px;
}

.delete_file {
    cursor: pointer;
    transition: var(--hover-duration);
}

.delete_file:hover {
    opacity: 0.8;
}

.delete_file:active {
    opacity: 0.6;
}

.checkbox_container {
    display: flex;
    flex-wrap: wrap;
}

.checkbox_container input[type="radio"] {
    display: none;
}

.checkbox_container span {
    color: var(--darkgrey);
}

.checkbox_container label:nth-child(1) {
    margin-right: 40px;
}

.checkbox_container label {
    cursor: pointer;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    display: flex;
    align-items: center;
}

.checkbox_container label img {
    margin-right: 8px;
}

.checkbox_container label:has(input[type="radio"]:checked) .check {
    display: none;
}

.checkbox_container label:has(input[type="radio"]:checked) .check_active {
    display: inline-block;
}

.checkbox_container label:has(:not([type="radio"]:checked)) .check_active {
    display: none;
}

header {
    position: fixed;
    z-index: 99;
    width: 100%;
    top: 0;
    left: 0;
    height: 80px;
    background: var(--vampireblack);
    border-bottom: 1px solid #f0f0f0;
}

header .content {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

header nav {
    display: flex;
    justify-content: space-between;
    max-width: 840px;
    width: 100%;
}

header nav div {
    display: flex;
    align-items: center;
    position: relative;
}

header .burger {
    display: none;
    line-height: 80px;
}

header .burger img,
#closeMenu {
    cursor: pointer;
    width: 24px;
    transition: var(--hover-duration);
}

header .burger img:hover {
    opacity: 0.5;
}

header .small_btn {
    white-space: nowrap;
}

.header-menu {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    color: var(--white);
    margin: 0px 0 0 20px;
    white-space: nowrap;
    text-decoration: none;
}
.header-menu.active {
    color: var(--orange);
}
.header-menu:hover {
    text-decoration: underline;
    cursor: pointer;
}

header .small_btn {
    margin-left: 20px;
}

.header-mobMenu {
    color: var(--white);
    text-decoration: none;
}

.header-mobMenu:hover {
    text-decoration: underline;
    cursor: pointer;
}

.mobileMenu {
    display: none;
    position: fixed;
    height: 100%;
    z-index: 99;
    background-color: var(--chineseblack);
    top: 0;
    left: 0;
    width: 100%;
}

.mobileMenu h3 {
    margin: 0px 0px 37px;
}

.partnership {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#accordionMenu {
    max-width: 300px;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mobileMenu h3 img {
    transition: 0.4s;
    width: 20px;
    margin-top: 5px;
}

.content.close {
    display: flex;
    flex-direction: row-reverse;
    padding-top: 27px;
}

.content.navBar {
    display: flex;
    flex-direction: column;
    margin: 57px 0 0;
}

.content.mobLangs {
    /*position: fixed;*/
    /*bottom: 0;*/
    /*left: 0;*/
    padding: 20px 0 46px 0;
}
.barMenu {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: calc(100% - 51px);
    overflow-y: auto;
}

.barMenu::-webkit-scrollbar {
    width: 4px;
    padding: 5px 0;
}
.barMenu .small_btn {
    max-width: none;
    padding: 10px 16px;
}
.barMenu::-webkit-scrollbar-thumb {
    background-color: var(--darkgrey);
}
.accordionOptions {
    display: none;
    box-sizing: border-box;
    padding: 0 0 21px 10px;
}

.accordionOptions div {
    font-size: 21px;
    line-height: 32px;
    margin-bottom: 16px;
}

.accordionOptions div a {
    text-decoration: none;
    color: var(--white);
    font-size: 18px;
    line-height: 1.3em;
    transition: var(--hover-duration);
}

.accordionOptions div a:hover {
    text-decoration: underline;
    color: var(--orange);
}

.langs {
    text-decoration: none;
    color: var(--white);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    transition: var(--hover-duration);
    display: flex;
}

.langs:hover {
    text-decoration: underline;
    color: var(--orange);
}

.langSwitch {
    display: none;
    background-color: var(--chineseblack);
    z-index: 99;
    width: 114px;
    padding: 8px 20px;
    position: absolute;
    top: 60px;
    left: 0px;
}

.langSelect img {
    margin-top: 3px;
    margin-left: 3px;
    width: 18px;
    transition: var(--hover-duration);
}

.cooperateOptions {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    background-color: var(--chineseblack);
    padding: 17px 15px 30px;
}

.cooperateOptions div {
    margin: 16px 0;
    text-align: center;
}

.cooperateOptions a {
    text-decoration: none;
    text-align: left;
    max-width: 300px;
    width: 300px;
    display: block;
    color: var(--white);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    transition: var(--hover-duration);
}

.cooperateOptions a:hover {
    text-decoration: underline;
    color: var(--orange);
}

.header-langs {
    margin: 0 20px 0 0;
}

.header-langs a {
    text-decoration: none;
    color: var(--white);
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
    transition: var(--hover-duration);
}

.header-langs.active a,
.header-langs a:hover {
    text-decoration: underline;
    color: var(--orange);
}

.cooperateSelect {
    display: flex;
}

.cooperateSelect img {
    margin-top: 3px;
    margin-left: 3px;
    width: 18px;
    transition: var(--hover-duration);
}

main {
    padding-top: 110px;
    min-height: calc(100vh - 268px);
}
a:has(.logo) {
    display: flex;
    align-items: center;
}
.logo {
    height: 50px;
    object-fit: cover;
}
.map_links {
    color: var(--darkgrey);
    text-decoration: none;
    margin-right: 32px;
}

a:hover {
    text-decoration: underline;
}

.primary_btn {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    text-decoration: none;
    padding: 10px 37px 14px;
    display: flex;
    justify-content: center;
    background-color: var(--orange);
    border: none;
    outline: none;
    color: var(--white);
    transition: var(--hover-duration);
}

.primary_btn:hover {
    text-decoration: none;
    background-color: rgb(226, 128, 0);
    cursor: pointer;
}

.primary_btn:active {
    background-color: rgba(195, 61, 4, 1);
}

.secondary_btn {
    text-align: center;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    background-color: transparent;
    border: 1px solid var(--darkgrey);
    outline: none;
    text-decoration: none;
    display: block;
    color: var(--darkgrey);
    padding: 10px 37px 14px;
    transition: var(--hover-duration);
}

.secondary_btn:hover {
    text-decoration: none;
    background-color: var(--lightgrey);
    cursor: pointer;
}

.secondary_btn:active {
    color: var(--white);
    background-color: var(--darkgrey);
}

.small_btn {
    text-align: center;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    text-decoration: none;
    padding: 4px 16px 8px;
    display: block;
    background-color: var(--orange);
    border: none;
    outline: none;
    color: white;
    transition: var(--hover-duration);
    max-width: 130px;
    width: 100%;
}

.small_btn:hover {
    text-decoration: none;
    background-color: var(--orange-hover);
    cursor: pointer;
}

.smallContainer {
    max-width: 670px;
    width: 100%;
}

.halfContainer {
    max-width: 370px;
    width: 100%;
}

.bigContainer {
    max-width: 770px;
    width: 100%;
}

.greySection,
.greySection_sec {
    padding: 80px 0;
    margin: 110px 0 80px;
    min-height: 470px;
    background-color: var(--eerie-black);
}
.arrows {
    display: flex;
    align-items: center;
}

.hoverImage {
    position: relative;
    overflow: hidden;
}

.hoverImage:before {
    display: block;
    content: "";
    padding-bottom: 67.5%;
}

.hoverImage img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.standartWide {
    position: relative;
    overflow: hidden;
}

.standartWide:before {
    display: block;
    content: "";
    padding-bottom: 57.5%;
}

.standartWide img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.halfSquareImage {
    position: relative;
    overflow: hidden;
}

.halfSquareImage:before {
    display: block;
    content: "";
    padding-bottom: 52.5%;
}

.halfSquareImage img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.image {
    position: relative;
    overflow: hidden;
}

.image:before {
    display: block;
    content: "";
    padding-bottom: 72.5%;
}

.image img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.image_square2 {
    position: relative;
    overflow: hidden;
}

.image_square2:before {
    display: block;
    content: "";
    padding-bottom: 110%;
}

.image_square2 img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

.image_square {
    position: relative;
    overflow: hidden;
}

.image_square:before {
    display: block;
    content: "";
    padding-bottom: 100%;
}

.image_square img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

/* footer */
footer {
    background: var(--vampireblack);
    border-top: 1px solid #f0f0f0;
    padding: 31px 0 22px;
}

.footerLogo {
    font-size: 0;
    line-height: 0;
    color: var(--lightgrey);
    text-decoration: none;
}

footer .logo {
    margin: 0;
}

footer .content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    color: var(--darkgrey);
}

.footerMenu span {
    color: var(--lightgrey);
}

.footerMenu div:first-child {
    color: var(--lightgrey);
}

.footerMenuInner div {
    margin-top: 10px;
}
.footerMenuInner span {
    color: var(--darkgrey);

    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}
.footerMenu a {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    color: var(--darkgrey);
    text-decoration: none;
}

.footerMenuInner a img {
    width: 32px;
}
.footerMenu a:hover {
    text-decoration: underline;
}

.powered {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.powered a {
    text-decoration: none;
    color: var(--darkgrey);
}

.footerInfo {
    width: 100%;
    padding-top: 30px;
    color: var(--darkgrey);
    display: flex;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    justify-content: space-between;
}

.footerMob #footerAccordion {
    display: flex;
}

.footerMob {
    display: none;
}

/* About */
.about_info {
    padding: 40px 0 70px;
}

.about_activity {
    display: flex;
    justify-content: space-between;
    padding: 0 16px 80px;
}

.about_activity > h2 {
    display: none;
}

.about_activity .smallContainer {
    margin-right: 30px;
}

.about_activity .smallContainer h2 {
    margin-bottom: 20px;
}

.about_activity .smallContainer p {
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
}

.info_list {
    counter-reset: serialnumber;
}

.info_listitem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    counter-increment: serialnumber;
    position: relative;
    padding: 40px 0;
    margin-bottom: 10px;
    transition: 1s;
}

.info_listitem:before {
    font-family: segoe-bold;
    font-size: var(--h4FontSize);
    line-height: var(--h4LineHeight);
    content: counter(serialnumber, decimal-leading-zero);
    transition: 0.8s;
    display: block;
}

.info_listitem h3 {
    font-size: var(--h4FontSize);
    line-height: var(--h4LineHeight);
    flex: 0 0 60%;
    transition: 0.8s;
}

.info_listitem p {
    color: var(--darkgrey);
    flex: 0 0 32%;
}

.info_listitem .hoverImage {
    position: absolute;
    left: 46%;
    width: 190px;
    opacity: 0;
    transition: 0.8s;
}

.info_listitem:hover::before {
    color: var(--orange);
}

.info_listitem:hover > h3 {
    color: var(--orange);
    transition: 0.8s;
}

.info_listitem:hover > .hoverImage {
    opacity: 1;
    transition: 0.8s;
    transform: rotate(-3deg);
}

.about_command {
    padding: 80px 0;
    border-top: 1px solid var(--chineseblack);
}

.about_command h2 {
    margin-bottom: 30px;
}

.workersContainer {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}

.worker {
    flex: 0 0 25%;
    padding: 30px 15px 0;
}

.worker .name {
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
    margin-top: 16px;
}

.worker .profession {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
    margin-top: 8px;
    color: var(--lightgrey);
}

/*About*/

/*HomePage*/
.mainTitle {
    position: relative;
    margin-bottom: 40px;
}

.b1 {
    cursor: pointer;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 113px;
    height: 113px;
    border-radius: 50%;
}

.b1 img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 24px;
}

.b1 .buttonDown {
    display: block;
    width: 113px;
    height: 113px;
    border-radius: 50%;
    border: 2px solid transparent; /*2*/
    background: var(--orange-gradient) border-box; /*3*/
    /* -webkit-mask: 4 linear-gradient(#fff 0 0) padding-box, */
    /* linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor; /*5'*/
    mask-composite: exclude; /*5*/
}

.bannerSlider {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    user-select: none;
}
.sliedCon {
    position: relative;
}
.sliedCon.web {
    display: block;
}
.sliedCon.mob {
    display: none;
}
.bnnerArrows {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
}
.bnnerArrows button {
    font-size: 0;
    outline: none;
    width: 32px;
    height: 32px;
    border: 1px solid var(--orange);
    border-radius: 50%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 16px;
    cursor: pointer;
    transition: var(--hover-duration);
}
.bnnerArrows button:hover {
    opacity: 0.95;
}
.bnnerArrows button:active {
    opacity: 0.9;
}
.bnnerArrows .slick-prev {
    margin-left: 24px;
    background-image: url("../img/icons/orange-left.svg");
}
.bnnerArrows .slick-next {
    margin-right: 24px;
    background-image: url("../img/icons/orange-right.svg");
}
.bannerSlider .slick-track {
    display: flex;
}

.bannerSlider .slick-list {
    overflow: hidden;
}

.bannerSlider .slick-dots {
    max-width: 1396px;
    width: 100%;
    margin: 0 auto;
    padding-left: 12px;
    display: flex;
    justify-content: center;
    z-index: 10;
    box-sizing: border-box;
    position: relative;
    bottom: 60px;
}

.bannerSlider .slick-dots li {
    list-style: none;
}

.bannerSlider .slick-dots button {
    width: 6px;
    height: 6px;
    font-size: 0;
    border: 0;
    margin: 0 2px;
    border-radius: 50%;
    background-color: var(--black);
    cursor: pointer;
}

.bannerSlider .slick-dots li.slick-active button {
    width: 12px;
    border-radius: 6px;
    height: 6px;
    background-color: var(--orange);
}

.bannerSlider .sliderItem:not(:first-child) .sliderImg {
    display: none;
}

.bannerSlider .slick-list .slick-track .sliderImg {
    display: block;
}
.projectsSlider,
.projectsSlider_sec {
    margin: 0 -15px;
    display: flex;
}

.projectItem {
    overflow: hidden;
    position: relative;
    /*flex: 0 0 33.333333%;*/
    padding: 0 15px;
    transition: 0.8s;
    cursor: pointer;
}
.projectItem a {
    text-decoration: none;
    transition: var(--hover-duration);
    color: var(--white);
}
.projectItem > div {
    transition: var(--hover-duration);
}
.projectItem .halfSquareImage {
    transition: var(--hover-duration);
}
.projectItem:hover .halfSquareImage {
    filter: blur(1px) brightness(70%);
}

.projectItem:hover .projectItemHover {
    transition: 0.8s;
    top: 0;
}

.greySection h2,
.greySection_sec h2 {
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
}

.greySection .slick-arrow,
.greySection_sec .slick-arrow {
    width: 32px;
    height: 32px;
    transition: var(--hover-duration);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    outline: none;
    font-size: 0;
    cursor: pointer;
}

.greySection .slick-arrow:hover,
.greySection_sec .slick-arrow:hover {
    opacity: 0.8;
}

.greySection .slick-arrow:active,
.greySection_sec .slick-arrow:active {
    opacity: 0.6;
}

.greySection .slick-prev,
.greySection_sec .slick-prev {
    background-image: url("../img/icons/left1.png");
    margin-right: 20px;
}

.greySection .slick-next,
.greySection_sec .slick-next {
    background-image: url("../img/icons/right1.png");
}
.projectItemHover .date_time img {
    width: 24px;
}
.projectItemHover {
    transition: 0.8s;
    padding: 20px 30px 16px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.pr_location {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--smallFontSize);
    line-height: var(--smallLineHeight);
}

.pr_info {
    display: flex;
    justify-content: space-around;
}

.pr_info_elem {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pr_info_elem span {
    color: var(--orange);
}
.pr_info_elem h2 {
    font-size: var(--largeFontSize);
    color: var(--orange);
    line-height: var(--largeLineHeight);
    margin: 0;
}

.projectsSlider .slick-track {
    display: flex;
}

.projectsSlider .slick-list {
    overflow: hidden;
}
.projectsSlider_sec .slick-track {
    display: flex;
}

.projectsSlider_sec .slick-list {
    overflow: hidden;
}

.cooperateWith {
    padding: 0 0 80px 0;
}

.cooperateWith h2 {
    margin-bottom: 45px;
}

.cooperateElements {
    display: flex;
    margin: 0 -15px;
    flex-wrap: wrap;
}

.cooperateElement {
    flex: 0 0 50%;
    padding: 15px;
}

.cooperateElements a {
    display: block;
    padding: 35px 30px;
    min-height: 235px;
    text-decoration: none;
    color: var(--white);
    background-color: var(--eerie-black);
    transition: var(--hover-duration);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.cooperateElement h4 {
    display: flex;
    align-items: center;
    color: var(--white);
    transition: var(--hover-duration);
}

.cooperateElements a span {
    margin-top: 20px;
    color: var(--lightgrey);
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.cooperateElements a img {
    margin-right: 20px;
    width: 33px;
}

.cooperateElement a:hover > h4 {
    color: var(--orange);
}

.cooperateElements a:active {
    opacity: 0.8;
}

.aboutSection {
    padding: 80px 0;
    border-top: 1px solid var(--eerie-black);
    border-bottom: 1px solid var(--eerie-black);
}

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

.aboutSection p {
    margin-top: 16px;
}
.aboutSection .content > h2 {
    margin-bottom: 20px;
    display: none;
}

.aboutSection .smallContainer {
    margin-left: 30px;
}

.aboutSection .halfContainer {
    position: relative;
    margin: 0;
}

.aboutButton {
    transition: var(--hover-duration);
    position: absolute;
    bottom: 30px;
    right: -70px;
    display: block;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-image: url("../img/icons/aboutButton.svg");
    background-size: 100px;
}

.aboutButton:hover {
    opacity: 0.8;
}

.aboutButton:active {
    opacity: 0.6;
}

.partnersSection {
    min-height: 435px;
    overflow: hidden;
    padding: 80px 0;
}
.partnersSection .content {
    display: flex;
    justify-content: space-between;
}
.partnersSection h2 {
    margin-bottom: 60px;
}

.marq {
    /*margin: 0 -100%;*/
    /*overflow: hidden;*/
    width: 100%;
    display: flex;
}

.marq .slick-track {
    display: flex;
}

.marq .slick-list {
    overflow: hidden;
    margin: 0 -15px;
}

.partnerSlideInner {
    /*flex: 0 0 25%;*/
    padding: 0 15px;
}
.partnersArrow .slick-arrow {
    width: 29px;
    height: 30px;
    transition: var(--hover-duration);
    background-color: transparent;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    font-size: 0;
    cursor: pointer;
}

.partnersArrow .slick-arrow:hover {
    opacity: 0.8;
}

.partnersArrow .slick-arrow:active {
    opacity: 0.6;
}

.partnersArrow .slick-prev {
    background-image: url("../img/icons/left1.png");
    margin-right: 20px;
}

.partnersArrow .slick-next {
    background-image: url("../img/icons/right1.png");
}
/*.marq {*/
/*    user-select: none;*/
/*    animation: slider 10s linear infinite;*/
/*}*/

/*.marq:nth-child(2) {*/
/*    animation: slider2 10s linear infinite;*/
/*}*/

.partnerSlideItem {
    background-color: var(--chineseblack);
    padding: 30px;
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    /*min-height: 190px;*/
    height: 100%;
}

.partnerSlideItem .partnerLogo {
    width: 100%;
    height: 66px;
    margin-bottom: 21px;
}

.partnerSlideItem .partnerLogo img {
    max-width: 100%;
    height: 100%;
    object-fit: contain;
}

.partnerSlideItem span {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

/* contacts page */
.contacts .content {
    display: flex;
    justify-content: space-between;
}

.contacts .content > h2 {
    display: none;
}

.contacts .halfContainer h2 {
    margin-bottom: 30px;
}

.contacts .smallContainer {
    background-color: var(--chineseblack);
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 30px;
    max-width: 370px;
    margin-left: 30px;
}

.contacts .smallContainer a {
    display: flex;
    color: white;
    text-decoration: none;
    width: fit-content;
}

.contacts .smallContainer a + a {
    margin-top: 12px;
}

.contacts .smallContainer a img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.contacts .smallContainer a > span {
    display: flex;
    flex-direction: column;
}

.contacts .smallContainer a > span span {
    font-size: 16px;
    line-height: 24px;
}

.contacts .smallContainer a > span span:nth-child(2) {
    margin-top: 4px;
    color: var(--lightgrey);
}

.button_container {
    margin-top: 30px;
    display: flex;
}

/*supplier*/
.supplierSection .content {
    display: flex;
    justify-content: space-between;
}

.supplierSection .content > h2 {
    display: none;
}

.supplierSection .halfContainer {
    margin: 0;
}

.supplierSection .halfContainer h2 {
    margin-bottom: 20px;
}

.supplierSection .smallContainer {
    margin-left: 30px;
}

.purchasesSection {
    padding: 160px 0 80px;
}

.supplierSection .halfContainer .suggestMaterial {
    color: var(--orange);
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
    text-decoration: underline;
    margin-top: 34px;
    display: block;
    cursor: pointer;
    user-select: none;
    transition: var(--hover-duration);
}

.supplierSection .suggestMaterial:hover {
    opacity: 0.8;
}

.supplierSection .suggestMaterial:active {
    opacity: 0.6;
}

.purchasesSection h2 {
    margin-bottom: 60px;
}

.purchasesContainner {
    margin: -15px;
    display: flex;
    flex-wrap: wrap;
}

.purchase {
    padding: 15px;
    flex: 0 0 50%;
}
.purchase:has(.apply) .material {
    margin-bottom: 0;
}
.date.address:hover {
    text-decoration: underline;
}
.map {
    margin-top: 24px;
}
.purchase .apply {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: end;
}
.purchase .apply > span {
    margin-top: 11px;
}
.purchase .apply > span:first-child {
    padding-right: 16px;
}
.purchase .apply button {
    margin-top: 13px;
}
.purchase ul {
    list-style: none;
    padding: 24px 30px;
    background-color: var(--chineseblack);
    cursor: pointer;
    transition: var(--hover-duration);
    color: var(--lightgrey);
}

.purchase ul:hover {
    transition: var(--hover-duration);
    opacity: 0.8;
}

.purchase ul:active {
    transition: var(--hover-duration);
    opacity: 0.6;
}

.purchase li.material {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.purchase li.material span:nth-child(1) {
    color: var(--white);
    font-family: segoe-bold;
    padding: 5px 0;
}

.purchase li.material span:nth-child(2) {
    color: var(--orange);
    padding: 5px 10px;
    border: 1px solid var(--white);
    border-radius: 26px;
    width: fit-content;
    height: 2.3em;
    background: linear-gradient(
        90deg,
        rgba(255, 76, 0, 0.06) 0%,
        rgba(255, 255, 255, 0) 100%
    );
}

.purchase .date {
    margin-top: 8px;
    display: flex;
    align-items: center;
    color: var(--white);
}

.purchase li.date img {
    width: 24px;
    margin-right: 8px;
}

.purchase li.date span:nth-child(3) {
    color: var(--lightgrey);
    margin-left: 8px;
}

/*pagination*/
.pagination {
    padding: 60px 0 0;
}

.pagination .paginationContainer {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagination .prevPage img {
    transform: rotate(180deg);
}

.pagination .allPages {
    padding: 0 12px;
}

.pagination a img {
    width: 9px;
    object-fit: cover;
}

.pagination .prevPage,
.pagination .nextPage {
    width: 53px;
    height: 53px;
    padding: 15px 20px;
    border-radius: 50%;
    border: 1px solid var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: var(--hover-duration);
}

.pagination .page {
    margin: 0 8px;
    text-decoration: none;
    color: var(--darkgrey);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.pagination .page.active {
    color: var(--orange);
}

.pagination .page:hover {
    color: var(--orange);
    opacity: 0.8;
}

.pagination .prevPage.disabled,
.pagination .nextPage.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.pagination .prevPage:hover,
.pagination .nextPage:hover {
    opacity: 0.8;
}

.pagination .prevPage:active,
.pagination .nextPage:active {
    opacity: 0.6;
}

/* career info */
.career_info .content {
    display: flex;
    justify-content: space-between;
}

.career_info .halfContainer {
    margin-bottom: 80px;
}

.career_info .halfContainer h2 {
    margin-bottom: 36px;
}

#fillJobForm {
    cursor: pointer;
    user-select: none;
}

#fillJobForm:hover {
    opacity: 0.8;
}

#fillJobForm:active {
    opacity: 0.6;
}

.career_info .halfContainer > div + div {
    margin-top: 24px;
}

.career_info .halfContainer h4 {
    margin-bottom: 16px;
}

.career_info .halfContainer p {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.career_info .halfContainer ul {
    list-style: none;
    color: var(--lightgrey);
}

.career_info .halfContainer ul li {
    display: flex;
}

.career_info .halfContainer ul li + li {
    margin-top: 16px;
}

.career_info .halfContainer ul li::before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--orange);
    margin-right: 16px;
    margin-top: 8px;
}

.career_info .smallContainer {
    background-color: var(--chineseblack);
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 30px;
    max-width: 370px;
    margin-left: 30px;
}

.career_info .smallContainer > div {
    display: flex;
}

.career_info .smallContainer > div:not(.social_list) img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}

.career_info .smallContainer > div:not(.social_list) div {
    font-size: 16px;
    line-height: 24px;
    display: flex;
    flex-direction: column;
    margin-bottom: 12px;
}

.career_info .smallContainer > div:not(.social_list) div span:nth-child(2) {
    color: var(--lightgrey);
    margin-top: 8px;
}

.career_info .social_list a {
    display: flex;
    margin-right: 10px;
}

.career_info .social_list {
    margin-top: 16px;
    margin-bottom: 24px;
}

.career_info .social_list img {
    width: 36px;
    height: 36px;
}

.copy_url {
    cursor: pointer;
}

/* offer lands */
.offer_land .content {
    display: flex;
    justify-content: space-between;
}

.offer_land .content > h2 {
    display: none;
}

.offer_land .halfContainer {
    margin-bottom: 80px;
}

.offer_land .smallContainer {
    margin-left: 30px;
}

.offer_land .halfContainer h2 {
    margin-bottom: 20px;
}

.offer_land .halfContainer p {
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

/* error 404 */
main:has(.error_page) {
    padding: 0 16px;
    margin-top: 0;
    height: 100vh;
    background-image: url(../img/404.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 90%;
}

.content:has(.error_page) {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.error_page {
    padding-top: 25%;
    padding-bottom: 30px;
    color: var(--orange);
}

/* career */
.career .content > div:nth-child(1) {
    margin-bottom: 24px;
}

.career .content > div:nth-child(1) h2 {
    margin-bottom: 20px;
}

.career .content > div:nth-child(1) p {
    color: var(--lightgrey);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.career .content > div:nth-child(2) {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.career .content > div:nth-child(2) span {
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
}

.search_container {
    margin-left: 30px;
}

.search_container form {
    display: flex;
}

.search_container .search_input {
    max-width: 270px;
    flex: 0 0 100%;
    margin-right: 30px;
    position: relative;
}

.search_container input {
    background-color: var(--eerie-black);
    padding: 12px 16px;
    border: 0;
    width: 100%;
}

.search_placeholder {
    position: absolute;
    top: 10px;
    left: 16px;
    display: flex;
    align-items: center;
    color: var(--darkgrey);
    pointer-events: none;
    font-size: var(--standartFontSize) !important;
    line-height: var(--standartLineHeight) !important;
}

.search_placeholder img {
    margin-right: 4px;
}

.search_container input:valid + .search_placeholder {
    display: none;
}

.search_container .primary_btn {
    width: 100%;
}
.empty {
    margin: 30px 15px 0;
}
.workerList {
    margin: 0 -15px 80px;
    display: flex;
    flex-wrap: wrap;
}

.workerListItem {
    width: calc(50% - 30px);
    margin: 30px 15px 0;
    background-color: var(--chineseblack);
    padding: 20px 30px;
    text-decoration: none;
    transition: var(--hover-duration);
    color: var(--white);
}

.workerListItem:hover {
    text-decoration: none;
}

.workerListItem:active {
    opacity: 0.8;
    transition: var(--hover-duration);
}

.workerListItem:hover > .worker_title > span:nth-child(1) {
    color: var(--orange);
    transition: var(--hover-duration);
}

.worker_title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

.worker_title > span:nth-child(1) {
    transition: var(--hover-duration);
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
}

.worker_title .deadline {
    display: flex;
    align-items: center;
}

.worker_title .deadline img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.worker_title .deadline span:last-child {
    color: var(--lightgrey);
    padding-left: 8px;
}

.work_type {
    display: flex;
    flex-direction: column;
    color: var(--lightgrey);
}

.work_type span {
    color: var(--lightgrey);
    font-size: 16px;
    line-height: 24px;
}

.work_type span + span {
    margin-top: 4px;
}

.worker_location {
    margin-top: 30px;
    display: flex;
    align-items: center;
    color: var(--lightgrey);
}

.worker_location img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
}

.workerList .pagination {
    width: 100%;
}

/* News page */
.newsPage {
    margin-bottom: 80px;
}
.newsPage .content {
    display: flex;
    justify-content: space-between;
}

.newsPage .bigContainer {
    margin-right: 30px;
}

.newsPage .date_time {
    display: flex;
    align-items: center;
    color: var(--darkgrey);
}

.newsPage .date_time img {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.newsPage .bigContainer h2 {
    margin: 30px 0;
}

.newsPage .bigContainer p {
    color: var(--white);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}
.newsPage .bigContainer p img {
    width: 100%;
    height: fit-content;
    object-fit: cover;
    margin: 10px 0;
}

.newsPage .bigContainer .image {
    margin: 24px 0;
}

.share_container {
    margin-top: 45px;
    display: flex;
}

.share_container span {
    margin-right: 24px;
}

.share_container img {
    width: 24px;
}
.share_container a {
    margin-right: 12px;
}

.newsPage .halfContainer {
    background-color: var(--chineseblack);
    padding: 10px;
    height: fit-content;
}

.newItem {
    margin-top: 30px;
}

.newItem .date_time {
    margin: 16px 0 4px;
}
.newItem .new_subtitle {
    text-decoration: none;
    color: var(--white);
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
    transition: var(--hover-duration);
}
.newItem .new_subtitle:hover {
    text-decoration: none;
}
.newItem .standartWide > img {
    transition: var(--hover-duration);
}
.newItem:hover .standartWide > img {
    transform: scale(1.1);
}
.newItem:hover .new_subtitle {
    color: var(--orange);
}
.video_container {
    margin: 24px 0;
    position: relative;
}
.video_play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 1;
}
/* new */
.news {
    margin-bottom: 80px;
}
.news h2 {
    margin-bottom: 60px;
}
.news_type_container {
    overflow: hidden;
    border-bottom: 1px solid var(--chineseblack);
}

.news_type.desktop {
    display: flex;
    align-items: center;
    overflow-x: auto;
    overflow-y: hidden;
    height: 62px;
}
.news_type.desktop::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.news_type.desktop a {
    font-size: 16px;
    line-height: 24px;
    cursor: pointer;
    padding: 18px 0;
    margin: 0 20px;
    white-space: nowrap;
    text-decoration: none;
    color: var(--white);
    transition: var(--hover-duration);
}
.news_type.desktop a:first-child {
    margin-left: 10px;
}
.news_type.desktop a:last-child {
    margin-right: 0;
}
.news_type.desktop a:hover {
    color: var(--orange);
    border-bottom: 1px solid var(--orange);
}
.news_type.desktop a.active {
    border-bottom: 1px solid var(--orange);
    padding-bottom: 17px;
}
.news_type.mobile {
    display: block;
    margin-bottom: 8px;
    position: relative;
    display: none;
}
.select_field {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 16px;
    line-height: 24px;
    padding: 16px;
    border-bottom: 1px solid var(--darkgrey);
    cursor: pointer;
}
.select_field img {
    width: 12px;
    height: 12px;
    margin-left: 16px;
    transition: 0.5s;
}

.news_type_hide {
    position: absolute;
    top: 60px;
    z-index: 1;
    width: 100%;
    background-color: var(--black);
    display: none;
    padding-bottom: 30px;
}
.news_type_hide a {
    color: var(--darkgrey);
    text-decoration: none;
    padding: 16px;
    border-bottom: 1px solid var(--eerie-black);
    transition: var(--hover-duration);
    display: block;
}
.news_type_hide a:last-child {
    border-bottom: 0;
}
.news_type_hide a:hover {
    color: var(--lightgrey);
    border-bottom: 1px solid var(--lightgrey);
}

.news_latest {
    display: flex;
    margin: 60px -15px 0;
    text-decoration: none;
}
.news_latest > a:nth-child(1) {
    width: calc(66.66666% - 30px);
    margin: 0 15px;
}
.news_latest > a:nth-child(1) img {
    transition: var(--hover-duration);
}
.news_latest > a:nth-child(1):hover img {
    transform: scale(1.2);
}
.news_latest_info {
    width: calc(33.33333% - 30px);
    margin: 0 15px;
    height: fit-content;
    cursor: pointer;
    text-decoration: none;
}
.news_latest_info:hover {
    text-decoration: none;
}
.news_latest_info h4 {
    color: var(--white);
}
.news_latest:has(.news_latest_info:hover) > a:nth-child(1) img {
    transform: scale(1.2);
}

.news_latest:has(> a:nth-child(1):hover) .news_latest_info h4 {
    color: var(--orange);
}
.news_latest_info:hover h4 {
    color: var(--orange);
}
.news_section.not_found {
    margin-top: 24px;
}
.news .date_time {
    display: flex;
    align-items: center;
    color: var(--darkgrey);
}
.news .date_time img {
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
.news_latest_info .date_time {
    margin-bottom: 16px;
}
.news_latest_info h4 {
    margin-bottom: 12px;
    transition: var(--hover-duration);
}
.news_latest_info > span {
    color: var(--white);
}
.news_latest_info .news_more {
    padding-top: 16px;
    color: var(--orange);
    transition: var(--hover-duration);
}
.news_section {
    margin: 0 -15px;
    display: flex;
    flex-wrap: wrap;
}
.new {
    width: calc(33.33333% - 30px);
    margin: 30px 15px 0;
}
.new a img {
    transition: var(--hover-duration);
}
.new .date_time {
    margin-top: 16px;
    margin-bottom: 4px;
}
.new .news_subtitle {
    font-size: var(--largeFontSize);
    line-height: var(--largeLineHeight);
    transition: var(--hover-duration);
    cursor: pointer;
}
.new:hover .news_subtitle {
    color: var(--orange);
    text-decoration: none;
}
.new:hover a img {
    transform: scale(1.2);
}
/*Marque slider*/
@keyframes slider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}

@keyframes slider2 {
    0% {
        transform: translateX(-200%);
    }
    100% {
        transform: translateX(-100%);
    }
}

@keyframes bodyAnimate {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/*loader*/
.lds-dual-ring {
    display: none;
    width: 15px;
    height: 15px;
    margin-top: 3px;
    margin-left: 5px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 15px;
    height: 15px;
    margin: 2px;
    border-radius: 50%;
    border: 3px solid var(--white);
    border-color: var(--white) transparent var(--white) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/*popup*/
.popup {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: var(--popupBackground);
}

.popup_container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 16px;
    max-width: 802px;
    width: 100%;
}

.popup_inner {
    z-index: 1000;
    display: none;
    max-width: 770px;
    padding: 60px 100px;
    background-color: var(--eerie-black);
    position: relative;
    overflow-y: auto;
}
.popup_inner::-webkit-scrollbar {
    width: 4px;
    padding: 5px 0;
}

.popup_inner::-webkit-scrollbar-thumb {
    background-color: var(--darkgrey);
    border-top: 20px solid var(--eerie-black);
    border-bottom: 30px solid var(--eerie-black);
}
.popup_inner .successMessage {
    color: var(--white);
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.popup_inner:has(.successMessage) div {
    text-align: center;
}

.popup_inner .successIcon img {
    width: 41px;
    object-fit: cover;
}

.popup_inner .orangeHalf {
    margin: 10px 0;
}

.popup_inner .popup_close {
    position: absolute;
    top: 41px;
    right: 31px;
    cursor: pointer;
    width: 20px;
    transition: var(--hover-duration);
}

.popup_inner .popup_close:hover {
    opacity: 0.8;
}

.popup_inner .popup_close:active {
    opacity: 0.6;
}

.popup_inner h3 {
    color: var(--orange);
}

#supplierFrom_2 {
    padding-top: 40px;
}

.button_container .secondary_btn {
    margin-right: 30px;
}

.popup_inner:has(.poupSlider),
.popup_container:has(.poupSlider) {
    height: auto;
}

.popup_inner:has(.poupSlider) .whiteHalf {
    margin: 16px 0;
    font-size: var(--standartFontSize);
    line-height: var(--standartLineHeight);
}

.poupSlider {
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    user-select: none;
}

.poupSlider .slick-track {
    display: flex;
}

.poupSlider .slick-list {
    overflow: hidden;
}

.poupSlider .slick-dots {
    max-width: 1396px;
    width: 100%;
    margin: 0 auto;
    padding-left: 12px;
    display: flex;
    justify-content: center;
    z-index: 10;
    box-sizing: border-box;
}

.poupSlider .slick-dots li {
    list-style: none;
}

.poupSlider .slick-dots button {
    width: 6px;
    height: 6px;
    font-size: 0;
    border: 0;
    margin: 0 2px;
    border-radius: 50%;
    background-color: var(--black);
    cursor: pointer;
}

.poupSlider .slick-dots li.slick-active button {
    width: 12px;
    border-radius: 6px;
    height: 6px;
    background-color: var(--orange);
}

.poupSlider .sliderItem:not(:first-child) .sliderImg {
    display: none;
}

.poupSlider .slick-list .slick-track .sliderImg {
    display: block;
}