.ft-line__shape {
        width: 127px;
    }

    .ft-box__text-2 {
        line-height: 50px;
        width: max-content;
    }

    .ft-box__text-2 {
        font: var(--font-h3-20-bold);
    }

    @media screen and (max-width: 768px) {
        .ft-box__video {
            margin: 170px 0 0 0;
        }

        .ft-box__text-1 {
            line-height: 50px;
        }

        .ft-box__text-2 {
            line-height: 60px;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-video__icon {
            padding: 8px;
            font-size: 13px;
        }

        .ft-icon__play {
            width: 18px;
            height: 18px;
        }

        .ft-border__large {
            width: 56px;
            height: 56px;
        }

        .ft-border__medium {
            width: 48px;
            height: 48px;
        }
    }

    */
    /*.......................................End Factory Video........................................*/

    */
    /*.......................Start Factory Text  Carousel hero ...............................*/

    #ft-carousel__text {
        overflow: hidden;
    }

    .ft-carousel__btn {
        border-radius: 30px;
        border: 4px solid rgba(237, 39, 39, 0.20);
        padding: 8px 16px;
        max-height: 40px;
        background: var(--color-primary-1000);
        color: var(--color-white);
        font: var(--font-p-16-semibold);
        display: flex;
        align-items: center;
        gap: 6px;
        box-shadow: 0 0 0 3px rgba(237, 39, 39, 0.20);
    }

    .ft-carousel__title {
        font: var(--font-h1-34-black);
        color: var(--color-secondary-200);
    }

    .ft-carousel__description {
        font: var(--font-h4-18-bold);
        color: var(--color-secondary-100);
    }

    .ft-carousel__icon {
        padding: 8px;
        gap: 10px;
        align-self: end;
        border-radius: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .ft-text__button {
        font: var(--font-p-16-semibold);
    }

    .ft-carousel__box__button {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;
        flex-direction: row;
    }

    .ft-carousel__text__icon {
        width: 16px;
        fill: #ffffff;
    }

    .ft-carousel__icon.ft-carousel__icon__mobile {
        color: var(--color-primary-1000);
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.20);
        background: var(--color-white);
    }

    .ft-carousel__icon.ft-carousel__icon__mobile:hover {
        color: var(--color-white);
        box-shadow: 0 0 0 3px rgba(237, 39, 39, 0.20);
        background: var(--color-primary-1000);
    }

    .swiper-slide {
        font-size: 18px;
        box-sizing: border-box;
    }

    .ft-swiper__carousel__text {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        align-items: start;
    }

    /*............responsive hero bg........................*/

    @media screen and (max-width: 997px) {}

    @media screen and (max-width: 375px) {}

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

        .ft-swiper__wrapper {
            /*height: unset;*/
            flex-direction: row;
        }

        .ft-swiper__carousel__responsive {
            align-items: center;
            width: 100%;
        }

        .ft-carousel__box__button {
            justify-content: center;
            align-items: center;
        }

        .ft-carousel__icon {
            justify-content: center;
            margin-top: -89px;
            gap: 195px;
        }

        .ft-carousel__icon__mobile {}

        .ft-carousel__title {
            font: var(--font-h3-20-bold);
        }

        .ft-carousel__description {
            font: var(--font-t-14-semibold);
        }
    }

    /*.......................End Factory Text  Carousel hero ...............................*/
    /*.......................Start Factory Data  Carousel  ...............................*/

    .ft-data {
        /*width: 1440px;*/
        /*height: 100%;*/
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .ft-swiper__slide__data {
        box-shadow: -13px 0 18px 0 #f7f6f6;
    }

    .swiper {
        overflow: hidden;
    }

    .ft-carousel__box__data {
        min-width: 225px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .ft-carousel__box__data__content {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-direction: row;
    }

    .ft-carousel__data__text {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 24px;
    }

    .ft-carousel__data__img {
        width: 24px;
        display: flex;
        justify-content: space-evenly;
        align-items: baseline;
    }

    .ft-color__icon__svg {
        fill: var(--color-secondary-600);
    }

    .ft-color__icon__img {
        color: var(--color-secondary-600);
    }

    .ft-carousel__data__name {
        font: var(--font-t-14-bold);
        color: var(--color-secondary-600);
    }

    .ft-color__text__desc {
        color: var(--color-secondary-600);
    }

    .ft-carousel__data__number {
        font: var(--font-h2-28-bold);
    }

    .ft-color__number {
        color: var(--color-primary-900);
    }

    /*.......................End Factory Data  Carousel  ...............................*/
    /*...................start factory services.......................*/

    .bg-red {
        background: var(--color-primary-700);
    }

    .ft-services__img {
        width: 100%;
        height: 630px;
        z-index: 22;
    }

    .ft-services__box {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ft-carousel__service__gap {
        gap: 10px;
    }

    .ft-mask__img {
        width: 100%;
        height: 32%;
        position: absolute;
        z-index: 22;
    }

    .ft-section__text {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: absolute;
        left: 40%;
        top: 43%;
        z-index: 3;
    }

    .ft-services__text-1 {
        font: var(--font-h2-28-bold);
        color: var(--color-white);
    }

    .ft-services__text-2 {
        font: var(--font-p-16-semibold);
        color: var(--color-white);
    }

    /*...........................responsive bg services..........................*/

    @media screen and (max-width: 768px) {
        .ft-services__gradient__mobile {
            display: flex;
        }

        .ft-services__gradient {
            display: none;
        }

        .ft-section__text {
            right: 0;
            left: 0;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-services__text-1 {
            font: var(--font-h4-18-bold);
        }

        .ft-services__text-2 {
            font: var(--font-t-14-semibold);
        }
    }

    /*.................swiper section services............................*/

    .ft-swiper__services__box {
        width: 90%;
        /*margin-top: -257px;*/
        z-index: 3;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: unset !important;
        height: unset !important;
    }

    @media (max-width: 760px) {
        .swiper-button-next {
            right: 20px;
            transform: rotate(90deg);
        }

        .swiper-button-prev {
            left: 20px;
            transform: rotate(90deg);
        }
    }

    .ft-services__frame__title {
        font: var(--font-h4-18-bold);
        color: var(--color-primary-900);
    }

    .ft-services__frame__desc {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        min-width: 126px;
    }

    .ft-swiper__slide__item {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 48px 56px;
        justify-content: center;
        align-items: center;
        border-radius: 24px;
        border: 1px solid var(--color-secondary-300);
        background: var(--color-white);
    }

    .ft-shape__circle {
        display: flex;
        gap: 16px;
        padding: 16px;
        border-radius: 100%;
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-secondary-101) 100%);
    }

    .ft-swiper__slide__item:hover {
        background: var(--color-primary-1000);

        .ft-services__frame__desc {
            color: var(--color-white);
        }

        .ft-services__frame__title {
            color: var(--color-white);
        }

        .ft-arrow__left__service {
            background: var(--color-white);
            color: var(--color-primary-1000);
        }

        .ft-swiper__button__next-prev {
            margin: 10px;
            background: var(--color-white);
            color: var(--color-primary-1000);
        }

        .ft-shape__circle {
            background: linear-gradient(180deg, rgba(237, 39, 39, 0.00) 0%, #D41515 100%);
        }

        .ft-shape__circle img {
            filter: brightness(0) iftert(1);
        }
    }

    .ft-shape__circle img {
        filter: brightness(0.1) invert(0.9);
        border-radius: 100%;
        height: 80px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: unset;
        display: none;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: unset;
    }

    .ft-swiper__button__next-prev {
        padding: 10px;
        background: var(--color-primary-1000);
        font-size: 15px;
        border-radius: 100%;
        color: var(--color-white);
        border: 3px solid rgb(255 232 232 / 93%);
    }

    .ft-arrow__left__service {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        /*background: var(--color-primary-1000);*/
    }

    /*.................end swiper section services............................*/
    /*.................Start   social network............................*/

    .ft-box__social__item {
        padding: 37px 20px;
        flex-shrink: 0;
        border-radius: 18px;
        background: var(--color-secondary-200);
        display: flex;
        align-items: center;
        text-align: center
    }

    .ft-box__social__item:hover {
        background: var(--color-Tertiary-300);
    }

    .ft-box__social__item:hover svg {
        filter: brightness(0) invert(1);
    }

    .ft-box__social__item svg {
        width: 32px;
        /* filter: brightness(0.5) invert(0.5); */
        fill: var(--color-secondary-400, #A6A6A6);
        height: 100%;
    }

    @media only screen and (max-width: 380px) {
        .ft-box__social__gap {
            gap: 10px;
        }
    }

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

    .ft-box__social-network {
        width: 90%;
        margin: 83px auto;
        display: flex;
        /*margin-top: 83px;*/
        align-items: end;
        justify-content: space-between;
    }

    /*.................End social network............................*/
    /*................Start Factory Card product Carousel...........................*/
    /*.ft-swiper__wrapper {*/
    /*    position: relative;*/
    /*}*/
    /*#ft-swiper-2 {*/
    /*    margin: 0 auto;*/
    /*    width: 100%;*/
    /*    padding: 15px 0;*/
    /*}*/

    .ft-disable {
        /*width: 312px;*/
        /*height: 499px;*/
        background: var(--color-white);
        opacity: 0.5;
    }

    .ft-button-next-project {
        display: block;
        position: absolute;
        left: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-box__card__pic__shadow {
        border-radius: 12px;
        opacity: 0.3;
        background: url(../assets/img/project1.jpg) lightgray -3.661px -80.25px / 103.39% 197.273% no-repeat, #0052A8;
        width: 65%;
        height: 32%;
        position: absolute;
        filter: blur(12px);
        right: 0;
        left: 0;
        margin: 0 auto;
    }

    .ft-button-prev-project {
        display: block;
        position: absolute;
        right: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-product__carousel__item {
        width: 100%;
        text-align: right;
        /*flex-shrink: 0;*/
        border-radius: 24px;
        background: var(--color-white);
        box-shadow: 0 0 16px 0 #F4F4F4;
        padding: 32px;
        margin-inline: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ft-product__carousel__item:hover .ft-add__cart {
        background: var(--color-primary-900);
    }

    .ft-add__cart {
        background: var(--color-primary-900);
    }

    .ft-add__cart:hover {
        background: var(--color-Tertiary-200);
    }

    .ft-bookmark__product {
        /*padding: 32px 0 0 0;*/
        width: 100%;
        display: flex;
        justify-content: flex-end;
        /*filter: grayscale(100%);*/
    }

    .ft-section__price-count:has(a.product_type_variable) .ft-price .price {
        display: flex;
        flex-direction: row;
        font: var(--font-t-14-semibold);
        overflow: hidden;
    }

    .ft-product__pic {
        width: 120px;
        height: 120px;
        margin: 34px;
        display: flex;
        justify-content: center;
    }

    .ft-bookmark__product:active {
        filter: grayscale(0%);
    }

    .ft-product__desc {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
    }

    .ft-product__useful p {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
    }

    .ft-product__vertical__line {
        width: 3px;
        height: 32px;
        flex-shrink: 0;
        border-radius: 3px;
        background: var(--color-secondary-400);
        margin: unset;
    }

    .ft-box__specification {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 9px;
        text-align: right;
    }

    .ft-product__specification {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        align-items: baseline;
        justify-content: space-between;
    }

    .ft-box__attribute {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .ft-box__property {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .ft-product__specification__box {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .ft-box__property-value {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .ft-title__property {
        margin: 0;
        color: var(--color-secondary-400, A6A6A6);
        font: var(--font-t-14-bold);
    }

    .ft-value__property {
        margin: 0px;
        font: var(--font-s-15-semibold);
        color: var(--color-secondary-600, #646464);
    }

    .ft-add__to__cart {
        display: none;
    }

    .ft-add__cart {
        display: inline-flex;
        padding: 10px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 24px;
        border: 4px solid rgb(255 255 255 / 84%);
        background: var(--color-secondary-400, #d9d9d9);
    }

    .ft-onsale {
        /*display: flex;*/
        padding: 4px 5px;
        justify-content: flex-end;
        align-items: center;
        gap: 2px;
        border-radius: 9px 9px 9px 0;
        background: var(--color-primary-900);
        font-size: 11px;
        color: var(--color-white);
    }

    .ft-price {
        text-align: end;
    }

    .price {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: -20px;
    }

    .bdi {
        margin-right: -20px;
        font: var(--font-h3-20-bold);
    }

    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        display: none;
    }

    del {
        color: var(--color-secondary-500);
        font: var(--font-t-14-semibold);
        /*text-decoration-line: strikethrough;*/
        margin-left: 20px;
    }

    ins {
        margin-right: 60px;
        text-decoration: none;
    }

    bdi {
        display: flex;
        /* margin-right: -53px; */
    }

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

    .ft-section__price-count {
        width: 100%;
        display: flex;
        /* flex-wrap: wrap-reverse; */
        justify-content: space-between;
        align-items: center;
        margin: 16px 0;
    }

    #reviews {
        display: none;
    }

    /*.swiper-slide{*/
    /*    width: unset;*/
    /*}*/
    /*.....................respoonsive swiper product................................*/

    @media screen and (max-width: 768px) {}

    @media screen and (max-width: 300px) {
        .ft-product__desc {
            width: 100%;
        }
    }

    /*................End Factory Card product Carousel...........................*/

    .ft-box__catalog__mobile {
        display: none;
    }

    /*.................swiper mobile .......................*/

    .ft-box__mobile {
        width: 100%;
        display: flex;
    }

    .ft-property {
        width: 110px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .ft-box__services {
        /*width: 280px;*/
        min-height: 143px;
        background-color: var(--color-secondary-200);
        border-radius: 24px;
        padding: 36px 24px;
    }

    .ft-services__titr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding: 32px 32px 0 32px; */
    }

    .ft-services__title__color {
        color: var(--color-primary-900);
    }

    .ft-services__title {
        font: var(--font-h4-18-bold);
    }

    .ft-services__icon {
        width: 40px;
        height: 40px;
    }

    .ft-services__icon__color {
        fill: var(--color-primary-900);
    }

    .ft-services__text {
        display: flex;
        text-align: justify;
        padding: 0 32px;
        font: var(--font-p-16-regular);
    }

    .ft-services__header {
        font: var(--font-t-14-semibold);
        padding: 5px 32px;
        text-align: justify;
    }

    .ft-arrow__left {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        /*background: var(--color-primary-1000);*/
    }

    .ft-mobile__swiper__wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .ft-box__mobile__gap {
        gap: 16px;
    }

    .ft-mobile__swiper__slide {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*................Start Factory Card Project Carousel...........................*/

    .ft-progress__bar {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .ft-arrow__left__project {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        /* background: var(--color-primary-1000); */
    }

    progress {
        direction: ltr;
        border-radius: 7px;
        width: 100%;
        height: 7px;
        margin-left: -11.5%;
    }

    progress::-webkit-progress-bar {
        background-color: var(--color-secondary-200);
        border-radius: 7px;
    }

    progress::-webkit-progress-value {
        border-radius: 3px;
        background: var(--color-primary-1000);
        /*box-shadow: 1px 1px 5px 3px rgba( 255, 0, 0, 0.8 );*/
    }

    .ft-completed::-webkit-progress-value {
        background: var(--color-Tertiary-200);
    }

    .ft-progress__title {
        font: var(--font-t-14-regular);
        color: var(--color-secondary-500);
        display: flex;
        justify-content: space-between;
    }

    .ft-progress__status {
        color: var(--color-Tertiary-200, #43C659);
    }

    .ft-box__progress__bar {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .ft-message__completed {
        display: flex;
        width: 64px;
        height: 11px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        font: var(--font-t-14-regular);
        color: var(--color-Tertiary-200);
    }

    .ft-progress__bar__top {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .ft-bookmark__project {
        padding: 32px 0 0 0;
        justify-content: flex-end;
        /*filter: grayscale(100%);*/
    }

    /*....................................end progress bar...............................*/

    #ft-carousel__project {
        margin: 0 auto;
        width: 90%;
        text-align: right;
        padding: 15px 0;
    }

    .ft-carousel__project {
        padding: 2px;
    }

    .ft-card__project {
        width: 100%;
        height: fit-content;
        flex-shrink: 0;
        border-radius: 24px;
        background: var(--color-white);
        box-shadow: 0 0 36px 0 #F4F4F4;
        /* padding: 0 0 24px 0; */
    }

    .ft-box__card {
        height: 165px;
        width: 100%;
        margin: 0 auto;
        padding: 24px;
    }

    .ft-shadow__card__pic {
        width: 100%;
        height: 100%;
        border-radius: 12px;
        opacity: 0.3;
        background: url(img/project1.jpg), lightgray -3.661px -80.25px / 103.39% 197.273% no-repeat, #0052A8;
        filter: blur(12px);
    }

    .ft-box__card__pic {
        border-radius: 12px;
        /* min-width: 232px; */
        height: 165px;
        object-fit: cover;
        width: 100%;
    }

    .ft-box__card__main {
        padding: 0 24px;
        text-align: right;
        margin-top: 27px;
    }

    .ft-box__headline__project {
        display: flex;
        align-items: center;
        gap: 8px;
        /*margin: 34px 0 10px 0;*/
    }

    .ft-project__name {
        font: var(--font-p-16-bold);
        color: var(--color-primary-900);
        margin-top: 10px
    }

    .ft-box__headline__category {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        margin: 0;
    }

    .ft-box__headline__category__name {
        font: var(--font-t-14-bold);
        color: var(--color-secondary-600);
        margin: 0;
        padding: 0;
    }

    .ft-project__attribute {
        display: flex;
        gap: 8px;
    }

    .ft-vertical__line {
        display: flex;
        height: 16px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .ft-project__property {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    .ft-card__footer {
        display: flex;
        align-items: baseline;
        justify-content: end;
        padding-top: 34px;
        padding-bottom: 24px;
    }

    .ft-card__footer__right {
        display: inline-flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
    }

    .ft-card__footer__right__more {
        margin: 0;
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-300, #D9D9D9);
    }

    .ft-card__footer__right:hover {
        .ft-card__footer__right__more {
            color: var(--color-primary-900, var(--color-primary-900));
        }

        .ft-arrow__left__project {
            background: var(--color-primary-900, var(--color-primary-900));
        }
    }

    .ft-card__footer__right__more__disable {
        color: var(--color-secondary-400);
        font: var(--font-t-14-semibold);
        margin: 0;
    }

    .ft-arrow__left__disable {
        padding: 3px 11px;
        font-size: 18px;
        border-radius: 20px;
        color: var(--color-white);
        background: var(--color-secondary-400);
    }

    /*...............................end project ..............................*/
    /*................................responsive project....................................*/

    @media screen and (max-width: 768px) {
        .ft-project {
            width: 100%;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-box__headline__brand-desc {
            display: none;
        }
    }

    @media screen and (max-width: 330px) {
        .ft-project {
            flex-direction: column;
        }
    }

    /*................End Factory Card Project Carousel...........................*/

    .ft-headline {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .ft-box__headline {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .ft-box__show {
        display: flex;
        justify-content: end;
        align-items: center;
        width: 20%;
        gap: 8px;
    }

    .ft-show__all {
        font: var(--font-p-16-bold);
        color: var(--color-secondary-500);
    }

    .ft-arrow__disable {
        background: var(--color-secondary-500);
    }

    .ft-headline__vertical__line {
        display: flex;
        height: 16px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .ft-box__headline__desc {
        font: var(--font-h4-18-bold);
        margin: 0;
        display: flex;
        /*align-items: center;*/
        gap: 9px;
    }

    .ft-box__headline__icon {
        width: 24px;
        font-size: 24px;
        fill: var(--color-primary-1000);
    }

    .ft-underline {
        text-decoration: underline;
        display: flex;
        border: 1px solid;
        border-radius: 3px;
        margin-top: 3px;
    }

    .ft-underline__color {
        color: var(--color-primary-1000);
    }

    .ft-arrow__left__headline {
        padding: 3px 11px;
        font-size: 12px;
        border-radius: 20px;
        display: flex;
        gap: 10px;
        color: white;
        top: 14px;
        left: 12px;
    }

    .ft-color__headline {
        fill: var(--color-primary-900);
    }

    .ft-box__show:hover {
        .ft-show__all {
            color: var(--color-primary-900);
        }

        .ft-arrow__disable {
            background: var(--color-primary-900);
        }
    }

    @media screen and (max-width: 768px) {
        .ft-headline {
            width: 100%;
        }

        .ft-box__headline__desc {
            font: var(--font-t-14-bold);
            gap: 3px;
        }

        .ft-show__all {
            font: var(--font-t-14-bold);
        }

        .ft-arrow__left {
            padding: 4px 8px;
            font-size: 8px;
        }

        .ft-box__show {
            width: 33%;
        }
    }

    /*................................Factory Box Download .................................*/

    .ft-catalog__box {
        /* width: 300px; */
        /* height: 300px; */
        background: var(--color-white);
        border-radius: 32px;
        margin: 32px;
        padding: 5px;
        display: flex;
        align-items: center;
        justify-content: space-around;
        box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.14);
    }

    .ft-catalog__text {
        padding-left: 18px;
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
    }

    .ft-catalog__text__color {
        color: var(--color-secondary-600);
    }

    .ft-catalog__volume {
        padding-left: 8px;
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
    }

    .ft-catalog__volume__color {
        color: var(--color-secondary-600);
    }

    .ft-catalog__download {
        border-radius: 50%;
        padding: 8px;
        background: var(--color-primary-900);
        border: 1px solid var(--color-primary-900);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ft-catalog__download:hover {
        background: var(--color-primary-900);
        border: 0px solid var(--color-primary-900);
    }

    /*.....................................Start Factory Agency................................ */

    .ft-map {
        display: flex;
        justify-content: center;
    }

    .ft-box__headline__desc__city {
        width: max-content;
        font: var(--font-h4-18-bold);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .ft-box__show__city {
        width: max-content;
        position: relative;
        color: var(--color-secondary-500);
    }

    .ft-headline__icon__map {
        font-size: 24px;
    }

    .ft-underline__city__name {
        text-decoration: underline;
        display: flex;
        /*border: 1px solid;*/
        border-radius: 3px;
        margin-top: 3px;
    }

    .ft-headline__icon__map__color {
        color: var(--color-primary-900);
    }

    .ft-headline__icon__map__color__svg {
        fill: var(--color-primary-900);
    }

    .ft-city__name__color {
        max-width: 75px;
        white-space: nowrap;
        overflow: hidden;
        color: var(--color-primary-900)
    }

    .ft-menu__vertical__line {
        display: flex;
        height: 16px;
        width: 1px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .path-city {
       
        stroke: #fff;
        fill: var(--color-secondary-300);
    }
    .ft-city__name__color {
        max-width: 5rem;
        width: 5rem;
        
    }
    .path-city_hover {
        
        stroke: #fff;
        fill: var(--color-primary-900);
    }

    .ft-box__map {
        width: 47%;
    }

    .ft-Representations__count {
        width: 110px;
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 24px;
        background: var(--color-primary-900);
        color: var(--color-white);
        font: var(--font-t-14-regular);
    }

    .ft-Representations__count__color {
        background: var(--color-primary-900);
    }

    .ft-line__shape {
        display: flex;
        flex-direction: column;
        padding: 0 8px;
        align-items: center;
        justify-content: center;
    }

    .ft-line__shape__color {
        color: var(--color-primary-900);
    }

    .ft-line__map svg {
        width: 100%;
        stroke: #000000;
    }

    .ft-map__description__top {
        display: flex;
        /* gap: 78px; */
        align-items: center;
        padding-bottom: 32px;
    }

    .ft-map__description_h3 {
        font: var(--font-p-16-semibold);
        color: var(--color-secondary-600);
    }

    .ft-map__description_p {
        font: var(--font-h2-28-bold);
        color: var(--color-secondary-700);
        padding-bottom: 52px;
        display: flex;
        flex-wrap: wrap;
    }

    /*....................Section ft-box__Representations__province  .....................................*/

    .ft-box__Representations__province__item {
        display: flex;
        /*width: 592px;*/
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        gap: 24px;
        border-radius: 16px;
        border: 1px solid var(--color-secondary-300);
        align-items: flex-start;
    }

    .ft-Representations__box {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .ft-Representations__name {
        font: var(--font-p-16-bold);
        color: var(--color-secondary-700);
    }

    .ft-Representations__address {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .ft-Representations__tel {
        display: flex;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
    }

    .ft-Representations__icon {
        width: 20px;
        height: 20px;
        filter: brightness(0) saturate(100%) invert(59%) sepia(0%) saturate(775%) hue-rotate(174deg) brightness(99%) contrast(73%);
    }

    .ft-Representations__address {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
    }

    .ft-Representations__tel1,
    .ft-Representations__tel2 {
        font: var(--font-t-14-semibold);
        color: var(--color-primary-900);
    }

    .ft-Representations {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .ft-star__fill {
        filter: invert(21%) sepia(35%) saturate(1997%) hue-rotate(361deg) brightness(100%) contrast(108%);
    }

    .ft-box__Representations__province {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .ft-star {
        direction: ltr;
    }

    #ft-selectbox__city {
        padding: 4px 8px;
        border-radius: 24px;
        color: var(--color-white);
        font: var(--font-t-14-semibold);
        background: var(--color-primary-900);
        border: 1px solid var(--color-primary-900);
        display: none;
    }

    /*...................................responsive map .................................*/

    @media screen and (max-width: 1200px) {
        .ft-arrow__left__city {
            padding: 4px 8px;
            font-size: 8px;
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-map__description__top {
            gap: 40px;
        }
    }

    @media screen and (max-width: 992px) {
        .ft-map__description__top {
            gap: 19px;
        }

        .ft-box__map {
            /* margin-top: 236px; */
        }
    }

    @media screen and (max-width: 768px) {
        .ft-map__selection {
            display: none;
        }

        .ft-map__description__top {
            justify-content: space-between;
        }

        .ft-map__description {
            width: 100%;
            /* padding-inline: 20px; */
        }

        .ft-Representations__count {
            display: none;
        }

        .ft-underline {
            display: none;
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-box__show__city {
            justify-content: center;
        }

        .ft-box__show__city {
            display: none;
        }

        #ft-selectbox__city {
            display: flex;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-map__description_p {
            font: var(--font-p-16-bold);
        }

        .ft-map__description_h3 {
            font: var(--font-t-14-semibold);
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-box__show__city {
            display: none;
        }

        .ft-Representations__count {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .ft-Representations__box {
            flex-direction: column;
            gap: 14px;
        }

        .ft-Representations__address1 {
            font: var(--font-t-14-regular);
        }

        .ft-line__shape {
            width: 55px;
        }
    }

    /*..............................End Factory Agency....................................*/
    /*.........................Start Factory Brands Carousel...............................*/

    .ft-brand__list {
        width: 100%;
        margin: 0 auto;
    }

    .ft-swiper__slide__brand {
        filter: sepia(1.5) opacity(0.2);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-secondary-101) 100%);
        box-shadow: 0 12px 12px 0 rgba(204, 204, 204, 0.06);
    }

    .ft-swiper__slide__brand:hover {
        filter: opacity(1);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-secondary-101) 100%);
        box-shadow: 0 12px 12px 0 rgba(204, 204, 204, 0.06);

        .ft-brand__name {
            display: flex;
        }
    }

    .ft-box__img {
        /*width:100%;*/
        display: none;
        height: 100%;
        padding: 6px 10px 16px 10px;
        flex-shrink: 0;
        border-radius: 16px;
        background: unset;
        box-shadow: unset;
    }

    .ft-brand__pic {
        display: flex;
        width: 100px;
        /*object-fit: contain;*/
        /*height: 60px;*/
        margin: 0 auto;
        justify-content: center;
        mix-blend-mode: darken;
    }

    .ft-brand__name {
        display: none;
        /*width: 100%;*/
        justify-content: center;
        /*padding: 8px 31px 16px 37px;*/
    }

    /*.........................End Factory Brands Carousel...............................*/
    /*...................................start factory section operation services...............*/

    .ft-section__operation {
        margin-top: 80px;
    }

    .ft-operation__services {
        display: flex;
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    /* unordered list widget */

    .nv-blogpost__content-listitem {
        position: relative;
    }

    .nv-blogpost__content-listitem i {
        position: absolute;
        right: -12px;
        top: 8px;
    }

    .nv-blogpost__content-listitem span {
        padding: 15px;
        margin: 0 auto;
    }

    .ft-operation__services__gap {
        gap: 15px;
        display: flex;
        flex-direction: column;
    }

    .ft-operation__service__item {
        /*margin: 20px auto;*/
    }

    .ft-operation__box {
        display: flex;
        justify-content: space-between;
        position: relative;
        min-width: 384px;
        min-height: 150px;
        background: var(--color-secondary-700);
    }

    .mask1 {
        -webkit-mask-image: url(../img/operation-services-box.svg);
        mask-image: url(../img/operation-services-box.svg);
        -webkit-mask-size: 100% 100%;
        mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .ft-operation__box__text {
        display: inline-flex;
        flex-direction: column;
        margin: 10% 5% 0 0;
        /*margin-right:20px;*/
        /*margin-top:10%;*/
    }

    .ft-operation__box__figure {
        position: relative;
    }

    .ft-operation__box__pic {
        width: 100px;
        height: 100px;
        position: absolute;
        left: 0;
        z-index: 555;
    }

    .ft-operation__pic {
        width: 110px;
        object-fit: cover;
        /*height: fit-content;*/
        position: absolute;
        left: -10%;
        top: 12%;
    }

    .ft-operation__box__text__h4 {
        font: var(--font-t-14-semibold);
        color: var(--color-white);
        margin: 0;
    }

    .ft-operation__box__text__p {
        font: var(--font-h4-18-bold);
        color: var(--color-white);
        margin: 0;
        width: max-content;
    }

    .ft-operation__services__read-more {
        display: flex;
        align-items: center;
        gap: 0;
        margin-top: -24px;
        margin-right: 5px;
    }

    .ft-read__more__text {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        margin: 0;
    }

    .ft-arrow__left__operation {
        display: flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background: var(--color-secondary-500);
    }

    .ft-box__all:hover {
        .ft-operation__box__pic {
            mix-blend-mode: unset;
        }
    }

    .ft-operation__service__item:hover {
        .ft-operation__box {
            background: url("img/operation-services-box-active.svg") no-repeat;
        }

        .ft-arrow__left__operation {
            background: var(--color-primary-900);
        }

        .ft-read__more__text {
            color: var(--color-secondary-700);
        }
    }

    /*...................................start factory section operation services...............*/
    /*.............................responsive operaton services.....................*/

    @media screen and (max-width: 768px) {
        .ft-operation__services {
            flex-direction: column;
            width: 100%;
        }
    }

    @media screen and (max-width: 620px) {
        .ft-box__all {
            width: 100%;
        }
    }

    @media screen and (max-width: 375px) {
        .ft-operation__services {
            flex-direction: column;
            width: 100%;
        }

        .ft-operation__pic {
            left: -20%;
        }
    }

    /*.............................Start Factory History .............................. */

    .mySwiper2 {
        z-index: 3;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ft-history__swiper__slide {
        width: 100%;
    }

    .ft-swiper__pagination {
        min-height: 44px;
    }

    .ft-swiper__pagination__item {
        width: 40px;
        height: 20px;
        padding: 8px;
        text-align: center;
        line-height: 6px;
        font-size: 12px;
        color: var(--color-secondary-600);
        opacity: 1;
        background: var(--color-white);
        z-index: 222;
        border-radius: 24px;
    }

    .snp-pagination {
        position: absolute;
        top: 0;
        min-height: 44px;
    }

    .ft-swiper__factory__wrapper>.swiper-pagination-bullet {
        width: 40px;
        height: 20px;
        padding: 8px;
        text-align: center;
        line-height: 6px;
        font-size: 12px;
        color: var(--color-secondary-600);
        opacity: 1;
        background: var(--color-secondary-100, #F1F1F1);
        z-index: 222;
        border-radius: 24px;
    }

    .swiper-pagination-bullet-active {
        max-width: 20%;
        height: 30px;
        padding: 16px;
        background: var(--color-primary-900, var(--color-primary-900));
        color: white;
        font-size: 20px;
        transition: ease 0.5s;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 24px;
        box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16);
    }

    .ft-swiper__pagination__item:hover {
        width: 60px;
        height: 30px;
        padding: 16px;
        background: var(--color-primary-1000);
        color: white;
        font-size: 20px;
        transition: ease 0.5s;
        display: flex;
        border-radius: 24px;
        box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16);
    }

    .ft-swiper__slider__pagination__fade {
        position: absolute;
        top: 5px;
        z-index: 444;
        width: 80px;
        height: 30px;
        display: flex;
        filter: blur(5px);
    }

    .ft-fade__color {
        background: #53504E;
    }

    .ft-fade__right {
        left: 23%;
    }

    .ft-fade__left {
        right: 23%;
    }

    .ft-my__swiper {
        /*height: 80%;*/
        width: 100%;
        overflow: unset;
        /*margin-top: -572px;*/
    }

    .ft-swiper__item__pic {
        width: 100%;
        border-radius: 24px;
        border: 8px solid rgba(236, 236, 236, 0.30);
    }

    .ft-swiper__history__slide__item {
        display: flex;
        justify-content: center;
        width: 80%;
        gap: 25px;
        margin: 95px auto;
        align-items: flex-start;
    }

    .ft-swiper__item__desc {
        display: flex;
        /* gap: 24px; */
        width: 40%;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        text-align: justify;
    }

    .ft-swiper__factory__wrapper {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        height: 0;
    }

    .ft-swiper__item__desc__h4 {
        font: var(--font-h3-20-bold);
        color: var(--color-white);
    }

    .ft-swiper__item__desc__p p {
        font: var(--font-p-16-regular);
        color: var(--color-white);
    }

    .ft-view__more__btn {
        border-radius: 30px;
        padding: 8px 16px;
        max-height: 50px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: var(--color-primary-1000);
        color: var(--color-white);
        font: var(--font-p-16-semibold);
    }

    /*............................responsive factory history.......................*/

    @media screen and (max-width: 768px) {
        .ft-swiper__history__slide__item {
            flex-direction: column;
        }

        .ft-swiper__item__desc {
            width: unset;
        }

        .ft-view__more__btn {
            display: none;
        }
    }

    /*...................................................Start Factory Comment ..................................*/

    #ft-swiper-4 {
        margin: 0 auto;
        width: 90%;
        text-align: right;
    }

    .ft-swiper__slide__comment {
        height: 100%;
    }

    .ft-comments {
        width: 100%;
        height: 100%;
        padding: 32px 32px 10px 32px;
        background: var(--color-secondary-101);
        border-radius: 24px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: inline-flex;
    }

    .ft-comments__header {
        align-items: center;
        display: inline-flex;
        width: 100%;
        flex-direction: row-reverse;
        gap: 16px;
    }

    .ft-comment__header__box {}

    .ft-comments__title {
        flex: 1 1 0;
        height: 17px;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        display: flex;
    }

    .ft-button__comment {
        padding: 10px;
        background: var(--color-primary-1000);
        font-size: 15px;
        border-radius: 100%;
        color: var(--color-white);
        border: 3px solid rgb(255 232 232 / 93%);
        /*box-shadow: 0 0 4px 0 var(--color-primary-1000);*/
    }

    .ft-comment__line {
        max-width: 16px;
        height: 0;
        transform: rotate(90deg);
        transform-origin: 0 0;
        border: 0.50px var(--color-secondary-200) solid;
    }

    .ft-comment__name {
        width: 100%;
        text-align: right;
        font: var(--font-t-14-bold);
        color: var(--color-secondary-700);
    }

    .ft-comment__box__pic {
        justify-content: center;
        align-items: center;
        display: flex;
        min-width: 40px;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        overflow: hidden;
    }

    .ft-comment__pic {
        width: 100%;
        height: 100%;
    }

    .ft-comment__main {
        /* padding: 16px 0; */
        display: flex;
        text-align: justify;
    }

    .ft-comment__desc {
        font: var(--font-comment);
        color: var(--color-secondary-600);
        margin: 0;
    }

    .ft-comment__footer {
        display: block;
        width: 100%;
    }

    .ft-rating {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 7px;
    }

    .ft-rating__item {
        text-align: -webkit-left;
    }

    .ft-rating__score {
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
        word-wrap: break-word;
        display: flex;
        justify-content: end;
    }

    .ft-rating__item__name {
        text-align: right;
        color: var(--color-secondary-700);
        font: var(--font-t-14-bold);
        word-wrap: break-word;
    }

    .ft-rating__box {
        width: 5px;
        height: 26px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        background: var(--color-Tertiary-200);
        border-radius: 3px;
    }

    .ft-rating__bar {
        display: flex;
        justify-content: space-evenly;
        width: 200px;
        margin: 5px 40px 0 0
    }

    .ft-rating__box__score {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .ft-rating__box__disable {
        background: var(--color-secondary-400);
    }

    /* .ft-arrow__next__prev__comment {

    display: flex;

    flex-direction: row-reverse;

    justify-content: space-between;

    height: 100%;

    width: 100%;

    padding: 5px;

    top: 0;

    left: 0;

    right: 0;

    position: absolute;

    align-items: center;

    z-index: 55;

} */
    /*...........................End Factory Comment..............................*/
    /*...............................Start Factory Email........................*/

    .ft-input__box__footer {
        width: 94%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /*gap: 115px;*/
        border-radius: 16px;
        background: var(--color-white);
        box-shadow: 0 1px 3px 0 rgba(155, 145, 145, 0.25);
        padding: 8px;
        outline: unset;
    }

    input {
        border: none;
    }

    .btn_email {
        border: none;
    }

    .btn_email:hover,
    .btn_email:focus,
    .btn_email:active {
        background: none;
        outline: unset;
    }

    .alert {
        padding: 15px;
        background-color: #9E9E9E;
        color: white;
        opacity: 1;
        transition: opacity 0.6s;
        margin-bottom: 15px;
        display: none;
        justify-content: center;
    }

    .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

    .closebtn:hover {
        color: black;
    }

    .ft-arrow__left__email {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
    }

    .ft-arrow__left__email__color {
        background: var(--color-primary-1000);
    }

    /*......................start factory  box possible....................*/

    .position-relative {
        position: relative;
    }

    .red {
        color: var(--color-primary-900);
    }

    .ft-box__about {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }

    .ft-box__about__item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .ft-icon__tick {
        position: absolute;
        right: -9%;
        top: 41%;
        width: 50%;
        height: 50%;
        fill: var(--color-primary-1000);
    }

    @media screen and (max-width: 576px) {}

    @media screen and (max-width: 992px) {
        .ft-box__text {
            width: 100%;
        }
    }

    @media screen and (max-width: 1200px) {
        .ft-box__text {
            width: 50%;
        }

        .ft-article {
            height: 205px;
            overflow: scroll;
        }
    }

    @media screen and (max-width: 768px) {
        .ft-box__about {
            align-items: center;
            width: 100%;
            margin-top: 20px;
        }

        .ft-article {
            width: 100%;
            height: fit-content;
            overflow: unset;
        }

        .ft-box__text {
            width: 100%;
        }

        .ft-box__text-1 {
            font: var(--font-t-14-semibold);
        }

        .ft-box__text-2 {
            font: var(--font-h4-18-bold);
        }

        .ft-line__shape {
            width: 128px;
        }

        .ft-box__about__item {
            width: unset;
            display: flex;
        }

        .ft-box__about__p-2 {
            display: none;
        }

        .ft-box__about__p-3 {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .ft-box__about__p-1 {
            display: none;
        }
    }

    /*.....end ..............*/
    /*...............search factory...............*/

    :root {
        --bg: #e3e4e8;
        --fg: #17181c;
        --input: #ffffff;
        --primary: #255ff4;
        --dur: 1s;
        font-size: calc(16px + (24 - 16)*(100vw - 320px)/(1280 - 320));
    }

    form.ft-form__search,
    input#search,
    .ft-caret {
        margin: auto;
    }

    form.ft-form__search {
        position: relative;
        width: 100%;
        max-width: 17em;
    }

    input#search,
    .ft-caret {
        display: block;
        transition: all calc(var(--dur) * 0.5) linear;
    }

    input#search {
        background: transparent;
        border-radius: 50%;
        box-shadow: 0 0 0 6px #909090;
        ft-caret-color: var(--primary);
        width: 30px;
        height: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input#search:focus,
    input#search:valid {
        background: var(--input);
        border-radius: 0.25em;
        box-shadow: none;
        padding: 0.75em 1em;
        transition-duration: calc(var(--dur) * 0.25);
        transition-delay: calc(var(--dur) * 0.25);
        width: 100%;
        height: 3em;
    }

    input#search:focus {
        animation: showft-caret var(--dur) steps(1);
        outline: transparent;
    }

    input#search:focus+.ft-caret,
    input#search:valid+.ft-caret {
        animation: handleToft-caret var(--dur) linear;
        background: transparent;
        width: 1px;
        height: 1.5em;
        transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
    }

    input#search::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    label#ft-search {
        color: #e3e4e8;
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 0;
    }

    .ft-caret {
        background: var(--color-secondary-500, #909090);
        border-radius: 0 0 0.125em 0.125em;
        margin-bottom: -0.6em;
        width: 0.25em;
        height: 19px;
        /*transform: translate(0,-1em) rotate(-45deg) translate(0,0.875em);*/
        transform: translate(0, -15px) rotate(318deg) translate(0, 16px);
        transform-origin: 50% 0;
    }

    /* Dark mode */

    @media (prefers-color-scheme: dark) {
        :root {
            --bg: #17181c;
            --fg: #e3e4e8;
            --input: #2e3138;
            --primary: #5583f6;
        }
    }

    /* Animations */

    @keyframes showft-caret {
        from {
            ft-caret-color: transparent;
        }

        to {
            ft-caret-color: var(--primary);
        }
    }

    @keyframes handleToft-caret {
        from {
            background: currentColor;
            width: 0.25em;
            height: 1em;
            transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em);
        }

        25% {
            background: currentColor;
            width: 0.25em;
            height: 1em;
            transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em);
        }

        50%,
        62.5% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em);
        }

        75%,
        99% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
        }

        87.5% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em);
        }

        to {
            background: transparent;
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
        }
    }

    input#search[type=search] {
        width: 100%;
        border: 1px solid #666;
        border-radius: 100%;
        padding: unset;
        transition: all .3s
    }

    input#search[type=search]:focus {
        width: 100%;
        height: 50px;
        border: 1px solid #666;
        border-radius: 3px;
        transition: all .3s;
        padding: 10px;
        background: #eeeeee;
        box-shadow: 0px 0px 5px 0px #9E9E9E;
    }

    /*........................single project.............................*/

    section.Ft-prsonal__cv,
    section.Ft-portfolio__cv,
    section.Ft-services__cv {
        margin-top: 50px;
    }

    .Ft-slider__gallery__thumbs__single__prsonal,
    .Ft-slider__gallery__thumbs__single__portfolio,
    .Ft-slider__gallery__thumbs__single__services {
        margin-top: 53px;
        padding: 42px;
        border: 1px solid var(--color-primary-300);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0px 15px 85px -21px rgba(68, 74, 88, 0)
    }

    /* .Ft-slider__gallery__single__prsonal,

.Ft-slider__gallery__single__portfolio,

.Ft-slider__gallery__single__services{

margin: 18px auto;

} */

    .Ft-slider__gallery__single__prsonal img,
    .Ft-slider__gallery__single__portfolio img,
    .Ft-slider__gallery__single__services img {
        max-height: 500px;
        width: 100%;
        border-radius: 12px;
        object-fit: cover;
    }

    .Ft-slider__thumbs__single__prsonal img,
    .Ft-slider__thumbs__single__portfolio img,
    .Ft-slider__thumbs__single__services img {
        max-height: 140px;
        min-height: 140px;
        width: 100%;
        border-radius: 12px;
    }

    .Ft-project__cv-option__item,
    .Ft-portfolio__cv-option__item,
    .Ft-services__cv-option__item {
        border-radius: 16px;
        border: 1px solid #EEE;
        background: var(--color-white, #FFF);
        padding: 16px 24px;
        display: flex;
        justify-content: space-between;
        float: right;
        margin: 5px;
        width: 268px;
        box-shadow: 0 7px 10px -1px #a6a6a66e;
    }

    .Ft-project__cv__option-item__des-title,
    .Ft-portfolio__cv__option-item__des-title,
    .Ft-services__cv__option-item__des-title {
        color: var(--color-secondary-400, #A6A6A6);
        font: var(--font-t-14-bold)
    }

    .Ft-project__cv__option-item__des-time,
    .Ft-portfolio__cv__option-item__des-time,
    .Ft-services__cv__option-item__des-time {
        color: var(--color-secondary-600, #646464);
        text-align: right;
        font: var(--font-p-16-bold)
    }

    .Ft-prsonal__cv__card,
    .Ft-portfolio__cv__card,
    .Ft-services__cv__card {
        border-radius: 16px;
        border: 1px solid var(--color-primary-300);
        background: #FFF;
        box-shadow: 0px 15px 85px -21px rgba(68, 74, 88, 0.10);
        padding: 28px;
    }

    .Ft-prsonal__cv__card-header img,
    .Ft-portfolio__cv__card-header img,
    .Ft-services__cv__card-header img {
        max-width: 68px;
        max-height: 68px;
    }

    .Ft-prsonal__cv__card-header__title__name,
    .Ft-portfolio__cv__card-header__title__name,
    .Ft-services__cv__card-header__title__name {
        color: var(--color-primary-700);
        font: var(--font-h3-22-bold);
    }

    .Ft-prsonal__cv__card-header__title,
    .Ft-portfolio__cv__card-header__title,
    .Ft-services__cv__card-header__title {
        padding-inline-start: 18px;
    }

    .Ft-prsonal__cv__card-header__title__field,
    .Ft-portfolio__cv__card-header__title__field,
    .Ft-services__cv__card-header__title__field {
        color: var(--color-secndery-400);
        font: var(--font-h5-18-semibold)
    }

    .Ft-prsonal__cv__card__des p,
    .Ft-portfolio__cv__card__des p,
    .Ft-services__cv__card__des p {
        color: var(--color-secndery-500);
        font-family: var(--font-secondary-p-16-bold);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        /* 212.5% */
    }

    .Ft-other__prsonal,
    .Ft-other__portfolio,
    .Ft-other__services {
        margin-top: 145px;
    }

    .Ft-slider__gallery__single__prsonal__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after,
    .Ft-slider__gallery__single__portfolio__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after,
    .Ft-slider__gallery__single__services__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: '';
    }

    .Ft-slider__gallery__single__prsonal__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after,
    .Ft-slider__gallery__single__portfolio__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after,
    .Ft-slider__gallery__single__services__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: '';
    }

    .Ft-other__prsonal .container .Ft-team-swiper-slider {
        margin-top: 67px;
    }

    .comment-list {
        padding: 0;
    }

    .Ft-prsonal__comments,
    .Ft-services__comments,
    .Ft-portfolio__comments,
    .Ft-custom_product_comments_section {
        margin-top: 118px;
    }

    .comment-author.vcard {
        color: var(--color-secondary-600, #646464);
        font: var(--font-p-16-bold);
        /* margin-top: 20px; */
    }

    .ft-swiper__wrapper__single__project {
        margin-top: 26px;
    }

    .ft-swiper__slide__single_project {
        min-width: 22%
    }

    /**********end single prsonal and portfolio and services*******/

    .Ft-project__cv-option__item__icon svg {
        font-size: 24px;
        fill: var(--color-primary-900, var(--color-primary-900));
        width: 24px;
        height: 24px;
    }

    /*......................page single team section box.................... */

    .ft-single__team__card {
        border-radius: 16px;
        border: 1px solid var(--color-secondary-300, #D9D9D9);
        background: #FFF;
        padding: 30px 24px;
    }

    .ft-single__team__card-header {
        display: flex;
        align-items: center;
    }

    .ft-single__team__card-header img {
        max-width: 68px;
        max-height: 68px;
        border-radius: 50%;
    }

    .ft-single__team__card-header__title__name {
        color: var(--color-secondary-600, #646464);
        font: var(--font-h4-18-bold);
    }

    .ft-single__team__card-header__title {
        padding-inline-start: 18px;
    }

    .ft-single__team__card-header__title__field {
        color: var(--color-secondary-400, #A6A6A6);
        font: var(--font-p-16-semibold);
        margin-top: 14px;
    }

    .ft-single__team__card__des p {
        color: var(--color-Gray-Gray-400, #617081);
        text-align: right;
        font-family: var(--main-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        /* 250% */
        ;
        text-align: justify;
    }

    .ft-header__btn__reserv {
        background-color: var(--color-primary-700);
        border-radius: 50px;
        padding: 8px 16px;
        border: 3px solid rgb(255 227 227 / 74%);
        box-shadow: 0 12px 26px -6px rgba(215, 39, 129, 0.15);
        color: #fff;
        font: var(--font-p-16-semibold);
        line-height: normal;
        display: flex;
        align-items: center;
    }

    .ft-header__btn__reserv:before {
        content: '\f08e';
        font-family: "Font Awesome 5 Free";
        width: 18px;
        height: 18px;
        display: flex;
    }

    .ft-header__btn {
        display: flex;
        justify-content: end;
    }

    /*........................search 2............................*/

    input.ft-search__text {
        color: #222;
        position: relative;
        z-index: 5;
        height: 45px;
        width: 0;
        margin: 0;
        padding: 5px 0 5px 40px;
        transition: all 0.3s;
        left: 0;
        box-sizing: border-box;
        font-size: 16px;
        font-size: 1rem;
        cursor: pointer;
        border: 1px solid transparent;
        /*background: url(search.png) no-repeat left 9px center transparent;*/
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat left 9px center transparent;
        background-size: 24px;
    }

    input.ft-search__text:focus {
        z-index: 3;
        width: 146px;
        border: none;
        background-color: white;
        outline: none;
        cursor: auto;
        padding-right: 43px;
        display: flex;
        text-align: justify;
        border-bottom: 1px solid var(--color-secondary-400, #A6A6A6);
        left: 100px;
        transition: all 0.4s;
    }

    input.ft-search__submit {
        position: relative;
        z-index: 4;
        top: 17px;
        left: 49px;
        width: 45px;
        height: 45px;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        cursor: pointer;
        background: none;
        display: none;
    }

    .ft-site__navigation.site-navigation ul.menu li.menu-item-has-children::after {
        content: '\e92b';
        font-family: 'iconsax-outline';
        width: 17px;
        height: 29px;
        font-size: 13px;
        background: var(--color-secondary-300, #A6A6A6);
        border-radius: 12px;
        color: white;
        margin-right: 34px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .site-navigation ul.menu li ul li.menu-item-has-children:after {
        transform: unset;
    }

    input.ft-search__text::-webkit-search-cancel-button {
        cursor: pointer;
    }

    /*.....................quotation........................*/

    #ft-btn__blog__show-all:hover .ft-show-all__blog {
        color: var(--color-primary-900);
    }

    #ft-btn__blog__show-all:hover .ft-btn__arrow-blog {
        background: var(--color-primary-900);
    }

    .ft-blog .ft-cards {
        padding: 24px;
    }

    .ft-blogpost__quote-box {
        border-radius: 10px;
        background: #FABEBE;
        padding: 32px 36px;
        width: fit-content;
        justify-content: space-between;
    }

    .ft-blogpost__quote svg,
    .ft-blogpost__quote i {
        fill: var(--color-primary-900, var(--color-primary-900));
        font-size: 24px;
        width: 24px
    }

    .fa-quote-right-alt:before,
    .fa-quote-right:before {
        content: "\f10e";
        font-family: "Font Awesome 5 Free";
    }

    .ft-blogpost__quote-box p {
        color: var(--color-secondary-700, #4C4C4C);
        text-align: start;
        font-family: var(--main-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 174%;
        /* 27.84px */
    }

    .ft-Representations__count {
        font-weight: 200;
    }

    .ft-Representations__count {
        margin-inline-start: 10px;
    }

    .ft-map__description_h3 {
        margin-bottom: 16px;
    }

    .ft-map__description_p {}

    .ft-map__description__top {
        padding-bottom: 0;
        /* margin-bottom: 32px; */
    }

    .ft-one-line {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-two-lines {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-three-lines {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-article__p {
        height: 41h;
    }

    /* .ft-article__h3 {

    height: 2lh;

} */

    .ft-card__project .ft-project__name {
        height: 1lh;
    }

    .ft-project__attribute {
        max-width: 49%;
    }

    progress[value="100"]::-webkit-progress-value {
        background: #43C659;
    }

    .ft-carousel__project .swiper-wrapper {
        padding: 25px 0;
    }

    .ft-box__social__item i {
        min-width: 33px;
    }

    input#ft-email {
        width: 100%;
    }

    span.ft-bookmark__product {
        position: absolute;
        top: 5px;
        bottom: unset;
        font-size: 11px;
        left: 55px;
    }

    span.ft-bookmark__product img {
        width: 24px;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 19px;
    }

    span.ft-carousel__text__icon {
        margin-left: 8px;
    }

    .ft-text__button {
        font-weight: 600;
    }

    .ft-carousel__text .ft-carousel__icon {
        /* position: absolute; */
        left: 0;
        bottom: 0px;
    }

    i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {
        left: 56px;
    }

    .ft-icon__play__video {
        color: var(--color-primary-1000);
    }

    .ft-carousel__text div.ft-carousel__icon {
        /* position: absolute; */
        left: 0;
        bottom: 0px;
        /* width: 40px; */
        height: 40px;
        z-index: 3;
        /* width: 100%; */
        margin-top: -40px;
    }

    .ft-comment-number {
        color: var(--color-white);
        display: flex;
        gap: 8px;
        flex-direction: row-reverse;
        align-items: center;
    }

    @media screen and (max-width: 600px) {
        i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {
            right: 56px;
            left: unset;
        }

        .ft-carousel__box__button {
            display: flex;
            justify-content: center;
        }
    }

    .ft-box__services {
        padding: 36px 24px;
        text-align: center;
    }

    .ft-services__titr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding: 10px 32px 0 32px; */
    }

    h6.ft-services__header.sm {
        color: #959595;
        font-weight: normal;
    }

    .ft-carousel__services__box p {
        font-size: 14px;
    }

    .ft-carousel__services__box p {
        font-size: 14px;
        margin: 0;
    }

    h4.ft-services__frame__title {
        margin: 8px 0;
    }

    .ft-carousel__services__box .ft-swiper__slide__item:hover p {
        color: white;
    }

    .ft-line__separator {
        display: block;
        display: flex;
        justify-content: center;
    }

    .ft-box__attribute {
        width: calc(50% - 0px);
    }

    .ft-product__specification {
        gap: 0;
    }

    .ft-product__specification__box h3.ft-title__property,
    .ft-product__specification__box .ft-value__property {
        margin: 0;
    }

    .ft-box__specification {
        margin-top: 28.5px;
    }

    .ft-product__carousel__item .ft-section__price-count .button {
        display: none;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 16px;
    }

    span.ft-bookmark__product {
        position: absolute;
        top: 6px;
        bottom: unset;
        font-size: 11px;
        left: 48px;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 19px;
        padding-left: 3px;
        padding-top: 2px;
    }

    .ft-product__carousel__item bdi {
        display: revert;
        margin-right: unset;
        text-align: start;
    }

    .ft-product__carousel__item .ft-price {
        min-width: 80%;
    }

    .ft-product__carousel__item .price {
        flex-direction: column;
    }

    .ft-product__specification {
        gap: 0;
        row-gap: 24px;
    }

    .ft-product__carousel__item .price {
        flex-direction: column;
    }

    .ft-box__specification .ft-section__price-count {
        min-height: 58px;
    }

    .ft-box__specification {
        gap: 32px;
    }

    .ft-product-card--not-sale .ft-product__carousel__item .price {
        margin-top: 10px;
    }

    /*:root {

   

    --main-font: Yekan Bakh FaNum;

    --secondary-font: Morabba;

    --font-h1-34-black: normal 900 34px/40.8px var(--main-font);

    --font-h2-28-bold: normal 700 28px/33.6px var(--main-font);

    --font-h3-20-bold: normal 700 20px/24px var(--main-font);

    --font-h4-18-bold: normal 700 18px/21.6px var(--main-font);

    --font-h4-18-semibold: normal 600 18px/21.6px var(--main-font);

    --font-h4-18-regular: normal 400 18px/21.6px var(--main-font);

    --font-p-16-bold: normal 700 16px/19.2px var(--main-font);

    --font-p-16-semibold: normal 600 16px/19.2px var(--main-font);

    --font-p-16-regular: normal 400 16px/32px var(--main-font);

    --font-s-15-semibold: normal 600 15px/18px var(--main-font);

    --font-t-14-bold: normal 700 14px/16.8px var(--main-font);

    --font-t-14-semibold: normal 600 14px/16.8px var(--main-font);

    --font-t-14-regular: normal 400 14px/28px var(--main-font);

    --font-t-15-semibold: normal 600 15px/18px var(--main-font);

    --font-body-14-regular: normal 400 14px/normal var(--main-font);

    --font-body-14-medium: normal 500 14px/normal var(--main-font);

    --font-body-14-bold: normal 700 14px/normal var(--main-font);

    --font-free: normal 700 8px/normal var(--main-font);

    --font-time: normal 600 13px/normal var(--main-font);

    --font-comment: normal 600 14px/28px var(--main-font);

    --font-article: normal 700 16px/32px var(--main-font);

}

*/
    /*................................fonts.....................................*/
    /*...................................start color............................*/
    /*:root {

    --color-primary-700: #E72727;

     var(--color-primary-900):  var(--color-primary-900);

     var(--color-primary-900): #F15252;

    --color-primary-400: #F47D7D;

    --color-primary-300: #F8A9A9;

    --color-primary-200: #ffdada;

    --color-primary-100: #FDE9E9;

    --color-secondary-800: #2F2F2F;

    --color-secondary-700: #4C4C4C;

    --color-secondary-600: #646464;

    --color-secondary-500: #909090;

    --color-secondary-400: #A6A6A6;

    --color-secondary-300: #d9d9d9;

    --color-secondary-200: #ededed;

    --color-secondary-100: #f1f1f1;

    --color-secondary-101: #F5F5F5;

    --color-Gray-Gray-400: #617081;

    --color-Tertiary-300: #40BAEF;

    --color-Tertiary-200: #43C659;

    --color-Tertiary-100: #69D17A;

    --color-logo: #26A9E0;

    --color-bg: #F4F7FA;

     var(--color-primary-1000): #EE2A3D;

    --color-white: #FFFFFF;

    --color-black: #000000;

}

*/
    /*...................................end colors...........................................*/
    /*..................................Start Factory Tel Subscriber........................................*/

    .ft-carousel__title {
        margin-bottom: 26px;
    }

    .ft-carousel__description {
        margin-bottom: 32px;
    }

    .ft-tel-subscriber {
        display: flex;
        flex-direction: row;
        padding: 5px;
        align-items: center;
    }

    .ft-tel-subscriber__phone {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        border: none;
        border-radius: 15px;
        background: white;
        box-shadow: 0 1px 3px 0 rgba(216, 216, 216, 0.25);
        padding: 16px;
    }

    input::placeholder {
        font: var(--font-t-14-semibold);
    }

    .ft-input__number-phone {
        border: 0;
        padding: 0 6px;
        width: 20px;
        position: absolute;
        background-size: 20px;
    }

    .ft-arrow__left__subscriber {
        position: absolute;
        padding: 0 14px;
        border-radius: 20px;
        color: white;
        background: var(--color-primary-1000);
        top: 14px;
        left: 12px;
    }

    .ft-arrow__left__subscriber svg {
        width: 12px;
    }

    /*..................................End Factory Tel Subscriber........................................*/
    /*.......................................start Factory Video........................................*/

    .ft-video__boxes {
        width: 100%
    }

    .ft-box__video {
        width: 100%;
        position: relative;
        height: -webkit-fill-available;
        display: flex;
    }

    .ft-icon__play__video {
        min-width: 24px;
        height: 24px;
        border-radius: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        fill: var(--color-primary-900, var(--color-primary-900));
    }

    .ft-box__video:before {
        content: " ";
        width: 100%;
        height: inherit;
        background: rgba(0, 0, 0, 0.7);
        display: block;
        position: absolute;
        border-radius: 24px;
    }

    .ft-before-semishow {
        content: " ";
        width: 100%;
        height: inherit;
        background: rgba(0, 0, 0, 0);
        display: block;
        position: absolute;
        border-radius: 24px;
    }

    .ft-video {
        width: 100%;
        height: 100%;
        box-shadow: 0 0 0 8px #FFF5F5;
        border-radius: 24px
    }

    .ft-icon__minmax {
        width: 24px;
        height: 24px;
        position: absolute;
        right: 4%;
        bottom: 6%;
        color: white;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 22;
    }

    .ft-video__time {
        display: inline-flex;
        height: 33px;
        padding: 4px 8px;
        align-items: flex-start;
        gap: 8px;
        flex-shrink: 0;
        border-radius: 24px;
        background: rgba(255, 255, 255, 0.30);
        position: absolute;
        left: 4%;
        bottom: 6%;
        color: white;
        font: var(--font-time);
        line-height: 25px;
    }

    .ft-video__play {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        justify-content: center;
        display: flex;
        align-items: center;
        text-align: center;
        font-size: 24px;
        color: white;
        z-index: 22;
    }

    .ft-video__icon {
        display: flex;
    }

    .ft-video__icon__play {
        display: flex;
        padding: 16px;
        border-radius: 40px;
        background: var(--color-white);
    }

    .ft-border__large {
        position: absolute;
    }

    .ft-border__medium {
        position: absolute;
    }

    @media screen and (max-width: 1200px) {
        .ft-box__text-2 {
            font: var(--font-h3-20-bold);
        }

        .ft-line__shape {
            width: 127px;
        }
    }

    @media screen and (max-width: 1024px) {

        /*.ft-box__video {*/
        /*    margin: 170px 0 0 0 ;*/
        /*}*/
        .ft-line__shape {
            width: 127px;
        }

        .ft-box__text-2 {
            line-height: 50px;
            width: max-content;
        }

        .ft-box__text-2 {
            font: var(--font-h3-20-bold);
        }
    }

    @media screen and (max-width: 768px) {
        .ft-box__video {
            margin: 170px 0 0 0;
        }

        .ft-box__text-1 {
            line-height: 50px;
        }

        .ft-box__text-2 {
            line-height: 60px;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-video__icon {
            padding: 8px;
            font-size: 13px;
        }

        .ft-icon__play {
            width: 18px;
            height: 18px;
        }

        .ft-border__large {
            width: 56px;
            height: 56px;
        }

        .ft-border__medium {
            width: 48px;
            height: 48px;
        }
    }

    /*.......................................End Factory Video........................................*/
    /*.......................Start Factory Text  Carousel hero ...............................*/

    #ft-carousel__text {
        overflow: hidden;
    }

    .ft-carousel__title {
        font: var(--font-h1-34-black);
        color: var(--color-secondary-200);
    }

    .ft-carousel__description {
        font: var(--font-h4-18-bold);
        color: var(--color-secondary-100);
    }

    .ft-carousel__icon {
        padding: 8px;
        gap: 10px;
        align-self: end;
        border-radius: 100%;
        display: flex;
        justify-content: end;
        align-items: center;
    }

    .ft-text__button {
        font: var(--font-p-16-semibold);
    }

    .ft-carousel__box__button {
        display: flex;
        justify-content: space-between;
        width: 100%;
        margin-top: 20px;
        flex-direction: row;
    }

    .ft-carousel__text__icon {
        width: 16px;
        fill: #ffffff;
    }

    .swiper-slide {
        font-size: 18px;
        box-sizing: border-box;
    }

    .ft-swiper__carousel__text {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin: 0 auto;
        align-items: start;
    }

    /*............responsive hero bg........................*/

    @media screen and (max-width: 997px) {}

    @media screen and (max-width: 375px) {}

    @media screen and (max-width: 768px) {
        .ft-swiper__carousel__text {
            padding: 47px;
        }

        .ft-swiper__wrapper {
            /*height: unset;*/
            flex-direction: row;
        }

        .ft-swiper__carousel__responsive {
            align-items: center;
            width: 100%;
        }

        .ft-carousel__text div.ft-carousel__icon {
            margin-top: -85px;
        }

        .ft-carousel__box__button {
            justify-content: center;
            align-items: center;
        }

        /* .ft-carousel__btn {

        position: absolute ;

    } */
        .ft-carousel__icon {
            justify-content: center;
            margin-top: -89px;
            gap: 195px;
        }

        .ft-carousel__icon__mobile {}

        .ft-carousel__title {
            font: var(--font-h3-20-bold);
        }

        .ft-carousel__description {
            font: var(--font-t-14-semibold);
        }
    }

    /*.......................End Factory Text  Carousel hero ...............................*/
    /*.......................Start Factory Data  Carousel  ...............................*/

    .ft-data {
        /*width: 1440px;*/
        /*height: 100%;*/
        justify-content: space-evenly;
        flex-wrap: wrap;
        margin: 0 auto;
    }

    .ft-swiper__slide__data {
        box-shadow: -13px 0 18px 0 #f7f6f6;
    }

    .swiper {
        overflow: hidden;
    }

    .ft-carousel__box__data {
        min-width: 225px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .ft-carousel__box__data__content {
        display: flex;
        align-items: center;
        gap: 16px;
        flex-direction: row;
    }

    .ft-carousel__data__text {
        display: flex;
        flex-direction: row;
        align-items: baseline;
        gap: 24px;
    }

    .ft-carousel__data__img {
        width: 24px;
        display: flex;
        justify-content: space-evenly;
        align-items: baseline;
    }

    .ft-color__icon__svg {
        fill: var(--color-secondary-600);
    }

    .ft-color__icon__img {
        color: var(--color-secondary-600);
    }

    .ft-carousel__data__name {
        font: var(--font-t-14-bold);
        color: var(--color-secondary-600);
    }

    .ft-color__text__desc {
        color: var(--color-secondary-600);
    }

    .ft-carousel__data__number {
        font: var(--font-h2-28-bold);
    }

    .ft-color__number {
        color: var(--color-primary-900);
    }

    /*.......................End Factory Data  Carousel  ...............................*/
    /*...................start factory services.......................*/

    .bg-red {
        background: var(--color-primary-700);
    }

    .ft-services__img {
        width: 100%;
        height: 630px;
        z-index: 22;
    }

    .ft-services__box {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ft-carousel__service__gap {
        gap: 10px;
    }

    .ft-mask__img {
        width: 100%;
        height: 32%;
        position: absolute;
        z-index: 22;
    }

    .ft-section__text {
        display: flex;
        align-items: center;
        flex-direction: column;
        position: absolute;
        left: 40%;
        top: 43%;
        z-index: 3;
    }

    .ft-services__text-1 {
        font: var(--font-h2-28-bold);
        color: var(--color-white);
    }

    .ft-services__text-2 {
        font: var(--font-p-16-semibold);
        color: var(--color-white);
    }

    /*...........................responsive bg services..........................*/

    @media screen and (max-width: 768px) {
        .ft-services__gradient__mobile {
            display: flex;
        }

        .ft-services__gradient {
            display: none;
        }

        .ft-section__text {
            right: 0;
            left: 0;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-services__text-1 {
            font: var(--font-h4-18-bold);
        }

        .ft-services__text-2 {
            font: var(--font-t-14-semibold);
        }
    }

    /*.................swiper section services............................*/

    .ft-swiper__services__box {
        width: 90%;
        /*margin-top: -257px;*/
        z-index: 3;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .swiper-button-next,
    .swiper-button-prev {
        width: unset;
        height: unset;
    }

    @media (max-width: 760px) {
        .swiper-button-next {
            right: 20px;
            transform: rotate(90deg);
        }

        .swiper-button-prev {
            left: 20px;
            transform: rotate(90deg);
        }
    }

    .ft-services__frame__title {
        font: var(--font-h4-18-bold);
        color: var(--color-primary-900);
    }

    .ft-services__frame__desc {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        min-width: 126px;
    }

    .ft-swiper__slide__item {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding: 48px 56px;
        justify-content: center;
        align-items: center;
        border-radius: 24px;
        border: 1px solid var(--color-secondary-300);
        background: var(--color-white);
    }

    .ft-shape__circle {
        display: flex;
        gap: 16px;
        padding: 16px;
        border-radius: 100%;
        background: linear-gradient(180deg, rgba(201, 196, 196, 0) 0%, var(--color-secondary-101) 100%);
    }

    .ft-swiper__slide__item:hover {
        background: var(--color-primary-1000);

        .ft-services__frame__desc {
            color: var(--color-white);
        }

        .ft-services__frame__title {
            color: var(--color-white);
        }

        .ft-arrow__left__service {
            background: var(--color-white);
            color: var(--color-primary-1000);
        }

        .ft-swiper__button__next-prev {
            margin: 10px;
            background: var(--color-white);
            color: var(--color-primary-1000);
        }

        .ft-shape__circle {
            background: linear-gradient(180deg, rgba(237, 39, 39, 0.00) 0%, var(--color-primary-1000) 100%);
        }

        .ft-shape__circle img {
            filter: brightness(0) iftert(1);
        }
    }

    .ft-shape__circle img {
        filter: brightness(0.1) invert(0.9);
        border-radius: 100%;
        height: 80px;
    }

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: unset;
        display: none;
    }

    .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: unset;
    }

    .ft-swiper__button__next-prev {
        padding: 10px;
        background: var(--color-primary-1000);
        font-size: 15px;
        border-radius: 100%;
        color: var(--color-white);
        max-width: 0 10px;
    }

    .ft-arrow__left__service {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        /*background: var(--color-primary-1000);*/
    }

    /*.................end swiper section services............................*/
    /*.................Start   social network............................*/

    .ft-box__social__item {
        padding: 37px 20px;
        flex-shrink: 0;
        border-radius: 18px;
        background: var(--color-secondary-200);
        display: flex;
        align-items: center;
        text-align: center
    }

    .ft-box__social__item:hover {
        background: var(--color-Tertiary-300);
    }

    .ft-box__social__item:hover svg {
        filter: brightness(0) invert(1);
    }

    .ft-box__social__item svg {
        width: 32px;
        /* filter: brightness(0.5) invert(0.5); */
        fill: var(--color-secondary-400, #A6A6A6);
        height: 100%;
    }

    .ft-box__social__gap {
        gap: 10px;
    }

    .ft-box__social {
        display: flex;
    }

    .ft-box__social-network {
        width: 90%;
        margin: 83px auto;
        display: flex;
        /*margin-top: 83px;*/
        align-items: end;
        justify-content: space-between;
    }

    /*.................End social network............................*/
    /*................Start Factory Card product Carousel...........................*/
    /*.ft-swiper__wrapper {*/
    /*    position: relative;*/
    /*}*/
    /*#ft-swiper-2 {*/
    /*    margin: 0 auto;*/
    /*    width: 100%;*/
    /*    padding: 15px 0;*/
    /*}*/

    .ft-disable {
        /*width: 312px;*/
        /*height: 499px;*/
        background: var(--color-white);
        opacity: 0.5;
    }

    .ft-button-next-project {
        display: block;
        position: absolute;
        left: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-button-prev-project {
        display: block;
        position: absolute;
        right: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-product__carousel__item {
        width: 100%;
        text-align: right;
        /*flex-shrink: 0;*/
        border-radius: 24px;
        background: var(--color-white);
        box-shadow: 0 0 16px 0 #F4F4F4;
        padding: 32px;
        margin-inline: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .ft-bookmark__product {
        /*padding: 32px 0 0 0;*/
        width: 100%;
        display: flex;
        justify-content: flex-end;
        /*filter: grayscale(100%);*/
    }

    .ft-product__pic {
        width: 120px;
        height: 120px;
        margin: 34px;
        display: flex;
        justify-content: center;
    }

    .ft-bookmark__product:active {
        filter: grayscale(0%);
    }

    .ft-product__name {
        font: var(--font-p-16-bold);
        color: var(--color-primary-900, var(--color-primary-900));
    }

    .ft-product__useful p {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
    }

    .ft-product__vertical__line {
        width: 3px;
        height: 32px;
        flex-shrink: 0;
        border-radius: 3px;
        background: var(--color-secondary-400);
        margin: unset;
    }

    .ft-box__specification {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 9px;
        text-align: right;
    }

    .ft-product__specification {
        display: flex;
        flex-wrap: wrap;
        gap: 18px;
        align-items: center;
        justify-content: space-between;
    }

    .ft-box__attribute {
        display: flex;
        gap: 8px;
        align-items: center;
    }

    .ft-box__property {
        display: flex;
        align-items: center;
        gap: 18px;
    }

    .ft-product__specification__box {
        display: flex;
        flex-direction: row;
        width: 100%;
        justify-content: space-between;
    }

    .ft-box__property-value {
        display: flex;
        flex-direction: column;
        align-items: flex-start
    }

    .ft-title__property {
        margin: 0;
        color: var(--color-secondary-500);
        font: var(--font-t-14-bold);
    }

    .ft-value__property {
        margin: 0px;
        font: var(--font-s-15-semibold);
    }

    .ft-add__to__cart {
        display: none;
    }

    .ft-add__cart {
        display: inline-flex;
        padding: 10px;
        align-items: flex-start;
        gap: 10px;
        border-radius: 24px;
        border: 4px solid rgb(255 255 255 / 84%);
        background: var(--color-secondary-400, #d9d9d9);
    }

    .ft-onsale {
        /*display: flex;*/
        padding: 4px 5px;
        justify-content: flex-end;
        align-items: center;
        gap: 2px;
        border-radius: 9px 9px 9px 0;
        background: var(--color-primary-900);
        font-size: 11px;
        color: var(--color-white);
    }

    .ft-price {
        text-align: end;
    }

    .price {
        display: flex;
        flex-direction: column;
        gap: 5px;
        margin-top: -20px;
    }

    .bdi {
        margin-right: -20px;
        font: var(--font-h3-20-bold);
    }

    a.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
        display: none;
    }

    del {
        color: var(--color-secondary-500);
        font: var(--font-t-14-semibold);
        /*text-decoration-line: strikethrough;*/
        margin-left: 20px;
    }

    ins {
        margin-right: 60px;
        text-decoration: none;
    }

    bdi {
        display: flex;
        /* margin-right: -53px; */
    }

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

    .ft-section__price-count {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 16px 0;
    }

    #reviews {
        display: none;
    }

    .ft-carousel__pagination__product {
        width: 100%;
        position: absolute;
        top: 50%;
        z-index: 333;
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        left: -15px
    }

    .ft-carousel__product {
        padding: 25px;
    }

    .ft-button-next-product {
        position: relative;
        left: 30px;
    }

    .ft-button-prev-product {
        margin-right: -12px;
    }

    /*.swiper-slide{*/
    /*    width: unset;*/
    /*}*/
    /*.....................respoonsive swiper product................................*/

    @media screen and (max-width: 768px) {}

    @media screen and (max-width: 300px) {
        .ft-product__desc {
            width: 100%;
        }
    }

    /*................End Factory Card product Carousel...........................*/

    .ft-box__catalog__mobile {
        display: none;
    }

    /*.................swiper mobile .......................*/

    .ft-box__mobile {
        width: 100%;
        display: flex;
    }

    .ft-property {
        width: 110px;
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .ft-box__services {
        /*width: 280px;*/
        min-height: 143px;
        background-color: var(--color-secondary-200);
        border-radius: 24px;
        padding: 36px 24px;
    }

    .ft-services__titr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding: 32px 32px 0 32px; */
    }

    .ft-services__title__color {
        color: var(--color-primary-900);
    }

    .ft-services__title {
        font: var(--font-h4-18-bold);
    }

    .ft-services__icon {
        width: 40px;
        height: 40px;
    }

    .ft-services__icon__color {
        fill: var(--color-primary-900);
    }

    .ft-services__text {
        display: flex;
        text-align: justify;
        padding: 0 32px;
        font: var(--font-p-16-regular);
    }

    .ft-services__header {
        font: var(--font-t-14-semibold);
        padding: 5px 32px;
        text-align: justify;
    }

    .ft-arrow__left {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        /*background: var(--color-primary-1000);*/
    }

    .ft-mobile__swiper__wrapper {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .ft-box__mobile__gap {
        gap: 16px;
    }

    .ft-mobile__swiper__slide {
        width: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*................Start Factory Card Project Carousel...........................*/

    .ft-progress__bar {
        display: flex;
        flex-direction: column;
        gap: 10px
    }

    .ft-arrow__left__project {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
        background: var(--color-secondary-300, #D9D9D9);
    }

    progress {
        direction: ltr;
        border-radius: 7px;
        width: 100%;
        height: 7px;
        margin-left: -11.5%;
    }

    progress::-webkit-progress-bar {
        background-color: var(--color-secondary-200);
        border-radius: 7px;
    }

    progress::-webkit-progress-value {
        border-radius: 3px;
        background: var(--color-primary-1000);
        /*box-shadow: 1px 1px 5px 3px rgba( 255, 0, 0, 0.8 );*/
    }

    .ft-completed::-webkit-progress-value {
        background: var(--color-Tertiary-200);
    }

    .ft-progress__title {
        font: var(--font-t-14-regular);
        color: var(--color-secondary-500);
    }

    .ft-box__progress__bar {
        display: flex;
        flex-direction: column;
        gap: 20px
    }

    .ft-message__completed {
        display: flex;
        width: 64px;
        height: 11px;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        font: var(--font-t-14-regular);
        color: var(--color-Tertiary-200);
    }

    .ft-progress__bar__top {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .ft-bookmark__project {
        padding: 32px 0 0 0;
        justify-content: flex-end;
        /*filter: grayscale(100%);*/
    }

    /*....................................end progress bar...............................*/

    #ft-carousel__project {
        margin: 0 auto;
        width: 90%;
        text-align: right;
        padding: 15px 0;
    }

    .ft-card__project {
        width: 100%;
        height: fit-content;
        flex-shrink: 0;
        border-radius: 24px;
        background: var(--color-white);
        box-shadow: 0 0 36px 0 #F4F4F4;
        /* padding: 0 0 24px 0; */
    }

    .ft-box__card {
        height: 165px;
        width: 100%;
        margin: 0 auto;
        padding: 24px;
    }

    .ft-shadow__card__pic {
        width: 100%;
        height: 100%;
        border-radius: 12px;
        opacity: 0.3;
        background: url(img/project1.jpg), lightgray -3.661px -80.25px / 103.39% 197.273% no-repeat, #0052A8;
        filter: blur(12px);
    }

    .ft-box__card__main {
        padding: 0 24px;
        text-align: right;
    }

    .ft-box__headline__project {
        display: flex;
        align-items: center;
        gap: 8px;
        /*margin: 34px 0 10px 0;*/
    }

    .ft-box__headline__category {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        margin: 0;
        padding: 0;
    }

    .ft-box__headline__category__name {
        font: var(--font-t-14-bold);
        color: var(--color-secondary-600);
        margin: 0;
        padding: 0;
    }

    .ft-project__attribute {
        display: flex;
        gap: 8px;
    }

    .ft-vertical__line {
        display: flex;
        height: 16px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .ft-project__property {
        display: flex;
        gap: 30px;
        flex-wrap: wrap;
    }

    /*...............................end project ..............................*/
    /*................................responsive project....................................*/

    @media screen and (max-width: 768px) {
        .ft-project {
            width: 100%;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-box__headline__brand-desc {
            display: none;
        }
    }

    @media screen and (max-width: 330px) {
        .ft-project {
            flex-direction: column;
        }
    }

    /*................End Factory Card Project Carousel...........................*/

    .ft-headline {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
    }

    .ft-box__headline {
        display: flex;
        align-items: center;
        gap: 16px;
    }

    .ft-box__show {
        display: flex;
        justify-content: end;
        align-items: center;
        width: 20%;
        gap: 8px;
    }

    .ft-show__all {
        font: var(--font-p-16-bold);
        color: var(--color-secondary-500);
    }

    .ft-arrow__disable {
        background: var(--color-secondary-500);
    }

    .ft-headline__vertical__line {
        display: flex;
        height: 16px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .ft-box__headline__desc {
        font: var(--font-h4-18-bold);
        margin: 0;
        display: flex;
        /*align-items: center;*/
        gap: 9px;
    }

    .ft-box__headline__icon {
        width: 24px;
        font-size: 24px;
        fill: var(--color-primary-1000);
    }

    .ft-underline {
        text-decoration: underline;
        display: flex;
        border: 1px solid;
        border-radius: 3px;
        margin-top: 3px;
    }

    .ft-underline__color {
        color: var(--color-primary-1000);
    }

    .ft-arrow__left__headline {
        padding: 3px 11px;
        font-size: 12px;
        border-radius: 20px;
        display: flex;
        gap: 10px;
        color: white;
        top: 14px;
        left: 12px;
    }

    .ft-color__headline {
        fill: var(--color-primary-900);
        color: var(--color-primary-900, var(--color-primary-900));
    }

    .ft-box__show:hover {
        .ft-show__all {
            color: var(--color-primary-900);
        }

        .ft-arrow__disable {
            background: var(--color-primary-900);
        }
    }

    @media screen and (max-width: 768px) {
        .ft-headline {
            width: 100%;
        }

        .ft-box__headline__desc {
            font: var(--font-t-14-bold);
            gap: 3px;
        }

        .ft-show__all {
            font: var(--font-t-14-bold);
        }

        .ft-arrow__left {
            padding: 4px 8px;
            font-size: 8px;
        }
    }

    /*................................Factory Box Download .................................*/

    .ft-catalog__box {
        /* width: 300px; */
        /* height: 300px; */
        background: var(--color-white);
        border-radius: 32px;
        margin: 32px;
        padding: 8px;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }

    .ft-catalog__text {
        padding-left: 18px;
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
    }

    .ft-catalog__text__color {
        color: var(--color-secondary-600);
    }

    .ft-catalog__volume {
        padding-left: 8px;
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
    }

    .ft-catalog__volume__color {
        color: var(--color-secondary-600);
    }

    .ft-catalog__download {
        border-radius: 50%;
        padding: 8px;
        background: var(--color-primary-900);
        border: 1px solid var(--color-primary-900);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ft-catalog__download:hover {
        background: var(--color-primary-900);
        border: 0px solid var(--color-primary-900);
    }

    .ft-download__icon {
        width: 16px;
        height: 16px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .ft-download__icon__color {
        fill: var(--color-white);
        font-size: 16px;
    }

    /*.....................................Start Factory Agency................................ */

    .ft-map {
        display: flex;
        justify-content: center;
    }

    .ft-box__headline__desc__city {
        width: max-content;
        font: var(--font-h4-18-bold);
        margin: 0;
        display: flex;
        align-items: center;
        gap: 9px;
    }

    .ft-box__show__city {
        width: max-content;
        position: relative;
        color: var(--color-secondary-500);
    }

    .ft-headline__icon__map {
        font-size: 24px;
    }

    .ft-underline__city__name {
        text-decoration: underline;
        display: flex;
        /*border: 1px solid;*/
        border-radius: 3px;
        margin-top: 3px;
    }

    .ft-headline__icon__map__color {
        color: var(--color-primary-900);
    }

    .ft-headline__icon__map__color__svg {
        fill: var(--color-primary-900);
    }

    .ft-city__name__color {
        color: var(--color-primary-900)
    }

    .ft-menu__vertical__line {
        display: flex;
        height: 16px;
        width: 1px;
        /*color: var(--color-secondary-400);*/
        justify-content: center;
        align-self: center;
        border: 1px solid var(--color-secondary-400);
    }

    .path-city {
        
        stroke: #fff;
        fill: var(--color-secondary-400);
    }

    .ft-section__member .ft-member {
        max-width: calc(100% - 374px);
        width: 75%;
        position: relative;
        right: -46px;
        top: 9px;
    }

    .path-city_hover {
        
        stroke: #fff;
        fill: var(--color-primary-900);
    }

    .ft-box__map {
        width: 47%;
    }

    .ft-Representations__count {
        width: 110px;
        display: flex;
        padding: 4px 8px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-radius: 24px;
        background: var(--color-primary-900);
        color: var(--color-white);
        font: var(--font-t-14-regular);
    }

    .ft-Representations__count__color {
        background: var(--color-primary-900);
    }

    .ft-line__shape {
        display: flex;
        flex-direction: column;
        padding: 0 8px;
        align-items: center;
        justify-content: center;
    }

    .ft-line__shape__color {
        color: var(--color-primary-900);
    }

    .ft-line__map svg {
        width: 100%;
        stroke: #000000;
    }

    .ft-map__description__top {
        display: flex;
        gap: 78px;
        align-items: center;
        padding-bottom: 32px;
    }

    .ft-map__description_h3 {
        font: var(--font-p-16-semibold);
        color: var(--color-secondary-600);
    }

    .ft-map__description_p {
        font: var(--font-h2-28-bold);
        color: var(--color-secondary-700);
        padding-bottom: 52px;
        display: flex;
        flex-wrap: wrap;
    }

    /*....................Section ft-box__Representations__province  .....................................*/

    .ft-box__Representations__province__item {
        display: flex;
        /*width: 592px;*/
        padding: 24px;
        flex-direction: column;
        justify-content: center;
        gap: 17px;
        border-radius: 16px;
        border: 1px solid var(--color-secondary-200, #EDEDED);
        align-items: flex-start;
    }

    .ft-Representations__box {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .ft-Representations__name {
        font: var(--font-p-16-bold);
        color: var(--color-secondary-700);
    }

    .ft-Representations__address {
        display: flex;
        align-items: baseline;
        gap: 8px;
    }

    .ft-Representations__tel {
        display: flex;
        align-items: baseline;
        gap: 8px;
        flex-wrap: wrap;
    }

    .ft-Representations__icon {
        width: 20px;
        height: 20px;
        ;
    }

    .ft-Representations__address1 {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
    }

    .ft-Representations__tel1,
    .ft-Representations__tel2 {
        font: var(--font-t-14-semibold);
        color: var(--color-primary-900);
    }

    .ft-Representations {
        display: flex;
        flex-direction: column;
        gap: 8px
    }

    .ft-star__fill {
        filter: invert(21%) sepia(35%) saturate(1997%) hue-rotate(361deg) brightness(100%) contrast(108%);
    }

    .ft-box__Representations__province {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }

    .ft-star {
        direction: ltr;
    }

    #ft-selectbox__city {
        padding: 4px 8px;
        border-radius: 24px;
        color: var(--color-white);
        font: var(--font-t-14-semibold);
        display: none;
    }

    /*...................................responsive map .................................*/

    @media screen and (max-width: 1200px) {
        .ft-arrow__left__city {
            padding: 4px 8px;
            font-size: 8px;
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-map__description__top {
            gap: 40px;
        }
    }

    @media screen and (max-width: 992px) {
        .ft-map__description__top {
            gap: 19px;
        }

        .ft-box__map {
            /* margin-top: 236px; */
        }
    }

    @media screen and (max-width: 768px) {
        .ft-map__selection {
            display: none;
        }

        .ft-map__description__top {
            justify-content: space-between;
        }

        .ft-map__description {
            width: 100%;
            /* padding-inline: 20px; */
        }

        .ft-Representations__count {
            display: none;
        }

        .ft-underline {
            display: none;
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-box__show__city {
            justify-content: center;
        }

        .ft-box__show__city {
            display: none;
        }

        #ft-selectbox__city {
            display: flex;
            max-width: 116px;
        }
    }

    @media screen and (max-width: 576px) {
        .ft-map__description_p {
            font: var(--font-p-16-bold);
        }

        .ft-map__description_h3 {
            font: var(--font-t-14-semibold);
        }

        .ft-box__headline__desc__city {
            font: var(--font-t-14-semibold);
        }

        .ft-box__map {
            width: 0;
        }

        .ft-box__show__city {
            display: none;
        }

        .ft-Representations__count {
            display: none;
        }
    }

    @media screen and (max-width: 425px) {
        .ft-map__description__top {
            justify-content: center;
            flex-wrap: wrap;
        }
    }

    @media screen and (max-width: 320px) {
        .ft-Representations__box {
            flex-direction: column;
            gap: 14px;
        }

        .ft-Representations__address1 {
            font: var(--font-t-14-regular);
        }

        .ft-line__shape {
            width: 55px;
        }
    }

    /*..............................End Factory Agency....................................*/
    /*.......................................Start Factory Member Carousel...............................*/

    section {
        direction: rtl;
    }

    .bg-white {
        background-color: var(--color-white);
    }

    .red {
        color: var(--color-primary-1000);
    }

    .ft-box__member {
        width: 100%;
        height: fit-content;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 122px 0;
    }

    .ft-member__box__text {
        display: flex;
        flex-direction: column;
        /* align-items: center; */
        position: absolute;
        padding: 112px;
    }

    .ft-box__member__p {
        font: var(--font-p-16-semibold);
        color: var(--color-white);
    }

    .ft-box__member__h3 {
        font: var(--font-h2-28-bold);
        color: var(--color-white);
    }

    @media screen and (max-width: 366px) {
        .ft-swiper__slide__member {
            padding: 11px 25px;
        }

        .ft-section__member .ft-member {
            margin: 19% auto;
        }

        .ft-member__box__text {
            padding-top: 119px;
        }
    }

    /*................start swiper member....................*/

    .ft-member {
        display: flex;
        align-items: baseline;
    }

    /* 
.ft-carousel__member {

    width: 100%;

    margin-top: -465px;

    margin-right: 340px;

} */

    .ft-carousel__member__gap {
        gap: 10px;
    }

    .ft-social-networks {
        display: flex;
        gap: 14px;
        margin-top: 14px;
    }

    .ft-swiper__slide__member {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        flex-shrink: 0;
        border-radius: 24px;
        background: var(--color-white);
        box-shadow: 0 0 36px 0 rgba(0, 0, 0, 0.06);
        padding: 48px 64px;
        margin: 21px 0;
    }

    .ft-swiper__slide__member:hover {
        .ft-member__profile {
            mix-blend-mode: unset;
        }

        .ft-member__profile__h4 {
            color: var(--color-black);
        }

        .ft-member__profile__p {
            color: #E72727;
        }

        .ft-social-network__icon {
            filter: invert(39%) sepia(0%) saturate(233%) hue-rotate(162deg) brightness(94%) contrast(81%);
        }

        .ft-member__profile__pic {
            filter: unset;
        }
    }

    .ft-member__icon:hover {
        background: rgba(255, 255, 255, 0.40);
    }

    .ft-member__profile {
        width: 128px;
        height: 128px;
        flex-shrink: 0;
        border-radius: 128px;
        overflow: hidden;
        /*mix-blend-mode: luminosity;*/
    }

    .ft-member__profile__pic {
        width: 100%;
        height: 100%;
        background-size: cover;
        filter: grayscale(1);
    }

    .ft-member__profile__h4 {
        font: var(--font-p-16-bold);
        color: var(--color-secondary-600);
        margin-bottom: 13px;
    }

    .ft-member__profile__p {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
    }

    .ft-swiper__icon__arrow {
        display: flex;
        gap: 22px;
        margin-top: 60px;
        justify-content: center;
    }

    .ft-member__icon {
        padding: 8px;
        gap: 10px;
        font-size: 32px;
        align-self: end;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    @media screen and (min-width: 2000px) {
        .ft-section__member .ft-member {
            width: 80%;
            top: 20px;
        }
    }

    @media screen and (max-width: 490px) {
        .ft-swiper__slide__member {
            padding: 13px 25px;
        }
    }

    /*...............social network in profile..............*/

    .ft-social-network {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        gap: 16px;
    }

    .ft-social-network__icon {
        max-width: 100%;
        height: 100%;
    }

    .ft-bg__responsive__member {
        display: none;
    }

    /*...............end social network in profile..............*/

    @media screen and (max-width: 768px) {
        .ft-carousel__member {
            flex-direction: column;
        }
    }

    /*................................end swiper member..............................*/
    /*...............................rssponsive member................................*/

    @media screen and (max-width: 500px) {
        .ft-box__member {
            width: 100%;
            /*height: 600px;*/
            align-items: center;
            /*background: url("../img/bg-responsive-member.png") no-repeat;*/
        }

        .ft-member__box__text {
            width: 100%;
            height: 100%;
            display: flex;
            align-items: center;
            padding: 221px 0;
        }

        .ft-bg__member {
            display: none;
            width: 100%;
        }

        .ft-bg__responsive__member {
            display: flex;
            width: 100%;
        }

        .ft-carousel__member {
            margin: -460px 40px;
        }

        .ft-member__icon {
            display: none;
        }

        .ft-box__member__p {
            font: var(--font-t-14-semibold);
        }

        .ft-box__member__h3 {
            font: var(--font-h3-20-bold);
        }

        .ft-section__member .ft-member {
            max-width: unset;
            position: absolute;
            margin: 30% auto;
            left: 0;
            right: 0;
        }
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;
    }

    /*.......................................End Factory Member Carousel...............................*/
    /*.........................Start Factory Brands Carousel...............................*/

    .ft-brand__list {
        width: 100%;
        margin: 0 auto;
    }

    .ft-swiper__slide__brand {
        filter: sepia(1.5) opacity(0.2);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-secondary-101) 100%);
        box-shadow: 0 12px 12px 0 rgba(204, 204, 204, 0.06);
    }

    .ft-swiper__slide__brand:hover {
        filter: opacity(1);
        background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, var(--color-secondary-101) 100%);
        box-shadow: 0 12px 12px 0 rgba(204, 204, 204, 0.06);

        .ft-brand__name {
            display: flex;
        }
    }

    .ft-box__img {
        /*width:100%;*/
        display: none;
        height: 100%;
        padding: 6px 10px 16px 10px;
        flex-shrink: 0;
        border-radius: 16px;
        background: unset;
        box-shadow: unset;
    }

    .ft-brand__pic {
        display: flex;
        width: 100px;
        /*object-fit: contain;*/
        /*height: 60px;*/
        margin: 0 auto;
        justify-content: center;
        mix-blend-mode: darken;
    }

    .ft-brand__name {
        display: none;
        /*width: 100%;*/
        justify-content: center;
        /*padding: 8px 31px 16px 37px;*/
    }

    /*.........................End Factory Brands Carousel...............................*/
    /*.........................Start Factory Blog Carousel...............................*/

    .ft-swiper__wrapper__blog {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
        box-sizing: content-box;
    }

    .ft-button-next-swiper__blog {
        position: absolute;
        left: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-button-prev-swiper__blog {
        position: absolute;
        right: 3px;
        top: 50%;
        z-index: 55;
    }

    .ft-swiper__slide__blog {
        text-align: center;
        font-size: 18px;
        /*background: #fff;*/
        /*display: flex;*/
        justify-content: center;
        align-items: center;
        /*width: 336px;*/
        /*margin-left: 32px;*/
        height: 100%;
        display: unset;
    }

    .ft-cards {
        width: 100%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        position: relative;
    }

    .ft-card__img {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        display: none;
        padding: 85px;
        border-radius: 24px;
        width: 100%;
    }

    .ft-card__info-hover {
        position: absolute;
        opacity: 0;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        z-index: 5;
    }

    .ft-card__img--hover {
        visibility: hidden;
        transition: 0.2s all ease-out;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        position: absolute;
        height: 235px;
        top: 0;
    }

    .ft-card {
        width: 100%;
        /* height: 449px; */
        transition: all .1s ease-in;
        background-color: #fff;
        position: relative;
        overflow: hidden;
        padding: 24px;
        border-radius: 24px;
        border: 1px solid var(--color-secondary-300);
        background: var(--color-white);
    }

    .ft-blog__pic {
        width: 100%;
        height: 6rem !important;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        padding: .6rem;
        border-radius: 32px !important;
        overflow: hidden;
    }

    .ft-icon__play__blog {
        width: 60px;
        height: 60px;
        border-radius: 100%;
        background: #ffffff;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .ft_blog-image {
        width: 100%;
    }

    .ft-card__info {
        z-index: 2;
        max-width: 100%;
        text-align: justify;
        background-color: #fff;
        border-bottom-left-radius: 12px;
        border-bottom-right-radius: 12px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .ft-card__info :hover {
        padding: 24px;
    }

    .ft-card__category {
        font-family: 'Raleway', sans-serif;
        text-transform: uppercase;
        font-size: 13px;
        letter-spacing: 2px;
        font-weight: 500;
        color: #868686;
    }

    .ft-card__title {
        margin-top: 5px;
        margin-bottom: 10px;
        font-family: 'Roboto Slab', serif;
    }

    .ft-card__by {
        font-size: 12px;
        font-family: 'Raleway', sans-serif;
        font-weight: 500;
    }

    .ft-card__author {
        font-weight: 600;
        text-decoration: none;
        color: #AD7D52;
    }

    .ft-card:hover .ft-card__img--hover {
        height: 100%;
        opacity: 0.3;
    }

    .ft-blog__footer {
        width: 100%;
        height: 100%;
        padding: 12px;
        background: #D9D9D9;
        border-radius: 16px;
        justify-content: space-between;
        align-items: center;
        
        display: inline-flex;
        margin-top: 38px;
    }

    .ft-box__bookmark {
        display: flex;
        align-items: center;
    }

    .ft-box__bookmark__icon {
        color: #0b5ed7;
    }

    .ft-box__bookmark__text {
        text-align: center;
        font: var(--font-t-14-semibold);
        color: var(--color-white);
    }

    .ft-save__date {
        /*width:max-content;*/
        text-align: center;
        font: var(--font-t-14-semibold);
        color: var(--color-white);
    }

    .ft-box__save__date {
        display: flex
;
    align-items: center;
    color: var(--color-white);
    width: 65%;
    max-width: 65%;
    justify-content: space-between;
    }

    .ft-article__h3 {
        font: var(--font-article);
        color: var(--color-secondary-600, #646464);
        white-space: nowrap;
        overflow: hidden;
    }

    .ft-article__p {
        font: var(--font-comment);
        color: var(--color-secondary-500, #909090);
    }

    article {
        text-align: justify;
    }

    /*.........................End Factory Blog Carousel...............................*/
    /*...................................start factory section operation services...............*/

    .ft-section__operation {
        margin-top: 80px;
    }

    .ft-operation__services {}

    .ft-operation__services__gap {
        gap: 15px;
    }

    .ft-operation__service__item {
        /*margin: 20px auto;*/
    }

    .ft-operation__box {
        display: flex;
        justify-content: space-between;
        position: relative;
        min-width: 384px;
        min-height: 150px;
        background: var(--color-secondary-700);
    }

    .mask1 {
        -webkit-mask-image: url(../img/operation-services-box.svg);
        mask-image: url(../img/operation-services-box.svg);
        -webkit-mask-size: 100%;
        mask-size: 100%;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
    }

    .ft-operation__box__text {
        display: inline-flex;
        flex-direction: column;
        margin: 10% 5% 0 0;
        /*margin-right:20px;*/
        /*margin-top:10%;*/
    }

    .ft-operation__box__figure {
        position: relative;
    }

    .ft-operation__box__pic {
        width: 150px;
        height: 150px;
        position: absolute;
        left: 0;
        z-index: 555;
        filter: grayscale(1);
    }

    .ft-operation__services:hover .ft-operation__box__pic {
        filter: unset;
    }

    .ft-operation__pic {
        width: 100%;
        object-fit: cover;
        height: 100%;
        position: absolute;
        left: -28%;
        top: 12%;
    }

    .ft-operation__box__text__h4 {
        font: var(--font-t-14-semibold);
        color: var(--color-white);
        margin: 0;
    }

    .ft-operation__box__text__p {
        font: var(--font-h4-18-bold);
        color: var(--color-white);
        margin: 0;
        width: max-content;
    }

    .ft-operation__services__read-more {
        display: flex;
        align-items: center;
        gap: 0;
        margin-top: -24px;
        margin-right: 5px;
    }

    .ft-read__more__text {
        font: var(--font-t-14-semibold);
        color: var(--color-secondary-500);
        margin: 0;
    }

    .ft-arrow__left__operation {
        display: flex;
        padding: 2px 8px;
        justify-content: center;
        align-items: center;
        border-radius: 20px;
        background: var(--color-secondary-500);
    }

    .ft-operation__box__figure {
        transition: all 0.3s ease-in;
    }

    .ft-operation__box__figure:hover .ft-operation__services__read-more p,
    .ft-operation__services__read-more i {
        color: #333;
    }

    .ft-operation__box__figure:hover .ft-arrow__left__operation {
        background: #0052A8;
    }

    /*...................................start factory section operation services...............*/
    /*.............................responsive operaton services.....................*/

    @media screen and (max-width: 768px) {
        .ft-operation__services {
            flex-direction: column;
            width: 100%;
        }
    }

    @media screen and (max-width: 375px) {
        .ft-operation__services {
            flex-direction: column;
            width: 100%;
        }

        .ft-operation__pic {
            left: -20%;
        }

        .ft-operation__box__text {
            margin: 39px 48px 0px 0px;
        }
    }

    .ft-operation__box__pic {
        left: 11%;
    }

    /*.............................Start Factory History .............................. */

    .mySwiper2 {
        z-index: 3;
    }

    .swiper-slide {
        text-align: center;
        font-size: 18px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .ft-history__swiper__slide {
        width: 100%;
    }

    .ft-swiper__pagination {
        min-height: 44px;
    }

    .ft-swiper__pagination__item {
        width: 40px;
        height: 20px;
        padding: 8px;
        text-align: center;
        line-height: 6px;
        font-size: 12px;
        color: var(--color-secondary-600);
        opacity: 1;
        background: var(--color-white);
        z-index: 222;
        border-radius: 24px;
    }

    .snp-pagination {
        position: absolute;
        top: 0;
        min-height: 44px;
    }

    .ft-swiper__pagination__item:hover {
        width: 60px;
        height: 30px;
        padding: 16px;
        background: var(--color-primary-1000);
        color: white;
        font-size: 20px;
        transition: ease 0.5s;
        display: flex;
        border-radius: 24px;
        box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16);
    }

    .ft-swiper__slider__pagination__fade {
        position: absolute;
        top: 5px;
        z-index: 444;
        width: 80px;
        height: 30px;
        display: flex;
        filter: blur(5px);
    }

    .ft-fade__color {
        background: #53504E;
    }

    .ft-history__swiper__button__prev {
        right: 24%;
        transform: rotate(180deg);
    }

    .ft-history__swiper__button__next {
        
        left: 24%;
        transform: rotate(180deg);
    }

    .ft-fade__right {
        left: 23%;
    }

    .ft-fade__left {
        right: 23%;
    }

    .ft-my__swiper {
        /*height: 80%;*/
        width: 100%;
        overflow: unset;
        /*margin-top: -572px;*/
    }

    .ft-swiper__item__pic {
        width: 100%;
        border-radius: 24px;
        border: 8px solid rgba(236, 236, 236, 0.30);
    }

    .ft-swiper__history__slide__item {
        display: flex;
        justify-content: center;
        width: 80%;
        gap: 25px;
        margin: 95px auto;
        align-items: flex-start;
    }

    .ft-swiper__item__desc {
        display: flex;
        /* gap: 24px; */
        width: 40%;
        flex-direction: column;
        justify-content: center;
        flex-shrink: 0;
        text-align: justify;
    }

    @media screen and (max-width: 980px) {
        .ft-history__swiper__button {
            top: 3rem !important;
        }
    }

    span.swiper-pagination-bullet.swiper-pagination-bullet-active {
        display: flex;
    }

    .ft-history__swiper__button {
        display: flex;
        padding: 8px;
        justify-content: center;
        align-items: center;
        gap: 8px;
        border-radius: 32px;
        background: var(--color-primary-900, var(--color-primary-900));
        color: #FFFFFF;
        z-index: 2222;
        position: absolute;
        top: 2rem;
    }

    .snp-pagination.ft-swiper__factory__wrapper.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
       
        overflow-x: scroll;
        overflow-y: hidden;
    }
    .snp-pagination.ft-swiper__factory__wrapper.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal::-webkit-scrollbar {
        background:transparent;
           height:1px;
     }

    span.ft-swiper__slider__pagination__fade.ft-fade__color.ft-fade__left {
        display: none;
    }

    span.ft-swiper__slider__pagination__fade.ft-fade__color.ft-fade__right {
        display: none;
    }

    .ft-swiper__factory__wrapper {
        display: flex;
        gap: 3px;
        align-items: center;
        justify-content: center;
        height: 0;
    }

    .ft-swiper__item__desc__h4 {
        font: var(--font-h3-20-bold);
        color: var(--color-white);
    }

    .ft-swiper__item__desc__p p {
        font: var(--font-p-16-regular);
        color: var(--color-white);
    }

    .ft-view__more__btn {
        border-radius: 30px;
        padding: 8px 16px;
        max-height: 50px;
        display: flex;
        align-items: center;
        gap: 8px;
        background: var(--color-primary-1000);
        color: var(--color-white);
        font: var(--font-p-16-semibold);
    }

    /*............................responsive factory history.......................*/

    @media screen and (max-width: 768px) {
        .ft-swiper__history__slide__item {
            flex-direction: column;
        }

        .ft-swiper__item__desc {
            width: unset;
        }

        .ft-view__more__btn {
            display: none;
        }
    }

    /*...................................................Start Factory Comment ..................................*/

    .ft-carousel-comment {
        padding: 23px;
    }

    #ft-swiper-4 {
        margin: 0 auto;
        width: 90%;
        text-align: right;
    }

    .ft-swiper__slide__comment {
        height: 100%;
    }

    .ft-comments__header {
        align-items: center;
        display: inline-flex;
        width: 100%;
        flex-direction: row-reverse;
        gap: 16px;
    }

    .ft-comment__header__box {}

    .ft-comments__title {
        flex: 1 1 0;
        height: 17px;
        justify-content: flex-end;
        align-items: center;
        gap: 8px;
        display: flex;
    }

    .ft-button__comment {
        padding: 10px;
        background: var(--color-primary-1000);
        font-size: 15px;
        border-radius: 100%;
        color: var(--color-white);
        /*box-shadow: 0 0 4px 0 var(--color-primary-1000);*/
    }

    .ft-comment__line {
        max-width: 16px;
        height: 0;
        transform: rotate(90deg);
        transform-origin: 0 0;
        border: 0.50px var(--color-secondary-200) solid;
    }

    .ft-comment__name {
        width: 100%;
        text-align: right;
        font: var(--font-t-14-bold);
        color: var(--color-secondary-700);
    }

    .ft-comment__box__pic {
        justify-content: center;
        align-items: center;
        display: flex;
        min-width: 40px;
        width: 48px;
        height: 48px;
        border-radius: 100%;
        overflow: hidden;
    }

    .ft-comment__pic {
        width: 100%;
        height: 100%;
    }

    .ft-comment__desc {
        font: var(--font-comment);
        color: var(--color-secondary-600);
        margin: 0;
    }

    /* .ft-comment__desc {

    min-height: 177px;

} */

    .ft-comment__footer {
        display: block;
        width: 100%;
    }

    .ft-rating__item {
        text-align: -webkit-left;
    }

    .ft-rating__score {
        color: var(--color-secondary-600);
        font: var(--font-t-14-semibold);
        word-wrap: break-word;
        display: flex;
        justify-content: end;
    }

    .ft-rating__item__name {
        text-align: right;
        color: var(--color-secondary-700);
        font: var(--font-t-14-bold);
        word-wrap: break-word;
    }

    .ft-rating__box {
        width: 5px;
        height: 26px;
        transform: rotate(90deg);
        transform-origin: 0 0;
        background: var(--color-Tertiary-200);
        border-radius: 3px;
    }

    .ft-rating__bar {
        display: flex;
        justify-content: space-evenly;
        width: 200px;
        margin: 5px 40px 0 0
    }

    .ft-rating__box__score {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }

    .ft-rating__box__disable {
        background: var(--color-secondary-400);
    }

    .ft-arrow__next__prev__comment {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        /* height: 100%; */
        /* width: 100%; */
        padding: 5px;
        top: 50%;
        left: 0;
        right: 0;
        position: absolute;
        /* align-items: center; */
        z-index: 55;
    }

    /*...........................End Factory Comment..............................*/
    /*...............................Start Factory Email........................*/

    .ft-input__box__footer {
        width: 94%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        /*gap: 115px;*/
        border-radius: 16px;
        background: var(--color-white);
        box-shadow: 0 1px 3px 0 rgba(155, 145, 145, 0.25);
        padding: 8px;
        outline: unset;
    }

    input {
        border: none;
    }

    .btn_email {
        border: none;
    }

    .btn_email:hover,
    .btn_email:focus,
    .btn_email:active {
        background: none;
        outline: unset;
    }

    .alert {
        padding: 15px;
        background-color: #9E9E9E;
        color: white;
        opacity: 1;
        transition: opacity 0.6s;
        margin-bottom: 15px;
        display: none;
        justify-content: center;
    }

    .closebtn {
        margin-left: 15px;
        color: white;
        font-weight: bold;
        float: right;
        font-size: 22px;
        line-height: 20px;
        cursor: pointer;
        transition: 0.3s;
    }

    .closebtn:hover {
        color: black;
    }

    .ft-arrow__left__email {
        padding: 3px 11px;
        font-size: 15px;
        border-radius: 20px;
        color: var(--color-white);
    }

    .ft-arrow__left__email__color {
        background: var(--color-primary-1000);
    }

    /*......................start factory  box possible....................*/

    .position-relative {
        position: relative;
    }

    .red {
        color: var(--color-primary-900);
    }

    .ft-box__about {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: flex-start;
        gap: 20px;
    }

    .ft-box__about__item {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }

    .ft-icon__tick {
        position: absolute;
        right: -9%;
        top: 41%;
        width: 50%;
        height: 50%;
        fill: var(--color-primary-1000);
    }

    @media screen and (max-width: 576px) {}

    @media screen and (max-width: 992px) {
        .ft-box__text {
            width: 100%;
        }
    }

    @media screen and (max-width: 1200px) {
        .ft-box__text {
            width: 50%;
        }

        .ft-article {
            height: 205px;
            overflow: scroll;
        }
    }

    @media screen and (max-width: 768px) {
        .ft-box__about {
            align-items: center;
            width: 100%;
            margin-top: 20px;
        }

        .ft-article {
            width: 100%;
            height: fit-content;
            overflow: unset;
        }

        .ft-box__text {
            width: 100%;
        }

        .ft-box__text-1 {
            font: var(--font-t-14-semibold);
        }

        .ft-box__text-2 {
            font: var(--font-h4-18-bold);
        }

        .ft-line__shape {
            width: 128px;
        }

        .ft-box__about__item {
            width: unset;
            display: flex;
        }

        .ft-box__about__p-2 {
            display: none;
        }

        .ft-box__about__p-3 {
            display: none;
        }
    }

    @media screen and (max-width: 320px) {
        .ft-box__about__p-1 {
            display: none;
        }
    }

    /*.....end ..............*/
    /*...............search factory...............*/

    :root {
        --bg: #e3e4e8;
        --fg: #17181c;
        --input: #ffffff;
        --primary: #255ff4;
        --dur: 1s;
        font-size: calc(16px + (24 - 16)*(100vw - 320px)/(1280 - 320));
    }

    form.ft-form__search,
    input#search,
    .ft-caret {
        margin: auto;
    }

    form.ft-form__search {
        position: relative;
        width: 100%;
        max-width: 17em;
    }

    input#search,
    .ft-caret {
        display: block;
        transition: all calc(var(--dur) * 0.5) linear;
    }

    input#search {
        background: transparent;
        border-radius: 50%;
        box-shadow: 0 0 0 6px #909090;
        ft-caret-color: var(--primary);
        width: 30px;
        height: 30px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    input#search:focus,
    input#search:valid {
        background: var(--input);
        border-radius: 0.25em;
        box-shadow: none;
        padding: 0.75em 1em;
        transition-duration: calc(var(--dur) * 0.25);
        transition-delay: calc(var(--dur) * 0.25);
        width: 100%;
        height: 3em;
    }

    input#search:focus {
        animation: showft-caret var(--dur) steps(1);
        outline: transparent;
    }

    input#search:focus+.ft-caret,
    input#search:valid+.ft-caret {
        animation: handleToft-caret var(--dur) linear;
        background: transparent;
        width: 1px;
        height: 1.5em;
        transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
    }

    input#search::-webkit-search-decoration {
        -webkit-appearance: none;
    }

    label#ft-search {
        color: #e3e4e8;
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 0;
    }

    .ft-caret {
        background: var(--color-secondary-500, #909090);
        border-radius: 0 0 0.125em 0.125em;
        margin-bottom: -0.6em;
        width: 0.25em;
        height: 19px;
        /*transform: translate(0,-1em) rotate(-45deg) translate(0,0.875em);*/
        transform: translate(0, -15px) rotate(318deg) translate(0, 16px);
        transform-origin: 50% 0;
    }

    /* Dark mode */

    @media (prefers-color-scheme: dark) {
        :root {
            --bg: #17181c;
            --fg: #e3e4e8;
            --input: #2e3138;
            --primary: #5583f6;
        }
    }

    /* Animations */

    @keyframes showft-caret {
        from {
            ft-caret-color: transparent;
        }

        to {
            ft-caret-color: var(--primary);
        }
    }

    @keyframes handleToft-caret {
        from {
            background: currentColor;
            width: 0.25em;
            height: 1em;
            transform: translate(0, -1em) rotate(-45deg) translate(0, 0.875em);
        }

        25% {
            background: currentColor;
            width: 0.25em;
            height: 1em;
            transform: translate(0, -1em) rotate(-180deg) translate(0, 0.875em);
        }

        50%,
        62.5% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 2.5em);
        }

        75%,
        99% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
        }

        87.5% {
            background: var(--primary);
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, 0.125em);
        }

        to {
            background: transparent;
            width: 1px;
            height: 1.5em;
            transform: translate(0, -1em) rotate(-180deg) translate(7.5em, -0.25em);
        }
    }

    input#search[type=search] {
        width: 100%;
        border: 1px solid #666;
        border-radius: 100%;
        padding: unset;
        transition: all .3s
    }

    input#search[type=search]:focus {
        width: 100%;
        height: 50px;
        border: 1px solid #666;
        border-radius: 3px;
        transition: all .3s;
        padding: 10px;
        background: #eeeeee;
        box-shadow: 0px 0px 5px 0px #9E9E9E;
    }

    /*........................single project.............................*/

    section.Ft-prsonal__cv,
    section.Ft-portfolio__cv,
    section.Ft-services__cv {
        margin-top: 50px;
    }

    .Ft-slider__gallery__thumbs__single__prsonal,
    .Ft-slider__gallery__thumbs__single__portfolio,
    .Ft-slider__gallery__thumbs__single__services {
        margin-top: 53px;
        padding: 42px;
        border: 1px solid var(--color-primary-300);
        border-radius: 16px;
        background: #fff;
        box-shadow: 0px 15px 85px -21px rgba(68, 74, 88, 0)
    }

    /* .Ft-slider__gallery__single__prsonal,

.Ft-slider__gallery__single__portfolio,

.Ft-slider__gallery__single__services{

margin: 18px auto;

} */

    .Ft-slider__gallery__single__prsonal img,
    .Ft-slider__gallery__single__portfolio img,
    .Ft-slider__gallery__single__services img {
        max-height: 500px;
        width: 100%;
        border-radius: 12px;
        object-fit: cover;
    }

    .Ft-slider__thumbs__single__prsonal img,
    .Ft-slider__thumbs__single__portfolio img,
    .Ft-slider__thumbs__single__services img {
        max-height: 140px;
        min-height: 140px;
        width: 100%;
        border-radius: 12px;
    }

    .Ft-project__cv-option__item,
    .Ft-portfolio__cv-option__item,
    .Ft-services__cv-option__item {
        border-radius: 16px;
        border: 1px solid #EEE;
        background: var(--color-white, #FFF);
        padding: 16px 24px;
        display: flex;
        justify-content: space-between;
        float: right;
        margin: 5px;
        width: 268px;
        box-shadow: 0 7px 10px -1px var(--color-secondary-300, #D9D9D9);
    }

    .Ft-project__cv__option-item__des {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .Ft-project__cv__option-item__des-title,
    .Ft-portfolio__cv__option-item__des-title,
    .Ft-services__cv__option-item__des-title {
        color: var(--color-secondary-400, #A6A6A6);
        font: var(--font-t-14-bold)
    }

    .Ft-project__cv__option-item__des-time,
    .Ft-portfolio__cv__option-item__des-time,
    .Ft-services__cv__option-item__des-time {
        color: var(--color-secondary-600, #646464);
        text-align: right;
        font: var(--font-p-16-bold)
    }

    .Ft-prsonal__cv__card,
    .Ft-portfolio__cv__card,
    .Ft-services__cv__card {
        border-radius: 16px;
        border: 1px solid var(--color-primary-300);
        background: #FFF;
        box-shadow: 0px 15px 85px -21px rgba(68, 74, 88, 0.10);
        padding: 28px;
    }

    .Ft-prsonal__cv__card-header img,
    .Ft-portfolio__cv__card-header img,
    .Ft-services__cv__card-header img {
        max-width: 68px;
        max-height: 68px;
    }

    .Ft-prsonal__cv__card-header__title__name,
    .Ft-portfolio__cv__card-header__title__name,
    .Ft-services__cv__card-header__title__name {
        color: var(--color-primary-700);
        font: var(--font-h3-22-bold);
    }

    .Ft-prsonal__cv__card-header__title,
    .Ft-portfolio__cv__card-header__title,
    .Ft-services__cv__card-header__title {
        padding-inline-start: 18px;
    }

    .Ft-prsonal__cv__card-header__title__field,
    .Ft-portfolio__cv__card-header__title__field,
    .Ft-services__cv__card-header__title__field {
        color: var(--color-secndery-400);
        font: var(--font-h5-18-semibold)
    }

    .Ft-prsonal__cv__card__des p,
    .Ft-portfolio__cv__card__des p,
    .Ft-services__cv__card__des p {
        color: var(--color-secndery-500);
        font-family: var(--font-secondary-p-16-bold);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
        /* 212.5% */
    }

    .Ft-other__prsonal,
    .Ft-other__portfolio,
    .Ft-other__services {
        margin-top: 145px;
    }

    .Ft-slider__gallery__single__prsonal__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after,
    .Ft-slider__gallery__single__portfolio__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after,
    .Ft-slider__gallery__single__services__swiper__button__next .swiper-button-prev:after,
    .swiper-rtl .swiper-button-next:after {
        content: '';
    }

    .Ft-slider__gallery__single__prsonal__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after,
    .Ft-slider__gallery__single__portfolio__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after,
    .Ft-slider__gallery__single__services__swiper__button__prev .swiper-button-next:after,
    .swiper-rtl .swiper-button-prev:after {
        content: '';
    }

    .Ft-other__prsonal .container .Ft-team-swiper-slider {
        margin-top: 67px;
    }

    .comment-list {
        padding: 0;
    }

    .Ft-prsonal__comments,
    .Ft-services__comments,
    .Ft-portfolio__comments,
    .Ft-custom_product_comments_section {
        margin-top: 118px;
    }

    .comment-author.vcard {
        /* margin-top: 20px; */
    }

    .ft-swiper__wrapper__single__project {
        margin-top: 26px;
    }

    .ft-swiper__slide__single_project {
        min-width: 22%
    }

    /**********end single prsonal and portfolio and services*******/

    .Ft-project__cv-option__item__icon svg {
        font-size: 24px;
        fill: var(--color-primary-900, var(--color-primary-900));
        width: 24px;
        height: 24px;
    }

    /*......................page single team section box.................... */

    .ft-single__team__card {
        border-radius: 16px;
        border: 1px solid var(--color-secondary-300, #D9D9D9);
        background: #FFF;
        padding: 30px 24px;
    }

    .ft-single__team__card-header {
        display: flex;
    }

    .ft-single__team__card-header img {
        max-width: 68px;
        max-height: 68px;
    }

    .ft-single__team__card-header__title__name {
        color: var(--color-secondary-600, #646464);
        font: var(--font-h4-18-bold);
    }

    .ft-single__team__card-header__title {
        padding-inline-start: 18px;
    }

    .ft-single__team__card-header__title__field {
        color: var(--color-secondary-400, #A6A6A6);
        font: var(--font-p-16-semibold)
    }

    .ft-single__team__card__des p {
        color: var(--color-Gray-Gray-400, #617081);
        text-align: right;
        font-family: var(--main-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 40px;
        margin-top: 16px;
        ;
        text-align: justify;
    }

    .ft-header__btn__reserv {
        background-color: var(--color-primary-700);
        border-radius: 50px;
        padding: 8px 16px;
        border: 3px solid rgb(255 227 227 / 74%);
        box-shadow: 0 12px 26px -6px rgba(215, 39, 129, 0.15);
        color: #fff;
        font: var(--font-p-16-semibold);
        line-height: normal;
        display: flex
    }

    .ft-header__btn__reserv:before {
        content: '\f08e';
        font-family: "Font Awesome 5 Free";
        width: 18px;
        height: 18px;
        display: flex;
    }

    .ft-header__btn {
        display: flex;
        justify-content: end;
    }

    /*........................search 2............................*/

    input.ft-search__text {
        color: #222;
        position: relative;
        z-index: 5;
        height: 45px;
        width: 0;
        margin: 0;
        padding: 5px 0 5px 40px;
        box-sizing: border-box;
        font-size: 16px;
        font-size: 1rem;
        cursor: pointer;
        border: 1px solid transparent;
        /*background: url(search.png) no-repeat left 9px center transparent;*/
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDUxMiA1MTIiIGhlaWdodD0iNTEycHgiIGlkPSJMYXllcl8xIiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik01MDMuODY2LDQ3Ny45NzRMMzYwLjk1OCwzMzUuMDUyYzI4LjcyNS0zNC41NDQsNDYuMDE3LTc4LjkxMiw0Ni4wMTctMTI3LjMzNiAgYzAtMTEwLjA4NC04OS4yMjctMTk5LjMxMi0xOTkuMzEyLTE5OS4zMTJDOTcuNTk5LDguNDAzLDguMzUxLDk3LjYzMSw4LjM1MSwyMDcuNzE1YzAsMTEwLjA2NCw4OS4yNDgsMTk5LjMxMiwxOTkuMzEyLDE5OS4zMTIgIGM0OC40MzUsMCw5Mi43OTItMTcuMjkyLDEyNy4zMzYtNDYuMDE3bDE0Mi45MDgsMTQyLjkyMkw1MDMuODY2LDQ3Ny45NzR6IE0yOS4zMzEsMjA3LjcxNWMwLTk4LjMzNCw3OS45ODctMTc4LjMzMiwxNzguMzMyLTE3OC4zMzIgIGM5OC4zMjUsMCwxNzguMzMyLDc5Ljk5OCwxNzguMzMyLDE3OC4zMzJzLTgwLjAwNywxNzguMzMyLTE3OC4zMzIsMTc4LjMzMkMxMDkuMzE4LDM4Ni4wNDcsMjkuMzMxLDMwNi4wNSwyOS4zMzEsMjA3LjcxNXoiIGZpbGw9IiMzNzQwNEQiLz48L3N2Zz4=) no-repeat right 9px center transparent;
        background-size: 24px;
    }

    input.ft-search__submit {
        position: relative;
        z-index: 4;
        top: 17px;
        left: 49px;
        width: 45px;
        height: 45px;
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        border-radius: 30px;
        cursor: pointer;
        background: none;
    }

    input.ft-search__text::-webkit-search-cancel-button {
        cursor: pointer;
    }

    /*.....................quotation........................*/

    .ft-blogpost__quote-box {
        border-radius: 10px;
        background: #FABEBE;
        padding: 32px 36px;
        width: fit-content;
        justify-content: space-between;
    }

    .ft-blogpost__quote svg,
    .ft-blogpost__quote i {
        fill: var(--color-primary-900, var(--color-primary-900));
        font-size: 24px;
        width: 24px
    }

    .fa-quote-right-alt:before,
    .fa-quote-right:before {
        content: "\f10e";
        font-family: "Font Awesome 5 Free";
    }

    .ft-blogpost__quote-box p {
        color: var(--color-secondary-700, #4C4C4C);
        text-align: start;
        font-family: var(--main-font);
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 174%;
        /* 27.84px */
    }

    .ft-Representations__count {
        font-weight: 200;
    }

    .ft-Representations__count {
        margin-inline-start: 10px;
    }

    .ft-map__description_h3 {
        margin-bottom: 16px;
    }

    .ft-map__description_p {}

    .ft-map__description__top {
        padding-bottom: 0;
        /* margin-bottom: 32px; */
    }

    .ft-one-line {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-two-lines {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-three-lines {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
    }

    .ft-article__p {
        height: 3lh;
    }

    /* .ft-article__h3 {

    height: 2lh;

} */

    .ft-project__attribute {
        max-width: 49%;
    }

    progress[value="100"]::-webkit-progress-value {
        background: #43C659;
    }

    .ft-carousel__project .swiper-wrapper {
        padding: 25px 0;
    }

    .ft-box__social__item i {
        min-width: 33px;
    }

    input#ft-email {
        width: 100%;
    }

    span.ft-bookmark__product {
        position: absolute;
        top: 5px;
        bottom: unset;
        font-size: 11px;
        left: 47px;
    }

    span.ft-bookmark__product img {
        width: 24px;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 19px;
    }

    span.ft-carousel__text__icon {
        margin-left: 8px;
    }

    .ft-text__button {
        font-weight: 600;
    }

    .ft-carousel__text .ft-carousel__icon {
        /* position: absolute; */
        left: 0;
        bottom: 0px;
    }

    i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {
        left: 56px;
    }

    .ft-icon__play__video {
        color: var(--color-primary-1000);
    }

    .ft-carousel__text div.ft-carousel__icon {
        /* position: absolute; */
        left: 0;
        bottom: 6px;
        /* width: 40px; */
        height: 40px;
        margin-top: -40px;
        /* width: 100%; */
    }

    /* 
@media screen and (max-width: 1400px) {

    i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {

        right: 56px;

        left: unset;

    } */
    /* .ft-carousel__box__button {

        display: flex;

        justify-content: center;

    }

} */

    .ft-box__services {
        padding: 36px 24px;
        text-align: center;
    }

    .ft-services__titr {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* padding: 10px 32px 0 32px; */
    }

    h6.ft-services__header.sm {
        color: #959595;
        font-weight: normal;
    }

    .ft-carousel__services__box {
        padding: 28px;
    }

    .ft-carousel__services__box p {
        font-size: 14px;
    }

    .ft-carousel__services__box p {
        font-size: 14px;
        margin: 0;
    }

    h4.ft-services__frame__title {
        margin: 8px 0;
    }

    .ft-carousel__services__box .ft-swiper__slide__item:hover p {
        color: white;
    }

    .ft-line__separator {
        display: block;
        display: flex;
        justify-content: center;
    }

    .ft-box__attribute {
        width: calc(50% - 0px);
    }

    .ft-product__specification {
        gap: 0;
    }

    .ft-product__specification__box h3.ft-title__property,
    .ft-product__specification__box .ft-value__property {
        margin: 0;
    }

    .ft-box__specification {
        margin-top: 28.5px;
    }

    .ft-product__carousel__item .ft-section__price-count .button {
        display: none;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 16px;
    }

    span.ft-bookmark__product {
        position: absolute;
        top: 6px;
        bottom: unset;
        font-size: 11px;
        left: 48px;
    }

    span.ft-bookmark__product .single_add_to_wishlist img {
        width: 19px;
        padding-left: 3px;
        padding-top: 2px;
    }

    .ft-product__carousel__item bdi {
        display: revert;
        margin-right: unset;
        text-align: start;
    }

    .ft-product__carousel__item .ft-price {
        min-width: 80%;
    }

    .ft-product__carousel__item .price {
        flex-direction: column;
    }

    /* .ft-product__carousel__item:hover .ft-section__price-count {

    margin-top: 0 ;

} */

    .ft-product__specification {
        gap: 0;
        row-gap: 24px;
    }

    .ft-product__carousel__item .price {
        flex-direction: column;
    }

    .ft-box__specification .ft-section__price-count {
        min-height: 58px;
    }

    .ft-box__specification {
        gap: 32px;
    }

    .ft-product-card--not-sale .ft-product__carousel__item .price {
        margin-top: 10px;
    }

    section.ft-section__member {
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 0!important;
    }

    .ft-box__member {
        padding-top: 0;
    }

    .ft-member__box__text {
        padding-top: 164px;
    }

    i.ft-social-network__icon {
        color: var(--color-secondary-400);
    }

    .ft-swiper__slide__member:hover i.ft-social-network__icon {
        color: var(--color-secondary-100);
    }

    .swiper-slide.ft-swiper__slide__brand.ft-box__img {
        min-height: 100px;
        transition: 0.3s;
    }

    .ft-arrow__left__operation {
        font-size: 17px;
        margin-right: 8px;
    }

    .ft-operation__services__read-more {
        margin-top: -35px;
    }

    .ft-operation__services__read-more i {
        color: #fff;
    }

    .ft-carousel__text .ft-carousel__icon {
        z-index: 3;
    }

    .ft-carousel__text button.ft-carousel__btn {
        z-index: 4;
        position: relative;
    }

    .ft-card {
        border: unset;
    }

    .ft-swiper__slide__blog.swiper-slide:hover {
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
        border-radius: 12px;
        border: none !important;
    }

    .ft-swiper__slide__blog.swiper-slide {
        border: 1px solid var(--color-secondary-300);
    }

    .ft-product__vertical__line {
        width: 3px;
        height: 43px;
        flex-shrink: 0;
        border-radius: 3px;
        background: var(--color-secondary-400);
        margin: unset;
    }

    .ft-product__specification .ft-box__attribute:nth-child(2n+1) {
        padding-inline-end: 5px;
    }

    .ft-project__carousel__item .ft-product__specification {
        width: 100%;
    }

    .ft-project__carousel__item .ft-project__attribute {
        width: 50%;
    }

    .ft-project__carousel__item .ft-product__vertical__line {
        height: 48px;
    }

    h3.ft-title__property {
        margin: 0;
    }

    p.ft-value__property {
        margin: 10px 0;
        margin-top: 10px;
        margin-right: 0px;
        margin-bottom: 10px;
        margin-left: 0px;
    }

    .ft-box__progress__bar {
        margin-top: 11px;
    }

    @media screen and (max-width:768px) {

        .ft-carousel__services__box .swiper-button-next,
        .ft-carousel__services__box .swiper-button-prev,
        .swiper-slide__product .swiper-button-next,
        .ft-carousel__project .swiper-button-next,
        .ft-carousel-comment .swiper-button-next,
        .ft-swiper__wrapper__blog .swiper-button-next,
        .swiper-slide__product .swiper-button-prev,
        .ft-carousel__project .swiper-button-prev,
        .ft-carousel-comment .swiper-button-prev,
        .ft-swiper__wrapper__blog .swiper-button-prev {
            display: none;
        }
    }

    .swiper-slide__product:hover .ft-add__cart {
        background: var(--color-primary-900);
    }

    .site-navigation ul.menu li img {
        filter: grayscale(1);
        opacity: .6;
    }

    .site-navigation ul.menu li:hover img {
        filter: unset;
        opacity: unset;
    }

    a.astareh-mega-menu-title-after {
        display: flex;
        flex-direction: column;
    }

    #main-menu li:not(:last-child) a.astareh-mega-menu-title-after {
        border-left: 1px solid #D9D9D9;
    }

    .ft-menu-item__top {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-left: .5rem;
    }

    .ft-site__navigation.site-navigation ul.menu li:not(.sub-menu li) {
        /* padding: 24px 16px ; */
    }

    .menu-item-has-children:has(:not(a .astareh-mega-menu-custom-dropdown-icon))>a.site-navigation ul.menu li a {
        padding: 0 10px;
    }

    i.astareh-mega-menu-custom-dropdown-icon {
        font-size: 9px;
        padding: 0 12%;
        height: 65%;
        background: var(--color-secondary-500, #909090);
        border-radius: 12px;
        color: white;
       
    }

    .site-navigation ul.menu li:hover i.astareh-mega-menu-custom-dropdown-icon {
        background: var(--color-primary-900, var(--color-primary-900));
    }

    .site-navigation ul.menu li:hover .astareh-mega-menu-title {
        color: var(--color-primary-900, var(--color-primary-900));
    }

    .ft-site__navigation.site-navigation ul.menu>li.menu-item>a>.astareh-mega-menu-title {
        color: var(--color-secondary-500, #909090);
    }

    .ft-site__navigation.site-navigation ul.menu li a {
        gap: 6px;
    }

    .site-navigation ul.menu li ul {
        border-radius: 10px;
        z-index: 1;
    }

    footer .elementor-widget-wp-widget-nav_menu h5 {
        font-size: 16px;
        font-weight: 700;
        color: var(--color-secondary-500, #909090);
        margin-bottom: 36px;
    }

    input#ft-email {
        text-align: right;
    }

    input#ft-email::placeholder {
        color: #d1d1d1;
        font-weight: 400;
    }

    footer .elementor-widget-wp-widget-nav_menu ul {
        padding-right: 16px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        font-size: 14px;
        color: var(--color-secondary-600, #646464);
    }

    footer .elementor-widget-wp-widget-nav_menu ul a {
        color: var(--color-secondary-600, #646464);
    }

    .astareh-mega-menu-overlay {
        border-radius: 16px;
        z-index: 0;
        box-shadow: 0px 0px 36px 0px rgba(0, 0, 0, 0.06);
        border: unset;
        top: calc(100% - -9px);
    }

    .ft-item__mega__menu {
        margin-left: 0!important;
    }

    .ft-site__navigation.site-navigation ul.menu li .astareh-mega-menu-overlay a {
        padding: unset;
    }

    .site-navigation ul.menu li>ul>li {
        padding-block: 12px;
    }

    .site-navigation ul.menu li>ul>li a {
        color: var(--Secondary-secondary500, #A6A6A6);
        font: var(--font-s-15-semibold);
        font-weight: 500;
    }

    /* .site-navigation ul.menu li > ul > li:hover a{

    color: var(--color-secondary-700, #646464);

} */
    /* mega menu */

    .ft-megamenu__row .ft-megamenu__child .ft-mega__menu__title__link h6 {
        font: var(--font-t-14-bold);
        color: var(--color-secondary-700, #4C4C4C);
    }

    .ft-img__box {
        border: 1px solid var(--color-secondary-200, #EDEDED);
        box-shadow: 0px 0px 36px 0px #F4F4F4;
        margin-inline-end: 16px;
    }

    div[class*="elementor-widget-factory"] h6 {
        padding: unset;
        margin: unset;
    }

    .ft-text__box__title {
        font: var(--font-p-16-semibold);
        color: var(--color-secondary-800);
    }

    .ft-text__box a i {
        stroke: var(--color-secondary-300, #D9D9D9);
        color: var(--color-secondary-300, #D9D9D9);
    }

    .ft-text__box__desc {
        font: var(--font-t-14-regular);
        color: var(--color-secondary-600, #646464);
    }

    .align-items-top {
        align-items: center;
    }

    .ft-hr hr {
        color: var(--color-secondary-100, #F1F1F1);
    }

    .e-con-full,
    .e-con>.e-con-inner {
        padding-inline-end: unset;
    }

    /* GO UP BUTTON */

    #ft-btn__goUp {
        display: none;
        position: absolute;
        bottom: 3%;
        left: 8%;
        z-index: 99;
        font: var(--font-t-14-semibold);
        border: none;
        outline: none;
        background-color: var(--color-primary-1000);
        color: var(--color-white);
        cursor: pointer;
        padding: 12px;
        border-radius: 16px;
    }

    #ft-btn__goUp:focus {
        transition: all 2s ease;
    }

    #ft-btn__goUp:hover {
        background-color: #555;
    }

    #ft-btn__goUp::before {
        content: 'بریم بالا';
        position: absolute;
        left: 60px;
        color: var(--color-secondary-400, #A6A6A6);
        width: max-content;
    }

    #ft-btn__goUp:focus {
        scroll-behavior: smooth;
        transition: all s ease;
    }

    .ft-btn__goUp__icon svg {
        width: 16px;
        height: 16px;
        display: flex;
        fill: var(--color-white);
    }

    .ft-box__all .ft-operation__box__figure a {
        display: block;
        position: relative;
        z-index: 99999;
    }