.elementor-1150 .elementor-element.elementor-element-29c2c5e{--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:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1150 .elementor-element.elementor-element-d429cb0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1150 .elementor-element.elementor-element-d429cb0:not(.elementor-motion-effects-element-type-background), .elementor-1150 .elementor-element.elementor-element-d429cb0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-ab584e5 ) 0%, #F6F6F6 100%);}.elementor-1150 .elementor-element.elementor-element-e80b79a{--display:flex;}.elementor-1150 .elementor-element.elementor-element-03baf69{--display:flex;}.elementor-1150 .elementor-element.elementor-element-fc769b1{--display:flex;--min-height:100vh;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-1150 .elementor-element.elementor-element-78ff7e4 .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-1150 .elementor-element.elementor-element-07ad391{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-primary );}.elementor-1150 .elementor-element.elementor-element-bb277e5 img{border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-803288a .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#F6F6F6;color:#F6F6F6;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-c6ebd3f{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-1150 .elementor-element.elementor-element-4387adc .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-1150 .elementor-element.elementor-element-42f5518{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-primary );}.elementor-1150 .elementor-element.elementor-element-1ca335e img{border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-c38662f .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#F6F6F6;color:#F6F6F6;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-c0c7f32{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-1150 .elementor-element.elementor-element-82e3dbe .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-1150 .elementor-element.elementor-element-d0f2b52{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-primary );}.elementor-1150 .elementor-element.elementor-element-0f69526 img{border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-5f24c7f .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#F6F6F6;color:#F6F6F6;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-e37f627{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-1150 .elementor-element.elementor-element-9cb5ac5 .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-1150 .elementor-element.elementor-element-cd0bd96{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-primary );}.elementor-1150 .elementor-element.elementor-element-18063b1 img{border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-e57d576 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#F6F6F6;color:#F6F6F6;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-f41ad80{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-1150 .elementor-element.elementor-element-8fe620b .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-1150 .elementor-element.elementor-element-d5eb110 img{border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-5585628 .elementor-button{background-color:transparent;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#F6F6F6;color:#F6F6F6;background-image:linear-gradient(180deg, var( --e-global-color-primary ) 0%, var( --e-global-color-primary ) 100%);border-radius:25px 25px 25px 25px;}.elementor-1150 .elementor-element.elementor-element-b48f719{--display:flex;}.elementor-1150 .elementor-element.elementor-element-c1c2081{--display:flex;}.elementor-1150 .elementor-element.elementor-element-6d07ac3{--display:flex;--min-height:100vh;--justify-content:center;}.elementor-1150 .elementor-element.elementor-element-9a0a1b1{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-9a0a1b1{left:0px;}body.rtl .elementor-1150 .elementor-element.elementor-element-9a0a1b1{right:0px;}.elementor-1150 .elementor-element.elementor-element-a815295{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-a815295{left:0px;}body.rtl .elementor-1150 .elementor-element.elementor-element-a815295{right:0px;}.elementor-1150 .elementor-element.elementor-element-8e82141{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-8e82141{left:0px;}body.rtl .elementor-1150 .elementor-element.elementor-element-8e82141{right:0px;}.elementor-1150 .elementor-element.elementor-element-d3848f0{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}.elementor-1150 .elementor-element.elementor-element-d3848f0:not(.elementor-motion-effects-element-type-background), .elementor-1150 .elementor-element.elementor-element-d3848f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cutz.cloud/wp-content/uploads/2025/06/EN.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-d3848f0{left:0px;}body.rtl .elementor-1150 .elementor-element.elementor-element-d3848f0{right:0px;}.elementor-1150 .elementor-element.elementor-element-888283e{--display:flex;--position:absolute;--min-height:600px;--border-radius:40px 40px 40px 40px;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-888283e{left:0px;}body.rtl .elementor-1150 .elementor-element.elementor-element-888283e{right:0px;}.elementor-1150 .elementor-element.elementor-element-4b839c8{--display:flex;--position:fixed;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;bottom:2%;--z-index:1;}body:not(.rtl) .elementor-1150 .elementor-element.elementor-element-4b839c8{right:0%;}body.rtl .elementor-1150 .elementor-element.elementor-element-4b839c8{left:0%;}.elementor-1150 .elementor-element.elementor-element-511f911 > .elementor-widget-container{background-color:#FFFFFF94;padding:0em 0em 0em 0em;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-text );border-radius:50px 50px 50px 50px;}.elementor-1150 .elementor-element.elementor-element-511f911{z-index:99;--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-horizontal-menu-item-margin:calc( 8px / 2 );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-secondary );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:8px;}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown{background-color:#F6F6F6;border-radius:15px 15px 15px 15px;}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a:hover,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a:focus,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a.highlighted,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-menu-toggle:hover,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-menu-toggle:focus{color:var( --e-global-color-secondary );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a:hover,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a:focus,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a.elementor-item-active,
					.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a.highlighted{background-color:#F6F6F6;}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown a.elementor-item-active{color:#F6F6F6;background-color:#76F68A;}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown .elementor-item, .elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown li:first-child a{border-top-left-radius:15px;border-top-right-radius:15px;}.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown li:last-child a{border-bottom-right-radius:15px;border-bottom-left-radius:15px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1150 .elementor-element.elementor-element-29c2c5e{--width:100%;}.elementor-1150 .elementor-element.elementor-element-d429cb0{--content-width:1200px;}.elementor-1150 .elementor-element.elementor-element-e80b79a{--width:50%;}.elementor-1150 .elementor-element.elementor-element-b48f719{--width:50%;}.elementor-1150 .elementor-element.elementor-element-c1c2081{--content-width:1140px;}}/* Start custom CSS for nav-menu, class: .elementor-element-511f911 */.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-item
{
    background: #FFF;
    border-radius: 50px;
    padding: 0.2em 1.5em;
    margin: 0.8em;
}


/*added by sarvenaz*/

/* --- Drop-Up Menu (Stronger Rule) --- */
.elementor-1150 .elementor-element.elementor-element-511f911 .sub-menu,
.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-nav-menu--dropdown {
  top: auto !important;
  bottom: 100% !important;
  margin-bottom: 15px; /* Optional: Adjusts space */
}

/* --- Flip Dropdown Arrow (Stronger Rule) --- */
.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-item.elementor-item-anchor.highlighted .sub-arrow,
.elementor-1150 .elementor-element.elementor-element-511f911 .elementor-item.has-submenu.elementor-active .sub-arrow {
    transform: rotate(180deg) !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4b839c8 *//* Variables CSS pour les couleurs */
:root {
  --main-bg-color: #0E1438;
  --accent-color: #76F68A;
  --white-color: #FFFFFF;
}

/* Styles généraux */
#comparison {
  position: relative;
  width: 90vw;
  height: 90vw;
  max-width: 1140px;
  max-height: 600px;
  overflow: hidden;
  border-radius: 25px;
}

#video-container,
.video-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-bg {
  object-fit: cover;
}

/* Divider line */
#divider-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: var(--accent-color);
  left: 50%;
  transform: translateX(-50%);
  cursor: ew-resize;
  z-index: 10;
}

#divider-line .handle {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background-color: var(--accent-color);
  border-radius: 50%;
  transform: translate(-50%, -50%);
}

#divider-line .handle::before,
#divider-line .handle::after {
  content: '';
  position: absolute;
  width: 2px;
  height: 16px;
  background: var(--white-color);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

#divider-line .handle::before {
  transform: translate(-4px, -50%);
}

#divider-line .handle::after {
  transform: translate(4px, -50%);
}

/* Labels and titles */
.label, .title {
  position: absolute;
  background-color: var(--main-bg-color);
  border: 1px solid var(--main-bg-color);
  color: var(--white-color);
  padding: 5px 10px;
  border-radius: 50px;
  z-index: 3;
  max-width: 45%;
  word-wrap: break-word;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.label {
  top: 10px;
  font-weight: bold;
  background-color: var(--white-color);
  color: var(--main-bg-color);
}

.title {
  bottom: 10px;
  font-family: 'noe-display', sans-serif;
  font-size: 1.25em;
}

.label-left, .title-left {
  left: 10px;
  text-align: left;
}

.label-right, .title-right {
  right: 10px;
  text-align: right;
}

@media (max-width: 600px) {
  .label, .title {
    font-size: 0.9em;
    max-width: 100%;
  }
}/* End custom CSS */