/*---------------------------------- common  ----------------------------------*/
/*---------------------------------- main color ----------------------------------*/
/*---------------------------------- box shadow ----------------------------------*/
/*---------------------------------- padding ----------------------------------*/
/*---------------------------------- icon ----------------------------------*/
/*---------------------------------- border radius ----------------------------------*/
/*---------------------------------- transition ----------------------------------*/
/*---------------------------------- fonts ----------------------------------*/
/*---------------------------------- ellipsis ----------------------------------*/
/*---------------------------------- text gradient ----------------------------------*/
/*---------------------------------- glass effect ----------------------------------*/
/*---------------------------------- card shadow ----------------------------------*/
/*---------------------------------- font icon ----------------------------------*/
/*---------------------------------- overlay ----------------------------------*/
/*---------------------------------- border radius ----------------------------------*/
/*---------------------------------- media query ----------------------------------*/
/*---------------------------------- flex ----------------------------------*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon.eot?fyiy79");
  src: url("../fonts/icons/icomoon.eot?fyiy79#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.ttf?fyiy79") format("truetype"), url("../fonts/icons/icomoon.woff?fyiy79") format("woff"), url("../fonts/icons/icomoon.svg?fyiy79#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-line:before {
  content: "\e900";
}

.icon-mouse-wheel:before {
  content: "\e901";
}

.icon-attach:before {
  content: "\e902";
}

.icon-calendar:before {
  content: "\e904";
}

.icon-eye:before {
  content: "\e909";
}

.icon-gallery:before {
  content: "\e911";
}

.icon-whatsapp-fill:before {
  content: "\e922";
}

.icon-instagram-fill:before {
  content: "\e923";
}

.icon-youtube-fill:before {
  content: "\e924";
}

.icon-facebook-fill:before {
  content: "\e925";
}

.icon-telegram-fill:before {
  content: "\e926";
}

.icon-skype:before {
  content: "\e90b";
}

.icon-google-plus:before {
  content: "\e90c";
}

.icon-angle-circle-up:before {
  content: "\e903";
}

.icon-aparat:before {
  content: "\e916";
}

.icon-pinterest:before {
  content: "\e917";
}

.icon-linkedin-fill:before {
  content: "\e918";
}

.icon-twitter:before {
  content: "\e919";
}

.icon-checked:before {
  content: "\e906";
}

.icon-close:before {
  content: "\e914";
}

.icon-reload:before {
  content: "\e915";
}

.icon-arrow-left:before {
  content: "\e905";
}

.icon-arrow-right:before {
  content: "\e907";
}

.icon-angle-down:before {
  content: "\e908";
}

.icon-angle-up:before {
  content: "\e91a";
}

.icon-angle-left:before {
  content: "\e90a";
}

.icon-angle-right:before {
  content: "\e90d";
}

.icon-home:before {
  content: "\e913";
}

.icon-telephone:before {
  content: "\e90e";
}

.icon-location:before {
  content: "\e90f";
}

.icon-mobile:before {
  content: "\e910";
}

.icon-inbox:before {
  content: "\e912";
}

.icon-search:before {
  content: "\e91b";
}

@font-face {
  font-family: "DmSans";
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url("../fonts/dmSans/ttf/DMSans-Regular.ttf") format("truetype"), url("../fonts/dmSans/woff/DMSans-Regular.woff") format("woff");
}
@font-face {
  font-family: "DmSans";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/dmSans/ttf/DMSans-Medium.ttf") format("truetype"), url("../fonts/dmSans/woff/DMSans-Medium.woff") format("woff");
}
@font-face {
  font-family: "DmSans";
  font-style: normal;
  font-weight: bold;
  font-display: swap;
  src: url("../fonts/dmSans/ttf/DMSans-Bold.ttf") format("truetype"), url("../fonts/dmSans/woff/DMSans-Bold.woff") format("woff");
}
/* body setup */
body ::selection {
  background: #38b56a;
  color: #e2596a;
}
body ::-webkit-selection {
  background: #38b56a;
  color: #e2596a;
}
body ::-webkit-scrollbar {
  width: 8px;
  height: 4px;
}
body ::-webkit-scrollbar-thumb {
  background: #38b56a;
  color: #e2596a;
}
body ::-webkit-scrollbar-track {
  background: #38b56a;
  color: #e2596a;
}

.decoration {
  /* decoration wrapper */
  /* decoration slider wrapper */
  /* decoration title */
}
.decoration__wrapper {
  flex-wrap: nowrap;
}
.decoration__slider-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  display: block;
  width: 700px;
  margin: 0 15px;
}
.decoration__title {
  color: #333;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 15px;
}

/* decoration */
.category-list {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  /* category list li tag */
  /* category list link */
}
.category-list li {
  width: 100%;
}
.category-list__link {
  text-align: left;
  width: 100%;
  padding: 15px;
  background-color: #fff;
  color: #888;
  border: 3px solid #ededed;
  font-size: 14.5px;
  font-weight: 500;
  /* link hover */
  /* link active */
}
.category-list__link:hover {
  border-color: #b7e9cb;
}
.category-list__link.active {
  color: #2c8e53;
  border-color: #b7e9cb;
}

/* category list */
.decoration-main {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  /* decoration main active */
  /* decoration main wrapper */
  /* decoration main img */
  /* decoration main img-2 */
  /* decoration main carpet */
}
.decoration-main .active {
  display: block;
}
.decoration-main__wrapper {
  position: relative;
  box-shadow: 0 10px 65px rgba(56, 93, 165, 0.15);
  border-radius: 10px;
  width: 982px;
  display: none;
  height: 100%;
}
.decoration-main__img {
  position: relative;
  z-index: 1;
  width: 100%;
  border-radius: 12px;
}
.decoration-main__img-2 {
  position: absolute;
  z-index: 3;
  width: 100%;
  left: 0;
  border-radius: 16px;
}
.decoration-main__carpet {
  position: absolute;
  z-index: 2;
  /* carpet type1 */
  /* carpet type2 */
  /* carpet type3 */
  /* carpet type4 */
  /* carpet type5 */
  /* carpet type4 */
}
.decoration-main__carpet.type1 {
  display: block;
  transform-origin: center;
  width: 275px;
  height: 334px;
  bottom: -66px;
  left: 215px;
  -moz-transform: perspective(493px) rotateX(68deg) rotateY(2deg) rotateZ(-8deg) skewY(4deg) skewX(-8deg);
  -ms-transform: perspective(493px) rotateX(68deg) rotateY(2deg) rotateZ(-8deg) skewY(4deg) skewX(-8deg);
  -webkit-transform: perspective(493px) rotateX(68deg) rotateY(2deg) rotateZ(-8deg) skewY(4deg) skewX(-8deg);
  transform: perspective(493px) rotateX(68deg) rotateY(2deg) rotateZ(-8deg) skewY(4deg) skewX(-8deg);
}
.decoration-main__carpet.type2 {
  height: 485px;
  display: block;
  width: 290px;
  transform-origin: center;
  bottom: -160px;
  left: 183px;
  -moz-transform: perspective(540px) rotateX(73deg) rotateY(0deg) rotateZ(90deg) skewY(1deg) skewX(0deg);
  -ms-transform: perspective(540px) rotateX(73deg) rotateY(0deg) rotateZ(90deg) skewY(1deg) skewX(0deg);
  -webkit-transform: perspective(540px) rotateX(73deg) rotateY(0deg) rotateZ(90deg) skewY(1deg) skewX(0deg);
  transform: perspective(540px) rotateX(73deg) rotateY(0deg) rotateZ(90deg) skewY(1deg) skewX(0deg);
}
.decoration-main__carpet.type3 {
  display: block;
  transform-origin: center;
  width: 350px;
  height: 400px;
  bottom: 0px;
  left: 197px;
  -moz-transform: perspective(301px) rotateX(31deg) rotateY(2deg) rotateZ(-51deg) skewY(30deg) skewX(13deg);
  -ms-transform: perspective(301px) rotateX(31deg) rotateY(2deg) rotateZ(-51deg) skewY(30deg) skewX(13deg);
  -webkit-transform: perspective(301px) rotateX(31deg) rotateY(2deg) rotateZ(-51deg) skewY(30deg) skewX(13deg);
  transform: perspective(301px) rotateX(31deg) rotateY(2deg) rotateZ(-51deg) skewY(30deg) skewX(13deg);
}
.decoration-main__carpet.type4 {
  display: block;
  transform-origin: center;
  width: 470px;
  height: 495px;
  bottom: -27px;
  left: 45px;
  -moz-transform: perspective(435px) rotateX(61deg) rotateY(-2deg) rotateZ(38deg) skewY(-15deg) skewX(-11deg);
  -ms-transform: perspective(435px) rotateX(61deg) rotateY(-2deg) rotateZ(38deg) skewY(-15deg) skewX(-11deg);
  -webkit-transform: perspective(435px) rotateX(61deg) rotateY(-2deg) rotateZ(38deg) skewY(-15deg) skewX(-11deg);
  transform: perspective(435px) rotateX(61deg) rotateY(-2deg) rotateZ(38deg) skewY(-15deg) skewX(-11deg);
}
.decoration-main__carpet.type5 {
  display: block;
  transform-origin: center;
  width: 399px;
  height: 381px;
  bottom: -12px;
  left: 170px;
  -moz-transform: perspective(700px) rotateX(64deg) rotateY(-6deg) rotateZ(55deg) skewY(-9deg) skewX(-8deg);
  -ms-transform: perspective(700px) rotateX(64deg) rotateY(-6deg) rotateZ(55deg) skewY(-9deg) skewX(-8deg);
  -webkit-transform: perspective(700px) rotateX(64deg) rotateY(-6deg) rotateZ(55deg) skewY(-9deg) skewX(-8deg);
  transform: perspective(700px) rotateX(64deg) rotateY(-6deg) rotateZ(55deg) skewY(-9deg) skewX(-8deg);
}
.decoration-main__carpet.type6 {
  height: 354px;
  display: block;
  width: 377px;
  transform-origin: center;
  bottom: -41px;
  right: 155px;
  -moz-transform: perspective(540px) rotateX(70deg) rotateY(0deg) rotateZ(122deg) skewY(1deg) skewX(0deg);
  -ms-transform: perspective(540px) rotateX(70deg) rotateY(0deg) rotateZ(122deg) skewY(1deg) skewX(0deg);
  -webkit-transform: perspective(540px) rotateX(70deg) rotateY(0deg) rotateZ(122deg) skewY(1deg) skewX(0deg);
  transform: perspective(540px) rotateX(70deg) rotateY(0deg) rotateZ(122deg) skewY(1deg) skewX(0deg);
}

/* decoration main */
.decoration-rug {
  padding: 15px 0;
  position: relative;
  top: -30px;
  margin-top: 30px;
  overflow: hidden;
  /* decoration rug img */
  /* decoration rug card */
  /* decoration rug link */
  /* decoration rug img */
}
.decoration-rug img {
  width: 100%;
}
.decoration-rug__card {
  position: relative;
  cursor: pointer;
  /* card hover */
}
.decoration-rug__card:hover .decoration-rug__link {
  opacity: 1;
  transform: translateY(5px);
}
.decoration-rug__link {
  width: 100%;
  padding: 10px;
  opacity: 0;
  transform: translateY(25px);
  transition: all 300ms linear;
}
.decoration-rug__img {
  border-radius: 2px 10px 10px 10px;
  overflow: hidden;
}

/* decoration rug */
.decoration-decor {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-flow: column;
  width: calc(100% - 1030px);
  flex-wrap: wrap;
  margin: 0;
  /* decoration decor item */
  /* decoration decor img */
}
.decoration-decor__item {
  position: relative;
  height: 90px;
  width: 150px;
  margin-bottom: 18px;
  object-fit: fill;
  box-shadow: 0 10px 65px rgba(56, 93, 165, 0.15);
  overflow: hidden;
  border-radius: 10px;
  cursor: pointer;
}
@media screen and (max-width: 550px) {
  .decoration-decor__item {
    height: 60px;
  }
}
.decoration-decor__img {
  width: 100%;
  position: absolute;
  height: 90px;
  left: 0;
  object-fit: fill;
}
@media screen and (max-width: 550px) {
  .decoration-decor__img {
    height: 60px;
  }
}

/* decoration decor */
.rug-slider {
  position: relative;
  overflow: hidden;
  padding-bottom: 7px;
  /* rug slider hover */
  /* rug slider owl stage */
  /* rug slider owl nav */
}
.rug-slider:hover .owl-nav .owl-prev, .rug-slider:hover .owl-nav .owl-next {
  opacity: 1;
}
.rug-slider .owl-stage {
  display: flex;
}
.rug-slider .owl-nav {
  position: absolute;
  top: calc(50% - 22px);
  width: 100%;
  height: 0;
  /* owl nav owl prev and owl next */
  /* owl nav owl next */
  /* owl nav owl prev */
}
@media screen and (max-width: 1440px) {
  .rug-slider .owl-nav {
    margin-top: -20px;
  }
}
@media screen and (max-width: 992px) {
  .rug-slider .owl-nav {
    display: none;
  }
}
.rug-slider .owl-nav .owl-prev span,
.rug-slider .owl-nav .owl-next span {
  position: absolute;
  cursor: pointer;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: -moz-box;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 300ms linear;
}
.rug-slider .owl-nav .owl-prev,
.rug-slider .owl-nav .owl-next {
  background: transparent;
  border: none;
  box-shadow: none;
  position: absolute;
  top: 50%;
  opacity: 0;
  transition: all 300ms linear;
}
.rug-slider .owl-nav .owl-prev.disabled,
.rug-slider .owl-nav .owl-next.disabled {
  filter: grayscale(1);
  background: transparent;
  box-shadow: none;
}
.rug-slider .owl-nav .owl-prev.disabled span,
.rug-slider .owl-nav .owl-next.disabled span {
  color: #2c8e53;
}
.rug-slider .owl-nav .owl-prev:hover,
.rug-slider .owl-nav .owl-next:hover {
  background: transparent;
  box-shadow: none;
}
.rug-slider .owl-nav .owl-prev:hover span,
.rug-slider .owl-nav .owl-next:hover span {
  color: #20673c;
}
.rug-slider .owl-nav .owl-prev span,
.rug-slider .owl-nav .owl-next span {
  position: relative;
  font-size: 18px;
  font-weight: bold;
  padding: 10px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.6);
  color: #2c8e53;
  transition: all 300ms linear;
}
.rug-slider .owl-nav .owl-next {
  right: 9px;
}
.rug-slider .owl-nav .owl-next span {
  right: 0;
}
.rug-slider .owl-nav .owl-prev {
  left: 0;
}
.rug-slider .owl-nav .owl-prev span {
  left: 0;
}

/* rug slider */

/*# sourceMappingURL=decor-en.css.map */