@import url("https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
  background: none;
  border: none;
  font-family: "Mulish", sans-serif;
}
*::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #404348;
  border-radius: 4px;
}

*::-webkit-scrollbar-thumb {
  background-color: #1b1c21;
  border-radius: 4px;
}
html {
  overflow-x: hidden;
}
body {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow-x: hidden;
}

/* HEADER START */
img{
	object-fit: cover;
}
header {
  width: 100%;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 11;
}
.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 4vw;
}
.header-left {
  width: 7.1vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: url(../img/hl.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.1vw 0;
  z-index: 5;
}
.header-m-icon {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.5s linear;
  gap: .3vw;
}

.header-m-icon span{
  width: 2.2vw;
  height: .05vw;
  display: block;
  background: #FFF;
  transition: all 0.5s linear;

}

.header-m-icon:hover span{
  background: #cea743;
}
.header-m-icon.active span:nth-child(1) {
  transform: rotate(45deg) translate(0.4vw, 0.1vw);
  background: #cea743;
}

.header-m-icon.active span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}

.header-m-icon.active span:nth-child(3) {
  transform: rotate(-45deg) translate(0.4vw, -0.1vw);
  background: #cea743;
}


.catalog-m-btn {
  display: flex;
  flex-direction: column;
  gap: 40px;
  transition: all 0.5s linear;
}
.m-btn {
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s linear;
  cursor: pointer;
}
.m-btn:hover {
  color: #eebf45;
}

.header-down {
  display: flex;
  flex-direction: column;
  gap: 2.1vw;
  position: relative;
}

.h-down-btn {
  transition: all 0.5s linear;
  cursor: pointer;
}

.h-down-btn svg {
  transition: all 0.5s linear;
  width: 1.8vw;
  height: auto;
}
.h-down-btn:hover svg circle {
  stroke: #eebf45;
}
.h-down-btn:hover svg path {
  stroke: #eebf45;
}

.header-search {
  width: 100%;
  height: 7vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1b1c21;
  position: absolute;
  left: 0;
  top: calc(100vh - 7vw);
  border-radius: 3px;
  padding-left: 11.5vw;
  padding-right: 4vw;
  transition: all 0.5s linear;
  opacity: 0;
  visibility: hidden;
}
.header-search.active {
  left: 0;
  opacity: 1;
  visibility: visible;
}
.search-form{
  display: flex;
  height: 2vw;
  align-items: center;
  gap: 3vw;

}
.search-form input {
  width: 17vw;
  height: 100%;
  display: flex;

  border-bottom: 1px solid #404348;
  padding-left: 1vw;
  background: #1b1c21;
}

.search-form input,
.search-form input::placeholder {
 
  font-size: 0.7vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #ffffff;
}

.search-form input:focus {
  outline: none;
  background: #1b1c21;
  border-color: #cea743;

}
.search-send{
  width: 9vw;
  height: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 3px solid;
border-image-source: linear-gradient(355.8deg, #B89C56 6.38%, #E0C98E 94.92%);
  background: linear-gradient(344.41deg, #E0CA93 4.5%, #CEA743 83.1%),
linear-gradient(344.41deg, #FCD063 4.5%, #DCA71E 83.1%);
cursor: pointer;
font-family: Unbounded;
font-size: .85vw;
font-weight: 500;
line-height: 120%;
transition: all .5s linear;

}
.search-send:hover{
  background: linear-gradient(344.41deg, #433F40 4.5%, #201F1F 83.1%);
color: #cea743;
border-color: #1b1c21;
}


.search-close{
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.search-close svg{
  width: 2.1vw;
  height: auto;

}


.search-close:hover svg rect{
  fill: #cea743;
}





.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: calc(7.1vw + 4vw);
}
.header-logo-item {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 1vw;
}
.header-logo {
  width: 12.8vw;
  height: auto;
}
.header-logo svg {
  width: 100%;
  height: auto;
  transition: all 0.5s linear;
}
.header-logo:hover svg path {
  transition: all 0.5s linear;
}
.header-logo:hover svg path {
  fill: #eebf45;
}

.header-contack {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.header-wp {
  display: flex;
  width: 1.3vw;
}

.header-wp svg {
  width: 100%;
  height: auto;
  transition: all 0.5s linear;
}
.header-wp:hover svg path {
  transition: all 0.5s linear;
}
.header-wp:hover svg path {
  fill: #eebf45;
}
.header-tel {
  font-size: 0.85vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 0.2vw;
}
.header-tel:hover {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}


/* menu start */


nav{
  width: 50%;
  height: 100vh;
  display: flex;
  position: absolute;
  background: #FFF;
  top: 0;
  left: -50%;
  z-index: 1;
  padding-left: 11.5vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  transition: all .5s linear;
}
nav.active{
  transition: all .5s linear;
  left: 0;
}
nav.active:before{
	content:"";
	width:500%;
	height: 100%;
	display: flex;
	position: absolute;
	right: -500%;
	top:0;
	background:rgba(0,0,0,0.7);
}
.nav-content{
  width: 20vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.menu-logo{
  width: 13.5vw;
  height: fit-content;
}

.menu-logo-a{
  width: 100%;
  height: fit-content;
}
.menu-logo-a img{
  width: 100%;
  height: auto;
}


.menu-item{
  display: flex;
  flex-direction: column;
  margin-top: 1.3vw;
}

.menu-u{
  display: flex;
  flex-direction: column;
}
.menu-li{
  width: 100%;
  display: flex;
  flex-direction: column;
  transition: all .5s linear;

}
.menu-li>a{
	text-transform:uppercase;
}
.menu-a{
  display: flex;
  height: 2.5vw;
  align-items: center;
  justify-content: space-between;


}
.menu-a,
.menu-a span{
  color: #000;
  font-size: .8vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: left;
  transition: all .5s linear;
  cursor: pointer;
}
.menu-a svg{
  width: 1.3vw;
  height: 1.4vw;
}
.menu-a svg rect,
.menu-a svg path,
.menu-a svg{
  transition: all .5s linear;

}
.menu-li:hover .menu-a,
.menu-li:hover .menu-a span{
  color: #cea743;
}
.menu-li:hover .menu-a svg{
  transform: rotate(180deg);
}
.menu-li:hover .menu-a svg rect{
  stroke: #000;
  fill: #000;
}
.menu-li:hover .menu-a svg path{
  stroke: #FFF;
}

.menu-li.active .menu-a,
.menu-li.active .menu-a span{
  color: #cea743;
}
.menu-li.active .menu-a svg{
  transform: rotate(180deg);
}
.menu-li.active .menu-a svg rect{
  stroke: #000;
  fill: #000;
}
.menu-li.active .menu-a svg path{
  stroke: #FFF;
}

.menu-dd{
  width: 100%;
  height: fit-content;
  max-height: 0;
  display: flex;
  flex-direction: column;
  padding-left: 1.3vw;
  gap: .3vw;
  overflow: hidden;
  transition: all .5s linear;

}
.menu-dd.active{
height: fit-content;
max-height: fit-content;

}
.menu-dd-li{
  display: flex;
  align-items: center;
  transition: all .5s linear;


}
.menu-dd-a{
color: #2D2D2D;
font-size: .8vw;
font-weight: 400;
line-height: 140%;
text-align: left;
transition: all .5s linear;

}
.menu-dd-li:hover .menu-dd-a{
  color: #cea743;

}

.menu-bottom{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2vw;
  margin-top: 3vw;
}


.menu-bottom-link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1vw;
}

.menu-bottom-link span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .3vw;
}

.menu-bottom-link svg {
  width: 1.5vw;
  height:  1.4vw;
  transition: all 0.5s linear;
}

.menu-bottom-link:hover svg {
  fill: #242424;
}

.menu-bottom-link:hover svg  path,
.menu-bottom-link:hover svg rect {
  stroke: #fff;
}

.menu-bottom-link:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}


.menu-bottom-btn {
  width: 100%;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(238, 191, 69, 1);

  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
    linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.menu-bottom-btn:hover {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  color: rgba(238, 191, 69, 1);
}




/* menu end */





















/* HEADER END */

/* BANNER START */
.banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.banner-text {
  width: 60.5%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
}
.banner-text1 {
  width: 80%;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}
.banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}

.banner-text3 {
  width: 90%;
  font-size: 1.05vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 5.1vw;
}
.banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* BANNER END */

/* PRODUCT START */

.product-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.product-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.product-title {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 2vw;
}
.product-card {
  width: 14.31vw;
  height: 23.23vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 1.5vw 1.1vw;
}

.pro-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.pro-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.5);
  z-index: 2;
}

/* .product-card:hover .pro-bg {
  background: #1b1c21b9;
} */
.pro-card-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 3;
}

.pro-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.4vw;
  display: flex;
  transition: all 0.5s linear;
}

.pro-title {
  font-size: 1.25vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.pro-link-box {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1.1vw;
  opacity: 0;
  visibility: hidden;
}

.product-card:hover .pro-link-box {
  opacity: 1;
  visibility: visible;
}
.pro-link-box a {
  width: fit-content;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #fff;
  transition: all 0.5s linear;
  padding-left: 1.1vw;
  position: relative;
}

.pro-link-box a::after {
  content: "";
  width: 0%;
  height: 1px;
  background: #fff;
  display: block;
  margin-top: 5px;
  transition: all 0.5s linear;
  visibility: hidden;
  opacity: 0;
}

.pro-link-box a::before {
  content: "-";
  width: fit-content;
  height: fit-content;
  display: block;
  position: absolute;
  left: 0;
}

.pro-link-box a:hover::after {
  opacity: 1;
  width: 100%;
  visibility: visible;
}

.pro-bottom-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5vw;
}
.pro-bottom-link img {
  width: 2.5vw;
  height: 2.5vw;
}
.pro-bottom-link p {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding-bottom: 5px;
  border-bottom: 1px solid #fff;
  display: none;
  transition: all 0.5s linear;
}

.product-card:hover .pro-bottom-link p {
  display: flex;
}
.product-card:hover .pro-bottom-link img{
	background:#000;
	border-radius:50%;
}

/* PRODUCT END */

/* STONE CATALOG START */

.stone-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 6vw;
}

.stone-vector {
  width: 40%;
  right: 0;
  top: -6vw;
  position: absolute;
}

.stone-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.stone-title {
  display: flex;
  flex-direction: column;
}
.stone-title h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.stone-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1.1vw;
  margin-top: 3vw;
  position: relative;
  z-index: 1;
}

.stone-catalog-card {
  width: 17.32vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1vw 0;
}
.stone-catalog-card a{
	color: #2D2D2D;
}

.stone-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.stone-catalog-card-top img {
  width: auto;
  height: 15vw;
  max-width: 100%;
}

.stone-catalog-card-top p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}

.stone-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 0.6vw;
}
.stone-catalog-card-bottom p {
  font-size: 0.75vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
  text-transform:uppercase;
}
.stone-catalog-card:hover .stone-catalog-card-bottom p {
  display: flex;
}

.stone-catalog-card .stone-catalog-card-bottom svg {
  width: 1.9vw;
  height: auto;
}
.stone-catalog-card:hover .stone-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.stone-catalog-card:hover .stone-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.stone-catalog-card:hover .stone-catalog-card-bottom svg g path,
.stone-catalog-card:hover .stone-catalog-card-bottom svg g rect {
  stroke: #fff;
}
.stone-catalog-card:hover {
  box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 12%);
}

.all-stone-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 3.5vw auto 0 auto;
}

.all-stone-page span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  text-transform:uppercase;
}

.all-stone-page svg {
  width: 1.9vw;
  height: auto;
  transition: all 0.5s linear;
}

.all-stone-page:hover svg {
  fill: #242424;
}

.all-stone-page:hover svg g path,
.all-stone-page:hover svg g rect {
  stroke: #fff;
}

.all-stone-page:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* STONE CATALOG END */
/* COMPLETED PROJE MOBIL START */
.completed-proje-mobil-container{
  display: none;
}
/* COMPLETED PROJE MOBIL END */
/* COMPLETED PROJE START */

.completed-proje-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10vw;
}

.completed-proje-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 3vw;
}

.completed-proje-title {
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}
.completed-proje-title h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.completed-proje-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.completed-proje-item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 1vw;
  padding: 0 4vw;
}

.completed-proje-card {
  height: 20vw;
  flex-grow: 1;
}

.completed-proje-container > :nth-child(4n + 1) {
  flex: 2;
}
.completed-proje-container > :nth-child(4n + 2) {
  flex: 3;
}
.completed-proje-container > :nth-child(4n + 3) {
  flex: 1;
}
.completed-proje-container > :nth-child(4n + 4) {
  flex: 4;
}

.completed-proje-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.completed-proje-card a img {
  width: 100%;
  height: 100%;
}

.completed-proje-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.3vw;
  gap: 1.1vw;
  background: linear-gradient(180deg, #00000000, #00000091),
    linear-gradient(180deg, #00000000, #00000000);
}

.completed-proje-text p {
  width: calc(95% - 1.9vw);
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.completed-proje-text svg {
  transition: all 0.5s linear;
  width: 36px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}
.completed-proje-card:hover .completed-proje-text svg {
  fill: #242424;
}
.completed-proje-card:hover .completed-proje-text p {
  color: #eebf45;
}
.all-projet-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 0 auto;
}

.all-projet-page span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  text-transform:uppercase;
}

.all-projet-page svg {
  width: 1.9vw;
  height: auto;
  transition: all 0.5s linear;
}

.all-projet-page:hover svg {
  fill: #242424;
}

.all-projet-page:hover svg g path,
.all-projet-page:hover svg g rect {
  stroke: #fff;
}

.all-projet-page:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* COMPLETED PROJE END */

/* ABOUT START */

.about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.about-content {
  width: 100%;
  height: 44vw;
  display: flex;
}

.about-left {
  width: 60%;
   display: flex;
  background: url(../img/abo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 11.5vw;
}
.about-text-1 {
  width: 20vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.about-text-1 h3 {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}
.about-text-1 p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}
.about-text-2 {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.about-text-box {
  display: flex;
  flex-direction: column;
}
.about-text-box-text {
  display: flex;
  gap: 0.2vw;
}

.about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 3.15vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box-text span {
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box p {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.about-info {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 3vw;
  right: 2vw;
}
.about-info p {
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}
.about-info a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 0.85vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}
.about-info a svg {
  width: 1.5vw;
  height: auto;
  transition: all 0.5s linear;
}

.about-info a svg path {
  transition: all 0.5s linear;
}
.about-info:hover a {
  color: #eebf45;
}

.about-info:hover svg path {
  fill: #eebf45;
}
.about-right {
  width: 40%;
    display: flex;
  background: url(../img/abo1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.about-right-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #31313193;
  padding-left: 2vw;
  padding-bottom: 3vw;
  justify-content: flex-end;
}
.about-info-right {
  display: flex;
  flex-direction: column;
}
.about-info-right p {
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}
.about-info-right a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 0.85vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}
.about-info-right a svg {
  width: 1.5vw;
  height: auto;
}

.about-info-right a svg path {
  transition: all 0.5s linear;
}
.about-info-right:hover a {
  color: #eebf45;
}

.about-info-right:hover svg path {
  fill: #eebf45;
}
/* ABOUT END */

/* WATER CUT START */

.water-cut-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.water-cut-content {
  width: 100%;
  height: 42vw;
  display: flex;
  background: url(../img/waterbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 3vw;
  padding-left: 11.5vw;
  padding-right: 4vw;
}

.water-cut-text {
  width: 28.3vw;
  display: flex;
  flex-direction: column;
  gap: 1.4vw;
}

.water-cut-text h3 {
  font-family: Unbounded;
  font-size: 1.68vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.water-cut-text p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
}

.water-cut-text a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}
.water-cut-text a span {
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding-bottom: 0.3vw;
	text-transform:uppercase;
}
.water-cut-text a svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.water-cut-text a:hover span {
  border-color: #eebf45;
  color: #eebf45;
}

.water-cut-text a:hover svg rect,
.water-cut-text a:hover svg path {
  transition: all 0.5s linear;
}

.water-cut-text a:hover svg rect {
  stroke: #eebf45;
}
.water-cut-text a:hover svg path {
  stroke: #eebf45;
}

.water-yt-link {
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.water-yt-link:hover {
  color: #eebf45;
}

/* WATER CUT END */

/* CONTACK SPECIALIST START */

.contack-specialist-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contack-specialist-content {
  width: 100%;
  height: 40vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 11.5vw;
  padding-right: 11.5vw;
  justify-content: space-between;
  gap: 10vw;
}

.contack-specialist-left {
  width: 26.68vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.contack-specialist-left h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.contack-specialist-left p {
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 1.5vw;
}

.contack-specialist-left .p2 {
  width: 18.3vw;
  margin-top: 2.8vw;
}
.contack-spe-box {
  display: flex;
  align-items: center;
  gap: 0.75vw;
  margin-top: 1.1vw;
}

.contack-spe-tel {
  font-family: Unbounded;
  font-size: 1.65vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-spe-tel:hover {
  color: #eebf45;
}

.contack-spe-box svg {
  width: 1.85vw;
  height: auto;
}
.contack-spe-wp svg path,
.contack-spe-tg svg stop {
  transition: all 0.5s linear;
}
.contack-spe-wp:hover svg path:nth-child(1) {
  fill: #eebf45;
}
.contack-spe-tg:hover svg stop {
  stop-color: #eebf45;
}

.contack-spe-btn {
  width: 18.3vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 20px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 1.5vw;
}

.contack-spe-btn:hover {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.contack-specialist-right {
  width: 39vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: end;
  /* padding-bottom: 3vw; */
}

.contack-spe-img {
  width: 100%;
  height: 100%;
}

.contack-spe-personal-text {
  padding: 1vw 1.5vw;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: -8vw;
}
.contack-spe-personal-text h3 {
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.contack-spe-personal-text p {
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

/* CONTACK SPECIALIST END */

/* HELP INFO START */

.help-info-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}

.help-info-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.help-info-title {
  display: flex;
  flex-direction: column;
}
.help-info-title h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.help-info-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.help-info-item {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 2.3vw;
  gap: 1vw;
  flex-wrap: wrap;
}

.help-info-card {
  width: 24%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  min-height: 21.1vw;
}
.help-info-card:hover {
  border: 2px solid rgba(0, 0, 0, 0.15);
  transform: scale(1.1);
}
.help-info-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.help-info-card a img {
  width: 100%;
  height: 10vw;
  object-fit: cover;
}

.help-info-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.6vw;
  gap: 0.7vw;
  justify-content: space-between;
}
.help-info-text .help-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.2vw 0.31vw;
  background: #acacac;
  font-weight: 500;
  font-size: 0.6vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.help-info-text h3 {
  font-weight: 700;
  font-size: 0.85vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-info-text p {
  font-weight: 300;
  font-size: 0.75vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.help-info-card-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.help-info-card-bottom-left {
  display: flex;
  align-items: center;
  gap: 1.3vw;
}
.time,
.date {
  display: flex;
  align-items: center;
  gap: 0.3vw;
}
.time svg,
.date svg {
  width: 0.75vw;
  height: auto;
}

.time-text,
.date-text {
  font-weight: 300;
  font-size: 0.6vw;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}

.help-info-svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.help-info-card:hover .help-info-svg {
  fill: #242424;
}
.help-info-card:hover .help-info-svg rect,
.help-info-card:hover .help-info-svg path {
  stroke: #fff;
}

.all-info-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 3.5vw auto 0 auto;
}

.all-info-page span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  text-transform:uppercase;
}

.all-info-page svg {
  width: 1.9vw;
  height: auto;
  transition: all 0.5s linear;
}

.all-info-page:hover svg {
  fill: #242424;
}

.all-info-page:hover svg g path,
.all-info-page:hover svg g rect {
  stroke: #fff;
}

.all-info-page:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* HELP INFO END */

/* FOOTER START */

footer {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  margin-top: 0;
}

.footer-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 4vw 11.5vw 2vw 11.5vw;
}

.footer-top {
  display: flex;
  align-items: center;
  gap: 3vw;
}
.footer-logo {
  width: 10.45vw;
  height: fit-content;
}

.footer-logo svg {
  width: 100%;
  height: auto;
  transition: all 0.5s linear;
}

.footer-logo svg path {
  transition: all 0.5s linear;
}

.footer-logo:hover svg path {
  fill: #dca71e;
}

.footer-text {
  width: 21.4vw;
  font-size: 0.6vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #8e8e8e;
}

.footer-center {
  display: flex;
  justify-content: space-between;
  margin-top: 2.5vw;
  gap: 3vw;
}

.footer-menu {
  display: flex;
  justify-content: space-between;
  gap: 7vw;
}

.footer-menu-box {
  display: flex;
  flex-direction: column;
  gap: 1.1vw;
}

.footer-menu-title {
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.16em;
  color: #fff;
}

.footer-menu-list {
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.footer-a {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 0.65vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.footer-a:hover {
  color: #dca71e;
}

.footer-a2 {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 0.65vw;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
  margin-top: 0.5vw;
}
.footer-a2:hover {
  color: #dca71e;
}

.footer-center2 {
  display: flex;
  flex-direction: column;
}

.footer-contack {
  display: flex;
  flex-direction: column;
}
.footer-tel {
  font-size: 1vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  text-align: right;
}
.footer-tel:hover {
  color: #dca71e;
}
.footer-mail {
  font-size: 0.65vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 0.3vw;
  text-align: right;
}
.footer-mail:hover {
  color: #dca71e;
}

.footer-media {
  display: flex;
  align-items: center;
  margin-top: 0.85vw;
  gap: 1vw;
}

.footer-media-contack {
  display: flex;
  gap: 0.5vw;
}

.footer-media-contack {
  display: flex;
  gap: 0.5vw;
}

.footer-wp svg,
.footer-tg svg {
  width: 1.4vw;
  height: auto;
}
.footer-wp svg,
.footer-tg svg {
  transition: all 0.5s linear;
}

.footer-wp:hover svg path,
.footer-tg:hover svg path {
  fill: #dca71e;
}

.footer-tel2 {
  font-size: 0.8vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
}

.footer-tel2:hover {
  color: #dca71e;
}

.footer-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5vw;
  margin-top: 1vw;
}
.footer-form-btn {
  font-size: 0.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding: 0 0.5vw 0.2vw 0.5vw;
  border-bottom: 1px solid #fff;
  display: flex;
  cursor: pointer;
}

.footer-form-btn:hover {
  color: #dca71e;
  border-bottom: 1px solid #dca71e;
}

.footer-tel3 svg {
  width: 1.3vw;
  height: auto;
  transition: all 0.5s linear;
}
.footer-tel3:hover svg path {
  stroke: #dca71e;
}
.footer-tel3:hover svg rect {
  stroke: #dca71e;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 5vw;
}

.copy-box1 {
  font-size: 0.6vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.policy-a {
  font-size: 0.6vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.policy-a:hover {
  color: #dca71e;
}

.aurtor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 0.3vw;
}

.aurtor p {
  font-size: 0.65vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.aurtor a {
  font-size: 0.65vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  transition: all 0.5s linear;
}

.aurtor a:hover {
  color: #dca71e;
}

.footer-bottom-left {
  display: flex;
  gap: 8vw;
}

/* FOOTER END */

/* !NATURAL STONE PAGE START */

section {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
section footer {
  margin-top: 0;
}

section .contack-specialist-container {
  margin-top: 6vw;
}

section .header-tel {
  color: #fff;
  border-color: #fff;
}

section .header-wp svg path {
  fill: #fff;
}

/* stone-banner START */
.stone-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.stone-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.stone-banner-text {
  width: 46%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
}

.stone-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 1.8vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}
.stone-banner-text1 {
  color: #fff;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 5vw;
}
.stone-banner-text3 {
  width: 80%;
  font-size: 0.9vw;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 1.4vw;
}
.stone-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* stone-banner START */

/* !NATURAL STONE PAGE END */

/* !WINDOWS SILS PAGE START */

/* stone-banner START */
.windows-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.windows-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.windows-banner-text {
  width: 52%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
}
.windows-banner-text1 {
  width: 80%;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}
.windows-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 0.9vw;
}

.windows-banner-text3 {
  width: 67%;
  font-size: 0.95vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 2.1vw;
}

.windows-banner-button {
  display: flex;
  align-items: center;
  gap: 1.5vw;
  margin-top: 3vw;
}

.spe-btn {
  width: 18.3vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 20px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}

.spe-btn:hover {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.cal-btn {
  width: 12.71vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(238, 191, 69, 1);

  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
    linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.cal-btn:hover {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  color: rgba(238, 191, 69, 1);
}

.windows-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* stone-banner START */

/* WINDOWS STONE FEATURES START */

.windows-stone-features-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.windows-stone-features-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}
.windows-stone-title-mobil2 {
  display: none;
}
.windows-stone-title-mobil {
  display: none;
}
.windows-stone-text-mobil{
  display: none;
}
.windows-stone-item {
  width: 100%;
  display: grid;
  gap: 1.3vw;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.features-card {
  height: 100%;
}
.windows-features-card1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 4;
  height: 15.65vw;
}

.windows-stone-item .windows-features-card:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 4;
  grid-row-end: 5;
  grid-column-end: 7;
}
.windows-stone-item .windows-features-card:nth-child(3) {
  grid-row-start: 4;
  grid-column-start: 1;
  grid-row-end: 7;
  grid-column-end: 4;
}

.windows-stone-item .windows-features-card:nth-child(4) {
  grid-row-start: 5;
  grid-column-start: 4;
  grid-row-end: 10;
  grid-column-end: 7;
}

.windows-stone-item .windows-features-card:nth-child(5) {
  grid-row-start: 7;
  grid-column-start: 1;

  grid-row-end: 10;
  grid-column-end: 4;
}

.windows-features-card1 h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.windows-features-card-bottom {
  display: flex;
  align-items: center;
}

.windows-features-card-bottom img {
  width: 9.6vw;
  height: 5.5vw;
}

.windows-features-card-bottom p {
  font-size: 0.75vw;
  font-weight: 400;
  line-height: 120%;
  color: #6f6f6f;
}

.windows-features-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 1.2vw;
}
.windows-features-card:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
  transition: all 0.5s ease;
  opacity: 0.7;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1));
}

.windows-features-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.windows-feature-text {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1vw;
  z-index: 2;
}

.windows-feature-text h3 {
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}
.windows-feature-text p {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}

/* WINDOWS STONE FEATURES END */

/* PRIMATY DESINGN START */

.primary-design-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 6vw;
  margin-bottom: 6vw;
}

.primary-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.primary-design-title {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.primary-design-title h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.primary-design-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.primary-design-vector {
  width: 42%;
  right: 0;
  top: -9vw;
  position: absolute;
  z-index: -1;
}

.primary-design-filter {
  display: flex;
  align-items: center;
  gap: 1.3vw;
  margin-top: 2vw;
  width: 100%;
}
.select2-container--open .select2-dropdown {
  top:40px;
}
.materials-select-box {
  width: 17.5vw;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
  padding: 10px;
}
.materials-select-box p {
  color: #959595;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 18px;
  top: 0.5vw;
}
/* .materials-select-box p.select{
	color: #959595;
  font-size: 1vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 18px;
  top: 43%;
} */
.materials-select {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.materials-select-box .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  max-width: 100%;
}

.materials-select-box .select2-container--default .select2-selection--single {
  border: none;
  border-radius: 10px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: flex-end;
}
.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f2f4f7 !important;
  color: #2d2d2d;
}
.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 150%;
  width: 0;
}
.select2-results__option {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}

.color-select-box {
  width: 16.5vw;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.color-select-box .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.color-select-box .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: center;
}
.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: auto;
  right: 1px;
  width: 20px;
}

.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0.3vw 0.2vw 0.2vw;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
	border-color: aliceblue;
	border-style: solid;
	border-width: 0;
	left: 95%;
	margin-left: 0;
	margin-top: 0;
	position: absolute;
	top: 37%;
	background-image: url(../img/filter-arro.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% 50%;
	background-color: none;
	width: 14px;
	height: 8px;
}
.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 1.2vw;
  position: absolute;
  top: auto;
  right: 0.01vw;
  width: 1.2vw;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 1.2vw;
  position: absolute;
  top: 0.01vw;
  right: 0.01vw;
  width: 1.1vw;
}
.primary-design-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1.1vw;
  margin-top: 3vw;
  position: relative;
  z-index: 1;
  justify-content: center;
  /* border: 1px solid red; */
}

.primary-design-catalog-card {
  width: 17.3vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1vw 0;
}
.primary-design-catalog-card a{
	color: #2D2D2D;
}

.primary-design-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5vw;
}
.primary-design-catalog-card-top img {
  width: 100%;
  height: 15vw;
}
.primary-design-catalog-card-top span {
  color: #818181;
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design-catalog-card-top p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color:#2D2D2D;
  padding: 0 10px;
}

.primary-design-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 0.6vw;
}
.primary-design-catalog-card-bottom p {
  font-size: 0.75vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
  text-transform:uppercase;
}
.primary-design-catalog-card:hover .primary-design-catalog-card-bottom p {
  display: flex;
}

.primary-design-catalog-card .primary-design-catalog-card-bottom svg {
  width: 1.9vw;
  height: auto;
}
.primary-design-catalog-card:hover .primary-design-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.primary-design-catalog-card:hover .primary-design-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.primary-design-catalog-card:hover
  .primary-design-catalog-card-bottom
  svg
  g
  path,
.primary-design-catalog-card:hover
  .primary-design-catalog-card-bottom
  svg
  g
  rect {
  stroke: #fff;
}
.primary-design-catalog-card:hover {
  box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 12%);
}
/* PRIMATY DESINGN END */
/* PROFIL DESIGN START */

.profil-design-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}

.profil-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.profil-design-title {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.profil-design-title h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.profil-design-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.profil-design-top {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 2.1vw;
}

.profil-design-text-card {
  width: 31.5%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.profil-design-text-card h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 300;
  line-height: 120%;
  color: #eebf45;
}

.profil-design-text-card h4 {
  font-family: Unbounded;
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 130%;
  color: #2d2d2d;
}

.profil-design-text-card p {
  font-size: 0.75vw;
  font-weight: 300;
  line-height: 120%;
  color: #525252;
}

.profil-design-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3vw;
}
.profil-design-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3vw;
}
.profil-design-slider{
  display: none;
}
.profil-design-slider .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: none;
}
.profil-design-img-card {
  width: 20%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.1vw;
}
.profil-design-img-card img {
  width: 100%;
  height: 100%;
}

.profil-form-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 3vw;
  gap: 1vw;
}

.profil-form-btn {
  width: 12.71vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);

  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
  box-shadow: 0px 20px 20px -20px #00000080;
}

.profil-form-btn:hover {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  color: rgba(238, 191, 69, 1);
}

.profil-form-button p {
  width: 40%;
  font-size: 0.75vw;
  font-weight: 300;
  line-height: 140%;
  text-align: center;
  color: #7b7b7b;
}

/* PROFIL DESIGN END */

/* STONE EXAMPLES START */

.stone-examples-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}

.stone-examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}
.stone-examples-title {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-examples-btn-box {
  display: flex;
  gap: 2vw;
  margin-top: 2vw;
}

.stone-examples-btn {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #b5b5b5;
  padding-bottom: 0.1vw;
  border-bottom: 1px solid #b5b5b5;
  transition: all 0.5s linear;
  cursor: pointer;
}

.stone-examples-btn.active {
  color: #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
}
.stone-examples-btn:hover {
  color: #2d2d2d;
  border-bottom: 1px solid #2d2d2d;
}

.stone-examples-item {
  display: none;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.3vw;
  width: 100%;
  height: 48vw;
  margin-top: 2vw;
}

.stone-examples-item.active {
  display: grid;
}
.stone-examples-item-box {
  height: 100%;
  width: 100%;
  display: flex;
  display: block;
}

.stone-examples-item-box img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.stone-examples-item-box:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 5;
  grid-column-end: 7;
}

.stone-examples-item-box:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 7;

  grid-row-end: 4;
  grid-column-end: 10;
}
.stone-examples-item-box:nth-child(3) {
  grid-row-start: 1;
  grid-column-start: 10;

  grid-row-end: 4;
  grid-column-end: 12;
}
.stone-examples-item-box:nth-child(4) {
  grid-row-start: 5;
  grid-column-start: 1;

  grid-row-end: 9;
  grid-column-end: 4;
}
.stone-examples-item-box:nth-child(5) {
  grid-row-start: 5;
  grid-column-start: 4;

  grid-row-end: 9;
  grid-column-end: 7;
}
.stone-examples-item-box:nth-child(6) {
  grid-row-start: 4;
  grid-column-start: 7;

  grid-row-end: 7;
  grid-column-end: 12;
}
.stone-examples-item-box:nth-child(7) {
  grid-row-start: 7;
  grid-column-start: 7;
  grid-row-end: 9;
  grid-column-end: 10;
  /* height: 12vw; */
}
.stone-examples-item-box:nth-child(8) {
  grid-row-start: 7;
  grid-column-start: 10;
  grid-row-end: 9;
  grid-column-end: 12;
}

.all-example-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 3.5vw auto 0 auto;
}

.all-example-page span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .5vw;
}

.all-example-page svg {
  width: 1.9vw;
  height: auto;
  transition: all 0.5s linear;
}

.all-example-page:hover svg {
  fill: #242424;
}

.all-example-page:hover svg g path,
.all-example-page:hover svg g rect {
  stroke: #fff;
}

.all-example-page:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* STONE EXAMPLES END */

/* STONE PROTUCT START */

.stone-protuct-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 9vw;
}
.stone-protuct-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.stone-protuct-content h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 2.5vw;
  gap: 1.3vw;
}

.stone-product-card {
  width: 100%;
  height: 17vw;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.5s linear;
}
.stone-product-card:hover {
  box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 12%);
  transform: scale(1.1);
}
.stone-product-card-top {
  width: 100%;
  height: 100%;
}
.stone-product-card-img1 {
  width: 100%;
  height: 100%;
}

.stone-product-card-img2 {
  width: 9vw;
  height: 7.7vw;
  position: absolute;
  bottom: -4.1vw;
  right: 1vw;
}
.stone-product-card-text {
  width: 100%;
  height: fit-content;
  position: absolute;
  left: 1vw;
  bottom: 1vw;
}
.stone-product-card-text p {
  width: 50%;
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

/* STONE PROTUCT END */

/* MODERN START */

.modern-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.modern-content {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: center;
  padding: 0 11.5vw;
}
.modern-img {
  width: 50%;
  height: 23vw;
}
.modern-img img {
  width: 100%;
  height: 100%;
}

.modern-text {
  width: 50%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.modern-title {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 140%;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.modern-text p {
  color: #101010;
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 140%;
  margin-top: 0.85vw;
}

/* MODERN END */

/* !WINDOWS SILS PAGE END */

/* !DEALERS PAGE START */

/* product-banner START */
.product-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.product-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.product-banner-text {
  width: 46%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
  padding-bottom: 2.3vw;
  padding-top: 11vw;
}
.product-banner-top {
  display: flex;
  flex-direction: column;
}
.product-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}

.product-banner-text3 {
  width: 82%;
  font-size: 0.95vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 1.5vw;
}

.product-banner-list {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.2vw;
}

.banner-list-box {
  width: 14.7vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}

.banner-list-box span {
  width: 2.3vw;
  height: 0.16vw;
  background: #eebf45;
}

.banner-list-box p {
  color: #fff;
  font-size: 0.9vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.product-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* product-banner END */

/* PRODUCT ABOUT START  */

.product-about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}
.product-about-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 11.5vw;
  gap: 2vw;
}
.product-about-left {
  width: 42%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-about-left p {
  color: #101010;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 1vw;
}
.product-about-left p:nth-child(1) {
  margin-top: 0;
}
.product-about-box {
  display: flex;
  align-items: center;
  gap: 0.75vw;
  margin-top: 1.1vw;
}

.product-about-tel {
  font-family: Unbounded;
  font-size: 1.65vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.product-about-tel:hover {
  color: #eebf45;
}

.product-about-box svg {
  width: 1.85vw;
  height: auto;
}
.product-about-wp svg path,
.product-about-tg svg stop {
  transition: all 0.5s linear;
}
.product-about-wp:hover svg path:nth-child(1) {
  fill: #eebf45;
}
.product-about-tg:hover svg stop {
  stop-color: #eebf45;
}

.product-about-btn {
  width: 21.7vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 20px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 1.5vw;
}

.product-about-btn:hover {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}
.product-about-right {
  width: 58%;
  height: 27vw;
}
.product-about-right img {
  width: 100%;
  height: 100%;
}

/* PRODUCT ABOUT END  */

/* !DEALERS PAGE END */

/* !CONTACK PAGE START */

.contack-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.contack-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
  gap: 6vw;
}

.contack-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  gap: 3vw;
}

.contack-left {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.contack-title {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.contack-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1vw;
}
.contack-box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.3vw;
}

.contack-box:nth-child(1) {
  width: 60%;
}

.contack-box:nth-child(2) {
  width: 30%;
}

.contack-box:nth-child(3) {
  width: 60%;
}

.contack-box:nth-child(4) {
  width: 30%;
}

.contack-box span {
  font-size: 0.75vw;
  font-weight: 300;
  line-height: 120%;
  color: #7b7b7b;
}

.contack-mail,
.contack-box p,
.contack-adres {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}
.contack-adres:hover {
  color: #cea743;
}

.contack-item-box {
  display: flex;
  align-items: center;
  gap: 0.75vw;
}
.contack-tel,
.contack-item-tel {
  font-family: Unbounded;
  font-size: 0.9vw;
  font-weight: 700;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-item-tel:hover {
  color: #eebf45;
}

.contack-item-box svg {
  width: 1.85vw;
  height: auto;
}
.contack-item-wp svg path,
.contack-item-tg svg stop {
  transition: all 0.5s linear;
}
.contack-item-wp:hover svg path:nth-child(1) {
  fill: #eebf45;
}
.contack-item-tg:hover svg stop {
  stop-color: #eebf45;
}

.contack-bottom {
  width: 100%;
  height: 10vw;
  display: flex;
  justify-content: space-between;
  gap: 3vw;
}

.contack-map {
  width: 60%;
  height: 100%;
  display: flex;
  position: relative;
}

.contack-map iframe {
  width: 100%;
  height: 100%;
}

.contack-img {
  width: 40%;
  height: 100%;
}
.contack-img img {
  width: 100%;
  height: 100%;
}
.contack-right {
  width: 40%;
  /* height: 24vw; */
}
.contack-right img {
  width: 100%;
  height: auto;
  max-height: 350px;
}

/* !PGAINATION START */

.page-pagination {
  display: flex;
  gap: 0.6vw;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 11.5vw;
  top: 6vw;
}
.page-pagination p,
.page-pagination a {
  font-size: 0.8vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  position: relative;
}
.page-pagination a::after {
  content: "/";
  margin-left: 0.5vw;
}

.page-pagination a:hover {
  color: #cea743;
}

/* !PGAINATION END */

/* !CONTACK PAGE END */

/* !SELCTION STONE PAGE START */

/* PRIMATY DESINGN START */

.primary-design2-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 6vw;
}

.primary-design2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.primary-design2-title {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}
.primary-design2-title h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.primary-design2-title p {
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.primary-design2-vector {
  width: 42%;
  right: 0;
  top: -9vw;
  position: absolute;
  z-index: -1;
}

.primary-design2-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.3vw;
  margin-top: 2vw;
}

.materials-select-box2 {
  width: 100%;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}
.materials-select-box2 p {
  color: #959595;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 0.5vw;
  top: 0.5vw;
}
.materials-select2 {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.materials-select-box2 .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.materials-select-box2 .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: flex-end;
  padding-bottom: 0.3vw;
}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.select2-container--default
  .select2-results__option--highlighted[aria-selected] {
  background-color: #f2f4f7 !important;
  color: #2d2d2d;
}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 150%;
  width: 0;
}
.select2-results__option {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}

.color-select-box2 {
  width: 100%;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select2 {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.color-select-box2 .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.color-select-box2 .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: center;
}
.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: auto;
  right: 1px;
  width: 20px;
}

.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0.3vw 0.2vw 0.2vw;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0.3vw 0.2vw 0.2vw;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 150%;
  width: 0;
}
.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 1.2vw;
  position: absolute;
  top: auto;
  right: 0.01vw;
  width: 1.2vw;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  height: 1.2vw;
  position: absolute;
  top: calc(100% - 23px);
  right: 0;
  width: 100%;
}

.filter-delete {
  width: 5vw;
  display: flex;
  align-items: center;
  color: #959595;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
  cursor: pointer;
}
.filter-delete:hover {
  color: #101010;
}

.filter-column-row {
  display: flex;
  gap: 0.85vw;
}

.filter-btn {
  transition: all 0.5s linear;
  cursor: pointer;
}

.filter-btn svg {
  width: 1.8vw;
  height: auto;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0.42vw;
  padding-right: 1vw;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.primary-design2-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5%;
  margin-top: 3vw;
  position: relative;
  z-index: 1;
  justify-content: center;
  transition: all 0.5s linear;
}

.primary-design2-catalog-card {
  width: 23.87%;
  height: 23.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1vw 0;
  margin-bottom: 1.5%;
}
.primary-design2-catalog-item.active .primary-design2-catalog-card {
  width: 48%;
  height: 28.1vw;
}

.primary-design2-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5vw;
}
.primary-design2-catalog-card-top img {
  width: 100%;
  height: 15vw;
}
.primary-design2-catalog-item.active
  .primary-design2-catalog-card
  .primary-design2-catalog-card-top
  img {
  width: 100%;
  height: 20vw;
}
.primary-design2-catalog-card-top span {
  color: #818181;
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design2-catalog-card-top p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #2D2D2D;
}

.primary-design2-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 0.6vw;
}
.primary-design2-catalog-card-bottom p {
  font-size: 0.75vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}
.primary-design2-catalog-card:hover .primary-design2-catalog-card-bottom p {
  display: flex;
}

.primary-design2-catalog-card .primary-design2-catalog-card-bottom svg {
  width: 1.9vw;
  height: auto;
}
.primary-design2-catalog-card:hover .primary-design2-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.primary-design2-catalog-card:hover .primary-design2-catalog-card-bottom svg {
  fill: #2d2d2d;
  transition: all 0.5s linear;
}
.primary-design2-catalog-card:hover
  .primary-design2-catalog-card-bottom
  svg
  g
  path,
.primary-design2-catalog-card:hover
  .primary-design2-catalog-card-bottom
  svg
  g
  rect {
  stroke: #fff;
}
.primary-design2-catalog-card:hover {
  box-shadow: 10px 10px 10px 10px rgb(0 0 0 / 12%);
}
/* PRIMATY DESINGN END */

/* !SELCTION STONE PAGE END */

/* !STONE PAGE START */

.stone-slider-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.stone-slider-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 11.5vw;
}

.stone-slider-title {
  display: flex;
  flex-direction: column;
}

.stone-slider-title p {
  color: #636363;
  font-size: 1.05vw;
  font-weight: 400;
  line-height: 140%;
}

.stone-slider-title h2 {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.stone-slider-row {
  display: flex;
  margin-top: 2vw;
  justify-content: space-between;
  gap: 1.6vw;
}

.stone-slider-text {
  width: 20vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.stone-slider-p {
  color: #101010;
  font-size: 1vw;
  font-weight: 300;
  line-height: 140%;
}

.stone-slider-price {
  display: flex;
  gap: 1vw;
  margin-top: 1vw;
  justify-content: space-between;
}
.stone-slider-price-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.stone-slider-price-box span {
  color: #2d2d2d;
  font-size: 0.8vw;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin-top: 0.3vw;
}

.stone-price {
  color: #2d2d2d;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

.stone-slider-btn {
  width: 100%;
  height: 56px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 1px solid rgba(238, 191, 69, 1);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: .95vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  border: 3px solid #b89c56;
  /* border-image-source: linear-gradient(355.8deg, #b89c56 6.38%, #e0c98e 94.92%); */
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  margin-top: 1vw;
  cursor: pointer;
  /* overflow: hidden; */
  box-shadow: 0 10px 10px 10px rgba(0, 0, 0, 0.1);
}

.stone-slider-btn:hover {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  color: rgba(238, 191, 69, 1);
}
.stone-slider-p3,
.stone-slider-p2 {
  color: #7b7b7b;
  font-size: 0.65vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  margin-top: 0.5vw;
}

.stone-slider-item-box {
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
}
.stone-info-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
  left: 31vw;
}
.stone-info-text-box {
  display: flex;
  align-items: center;
  gap: 0.3vw;
}

.line-span {
  width: 4.7vw;
  height: 0.1vw;
  display: flex;
  align-items: center;
  background: #eebf45;
  flex-shrink: 0;
}
.line-span::before {
  content: "";
  display: block;
  height: 0.4vw;
  width: 0.4vw;
  background: #eebf45;
  border-radius: 100%;
}

.box-p {
  color: #959595;
  font-size: 0.8vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.box-p2 {
  color: #2d2d2d;
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  text-transform: uppercase;
}

.stone-slider-item {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 0.9vw;
}

.slider-stick-item {
  width: 30vw;
  height: 24.5vw;
  display: flex;
}

.slider-stick-item img {
  width: 100%;
  height: 24.5vw;
  object-fit: 100%;
  border-radius: 10px;
}

.slider-stick-nav {
  width: 36vw;
  height: 8vw;
  display: flex;
  justify-content: space-between;
}
.slider-stick-nav img {
  width: 100%;
  height: 8vw;
  object-fit: 100%;
  padding: 0.3vw;
  border-radius: 10px;
}

/* !STONE PAGE END */

/* !COMPLETED PAGE START  */

/* PRO CATALOG START */

.pro-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.pro-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
  align-items: center;
}

.pro-catalog-filter {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.3vw;
  margin-top: 2vw;
}

.pro-catalog-select-box {
  width: 13.5vw;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}
.pro-catalog-select-box p {
  color: #959595;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 0.5vw;
  top: 0.5vw;
}
.pro-catalog-select {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.pro-catalog-select-box .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.pro-catalog-select-box .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: flex-end;
}
.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0.3vw 0.2vw 0.2vw;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 150%;
  width: 0;
}

.pro-catalog-item {
  width: 100%;
  display: grid;
  /* grid-template-rows: 1fr 1fr 1fr 1fr 1fr; */
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px;
  height: 100%;
  margin-top: 3vw;
  gap: 0.5vw;
}

.pro-catalog-card {
  height: 26vw;
}

.pro-catalog-card:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;

  grid-row-end: 2;
  grid-column-end: 3;
}
.pro-catalog-card:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 3;

  grid-row-end: 2;
  grid-column-end: 5;
}
.pro-catalog-card:nth-child(3) {
  grid-row-start: 1;
  grid-column-start: 5;

  grid-row-end: 2;
  grid-column-end: 7;
}
.pro-catalog-card:nth-child(4) {
  grid-row-start: 2;
  grid-column-start: 1;

  grid-row-end: 3;
  grid-column-end: 4;
}
.pro-catalog-card:nth-child(5) {
  grid-row-start: 2;
  grid-column-start: 4;

  grid-row-end: 3;
  grid-column-end: 7;
}
.pro-catalog-card:nth-child(6) {
  grid-row-start: 3;
  grid-column-start: 1;

  grid-row-end: 4;
  grid-column-end: 3;
}
.pro-catalog-card:nth-child(7) {
  grid-row-start: 3;
  grid-column-start: 3;

  grid-row-end: 4;
  grid-column-end: 5;
}
.pro-catalog-card:nth-child(8) {
  grid-row-start: 3;
  grid-column-start: 5;

  grid-row-end: 4;
  grid-column-end: 7;
}
.pro-catalog-card:nth-child(9) {
  grid-row-start: 4;
  grid-column-start: 1;

  grid-row-end: 5;
  grid-column-end: 4;
}
.pro-catalog-card:nth-child(10) {
  grid-row-start: 4;
  grid-column-start: 4;

  grid-row-end: 5;
  grid-column-end: 7;
}
.pro-catalog-card:nth-child(11) {
  grid-row-start: 5;
  grid-column-start: 1;

  grid-row-end: 6;
  grid-column-end: 3;
}
.pro-catalog-card:nth-child(12) {
  grid-row-start: 5;
  grid-column-start: 3;

  grid-row-end: 6;
  grid-column-end: 5;
}
.pro-catalog-card:nth-child(13) {
  grid-row-start: 5;
  grid-column-start: 5;

  grid-row-end: 6;
  grid-column-end: 7;
}

.pro-catalog-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.pro-catalog-card a img {
  width: 100%;
  height: 100%;
}

.pro-catalog-card-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.3vw;
  gap: 1.1vw;
  background: linear-gradient(180deg, #00000000, #00000091),
    linear-gradient(180deg, #00000000, #00000000);
  z-index: 2;
}

.pro-catalog-card-text p {
  width: calc(95% - 1.9vw);
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}
.pro-catalog-card-2 a .pro-catalog-card-text {
  justify-content: flex-end;
}
.pro-catalog-card-top {
  width: 100%;
  height: 0;
  position: absolute;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  background: #1d1d1db2;
  overflow: hidden;
  transition: all .5s linear;
 
}

.pro-catalog-card:hover .pro-catalog-card-top{
 height: 100%;
 padding: 2vw 1vw;

}

.pro-catalog-card-top h3  {
  color: #fff;
  font-size: 0.95vw;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}
.pro-catalog-card-top p {
  color: #ffffff;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.pro-catalog-card-2 a .pro-catalog-card-text p {
  width: fit-content;
}
.pro-catalog-card-text svg {
  transition: all 0.5s linear;
  width: 1.9vw;
  height: auto;
  display: flex;
  flex-shrink: 0;
}
.pro-catalog-card:hover .pro-catalog-card-text svg {
  fill: #242424;
}
.pro-catalog-card:hover .pro-catalog-card-text p {
  color: #eebf45;
}

/* PRO CATALOG END */

/* PRO GALERY LINK START */

.pro-galery-link-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}
.pro-galery-link-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 11.5vw;
}

.pro-galery-link-item {
  width: 100%;
  height: 26vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: url(../img/gl.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pro-galery-link-text {
  width: 26vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 1.2vw;
  background: #00000080;
  gap: 2.2vw;
}
.pro-galery-link-text h3 {
  font-family: Unbounded;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}
.pro-galery-link-text p {
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.pro-galery-link-text a {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 0.5vw;
}
.pro-galery-link-text a span {
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  transition: all 0.5s linear;
  border-bottom: 1px solid #fff;
}
.pro-galery-link-text a:hover span {
  color: #cea743;
  border-bottom: 1px solid #cea743;
}
.pro-galery-link-text a svg {
  width: 1.3vw;
  height: auto;
}

.pro-galery-link-text a svg path,
.pro-galery-link-text a svg rect {
  transition: all 0.5s linear;
}

.pro-galery-link-text a:hover svg path,
.pro-galery-link-text a:hover svg rect {
  stroke: #cea743;
}

/* PRO GALERY LINK END */

/* !COMPLETED PAGE END */

/* !GALERY PAGE START */

/* GALERY START */

.galery-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}
.galery-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.pro-galery-filter {
  display: flex;
  align-items: center;
  gap: 1.3vw;
  margin-top: 2vw;
}

.pro-galery-select-box {
  width: 13.5vw;
  height: 3vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}
.pro-galery-select-box p {
  color: #959595;
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 0.5vw;
  top: 0.5vw;
}
.pro-galery-select {
  width: 100%;
  height: 100%;
  padding: 0 1vw;
}

.pro-galery-select-box .select2-container {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.pro-galery-select-box .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: flex-end;
}
.pro-galery-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.pro-galery-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 0.3vw 0.2vw 0.2vw;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 150%;
  width: 0;
}

.galery-item {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  height: 100%;
  margin-top: 3vw;
  gap: 0.3vw;
}

.galery-img {
  height: 320px;
}
.galery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.galery-img:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 2;
  grid-column-end: 4;
}
.galery-img:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 4;

  grid-row-end: 2;
  grid-column-end: 7;
}
.galery-img:nth-child(3) {
  grid-row-start: 2;
  grid-column-start: 1;

  grid-row-end: 3;
  grid-column-end: 3;
}
.galery-img:nth-child(4) {
  grid-row-start: 2;
  grid-column-start: 3;

  grid-row-end: 3;
  grid-column-end: 5;
}
.galery-img:nth-child(5) {
  grid-row-start: 2;
  grid-column-start: 5;

  grid-row-end: 3;
  grid-column-end: 7;
}
.galery-img:nth-child(6) {
  grid-row-start: 3;
  grid-column-start: 1;

  grid-row-end: 4;
  grid-column-end: 4;
}
.galery-img:nth-child(7) {
  grid-row-start: 3;
  grid-column-start: 4;

  grid-row-end: 4;
  grid-column-end: 7;
}
.galery-img:nth-child(8) {
  grid-row-start: 4;
  grid-column-start: 1;

  grid-row-end: 5;
  grid-column-end: 3;
}
.galery-img:nth-child(9) {
  grid-row-start: 4;
  grid-column-start: 3;

  grid-row-end: 5;
  grid-column-end: 5;
}
.galery-img:nth-child(10) {
  grid-row-start: 4;
  grid-column-start: 5;

  grid-row-end: 5;
  grid-column-end: 7;
}

.load-more {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 3.5vw auto 0 auto;
}

.load-more span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .5vw;
}

.load-more svg {
  width: 1.9vw;
  height: auto;
  transition: all 0.5s linear;
}

.load-more:hover svg {
  fill: #242424;
}

.load-more:hover svg g path,
.load-more:hover svg g rect {
  stroke: #fff;
}

.load-more:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}
/* GALERY END */

/* !GALERY PAGE END */
/* !WATTERJET PAGE START */

/* watterjet-banner START */
.watterjet-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.watterjet-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.watterjet-banner-text {
  width: 46%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
}

.watterjet-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 1.8vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}
.watterjet-banner-text1 {
  color: #fff;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 5vw;
}
.watterjet-banner-text3 {
  width: 80%;
  font-size: 0.9vw;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 1.4vw;
}
.watterjet-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* watterjet-banner START */

/* VIDEO START */

.video-container {
  width: 100%;
  height: 42vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/vbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 6vw;
}
.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0 11.5vw;
  gap: 2vw;
}

.video-text {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.video-text h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #fff;
}
.video-text p {
  color: #fff;
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
}
.video-link {
  width: 40%;
}
.video-link svg {
  width: 11.5vw;
  height: auto;
}
.video-link svg path {
  transition: all 0.5s linear;
}

.video-link svg:hover path {
  stroke: red;
}
.video-yt-link {
  position: absolute;
  bottom: 2vw;
  right: 3vw;
  transition: all 0.5s linear;
  color: #fff;
  font-size: 1vw;
  font-weight: 700;
  line-height: 110%;
  text-align: left;
}

.video-yt-link:hover {
  color: #cea743;
}

/* VIDEO END */

/* EXAMPLES MOBIL START  */

.examples-mobil-container{
  display: none;
}
/* EXAMPLES MOBIL END */


/* EXAMPLES START */
.examples-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}
.examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 11.5vw;
  gap: 2vw;
}

.examples-content h2 {
  width: 100%;
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}

.examples-item {
  display: grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0.5vw;
  height: 100%;
}

.examples-catalog-card {
  height: 26vw;
  position: relative;
}

.examples-catalog-card:nth-child(1) {
  grid-row-start: 1;
  grid-column-start: 1;

  grid-row-end: 2;
  grid-column-end: 3;
}
.examples-catalog-card:nth-child(2) {
  grid-row-start: 1;
  grid-column-start: 3;

  grid-row-end: 2;
  grid-column-end: 5;
}
.examples-catalog-card:nth-child(3) {
  grid-row-start: 1;
  grid-column-start: 5;

  grid-row-end: 2;
  grid-column-end: 7;
}
.examples-catalog-card:nth-child(4) {
  grid-row-start: 2;
  grid-column-start: 1;

  grid-row-end: 3;
  grid-column-end: 4;
}
.examples-catalog-card:nth-child(5) {
  grid-row-start: 2;
  grid-column-start: 4;

  grid-row-end: 3;
  grid-column-end: 7;
}
.examples-catalog-card:nth-child(6) {
  grid-row-start: 3;
  grid-column-start: 1;

  grid-row-end: 4;
  grid-column-end: 3;
}
.examples-catalog-card:nth-child(7) {
  grid-row-start: 3;
  grid-column-start: 3;

  grid-row-end: 4;
  grid-column-end: 5;
}
.examples-catalog-card:nth-child(8) {
  grid-row-start: 3;
  grid-column-start: 5;
  grid-row-end: 4;
  grid-column-end: 7;
}

.examples-catalog-card-top {
  width: 100%;
  height: 0;
  position: absolute;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
  background: #1d1d1db2;
  overflow: hidden;
  transition: all .5s linear;
 
}

.examples-catalog-card:hover .examples-catalog-card-top{
 height: 100%;
 padding: 2vw 1vw;

}

.examples-card-top h3  {
  color: #fff;
  font-size: 0.95vw;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}
.examples-card-top p {
  color: #ffffff;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.examples-catalog-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
}
.examples-catalog-card a img {
  width: 100%;
  height: 100%;
}

.examples-catalog-card-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.3vw;
  gap: 1.1vw;
  background: linear-gradient(180deg, #00000000, #00000091),
    linear-gradient(180deg, #00000000, #00000000);
  z-index: 2;
}

.examples-catalog-card-text p {
  width: calc(95% - 1.9vw);
  font-size: 0.95vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}
.examples-catalog-card-2 a .examples-catalog-card-text {
  justify-content: flex-end;
}


.examples-catalog-card-top h3 {
  color: #fff;
  font-size: 0.95vw;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}
.examples-catalog-card-top p {
  color: #ffffff;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.examples-catalog-card-2 a .examples-catalog-card-text p {
  width: fit-content;
}
.examples-catalog-card-text svg {
  transition: all 0.5s linear;
  width: 1.9vw;
  height: auto;
  display: flex;
  flex-shrink: 0;
}
.examples-catalog-card:hover .examples-catalog-card-text svg {
  fill: #242424;
}
.examples-catalog-card:hover .examples-catalog-card-text p {
  color: #eebf45;
}

.examples-btn {
  width: 12.71vw;
  height: 3.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20px;
  border: 1px solid rgba(238, 191, 69, 1);

  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
    linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);

  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.8vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.examples-btn:hover {
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  color: rgba(238, 191, 69, 1);
}

/* EXAMPLES END */

/* !WATTERJET PAGE END */

/* !ABOUT PAGE START */

/* about-banner START */
.about-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.about-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.about-banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
  padding-bottom: 2.3vw;
  padding-top: 11vw;
}
.about-banner-top {
  display: flex;
  flex-direction: column;
}
.about-banner-text2 {
  width: 60%;
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}

.about-banner-text3 {
  width: 60%;
  font-size: 0.95vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 1.1vw;
}

.about-banner-list {
  width: 97%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.2vw;
}

.about-banner-list-box {
  width: 22vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}

.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 3.15vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.about-banner-list-box p {
  color: #fff;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.about-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* about-banner END */

/* our SPECIALIST START */

.our-specialist-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.our-specialist-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 11.5vw;
  padding-right: 11.5vw;
  justify-content: space-between;
  align-items: center;
  gap: 10vw;
}

.our-specialist-left {
  width: 30vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
 
}

.our-specialist-left h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.our-spe-p {
  font-size: 0.9vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 1.5vw;
}

.our-spe-box {
  display: flex;
  flex-direction: column;
  margin-top: 1.2vw;
  gap: 1vw;
}
.our-spe-box span {
  width: 1.9vw;
  height: 0.1vw;
  background: #eebf45;
}
.our-spe-box-p {
  color: #2d2d2d;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.our-specialist-right {
  width: 40vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: end;
  /* padding-bottom: 3vw; */
}

.our-spe-img {
  width: 100%;
  height: 100%;
}

.our-spe-personal-text {
  padding: 1vw 1.5vw;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: -8vw;
}
.our-spe-personal-text h3 {
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.our-spe-personal-text p {
  font-size: 0.85vw;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

/* our SPECIALIST END */

/* HISTORY START */

.history-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.history-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0 11.5vw;
}
.history-box {
  width: 100%;
  height: 10.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.history-box-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 2vw 0 1vw 1vw;
}
.history-box-text h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.history-box-text a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5vw;
  text-transform:uppercase;
}
.history-box-text a span {
  color: #242424;
  font-size: 0.7vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 0.3vw;
}
.history-box-text a svg {
  width: 1.25vw;
  height: auto;
}

.history-box-text a:hover span {
  color: #cea743;
}
.history-box-text a:hover svg rect,
.history-box-text a:hover svg path {
  stroke: #cea743;
}
.history-box-text svg rect,
.history-box-text svg path {
  transition: all 0.5 linear;
}

.history-date {
  width: 38vw;
  height: 4.2vw;
  position: absolute;
  top: 0.3vw;
  right: 1vw;
}
.history-date img {
  width: 100%;
  height: 100%;
}
.history-logo {
  width: 64vw;
  height: auto;
  position: absolute;
  bottom: -4.5vw;
  right: -3vw;
}
.history-logo img {
  width: 100%;
  height: 100%;
}

.history-about-box {
  width: 90%;
  height: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 4vw;
}

.about-box-img {
  width: 48vw;
  height: 28vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-box-img img {
  width: 100%;
  height: 100%;
}

.about-box-text {
  width: 25vw;
  height: 13vw;
  display: flex;
  padding: 1vw;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}

.about-box-text p {
  color: #2d2d2d;
  font-size: 0.95vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.about-box-text img {
  position: absolute;
  right: 0;
  bottom: 0;
}
.history-about-box1 .about-box-text img {
  width: 17vw;
  height: auto;
}
.history-about-box2 .about-box-text img {
  width: 11vw;
  height: auto;
}
.history-about-box3 .about-box-text img {
  width: 17vw;
  height: auto;
}
.history-about-box1 .about-box-img::after {
  content: "";
  display: block;
  width: 3vw;
  height: 80%;
  background: #eebf45;
  position: absolute;
  right: -3vw;
}

.history-about-box2 .about-box-img::after {
  content: "";
  display: block;
  width: 3vw;
  height: 80%;
  background: #eebf45;
  position: absolute;
  left: -3vw;
}

.history-about-box3 .about-box-img::after {
  content: "";
  display: block;
  width: 3vw;
  height: 80%;
  background: #eebf45;
  position: absolute;
  right: -3vw;
}
.history-about-box1 .about-box-text {
  margin-left: -4.8vw;
}
.history-about-box2 .about-box-img {
  margin-left: -4.8vw;
}
.history-about-box3 .about-box-text {
  margin-left: -4.8vw;
}

/* HISTORY END */

/* ABOUt ROW START */

.about-row-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.about-row-content {
  width: 100%;
  height: 33vw;
  display: flex;
  padding-right: 11.5vw;
  gap: 1vw;
}
.row-about-left {
  width: 45%;
  height: 100%;
  display: flex;
  background: url(../img/abo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.row-about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 11.5vw;
}
.row-about-text-1 {
  width: 20vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.row-about-text-1 h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}
.row-about-text-1 p {
  font-size: 1.05vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}
.row-about-text-2 {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.row-about-text-box {
  display: flex;
  flex-direction: column;
}
.row-about-text-box-text {
  display: flex;
  gap: 0.2vw;
}

.row-about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 3.15vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.row-about-text-box-text span {
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.row-about-text-box p {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}
.row-about-right {
  width: 55%;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
}
.row-about-card {
  width: 49%;
  height: 49%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 1.2vw;
}

.row-about-card img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.row-about-right-text {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 1vw;
}

.row-about-right-text h3 {
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}
.row-about-right-text p {
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}
/* ABOUt ROW END*/

/* PERSOANL START */

.personal-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}
.personal-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 11.5vw;
}
.per-photo {
  width: 100%;
  height: 100%;
}
/* PERSOANL END */

/* DOCUMENT START */

.document-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
  margin-bottom: 6vw;
}
.document-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 11.5vw;
}

.document-content h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}
.ducument-slider {
  width: 100%;
  height: fit-content;
  margin-top: 2.2vw;
}

.ducument-slider-item {
  width: 100%;
  height: 22vw;
  padding: 0 0.25vw;
}
.ducument-slider-item img {
  width: 100%;
  height: 100%;
}

.ducument-slider .slick-arrow {
  position: absolute;
  top: -2.5vw;
  display: flex;
  align-items: center;
  gap: 0.6vw;

  z-index: 2;
}

.ducument-slider .slick-prev {
  left: auto;
  right: 17vw;
  width: 1.6vw;
  height: auto;
}
.ducument-slider .slick-next {
  right: 15vw;
  width: 1.35vw;
  height: auto;
}

.ducument-slider .slick-prev::before {
  display: none;
}
.ducument-slider .slick-next::before {
  display: none;
}
.ducument-slider .slick-prev img {
  width: 100%;
  height: 100%;
}
.ducument-slider .slick-next img {
  width: 100%;
  height: 100%;
}

/* DOCUMENT END */

/* !ABOUT PAGE END */

/* !HISTORY DATE PAGE START */

.history-date-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.history-date-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.history-date-btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  overflow-y: hidden;
  overflow-x: auto;
  gap: 5vw;
}


.history-date-btn::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #404348;
  border-radius: 0px;
  display: none;
  opacity: 0;

}

.history-date-btn::-webkit-scrollbar-thumb {
  background-color: #0b2ac2;
  border-radius: 0px;
  display: none;
  opacity: 0;

}
.history-btn {
  width: 4.3vw;
  height: 4.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbdbdb;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 70%;
  letter-spacing: -0.1em;
  text-align: center;
  color: #7b7b7b;
  position: relative;
  background: #fff;
  flex-shrink: 0;
}

.history-btn::after {
  content: "";
  display: block;
  width: 6vw;
  height: 1vw;
  background: url(../img/aa.png);
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  left: 100%;
}
.history-date-btn .history-btn:last-child::after {
  display: none;
} 

.history-btn.active {
  width:5vw;
  height:5vw;
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 70%;
  text-align: center;
  color: #2d2d2d;
  background: #eebf45;
}
.history-btn:hover {
  font-size: 0.85vw;
  font-weight: 500;
  line-height: 80%;
  text-align: center;
  color: #2d2d2d;
  background: #eebf45;
}

.history-date-item {
  width: 100%;
  height: fit-content;
  display: none;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.5s linear;
  margin-top: 2vw;
}
.history-date-item.active {
  display: flex;
}
.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 8vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -1.2vw;
}
.history-date-card-item{
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.5s linear;
}
.history-date-card {
  width: 32%;
  height: 16vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}

.history-date-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.history-date-card a img {
  width: 100%;
  height: 11.5vw;
}

.history-date-card-text {
  padding: 0.85vw;
}

.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 0.85vw;
  font-weight: 700;
  line-height: 120%;
  text-align: left;

  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.history-box2 {
  width: 100%;
  height: 11.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 2vw;
}

.history-box-text2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 2vw 0 1vw 1vw;
}
.history-box-text2 h3 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.history-box-text2 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5vw;
}
.history-box-text2 a span {
  color: #242424;
  font-size: 0.7vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 0.3vw;
}
.history-box-text2 a svg {
  width: 1.25vw;
  height: auto;
}

.history-box-text2 a:hover span {
  color: #cea743;
}
.history-box-text2 a:hover svg rect,
.history-box-text2 a:hover svg path {
  stroke: #cea743;
}
.history-box-text2 svg rect,
.history-box-text2 svg path {
  transition: all 0.5 linear;
}

.history-date2 {
  width: 20vw;
  height: auto;
  position: absolute;
  top: 1.3vw;
  right: 0;
}
.history-date2 img {
  width: 100%;
  height: 100%;
}
.history-logo2 {
  width: 64vw;
  height: auto;
  position: absolute;
  bottom: -4.5vw;
  right: -3vw;
}
.history-logo2 img {
  width: 100%;
  height: 100%;
}

/* !HISTORY DATE PAGE END */

/* !VACANCIESPAGE START */

.vc-row {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.vc-row .header-logo svg path {
  fill: #4e4e4e;
}

.vc-row .header-logo:hover svg path {
  fill: #eebf45;
}

.vc-row .header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}
.vc-row .page-pagination p,
.vc-row .page-pagination a {
  color: #4e4e4e;
}
.vc-row .page-pagination a:hover {
  color: #cea743;
}
.vacancies-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}

.vacancies-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.vacancies-content h2 {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}

.vacancies-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  gap: 1.5vw;
  margin-top: 2vw;
}
.vacancies-price-item {
  width: 56vw;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.vacancies-price-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1vw;
  gap: 2vw;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 14px 0px #00000026;
  border-radius: 0.5vw;
}
.vacancies-price {
  display: flex;
  flex-direction: column;
  gap: 1.1vw;
}

.vacancies-price h3{
  color: #2D2D2D;
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}

.vacancies-price p{
  color: #818181;
  font-size:.9vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}
.vacancies-price-item a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}

.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: .9vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 0.2vw 0.3vw;
}
.vacancies-price-item a svg {
  width: 1.3vw;
  height: auto;
}

.vacancies-price-item a:hover span {
  color: #cea743;
}
.vacancies-price-item a:hover svg rect,
.vacancies-price-item a:hover svg path {
  stroke: #cea743;
}
.vacancies-price-item svg rect,
.vacancies-price-item svg path {
  transition: all 0.5 linear;
}

.vacancies-contack {
  width: 18vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 1vw;
  border-radius: 10px;
}

.vc-title {
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.vc-p {
  color: #525252;
  font-size: 1vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 1vw;
}

.vc-tel {
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 1vw;
}
.vc-mail {
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 0.5vw;
}

.vc-line {
  width: 100%;
  height: 1px;
  background: #dadada;
  margin-top: 0.4vw;
}
.vc-btn {
  width: 100%;
  height: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 1vw;
}

.vc-btn:hover {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.history-box3 {
  width: 100%;
  height: 11.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 6vw;
}

.history-box-text3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 2vw 0 1vw 1vw;
}
.history-box-text3 h3 {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.history-box-text3 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5vw;
}
.history-box-text3 a span {
  color: #242424;
  font-size: .9vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 0.3vw;
}
.history-box-text3 a svg {
  width: 1.25vw;
  height: auto;
}

.history-box-text3 a:hover span {
  color: #cea743;
}
.history-box-text3 a:hover svg rect,
.history-box-text3 a:hover svg path {
  stroke: #cea743;
}
.history-box-text3 svg rect,
.history-box-text3 svg path {
  transition: all 0.5 linear;
}

.history-date3 {
  width: 20vw;
  height: auto;
  position: absolute;
  top: 1.3vw;
  right: 0;
}
.history-date3 img {
  width: 100%;
  height: 100%;
}
.history-logo3 {
  width: 64vw;
  height: auto;
  position: absolute;
  bottom: -4.5vw;
  right: -3vw;
}
.history-logo3 img {
  width: 100%;
  height: 100%;
}

/* !VACANCIESPAGE END */

/* ! JOP PAGE START */

.jop-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
}

.jop-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.jop-title {
  display: flex;
  flex-direction: column;
  gap: 1vw;
}
.jop-title h2 {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}

.jop-title p {
  color: #636363;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.jop-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  gap: 1.5vw;
  margin-top: 2vw;
}
.jop-text-item {
  width: 59vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.jop-text-box {
  display: flex;
  flex-direction: column;
}

.jop-text-box h3 {
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
  margin-bottom: 1.2vw;
}

.jop-text-box li {
  color: #2d2d2d;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 0.5vw;
  list-style-type: disc;
}

.jop-contack {
  width: 18vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 1vw;
  border-radius: 10px;
}

.jop-title {
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-p {
  color: #525252;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 1vw;
}

.jop-tel {
  font-size: 1.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 1vw;
}
.jop-mail {
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 0.5vw;
}

.jop-line {
  width: 100%;
  height: 1px;
  background: #dadada;
  margin-top: 0.4vw;
}
.jop-btn {
  width: 100%;
  height: 3.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 1vw;
}

.jop-btn:hover {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.jop-form-item {
  width: 56vw;
  height: 17vw;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 2vw 1vw;
  margin-top: 6vw;
}

.jop-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.jop-form-title {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.jop-form-title h3 {
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-form-title p {
  color: #2d2d2d;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
}
.jop-form-top {
  display: flex;
  height: fit-content;
  gap: 1.3vw;
  margin-top: 3vw;
  flex-shrink: 0;
}

.jop-form-box {
  width: 18vw;
  height: 2.2vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 0.5vw;
}

.jop-form-box input,
.jop-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: .9vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.jop-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 1.2vw;
  margin-top: 1.2vw;
}

.jop-form-box-send {
  width: 18vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: .5vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.jop-form-box-send:hover button {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.checkbox-box {
  width: fit-content;
  display: flex;
}

.checkbox-box label {
  display: flex;
  align-items: flex-start;
}

.checkbox-box label input {
  width: 1.3vw;
  height: 1.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: .9vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.checkbox-box label input:checked::before {
  opacity: 1;
}

.checkbox-box .policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: .8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.checkbox-box .policy a {
  color: #9a9a9a;
  transition: all 0.3s linear;
  text-decoration-line: underline;
}

.checkbox-box .policy a:hover {
  color: #f90;
}
.jop-back {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 4vw;
}

.jop-back span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 0.5vw;
}

.jop-back svg {
  width: 2vw;
  height: auto;
  transition: all 0.5s linear;
}

.jop-back:hover svg path,
.jop-back:hover svg rect {
  stroke: #eebf45;
}

.jop-back:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* ! JOP PAGE END */

/* !ARTICLE PAGE START  */

.article-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
  margin-bottom: 10vw;
}

.article-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 11.5vw;
}

.article-title {
  width: 40vw;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.article-title h2 {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}

.article-title p {
  color: #636363;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.article-btn-item {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 1vw;
  margin-top: 4vw;
}
.article-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5vw 1vw;
  border: 1px solid #dbdbdb;
  background: #f2f4f7;
  border-radius: 0.5vw;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  color: #525252;
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
}
.article-btn:hover {
  background: #faecc7;
  color: #2d2d2d;
}
.article-btn.active {
  background: #faecc7;
  color: #2d2d2d;
}

.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 2vw;
  gap: 1.33%;
}
.article-item.active {
  display: flex;
}
.article-info-card {
  width: 24%;
  height: 24vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 1.3%;
}
.article-info-card:hover {
  border: 2px solid rgba(0, 0, 0, 0.15);
  transform: scale(1.1);
}
.article-info-card a {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
}

.article-info-card a img {
  width: 100%;
  height: 11vw;
  object-fit: cover;
}

.article-info-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.6vw;
  gap: 0.7vw;
  justify-content: space-between;
}
.article-info-text .article-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.2vw 0.31vw;
  background: #acacac;
  font-weight: 500;
  font-size: .75vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.article-info-text h3 {
  font-weight: 700;
  font-size: 1.1vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-info-text p {
  font-weight: 300;
  font-size: .9vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-info-card-bottom {
  display: flex;
  height: 1.6vw;
  align-items: center;
  justify-content: space-between;
}
.article-info-card-bottom-left {
  display: flex;
  align-items: center;
  gap: 1.3vw;
}
.article-time,
.article-date {
  display: flex;
  align-items: center;
  gap: 0.3vw;
}
.article-time svg,
.article-date svg {
  width: 1vw;
  height: auto;
}

.article-time-text,
.article-date-text {
  font-weight: 300;
  font-size: 0.8vw;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}

.article-info-svg {
  width: 1.6vw;
  height: auto;
  transition: all 0.5s linear;
}

.article-info-card:hover .article-info-svg {
  fill: #242424;
}
.article-info-card:hover .article-info-svg rect,
.article-info-card:hover .article-info-svg path {
  stroke: #fff;
}

.article-more {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 2vw auto;
}

.article-more span {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: .3vw .5vw;
}

.article-more svg {
  width: 2.2vw;
  height: auto;
  transition: all 0.5s linear;
}

.article-more:hover svg {
  fill: #242424;
}

.article-more:hover svg g path,
.article-more:hover svg g rect {
  stroke: #fff;
}

.article-more:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

.article-box2 {
  width: 100%;
  height: 15vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 10vw;
}

.article-box-text2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 2vw 0 1vw 1vw;
}

.article-text {
  display: flex;
  flex-direction: column;
  gap: 2vw;
}
.article-text h3 {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.article-text p {
  color: #2d2d2d;
  font-size: 1.05vw;
  font-weight: 300;
  line-height: 120%;
}
.article-box-text2 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 0.5vw;
}
.article-box-text2 a span {
  color: #242424;
  font-size: 1vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: .3vw 0.3vw;
}
.article-box-text2 a svg {
  width: 1.6vw;
  height: auto;
}

.article-box-text2 a:hover span {
  color: #cea743;
}
.article-box-text2 a:hover svg rect,
.article-box-text2 a:hover svg path {
  stroke: #cea743;
}
.article-box-text2 svg rect,
.article-box-text2 svg path {
  transition: all 0.5 linear;
}

.article-date2 {
  width: 20vw;
  height: auto;
  position: absolute;
  top: 1.3vw;
  right: 0;
}
.article-date2 img {
  width: 100%;
  height: 100%;
}
.article-logo2 {
  width: 64vw;
  height: auto;
  position: absolute;
  bottom: -4.5vw;
  right: -3vw;
}
.article-logo2 img {
  width: 100%;
  height: 100%;
}
/* !ARTICLE PAGE END */

/* !ARTICLE DETAIL PAGE START*/

/* AD BANNER START */

.ad-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.ad-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 46%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 11.5vw;
  padding-bottom: 1vw;
  gap: 5vw;
}

.ad-banner-title {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.07em;
  color: #fff;
}

.ad-banner-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 6vw;
  gap: 2vw;
}
.ad-banner-left {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.ad-banner-left span {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.3vw 0.4vw;
  background: #acacac;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #2d2d2d;
}

.ad-banner-right {
  display: flex;
  align-items: center;
  gap: 1vw;
}

.ad-time,
.ad-date {
  display: flex;
  align-items: center;
  gap: 0.3vw;
}
.ad-time svg,
.ad-date svg {
  width: .9vw;
  height: auto;
}

.ad-time span,
.ad-date span {
  font-weight: 300;
  font-size: .9vw;
  line-height: 110%;
  color: #fff;
}

.ad-banner-bg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* AD BANNER END */

/* AD-ROW START */

.ad-row-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 6vw;
}

.ad-row-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4vw;
  padding: 0 11.5vw;
}

.ad-big-img {
  width: 100%;
  height: auto;
}

.ad-text1 {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.ad-text1 p {
  color: #2d2d2d;
  font-size: 1vw;
  font-weight: 300;
  line-height: 120%;
}

.ad-text-item {
  display: flex;
  align-items: center;
  gap: 2vw;
  color: #2d2d2d;
  font-size: 0.9vw;
  font-weight: 300;
  line-height: 120%;
}

.ad-text-item img {
  width: 60%;
  height: auto;
}

.ad-text-box {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.ad-catalog-item {
  width: 100%;
  height: 27vw;
  display: flex;
  background: url(../img/add.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.ad-catalog-text {
  width: 52%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding: 0 3vw;
}

.ad-catalog-text h3 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  margin-top: 3vw;
}
.ad-catalog-text p {
  width: 80%;
  color: #fff;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.ad-catalog-text a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
}
.ad-catalog-text a span {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding: 0 0.3vw 0.3vw 0.3vw;
}
.ad-catalog-text a svg {
  width: 1.5vw;
  height: auto;
  transition: all 0.5s linear;
}

.ad-catalog-text a:hover span {
  border-color: #eebf45;
  color: #eebf45;
}

.ad-catalog-text a:hover svg rect,
.ad-catalog-text a:hover svg path {
  transition: all 0.5s linear;
}

.ad-catalog-text a:hover svg rect {
  stroke: #eebf45;
}
.ad-catalog-text a:hover svg path {
  stroke: #eebf45;
}

.ad-share {
  width: 80%;
  display: flex;
  align-items: center;
  gap: 2vw;
}
.ad-share p{
  color: #2d2d2d;
  font-size: 1vw;
  font-weight: 500;
  line-height: 120%;
}
.ad-share-btn-item {
  display: flex;
  gap: 1vw;
}
.ad-share-btn {
  width:2.1vw;
  height: 2.1vw;
}

.ad-share-btn svg {
  width: 100%;
  height: 100%;
}
.blog-form-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}
.blog-form-item {
  width: 80%;
  height: 17vw;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 2vw 1vw;
  margin-top: 6vw;
}

.blog-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-form-title {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.blog-form-title h3 {
  font-family: Unbounded;
  font-size: 1vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.blog-form-title p {
  color: #2d2d2d;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
}
.blog-form-top {
  display: flex;
  height: fit-content;
  gap: 1.3vw;
  margin-top: 3vw;
  flex-shrink: 0;
}

.blog-form-box {
  width: 18vw;
  height: 2.2vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 0.5vw;
}

.blog-form-box input,
.blog-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.blog-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 1.2vw;
  margin-top: 1.2vw;
}

.blog-form-box-send {
  width: 18vw;
  height: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.blog-form-box-send:hover button {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.blog-checkbox-box {
  width: fit-content;
  display: flex;
}

.blog-checkbox-box label {
  display: flex;
  align-items: flex-start;
}

.blog-checkbox-box label input {
  width: 1vw;
  height: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.blog-checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: .9vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.blog-checkbox-box label input:checked::before {
  opacity: 1;
}

.blog-checkbox-box .blog-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: .9vw;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.blog-checkbox-box .blog-policy a {
  color: #9a9a9a;
  transition: all 0.3s linear;
  text-decoration-line: underline;
}

.blog-checkbox-box .blog-policy a:hover {
  color: #f90;
}

.form-text-item {
  width: 80%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2vw;
}

.blog2-form-item {
  width: 25vw;
  height: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #faecc7;
  padding: 2vw 1vw;
}

.blog2-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog2-form-title {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.blog2-form-title h3 {
  font-family: Unbounded;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.blog2-form-title p {
  color: #2d2d2d;
  font-size:1vw;
  font-weight: 300;
  line-height: 120%;
}
.blog2-form-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 1.3vw;
  margin-top: 3vw;
  flex-shrink: 0;
}

.blog2-form-box {
  width: 100%;
  height: 3vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 0.5vw;
}

.blog2-form-box input,
.blog2-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.blog2-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.2vw;
  margin-top: 1.2vw;
}

.blog2-form-box-send {
  width: 100%;
  height: 3.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog2-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.blog2-form-box-send:hover button {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.blog2-checkbox-box {
  width: fit-content;
  display: flex;
}

.blog2-checkbox-box label {
  display: flex;
  align-items: flex-start;
}

.blog2-checkbox-box label input {
  width: 1vw;
  height: 1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.blog2-checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: .9vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.blog2-checkbox-box label input:checked::before {
  opacity: 1;
}

.blog2-checkbox-box .blog2-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: .9vw;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.blog2-checkbox-box .blog2-policy a {
  color: #9a9a9a;
  transition: all 0.3s linear;
  text-decoration-line: underline;
}

.blog2-checkbox-box .blog2-policy a:hover {
  color: #f90;
}

.blog-text2 {
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.blog-text2 p {
  color: #2d2d2d;
  font-size: 1vw;
  font-weight: 300;
  line-height: 120%;
}

/* AD-ROW END */

/* !ARTICLE DETAIL PAGE END*/
/* !FORM END PAGE START */

.fr-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.fr-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.fr-banner-text {
  width: 46%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5%;
}

.fr-banner-text h3 {
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 1.4vw;
}

.fr-banner-text p {
  color: #525252;
  font-size: 1vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 3vw;
}

.ctrl-text {
  width: 55%;
  color: #525252;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 2vw;
}
.ch-btn {
  color: #525252;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
  cursor: pointer;
}

.ch-btn:hover {
  color: #cea743;
}

.fr-banner-bg {
  width: 67%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-back {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 4vw;
}

.fr-back span {
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 0.5vw;
}

.fr-back svg {
  width: 1.7vw;
  height: 1.9vw;
  transition: all 0.5s linear;
}

.fr-back:hover svg path,
.fr-back:hover svg rect {
  stroke: #eebf45;
}

.fr-back:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* !FORM END PAGE END */
/* !EROR END PAGE START */

.er-row {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}

.er-row .header-logo svg path {
  fill: #4e4e4e;
}

.er-row .header-logo:hover svg path {
  fill: #eebf45;
}

.er-row .header-logo-text {
  width: 14.65vw;
  
  font-size: 0.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}
.er-row .page-pagination p,
.er-row .page-pagination a {
  color: #4e4e4e;
}
.er-row .page-pagination a:hover {
  color: #cea743;
}

.er-row footer {
  margin-top: 0;
}
.eror-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -3.65vw;
}

.eror-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.eror-banner-text {
  width: 46%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 11.5vw;
}

.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 1.4vw;
}

.eror-banner-text p {
  color: #525252;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 3vw;
}

.eror-text {
  width: 60%;
  color: #525252;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 2vw;
}

.eror-spe-box {
  display: flex;
  align-items: center;
  gap: .9vw;
  margin-top: 1.1vw;
}

.eror-spe-tel {
  font-family: Unbounded;
  font-size: 1vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.eror-spe-tel:hover {
  color: #eebf45;
}

.eror-spe-box svg {
  width: 2vw;
  height: auto;
}
.eror-spe-wp svg path,
.eror-spe-tg svg stop {
  transition: all 0.5s linear;
}
.eror-spe-wp:hover svg path:nth-child(1) {
  fill: #eebf45;
}
.eror-spe-tg:hover svg stop {
  stop-color: #eebf45;
}

.eror-banner-bg {
  width: 70%;
  height: auto;
  position: absolute;
  top: 20%;
  right: 0;
}

.eror-back {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  margin-top: 4vw;
}

.eror-back span {
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 0.5vw;
}

.eror-back svg {
  width: 1.7vw;
  height: 1.8vw;
  transition: all 0.5s linear;
}

.eror-back:hover svg path,
.eror-back:hover svg rect {
  stroke: #eebf45;
}

.eror-back:hover span {
  color: #eebf45;
  border-bottom: 1px solid #eebf45;
}

/* !EROR END PAGE END */

/* ALL FORM START */
.tel-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.tel-form-container.active {
  display: flex;
}

.tel-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}
.special-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.special-form-container.active {
  display: flex;
}

.special-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}
.condition-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.condition-form-container.active {
  display: flex;
}

.condition-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}

.resume-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.resume-form-container.active {
  display: flex;
}

.cost-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.cost-form-container.active {
  display: flex;
}

.cost-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}

.resume-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}
.adjust-form-container {
  width: 100%;
  height: 100vh;
  display: none;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111;
  background: #00000085;
  transition: all 0.5s linear;
}

.adjust-form-container.active {
  display: flex;
}

.adjust-form-content {
  width: 55vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}
.file-box {
  border: none !important;
}
.custom-file-upload {
  display: flex;
  align-items: center;
  gap: 1vw;
  cursor: pointer;
}
.custom-file-upload span {
  color: #242424;
  font-size: .9vw;
  font-weight: 500;
  line-height: 100%;
  padding: 0 0.3vw 0.3vw 0.3vw;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
}
/* .resume-form-content .fr-bottom{
 margin-top: 0 !important;
} */

.custom-file-upload svg {
  width: 1.6vw;
  height: auto;
  transition: all 0.5s linear;
}

.custom-file-upload:hover span {
  color: #cea743;
  border-bottom: 1px solid #cea743;
}

.custom-file-upload svg path,
.custom-file-upload svg rect {
  transition: all 0.5s linear;
}
.custom-file-upload:hover svg path,
.custom-file-upload:hover svg rect {
  stroke: #cea743;
}

.fr-form {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 2.4vw 1.3vw 1.8vw 1.3vw;
  justify-content: space-between;
}
.form-close {
  width: 2.5vw;
  height: 2.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.form-close svg {
  width: 1.35vw;
  height: 1.35vw;
  transition: all 0.5s linear;
}
.form-close:hover {
  background: #2d2d2d;
}
.form-close:hover svg {
  transform: rotate(180deg) scale(1.3);
}
.form-close:hover svg rect {
  fill: #fff;
}
.fr-title {
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: .9vw;
  font-weight: 300;
  line-height: 120%;
}
.fr-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 1.3vw;
  margin-top: 2.3vw;
  flex-shrink: 0;
}

.fr-box {
  width: 100%;
  height: 3vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 0.5vw;
}

.fr-box input,
.fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: .9vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.fr-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1.3vw;
  margin-top: 2vw;
}

.fr-send {
  width: 100%;
  height: 3.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.fr-send:hover button {
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  color: rgba(28, 28, 28, 1);
}

.fr-check {
  width: fit-content;
  display: flex;
}

.fr-check label {
  display: flex;
  align-items: flex-start;
}

.fr-check label input {
  width: 1.1vw;
  height: 1.1vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: .9vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.fr-check label input:checked::before {
  opacity: 1;
}

.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: .8vw;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}

.fr-check .fr-policy a {
  color: #9a9a9a;
  transition: all 0.3s linear;
  text-decoration-line: underline;
}

.fr-check .fr-policy a:hover {
  color: #f90;
}

.fr-img {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 1vw;
}
.tel-form-img {
  background: url(../img/orig.png);
}

.condition-form-img {
  background: url(../img/orig.png);
}
.special-form-img {
  background: url(../img/orig.png);
}
.resume-form-img {
  background: url(../img/resum.png);
}
.cost-form-img {
  background: url(../img/cost.png);
}

.adjust-form-img {
  background: url(../img/adj.png);
}
.fr-img img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}

.fr-pr-text {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #2d2d2d;
  padding: 0.9vw 1vw;
  background: #ffffffb2;
  gap: 0.3vw;
}

.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: .9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

/* ALL FORM END */




/* !MEDIA START  */


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

  header {
    width: 100%;
    height: 4.65vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 11;
    
}

  .header-m-icon span {
    width: 2.6vw;
    height: .08vw;
    display: block;
    background: #FFF;
    transition: all 0.5s linear;
}


.header-m-icon {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.5s linear;
  gap: .4vw;
}
.banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}
.banner-text {
  width: 50%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10vw;
}
.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: calc(6.1vw + 4vw);
}


.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 3vw;
}


.header-logo {
  width: 15.8vw;
  height: auto;
}


.header-logo-text {
  width: 17.65vw;
  
  font-size: 0.85vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.header-wp {
  display: flex;
  width: 1.8vw;
}

.header-tel {
  font-size: 0.95vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 0.2vw;
}

.m-btn {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s linear;
  cursor: pointer;
}

.h-down-btn svg {
  transition: all 0.5s linear;
  width: 2.5vw;
  height: auto;
}

.banner-text1 {
  width: 85%;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}

.banner-text2 {
  width: 85%;
  font-family: Unbounded;
  font-size: 3.2vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}

.banner-text3 {
  width: 70%;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 4.1vw;
}

.menu-logo {
  width: 15.5vw;
  height: fit-content;
}

.menu-a, .menu-a span {
  color: #000;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: left;
  transition: all .5s linear;
  cursor: pointer;
}
.menu-u {
  display: flex;
  flex-direction: column;
  gap: .5vw;
}

.menu-dd-a {
  color: #2D2D2D;
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  transition: all .5s linear;
}

.menu-dd {
  width: 100%;
  height: fit-content;
  max-height: 0;
  display: flex;
  flex-direction: column;
  padding-left: 1.3vw;
  gap: .6vw;
  overflow: hidden;
  transition: all .5s linear;
}


.menu-a svg {
  width: 1.6vw;
  height: 1.7vw;
  display: flex;
  flex-shrink: 0;
}


.menu-bottom-link span {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .6vw;
}


.menu-bottom-link svg {
  width: 1.8vw;
  height: 1.7vw;
  display: flex;
  flex-shrink: 0;
}
.menu-bottom-btn {
  width: 100%;
  height: 4.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
  linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

nav {
  width: 50%;
  height: 100vh;
  display: flex;
  position: absolute;
  background: #FFF;
  top: 0;
  left: -50%;
  z-index: 1;
  padding-left: 10.5vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all .5s linear;
}

.product-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8vw;
}
.product-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}

.product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 3vw;
}

.product-title {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.product-card {
  width: 25%;
  height: 25.23vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 1.5vw 1.1vw;
}

.pro-title {
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}
.pro-bottom-link img {
  width: 2.8vw;
  height: 2.8vw;
}

.pro-link-box {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
  opacity: 0;
  visibility: hidden;
}

.pro-link-box a {
  width: fit-content;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #fff;
  transition: all 0.5s linear;
  padding-left: 1.1vw;
  position: relative;
}
.pro-bottom-link p {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding-bottom: .3vw;
  padding-left: .5vw;
  padding-right: .5vw;
  border-bottom: 1px solid #fff;
  display: none;
  transition: all 0.5s linear;
}

.stone-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 8vw;
}

.stone-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}

.stone-title h3 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-title p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.stone-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 4vw;
  position: relative;
  z-index: 1;
}



.stone-catalog-card {
  width: 32%;
  height: 26.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1vw 0;
  margin-bottom: 2%;

}


.stone-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.stone-catalog-card-top p {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}

.stone-catalog-card .stone-catalog-card-bottom svg {
  width: 2.3vw;
  height: 2.2vw;
  display: flex;
  flex-shrink: 0;
}

.stone-catalog-card-bottom p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}
.stone-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5vw;
  margin-top: 1.6vw;
}


.stone-catalog-card-top img {
  width: auto;
  height: 17vw;
}



.all-stone-page span {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0  .6vw .4vw .6vw;
}


.all-stone-page svg {
  width: 2.4vw;
  height: 2.4vw;
  transition: all 0.5s linear;
}




.completed-proje-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 12vw;
}

.completed-proje-title {
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}


.completed-proje-title h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.completed-proje-title p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.completed-proje-item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: .3vw;
  padding: 0 4vw;
}

.completed-proje-text p {
  width: calc(95% - 2.2vw);
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.completed-proje-text svg {
  transition: all 0.5s linear;
  width: 36px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}
.all-projet-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .6vw .3vw .6vw;
}

.all-projet-page svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}

.about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8vw;
}

.about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 10.5vw;
}
.about-text-1 {
  width: 25vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.about-text-1 h3 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}

.about-text-1 p {
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}
.about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 3.3vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box-text span {
  font-family: Unbounded;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.about-info p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}

.about-info a svg {
  width: 2vw;
  height: auto;
  transition: all 0.5s linear;
}

.about-info a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}
.about-info-right p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}

.about-info-right a {
  display: flex;
  align-items: center;
  gap: 0.5vw;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}

.about-info-right a svg {
  width: 2vw;
  height: auto;
}

.water-cut-text {
  width: 35.3vw;
  display: flex;
  flex-direction: column;
  gap: 1.4vw;
}

.water-cut-text h3 {
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.water-cut-text p {
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
}


.water-cut-text a span {
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding-bottom: 0.3vw;
  padding-left: .6vw;
  padding-right: .6vw;
}

.water-cut-text a {
  display: flex;
  align-items: center;
  gap: 1vw;
}
.water-cut-text a svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.water-yt-link {
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  text-decoration: underline;
  transition: all 0.5s linear;
}


.water-cut-content {
  width: 100%;
  height: 42vw;
  display: flex;
  background: url(../img/waterbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 3vw;
  padding-left: 10.5vw;
  padding-right: 3vw;
}



.contack-specialist-content {
  width: 100%;
  height: 40vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 10.5vw;
  padding-right: 10.5vw;
  justify-content: space-between;
  gap: 10vw;
}

.contack-specialist-left {
  width: 30.68vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


.contack-specialist-left h3 {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.contack-specialist-left p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 1.5vw;
}
.contack-spe-tel {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}


.contack-spe-box svg {
  width: 2.5vw;
  height: 2.5vw;
}

.contack-specialist-left .p2 {
  width: 23.3vw;
  margin-top: 2.8vw;
}
.contack-specialist-left p {
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 1.5vw;
}



.contack-spe-btn {
  width: 23.3vw;
  height: 4.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 1.5vw;
}

.contack-spe-personal-text h3 {
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.contack-spe-personal-text p {
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.help-info-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 8vw;
}

.help-info-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}



.help-info-title h3 {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.help-info-title p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.help-info-item {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 3vw;
  gap: 1.1vw;
}


.help-info-card {
  width: 25%;
  height: 23vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
}

.help-info-card a img {
  width: 100%;
  height: 11vw;
  object-fit: cover;
}

.help-info-text .help-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.4vw 0.38vw;
  background: #acacac;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.help-info-text h3 {
  font-weight: 700;
  font-size: 1.1vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-info-text p {
  font-weight: 300;
  font-size: 1vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.time svg, .date svg {
  width: 1vw;
  height: auto;
}


.time-text, .date-text {
  font-weight: 300;
  font-size: 0.9vw;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}

.help-info-svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}
.all-info-page span {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .6vw .3vw .6vw;
}

.all-info-page svg {
  width: 2.3vw;
  height: 2.4vw;
  transition: all 0.5s linear;
}

footer {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  margin-top: 8vw;
}


.footer-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 3.5vw 10.5vw 1.5vw 10.5vw;
}

.footer-logo {
  width: 18.45vw;
  height: fit-content;
}


.footer-text {
  width: 23.4vw;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #8e8e8e;
}

.footer-menu-title {
  font-size: 1.3vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.16em;
  color: #fff;
}

.footer-a {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.footer-tel {
  font-size: 1.8vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  text-align: right;
}


.footer-mail {
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 0.3vw;
  text-align: right;
}

.footer-wp svg, .footer-tg svg {
  width: 2.2vw;
  height: auto;
}
.footer-tel2 {
  font-size: 1.2vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
}

.footer-form-btn {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding: 0 0.5vw 0.2vw 0.5vw;
  border-bottom: 1px solid #fff;
  display: flex;
  cursor: pointer;
}

.footer-tel3 svg {
  width: 2.2vw;
  height: 2.2vw;
  transition: all 0.5s linear;
  display: flex;
  flex-shrink: 0;
}

.footer-tel3 svg {
  width: 2.2vw;
  height: 2.2vw;
  transition: all 0.5s linear;
  display: flex;
  flex-shrink: 0;
}





.copy-box1 {
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.policy-a {
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.aurtor p {
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.aurtor a {
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  transition: all 0.5s linear;
}


.search-form input, .search-form input::placeholder {
  font-size: 0.9vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #ffffff;
}

.search-send {
  width: 10vw;
  height: 3.5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 3px solid;
  border-image-source: linear-gradient(355.8deg, #B89C56 6.38%, #E0C98E 94.92%);
  background: linear-gradient(344.41deg, #E0CA93 4.5%, #CEA743 83.1%),
linear-gradient(344.41deg, #FCD063 4.5%, #DCA71E 83.1%);
  cursor: pointer;
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  transition: all .5s linear;
}

.search-close svg {
  width: 2.5vw;
  height: auto;
}



























.header-search {
  width: 100%;
  height: 8vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #1b1c21;
  position: absolute;
  left: 0;
  top: calc(100vh - 8vw);
  border-radius: 3px;
  padding-left: 10.5vw;
  padding-right: 4vw;
  transition: all 0.5s linear;
  opacity: 0;
  visibility: hidden;
}

.page-pagination {
  display: flex;
  gap: 0.6vw;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 10.5vw;
  top: 6vw;
}
.stone-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}

.stone-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}


.stone-banner-text {
  width: 46%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
}



.page-pagination p, .page-pagination a {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  position: relative;
}

.stone-banner-text {
  width: 51%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
}



.windows-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}


.windows-banner-text {
  width: 55%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5%;
}

.windows-banner-text1 {
  width: 80%;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}


.windows-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.2vw;
}

.windows-banner-text3 {
  width: 75%;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 2.1vw;
}

.windows-banner-button {
  display: flex;
  align-items: center;
  gap: 1.8vw;
  margin-top: 4vw;
}
.spe-btn {
  width: 23.3vw;
  height: 4.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}

.cal-btn {
  width: 14.71vw;
  height: 4.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
  linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.windows-stone-features-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.windows-stone-features-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}

.windows-features-card1 h3 {
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}



.windows-features-card-bottom img {
  width: 12.6vw;
  height: auto;
}


.windows-features-card-bottom p {
  font-size: .9vw;
  font-weight: 400;
  line-height: 120%;
  color: #6f6f6f;
}

.windows-features-card1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 4;
  height: 18.65vw;
}

.windows-feature-text h3 {
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}


.windows-feature-text p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}

.primary-design-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 80px;
}


.primary-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}


.primary-design-title h2 {
  font-family: Unbounded;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.primary-design-title p {
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.primary-design-filter {
  display: flex;
  align-items: center;
  gap: 1.6vw;
  margin-top: 3vw;
}

.materials-select-box {
  width: 20.5vw;
  height: 5vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.materials-select-box p {
  color: #959595;
  font-size: 1vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 7px;
}


.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 0px;
  padding-right: 1vw;
  padding-bottom: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.1vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}

.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: aliceblue;
  border-style: solid;
  border-width: 0;
  left: 95%;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 37%;
  background-image: url(../img/filter-arro.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  background-color: none;
  width: 14px;
  height: 8px;
}


.color-select-box {
  width: 20.5vw;
  height: 4vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.6vw 0.4vw 04vw;
    height: 0;
    left: 50%;
    margin-left: -6px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}

.primary-design-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 1.1vw;
  margin-top: 4vw;
  position: relative;
  z-index: 1;
  justify-content: center;
}

.primary-design-catalog-card {
  width: 25.53vw;
  height: 30.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.3vw 0;
}

.primary-design-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}

.primary-design-catalog-card-top img {
  width: 100%;
  height: 19vw;
}

.primary-design-catalog-card-top span {
  color: #818181;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}

.primary-design-catalog-card-top p {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design-catalog-card .primary-design-catalog-card-bottom svg {
  width: 2.5vw;
  height: 2.5vw;
}

.primary-design-catalog-card-bottom p {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.profil-design-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
}

.profil-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}

.profil-design-title h2 {
  font-family: Unbounded;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.profil-design-title p {
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.profil-design-text-card h3 {
  font-family: Unbounded;
  font-size: 3vw;
  font-weight: 300;
  line-height: 120%;
  color: #eebf45;
}

.profil-design-text-card h4 {
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 130%;
  color: #2d2d2d;
}
.profil-design-text-card p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  color: #525252;
}


.profil-design-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
.profil-design-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;

}
.profil-design-img-card {
  width: 25%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 1.1vw;
}


.profil-form-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 4vw;
  gap: 1.4vw;
}

.profil-form-btn {
  width: 15.71vw;
  height: 4.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
  box-shadow: 0px 20px 20px -20px #00000080;
}

.profil-form-button p {
  width: 45%;
  font-size: 1vw;
  font-weight: 300;
  line-height: 140%;
  text-align: center;
  color: #7b7b7b;
}

.stone-examples-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
.stone-examples-title {
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-examples-btn {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #b5b5b5;
  padding-bottom: 4px;
  border-bottom: 1px solid #b5b5b5;
  transition: all 0.5s linear;
  cursor: pointer;
}


.stone-examples-item {
  display: none;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 3px;
  width: 100%;
  height: 50vw;
  margin-top: 3vw;
}



.all-example-page span {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}


.all-example-page svg {
  width: 2.5vw;
  height: auto;
  transition: all 0.5s linear;
}


.all-example-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 4.5vw auto 0 auto;
}


.stone-examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}



.stone-protuct-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 100px;
}



.stone-product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 3.5vw;
  gap: 1.3vw;
}


.stone-protuct-content h2 {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-product-card {
  width: 100%;
  height: 18vw;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.5s linear;
}

.stone-product-card-text p {
  width: 60%;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}


.stone-product-card-img2 {
  width: 10vw;
  height: auto;
  position: absolute;
  bottom: -50px;
  right: 10px;
}

.stone-product-card-text {
  width: 100%;
  height: fit-content;
  position: absolute;
  left: 10px;
  bottom: 15px;
}


.stone-protuct-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}

.modern-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
  margin-bottom: 100px;
}

.modern-content {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 2vw;
  justify-content: space-between;
  align-items: center;
  padding: 0 10.5vw;
}
.modern-title {
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.modern-text p {
  color: #101010;
  font-size: 1vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}





.select2-results__option {
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}


.product-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}


.product-banner-text {
  width: 50%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  padding-bottom: 2.3vw;
  padding-top: 16vw;
}


.product-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}


.product-banner-text3 {
  width: 90%;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 2vw;
}

.banner-list-box p {
  color: #fff;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.banner-list-box span {
  width: 30px;
  height: 2px;
  background: #eebf45;
}

.product-about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 120px;
}
.product-about-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 10.5vw;
  gap: 2vw;
}


.product-about-left p {
  color: #101010;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 1vw;
}

.product-about-tel {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.product-about-box svg {
  width: 2.2vw;
  height: auto;
}

.product-about-btn {
  width: 25.7vw;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 1.5vw;
}

.product-about-left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-about-right {
  width: 50%;
  height: auto;
}



.contack-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 10.5vw;
    gap: 7vw;
}

.contack-title {
    font-family: Unbounded;
    font-size: 2.2vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}


.contack-box span {
    font-size: 1.1vw;
    font-weight: 300;
    line-height: 120%;
    color: #7b7b7b;
}

.contack-mail, .contack-box p, .contack-adres {
    font-size: 1.2vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}
.contack-box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

.contack-tel, .contack-item-tel {
    font-family: Unbounded;
    font-size: 1.2vw;
    font-weight: 700;
    line-height: 100%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}

.contack-item-box svg {
    width: 2.2vw;
    height: auto;
}



.contack-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 120px;
}

.contack-bottom {
    width: 100%;
    height: 15vw;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.primary-design2-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 100px;
}

.primary-design2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}

.primary-design2-title h2 {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.primary-design2-title p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.primary-design2-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.3vw;
  margin-top: 30px;
}

.materials-select-box2 {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select-box2 {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}



.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.6vw 0.4vw 04vw;
    height: 0;
    left: 50%;
    margin-left: -9px;
    margin-top: -2px;
    position: absolute;
    top: 150%;
    width: 0;
}


.materials-select-box2 p {
  color: #959595;
  font-size: 1vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 5px;
}

.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.1vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}


.materials-select-box2 .select2-container--default .select2-selection--single {
  border: 1px solid #aaa;
  border-radius: 4px;
  width: 100%;
  height: 100%;
  background: #f2f4f7;
  display: flex;
  align-items: flex-end;
  padding-bottom: -0;
}

.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.1vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}

.filter-delete {
  width: fit-content;
  display: flex;
  align-items: center;
  color: #959595;
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
  cursor: pointer;
}

.filter-btn svg {
  width: 2.2vw;
  height: auto;
}

.primary-design2-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  justify-content: center;
  transition: all 0.5s linear;
}


.primary-design2-catalog-card-top img {
  width: 100%;
  height: 18vw;
}


.primary-design2-catalog-card {
  width: 32%;
  height: 30.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}


.primary-design2-catalog-card-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.primary-design2-catalog-card-top span {
  color: #818181;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design2-catalog-card-top p {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #2D2D2D;
}




.primary-design2-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}


.primary-design2-catalog-card-bottom p {
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.primary-design2-catalog-card .primary-design2-catalog-card-bottom svg {
  width: 2.3vw;
  height: auto;
}


.primary-design2-catalog-item.active .primary-design2-catalog-card {
  width: 48%;
  height: 32.1vw;
}

.primary-design2-catalog-item.active
  .primary-design2-catalog-card
  .primary-design2-catalog-card-top
  img {
    width: 100%;
    height: 23vw;
}


.stone-slider-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}


.stone-slider-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 10.5vw;
}

.stone-slider-title h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}


.stone-slider-title p {
  color: #636363;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.stone-slider-row {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  gap: 20px;
}


.stone-slider-text {
  width: 300px;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}

.stone-slider-item {
  width: 100%;
  display: flex;
  align-items: flex-end;
  gap: 16px;
}

.stone-info-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 32vw;
}
.box-p {
  color: #959595;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.box-p2 {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.line-span {
  width: 35px;
  height: 1px;
  display: flex;
  align-items: center;
  background: #eebf45;
  flex-shrink: 0;
}

.line-span::before {
  content: "";
  display: block;
  height: 6px;
  width: 6px;
  background: #eebf45;
  border-radius: 100%;
}


.stone-slider-p {
  color: #101010;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
}

.stone-slider-price-box span {
  color: #2d2d2d;
  font-size: 11px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin-top: 0.3vw;
}

.stone-price {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}

.stone-slider-p3, .stone-slider-p2 {
  color: #7b7b7b;
  font-size: 10px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  margin-top: 10px;
}



.stone-slider-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  border: 3px solid;
  /* border-image-source: linear-gradient(355.8deg, #b89c56 6.38%, #e0c98e 94.92%); */
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  margin-top: 1vw;
  cursor: pointer;
  /* overflow: hidden; */
}


.stone-slider-row {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  align-items: end;
  gap: 20px;
}



.stone-slider-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 16px;
}

.slider-stick-nav {
  width: 100%;
  height: 10vw;
  display: flex;
  justify-content: space-between;
}


.slider-stick-nav img {
  width: 100%;
  height: 10vw;
  object-fit: 100%;
  padding: 0.3vw;
  border-radius: 10px;
}

.stone-banner-text1 {
  color: #fff;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 5vw;
}
.stone-banner-text3 {
  width: 85%;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 20px;
}



.pro-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.pro-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
  align-items: center;
}

.pro-catalog-item {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 0px;
  height: 100%;
  margin-top: 40px;
  gap: 0.5vw;
}

.pro-catalog-select-box {
  width: 220px;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.pro-catalog-select-box p {
  color: #959595;
  font-size: 11px;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 0.5vw;
  top: 0.5vw;
}


.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}


.pro-catalog-filter {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 1.3vw;
  margin-top: 0px;
}

.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: 0px;
    position: absolute;
    top: 150%;
    width: 0;
}


.pro-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.pro-catalog-card-text svg {
  transition: all 0.5s linear;
  width: 30px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.pro-catalog-card-top h3 {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}


.pro-catalog-card-top p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.pro-catalog-card {
  height: 35vw;
}

.pro-catalog-card-top {
   position: absolute;
   display: flex;
  flex-direction: column;
  gap: 10px;
  background: #1d1d1db2;
}
.pro-galery-link-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}
.pro-galery-link-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0px 10.5vw;
}
.pro-galery-link-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: url(../img/gl.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.pro-galery-link-text {
  width: 26vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
    background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}

.pro-galery-link-text h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.pro-galery-link-text a {
  display: flex;
  align-items: center;
  align-items: center;
  gap: 10px;
}
.pro-galery-link-text p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.pro-galery-link-text a span {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  transition: all 0.5s linear;
  border-bottom: 1px solid #fff;
}

.pro-galery-link-text a svg {
  width: 23px;
  height: auto;
}
.pro-galery-link-text {
  width: 30vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}

.galery-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}


.galery-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}


.pro-galery-select-box {
  width: 220px;
  height: 55px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.pro-galery-select-box p {
  color: #959595;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 1vw;
  top: 0.5vw;
}


.pro-galery-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}



.load-more svg {
  width: 30px;
  height: auto;
  transition: all 0.5s linear;
}


.load-more span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}


.load-more {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 40px auto 0 auto;
}




.pro-galery-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -15px;
    margin-top: 14px;
    position: absolute;
    top: 150%;
    width: 0;
}

.galery-item {
  width: 100%;
  display: grid;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  height: 100%;
  margin-top: 40px;
  gap: 0.3vw;
}
.watterjet-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}


.watterjet-banner-text {
  width: 50%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5%;
}


.watterjet-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}



.watterjet-banner-text3 {
  width: 80%;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 30px;
}

.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 10.5vw;
  gap: 40px;
}



.video-text h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #fff;
}
.video-text p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
}
.video-container {
  width: 100%;
  height: 46vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/vbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 80px;
}

.examples-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 10.5vw;
  gap: 40px;
}

.examples-content h2 {
  width: 100%;
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}


.examples-btn {
  width: 220px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
  linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.examples-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.examples-catalog-card-text svg {
  transition: all 0.5s linear;
  width: 30px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}


.examples-catalog-card-top h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}

.examples-catalog-card-top p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.examples-catalog-card-top {
  width: 100%;
  height: 0;
  position: absolute;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #1d1d1db2;
  overflow: hidden;
  transition: all .5s linear;
}

.examples-catalog-card {
  height: 35vw;
  position: relative;
}


.about-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}


.about-banner-text {
  width: 65%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  padding-bottom: 2.3vw;
  padding-top: 14vw;
}


.about-banner-text2 {
  width: 60%;
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}



.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.about-banner-text3 {
  width: 70%;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 1.1vw;
}

.about-banner-list-box p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.about-banner-list {
  width: 97%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
}


.our-specialist-left {
  width: 40vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
}


.our-specialist-content {
  width: 100%;
  height: 50vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 10.5vw;
  padding-right: 10.5vw;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.our-specialist-left h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.our-spe-p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 20px;
}

.our-spe-box span {
  width: 35px;
  height: 2px;
  background: #eebf45;
}


.our-spe-box-p {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.our-spe-personal-text h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.our-spe-personal-text p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}


.our-spe-personal-text {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: -8vw;
}


.history-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.history-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px 10.5vw;
}
.history-box-text h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}

.history-box-text a span {
  color: #242424;
  font-size: 13px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 7px;
}


.history-box-text a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 10px;
}

.history-box-text a svg {
  width: 20px;
  height: auto;
}

.about-box-img {
  width: 48vw;
  height: 32vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-box-text {
  width: 30vw;
  height: 15vw;
  display: flex;
  padding: 1vw;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}

.about-box-text p {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.history-about-box1 .about-box-text img {
  width: 20vw;
  height: auto;
}

.history-about-box {
  width: 90%;
  height: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 60px;
}


.history-about-box2 .about-box-text img {
  width: 13vw;
  height: auto;
}

.history-about-box3 .about-box-text img {
  width: 20vw;
  height: auto;
}

.about-row-content {
  width: 100%;
  height: 40vw;
  display: flex;
  padding-right: 10.5vw;
  gap: 10px;
}


.row-about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 10.5vw;
}

.row-about-text-1 h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}

.row-about-text-1 p {
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

.row-about-text-1 {
  width: 25vw;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.row-about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.row-about-text-box-text span {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.row-about-text-box p {
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.row-about-right-text h3 {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}

.row-about-right-text {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 10px;
}

.row-about-right-text p {
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}

.document-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 10.5vw;
}




.document-content h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}

.ducument-slider {
  width: 100%;
  height: fit-content;
  margin-top: 30px;
}





.ducument-slider .slick-next {
  right: 60px;
  width: 20px;
  height: auto;
}

.ducument-slider .slick-prev {
  left: auto;
  right: 90px;
  width: 25px;
  height: auto;
}

.ducument-slider-item {
  width: 100%;
  height: 25vw;
  padding: 0 5px;
}


.about-row-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 80px;
}
.document-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 80px;
}



.history-date-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.history-btn {
  width: 70px;
  height: 70px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #dbdbdb;
  border-radius: 100%;
  cursor: pointer;
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 400;
  line-height: 70%;
  letter-spacing: -0.1em;
  text-align: center;
  color: #7b7b7b;
  position: relative;
  background: #fff;
}


.history-btn.active {
  width: 80px;
  height: 80px;
  font-size: 17px;
  font-weight: 500;
  line-height: 70%;
  text-align: center;
  color: #2d2d2d;
  background: #eebf45;
}



.history-date-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}



.history-date-card a img {
  width: 100%;
  height: 13.5vw;
}

.history-date-card-text {
  padding: 10px 20px;
}



.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.history-date-card {
  width: 32%;
  height: 20vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}

.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 100px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -1.2vw;
}
.history-box-text2 h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.history-box-text2 a span {
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 5px;
}

.history-box-text2 a svg {
  width: 20px;
  height: auto;
}

.history-box-text2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 15px 20px;
}
.history-logo2 {
  width: 70vw;
  height: auto;
  position: absolute;
  bottom: -50px;
  right: -30px;
}


.history-box2 {
  width: 100%;
  height: 13.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 2vw;
}


.history-date2 {
  width: 23vw;
  height: auto;
  position: absolute;
  top: 15px;
  right: 0;
}


section .contack-specialist-container {
  margin-top: 80px;
}



.vacancies-content h2 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.vacancies-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin-top: 30px;
}


.vacancies-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}
.vacancies-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 10.5vw;
}


.vacancies-price-item {
  width: 53vw;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.vacancies-price {
  display: flex;
  flex-direction: column;
  gap: 10px;
}


.vacancies-price h3 {
  color: #2D2D2D;
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}


.vacancies-price p {
  color: #818181;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}


.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: 1.2vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 0.2vw 0.3vw;
}

.vacancies-price-item a svg {
  width: 23px;
  height: auto;
}


.vacancies-contack {
  width: 21vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 15px;
  border-radius: 10px;
}


.vc-title {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.vc-p {
  color: #525252;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}
.vc-tel {
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}


.vc-mail {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}



.vc-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 20px;
}

.history-box3 {
  width: 100%;
  height: 14.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 80px;
}


.history-box-text3 h3 {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}


.history-box-text3 a span {
  color: #242424;
  font-size: 1.5vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 5px;
}


.history-box-text3 a svg {
  width: 25px;
  height: auto;
}

.history-box-text3 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 20px 10px;
}

.jop-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
}



.jop-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}


.jop-title h2 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.jop-title p {
  color: #636363;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.jop-text-box h3 {
  font-family: Unbounded;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
  margin-bottom: 1.2vw;
}


.jop-text-box li {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 0.5vw;
  list-style-type: disc;
}


.jop-contack {
  width: 22vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 1.2vw;
  border-radius: 10px;
}


.jop-title {
  font-family: Unbounded;
  font-size: 2.1vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-p {
  color: #525252;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}

.jop-tel {
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}


.jop-mail {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}

.jop-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 15px;
}


.jop-form-item {
  width: 56vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 30px 20px;
  margin-top: 80px;
}

.jop-form-title h3 {
  font-family: Unbounded;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-form-title p {
  color: #2d2d2d;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
}

.jop-form-title {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.jop-form-top {
  display: flex;
  height: fit-content;
  gap: 20px;
  margin-top: 40px;
  flex-shrink: 0;
}

.jop-form-box {
  width: 22vw;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}


.jop-form-box input, .jop-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.jop-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
}


.jop-form-box-send {
  width: 22vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.1vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.checkbox-box label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}
.checkbox-box .policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.jop-back svg {
  width: 35px;
  height: auto;
  transition: all 0.5s linear;
}


.jop-back span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.jop-back {
  width: fit-content;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}
.checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 1.2vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.article-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 200px;
}


.article-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 10.5vw;
}



.article-title h2 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.article-title {
  width: 45vw;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.article-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  border: 1px solid #dbdbdb;
  background: #f2f4f7;
  border-radius: 0.5vw;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  color: #525252;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
}

.article-info-text .article-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 3px 6px;
  background: #acacac;
  font-weight: 500;
  font-size: .9vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}


.article-info-text h3 {
  font-weight: 700;
  font-size: 1.3vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}


.article-info-text p {
  font-weight: 300;
  font-size: 1.1vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-time svg, .article-date svg {
  width: 14px;
  height: auto;
}


.article-time-text, .article-date-text {
  font-weight: 300;
  font-size: 1vw;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}

.article-info-card a img {
  width: 100%;
  height: 13vw;
  object-fit: cover;
}

.article-info-card {
  width: 24%;
  height: 28vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 1.3%;
}


.article-more span {
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: .3vw .5vw;
}

.article-time, .article-date {
  display: flex;
  align-items: center;
  gap: 5px;
}




.article-more svg {
  width: 30px;
  height: auto;
  transition: all 0.5s linear;
}




.article-box2 {
  width: 100%;
  height: 17vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 100px;
}


.article-more {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 40px auto 0 auto;
}

.article-text h3 {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}



.article-text p {
  color: #2d2d2d;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
}

.article-box-text2 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 10px;
}

.article-box-text2 a span {
  color: #242424;
  font-size: 1.3vw;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 10px 5px 10px;
}



.article-box-text2 a svg {
  width: 25px;
  height: auto;
}




.article-date2 {
  width: 22vw;
  height: auto;
  position: absolute;
  top: 20px;
  right: 0;
}


.article-logo2 {
  width: 67vw;
  height: auto;
  position: absolute;
  bottom: -60px;
  right: -30px;
}





.ad-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 50%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 10.5vw;
  padding-bottom: 20px;
  gap: 5vw;
}


.ad-banner-left span {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.4vw 0.4vw;
  background: #acacac;
  font-weight: 500;
  font-size: 0.8vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #2d2d2d;
}


.ad-banner-title {
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.07em;
  color: #fff;
}

.ad-time svg, .ad-date svg {
  width: 15px;
  height: auto;
}
.ad-time span, .ad-date span {
  font-weight: 300;
  font-size: 12px;
  line-height: 110%;
  color: #fff;
}


.ad-row-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.ad-row-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  padding: 0px 10.5vw;
}


.ad-text1 p {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
}


.ad-text-box {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.ad-text-item img {
  width: 60%;
  height: auto;
}

.ad-text-item {
  display: flex;
  align-items: center;
  gap: 2vw;
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
}


.ad-catalog-text h3 {
  width: 90%;
  font-family: Unbounded;
  font-size: 2.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  margin-top: 3vw;
}




.ad-catalog-text {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding: 0 3vw;
}

.ad-catalog-text p {
  width: 80%;
  color: #fff;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.ad-catalog-text a span {
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding: 0 0.3vw 0.3vw 0.3vw;
  padding: 0px 10px 5px 10px;
}

.ad-catalog-text a {
  display: flex;
  align-items: center;
  gap: 10px;
}


.ad-catalog-text a svg {
  width: 25px;
  height: auto;
  transition: all 0.5s linear;
}


.ad-catalog-item {
  width: 100%;
  height: 33vw;
  display: flex;
  background: url(../img/add.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ad-share p {
  color: #2d2d2d;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 120%;
}

.ad-share-btn {
  width: 30px;
  height: 30px;
}

.ad-text1 {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.ad-text1 {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 1.5vw;
}

.blog2-form-title h3 {
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.blog2-form-title p {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
}

.blog2-form-box input, .blog2-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.blog2-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}


.blog2-form-box-send {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog2-checkbox-box label input {
  width: 1.2vw;
  height: 1.2vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.blog2-checkbox-box .blog2-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}




.form-text-item {
  width: 90%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.blog2-form-item {
  width: 30vw;
  height: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
}


.blog-text2 {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.blog-text2 p {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
}

.blog-form-item {
  width: 90%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
  margin-top: 80px;
}

.blog-form-title h3 {
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.blog-form-title {
  display: flex;
  flex-direction: column;
  gap: 15px;
}


.blog-form-title p {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
}


.blog-form-top {
  display: flex;
  height: fit-content;
  gap: 20px;
  margin-top: 30px;
  flex-shrink: 0;
}
.blog-form-box {
  width: 23vw;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}
.blog-form-box input, .blog-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}



.blog-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
}
.blog-form-box-send {
  width: 23vw;
  height: 45px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}


.blog-checkbox-box label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}
.blog-checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.ad-share {
  width: 90%;
  display: flex;
  align-items: center;
  gap: 2vw;
}


.fr-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}

.fr-banner-text {
  width: 46%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
}


.fr-banner-text h3 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 1.4vw;
}


.fr-banner-text p {
  color: #525252;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 3vw;
}

.ctrl-text {
  width: 80%;
  color: #525252;
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 2vw;
}

.fr-back {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 4vw;
}

.fr-back svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}


.fr-back span {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.fr-banner-bg {
  width: 63%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}


.vc-row .header-logo-text {
  width: 20.65vw;
  
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}
.er-row .header-logo-text {
  width: 20.65vw;
  
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}
.ch-btn {
  color: #525252;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  cursor: pointer;
}

.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 3vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 30px;
}

.eror-banner-text p {
  color: #525252;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 40px;
}


.eror-spe-box {
  display: flex;
  align-items: center;
  gap: .9vw;
  margin-top: 20px;
}

.eror-spe-tel {
  font-family: Unbounded;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.eror-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: -4.65vw;
}


.eror-banner-bg {
  width: 65%;
  height: auto;
  position: absolute;
  top: 33%;
  right: 0;
}


.eror-back svg {
  width: 2.5vw;
  height: 2.5vw;
  transition: all 0.5s linear;
}




.eror-back span {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 0.5vw;
}




.eror-banner-text {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  flex-shrink: 0;
}















.tel-form-content,
.special-form-content,
.condition-form-content,
.cost-form-content,
.resume-form-content,
.adjust-form-content{
  width: 60vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}



.form-close svg {
  width: 1.6vw;
  height: 1.6vw;
  transition: all 0.5s linear 0s;
}



.form-close {
  width: 2.8vw;
  height: 2.8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: 1.1vw;
  font-weight: 300;
  line-height: 120%;
}

.fr-box input, .fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.fr-box {
  width: 100%;
  height: 4vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 0.5vw;
}



.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.fr-send {
  width: 100%;
  height: 4.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-check label input {
  width: 1.4vw;
  height: 1.4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 1.1vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 1vw;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.custom-file-upload span {
  color: #242424;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 100%;
  padding: 0 0.3vw 0.3vw 0.3vw;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
}

.custom-file-upload svg {
  width: 2vw;
  height: 2vw;
  transition: all 0.5s linear;
}































}












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

  .header-logo {
    width: 18.8vw;
    height: auto;
}

.header-logo-text {
  width: 17.65vw;
  
  font-size: 1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.header-wp {
  display: flex;
  width: 2.2vw;
}
.header-tel {
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 0.2vw;
}
.banner-text1 {
  width: 90%;
  font-size: 1.9vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}

.banner-text2 {
  width: 85%;
  font-family: Unbounded;
  font-size: 3.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.8vw;
}
.banner-text3 {
  width: 85%;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 4.1vw;
}


.header-m-icon span {
  width: 3vw;
  height: 1.2px;
  display: block;
  background: #FFF;
  transition: all 0.5s linear;
}


.m-btn {
  font-size: .95vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #ffffff;
  transition: all 0.5s linear;
  cursor: pointer;
}


.header-left {
  width: 7.5vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  background: url(../img/hl.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 2.1vw 0;
  z-index: 5;
}

.h-down-btn svg {
  transition: all 0.5s linear;
  width: 3vw;
  height: auto;
}


.search-form {
  display: flex;
  height: 4vw;
  align-items: center;
  gap: 4vw;
}
.search-form input, .search-form input::placeholder {
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #ffffff;
}

.search-send {
  width: 10vw;
  height: 4vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 3px solid;
  border-image-source: linear-gradient(355.8deg, #B89C56 6.38%, #E0C98E 94.92%);
  background: linear-gradient(344.41deg, #E0CA93 4.5%, #CEA743 83.1%),
linear-gradient(344.41deg, #FCD063 4.5%, #DCA71E 83.1%);
  cursor: pointer;
  font-family: Unbounded;
  font-size: 1.2vw;
  font-weight: 500;
  line-height: 120%;
  transition: all .5s linear;
}

.search-close svg {
  width: 2.5vw;
  height: auto;
}


.product-title {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}


.pro-title {
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}

.pro-bottom-link img {
  width: 3.1vw;
  height: 3.1vw;
}


.product-card {
  width: 25%;
  height: 27.23vw;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 1.8vw 1.4vw;
}


.pro-link-box a {
  width: fit-content;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #fff;
  transition: all 0.5s linear;
  padding-left: 1.1vw;
  position: relative;
}

.pro-bottom-link p {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding-bottom: .3vw;
  padding-left: .5vw;
  padding-right: .5vw;
  border-bottom: 1px solid #fff;
  display: none;
  transition: all 0.5s linear;
}

.stone-title h3 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-title p {
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.stone-catalog-card {
  width: 32%;
  height: 28.5vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.1vw 0;
  margin-bottom: 2%;
}



.stone-catalog-card-top img {
  width: auto;
  height: 18vw;
}

.stone-catalog-card-top p {
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}

.stone-catalog-card .stone-catalog-card-bottom svg {
  width: 2.7vw;
  height: 2.7vw;
  display: flex;
  flex-shrink: 0;
}
.stone-catalog-card-bottom p {
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.stone-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1vw;
  margin-top: 1.6vw;
}


.all-stone-page span {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0  .6vw .4vw .6vw;
}


.all-stone-page svg {
  width: 2.8vw;
  height: 2.8vw;
  transition: all 0.5s linear;
}

.completed-proje-title h3 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.completed-proje-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}
.completed-proje-text p {
  width: calc(95% - 2.7vw);
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}


.completed-proje-item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0.3vw;
  padding: 0 2vw;
}

.completed-proje-text svg {
  transition: all 0.5s linear;
  width: 36px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.completed-proje-card {
  height: 22vw;
  flex-grow: 1;
}

.all-projet-page span {
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .6vw .3vw .6vw;
}


.all-projet-page svg {
  width: 3vw;
  height: 3vw;
  transition: all 0.5s linear;
}

.about-text-1 h3 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}


.about-text-1 {
  width: 31vw;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}
.about-text-1 p {
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

.about-text-1 {
  width: 31vw;
  display: flex;
  flex-direction: column;
  gap: 1vw;
}

.about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 3.7vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box-text span {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box p {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.about-text-2 {
  display: flex;
  flex-direction: column;
  gap: 1.7vw;
}

.about-content {
  width: 100%;
  height: 50vw;
  display: flex;
}

.about-info p {
  font-size: 1.2vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}

.about-info a svg {
  width: 2.4vw;
  height: auto;
  transition: all 0.5s linear;
}

.about-info a {
  display: flex;
  align-items: center;
  gap: 1vw;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}

.about-info-right p {
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}

.about-info-right a svg {
  width: 2.4vw;
  height: auto;
}

.about-info-right a {
  display: flex;
  align-items: center;
  gap: 1vw;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}

.water-cut-text h3 {
  font-family: Unbounded;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.water-cut-text p {
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
}
.water-cut-text {
  width: 37.3vw;
  display: flex;
  flex-direction: column;
  gap: 1.6vw;
}

.water-cut-text a span {
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding-bottom: 0.3vw;
  padding-left: .6vw;
  padding-right: .6vw;
}
.water-cut-text a svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.contack-specialist-left h3 {
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}


.contack-specialist-left {
  width: 40.68vw;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}


.contack-specialist-left p {
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 1.5vw;
}


.contack-spe-tel {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-spe-box {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 1.1vw;
}

.contack-spe-box svg {
  width: 2.9vw;
  height: 2.9vw;
}

.contack-specialist-left .p2 {
  width: 31.3vw;
  margin-top: 3.8vw;
}

.contack-spe-btn {
  width: 29.3vw;
  height: 5.65vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 2.5vw;
}



.contack-specialist-content {
  width: 100%;
  height: 47vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 10.5vw;
  padding-right: 10.5vw;
  justify-content: space-between;
  gap: 10vw;
}


.contack-specialist-right {
  width: 44vw;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: end;
  /* padding-bottom: 3vw; */
}


.contack-specialist-content {
  width: 100%;
  height: 42vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 10.5vw;
  padding-right: 6.5vw;
  justify-content: space-between;
  gap: 8vw;
}


.contack-spe-personal-text h3 {
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}
.contack-spe-personal-text p {
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.contack-spe-personal-text {
  padding: 1vw 1.5vw;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 2vw;
  left: -8vw;
}

.help-info-title h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}


.help-info-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.help-info-item {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 3.3vw;
  gap: 2%;
  flex-wrap: wrap;
}

.help-info-card {
  width: 49%;
  height: 32vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 2%;
}

.help-info-card a img {
  width: 100%;
  height: 16vw;
  object-fit: cover;
}
.help-info-text .help-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 0.4vw 0.5vw;
  background: #acacac;
  font-weight: 500;
  font-size: 1vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.help-info-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 1vw;
  gap: 1vw;
  justify-content: space-between;
}


.help-info-text h3 {
  font-weight: 700;
  font-size: 1.5vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-info-text p {
  font-weight: 300;
  font-size: 1.4vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.time svg, .date svg {
  width: 1.4vw;
  height: auto;
}

.time-text, .date-text {
  font-weight: 300;
  font-size: 1.15vw;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}
.help-info-svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.all-info-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 .6vw .3vw .6vw;
}



.all-info-page svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}

.all-info-page {
  display: flex;
  align-items: center;
  gap: 1.3vw;
  margin: 3.5vw auto 0 auto;
}
.footer-logo {
  width: 20.45vw;
  height: fit-content;
}

.footer-text {
  width: 30.4vw;
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #8e8e8e;
}

.footer-menu-title {
  font-size: 1.5vw;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.16em;
  color: #fff;
}


.footer-a {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}


.footer-tel {
  font-size: 2.1vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  text-align: right;
}


.footer-mail {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 0.6vw;
  text-align: right;
}

.footer-media-contack {
  display: flex;
  gap: 1vw;
}

.footer-a2 {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 1vw;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
  margin-top: 1vw;
}


.footer-wp svg, .footer-tg svg {
  width: 2.6vw;
  height: auto;
}


.footer-media {
  display: flex;
  align-items: center;
  margin-top: 1vw;
  gap: 1.4vw;
}

.footer-tel2 {
  font-size: 1.4vw;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
}
.footer-menu {
  display: flex;
  justify-content: space-between;
  gap: 5vw;
}



.footer-form-btn {
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding: 0 0.5vw 0.2vw 0.5vw;
  border-bottom: 1px solid #fff;
  display: flex;
  cursor: pointer;
}

.footer-tel3 svg {
  width: 2.7vw;
  height: 2.7vw;
  transition: all 0.5s linear;
  display: flex;
  flex-shrink: 0;
}

.footer-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1vw;
  margin-top: 1.5vw;
}

.copy-box1 {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.policy-a {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.aurtor {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: .6vw;
}

.aurtor p {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.aurtor a {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  transition: all 0.5s linear;
}


.stone-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 2.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 2vw;
}


.windows-banner-text1 {
  width: 80%;
  font-size: 1.9vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}


.windows-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 3.6vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.2vw;
}

.windows-banner-text3 {
  width: 85%;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 2.1vw;
}


.windows-banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
}

.spe-btn {
  width: 26.3vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}


.cal-btn {
  width: 17.71vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}
.windows-features-card1 h3 {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.windows-features-card-bottom img {
  width: 13.6vw;
  height: auto;
}
.windows-features-card-bottom p {
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  color: #6f6f6f;
}
.windows-feature-text h3 {
  font-size: 2vw;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}
.windows-feature-text p {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}

.windows-features-card1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 4;
  height: 20.65vw;
}

.primary-design-catalog-card-top span {
  color: #818181;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}

.primary-design-catalog-card-top p {
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design-catalog-card .primary-design-catalog-card-bottom svg {
  width: 3vw;
  height: 3vw;
}

.primary-design-catalog-card-top img {
  width: 100%;
  height: 21vw;
}


.primary-design-catalog-card {
  width: 24.7vw;
  height: 33.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.3vw 0;
}
.primary-design-catalog-card-bottom p {
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.profil-design-title h2 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.profil-design-title p {
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.profil-design-text-card h3 {
  font-family: Unbounded;
  font-size: 3.3vw;
  font-weight: 300;
  line-height: 120%;
  color: #eebf45;
}
.profil-design-text-card h4 {
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 130%;
  color: #2d2d2d;
}
.profil-design-text-card p {
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  color: #525252;
}


.profil-design-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: space-between;
  gap: 2%;
}
.profil-design-text-card {
  width: 32%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.5vw;
}

.profil-form-button {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
  gap: 15px;
}

.profil-form-btn {
  width: 19.71vw;
  height: 5vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.4vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
  box-shadow: 0px 20px 20px -20px #00000080;
}

.profil-form-button p {
  width: 60%;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 140%;
  text-align: center;
  color: #7b7b7b;
}

.stone-examples-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.stone-examples-title {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.stone-examples-btn {
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #b5b5b5;
  padding-bottom: 4px;
  border-bottom: 1px solid #b5b5b5;
  transition: all 0.5s linear;
  cursor: pointer;
}

.stone-examples-btn-box {
  display: flex;
  gap: 20px;
  margin-top: 30px;
}


.stone-examples-item {
  display: none;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 3px;
  width: 100%;
  height: 55vw;
  margin-top: 3vw;
}

.all-example-page {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin: 40px auto 0 auto;
}
.all-example-page span {
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.all-example-page svg {
  width: 3.1vw;
  height: auto;
  transition: all 0.5s linear;
}

.stone-protuct-content h2 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  gap: 1.3vw;
}

.stone-product-card {
  width: 100%;
  height: 20vw;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.5s linear;
}

.stone-product-card-text p {
  width: 70%;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

.stone-product-card-img2 {
  width: 11vw;
  height: auto;
  position: absolute;
  bottom: -50px;
  right: 10px;
}

.modern-content {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 3vw;
  justify-content: space-between;
  align-items: center;
  padding: 0 10.5vw;
}
.modern-title {
  font-family: Unbounded;
  font-size: 2.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
  margin-bottom: 1vw;
}


.modern-text p {
  color: #101010;
  font-size: 1.3vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}

.color-select-box {
  width: 23.5vw;
  height: 5vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.materials-select-box {
  width: 23.5vw;
  height: 5vw;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.materials-select-box p {
  color: #959595;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 7px;
}

.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.4vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}

.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}

.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.8vw 0.6vw 0.6vw;
    height: 0;
    left: 50%;
    margin-left: -11px;
    margin-top: 0px;
    position: absolute;
    top: 150%;
    width: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.8vw 0.6vw 06vw;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}

.select2-results__option {
  font-size: 1.4vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}


.product-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.7vw;
}
.product-banner-text3 {
  width: 95%;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 2.3vw;
}

.banner-list-box p {
  color: #fff;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.banner-list-box {
  width: 16.7vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 0.3vw;
}

.product-banner-text {
  width: 50%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  padding-bottom: 30px;
  padding-top: 18vw;
}


.product-about-left p {
  color: #101010;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 140%;
  margin-top: 1vw;
}

.product-about-box {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 1.6vw;
}
.product-about-tel {
  font-family: Unbounded;
  font-size: 2.2vw;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.product-about-box svg {
  width: 2.5vw;
  height: auto;
}
.product-about-btn {
  width: 33.7vw;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 2vw;
}


.contack-left {
    width: 60%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.contack-img {
   display: none;
}



.contack-map {
    width: 100%;
    height: 100%;
    display: flex;
}

.contack-bottom {
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.contack-title {
    font-family: Unbounded;
    font-size: 2.6vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}
.contack-box span {
    font-size: 1.5vw;
    font-weight: 300;
    line-height: 120%;
    color: #7b7b7b;
}


.contack-mail, .contack-box p, .contack-adres {
    font-size: 1.4vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}

.contack-tel, .contack-item-tel {
    font-family: Unbounded;
    font-size: 1.5vw;
    font-weight: 700;
    line-height: 100%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}

.contack-item-box svg {
    width: 2.6vw;
    height: auto;
}




.color-select-box2 .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.6vw 0.4vw 04vw;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}


.primary-design2-title h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.primary-design2-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.materials-select-box2 {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.color-select-box2 {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}



.materials-select-box2 p {
  color: #959595;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 5px;
}

.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.3vw;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}


.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 1.3vw;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}


.filter-delete {
  width: fit-content;
  display: flex;
  align-items: center;
  color: #959595;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
  cursor: pointer;
}


.filter-btn svg {
  width: 2.6vw;
  height: auto;
}




.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 0.6vw 0.4vw 04vw;
    height: 0;
    left: 50%;
    margin-left: -9px;
    margin-top: 3px;
    position: absolute;
    top: 150%;
    width: 0;
}




.stone-slider-text {
  width: 30vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}


.stone-slider-p {
  color: #101010;
  font-size: 1.4vw;
  font-weight: 300;
  line-height: 140%;
}
.stone-price {
  color: #2d2d2d;
  font-size: 1.7vw;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}


.stone-slider-price-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  justify-content: center;
}

.stone-slider-price-box span {
  color: #2d2d2d;
  font-size: 1.2vw;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin-top: 0.3vw;
}

.box-p {
  color: #959595;
  font-size: 1.3vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.box-p2 {
  color: #2d2d2d;
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.stone-banner-text1 {
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 5vw;
}

.stone-banner-text3 {
  width: 85%;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 20px;
}



.pro-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.pro-catalog-card-top p {
  color: #ffffff;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.pro-galery-link-text {
  width: 32vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}

.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -10px;
    margin-top: 10px;
    position: absolute;
    top: 150%;
    width: 0;
}




.pro-catalog-card:hover .pro-catalog-card-top {
  width: 100%;
  height: 100%;
  padding: 20px 10px;
}


.galery-img {
  height: 260px;
}

.pro-galery-select-box {
  width: 33%;
  height: 55px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}



.watterjet-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 30px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}

.watterjet-banner-text3 {
  width: 90%;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 30px;
}

.video-text p {
  color: #fff;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
}

.video-yt-link {
  position: absolute;
  bottom: 30px;
  right: 30px;
  transition: all 0.5s linear;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 110%;
  text-align: left;
}


.video-link svg {
  width: 130px;
  height: auto;
}

.video-container {
  width: 100%;
  height: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/vbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  margin-top: 80px;
}


.examples-content h2 {
  width: 100%;
  font-family: Unbounded;
  font-size: 30px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}



.examples-content h2 {
  width: 100%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}





.video-text h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #fff;
}

.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 10.5vw;
  gap: 60px;
}


.video-container {
  width: 100%;
  height: 55vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/vbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 80px;
}


.about-row-content {
  width: 100%;
  height: 47vw;
  display: flex;
  padding-right: 10.5vw;
  gap: 10px;
}

.our-spe-personal-text {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: 0vw;
}


.about-banner-text {
  width: 70%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  padding-bottom: 30px;
  padding-top: 14vw;
}


.about-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 30px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1.4vw;
}





.about-banner-list-box {
  width: 48%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 4%;
}


.about-banner-list {
  width: 95%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
  margin-top: 40px;
}



.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}



.about-banner-list-box p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.about-banner-text3 {
  width: 70%;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 20px;
}


.history-box {
  width: 100%;
  height: 12.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 100% 100%;
}

.history-box-text h3 {
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}


.history-box-text a span {
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 7px;
}

.history-date {
  width: 50vw;
  height: auto;
  position: absolute;
  top: 0.3vw;
  right: 1vw;
}


.history-logo {
  width: 67vw;
  height: auto;
  position: absolute;
  bottom: -5.5vw;
  right: -3vw;
}

.about-box-img {
  width: 48vw;
  height: 35vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-box-text {
  width: 32vw;
  height: 17vw;
  display: flex;
  padding: 10px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}


.ducument-slider-item {
  width: 100%;
  height: 30vw;
  padding: 0 5px;
}


.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 85px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -13px;
}


.history-date-item {
  width: 100%;
  height: fit-content;
  display: none;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.5s linear;
  margin-top: 30px;
}


.history-date-card {
  width: 49%;
  height: 29vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}

.history-date-card a img {
  width: 100%;
  height: 16.5vw;
}
.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}


.history-box2 {
  width: 100%;
  height: 15.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
}

.vacancies-price-item {
  width: 60%;
  display: flex;
  flex-direction: column;
  gap: 1.3vw;
}

.vacancies-contack {
  width: 40%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 15px;
  border-radius: 10px;
}
.vacancies-content h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}

.vacancies-price p {
  color: #818181;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}



.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: 15px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 0.2vw 0.3vw;
}

.vacancies-price-item a svg {
  width: 25px;
  height: auto;
}

.vc-title {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.vc-p {
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}


.vc-tel {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}
.vc-mail {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}

.vc-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 20px;
}

.history-box-text3 h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}

.history-date3 {
  width: 23vw;
  height: auto;
  position: absolute;
  top: 1.3vw;
  right: 0;
}


.history-logo3 {
  width: 70vw;
  height: auto;
  position: absolute;
  bottom: -5.5vw;
  right: -3vw;
}

.history-box-text3 a span {
  color: #242424;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 5px;
}


.history-box-text3 a svg {
  width: 30px;
  height: auto;
}


.history-box-text3 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 10px;
}

.vacancies-price h3 {
  color: #2D2D2D;
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}


.vacancies-price-item a {
  display: flex;
  align-items: center;
  gap: 10px;
}

.jop-text-item {
  width: 50vw;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.jop-contack {
  width: 31vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 15px;
  border-radius: 10px;
}

.jop-title {
  font-family: Unbounded;
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-p {
  color: #525252;
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}

.jop-tel {
  font-size: 1.9vw;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}


.jop-mail {
  font-size: 1.7vw;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}
.jop-btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.7vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 20px;
}

.jop-title h2 {
  font-family: Unbounded;
  font-size: 2.9vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.jop-title p {
  color: #636363;
  font-size: 2.2vw;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.jop-text-box h3 {
  font-family: Unbounded;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
  margin-bottom: 20px;
}

.jop-text-box li {
  color: #2d2d2d;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 10px;
  list-style-type: disc;
}


.jop-form-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 30px 20px;
  margin-top: 60px;
}


.jop-form-title h3 {
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}


.jop-form-title p {
  color: #2d2d2d;
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 120%;
}


.jop-form-box {
  width: 26vw;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}

.jop-form-box-send {
  width: 26vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.jop-form-box input, .jop-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.6vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}





.checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 1.5vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.article-title h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.article-title p {
  color: #636363;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.article-title {
  width: 70%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}



.article-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 15px;
  border: 1px solid #dbdbdb;
  background: #f2f4f7;
  border-radius: 5px;
  flex-shrink: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  color: #525252;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
}



.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 1.33%;
}


.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 2%;
}


.article-info-card {
  width: 32%;
  height: 36vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 2%;
}


.article-info-card a img {
  width: 100%;
  height: 17vw;
  object-fit: cover;
}

.article-info-text .article-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: .4vw .8vw;
  background: #acacac;
  font-weight: 500;
  font-size: 1.2vw;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.article-info-text h3 {
  font-weight: 700;
  font-size: 1.5vw;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-info-text p {
  font-weight: 300;
  font-size: 1.3vw;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}



.article-info-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 1vw;
  justify-content: space-between;
}


.article-time-text, .article-date-text {
  font-weight: 300;
  font-size: 11px;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}



.article-info-svg {
  width: 2.2vw;
  height: auto;
  transition: all 0.5s linear;
}



.article-more span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 5px 10px;
}


.article-text h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}


.article-text p {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}


.article-date2 {
  width: 22vw;
  height: auto;
  position: absolute;
  top: 20px;
  right: 0;
}
.article-box-text2 a span {
  color: #242424;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #242424;
  padding: 0 10px 5px 10px;
}


.article-text {
  width: 85%;
  display: flex;
  gap: 20px;
 flex-direction: column;
  gap: 2vw;
}

.article-date2 {
  width: 22vw;
  height: auto;
  position: absolute;
  top: 2vw;
  right: 0;
}
.article-logo2 {
  width: 60vw;
  height: auto;
  position: absolute;
  bottom: -4.5vw;
  right: -3vw;
}
.article-box2 {
  width: 100%;
  height: 18vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 100px;
}



.article-btn-item {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
  overflow-y: hidden;
  overflow-x: auto;
}


.article-btn-item::-webkit-scrollbar {
  width: 6px;
  height: 2px;
  background-color: #404348;
  border-radius: 4px;
  display: none;
}

.article-btn-item::-webkit-scrollbar-thumb {
  background-color: #1b1c21;
  border-radius: 4px;
  display: none;

}



.ad-banner-title {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 100%;
  letter-spacing: 0.07em;
  color: #fff;
}


.ad-banner-left span {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 4px 7px;
  background: #acacac;
  font-weight: 500;
  font-size: 11px;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #2d2d2d;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 60%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 10.5vw;
  padding-bottom: 20px;
  gap: 5vw;
}


.ad-text1 p {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
}
.ad-text1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ad-text-item {
  display: flex;
  height: fit-content;
  align-items: center;
  flex-direction: column;
  gap: 40px;
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
}


.ad-text-item img {
  width: 100%;
  height: auto;
}

.ad-text-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.ad-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/add.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.ad-catalog-text {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding:30px 20px;
  gap: 30px;

}

.ad-catalog-text h3 {
  width: 90%;
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
  margin-top: 3vw;
}
.ad-catalog-text p {
  width: 90%;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.ad-catalog-text a span {
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding: 0 0.3vw 0.3vw 0.3vw;
  padding: 0px 10px 5px 10px;
}

.ad-share {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}

.ad-share p {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 500;
  line-height: 120%;
}

.form-text-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.blog2-form-item {
  width: 38vw;
  height: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
}

.blog2-form-title h3 {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.blog2-form-title {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.blog2-form-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 15px;
  margin-top: 30px;
  flex-shrink: 0;
}
.blog2-form-box {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}

.blog2-form-title p {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}

.blog2-form-box input, .blog2-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.blog2-form-box-send {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog2-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.blog2-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  margin-top: 15px;
}


.blog2-checkbox-box label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.blog-text2 p {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
}

.blog-form-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
  margin-top: 80px;
}
.blog-form-title h3 {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.blog-form-title p {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}


.blog-form-box {
  width: 40%;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}

.blog-form-box input, .blog-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.blog-form-box-send {
  width: 40%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.blog-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 12px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}

.blog-checkbox-box .blog-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.blog2-checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.fr-banner-text h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 1.4vw;
}


.fr-banner-text p {
  color: #525252;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 30px;
}

.ctrl-text {
  width: 75%;
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}

.fr-banner-text {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
}


.ch-btn {
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  cursor: pointer;
}




.vc-row .header-logo-text {
  width: 24.65vw;
  
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}

.fr-banner-bg {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.fr-back span {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 30px;
}

.eror-banner-text p {
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 40px;
}

.eror-spe-tel {
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.eror-spe-box svg {
  width: 30px;
  height: auto;
}
.eror-back svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}
.eror-back {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 60px;
}
.er-row .header-logo-text {
  width: 24.65vw;
  
  font-size: 1.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #4e4e4e;
}


.eror-banner-bg {
  width: 60%;
  height: auto;
  position: absolute;
  top: 33%;
  right: 0;
}


.eror-banner-text {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 10.5vw;
  flex-shrink: 0;
}



.eror-text {
  width: 75%;
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 2vw;
}

.eror-back span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 0.5vw;
}





.tel-form-content,
.special-form-content,
.condition-form-content,
.cost-form-content,
.resume-form-content,
.adjust-form-content{
  width: 70vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}

.fr-form {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 30px 15px 20px 15px;
  justify-content: space-between;
}

.form-close svg {
  width: 20px;
  height: 20px;
  transition: all 0.5s linear 0s;
}



.form-close {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 2vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: 1.5vw;
  font-weight: 300;
  line-height: 120%;
}

.fr-box input, .fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.5vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.fr-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  flex-shrink: 0;
}
.fr-box {
  width: 100%;
  height: 4vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}



.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}
.fr-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.fr-send {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-check label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.iti__selected-flag {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 6px 0 0px;
}

.iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] {
  padding-right: 6px;
  padding-left: 43px;
  margin-left: 0;
}

.custom-file-upload span {
  color: #242424;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 100%;
  padding: 0 0.3vw 0.3vw 0.3vw;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
}

.custom-file-upload svg {
  width: 2.4vw;
  height: 2.5vw;
  transition: all 0.5s linear;
}

.custom-file-upload {
  display: flex;
  align-items: center;
  gap: 10px;
  cursor: pointer;
}








}

@media screen and (max-width: 768px){
  .header-search.active {
   display: none;
}
  .header-left {
    width: 7.1vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    background: url(../img/hl.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 1.1vw 0;
    z-index: 5;
}
.header-logo-item {
  width: fit-content;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 20px;
}
.header-logo {
  width: 200px;
  height: auto;
}
.header-logo-text {
 display: none;
}
.header-logo svg path {
  fill: #2D2D2D;
}

header {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 11;
  padding: 10px 0;
}



.header-wp {
  display: flex;
  width: 20px;
}


.header-contack {
  display: flex;
  align-items: center;
  gap: 10px;
}

.header-tel {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
  border-bottom: 1px solid #2d2d2d;
  padding-bottom: 3px;
}







.banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}


.header-m-icon {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  cursor: pointer;
  transition: all 0.5s linear;
  gap: 3px;
}

.header-m-icon span {
  width: 25px;
  height: 1.5px;
  display: block;
  background: #2d2d2d;
  transition: all 0.5s linear;
}



.header-left {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: static;
  top: 0;
  left: 0;
  padding: 1.1vw 0;
  z-index: 5;
}
.catalog-m-btn {
  display: none;
  flex-direction: column;
  gap: 40px;
  transition: all 0.5s linear;
}

.header-down {
  display: none;
  flex-direction: column;
  gap: 2.1vw;
  position: relative;
}


.header-m-icon.active span:nth-child(1) {
  transform: rotate(45deg) translate(5px, 1px);
  background: #cea743;
}



.header-m-icon.active span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -1px);
  background: #cea743;
}

.menu-logo {
  width: 180px;
  height: fit-content;
  display: flex;
  margin-left: 20%;
}
.nav-content {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.menu-a, .menu-a span {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: left;
  transition: all .5s linear;
  cursor: pointer;
}
.menu-u {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.menu-a svg {
  width: 18px;
  height: 18px;
  display: flex;
  flex-shrink: 0;
}

.menu-dd-a {
  color: #2D2D2D;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
  transition: all .5s linear;
}

.menu-dd {
  width: 100%;
  height: fit-content;
  max-height: 0;
  display: flex;
  flex-direction: column;
  padding-left: 1.3vw;
  gap: 10px;
  overflow: hidden;
  transition: all .5s linear;
  margin-top: 10px;
}
.menu-bottom-link span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.menu-bottom-link svg {
  width: 20px;
  height: 20px;
  display: flex;
  flex-shrink: 0;
}

.menu-bottom-link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.menu-bottom-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1vw;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.menu-bottom {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  margin-top: 30px;
}

nav {
  width: 380px;
  height: 100vh;
  display: flex;
  position: absolute;
  background: #FFF;
  top: 0;
  left: -100%;
  z-index: 1;
  padding-left: 10.5vw;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all .5s linear;
}


.banner-text1 {
  width: 95%;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}
.banner-text2 {
  width: 95%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 25px;
}



.banner-text3 {
  width: 95%;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 4.1vw;
}


.banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}

.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: 30px;
}


.header-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 30px;
  padding-left: 30px;
}

.product-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.product-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.product-title {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.product-card {
  width: 33%;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 15px;
}



.pro-title {
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
}


.pro-bottom-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.pro-bottom-link img {
  width: 28px;
  height: 28px;
}


.pro-top {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
  transition: all 0.5s linear;
}
.pro-link-box {
  width: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  opacity: 0;
  visibility: hidden;
}
.pro-link-box a {
  width: fit-content;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #fff;
  transition: all 0.5s linear;
  padding-left: 1.1vw;
  position: relative;
}


.pro-bottom-link p {
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding-bottom: .3vw;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #fff;
  display: none;
  transition: all 0.5s linear;
}




.stone-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 80px;
}


.stone-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.stone-title h3 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.stone-catalog-card {
  width: 32%;
  height: 250px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}

.stone-catalog-card-top img {
  width: auto;
  height: 150px;
}

.stone-catalog-card-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  height:38px;
}

.stone-catalog-card-bottom {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-top: 15px;
}
.stone-catalog-card .stone-catalog-card-bottom svg {
  width: 30px;
  height: 30px;
  display: flex;
  flex-shrink: 0;
}


.stone-catalog-card-bottom p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.all-stone-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0  .6vw .4vw .6vw;
}

.all-stone-page {
  display: flex;
  align-items: center;
  gap: 20px;
  margin: 30px auto 0 auto;
}

.all-stone-page svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}
.completed-proje-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.completed-proje-title {
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.completed-proje-title h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.completed-proje-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}



.completed-proje-item {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 5px;
  padding: 0 20px;
}

.completed-proje-card {
  width: 32%;
  height: 220px;
  flex-grow: 1;
}

.completed-proje-container > :nth-child(3n + 1) {
  flex: 3;
}
.completed-proje-container > :nth-child(3n + 2) {
  flex: 4;
}
.completed-proje-container > :nth-child(3n + 3) {
  flex: 2;
}
.completed-proje-container > :nth-child(3n + 4) {
  flex: 4;
}
.completed-proje-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px;
  gap: 20px;
  background: linear-gradient(180deg, #00000000, #00000091),
  linear-gradient(180deg, #00000000, #00000000);
}
.completed-proje-text p {
  width: calc(95% - 20px);
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}
.completed-proje-text svg {
  transition: all 0.5s linear;
  width: 36px;
  height: auto;
  display: flex;
  flex-shrink: 0;
}

.all-projet-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px 5px 10px;
}

.all-projet-page svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}

.about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}


.all-projet-page {
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 0 auto;
}


.completed-proje-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 30px;
  padding-top: 40px;
  padding-bottom: 30px;
  gap: 20px;
  
}


.about-text-1 h3 {
  font-family: Unbounded;
  font-size: 25px;
  font-weight: 500;
  line-height: 120%;
  color: #fff;
}

.about-text-1 p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}


.about-text-1 {
  width: 95%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.about-text-box-text h3 {
  font-family: Unbounded;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.about-info p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}


.about-info a {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}

.about-info {
  display: flex;
  flex-direction: column;
  position: static;
  margin-top:50px;
   gap: 5px;
}

.about-info a svg {
  width: 21px;
  height: auto;
  transition: all 0.5s linear;
}

.about-content {
  width: 100%;
  height: fit-content;
  display: flex;
}
.about-right-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  background: #31313193;
  padding-left: 20px;
  padding-bottom: 30px;
  justify-content: flex-end;
}
.about-info-right p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  margin-left: 0.3vw;
}
.about-info-right a {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
}


.about-info-right a svg {
  width: 25px;
  height: auto;
}

.water-cut-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/waterbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 100px;
  gap: 30px;
}
.water-cut-text h3 {
  font-family: Unbounded;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.water-cut-text {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}
.water-cut-text p {
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  color: #fff;
}
.water-cut-text a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.water-cut-text a span {
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  border-bottom: 1px solid #fff;
  transition: all 0.5s linear;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.water-cut-text a svg {
  width: 24px;
  height: auto;
  transition: all 0.5s linear;
}

.water-yt-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.contack-specialist-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0vw;
}

.contack-specialist-left {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 0;
  flex-shrink: 0;
}

.contack-specialist-left h3 {
  font-family: Unbounded;
  font-size: 25px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.contack-specialist-left p {
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 20px;
}
.contack-spe-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}
.contack-spe-tel {
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}


.contack-spe-box svg {
  width: 20px;
  height: 20px;
}

.contack-specialist-left .p2 {
  width: 80%;
  margin-top: 25px;
}


.contack-spe-btn {
  width: fit-content;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 25px;
  padding: 0 10px;
}

.contack-specialist-right {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: flex-end;
  /* padding-bottom: 3vw; */
}

.contack-spe-img {
  width: 100%;
  height: auto;
  
}

.contack-spe-personal-text h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}
.contack-spe-personal-text p {
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.help-info-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
.help-info-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}

.help-info-title h3 {
  font-family: Unbounded;
  font-size: 25px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.help-info-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}

.help-info-item {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 2%;
}

.help-info-card {
  width: 49%;
  height: 320px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 2%;
}

.help-info-card a img {
  width: 100%;
  height: 160px;
  object-fit: cover;
}

.help-info-text .help-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 5px 7px;
  background: #acacac;
  font-weight: 500;
  font-size: 11px;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.help-info-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 10px;
  gap: 12px;
  justify-content: space-between;
}

.help-info-text h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.help-info-text p {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.time svg, .date svg {
  width: 14px;
  height: auto;
}
.time-text, .date-text {
  font-weight: 300;
  font-size: 11px;
  line-height: 110%;
  color: rgba(123, 123, 123, 1);
}

.time, .date {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.help-info-svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}

.all-info-page {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 30px auto 0 auto;
}
.all-info-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px 5px 10px;
}

.all-info-page svg {
  width: 30px;
  height: 30px;
  transition: all 0.5s linear;
}

footer {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1e1e1e;
  margin-top: 80px;
}

.footer-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 50px 30px 20px 30px;
}





.footer-logo {
  width: 200px;
  height: fit-content;
}


.footer-text {
  width: 50%;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #8e8e8e;
}

.footer-center {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  gap: 10px;
}

.footer-menu-title {
  font-size: 12px;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.16em;
  color: #fff;
}


.footer-a {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.footer-a2 {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
  margin-top: 10px;
}
.footer-menu {
  display: flex;
  justify-content: space-between;
  gap: 25px;
}

.footer-tel {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  text-align: right;
}

.footer-mail {
  font-size: 11px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 0.3vw;
  text-align: right;
}
.footer-media-contack {
  display: flex;
  gap: 10px;
}
.footer-wp svg, .footer-tg svg {
  width: 20px;
  height: 20px;
}


.footer-tel2 {
  font-size: 12px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
}



.footer-media {
  display: flex;
  align-items: center;
  margin-top: 15px;
  gap: 10px;
}



.footer-form-btn {
  font-size: 15px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid #fff;
  display: flex;
  cursor: pointer;
}
.footer-tel3 svg {
  width: 20px;
  height: 20px;
  transition: all 0.5s linear;
  display: flex;
  flex-shrink: 0;
}

.footer-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 15px;
}
.copy-box1 {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}

.policy-a {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.footer-bottom-left {
  display: flex;
  gap: 35px;
}

.aurtor p {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}
.aurtor a {
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  transition: all 0.5s linear;
}
.about-text-box-text span {
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
  text-align: left;
}

.about-text-box {
  display: flex;
  flex-direction: column;
  margin-bottom: 20px;
}

.stone-banner-text2 {
  width: 95%;
  font-family: Unbounded;
  font-size: 4.3vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 25px;
}


.stone-banner-text {
  width: 55%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}

.stone-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.page-pagination {
  display: flex;
  gap: 5px;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 30px;
  top: 70px;
}

.page-pagination p, .page-pagination a {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  position: relative;
}


.windows-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}


.windows-banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}
.windows-banner-text1 {
  width: 95%;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
}

.windows-banner-text2 {
  width: 94%;
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 20px;
}

.windows-banner-text3 {
  width: 95%;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 25px;
}

.spe-btn {
  width: 33vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}

.cal-btn {
  width: 22.71vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 1.6vw;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.windows-banner-button {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 30px;
}

.windows-banner-text {
  width: 70%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}


.windows-stone-features-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}

.windows-features-card1 h3 {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.windows-features-card-bottom img {
  width: 105px;
  height: auto;
}

.windows-features-card-bottom p {
  font-size: 10px;
  font-weight: 400;
  line-height: 120%;
  color: #6f6f6f;
}

.windows-features-card1 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  -ms-grid-row-align: stretch;
  align-self: stretch;
  grid-row-start: 1;
  grid-column-start: 1;
  grid-row-end: 4;
  grid-column-end: 4;
  height: 23.65vw;
}

.windows-feature-text h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}


.windows-feature-text p {
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}

.primary-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}


.primary-design-title h2 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}


.primary-design-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.primary-design-vector {
  width: 46%;
  right: 0;
  top: -110px;
  position: absolute;
  z-index: -1;
}

.primary-design-filter {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
}



.materials-select-box {
  width: 260px;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.materials-select-box p {
  color: #959595;
  font-size: 14px;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 7px;
}


.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 14px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}

.select2-results__option {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
}


.color-select-box {
  width: 260px;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}
.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 5px.6px;
    height: 0;
    left: 50%;
    margin-left: -15px;
    margin-top: 54%;
    position: absolute;
    top: 150%;
    width: 0;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 5px 6px;
    height: 0;
    left: 50%;
    margin-left: -12px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}

.primary-design-catalog-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  gap: 2%;
  margin-top: 30px;
  position: relative;
  z-index: 1;
  justify-content: center;
}


.primary-design-catalog-card {
  width: 32%;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.3vw 0;
  margin-bottom: 20px;
}

.primary-design-catalog-card-top img {
  width: auto;
  height: 170px;
}

.primary-design-catalog-card-top span {
  color: #818181;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}
.primary-design-catalog-card-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}


.primary-design-catalog-card-bottom p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}


.primary-design-catalog-card .primary-design-catalog-card-bottom svg {
  width: 30px;
  height: 30px;
}

.profil-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}

.profil-design-title h2 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.profil-design-title p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.profil-design-text-card h3 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 300;
  line-height: 120%;
  color: #eebf45;
}

.profil-design-text-card h4 {
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  color: #2d2d2d;
}

.profil-design-text-card p {
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  color: #525252;
}


.profil-design-img-card {
  width: 33%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}
.profil-form-btn {
  width: 220px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
  box-shadow: 0px 20px 20px -20px #00000080;
}

.profil-form-button p {
  width: 90%;
  font-size: 14px;
  font-weight: 300;
  line-height: 140%;
  text-align: center;
  color: #7b7b7b;
}
.stone-examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.stone-examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}

.stone-examples-btn {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #b5b5b5;
  padding-bottom: 4px;
  border-bottom: 1px solid #b5b5b5;
  transition: all 0.5s linear;
  cursor: pointer;
}

.stone-examples-item {
  display: none;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 3px;
  width: 100%;
  height: 500px;
  margin-top: 30px;
}

.all-example-page span {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #242424;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
  padding: 0 10px;
}

.all-example-page svg {
  width: 31px;
  height: auto;
  transition: all 0.5s linear;
}

.all-example-page {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 40px auto 0 auto;
}

.stone-examples-title {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.stone-protuct-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}


.stone-protuct-content h2 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 2%;
}

.stone-product-card {
  width: 49%;
  height: 180px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.5s linear;
  margin-bottom: 80px;
}

.stone-product-card-img2 {
  width: 100px;
  height: auto;
  position: absolute;
  bottom: -50px;
  right: 10px;
}
.stone-product-card-text p {
  width: 70%;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

.stone-protuct-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 50px;
}


.modern-content {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  padding: 0 30px;
}


.modern-title {
  font-family: Unbounded;
  font-size: 25px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.modern-text p {
  color: #101010;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}


.modern-img {
  width: 100%;
  height: 350px;
}

.modern-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
}














.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 5px .6px;
    height: 0;
    left: 50%;
    margin-left: -11px;
    margin-top: 0px;
    position: absolute;
    top: 20px;
    width: 0;
}


.product-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}


.product-banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-top: 18vw;
}


.product-banner-text2 {
  width: 80%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 40px;
}

.product-banner-text3 {
  width: 95%;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 30px;
}

.banner-list-box {
  width: 48%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.banner-list-box p {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}


.product-about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 100px;
}

.product-about-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 30px;
  gap: 20px;
}

.product-about-left p {
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 1vw;
}

.product-about-tel {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.product-about-box svg {
  width: 30px;
  height: auto;
}


.product-about-btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 20px;
}


.contack-container {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100px;
    margin-bottom: 80px;
}

.contack-content {
    width: 100%;
    height: fit-content;
    display: flex;
    flex-direction: column;
    padding: 0 30px;
    gap: 80px;
}

.contack-top {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

.contack-title {
    font-family: Unbounded;
    font-size: 26px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}

.contack-box span {
    font-size: 16px;
    font-weight: 300;
    line-height: 120%;
    color: #7b7b7b;
}



.contack-mail, .contack-box p, .contack-adres {
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}

.contack-tel, .contack-item-tel {
    font-family: Unbounded;
    font-size: 16px;
    font-weight: 700;
    line-height: 100%;
    color: #2d2d2d;
    transition: all 0.5s linear;
}

.contack-item-box svg {
    width: 30px;
    height: auto;
}


.contack-item {
    width: 100%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    gap: 60px;
}

.contack-left {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.contack-bottom {
    width: 100%;
    height: 300px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}


.contack-right {
    width: 100%;
    /* height: auto; */
    /* max-height: 350px; */
}



.primary-design2-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: 80px;
}


.primary-design2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}


.primary-design2-catalog-item.active .primary-design2-catalog-card {
  width: 48%;
  height: 37.1vw;
}

.primary-design2-catalog-item.active
  .primary-design2-catalog-card
  .primary-design2-catalog-card-top
  img {
    width: 100%;
    height: 25vw;
}


.primary-design2-catalog-card-top span {
  color: #818181;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}


.primary-design2-catalog-card-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #2D2D2D;
}


.primary-design2-catalog-card-bottom p {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  display: none;
  transition: all 0.5s linear;
}

.primary-design2-catalog-card .primary-design2-catalog-card-bottom svg {
  width: 30px;
  height: auto;
}


.primary-design2-catalog-card {
  width: 32%;
  height: 41.1vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}

.primary-design2-catalog-card-top img {
  width: 100%;
  height: 24vw;
}

.materials-select-box2 p {
  color: #959595;
  font-size: 12px;
  font-weight: 400;
  line-height: 14.4px;
  position: absolute;
  z-index: 1;
  left: 10px;
  top: 5px;
}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 13px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}

.color-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
    color: #2d2d2d;
}

.filter-delete {
  width: fit-content;
  display: flex;
  align-items: center;
  color: #959595;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  flex-shrink: 0;
  cursor: pointer;
}
.filter-btn svg {
  width: 25px;
  height: auto;
}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -9px;
    margin-top: 7px;
    position: absolute;
    top: 150%;
    width: 0;
}

.color-select-box2 .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -8px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}




.stone-slider-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}


.stone-slider-row {
  display: flex;
  margin-top: 30px;
  justify-content: space-between;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
}

.stone-info-text {
  position: absolute;
  display: flex;
  flex-direction: column;
  gap: 15px;
  left: 32vw;
  display: none;
}


.stone-slider-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}


.stone-slider-p {
  color: #101010;
  font-size: 16px;
  font-weight: 300;
  line-height: 140%;
}

.stone-slider-price {
  display: flex;
  gap: 30px;
  margin-top: 20px;
  justify-content: flex-start;
}
.stone-slider-price-box span {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  margin-top: 0.3vw;
}

.stone-price {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  text-align: center;
}
.slider-stick-item {
  width: 100%;
  height: 50vw;
  display: flex;
}
.slider-stick-item img {
  width: 100%;
  height:50vw;
  border-radius: 10px;
}

.stone-slider-item {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 10px;
}

.slider-stick-nav {
  width: 100%;
  height: 13vw;
  display: flex;
  justify-content: space-between;
}

.slider-stick-nav img {
  width: 100%;
  height: 13vw;
  object-fit: 100%;
  padding: 5px;
  border-radius: 10px;
}


.stone-slider-btn {
  width: 320px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  border: 3px solid;
  /* border-image-source: linear-gradient(355.8deg, #b89c56 6.38%, #e0c98e 94.92%); */
  background: linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  margin-top: 20px;
  cursor: pointer;
  /* overflow: hidden; */
}


.pro-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
  align-items: center;
}

.pro-galery-link-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0px 30px;
}
.pro-galery-link-text {
  width: 45vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}
.pro-galery-link-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: url(../img/gl.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0% 50%;
}

.pro-catalog-card-top p {
  color: #ffffff;
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.pro-catalog-card-top h3 {
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}


.pro-catalog-card {
  height: 32vw;
}

.pro-catalog-item {
  width: 100%;
 display: flex;
 flex-wrap: wrap;
 gap: 1%;
  height: 100%;
  margin-top: 40px;
  
}



.pro-catalog-card {
  width: 49.5%;
  height: 50vw;
  margin-bottom: 1%;
}




.pro-catalog-select-box {
  width: 50%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.pro-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.galery-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}


.galery-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
    height: 100%;
  margin-top: 40px;
  gap: 1%;
 
}

.galery-img{
  width: 49.5%;
  height: 300px;
  margin-bottom: 1%;
}

.pro-galery-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
    font-size: 15px;
    font-weight: 500;
    line-height: 120%;
    color: #2d2d2d;
}





.watterjet-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}




section .header-logo svg g path{
  width: 100%;
  height: auto;
 fill: #4E4E4E;
}



section .header-tel {
  color: #4E4E4E;
  border-color: #4E4E4E;
}


section .header-wp svg g path{
  width: 100%;
  height: auto;
 fill: #4E4E4E;
}



section .header-m-icon span {
  width: 25px;
  height: 1.5px;
  display: block;
  background: #4E4E4E;
  transition: all 0.5s linear;
}


.watterjet-banner-text {
  width: 70%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-top: 80px;
  padding-bottom: 80px;
}



.watterjet-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 1vw;
}

.watterjet-banner-text3 {
  width: 90%;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  color: #ffffff;
  margin-top: 30px;
}

.video-text h3 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #fff;
}
.video-text p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
}

.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 30px;
  gap: 60px;
}

.examples-content h2 {
  width: 100%;
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
}

.examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 30px;
  gap: 30px;
}


.examples-item {
  display: flex;
  flex-wrap: wrap;
  gap: 1%;
  height: 100%;
}



.examples-catalog-card {
  width: 49.5%;
  height: 40vw;
  position: relative;
  margin-bottom: 1%;
}

.examples-catalog-card:hover .examples-catalog-card-top {
  height: 100%;
  padding: 20px 10px;
}




.about-banner-container {
  width: 100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}


.about-banner-text {
  width: 100%;
  height: fit-content;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-top: 80px;
}


.about-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.our-specialist-content {
  width: 100%;
  height: 60vw;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 30px;
  padding-right: 30px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}

.our-specialist-left {
  width: 55%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  flex-shrink: 0;
  padding-bottom: 40px;
}
.our-spe-img {
  width: 100%;
  height: auto;
}
.history-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px 30px;
}

.history-about-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 60px;
}
.our-spe-personal-text {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: -13vw;
}

.about-box-img {
  width: 50%;
  height: 40vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}


.about-box-text {
  width: 40vw;
  height: 20vw;
  display: flex;
  padding: 10px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}


.history-about-box1 .about-box-text img {
  width: 25vw;
  height: auto;
}

.history-about-box2 .about-box-text img {
  width: 18vw;
  height: auto;
}

.history-about-box3 .about-box-text img {
  width: 25vw;
  height: auto;
}


.about-row-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding:0px;
  gap: 10px;
}

.row-about-left {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/abo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.row-about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding: 30px;
}


.row-about-right {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1%;
}


.row-about-card {
  width: 49.5%;
  height: 27vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
  margin-bottom: 1%;
}

.document-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 30px;
}

.ducument-slider-item {
  width: 100%;
  height: 35vw;
  padding: 0 5px;
}
.ducument-slider .slick-arrow {
  position: absolute;
  top: -30px;
  display: flex;
  align-items: center;
  gap: 0.6vw;
  z-index: 2;
}

.personal-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0;
}
.row-about-text-2 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}



.row-about-text-1 {
  width: 50vw;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.row-about-text-1 p {
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #fff;
}

.row-about-text-box-text {
  display: flex;
  gap: 5px;
}
.row-about-text-box p {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
  text-align: left;
}

.row-about-right-text h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}

.row-about-right-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}


.row-about-card {
  width: 49.5%;
  height: 30vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
  margin-bottom: 1%;
}

.ducument-slider-item {
  width: 100%;
  height: 360px;
  padding: 0 5px;
}

.our-specialist-right {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: flex-start;
  justify-content: flex-end;
}


.history-date-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}






.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 71px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -13px;
}


.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.history-date-card {
  width: 49%;
  height: 32vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}



.history-date-card a img {
  width: 100%;
  height: 20vw;
}


.vacancies-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 30px;
}


.vacancies-price h3 {
  color: #2D2D2D;
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}

.vacancies-price p {
  color: #818181;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}


.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: 14px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 0.2vw 0.3vw;
}


.vacancies-price-item a svg {
  width: 24px;
  height: auto;
}

.vc-title {
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.vc-p {
  color: #525252;
  font-size: 13px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}


.vc-tel {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}


.vc-mail {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}


.vc-btn {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 20px;
}



.history-box3 {
  width: 100%;
  height: 14.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
}


.history-box3 {
  width: 100%;
  height: 20.45vw;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
}

.history-date3 {
  width: 30vw;
  height: auto;
  position: absolute;
  top: 1.3vw;
  right: 0;
}

.history-logo3 {
  width: 75vw;
  height: auto;
  position: absolute;
  bottom: -6.5vw;
  right: -3vw;
}

.jop-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}



.jop-text-item {
  width: 55%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.jop-contack {
  width: 42%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 15px;
  border-radius: 10px;
}


.jop-title h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
}


.jop-title p {
  color: #636363;
  font-size: 22px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.jop-text-box h3 {
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
  margin-bottom: 20px;
}


.jop-text-box li {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  margin-bottom: 10px;
  list-style-type: disc;
}
.jop-title {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.jop-p {
  color: #525252;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 15px;
}
.jop-tel {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 10px;
}
.jop-mail {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}

.jop-btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 20px;
}

.jop-form-title h3 {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}
.jop-form-title p {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
}

.jop-form-box {
  width: 35vw;
  height: 50px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}


.jop-form-box-send {
  width: 35vw;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}


.jop-form-box input, .jop-form-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}




.checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 1.8vw;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.article-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}


.article-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.article-info-card {
  width: 48%;
  height: 360px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 4%;
}

.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 4%;
}


.article-info-card a img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.article-info-text .article-s {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 5px 10px;
  background: #acacac;
  font-weight: 500;
  font-size: 10px;
  line-height: 110%;
  letter-spacing: 0.04em;
  color: #fff;
}

.article-info-text h3 {
  font-weight: 700;
  font-size: 16px;
  line-height: 110%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.article-info-text p {
  font-weight: 300;
  font-size: 14px;
  line-height: 120%;
  color: #000;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.article-info-card-bottom {
  display: flex;
  height: 20px;
  align-items: center;
  justify-content: space-between;
}



.article-info-svg {
  width: 20px;
  height: auto;
  transition: all 0.5s linear;
}
.article-box2 {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 80px;
}


.article-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 120px;
}


.article-text {
  width: 85%;
  display: flex;
  gap: 20px;
  flex-direction: column;
  gap: 20px;
}

.article-box-text2 a {
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}



.article-date2 {
  width: 40%;
  height: auto;
  position: absolute;
  top: 11px;
  right: 0;
}


.article-logo2 {
  width: 77%;
  height: auto;
  position: absolute;
  bottom: auto;
  top: 68%;
  right: -30px;
}


.ad-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 60%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 30px;
  padding-bottom: 20px;
  gap: 5vw;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 30px;
  padding-bottom: 20px;
  gap: 80px;
}

.ad-row-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  padding: 0px 30px;
}



.ad-catalog-text {
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding: 30px 20px;
  gap: 30px;
}


.blog2-form-item {
  width: 45vw;
  height: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
}



.fr-banner-text {
  width: 70%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}



.fr-banner-container {
  width: 100%;
  height: 50vh;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}



.fr-banner-bg {
  width: 101%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}





.eror-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}




.eror-banner-text {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-top: 60px;
  padding-bottom: 30px;
  flex-shrink: 0;
}


.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 0px;
  margin-bottom: 43vw;
}


.eror-banner-text p {
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}

.eror-banner-bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 90px;
  right: 0;
}

.eror-banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}


.tel-form-content,
.special-form-content,
.condition-form-content,
.cost-form-content,
.resume-form-content,
.adjust-form-content{
  width: 75vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}

.fr-form {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 15px 20px 15px;
  justify-content: space-between;
}

.form-close svg {
  width: 20px;
  height: 20px;
  transition: all 0.5s linear 0s;
}



.form-close {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 3vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 120%;
}

.fr-box input, .fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 1.8vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.fr-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  flex-shrink: 0;
}
.fr-box {
  width: 100%;
  height: 4vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}



.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}
.fr-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.fr-send {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-check label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 9px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 2.1vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: 1.8vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.custom-file-upload span {
  color: #242424;
  font-size: 1.9vw;
  font-weight: 500;
  line-height: 100%;
  padding: 0 0.3vw 0.3vw 0.3vw;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
}

.custom-file-upload svg {
  width:20px;
  height: 20px;
  transition: all 0.5s linear;
}


}






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

  .header-content {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 20px;
    padding-left: 20px;
}
  .banner-text {
    width: 60%;
    height: 100%;
    background: rgb(0 0 0 / 43%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding-left: 20px;
}


.product-title {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.product-card {
  width: 50%;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 15px;
}


.stone-title h3 {
  font-family: Unbounded;
  font-size: 30px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}
.stone-catalog-card {
  width: 49%;
  height: 270px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}

.stone-catalog-card-top img {
  width: 100%;
  height: auto;
  
}
.stone-catalog-card a{
	max-width: 100%;
}
.completed-proje-title h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.completed-proje-card {
  width: 49%;
  height: 220px;
  flex-grow: 1;
}

.about-content {
  width: 100%;
  height: fit-content;
  flex-direction: column;
  display: flex;
}
.about-left {
  width: 100%;
  display: flex;
  background: url(../img/abo.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.about-right {
  width: 100%;
  height: 370px;
  display: flex;
  background: url(../img/abo1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.water-yt-link {
  font-size: 8px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  text-decoration: underline;
  transition: all 0.5s linear;
}

.about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding-left: 20px;
  padding-top: 40px;
  padding-bottom: 30px;
  gap: 20px;
}
.stone-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 30px;
}
.water-cut-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/waterbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  align-items: flex-end;
  justify-content: space-between;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 100px;
  gap: 30px;
}
.contack-specialist-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 0vw;
}

.contack-specialist-left {
  width: 55%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 0;
  flex-shrink: 0;
}


.contack-spe-personal-text {
  padding: 1vw 1.5vw;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 1vw;
  left: -2vw;
}

.contack-spe-btn {
  width: fit-content;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 25px;
  padding: 0 10px;
}

.contack-spe-tel {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}


.contack-spe-box svg {
  width: 25px;
  height: 25px;
}

.contack-spe-personal-text h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}
.contack-spe-personal-text p {
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}


.help-info-title p {
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #525252;
}


.help-info-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.help-info-card {
  width: 49%;
  height: 360px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 2%;
}

.footer-top {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 20px;
  order: 0;
}

.footer-text {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: center;
  color: #8e8e8e;
}


.footer-center {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column-reverse;
  margin-top: 30px;
  gap: 10px;
}
.footer-center2 {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-tel {
  font-size: 19px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
 text-align: center;
}

.footer-mail {
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 0.3vw;
  text-align:  center;
}

.footer-wp svg, .footer-tg svg {
  width: 25px;
  height: 25px;
}


.footer-tel2 {
  font-size: 14px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
  margin-left: 10px;
}
.footer-tel3 svg {
  width: 25px;
  height: 25px;
  transition: all 0.5s linear;
  display: flex;
  flex-shrink: 0;
}

.footer-menu {
  display: flex;
  width: 100%;
  justify-content: space-between;
  gap: 25px;
  margin-top: 20px;
}

.footer-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 50px 20px;
}
.stone-banner-text {
  width: 60%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 30px;
}
.stone-banner-text2 {
  width: 95%;
  font-family: Unbounded;
  font-size: 4.8vw;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 25px;
}




.windows-banner-button {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  margin-top: 30px;
  flex-direction: column;
}

.spe-btn {
  width: 332px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}




.cal-btn {
  width: 332px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.windows-banner-text {
  width: 67%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
}


.windows-stone-item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}



.windows-features-card1 {
  grid-area: 1 / 1 / 2 / 3;
  height: 240px;
}

.windows-stone-item .windows-features-card:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
.windows-stone-item .windows-features-card:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}

.windows-stone-item .windows-features-card:nth-child(4) {
  grid-area: 3 / 1 / 4 / 2;
}

.windows-stone-item .windows-features-card:nth-child(5) {
  grid-area: 3 / 2 / 4 / 3;
}



.windows-features-card1 h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.windows-features-card-bottom img {
  width: 150px;
  height: auto;
}


.windows-features-card-bottom p {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #6f6f6f;
}



.windows-feature-text p {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #fff;
}
.windows-feature-text h3 {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
}


.primary-design-catalog-card {
  width: 49%;
  height: 300px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1.3vw 0;
  margin-bottom: 20px;
}


.primary-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}



.primary-design-catalog-card-top img {
  width: 100%;
    height: auto;
    max-width: 100%;
}


.primary-design-catalog-card-top span {
  color: #818181;
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
}


.primary-design-catalog-card-top p {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  height: 38px;
}
.primary-design-catalog-card a {
  max-width: 100%;
}
.profil-design-top {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
  justify-content: flex-start;
  gap: 3%;
}
.profil-design-top.block-img{
    flex-wrap: nowrap;
    overflow-y: scroll;
}


.profil-design-text-card {
  width: 48.5%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}


.stone-examples-item {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 30px;
  height: fit-content;
}
.stone-examples-item-box {
  height: 250px;
  width: 100%;
  display: flex;
  display: block;
}

.stone-examples-item-box:nth-child(1) {
  grid-area: 1 / 1 / 2 / 3;
}

.stone-examples-item-box:nth-child(2) {
  grid-area: 2 / 1 / 3 / 2;
}
.stone-examples-item-box:nth-child(3) {
  grid-area: 2 / 2 / 3 / 3;
}
.stone-examples-item-box:nth-child(4) {
  grid-area: 3 / 1 / 4 / 2;
}
.stone-examples-item-box:nth-child(5) {
  grid-area: 3 / 2 / 4 / 3;
}
.stone-examples-item-box:nth-child(6) {
  grid-area: 4 / 1 / 5  / 3;
}
.stone-examples-item-box:nth-child(7) {
  grid-area: 5 / 1 / 6 / 2; 
}
.stone-examples-item-box:nth-child(8) {
  grid-area: 5 / 2 / 6 / 3;
}
.stone-examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.stone-protuct-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.windows-stone-features-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.profil-design-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}
.modern-content {
  width: 100%;
  height: fit-content;
  display: flex;
  gap: 40px;
  justify-content: space-between;
  flex-direction: column;
  align-items: center;
  padding: 0px 20px;
}




.product-banner-text2 {
  width: 90%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 40px;
}

.banner-list-box p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.product-about-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0 20px;
  gap: 40px;
  flex-wrap: wrap;
}

.product-about-left {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-about-btn {
  width: 300px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 1vw;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 20px;
}


.product-about-right {
  width: 100%;
  height: auto;
}




.header-m-icon span {
  width: 25px;
  height: 1.5px;
  display: block;
  background: #2D2D2D;
  transition: all 0.5s linear;
}
.product-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}
.product-banner-text {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-bottom: 30px;
  padding-right: 20px;
  padding-top: 60px;
}

.product-banner-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1.2vw;
  margin-top: 40px;
}

.banner-list-box p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.product-about-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.product-about-box {
  display: flex;
  align-items: center;
  gap: 1vw;
  margin-top: 20px;
}

.product-about-left p {
  color: #101010;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 15px;
}


.stone-banner-container {
    width: 100%;
    height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px;
}


section .header-logo svg g path{
    width: 100%;
    height: auto;
   fill: #4E4E4E;
}



section .header-tel {
    color: #4E4E4E;
    border-color: #4E4E4E;
}


section .header-wp svg g path{
    width: 100%;
    height: auto;
   fill: #4E4E4E;
}

.contack-mail, .contack-box p, .contack-adres {
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  gap: 80px;
}

.contack-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 60px;
}

.contack-item-box {
  display: flex;
  align-items: center;
  gap: 10px;
}

.contack-left {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.contack-right img {
  width: 100%;
  height: auto;
  max-height: 300px;
}


.header-logo {
  width: 180px;
  height: auto;
}

.primary-design2-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}



.primary-design2-filter > .materials-select-box2:nth-child(3),
.primary-design2-filter > .materials-select-box2:nth-child(4) {
   display: none;
}

.filter-column-row {
  display: none;
}


.filter-delete {
  display: none;

}
.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -12px;
    margin-top: 7px;
    position: absolute;
    top: 150%;
    width: 0;
}

.color-select-box2 .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -12px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}


.primary-design2-catalog-card {
  width: 49%;
  height: 320px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}


.primary-design2-catalog-card-top img {
  width: 100%;
  height: 190px;
}

.stone-slider-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}
.pro-catalog-card {
  width: 49.5%;
  height: 50vw;
  margin-bottom: 1%;
}
.pro-galery-link-text {
  width: 52vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}


.pro-galery-link-content {
  width: 100%;
  height: fit-content;
  display: flex;
  padding: 0px 20px;
}


.pro-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  align-items: center;
}

.galery-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.examples-catalog-card {
  width: 49.5%;
  height: 50vw;
  position: relative;
  margin-bottom: 1%;
}
.examples-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
  gap: 30px;
}
.watterjet-banner-text {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.43);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-top: 80px;
  padding-bottom: 80px;
}


.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  padding: 0px 20px;
  gap: 40px;
}

.video-link svg {
  width: 100px;
  height: auto;
}
.video-yt-link {
  position: absolute;
  bottom: 30px;
  right: 30px;
  transition: all 0.5s linear;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  line-height: 110%;
  text-align: left;
}




.our-specialist-content {
  width: 100%;
  height: 100%;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: end;
  align-items: end;
  gap: 20px;
}


.our-specialist-left {
  width: 55%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  flex-shrink: 0;
  padding: 30px 0 70px 0;
}
.our-spe-personal-text h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}


.our-spe-personal-text p {
  font-size: 12px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.history-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px;
}

.history-box {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 100% 100%;
}

.history-box-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px;
  gap: 30px;
}
.history-date {
  width: 65vw;
  height: auto;
  position: absolute;
  top: 10px;
  right: 10px;
}
.history-logo {
  width: 76vw;
  height: auto;
  position: absolute;
  bottom: -35px;
  right: -20px;
}


.about-box-text {
  width: 45vw;
  height: 25vw;
  display: flex;
  padding: 10px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}

.about-box-text p {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}



.about-box-img {
  width: 55%;
  height: 45vw;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.about-box-text {
  width: 50%;
  height: 25vw;
  display: flex;
  padding: 10px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
}



.history-about-box3 .about-box-text img {
  width: 35vw;
  height: auto;
}

.history-about-box2 .about-box-text img {
  width: 22vw;
  height: auto;
}


.history-about-box1 .about-box-text img {
  width: 30vw;
  height: auto;
}


.row-about-left-item {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  background: #31313193;
  padding: 40px 20px;
}


.row-about-card {
  width: 49.5%;
  height: 40vw;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
  margin-bottom: 1%;
}


.about-banner-text {
  width: 100%;
  height: fit-content;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-bottom: 30px;
  padding-top: 80px;
}

.document-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding-left: 20px;
}

.ducument-slider-item {
  width: 100%;
  height: 320px;
  padding: 0 5px;
}


.history-date-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.history-date-card {
  width: 49%;
  height: 36vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}


.history-date-card a img {
  width: 100%;
  height: 22vw;
}

.history-date2 {
  width: 30vw;
  height: auto;
  position: absolute;
  top: 15px;
  right: 0;
}


.history-logo2 {
  width: 80vw;
  height: auto;
  position: absolute;
  bottom: -42px;
  right: -20px;
}




.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 65px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -13px;
}


.history-date-item {
  width: 100%;
  height: fit-content;
  display: none;
  position: relative;
  flex-wrap: wrap;
  justify-content: space-between;
  transition: all 0.5s linear;
  margin-top: 20px;
}


.history-date-card-text {
  padding: 10px 10px;
}



.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}
.history-date-card a img {
  width: 100%;
  height: 25vw;
}


.history-date-card {
  width: 49%;
  height: 40vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}

.history-box-text2 h3 {
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}
.history-box2 {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
}



.history-box-text2 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 15px 20px;
  gap: 30px;
}


.history-logo2 {
  width: 75vw;
  height: auto;
  position: absolute;
  bottom: -35px;
  right: -20px;
}

.vacancies-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.vacancies-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px;
  margin-top: 30px;
}


.vacancies-price-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.vacancies-price-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px;
  gap: 20px;
  border: 1px solid #d9d9d9;
  box-shadow: 0px 0px 14px 0px #00000026;
  border-radius: 10px;
}

.vacancies-price h3 {
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}
.vacancies-price p {
  color: #818181;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: left;
}


.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 5px 10px;
}

.vacancies-price-item a svg {
  width: 30px;
  height: auto;
}


.vacancies-contack {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 20px;
  border-radius: 10px;
}

.vc-title {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.vc-p {
  color: #525252;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 20px;
}

.vc-tel {
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 15px;
}


.vc-mail {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  margin-top: 5px;
}


.vc-btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s linear;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 18px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  margin-top: 30px;
}


.history-box3 {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
}


.history-box-text3 {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 10px 10px;
  gap: 40px;
}


.history-box-text3 h3 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #2d2d2d;
}


.history-date3 {
  width: 35vw;
  height: auto;
  position: absolute;
  top: 20px;
  right: 0;
}


.vacancies-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.jop-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 40px;
  margin-top: 30px;
}


.jop-text-item {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
}


.jop-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.jop-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.page-pagination {
  display: flex;
  gap: 5px;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 70px;
}
.jop-contack {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  background: #f2f4f7;
  padding: 15px;
  border-radius: 10px;
}
.jop-form-top {
  display: flex;
  height: fit-content;
  gap: 20px;
  margin-top: 40px;
  flex-shrink: 0;
  flex-direction: column;
}

.jop-form-box {
  width: 100%;
  height: 45px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}

.jop-form-box-send {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1vw;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.jop-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 20px;
  flex-direction: column;
}

.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}


.checkbox-box label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}

.article-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 20px;
  padding-bottom: 20px;
  gap: 80px;
}

.ad-row-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 30px;
  padding: 0px 20px;
}


.form-text-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
}


.blog2-form-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  background: #faecc7;
  padding: 20px 10px;
}

.form-text-item {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 30px;
}


.blog-text2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}



.blog2-form-title h3 br {
 display: none;
}


.blog-form-top {
  display: flex;
  height: fit-content;
  gap: 20px;
  margin-top: 30px;
  flex-shrink: 0;
  flex-direction: column;
}
.blog-form-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 15px;
  flex-direction: column;

}

.blog-form-box {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}

.blog-form-box-send {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}


.ad-catalog-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding: 30px 20px;
  gap: 30px;
}



.fr-banner-text {
  width: 80%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
}



.eror-banner-text {
  width: 90%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-top: 80px;
  padding-bottom: 30px;
  flex-shrink: 0;
}


.eror-banner-bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 100px;
  right: 0;
}


.eror-text {
  width: 100%;
  color: #525252;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 30px;
}

.eror-spe-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 20px;
}

.eror-banner-bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 120px;
  right: 0;
}

.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 32px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 0px;
  margin-bottom: 50vw;
}


.tel-form-content,
.special-form-content,
.condition-form-content,
.cost-form-content,
.resume-form-content,
.adjust-form-content{
  width: 90vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
}

.fr-form {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 15px 20px 15px;
  justify-content: space-between;
}

.form-close svg {
  width: 20px;
  height: 20px;
  transition: all 0.5s linear 0s;
}



.form-close {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 3.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: 2.1vw;
  font-weight: 300;
  line-height: 120%;
}

.fr-box input, .fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 2.1vw;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.fr-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  flex-shrink: 0;
}
.fr-box {
  width: 100%;
  height: 4.5vw;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}



.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 2.3vw;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}
.fr-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}
.fr-send {
  width: 100%;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-check label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: 2.1vw;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #2d2d2d;
  padding: 10px;
  background: #ffffffb2;
  gap: 5px;
}



























}

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



  .header-m-icon .menu-icon-s{
    width: 25px;
    height: 1.5px;
    display: block;
    background: #2D2D2D;
    transition: all 0.5s linear;
}


.header-logo svg path {
  fill: #2D2D2D;
}


.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: 15%;
}



  .header-left {
    width: fit-content;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    position: static;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 5;
}

.banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}

.banner-content {
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
 
}



.banner-text {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-top: 50px;
  padding-bottom: 80px;
  padding-left: 20px;
}


.product-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px 20px;
}

.pro-bottom-link img {
  width: 35px;
  height: 35px;
}


.stone-catalog-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
}



.product-card {
  width: 50%;
  height: 260px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #b8b8b8;
  border-right: 1px solid #b8b8b8;
  border-left: 1px solid #b8b8b8;
  padding: 15px;
}

.water-cut-text {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 25px;
}

.water-yt-link {
  font-size: 10px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  text-decoration: underline;
  position: absolute;
  right: 20px;
  transition: all 0.5s linear;
}

.contack-specialist-content {
  width: 100%;
  height: fit-content;
  display: flex;
  background: url(../img/spep.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: space-between;
  align-items: flex-start;
  flex-direction: column;
  gap: 0vw;
}

.contack-specialist-left {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 30px 0;
  flex-shrink: 0;
}
.contack-spe-personal-text h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.contack-spe-personal-text p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}
.contack-spe-personal-text {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 20px;
  left: auto;
}


.contack-specialist-right {
  width: fit-content;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: flex-end;
  /* padding-bottom: 3vw; */
}
.footer-text {
  width: 100%;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
  color: #8e8e8e;
  text-align: center;
}
.footer-menu {
  display: flex;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 25px;
  margin-top: 30px;
  padding: 0 10px;
}

.footer-menu-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0px;
  border-bottom: 1px solid #FFF;
  margin-bottom: 10px;
  
}
.footer-menu-title {
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 108%;
  letter-spacing: 0.16em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  transition: all .5s linear;
  text-transform: uppercase;
}
.footer-menu-title::after{
  content: "\f107";
  display: block;
  font-family: 'Font Awesome 5 Free';
  color: #FFF;
  transition: all .5s linear;
  
}
.footer-menu-title.active{
  color: #cea743;
}

.footer-menu-title.active::after{
  transform: rotate(180deg);
}







.footer-a {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}
.footer-a2 {
  transition: all 0.5s linear;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  text-decoration: underline;
  margin-top: 10px;
}


.footer-menu-list {
  display: flex;
  flex-direction: column;
  height: 0;
  overflow: hidden;
  gap: 10px;
  margin-top: 10px;
  transition: all 0.5s linear;

}

.footer-menu-list.active{
  height: fit-content;
  padding-bottom: 15px;
}

.footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}


.footer-bottom-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
}

.copy-box1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}
.copy-box1 br{
  display: none;
}
.policy-a {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  text-decoration: underline;
  transition: all 0.5s linear;
}


.aurtor {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.aurtor p {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
}
.aurtor a {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  color: #848484;
  transition: all 0.5s linear;
}

.footer-tel {
  font-size: 22px;
  font-weight: 700;
  line-height: 120%;
  color: #fff;
  transition: all 0.5s linear;
  text-align: center;
}


.footer-mail {
  font-size: 13px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.16em;
  color: #fff;
  transition: all 0.5s linear;
  margin-top: 5px;
  text-align: center;
}
.footer-tel2 {
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.16em;
  text-align: center;
  color: #fff;
  transition: all 0.5s linear;
  margin-left: 10px;
}
.footer-form-btn {
  font-size: 19px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #fff;
  padding: 0 10px 5px 10px;
  border-bottom: 1px solid #fff;
  display: flex;
  cursor: pointer;
}

.footer-form {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 20px;
}



.header-tel {
 display: none;
}


.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: 18%;
}

.header-wp {
  display: flex;
  width: 25px;
}


nav {
  width: 380px;
  height: 100vh;
  display: flex;
  position: absolute;
  background: #FFF;
  top: 0;
  left: -200%;
  z-index: 1;
  padding-left: 10.5vw;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow-x: hidden;
  overflow-y: auto;
  transition: all .5s linear;
}


section .header-wp svg path {
  fill: #2D2D2D;
}
.page-pagination {
  display: flex;
  gap: 5px;
  align-items: center;
  position: absolute;
  z-index: 10;
  left: 20px;
  top: 130px;
}

.stone-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
}


.stone-banner-text {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-top: 90px;
  padding-bottom: 90px;
}




.stone-banner-text2 {
  width: 95%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 25px;
}

.windows-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
}

.windows-banner-text {
  width: 100%;
  height: 100%;
  background: rgb(0 0 0 / 43%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding: 100px 20px 80px 20px;
}

.windows-stone-item {
 display: flex;
 flex-direction: column;
 gap: 20px;
}


.windows-features-card {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
}


.features-card {
  height: 250px;
}


.windows-features-card1 {
  height: fit-content;
  gap: 41px;
}


.materials-select-box {
  width: 50%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}


.color-select-box {
  width: 50%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.profil-design-img-card {
  width: 49%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.windows-banner-text2 {
  width: 94%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 20px;
}


.primary-design-title h2 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}


.profil-design-title h2 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-examples-title {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.stone-examples-btn-box {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  overflow-y: hidden;
  overflow-x: auto;
 padding-bottom: 20px;
}
.stone-examples-btn-box::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  background-color:  #F4F4F4;
  border-radius: 4px;
}

.stone-examples-btn-box::-webkit-scrollbar-thumb {
  background-color: #7B7B7B;
  border-radius: 4px;
}
.stone-examples-btn {
  width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06em;
  text-align: center;
  color: #b5b5b5;
  padding-bottom: 4px;
  border-bottom: 1px solid #b5b5b5;
  transition: all 0.5s linear;
  cursor: pointer;
  flex-shrink: 0;
}

.stone-examples-item-box {
  height: 230px;
  width: 100%;
  display: flex;
  display: block;
}
.stone-examples-item {
  display: none;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(5, 1fr);
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  margin-top: 30px;
  height: fit-content;
}

.stone-product-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 30px;
  gap: 0%;
}


.stone-product-card {
  width: 101%;
  height: 220px;
  display: flex;
  flex-direction: column;
  position: relative;
  transition: all 0.5s linear;
  margin-bottom: 80px;
}


.stone-product-card-img2 {
  width: 150px;
  height: auto;
  position: absolute;
  bottom: -60px;
  right: 10px;
}

.stone-product-card-text {
  width: 100%;
  height: fit-content;
  position: absolute;
  left: 20px;
  bottom: 20px;
}


.modern-img {
  width: 100%;
  height: auto;
}


.stone-protuct-content h2 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}




.contack-title {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.contack-box span {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  color: #7b7b7b;
}

.contack-mail, .contack-box p, .contack-adres {
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-tel, .contack-item-tel {
  font-family: Unbounded;
  font-size: 15px;
  font-weight: 700;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-tel, .contack-item-tel {
  font-family: Unbounded;
  font-size: 14px;
  font-weight: 700;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-bottom {
  width: 100%;
  height: 250px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}


.header-right {
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: space-between;
  display: flex;
  padding-left: 25%;
}

.primary-design2-catalog-card-top img {
  width: 100%;
  height: 160px;
}
.primary-design2-catalog-card {
  width: 49%;
  height: 290px;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px 0;
  margin-bottom: 2%;
}
.slider-stick-nav {
  width: 100%;
  height: 15vw;
  display: flex;
  justify-content: space-between;
}
.slider-stick-nav img {
  width: 100%;
  height: 15vw;
  object-fit: 100%;
  padding: 5px;
  border-radius: 10px;
}



.pro-galery-link-text {
  width: 60vw;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #00000080;
  gap: 20px;
  padding: 60px 15px;
}

.pro-galery-link-text p {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}


.pro-catalog-card {
  width: 49.5%;
  height: 40vw;
  margin-bottom: 1%;
}

.pro-catalog-filter {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 0px;
}



.pro-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}

.pro-galery-link-text h3 {
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}

.pro-galery-link-text p {
  color: #fff;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.video-content {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  padding: 0px 20px;
  gap: 40px;
  flex-direction: column;
}

.video-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url(../img/vbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 80px;
  padding: 50px 0;
}

.video-text {
  width: 90%;
  display: flex;
  flex-direction: column;
  gap: 2vw;
}

.video-link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}


.video-yt-link {
 display: none;
}

.windows-stone-text-mobil {
  display: block;
color: #6F6F6F;
font-size: 14px;
font-weight: 400;
line-height: 120%;
text-align: left;

}




.examples-catalog-card {
  width: 49.5%;
  height: 60vw;
  position: relative;
  margin-bottom: 1%;
}


.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}



.about-banner-text3 {
  width: 85%;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 20px;
}

.our-specialist-content {
  width: 100%;
  height: 100%;
  display: flex;
  background: none;
  padding-left: 20px;
  padding-right: 20px;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  flex-direction: column;
}


.our-specialist-left {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  /* align-items: center; */
  justify-content: center;
  flex-shrink: 0;
  padding: 0;
}

.our-specialist-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}

.our-specialist-left h3 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.our-spe-p {
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #101010;
  margin-top: 30px;
}


.our-spe-box {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 10px;
}


.our-spe-box-p {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.our-specialist-right {
  width: fit-content;
  height: auto;
  display: flex;
  flex-direction: column;
  position: relative;
  align-items: center;
  justify-content: flex-end;
}
.our-spe-personal-text {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  bottom: 20px;
  left: auto;
}

.our-spe-personal-text h3 {
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}
.our-spe-personal-text p {
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
  color: rgba(45, 45, 45, 1);
}

.history-box {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-size: 100% 100%;
  flex-direction: column;
}

.history-date {
  width: 100%;
  height: auto;
  position: static;
  top: 10px;
  right: 10px;
  padding-bottom: 4vw;
  padding-right: 20px;
}

.history-logo {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -35px;
  right: auto;
}



.history-box-text {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 50px 20px;
  gap: 20px;
}


.history-about-box {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  position: relative;
  margin-top: 60px;
  flex-direction: column;
}

.history-about-box1 .about-box-img::after {
  content: "";
  display: none;
  width: 3vw;
  height: 80%;
  background: #eebf45;
  position: absolute;
  right: -3vw;
}

.about-box-img {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}


.about-box-text {
  width: 90%;
  height: 25vw;
  display: flex;
  padding: 20px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
  margin-top: -30px;
}

.history-about-box1 .about-box-text {
  margin-left: 0;
}

.history-about-box3 .about-box-text {
  margin-left: 0;
}


.history-content {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  padding: 0px;
 
}

.history-about-box2{
  flex-direction: column-reverse;
}

.about-box-text {
  width: 90%;
  height: 190px;
  display: flex;
  padding: 20px;
  position: relative;
  box-shadow: 0px 0px 14px 0px #00000026;
  z-index: 1;
  background: #fff;
  margin-top: -30px;
}

.about-box-text p {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}


.history-about-box2 .about-box-text img {
  width: auto;
  height: auto;
}



.history-about-box3 .about-box-text img {
  width: auto;
  height: auto;
}

.history-about-box1 .about-box-text img {
  width: auto;
  height: auto;
}



.row-about-card {
  width: 100%;
  height: 275px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  padding: 20px;
  margin-bottom: 10px;
}




.ducument-slider {
  width: 120%;
  height: fit-content;
  margin-top: 30px;
}



.ducument-slider .slick-prev {
  left: auto;
  right: 30%;
  width: 25px;
  height: auto;
}
.ducument-slider .slick-next {
  right: 25%;
  width: 20px;
  height: auto;
}
.ducument-slider .slick-arrow {
  position: absolute;
  top: -40px;
  display: flex;
  align-items: center;
  gap: 0.6vw;
  z-index: 2;
}

.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 50px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -6px;
}

.history-date-card {
  width: 49%;
  height: 43vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 2%;
}
.history-date-card a img {
  width: 100%;
  height: 26vw;
}




.history-box3 {
  width: 100%;
  height: 180px;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
}


.history-box-text3 {
  width: 60%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 0 20px;
  gap: 20px;
}


.history-logo3 {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -40px;
  right: 0vw;
}


.history-date3 {
  width: 50%;
  height: auto;
  position: absolute;
  top: 30%;
  right: 0;
}

.vacancies-content h2 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  padding: 0 20px;
}


.vacancies-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0px;
}


.vacancies-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 40px;
  margin-top: 30px;
  padding: 0 20px;
}


.jop-form-box-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 15px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}



.article-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
  margin-bottom: 120px;
}




.article-logo2 {
  width: 100%;
  height: auto;
  position: static;
  display: block;
  margin-bottom: -30px;
  
}



.article-box2 {
  width: 100%;
  height: fit-content;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 60px;
  flex-direction: column;
}



.article-date2 {
  width: 59%;
  height: auto;
  position: absolute;
  bottom: 20px;
  top: auto;
  right: 0;
  z-index: 0;
}


.article-box-text2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 10px;
  position: relative;
  z-index: 2;
}

.article-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 0px;
}

.article-title {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 0 20px;

}

.article-btn-item {
  width: 100%;
  display: flex;
  height: fit-content;
  align-items: center;
  gap: 15px;
  margin-top: 40px;
  overflow-y: hidden;
  overflow-x: auto;
  padding: 0 20px;

}

.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 4%;
  padding: 0 20px;
}



.fr-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0;
}


.fr-banner-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px;
  padding-top: 80px;
}

.fr-banner-text p {
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 40px;
}

.ctrl-text {
  width: 100%;
  color: #2D2D2D;
  font-size: 15px;
  font-weight: 300;
  line-height: 120%;
  margin-top: 40px;
}

.fr-back {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 40px;
}



.eror-banner-text h3 {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #2d2d2d;
  margin-top: 0px;
  margin-bottom: 55vw;
}



.eror-banner-bg {
  width: 100%;
  height: auto;
  position: absolute;
  top: 125px;
  right: 0;
}




.tel-form-content,
.special-form-content,
.condition-form-content,
.cost-form-content,
.resume-form-content,
.adjust-form-content{
  width: 90vw;
  height: fit-content;
  display: flex;
  position: relative;
  background: #fff;
  flex-direction: column-reverse;
}

.fr-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 15px 40px 15px;
  justify-content: space-between;
}
.fr-img {
  width: 100%;
  height: 60vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 20px;
}
.form-close svg {
  width: 20px;
  height: 20px;
  transition: all 0.5s linear 0s;
}

.fr-title {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.form-close {
  width: 35px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  transition: all 0.5s linear;
  z-index: 2;
}

.fr-title h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}

.fr-title p {
  color: #2d2d2d;
  font-size: 14px;
  font-weight: 300;
  line-height: 120%;
}

.fr-box input, .fr-box input::placeholder {
  width: 100%;
  height: 100%;
  outline: none;
  border: none;
  color: #959595;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}
.fr-top {
  display: flex;
  height: fit-content;
  flex-direction: column;
  gap: 15px;
  margin-top: 20px;
  flex-shrink: 0;
}
.fr-box {
  width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #2d2d2d;
  padding-left: 10px;
}



.fr-send button {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  color: #dac389;
  transition: all 0.5s linear;
  cursor: pointer;
}
.fr-bottom {
  display: flex;
  height: fit-content;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  margin-top: 40px;
}
.fr-send {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0px;
  border: none;
  flex-shrink: 0;
  padding: 0;
}

.fr-check label input {
  width: 15px;
  height: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  appearance: none;
  margin-right: 5px;
  transition: all 0.3s linear;
  background: #eebf45;
  border-radius: 0.2vw;
  flex-shrink: 0;
}

.fr-check label input::before {
  content: "\f00c";
  font-family: FontAwesome;
  font-size: 12px;
  color: #fff;
  display: block;
  opacity: 0;
  transition: all 0.3s linear;
}


.fr-check .fr-policy {
  font-style: normal;
  color: #9a9a9a;
  font-variant-numeric: lining-nums proportional-nums;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 133.333%;
}


.fr-pr-text h3 {
  color: #2d2d2d;
  font-size: 16px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text p {
  color: #2d2d2d;
  font-size: 13px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
}

.fr-pr-text {
  width: fit-content;
  height: fit-content;
  display: flex;
  flex-direction: column;
  position: relative;
  border-left: 1px solid #2d2d2d;
  padding: 10px;
  background: #ffffffb2;
  gap: 5px;
}


.fr-img img {
  width: auto;
  height: 100%;
  position: absolute;
  left: auto;
  bottom: 0;
}



.custom-file-upload span {
  color: #242424;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  padding: 0 0.3vw 0.3vw 0.3vw;
  border-bottom: 1px solid #242424;
  transition: all 0.5s linear;
}
.cost-form-img {
  width: 100%;
  height: 50vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  background-size: 100%;
  background-repeat: no-repeat;
  padding: 20px;
}


.cost-form-form {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding: 35px 15px 20px 15px;
    justify-content: space-between;
}




}







@media screen and (max-width: 450px){
  .header-right {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding-left: 20%;
}
.completed-proje-container{
  display: none;
}

.completed-proje-mobil-container{
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}


.completed-proje-mobil-content{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.completed-proje-slider{
  width: 100%;
  height: fit-content;
  display: flex;
}

.completed-proje-card {
  width:100%;
  height: 400px;
  flex-grow: 1;
}
.completed-proje-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  gap: 20px;
  background: linear-gradient(180deg, #00000000, #00000091),
  linear-gradient(180deg, #00000000, #00000000);
}
.completed-proje-text p {
  width: calc(95% - 20px);
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}



.completed-proje-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  padding: 0 20px;
}


.completed-proje-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background:none;
  color: #fff;
  text-decoration: none;
}





.completed-proje-slider.owl-theme .owl-prev svg path, .owl-next svg path {
  transition: stroke 0.3s ease-in-out; 
}

.completed-proje-slider.owl-theme .owl-prev:hover svg path, .owl-next:hover svg path {
  stroke: #cea743; 
}

.comleted-slider-bottom{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.all-projet-page{
  width: fit-content;
  margin: 0;
}

.slider-counter{
  display: flex;
  gap: 3px;
 

}

.current-slide{
  color:  #525252;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: left;
  
}

.total-slides{
  color:  #525252;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.8px;
  text-align: left;
  
}



.help-info-card {
  width: 100%;
  height: 360px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 20px;
}


.help-info-item {
  width: 100%;
  height: fit-content;
  display: flex;
  margin-top: 30px;
  flex-wrap: wrap;
  gap: 0;
}

.help-info-card a img {
  width: 100%;
  height: 180px;
  object-fit: cover;
}

.water-yt-link {
 display: none;
}

.spe-btn {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius: 10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
}


.cal-btn {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 13px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
}

.windows-banner-button {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  margin-top: 30px;
  flex-direction: column;
}

.windows-features-card1 {
 display: none;
}


.windows-stone-title-mobil {
  display: block;
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  color: #2d2d2d;
}


.windows-stone-item {
  display: flex;
  flex-direction: row;
  gap: 20px;
  margin-top: 30px;
  overflow-x: auto;
 padding-bottom: 20px;
}
.windows-stone-item::-webkit-scrollbar {
  width: 6px;
  height: 4px;
  background-color: #F4F4F4;
  border-radius: 4px;
}

.windows-stone-item::-webkit-scrollbar-thumb {
  background-color: #7B7B7B;
  border-radius: 4px;
}

.features-card {
  height: 320px;
  width: 80% !important;
  flex-shrink: 0;
}

.primary-design-filter {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 30px;
  flex-direction: column;
}

.materials-select-box {
  width: 100%;
  height: 60px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.color-select-box {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.materials-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: aliceblue;
  border-style: solid;
  border-width: 0;
  left: 95%;
  margin-left: 0;
  margin-top: 0;
  position: absolute;
  top: 37%;
  background-image: url(../img/filter-arro.png);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 50% 50%;
  background-color: none;
  width: 14px;
  height: 8px;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 7px 5px 6px;
    height: 0;
    left: 50%;
    margin-left: -20px;
    margin-top: -4px;
    position: absolute;
    top: 50%;
    width: 0;
}


.profil-design-text-card {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.profil-design-bottom {
 display: none;
}

.profil-design-slider{
  width: 100%;
  height: fit-content;
  display: flex;
  position: relative;
}
.profil-design-slider .no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}
.profil-design-img-card {
  width: 232px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-shrink: 0;
}


.profil-design-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: -15px;
  left: 0;
 
}
.profil-design-slider.owl-theme .owl-next:hover,
.profil-design-slider.owl-theme .owl-prev:hover{
  background: none;
}

.profil-design-slider.owl-theme .owl-dots{
  width: 90%;
  height: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
}
.profil-design-slider.owl-theme .owl-dot{
  width: 100%;
  height: 100%;
}
.profil-design-slider.owl-theme .owl-dots .owl-dot span {
  width: 100%;
  height: 100%;
  margin: 0;
  background: #F4F4F4;
  display: block;
  transition: opacity 0.2s ease;
  border-radius: 0px;
}






.profil-design-slider.owl-theme .owl-dots .owl-dot.active span, 
.profil-design-slider.owl-theme .owl-dots .owl-dot:hover span {
  background: #7B7B7B;
}




.stone-examples-item.active {
  display: none;
}

.all-example-page{
  display: none;
}


.stone-examples-slider-container{
  width: 100%;
  height: fit-content;
  display: none;
  align-items: center;
  justify-content: center;
  margin-top: 40px;
}
.stone-examples-slider-container.active{
  display: flex;
}

.stone-examples-slider-content{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;

}

.stone-examples-slider{
  width: 100%;
  height: fit-content;
  display: flex;
}


.stone-examples-item-box {
  height: 280px;
  width: 100%;
  display: flex;
  display: block;
}



.stone-examples-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
 
}


.stone-examples-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background:none;
  color: #fff;
  text-decoration: none;
}





.stone-examples-slider.owl-theme .owl-prev svg path, .owl-next svg path {
  transition: stroke 0.3s ease-in-out; 
}

.stone-examples-slider.owl-theme .owl-prev:hover svg path, .owl-next:hover svg path {
  stroke: #cea743; 
}




.stone-examples-slider-bottom{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  margin-top: 40px;
}

.all-projet-page{
  width: fit-content;
  margin: 0;
}

.slider-counter2{
  display: flex;
  gap: 3px;
 

}

.current-slide2{
  color:  #525252;
  font-size: 14px;
  font-weight: 700;
  line-height: 16.8px;
  text-align: left;
  
}

.total-slides2{
  color:  #525252;
  font-size: 14px;
  font-weight: 300;
  line-height: 16.8px;
  text-align: left;
  
}

.product-banner-bg {
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}


.product-banner-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 1;
  padding-left: 20px;
  padding-bottom: 30px;
  padding-right: 20px;
  padding-top: 60px;
  background: transparent;
}

.product-banner-text::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 50%; 
  background: rgb(0 0 0 / 43%);
  background-position: 100% 50%;
  z-index: -1; 
}


.banner-list-box p {
  color: #2D2D2D;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  text-align: center;
}

.banner-list-box {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

.product-banner-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  margin-top: 70px;
}
.banner-list-box span {
  width: 50px;
  height: 3px;
  background: #eebf45;
}

.product-about-btn {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(25, 21, 22, 1);
  border-radius:10px;
  box-shadow: 0 20px 20px -20px rgba(0, 0, 0, 0.7);
  background: linear-gradient(359deg, #433f40 0%, #201f1f 100%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 12px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(238, 191, 69, 1);
  cursor: pointer;
  margin-top: 20px;
}
.product-about-tel {
  font-family: Unbounded;
  font-size: 20px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.product-about-box {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}

.product-about-left p {
  color: #101010;
  font-size: 14px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 20px;
}

.contack-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

.contack-top {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
}
.contack-box:nth-child(1) {
  width: 100%;
}
.contack-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}

.contack-mail, .contack-box p, .contack-adres {
  font-size: 16px;
  font-weight: 400;
  line-height: 120%;
  color: #2d2d2d;
  transition: all 0.5s linear;
}

.contack-bottom {
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.contack-right img {
  width: 100%;
  height: auto;
  max-height: 200px;
}


.contack-item {
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: 30px;
}


.contack-content {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  gap: 50px;
}
.contack-box:nth-child(3) {
  width: 100%;
}


.primary-design2-filter {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: column;
  gap: 20px;
  margin-top: 30px;
}

.materials-select-box2
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -15px;
    margin-top: 12px;
    position: absolute;
    top: 150%;
    width: 0;
}

.color-select-box2 .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -15px;
    margin-top: 0px;
    position: absolute;
    top: 50%;
    width: 0;
}

.primary-design2-title h2 {
  font-family: Unbounded;
  font-size: 24px;
  font-weight: 500;
  line-height: 120%;
  text-align: left;
  color: #2d2d2d;
}

.slider-stick-nav {
 display: none;
}


.slick-next {
  right: 10px;
  z-index: 2;

}
.slick-prev {
  left: 10px;
  z-index: 2;


}

.slick-prev:before, .slick-next:before {
 display: none;
}


.slick-next svg, .slick-prev svg {
  box-shadow: 0px 0px 4px 0px #00000040;
  background: #0000001c;
}

.pro-galery-link-item {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  background: transparent;
}

.pro-galery-link-text {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #000000;
  gap: 20px;
  padding: 60px 15px;
}
.pro-catalog-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}
.pro-catalog-filter {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 25px;
  margin-top: 0px;
}
.pro-catalog-select-box {
  width: 100%;
  height: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}

.pro-catalog-select-box
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 6px 4px 4px;
    height: 0;
    left: 50%;
    margin-left: -20px;
    margin-top: 10px;
    position: absolute;
    top: 150%;
    width: 0;
}

.pro-catalog-card {
  width: 100%;
  height: 400px;
  margin-bottom: 10px;
}


.pro-catalog-card-text p {
  width: calc(95% - 30px);
  font-size: 18px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}


.pro-catalog-card-top h3 {
  color: #fff;
  font-size: 19px;
  font-weight: 500;
  line-height: 21.6px;
  text-align: left;
}



.pro-catalog-card-top p {
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.pro-galery-link-text h3 {
  font-family: Unbounded;
  font-size: 22px;
  font-weight: 500;
  line-height: 100%;
  color: #fff;
}



.pro-galery-link-text p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 140%;
  text-align: left;
}

.pro-galery-link-container {
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}


.pro-galery-filter {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
  margin-top: 0vw;
}
.pro-galery-select-box {
  width: 100%;
  height: 55px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  background: #f2f4f7;
  border-radius: 10px;
  position: relative;
}
.galery-item {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  height: 100%;
  margin-top: 40px;
  gap: 0%;
}
.galery-img {
  width: 100%;
  height: 320px;
  margin-bottom: 2%;
}
.examples-container{
  display: none;
}



.examples-mobil-container{
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 80px;
}


.examples-mobil-content{
  width: 100%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}

.examples-slider-slider{
  width: 100%;
  height: fit-content;
  display: flex;
}

.examples-catalog-card {
  width:100%;
  height: 400px;
  flex-grow: 1;
}
.examples-catalog-card-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  gap: 20px;
  background: linear-gradient(180deg, #00000000, #00000091),
  linear-gradient(180deg, #00000000, #00000000);
}
.examples-catalog-card-text p {
  width: calc(95% - 20px);
  font-size: 16px;
  font-weight: 300;
  line-height: 120%;
  text-align: left;
  color: #ffffff;
  transition: all 0.5s linear;
}



.examples-slider.owl-theme .owl-nav {
  margin-top: 0px;
  width: 100%;
  height: fit-content;
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%); 
  padding: 0 20px;
}


.examples-slider.owl-theme .owl-nav [class*="owl-"]:hover {
  background:none;
  color: #fff;
  text-decoration: none;
}





.examples-slider.owl-theme .owl-prev svg path, .owl-next svg path {
  transition: stroke 0.3s ease-in-out; 
}

.examples-slider.owl-theme .owl-prev:hover svg path, .owl-next:hover svg path {
  stroke: #cea743; 
}

.examples-btn {
  width: 220px;
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  border: 1px solid rgba(238, 191, 69, 1);
  background: linear-gradient(344.41deg, #e0ca93 4.5%, #cea743 83.1%),
linear-gradient(344.41deg, #fcd063 4.5%, #dca71e 83.1%);
  transition: all 0.5s linear;
  font-family: Unbounded;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  color: rgba(28, 28, 28, 1);
  cursor: pointer;
  margin-top: 30px;
}




.ducument-slider {
  width: 130%;
  height: fit-content;
  margin-top: 30px;
}



.ducument-slider .slick-prev {
  left: auto;
  right: 35%;
  width: 25px;
  height: auto;
}
.ducument-slider .slick-next {
  right: 29%;
  width: 20px;
  height: auto;
}




.about-banner-bg {
  width: 100%;
  height: 38%;
  position: absolute;
  top: 0;
  left: 0;
}

.about-banner-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 38%;
  background: rgb(0 0 0 / 43%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  
}
.about-banner-text {
  width: 100%;
  height: fit-content;
  background: none;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  z-index: 3;
  padding-left: 20px;
  padding-bottom: 0px;
  padding-top: 80px;
}
.about-banner-text2 {
  width: 95%;
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 800;
  line-height: 120%;
  letter-spacing: 0.07em;
  color: #ffffff;
  margin-top: 10px;
  
}
.about-banner-text3 {
  width: 95%;
  font-size: 15px;
  font-weight: 400;
  line-height: 120%;
  color: #ffffff;
  margin-top: 20px;
}
.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 26px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.about-banner-list-box p {
  color: #6F6F6F;
  font-size: 12px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}


.about-banner-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
  margin-top: 60px;
}


.about-banner-list-box {
  width: 49%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}


.history-date-icon {
  position: relative;
  font-family: Unbounded;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  text-align: left;
  color: #eebf4561;
  z-index: -1;
  margin-bottom: -6px;
}

.history-date-card {
  width: 100%;
  height: 60vw;
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 14px 0px #00000026;
  background: #fff;
  margin-bottom: 20px;
}
.history-date-card a img {
  width: 100%;
  height: 40vw;
}
.history-box2 {
  width: 100%;
  height: 140px;
  position: relative;
  display: flex;
  background: url(../img/hbg.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 30px;
}
.history-box-text2 {
  display: flex;
  height: fit-content;
  flex-direction: column;
  justify-content: space-between;
  flex-shrink: 0;
  padding: 20px 0 15px 20px;
  gap: 23px;
}

.history-date2 {
  width: 40vw;
  height: auto;
  position: absolute;
  top: 15px;
  right: 0;
}

.history-logo2 {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -29px;
  right: auto;
}


.history-date-card-text h3 {
  color: #2d2d2d;
  font-size: 15px;
  font-weight: 700;
  line-height: 120%;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
}

.history-logo3 {
  width: 100%;
  height: auto;
  position: absolute;
  bottom: -31px;
  right: 0vw;
}
.vacancies-price-item a span {
  color: #2D2D2D;
  font-size: 16px;
  font-weight: 600;
  line-height: 100%;
  text-align: left;
  transition: all 0.5 linear;
  border-bottom: 1px solid #2D2D2D;
  padding: 5px 10px;
  display: none;
}

.article-info-card {
  width: 100%;
  height: 360px;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.15);
  background: #fff;
  transition: all 0.5s linear;
  margin-bottom: 30px;
}

.article-item {
  width: 100%;
  height: fit-content;
  display: none;
  flex-wrap: wrap;
  margin-top: 40px;
  gap: 0%;
  padding: 0 20px;
}

.ad-banner-container {
  width: 100%;
  height: fit-content;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ad-banner-item {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  justify-content: end;
  background: rgb(0 0 0 / 43%);
  padding-left: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  padding-top: 80px;
  gap: 80px;
}
.ad-banner-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
  gap: 20px;
}


.ad-catalog-text {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background: #00000080;
  padding: 30px 10px;
  gap: 30px;
}


.ad-share {
  width: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 20px;
}
.ad-share-btn {
  width: 35px;
  height: 35px;
}

.ad-share-btn-item {
  display: flex;
  gap: 7px;
}
.fr-form {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 35px 15px 15px 15px;
  justify-content: space-between;
}
.fr-img {
display: none;
}
}

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

  .header-right {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-between;
    display: flex;
    padding-left: 15%;
}
  .product-banner-text::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 45%;
    background: rgb(0 0 0 / 43%);
    background-position: 100% 50%;
    z-index: -1;
}
.product-banner-bg {
  width: 100%;
  height: 45%;
  position: absolute;
  top: 0;
  left: 0;
}

.contack-bottom {
  width: 100%;
  height: 160px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

.contack-right img {
  width: 100%;
  height: auto;
  max-height: 160px;
}

.contack-item-box svg {
  width: 25px;
  height: auto;
}




.stone-slider-price {
  display: flex;
  gap: 20px;
  margin-top: 20px;
  justify-content: space-between;
}



.about-banner-list-box {
  width: 85%;
  height: fit-content;
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 20px;
}

.about-banner-text::after {
  content: "";
  display: block;
  width: 100%;
  height: 30%;
  background: rgb(0 0 0 / 43%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.about-banner-bg {
  width: 100%;
  height: 30%;
  position: absolute;
  top: 0;
  left: 0;
}
.about-banner-list-box span {
  font-family: Unbounded;
  font-size: 40px;
  font-weight: 500;
  line-height: 100%;
  color: #2d2d2d;
}

.about-banner-list-box p {
  color: #6F6F6F;
  font-size: 14px;
  font-weight: 400;
  line-height: 120%;
  text-align: left;
}

.about-banner-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 2%;
  margin-top: 35%;
}


.ducument-slider-item {
  width: 100%;
  height: 280px;
  padding: 0 5px;
}



}




/* !MEDIA END */