.ul-products {
  background-color: var(--white);
  padding: clamp(15px, 1.58vw, 30px);
  border-radius: clamp(7px, 0.53vw, 10px);
  overflow: hidden;
  position: relative;
  z-index: 1;
  height: 350px;
}
.ul-products:hover::before {
  background-color: var(--ul-primary);
}
.ul-products::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(0% - clamp(50px, 3.68vw, 70px));
  left: calc(0% - clamp(47px, 3.52vw, 67px));
  width: clamp(202px, 13.77vw, 262px);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: #D9D9D9;
  transition: 0.4s ease;
}
.ul-products-img {
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: clamp(16px, 1.26vw, 24px);
}
.ul-products-img img {
  aspect-ratio: 390/253;
}
.ul-products-title {
  font-size: clamp(18px, 1.26vw, 24px);
  font-weight: 700;
  letter-spacing: -1px;
  font-family: var(--font-quicksand);
  margin-bottom: clamp(8px, 0.84vw, 16px);
}
.ul-products-descr {
  color: var(--ul-p);
  margin-bottom: clamp(10px, 1.05vw, 20px);
}
.ul-products-btn {
  display: inline-flex;
  align-items: center;
  font-weight: 700;
  color: var(--ul-primary);
  gap: clamp(10px, 0.79vw, 15px);
}
.ul-products-btn i {
  font-size: clamp(11px, 0.74vw, 14px);
}
.ul-products-btn:hover {
  color: var(--ul-black);
}
.ul-products--inner {
  background-color: var(--ul-gray3);
}
.ul-featuress {
  background-color: var(--ul-gray3);
  border-radius: 10px;
  padding: clamp(15px, 1.58vw, 30px);
  height: 230px;
}
.ul-product-show {
  background-color: transparent;
  max-width: clamp(0px, 96.95vw, 1245px);
  margin: auto;
  border-radius: clamp(20px, 2.1vw, 40px);
}
@media screen and (max-width: 991px) {
  .ul-product-show {
    margin: 0 15px;
  }
}
.ul-product-show::before {
  content: none;
}
.ul-product-show-slider {
  clip-path: polygon(29.268% 100%, 2.168% 100%, 2.168% 100%, 1.816% 99.939%, 1.483% 99.763%, 1.172% 99.481%, 0.888% 99.103%, 0.635% 98.638%, 0.418% 98.096%, 0.242% 97.486%, 0.111% 96.819%, 0.028% 96.103%, 0% 95.349%, 0% 4.651%, 0% 4.651%, 0.028% 3.897%, 0.111% 3.181%, 0.242% 2.514%, 0.418% 1.904%, 0.635% 1.362%, 0.888% 0.897%, 1.172% 0.519%, 1.483% 0.237%, 1.816% 0.061%, 2.168% 0%, 97.832% 0%, 97.832% 0%, 98.184% 0.061%, 98.517% 0.237%, 98.828% 0.519%, 99.112% 0.897%, 99.365% 1.362%, 99.582% 1.904%, 99.758% 2.514%, 99.889% 3.181%, 99.972% 3.897%, 100% 4.651%, 100% 95.349%, 100% 95.349%, 99.972% 96.103%, 99.889% 96.819%, 99.758% 97.486%, 99.582% 98.096%, 99.365% 98.638%, 99.112% 99.103%, 98.828% 99.481%, 98.517% 99.763%, 98.184% 99.939%, 97.832% 100%, 71.614% 100%, 71.614% 100%, 71.262% 99.939%, 70.929% 99.763%, 70.618% 99.481%, 70.333% 99.103%, 70.081% 98.638%, 69.864% 98.096%, 69.688% 97.486%, 69.557% 96.819%, 69.474% 96.103%, 69.446% 95.349%, 69.446% 95.137%, 69.446% 95.137%, 69.418% 94.383%, 69.336% 93.667%, 69.204% 93%, 69.028% 92.39%, 68.811% 91.848%, 68.558% 91.383%, 68.274% 91.005%, 67.963% 90.723%, 67.63% 90.547%, 67.278% 90.486%, 33.604% 90.486%, 33.604% 90.486%, 33.252% 90.547%, 32.919% 90.723%, 32.607% 91.005%, 32.323% 91.383%, 32.071% 91.848%, 31.854% 92.39%, 31.678% 93%, 31.546% 93.667%, 31.464% 94.383%, 31.436% 95.137%, 31.436% 95.349%, 31.436% 95.349%, 31.407% 96.103%, 31.325% 96.819%, 31.194% 97.486%, 31.017% 98.096%, 30.801% 98.638%, 30.548% 99.103%, 30.264% 99.481%, 29.953% 99.763%, 29.619% 99.939%, 29.268% 100%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .ul-product-show-slider {
    clip-path: polygon(16.124% 100%, 7.168% 100%, 7.168% 100%, 6.006% 99.888%, 4.903% 99.562%, 3.874% 99.042%, 2.935% 98.344%, 2.1% 97.486%, 1.383% 96.486%, 0.8% 95.361%, 0.365% 94.129%, 0.094% 92.809%, 0% 91.416%, 0% 8.584%, 0% 8.584%, 0.094% 7.191%, 0.365% 5.871%, 0.8% 4.639%, 1.383% 3.514%, 2.1% 2.514%, 2.935% 1.656%, 3.874% 0.958%, 4.903% 0.438%, 6.006% 0.112%, 7.168% 0%, 92.832% 0%, 92.832% 0%, 93.994% 0.112%, 95.097% 0.438%, 96.126% 0.958%, 97.065% 1.656%, 97.9% 2.514%, 98.617% 3.514%, 99.2% 4.639%, 99.635% 5.871%, 99.906% 7.191%, 100% 8.584%, 100% 91.416%, 100% 91.416%, 99.906% 92.809%, 99.635% 94.129%, 99.2% 95.361%, 98.617% 96.486%, 97.9% 97.486%, 97.065% 98.344%, 96.126% 99.042%, 95.097% 99.562%, 93.994% 99.888%, 92.832% 100%, 83.787% 100%, 83.787% 100%, 83.117% 99.935%, 82.482% 99.748%, 81.89% 99.448%, 81.349% 99.047%, 80.868% 98.553%, 80.456% 97.977%, 80.12% 97.329%, 79.87% 96.62%, 79.714% 95.86%, 79.659% 95.058%, 79.659% 95.058%, 79.567% 93.684%, 79.299% 92.381%, 78.87% 91.166%, 78.295% 90.056%, 77.588% 89.069%, 76.763% 88.222%, 75.837% 87.533%, 74.822% 87.02%, 73.733% 86.699%, 72.586% 86.588%, 49.731% 86.588%, 27.325% 86.588%, 27.325% 86.588%, 26.177% 86.699%, 25.089% 87.02%, 24.074% 87.533%, 23.147% 88.222%, 22.323% 89.069%, 21.616% 90.056%, 21.04% 91.166%, 20.612% 92.381%, 20.343% 93.684%, 20.251% 95.058%, 20.251% 95.058%, 20.197% 95.86%, 20.041% 96.62%, 19.79% 97.329%, 19.455% 97.977%, 19.042% 98.553%, 18.561% 99.047%, 18.02% 99.448%, 17.428% 99.748%, 16.793% 99.935%, 16.124% 100%);
  }
}
@media screen and (max-width: 479px) {
  .ul-product-show-slider {
    clip-path: polygon(6.622% 100%, 6.452% 100%, 6.452% 100%, 5.405% 99.954%, 4.412% 99.823%, 3.487% 99.612%, 2.641% 99.329%, 1.89% 98.981%, 1.245% 98.576%, 0.72% 98.12%, 0.329% 97.621%, 0.084% 97.086%, 0% 96.522%, 0% 2.609%, 0% 2.609%, 0.063% 2.186%, 0.247% 1.784%, 0.54% 1.41%, 0.934% 1.068%, 1.417% 0.764%, 1.981% 0.503%, 2.615% 0.291%, 3.309% 0.133%, 4.054% 0.034%, 4.839% 0%, 95.484% 0%, 95.484% 0%, 96.216% 0.032%, 96.911% 0.124%, 97.559% 0.272%, 98.151% 0.47%, 98.677% 0.713%, 99.129% 0.997%, 99.496% 1.316%, 99.77% 1.665%, 99.941% 2.04%, 100% 2.435%, 100% 96.522%, 100% 96.522%, 99.916% 97.086%, 99.671% 97.621%, 99.28% 98.12%, 98.755% 98.576%, 98.11% 98.981%, 97.359% 99.329%, 96.513% 99.612%, 95.588% 99.823%, 94.595% 99.954%, 93.548% 100%, 93.055% 100%, 93.055% 100%, 92.046% 99.958%, 91.085% 99.835%, 90.185% 99.637%, 89.358% 99.372%, 88.615% 99.045%, 87.971% 98.663%, 87.436% 98.231%, 87.023% 97.757%, 86.745% 97.246%, 86.613% 96.705%, 86.452% 95.058%, 86.435% 94.945%, 86.435% 94.945%, 86.282% 94.415%, 85.988% 93.917%, 85.566% 93.454%, 85.027% 93.035%, 84.383% 92.663%, 83.646% 92.346%, 82.828% 92.09%, 81.94% 91.899%, 80.994% 91.78%, 80.003% 91.739%, 49.032% 91.739%, 19.682% 91.739%, 19.682% 91.739%, 18.709% 91.779%, 17.779% 91.893%, 16.904% 92.077%, 16.096% 92.326%, 15.364% 92.633%, 14.721% 92.993%, 14.179% 93.401%, 13.748% 93.851%, 13.439% 94.337%, 13.265% 94.855%, 13.226% 95.058%, 13.065% 96.705%, 13.065% 96.705%, 12.933% 97.246%, 12.654% 97.757%, 12.242% 98.231%, 11.707% 98.663%, 11.062% 99.045%, 10.32% 99.372%, 9.492% 99.637%, 8.592% 99.835%, 7.631% 99.958%, 6.622% 100%);
    clip-path: polygon(8.152% 100%, 4.839% 100%, 4.839% 100%, 4.054% 99.966%, 3.309% 99.867%, 2.615% 99.709%, 1.981% 99.497%, 1.417% 99.236%, 0.934% 98.932%, 0.54% 98.59%, 0.247% 98.216%, 0.063% 97.814%, 0% 97.391%, 0% 2.609%, 0% 2.609%, 0.063% 2.186%, 0.247% 1.784%, 0.54% 1.41%, 0.934% 1.068%, 1.417% 0.764%, 1.981% 0.503%, 2.615% 0.291%, 3.309% 0.133%, 4.054% 0.034%, 4.839% 0%, 95.484% 0%, 95.484% 0%, 96.216% 0.032%, 96.911% 0.124%, 97.559% 0.272%, 98.151% 0.47%, 98.677% 0.713%, 99.129% 0.997%, 99.496% 1.316%, 99.77% 1.665%, 99.941% 2.04%, 100% 2.435%, 100% 97.391%, 100% 97.391%, 99.937% 97.814%, 99.753% 98.216%, 99.46% 98.59%, 99.066% 98.932%, 98.583% 99.236%, 98.019% 99.497%, 97.385% 99.709%, 96.691% 99.867%, 95.946% 99.966%, 95.161% 100%, 91.525% 100%, 91.525% 100%, 90.769% 99.968%, 90.048% 99.876%, 89.373% 99.728%, 88.752% 99.529%, 88.195% 99.284%, 87.712% 98.997%, 87.311% 98.674%, 87.001% 98.318%, 86.792% 97.935%, 86.694% 97.529%, 86.452% 95.058%, 86.318% 94.143%, 86.318% 94.143%, 86.203% 93.746%, 85.983% 93.372%, 85.666% 93.026%, 85.262% 92.711%, 84.779% 92.432%, 84.226% 92.195%, 83.613% 92.002%, 82.947% 91.859%, 82.238% 91.77%, 81.495% 91.739%, 49.032% 91.739%, 18.229% 91.739%, 18.229% 91.739%, 17.499% 91.769%, 16.802% 91.855%, 16.146% 91.993%, 15.539% 92.179%, 14.991% 92.409%, 14.509% 92.68%, 14.102% 92.985%, 13.779% 93.323%, 13.547% 93.688%, 13.417% 94.076%, 13.226% 95.058%, 12.984% 97.529%, 12.984% 97.529%, 12.885% 97.935%, 12.676% 98.318%, 12.367% 98.674%, 11.966% 98.997%, 11.482% 99.284%, 10.925% 99.529%, 10.305% 99.728%, 9.63% 99.876%, 8.909% 99.968%, 8.152% 100%);
  }
}
.ul-product-show-slider-navigation {
  position: absolute;
  bottom: clamp(10px, 0.68vw, 13px);
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
}
@media screen and (max-width: 1399px) {
  .ul-product-show-slider-navigation {
    bottom: 0;
  }
}
.ul-product-show-slider-navigation button {
  padding: 0;
}
.ul-product-show-thumb-slider {
  margin: 0 10px;
  width: 140px;
}
.ul-product-show-thumb-slider img {
  width: clamp(35px, 2.1vw, 40px);
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}
.ul-product-show-slide {
  padding: clamp(180px, 12.35vw, 285px) clamp(15px, 3.15vw, 90px);
  position: relative;
  z-index: 1;
}
.ul-product-show-slide::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}
.ul-product-show-slide-bg-img {
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.ul-product-show-slide .ul-banner-txt {
  padding: 0;
}
.ul-product-show-slide .ul-banner-sub-title {
  color: var(--white);
}
.ul-product-show-slide .ul-banner-sub-title::before {
  background-color: var(--white);
}
.ul-product-show-slide .ul-banner-title {
  line-height: 1.2;
}
.ul-product-show-slide .ul-btn {
  background-color: transparent;
  border-color: var(--white);
}
.ul-product-show-slide .ul-btn:hover {
  background-color: var(--white);
  color: var(--ul-black);
}

.ul-btn-edit {
  height: clamp(45px, 2.94vw, 56px);
  background-color: var(--ul-black);
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(7px, 0.53vw, 10px);
  padding: 0 clamp(6px, 0.47vw, 9px);
  padding-right: clamp(12px, 0.89vw, 17px);
  font-weight: 800;
  font-size: clamp(13px, 0.84vw, 16px);
  position: relative;
  color: var(--white);
}
.ul-btn-edit:hover {
  color: var(--ul-black);
  background-color: var(--ul-yellow);
  border-color: 1px solid transparent;
}
.ul-btn-edit:hover i {
  color: var(--ul-yellow);
  background-color: var(--ul-black);
}
.ul-btn-edit i {
  background-color: var(--ul-yellow);
  color: var(--white);
  width: clamp(22px, 1.52vw, 29px);
  width: clamp(33px, 2.1vw, 40px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: all 0.3s ease;
  font-size: clamp(10px, 0.68vw, 13px);
}
.ul-btn-rjct {
  height: clamp(45px, 2.94vw, 56px);
  background-color: var(--ul-primary);
  border: 1px solid transparent;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(7px, 0.53vw, 10px);
  padding: 0 clamp(6px, 0.47vw, 9px);
  padding-right: clamp(12px, 0.89vw, 17px);
  font-weight: 800;
  font-size: clamp(13px, 0.84vw, 16px);
  position: relative;
  color: var(--white);
}
.ul-btn-rjct:hover {
  color: var(--ul-primary);
  background-color: transparent;
  border-color: var(--ul-primary);
}
.ul-btn-rjct:hover i {
  color: var(--white);
  background-color: var(--ul-primary);
}
.ul-btn-rjct i {
  background-color: var(--white);
  color: var(--ul-primary);
  width: clamp(22px, 1.52vw, 29px);
  width: clamp(33px, 2.1vw, 40px);
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  transition: all 0.3s ease;
  font-size: clamp(10px, 0.68vw, 13px);
}

.ul-news-filter-widget {
  padding: clamp(12px, 1.1vw, 20px) clamp(7px, 1.89vw, 17px);
  background-color: var(--ul-gray3);
}

.ul-news-filter-widget:last-child {
  margin-bottom: 0;
}

.ul-news-filter-widget-title {
  font-family: var(--font-quicksand);
  font-size: clamp(18px, 1.26vw, 24px);
  color: var(--black);
  font-weight: 700;
  position: relative;
  margin-bottom: clamp(8px, 0.95vw, 18px);
}

.ul-news-filter-tags {
  display: flex;
  flex-wrap: wrap;
  gap: clamp(8px, 0.63vw, 12px);
}

.ul-news-filter-tags a {
  height: clamp(30px, 1.89vw, 36px);
  border: 1px solid rgba(86, 86, 86, 0.3);
  padding: 0 clamp(12px, 0.95vw, 18px) 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  color: var(--black);
  font-size: clamp(13px, 0.84vw, 16px);
}

.ul-news-filter-tags a:hover {
  background-color: var(--ul-primary);
  border-color: var(--ul-primary);
  color: var(--white);
}

.ul-news-filter-tags .active {
  background-color: var(--ul-primary);
  border-color: var(--ul-primary);
  color: var(--white);
}

.ul-community-card-block-1 {
  background: url(../../../banner/community-1.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

.ul-community-card-block-2 {
  background: url(../../../banner/community-2.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

.ul-community-card-block-3 {
  background: url(../../../banner/community-3.jpg) no-repeat center center/cover;
  position: relative;
  z-index: 1;
  padding: clamp(25px, 2.1vw, 40px) clamp(15px, 8.41vw, 160px);
  color: var(--white);
  height: 100%;
}

@media screen and (max-width: 1199px) {
  .ul-community-card-block-1 .ul-community-card-block-2 .ul-community-card-block-3 {
    padding: clamp(25px, 2.1vw, 40px) clamp(15px, 3.41vw, 160px);
  }
}

.ul-community-block::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 87, 40, 0.9);
  z-index: -1;
}