.elementor-1378 .elementor-element.elementor-element-30a128b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:70px;--padding-bottom:70px;--padding-left:50px;--padding-right:50px;}.elementor-1378 .elementor-element.elementor-element-8602ca8{text-align:center;}.elementor-1378 .elementor-element.elementor-element-8602ca8 .elementor-heading-title{font-size:40px;color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-294fac2 .woocommerce-breadcrumb{color:#FFFFFF;text-align:center;}.elementor-1378 .elementor-element.elementor-element-294fac2 .woocommerce-breadcrumb > a{color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-bda9937{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1378 .elementor-element.elementor-element-7a9b1f22{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1378 .elementor-element.elementor-element-332ffd3b{--display:flex;}.elementor-1378 .elementor-element.elementor-element-34376f42{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:20px 40px;--row-gap:20px;--column-gap:40px;}.elementor-1378 .elementor-element.elementor-element-30aef59d{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:-32px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-1378 .elementor-element.elementor-element-30aef59d:not(.elementor-motion-effects-element-type-background), .elementor-1378 .elementor-element.elementor-element-30aef59d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1378 .elementor-element.elementor-element-6304cb4{--wd-gap:10px;}.elementor-1378 .elementor-element.elementor-element-6304cb4 .title-text{color:#000000;font-size:18px;font-weight:600;}@media(min-width:769px){.elementor-1378 .elementor-element.elementor-element-bda9937{--width:100%;}.elementor-1378 .elementor-element.elementor-element-7a9b1f22{--content-width:1600px;}.elementor-1378 .elementor-element.elementor-element-30aef59d{--content-width:1600px;}}/* Start custom CSS for container, class: .elementor-element-30a128b */#yeni{
    background: linear-gradient(120deg, #a07f58, #e5b26e, #cfa45d);
    background-size: 250% 250%;
    animation: gradient 14s ease-in-out infinite;
}

@keyframes gradient {
    0%   { background-position: 0% 50%; }
    50%  { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}/* End custom CSS */
/* Start custom CSS */@property --border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}

.wd-products.wd-stretch-cont-lg .product-wrapper {
  position: relative;
  border: 2px solid transparent;
  border-radius: 10px;
  padding: 5px;
  
  --border-angle: 0turn;
  --main-bg: linear-gradient(#fff, #fff);
  --gradient-border: conic-gradient(
      from var(--border-angle),
      #035826 0%,
      #035826 75%,
      #e5b26e 100%
  );

  background: 
    var(--main-bg) padding-box,
    linear-gradient(#035826, #035826) border-box;
  
  background-position: center center;
  transition: background 0.3s ease;
}

.wd-products.wd-stretch-cont-lg .product-wrapper:hover {
  background: 
    var(--main-bg) padding-box,
    var(--gradient-border) border-box;
  
  animation: bg-spin 3s linear infinite;
}

@keyframes bg-spin {
  to {
    --border-angle: 1turn;
  }
}/* End custom CSS */