.elementor-2 .elementor-element.elementor-element-490ee46c{--display:flex;}.elementor-2 .elementor-element.elementor-element-490ee46c:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-490ee46c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.caraccio.us/wp-content/uploads/2026/03/593812_Elvis-Presley-driving-a-Cadillac-through-the-deser_xl-1024-v1-0-1024x585.png");background-position:center center;background-size:cover;}.elementor-2 .elementor-element.elementor-element-6303dc1{--display:flex;--justify-content:space-around;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-2 .elementor-element.elementor-element-6303dc1:not(.elementor-motion-effects-element-type-background), .elementor-2 .elementor-element.elementor-element-6303dc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF30;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-a8a4768{text-align:center;}.elementor-2 .elementor-element.elementor-element-a8a4768 .elementor-heading-title{font-family:"Rock 3D", Sans-serif;font-size:60px;font-weight:800;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;color:#0FAAEB;}.elementor-2 .elementor-element.elementor-element-a8a4768 .elementor-heading-title a:hover, .elementor-2 .elementor-element.elementor-element-a8a4768 .elementor-heading-title a:focus{color:#A70707;}.elementor-2 .elementor-element.elementor-element-a8a4768 .elementor-heading-title a{transition-duration:0.6s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-2 .elementor-element.elementor-element-7c0674d3{font-family:"Liu Jian Mao Cao", Sans-serif;font-size:16px;font-weight:300;}.elementor-2 .elementor-element.elementor-element-c588e56{--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;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}@media(min-width:768px){.elementor-2 .elementor-element.elementor-element-6303dc1{--content-width:955px;}}/* Start custom CSS for container, class: .elementor-element-6303dc1 */.elementor-2 .elementor-element.elementor-element-6303dc1 {
    backdrop-filter: blur(5px);
    width:85%;
    justify-self: center;
    justify-content: center;
    align-self: center;
    margin: 55px;
    padding:55px 75px;
    background-color: rgba(255,255,255,0.4);
    border:4px outset rgba(255, 255, 255, 0.2);
    box-shadow: 8px 8px 12px rgba(0,0,0,0.28), 15px 15px 20px rgba(0,0,0,0.08);
    background: radial-gradient(
    600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(181, 26, 43, 0.6),
    transparent 80%
  )
   opacity: var(--glow-opacity, 0);
transition-duration:4s ease;
}

.elementor-2 .elementor-element.elementor-element-6303dc1:hover {
    transform: translateY(8px)translateX(2px);
      transition-duration:3s ease-out;
  pointer-events: none;
  z-index: 1;
}

..elementor-2 .elementor-element.elementor-element-6303dc1::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: radial-gradient(
    600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),
    rgba(181, 26, 43, 0.6),
    transparent 40%
  );
  opacity: var(--glow-opacity, 0);
  filter: blur(100px);
  transition: opacity 0.8s ease-out;
  pointer-events: none;
  z-index: 1;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06db784 */* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    color: #000;
    font-family: Arial, sans-serif;
    perspective: 1500px;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    transform-style: preserve-3d;
}

.box-card {
    width: 200px;
    height: 200px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 1s ease;
    cursor: pointer;
}

.box-card:hover {
    animation: rotate3d 8s infinite linear;
}

.face {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    text-transform: uppercase;
    backface-visibility: visible;
    border-radius: 3px;
    background: linear-gradient(100deg, rgba(0,0,0,0.4), rgba(0,0,0,0.3));
    border: 2px solid #646cff;
    transition: all 0.8s ease;
    overflow: hidden;
}

.face::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(75deg, transparent, rgba(255,255,255,0.4), transparent);
    top: -100%;
    left: -100%;
    transition: all 0.5s ease;
    transform: translateZ(80px);
}

.face::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(
        35deg,
        transparent 0%,
        rgba(255, 255, 255, 0.05) 50%,
        transparent 100%
    );
    opacity: 0;
    transition: opacity 0.8s ease;
}

.face:hover::before {
    top: 100%;
    left: 100%;
}

.face:hover::after {
    opacity: 1;
}

.front {
    transform: translateZ(100px);
    border-color: #646cff;
}

.back {
    transform: translateZ(-100px) rotateY(180deg);
    border-color: #00bcd4;
}

.right {
    transform: translateX(100px) rotateY(90deg);
    border-color: #4caf50;
}

.left {
    transform: translateX(-100px) rotateY(-90deg);
    border-color: #ff4081;
}

.top {
    transform: translateY(-100px) rotateX(90deg);
    border-color: #ffc107;
}

.bottom {
    transform: translateY(100px) rotateX(-90deg);
    border-color: #9c27b0;
}

@keyframes rotate3d {
    0% {
        transform: rotateX(0) rotateY(0);
    }
    25% {
        transform: rotateX(90deg) rotateY(90deg);
    }
    50% {
        transform: rotateX(180deg) rotateY(180deg);
    }
    75% {
        transform: rotateX(270deg) rotateY(270deg);
    }
    100% {
        transform: rotateX(360deg) rotateY(360deg);
    }
}

@media (max-width: 768px) {
    .box-card {
        width: 150px;
        height: 150px;
    }
    
    .front { transform: translateZ(75px); }
    .back { transform: translateZ(-75px) rotateY(180deg); }
    .right { transform: translateX(75px) rotateY(90deg); }
    .left { transform: translateX(-75px) rotateY(-90deg); }
    .top { transform: translateY(-75px) rotateX(90deg); }
    .bottom { transform: translateY(75px) rotateX(-90deg); }
}/* End custom CSS */