.elementor-4702 .elementor-element.elementor-element-b9bba08 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-4702 .elementor-element.elementor-element-b9bba08 > .elementor-container{max-width:1600px;min-height:684px;}.elementor-4702 .elementor-element.elementor-element-b9bba08{overflow:hidden;border-style:none;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-4702 .elementor-element.elementor-element-b9bba08, .elementor-4702 .elementor-element.elementor-element-b9bba08 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-bc-flex-widget .elementor-4702 .elementor-element.elementor-element-c67a3b8.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-4702 .elementor-element.elementor-element-c67a3b8.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-4702 .elementor-element.elementor-element-c67a3b8.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-4702 .elementor-element.elementor-element-c67a3b8 > .elementor-element-populated{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);}#elementor-popup-modal-4702{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-4702 .dialog-message{width:640px;height:auto;}#elementor-popup-modal-4702 .dialog-close-button{display:flex;}#elementor-popup-modal-4702 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}@media(min-width:768px){.elementor-4702 .elementor-element.elementor-element-c67a3b8{width:100%;}}@media(max-width:767px){.elementor-4702 .elementor-element.elementor-element-b9bba08 > .elementor-container{min-height:482px;}}/* Start custom CSS for html, class: .elementor-element-e8f5df2 *//* Default styles for the cube container */
.cube-container {
  perspective: 1000px;
  width: 351px;
  height: 351px;
  margin: 0 auto;
}

.cube {
  width: 100%;
  height: 100%;
  position: relative;
  transform-style: preserve-3d;
  animation: rotateCube 3s ease-in-out 1 forwards;
}

.cube-face {
  position: absolute;
  width: 100%;
  height: 100%;
  background-image: url('https://www.superbis.co.il/wp-content/uploads/2025/05/04.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 2px solid #ccc;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 30px;
}

.front  { transform: translateZ(175.5px); }
.back   { transform: rotateY(180deg) translateZ(175.5px); }
.left   { transform: rotateY(-90deg) translateZ(175.5px); }
.right  { transform: rotateY(90deg) translateZ(175.5px); }
.top    { transform: rotateX(90deg) translateZ(175.5px); }
.bottom { transform: rotateX(-90deg) translateZ(175.5px); }

@keyframes rotateCube {
  0% {
    transform: rotateX(0deg) rotateY(0deg);
  }
  100% {
    transform: rotateX(360deg) rotateY(360deg);
  }
}

/* Ensure button background stays intact on both desktop and mobile */
.cube-button {
  background-color: #29CB2D; /* Default background */
  color: #ffffff; /* Text color */
  border: none;
  border-radius: 30px;
  text-decoration: none;
  font-size: 18px; /* Default font size */
  font-weight: bold;
  font-family: inherit;
  cursor: pointer;
  transition: background-color 0.3s ease;
  display: inline-flex;
  align-items: center;
  padding: 12px 24px; /* Default padding */
}

.cube-button:hover {
  background-color: #25b128; /* Hover effect */
}

.cube-button i {
  font-size: 20px; /* Icon size */
  margin-left: 8px;
}

/* Mobile-specific adjustments (for screens smaller than 768px) */
@media (max-width: 767px) {
  .cube-container {
    width: 245.7px; /* 30% smaller than 351px */
    height: 245.7px; /* 30% smaller than 351px */
    perspective: 800px; /* Reduced perspective on mobile */
  }

  .cube-face {
    padding-bottom: 20px; /* Adjust padding to keep faces looking good on mobile */
  }

  /* Adjust translateZ for smaller size to prevent gaps */
  .front  { transform: translateZ(123.5px); }
  .back   { transform: rotateY(180deg) translateZ(123.5px); }
  .left   { transform: rotateY(-90deg) translateZ(123.5px); }
  .right  { transform: rotateY(90deg) translateZ(123.5px); }
  .top    { transform: rotateX(90deg) translateZ(123.5px); }
  .bottom { transform: rotateX(-90deg) translateZ(123.5px); }

  /* Reduce the button size by 30% on mobile */
  .cube-button {
    font-size: 12.6px; /* Reduce font size by 30% */
    padding: 8.4px 16.8px; /* Reduce padding by 30% */
  }

  .cube-button i {
    font-size: 14px; /* Adjust icon size accordingly */
    margin-left: 6px; /* Adjust margin if needed */
  }
}/* End custom CSS */
/* Start custom CSS for column, class: .elementor-element-c67a3b8 */* :focus,
* :focus-visible {
    outline: none !important;
    box-shadow: none !important;
}/* End custom CSS */