.ft-line__shape {
  width: 127px;
}

.ft-box__text-2 {
  line-height: 50px !important;

  width: max-content !important;
}

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

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

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

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

@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 !important;
}

.ft-carousel__btn {
  border-radius: 30px;

  border: 4px solid rgba(237, 39, 39, 0.2);

  padding: 8px 16px;

  max-height: 40px;

  background: var(--color-red);

  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.2) !important;
}

.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-red);

  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.2) !important;

  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.2) !important;

  background: var(--color-red);
}

.swiper-slide {
  font-size: 18px;

  box-sizing: border-box;
}

.ft-swiper__carousel__text {
  width: 100% !important;

  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 !important;
  }

  .ft-swiper__wrapper {
    /*height: unset!important;*/

    flex-direction: row !important;
  }

  .ft-swiper__carousel__responsive {
    align-items: center !important;

    width: 100%;
  }

  .ft-carousel__box__button {
    justify-content: center !important;

    align-items: center !important;
  }

  /* .ft-carousel__btn {

        position: absolute !important;

    } */

  .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;
}



.swiper {
  overflow: hidden !important;
}

.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 !important;

  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-500);
}

/*.......................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 !important;
  }

  .ft-services__gradient {
    display: none !important;
  }

  .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 !important;
}

.swiper-slide {
  text-align: center;

  font-size: 18px;

  /*background: #fff;*/

  display: flex;

  justify-content: center;

  align-items: center;
}
/*.swiper-button-next, .swiper-rtl .swiper-button-prev{*/
/*    right: -20px!important;*/
/*    left: auto;*/
/*}*/

.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-500);
}

.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) 0%,
    var(--color-secondary-101) 100%
  );
}

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

  .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-red);
  }

  .ft-swiper__button__next-prev {
    margin: 10px !important;

    background: var(--color-white) !important;

    color: var(--color-red) !important;
  }

  .ft-shape__circle {
    background: linear-gradient(180deg, rgba(237, 39, 39, 0) 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 !important;

  display: none !important;
}

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

.ft-swiper__button__next-prev {
  padding: 10px;

  background: var(--color-red);

  font-size: 15px;

  border-radius: 100%;

  color: var(--color-white) !important;
  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-red);*/
}

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

/*.................Start   social network............................*/

.ft-box__social__item {
  padding: 37px 20px;
  font-size: 26px;
  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);
  transition: all 0.3s ease;
}

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

.ft-box__social__item svg {
  width: 32px !important;

  /* 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 !important;
  }
}

.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-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% !important;

  height: 32% !important;

  position: absolute !important;

  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-500);
}

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

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

.ft-bookmark__product {
  /*padding: 32px 0 0 0;*/

  width: 100% !important;

  display: flex;

  justify-content: flex-end !important;

  /*filter: grayscale(100%)!important;*/
}

.ft-section__price-count:has(a.product_type_variable) .ft-price .price {
  display: flex;
  flex-direction: row !important;
  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 !important;
}

.ft-box__specification {
  width: 100% !important;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 9px;

  text-align: right !important;
}

.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-500);

  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 !important;
}

ins {
  margin-right: 60px !important;

  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!important;*/

/*}*/

/*.....................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 !important;
}

/*.................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-500);
}

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

.ft-services__icon {
  width: 40px;

  height: 40px;
}

.ft-services__icon__color {
  fill: var(--color-primary-500) !important;
}

.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-red);*/
}

.ft-mobile__swiper__wrapper {
  width: 100% !important;

  display: flex;

  justify-content: center;
}

.ft-box__mobile__gap {
  gap: 16px;
}

.ft-mobile__swiper__slide {
  width: auto !important;

  display: flex !important;

  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-red); */
}

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-red);

  /*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 !important;

  /*filter: grayscale(100%)!important;*/
}

/*....................................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__pic {
  border-radius: 12px;

  /* min-width: 232px!important; */

  height: 165px !important;

  object-fit: cover;

  width: 100%;
}

.ft-box__card__main {
  padding: 0 24px;

  text-align: right !important;
  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-500) !important;

  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) !important;
}

.ft-project__property {
  display: flex !important;

  gap: 30px;

  flex-wrap: wrap;
}

.ft-card__footer {
  display: flex !important;

  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-500, #ed2727);
  }

  .ft-arrow__left__project {
    background: var(--color-primary-500, #ed2727);
  }
}

.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) !important;
}

/*...............................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) !important;
}

.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: red;
}

.ft-underline {
  text-decoration: underline;

  display: flex;

  border: 1px solid;

  border-radius: 3px;

  margin-top: 3px;
}

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

.ft-arrow__left__headline {
  /*position: absolute;*/

  padding: 3px 11px;

  font-size: 12px;

  border-radius: 20px;

  display: flex;

  gap: 10px;

  color: white;

  /* background: red; */

  /* background: var(--color-red); */

  top: 14px;

  left: 12px;
}

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

.ft-box__show:hover {
  .ft-show__all {
    color: var(--color-primary-500);
    transition: all 0.3s ease;
  }

  .ft-arrow__disable {
    background: var(--color-primary-500);
    transition: all 0.3s ease;
  }
}

@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% !important;
  }
}

/*................................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-500);

  border: 1px solid var(--color-primary-500);

  display: flex;

  justify-content: center;

  align-items: center;
}

.ft-catalog__download:hover {
  background: var(--color-primary-500);

  border: 0px solid var(--color-primary-500);
}

/*.....................................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-box__show__city:hover{
    color:#ED2727;}
  .ft-box__show__city:hover  .ft-arrow__left{
        background:#ED2727!important;
    }
}
.ft-headline__icon__map {
  font-size: 24px;
}

.ft-underline__city__name {
  text-decoration: underline !important;

  display: flex !important;

  /*border: 1px solid;*/

  border-radius: 3px !important;

  margin-top: 3px !important;
}

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

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

.ft-city__name__color {
  max-width: 75px;
  white-space: nowrap;
  overflow: hidden;

  color: var(--color-primary-500);
}

.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) !important;
}

.path-city {
  transform: scale(0.07);

  stroke: #fff;

  fill: var(--color-secondary-300);
}

.path-city_hover {
  transform: scale(0.07);

  stroke: #fff;

  fill: var(--color-primary-500) !important;
}

.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-500);

  color: var(--color-white);

  font: var(--font-t-14-regular);
}

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

.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-500);
}

.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) !important;

  color: var(--color-primary-500);
}

.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: #ed2727;

  border: 1px solid #ed2727;

  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) !important;
  }

  .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) !important;
  }

  .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) !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 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) !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 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!important;*/

  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 !important;

  /*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 !important;
  }
}

.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-500) !important;
  }

  .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% !important;
  }
}

@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 !important;
}

.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% !important;
}

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

.ft-swiper__pagination__item {
  width: 40px !important;

  height: 20px !important;

  padding: 8px !important;

  text-align: center !important;

  line-height: 6px !important;

  font-size: 12px !important;

  color: var(--color-secondary-600) !important;

  opacity: 1 !important;

  background: var(--color-white) !important;

  z-index: 222 !important;

  border-radius: 24px !important;
}

.snp-pagination {
  position: absolute;

  top: 0 !important;

  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 !important;
}

.swiper-pagination-bullet-active {
  width: 60px !important;

  height: 30px !important;

  padding: 16px !important;

  background: var(--color-primary-500, #ed2727) !important;

  color: white !important;

  font-size: 20px !important;

  transition: ease 0.5s !important;

  display: flex !important;

  justify-content: center;

  align-items: center;

  border-radius: 24px;

  box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16) !important;
}

.ft-swiper__pagination__item:hover {
  width: 60px !important;

  height: 30px !important;

  padding: 16px !important;

  background: red !important;

  color: white !important;

  font-size: 20px !important;

  transition: ease 0.5s;

  display: flex !important;

  border-radius: 24px !important;

  box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16) !important;
}

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

.ft-history__swiper__button__prev {
  left: 17%;
}

.ft-history__swiper__button__next {
  right: 17%;
}

.ft-fade__right {
  left: 15%;
}

.ft-fade__left {
  right: 15%;
}

.ft-my__swiper {
  /*height: 80%;*/

  width: 100%;

  overflow: unset !important;

  /*margin-top: -572px;*/
}

.ft-swiper__item__pic {
  width: 100%;

  border-radius: 24px;

  border: 8px solid rgba(236, 236, 236, 0.3) !important;
}

.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-history__swiper__button {
  display: flex;

  padding: 8px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  border-radius: 32px;

  color: #ffffff;

  z-index: 2222;

  position: absolute;

  top: 0;
}

.ft-swiper__factory__wrapper {
  display: flex;

  gap: 13px;

  align-items: center;

  justify-content: center;

  height: 0 !important;
}

.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-red);

  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-red);

  font-size: 15px;

  border-radius: 100%;

  color: var(--color-white)!important;
  border: 3px solid rgb(255 232 232 / 93%);
  /*box-shadow: 0 0 4px 0 var(--color-red);*/
}

.ft-comment__line {
  max-width: 16px;

  height: 0;

  transform: rotate(90deg);

  transform-origin: 0 0;

  border: 0.5px 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) !important;
}

/* .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 !important;
}

.btn_email {
  border: none !important;
}

.btn_email:hover,
.btn_email:focus,
.btn_email:active {
  background: none !important;

  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-red);
}

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

.position-relative {
  position: relative !important;
}

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

.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 !important;

  right: -9%;

  top: 41%;

  width: 50%;

  height: 50%;

  fill: red;
}

@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 !important;

  height: 30px !important;

  -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 !important;

  transition: all 0.3s;
}

input#search[type="search"]:focus {
  width: 100% !important;

  height: 50px !important;

  border: 1px solid #666;

  border-radius: 3px;

  transition: all 0.3s;

  padding: 10px !important;

  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.1);

  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: "" !important;
}

.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 !important;
}

.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-600, #ed2727);

  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 !important;

  font: var(--font-p-16-semibold);

  line-height: normal !important;

  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: #bbb;

  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: 1px solid #666;
  background-color: white;
  outline: none;
  cursor: auto;
  padding-right: 43px;
  display: flex;
  text-align: justify;
  border-bottom: 1px solid var(--color-secondary-400, #a6a6a6) !important;
  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" !important;
  font-family: "iconsax-outline" !important;
  width: 17px !important;
  height: 29px !important;
  font-size: 13px !important;
  background: var(--color-secondary-300, #a6a6a6);
  border-radius: 12px !important;
  color: white !important;
  margin-right: 34px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

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

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

/*.....................quotation........................*/
#ft-btn__blog__show-all:hover .ft-show-all__blog {
  color: #ed2727 !important;
}

#ft-btn__blog__show-all:hover .ft-btn__arrow-blog {
  background: #ed2727 !important;
}

/* .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-600, #ed2727);

  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(--e-global-color-primary);
}

.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;
}
i.ft-carousel__icon__left {
  font-size: 24px;
}
i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {
  font-size: 24px;
}

@media screen and (max-width: 600px) {
  i.ft-carousel__icon__left {
    right: unset !important;
    position: absolute;
    left: 30px !important;
    font-size: 24px;
  }
  i.iconsax-outline-arrow-right-1.ft-carousel__icon.ft-carousel__icon__right {
    right: 30px;
    position: absolute;
    left: unset !important;
    font-size: 24px;
  }

  .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 !important;
}

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

.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 !important;
}

.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;

    --color-primary-600: #ED2727;

    --color-primary-500: #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;

    --color-red: #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 !important;

  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: red;*/

  background: var(--color-red);

  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 !important;

  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-600, #ed2727);
}

.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% !important;

  height: 100%;

  box-shadow: 0 0 0 8px #fff5f5;

  border-radius: 24px;
}

.ft-icon__minmax {
  width: 24px !important;

  height: 24px !important;

  position: absolute;

  right: 4%;

  bottom: 6%;

  color: white !important;

  display: flex;

  align-items: center;

  justify-content: center;

  z-index: 22 !important;
}

.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.3);

  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) !important;
  }

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

@media screen and (max-width: 1024px) {
  /*.ft-box__video {*/

  /*    margin: 170px 0 0 0 !important;*/

  /*}*/

  .ft-line__shape {
    width: 127px;
  }

  .ft-box__text-2 {
    line-height: 50px !important;

    width: max-content !important;
  }

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

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

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

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

@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 !important;
}

.ft-carousel__btn {
  border-radius: 30px;

  border: 4px solid rgba(237, 39, 39, 0.2);

  padding: 8px 16px;

  max-height: 50px;

  background: var(--color-red);

  color: var(--color-white);

  font: var(--font-p-16-semibold);

  display: flex;

  align-items: center;

  gap: 6px;
}

.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% !important;

  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-carousel__text {
    padding: 50px 0 !important;
  }
  .ft-swiper__carousel__text {
    padding: 0 30px !important;
  }

  .ft-swiper__wrapper {
    /*height: unset!important;*/

    flex-direction: row !important;
  }

  .ft-swiper__carousel__responsive {
    align-items: center !important;

    width: 100%;
  }

  .ft-carousel__text div.ft-carousel__icon {
    margin-top: -90px !important;
  }

  .ft-carousel__box__button {
    justify-content: center !important;

    align-items: center !important;
  }

  /* .ft-carousel__btn {

        position: absolute !important;

    } */

  .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;
}



.swiper {
  overflow: hidden !important;
}

.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 !important;

  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-500);
}

/*.......................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 !important;
  }

  .ft-services__gradient {
    display: none !important;
  }

  .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 !important;
}

.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-500);
}

.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) 0%,
    var(--color-secondary-101) 100%
  );
}

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

  .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-red);
  }

  .ft-swiper__button__next-prev {
    margin: 10px !important;

    background: var(--color-white) !important;

    color: var(--color-red) !important;
  }

  .ft-shape__circle {
    background: linear-gradient(180deg, rgba(237, 39, 39, 0) 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 !important;

  display: none !important;
}

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

.ft-swiper__button__next-prev {
  padding: 10px;

  background: var(--color-red);

  font-size: 15px;

  border-radius: 100%;

  color: var(--color-white) !important;

  max-width: 0 10px;
}

.ft-arrow__left__service {
  padding: 3px 11px;

  font-size: 15px;

  border-radius: 20px;

  color: var(--color-white);

  /*background: var(--color-red);*/
}

/*.................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 svg {
  width: 32px !important;

  /* 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;
  flex-wrap: wrap;
    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-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% !important;

  display: flex;

  justify-content: flex-end !important;

  /*filter: grayscale(100%)!important;*/
}

.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-500, #ed2727);
}

.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 !important;
}

.ft-box__specification {
  width: 100% !important;

  display: flex;

  flex-wrap: wrap;

  justify-content: space-between;

  gap: 9px;

  text-align: right !important;
}

.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-500);

  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 !important;
}

ins {
  margin-right: 60px !important;

  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;

}
/* fateme */
/* .ft-carousel__product {
  padding: 25px !important;
} */
/* fateme */

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

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

/*.swiper-slide{*/

/*    width: unset!important;*/

/*}*/

/*.....................respoonsive swiper product................................*/
/* fateme */
@media screen and (max-width: 480px) {
 
  .iconsax-outline-arrow-right-1.ft-history__swiper__button.ft-history__swiper__button__next{
    width: 40px;
    right:33px;
    height: 40px;
  }
  .ft-swiper__slider__pagination__fade {
   top: 0px !important;
    display: none !important;

}
.iconsax-outline-arrow-left.ft-history__swiper__button.ft-history__swiper__button__prev {
  width: 40px;
  left: 33px;
  height: 40px;
}

  .ft-carousel__pagination__product{
display:none;
  }
  .ft-carousel__pagination__blog{
    display: none;
  }
  .ft-arrow__next__prev__comment{
    display: none!important;
  }
  .ft-carousel__pagination__project{
    display: none;
  }
  .ft-carousel__pagination__services{
    display: none;
  }
}
/* fateme */

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

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

.ft-box__catalog__mobile {
  display: none !important;
}

/*.................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-500);
}

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

.ft-services__icon {
  width: 40px;

  height: 40px;
}

.ft-services__icon__color {
  fill: var(--color-primary-500) !important;
}

.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-red);*/
}

.ft-mobile__swiper__wrapper {
  width: 100% !important;

  display: flex;

  justify-content: center;
}

.ft-box__mobile__gap {
  gap: 16px;
}

.ft-mobile__swiper__slide {
  width: auto !important;

  display: flex !important;

  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-red);

  /*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 !important;

  /*filter: grayscale(100%)!important;*/
}

/*....................................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 !important;
}

.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 !important;

  padding: 0 !important;
}

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

  color: var(--color-secondary-600);

  margin: 0 !important;

  padding: 0 !important;
}

.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) !important;
}

.ft-project__property {
  display: flex !important;

  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) !important;
}

.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: red;
}

.ft-underline {
  text-decoration: underline;

  display: flex;

  border: 1px solid;

  border-radius: 3px;

  margin-top: 3px;
}

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

.ft-arrow__left__headline {
  /*position: absolute;*/

  padding: 3px 11px;

  font-size: 12px;

  border-radius: 20px;

  display: flex;

  gap: 10px;

  color: white;

  /* background: red; */

  /* background: var(--color-red); */

  top: 14px;

  left: 12px;
}

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

  color: var(--color-primary-500, #ed2727);
}



@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-500);

  border: 1px solid var(--color-primary-500);

  display: flex;

  justify-content: center;

  align-items: center;
}

.ft-catalog__download:hover {
  background: var(--color-primary-500);

  border: 0px solid var(--color-primary-500);
}

.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 !important;

  display: flex !important;

  /*border: 1px solid;*/

  border-radius: 3px !important;

  margin-top: 3px !important;
}

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

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

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

.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) !important;
}

.path-city {
  transform: scale(0.07);

  stroke: #fff;

  fill: var(--color-secondary-400);
}

.ft-section__member .ft-member {

  max-width: calc(100% - 374px);
  width: 100%;
  position: relative;
  right: -50px;
  top: 10px;
}

.path-city_hover {
  transform: scale(0.07);

  stroke: #fff;

  fill: var(--color-primary-500) !important;
}

.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-500);

  color: var(--color-white);

  font: var(--font-t-14-regular);
}

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

.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-500);
}

.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) !important;

  color: var(--color-primary-500);
}

.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) !important;
  }

  .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) !important;
  }

  .ft-box__map {
    width: 0 !important;
  }

  .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) !important;
}

.red {
  color: var(--color-red) !important;
}

.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: 375px) {
  .ft-swiper__slide__member {
    padding: 45px !important;
  }

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

  .ft-member__box__text {
    padding-top: 135px !important;
  }
}

/*................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 60px;
  margin: 21px 0;
  /* fateme */
  width: 100%;
  /* fatemem */
}

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

  .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.4) !important;
}

.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% !important;

  background-size: cover;
  filter: grayscale(1);
}

.ft-member__profile__h4 {
  font: var(--font-p-16-bold);

  color: var(--color-secondary-500);

  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: 25px;

  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;
  }
}


/*...............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 !important;
}

/*...............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 !important;

    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) !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 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) !important;

  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 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!important;*/

  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!important;*/

  /*margin-left: 32px;*/

  height: 100%;

  display: unset !important;
}

.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;

  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!important; */

  transition: all 0.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-card:hover {
  height: 423px;

  box-shadow: 0px 0px 36px 0px #f4f4f4;

  /*transform: scale(1.10, 1.10);*/

  padding: 124px 0;

  /*opacity: 0.4;*/

  background: linear-gradient(180deg, #000 0%, #000 100%);

  .ft-card__img--hover {
    visibility: visible;
  }

  .ft-card__img {
    visibility: hidden;

    display: none;
  }
}

.ft-blog__pic {
  width: 100%;

  height: 200px !important;

  position: absolute;

  top: 0;

  right: 0;

  left: 0;

  bottom: 0;

  padding: 24px;

  border-radius: 32px !important;

  overflow: hidden;

  object-fit: cover;
}

.ft-icon__play__blog {
  width: 60px;

  height: 60px;

  border-radius: 100%;

  background: #ffffff;

  display: flex;

  align-items: center;

  justify-content: center;
}

.ft-card__info {
  z-index: 2;

  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-card:hover .ft-card__info {
  background-color: transparent;

  position: absolute;

  bottom: 0;

  padding: 24px;

  width: 100%;
}

.ft-card:hover .ft-card__info-hover {
  opacity: 1;
}

.ft-card:hover {
  .ft-article__p {
    display: none;
  }

  .ft-blog__pic {
    display: none;
  }

  .ft-blog__footer {
    background: rgba(0, 0, 0, 0.4);

    padding-top: 11px;

    color: var(--color-white);

    margin-top: 27px;
  }

  .ft-article__h3 {
    display: flex;

    text-align: right;

    color: var(--color-white);
  }
}

.ft-blog__footer {
  width: 100%;

  height: 100%;

  padding: 12px;

  background: #d9d9d9;

  border-radius: 16px;

  justify-content: space-between;

  align-items: center;

  gap: 48px;

  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;

  gap: 8px;

  color: var(--color-white);
}

.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);

  transition: all 0.3s ease;
}

.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 !important;

  height: 100%;

  position: absolute;

  left: -42%;

  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__service__item:hover {

    .ft-operation__box {

        background: #0052A8;

    }

        .ft-arrow__left__operation {

        background: var(--color-primary-500)!important;

    }

    .ft-read__more__text {

        color: var(--color-secondary-700)!important;

    }

     .ft-operation__services__read-more {

       background: red;

    }

} */

.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 !important;
}

.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 !important;
}

.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% !important;
}

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

.ft-swiper__pagination__item {
  width: 40px !important;

  height: 20px !important;

  padding: 8px !important;

  text-align: center !important;

  line-height: 6px !important;

  font-size: 12px !important;

  color: var(--color-secondary-600) !important;

  opacity: 1 !important;

  background: var(--color-white) !important;

  z-index: 222 !important;

  border-radius: 24px !important;
}

.snp-pagination {
  position: absolute;

  top: 0 !important;

  min-height: 44px;
}

.ft-swiper__pagination__item:hover {
  width: 60px !important;

  height: 30px !important;

  padding: 16px !important;

  background: red !important;

  color: white !important;

  font-size: 20px !important;

  transition: ease 0.5s;

  display: flex !important;

  border-radius: 24px !important;

  box-shadow: 0px 9px 12px 0px rgba(237, 39, 39, 0.16) !important;
}

.ft-swiper__slider__pagination__fade {
  position: absolute;

  top: 7px;

  z-index: 444;

  width: 80px;

  height: 30px;

  display: flex;

  filter: blur(5px);
}

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

.ft-history__swiper__button__prev {
  left: 17%;
}

.ft-history__swiper__button__next {
  right: 17%;
}



.ft-my__swiper {
  /*height: 80%;*/

  width: 100%;

  overflow: unset !important;

  /*margin-top: -572px;*/
}

.ft-swiper__item__pic {
  width: 100%;

  border-radius: 24px;

  border: 8px solid rgba(236, 236, 236, 0.3) !important;
}

.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-history__swiper__button {
  display: flex;

  padding: 8px;

  justify-content: center;

  align-items: center;

  gap: 8px;

  border-radius: 32px;

  background: var(--color-primary-600, #ed2727);

  color: #ffffff;

  z-index: 2222;

  position: absolute;

  top: 3px;
}

.ft-swiper__factory__wrapper {
  display: flex;

  gap: 13px;

  align-items: center;

  justify-content: center;

  height: 0 !important;
}

.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-red);

  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__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-red);

  font-size: 15px;

  border-radius: 100%;

  color: var(--color-white);

  /*box-shadow: 0 0 4px 0 var(--color-red);*/
}

.ft-comment__line {
  max-width: 16px;

  height: 0;

  transform: rotate(90deg);

  transform-origin: 0 0;

  border: 0.5px 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) !important;
}

.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;
  /* fateme */
  right:0;
  /* fateme */
  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 !important;
}

.btn_email {
  border: none !important;
  line-height:10px;
}

.btn_email:hover,
.btn_email:focus,
.btn_email:active {
  background: none !important;

  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-red);
}

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

.position-relative {
  position: relative !important;
}

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

.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 !important;

  right: -9%;

  top: 41%;

  width: 50%;

  height: 50%;

  fill: red;
}

@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 !important;

  height: 30px !important;

  -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 !important;

  transition: all 0.3s;
}

input#search[type="search"]:focus {
  width: 100% !important;

  height: 50px !important;

  border: 1px solid #666;

  border-radius: 3px;

  transition: all 0.3s;

  padding: 10px !important;

  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.1);

  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: "" !important;
}

.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 !important;
}

.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-600, #ed2727);

  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 !important;

  font: var(--font-p-16-semibold);

  line-height: normal !important;

  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 !important;

  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-600, #ed2727);

  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(--e-global-color-primary);
}

.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 p {
  font-size: 14px;
}

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

  margin: 0 !important;
}

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

.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 !important;
}

.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 !important;

} */

.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;
}

.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 !important;
}

.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 {
  border: 1px solid var(--color-secondary-200,#EDEDED);
}

.ft-product__vertical__line {
  width: 3px;

  height: 43px;

  flex-shrink: 0;

  border-radius: 3px;

  background: var(--color-secondary-400) !important;

  margin: unset !important;
}

.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 !important;
}

p.ft-value__property {
  margin: 10px 0 !important;

  margin-top: 10px !important;

  margin-right: 0px !important;

  margin-bottom: 10px !important;

  margin-left: 0px !important;
}

.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-500);
}

.site-navigation ul.menu li img {
  filter: grayscale(1);

  opacity: 0.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;
}

.ft-site__navigation.site-navigation ul.menu li:not(.sub-menu li) {
  /* padding: 24px 16px !important; */
}

.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: 1.5px 4px;
  background: var(--color-secondary-500, #909090);
  border-radius: 12px;
  color: white;
  position: absolute;
  left: 28px;
  /*top: 25%;*/
}

.site-navigation ul.menu li:hover i.astareh-mega-menu-custom-dropdown-icon {
  background: var(--color-primary-500, #ed2727);
}

.site-navigation ul.menu li:hover .astareh-mega-menu-title {
  color: var(--color-primary-500, #ed2727) !important;
}

.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) !important;
}

.ft-item__mega__menu {
  margin-left: 0 !important;
}

.ft-site__navigation.site-navigation ul.menu li .astareh-mega-menu-overlay a {
  padding: unset !important;
}

.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) !important;
  font-weight: 500 !important;
}

/* .site-navigation ul.menu li > ul > li:hover a{

    color: var(--color-secondary-700, #646464)!important;

} */

/* 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 !important;
}

div[class*="elementor-widget-factory"] h6 {
  padding: unset !important;
  margin: unset !important;
}

.ft-text__box__title {
  font: var(--font-p-16-semibold) !important;
  color: var(--color-secondary-800) !important;
}

.ft-text__box a i {
  stroke: var(--color-secondary-300, #d9d9d9) !important;
  color: var(--color-secondary-300, #d9d9d9) !important;
}

.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 !important;
} */

/* 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: red;

  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);
}



.smi-title{
  font-size: 14px;
  color: #909090;
  font-weight: 400;
}


/* fateme */
.ft-carousel__pagination__services.ft-swiper__button__next-prev,.ft-button-prev-swiper__blog{
  /* right: -20px!important; */
  left: auto!important;
}
.ft-swiper__slide__data::after {
  content: " ";
  box-shadow: -3px 0px 7px 0px #e9e9e9a6 !important;
  position: absolute;
  top: 7px;
  left: -15px;
  width: 12px;
  height: 50px;
}
/* fateme */