.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(0,.33,.07,1.03)}@media (prefers-reduced-motion:reduce){.elementor-motion-effects-element,.elementor-motion-effects-layer{transition-duration:0s!important}}.elementor-motion-effects-container{height:100%;left:0;overflow:hidden;position:absolute;top:0;transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x);width:100%}.elementor-motion-effects-layer{background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0}.elementor-motion-effects-perspective{perspective:1200px}.elementor-motion-effects-element{transform-origin:var(--e-transform-origin-y) var(--e-transform-origin-x)}.acc-container {
position: relative;
width: 100%;
overflow: hidden;
padding-bottom: 60px;
}
.acc-swiper {
overflow: visible !important;
width: 100%;
height: auto;
} .acc-slide {
width: 48%; padding: 0 1px !important;
box-sizing: border-box;
opacity: 0.3;
transition: opacity 0.6s ease;
}
.acc-slide.swiper-slide-active {
opacity: 1;
z-index: 5;
}
.acc-slide-inner {
position: relative;
width: 100%;
display: block;
cursor: pointer;
} .acc-slide-inner img,
.acc-slide-inner video {
width: 100% !important;
height: auto !important; max-height: 60vh !important; object-fit: contain !important; 
display: block !important;
} .acc-nav-prev,
.acc-nav-next { background-color: rgba(237, 237, 237, 0.4) !important; 
backdrop-filter: blur(10px) !important;                
-webkit-backdrop-filter: blur(10px) !important;        
border: 1px solid rgba(255, 255, 255, 0.2) !important;
width: 50px !important;
height: 50px !important;
background-color: rgba(180, 180, 180, 0.4) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
color: #fff !important;
margin-top: -25px !important;
transition: background-color 0.3s ease;
}
.acc-nav-prev { left: 2% !important; }
.acc-nav-next { right: 2% !important; }  .acc-nav-prev:hover,
.acc-nav-next:hover {
background-color: rgba(130, 130, 130, 0.8) !important;
transform: scale(1.05);
} .acc-slide-inner .acc-zoom-btn,
.acc-slide-inner .acc-video-control-overlay {
position: absolute;
bottom: 25px;
right: 25px; width: 50px !important;
height: 50px !important;
background-color: rgba(180, 180, 180, 0.4) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
opacity: 0;
pointer-events: none;
transition: background-color 0.3s ease, opacity 0.3s ease; background-color: rgba(237, 237, 237, 0.4) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important;
border: 1px solid rgba(255, 255, 255, 0.2) !important; } .acc-slide.swiper-slide-active .acc-zoom-btn,
.acc-slide.swiper-slide-active .acc-video-control-overlay {
opacity: 1;
pointer-events: auto !important; 
} .acc-slide.swiper-slide-active .acc-zoom-btn:hover,
.acc-slide.swiper-slide-active .acc-video-control-overlay:hover {
background-color: #828282 !important;
} .acc-video-icon {
position: relative;
width: 14px;
height: 14px;
transition: all 0.2s ease;
} .acc-video-control-overlay.is-playing .acc-video-icon::before,
.acc-video-control-overlay.is-playing .acc-video-icon::after {
content: '';
position: absolute;
top: 0;
width: 3px;
height: 14px;
background-color: #ffffff;
transition: all 0.2s ease;
}
.acc-video-control-overlay.is-playing .acc-video-icon::before { left: 2px; }
.acc-video-control-overlay.is-playing .acc-video-icon::after { right: 2px; } .acc-video-control-overlay.is-paused .acc-video-icon::before {
content: '';
position: absolute;
top: 0;
left: 3px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 10px solid #ffffff;
background: transparent;
}
.acc-video-control-overlay.is-paused .acc-video-icon::after {
display: none;
} .acc-slide.swiper-slide-active .acc-zoom-btn {
opacity: 1;
pointer-events: auto !important; 
} .acc-slide.swiper-slide-active .acc-zoom-btn:hover {
background-color: #828282 !important;
} .acc-slide-inner .acc-zoom-btn:hover {
background-color: #828282 !important;
} .acc-modal-close:hover {
background-color: #828282 !important; 
transform: scale(1.05); } .acc-nav-prev::after,
.acc-nav-next::after {
font-size: 15px !important; font-weight: 500 !important; -webkit-text-stroke: 0.8px currentColor !important; 
} .acc-pagination {
position: absolute;
bottom: 0 !important;
left: 0;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
}
.acc-container .swiper-pagination-bullet {
width: 45px;
height: 4px;
border-radius: 50px;
background-color: #000 !important;
opacity: 0.2;
margin: 0 !important;
transition: opacity 0.3s ease, width 0.3s ease;
}
.acc-container .swiper-pagination-bullet-active {
opacity: 1;
width: 90px;
} .acc-slide-inner .acc-zoom-btn {
position: absolute;
bottom: 25px;
right: 25px;
width: 50px !important;
height: 50px !important;
background-color: rgba(180, 180, 180, 0.4) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 10;
transition: background-color 0.3s ease, opacity 0.3s ease;
opacity: 0;
pointer-events: none;
}
.acc-slide.swiper-slide-active .acc-zoom-btn {
opacity: 1;
}
.acc-slide-inner .acc-zoom-btn:hover {
background-color: #1a1a1a !important;
}
.acc-plus-icon {
position: relative;
width: 14px;
height: 14px;
}
.acc-plus-icon::before, .acc-plus-icon::after {
content: '';
position: absolute;
background-color: #ffffff;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} .acc-plus-icon::before { 
width: 100%; 
height: 1.5px; 
}
.acc-plus-icon::after { 
width: 1.5px; 
height: 100%; 
} body.acc-modal-open-lock { overflow: hidden !important; }
.acc-custom-modal {
position: fixed;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
z-index: 9999999 !important;
display: none;
}
.acc-custom-modal.acc-modal-visible { display: block; } .acc-modal-overlay {
position: absolute;
width: 100%;
height: 100%;
background-color: #ffffff !important; }
.acc-modal-wrapper {
position: absolute;
top: 0; left: 0; width: 100%; height: 100%;
display: flex;
} .acc-modal-close {
position: absolute;
top: 30px;
right: 40px;
border: none;
border-radius: 50%;
display: flex !important;
justify-content: center !important;
align-items: center !important;
line-height: 0 !important;
cursor: pointer;
z-index: 10010;
transition: background-color 0.2s ease, transform 0.2s ease, color 0.2s ease;
width: 48px !important;  
height: 48px !important; background-color: rgba(237, 237, 237, 0.4) !important; backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; border: 1px solid rgba(255, 255, 255, 0.2) !important; font-size: 36px !important;   
font-weight: 400 !important;   
color: #111111;              
padding: 4px 0 7px 0 !important; 
} .acc-modal-close:hover {
background-color: rgba(130, 130, 130, 0.8) !important; 
color: #ffffff !important;            
transform: scale(1.05);
}
.acc-modal-left { width: 50%; height: 100%; overflow: hidden; }
.acc-modal-left img, .acc-modal-left video {
width: 100%; height: 100%; object-fit: cover;
}
.acc-modal-right {
width: 50%; height: 100%;
display: flex; flex-direction: column;
justify-content: space-between;
padding: 80px 60px 60px 60px;
box-sizing: border-box;
}
.acc-meta-tag { font-size: 11px; text-transform: uppercase; letter-spacing: 2px; color: #888; }
.acc-meta-title { font-size: 32px; font-weight: 400; margin: 10px 0; color: #111; }
.acc-meta-desc { font-size: 14px; line-height: 1.6; color: #666; }
.acc-modal-centerpiece {
flex-grow: 1; display: flex; align-items: center; justify-content: center; max-height: 60%;
}
.acc-modal-centerpiece img, .acc-modal-centerpiece video {
max-width: 100%; max-height: 100%; object-fit: contain;
} @media (min-width: 2500px) { .acc-slide { width: 30%; } }
@media (min-width: 1920px) and (max-width: 2499px) { .acc-slide { width: 38%; } }
@media (min-width: 1440px) and (max-width: 1919px) { .acc-slide { width: 45%; } 
}
@media (min-width: 1025px) and (max-width: 1439px) { .acc-slide { width: 48%; } 
}
@media (max-width: 1024px) { .acc-slide { width: 68%; } 
}
@media (max-width: 768px) { .acc-slide { width: 82%; } .acc-modal-wrapper { flex-direction: column; overflow-y: auto; }
.acc-modal-left { width: 100%; height: 50vh; }
.acc-modal-right { width: 100%; height: auto; padding: 40px 20px; }
} .elementor-editor-active .acc-slide { opacity: 1 !important; }
.elementor-editor-active .acc-zoom-btn { opacity: 1 !important; }
/ .acc-video-control-overlay {
position: absolute;
bottom: 25px;
left: 25px; width: 50px !important;
height: 50px !important;
background-color: rgba(180, 180, 180, 0.4) !important;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
z-index: 15;
opacity: 0;
pointer-events: none;
transition: background-color 0.3s ease, opacity 0.3s ease;
} .acc-slide.swiper-slide-active .acc-video-control-overlay {
opacity: 1;
pointer-events: auto !important;
} .acc-slide.swiper-slide-active .acc-video-control-overlay:hover {
background-color: #828282 !important;
} .acc-video-icon {
position: relative;
width: 14px;
height: 14px;
transition: all 0.2s ease;
} .acc-video-control-overlay.is-playing .acc-video-icon::before,
.acc-video-control-overlay.is-playing .acc-video-icon::after {
content: '';
position: absolute;
top: 0;
width: 4px;
height: 14px;
background-color: #ffffff;
transition: all 0.2s ease;
}
.acc-video-control-overlay.is-playing .acc-video-icon::before { left: 1px; }
.acc-video-control-overlay.is-playing .acc-video-icon::after { right: 1px; } .acc-video-control-overlay.is-paused .acc-video-icon::before {
content: '';
position: absolute;
top: 0;
left: 2px;
width: 0;
height: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 11px solid #ffffff;
background: transparent;
}
.acc-video-control-overlay.is-paused .acc-video-icon::after {
display: none; }@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}.modern-accordion {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
max-width: 100%;
margin: 2rem 0;
color: #111;
}
.modern-accordion .accordion-item {
border-bottom: 1px solid #e5e5e5;
}
.modern-accordion .accordion-item:first-child {
border-top: 1px solid #e5e5e5;
}
.modern-accordion .accordion-header {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
padding: 24px 0;
background: transparent;
border: none;
cursor: pointer;
text-align: left;
outline: none;
}
.modern-accordion .accordion-title {
font-size: 1.35rem;
font-weight: 700;
letter-spacing: -0.01em;
}
.modern-accordion .accordion-icon {
position: relative;
width: 14px;
height: 14px;
}
.modern-accordion .accordion-icon::before,
.modern-accordion .accordion-icon::after {
content: '';
position: absolute;
background-color: #111;
transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s;
}
.modern-accordion .accordion-icon::before { top: 6px; left: 0; width: 14px; height: 2px; }
.modern-accordion .accordion-icon::after { top: 0; left: 6px; width: 2px; height: 14px; }
.modern-accordion .accordion-item.active .accordion-icon::after { transform: rotate(90deg); opacity: 0; }
.modern-accordion .accordion-item.active .accordion-icon::before { transform: rotate(180deg); }
.modern-accordion .accordion-content {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.modern-accordion .content-inner {
padding-bottom: 40px;
}
.modern-accordion .specs-grid {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
}
@media (min-width: 640px) {
.modern-accordion .specs-grid {
grid-template-columns: 1fr 1fr;
gap: 32px 64px;
}
}
.modern-accordion .grid-block h4 {
margin: 0 0 6px 0;
font-size: 1.05rem;
font-weight: 700;
color: #111;
}
.modern-accordion .grid-block p {
margin: 0;
font-size: 1rem;
color: #4b5563;
line-height: 1.5;
}  .modern-accordion .grid-block {
opacity: 0;
transform: translateY(12px);  transition: opacity 0.2s ease, transform 0.2s ease; 
} .modern-accordion .accordion-item.active .grid-block {
opacity: 1;
transform: translateY(0);  transition: opacity 0.4s ease 0.2s, transform 0.4s cubic-bezier(0.2, 0, 0.2, 1) 0.2s; 
}  .modern-accordion .accordion-header {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: 0 !important;
} .modern-accordion .accordion-title {
padding-left: 0 !important;
margin-left: 0 !important;
text-align: left !important;
} .modern-accordion .grid-block {
padding-left: 0 !important;
margin-left: 0 !important;
}
.modern-accordion .grid-block h4,
.modern-accordion .grid-block p {
padding-left: 0 !important;
margin-left: 0 !important;
text-align: left !important;
}