.elementor-17 .elementor-element.elementor-element-cb0a448{--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;--overflow:hidden;--overlay-opacity:0.5;}.elementor-17 .elementor-element.elementor-element-cb0a448:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-cb0a448 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3030306B;}.elementor-17 .elementor-element.elementor-element-cb0a448::before, .elementor-17 .elementor-element.elementor-element-cb0a448 > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-cb0a448 > .e-con-inner > .elementor-background-video-container::before, .elementor-17 .elementor-element.elementor-element-cb0a448 > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-cb0a448 > .e-con-inner > .elementor-background-slideshow::before, .elementor-17 .elementor-element.elementor-element-cb0a448 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000033;--background-overlay:'';}.elementor-17 .elementor-element.elementor-element-e2af90a{--display:flex;--overflow:hidden;}.elementor-17 .elementor-element.elementor-element-4ef34d2{--display:flex;}.elementor-17 .elementor-element.elementor-element-44d0b1d{--display:flex;}.elementor-17 .elementor-element.elementor-element-8db4371{--display:flex;}.elementor-17 .elementor-element.elementor-element-f9fb90c{--display:flex;}.elementor-17 .elementor-element.elementor-element-3aea1d7{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-arrow-hover-color:#C5BD84;--e-n-carousel-dots-normal-color:#EEEEEE;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:0px;}@media(max-width:1024px){.elementor-17 .elementor-element.elementor-element-3aea1d7{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-17 .elementor-element.elementor-element-cb0a448:not(.elementor-motion-effects-element-type-background), .elementor-17 .elementor-element.elementor-element-cb0a448 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cafebarcode.ir/wp-content/uploads/2025/10/gemini-2.5-flash-image-preview_Add_a_little_more_light_to_the_space_remove_the_cup_on_the_table.-0.jpg");background-position:-11px -23px;background-repeat:no-repeat;background-size:795px auto;}.elementor-17 .elementor-element.elementor-element-cb0a448{--width:1600px;--min-height:740px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-55px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-17 .elementor-element.elementor-element-e2af90a{--width:1600px;--min-height:700px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}.elementor-17 .elementor-element.elementor-element-10c1142 > .elementor-widget-container{margin:0px -10px -10px -10px;padding:0px 0px 0px 0px;}.elementor-17 .elementor-element.elementor-element-3aea1d7{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:0px;width:var( --container-widget-width, 1000px );max-width:1000px;margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 1px;--container-widget-width:1000px;--container-widget-flex-grow:0;--e-n-carousel-arrow-prev-left-position:40px;--e-n-carousel-arrow-prev-top-position:300px;--e-n-carousel-arrow-next-right-position:40px;--e-n-carousel-arrow-next-top-position:300px;--e-n-carousel-arrow-size:49px;--e-n-carousel-swiper-pagination-size:9px;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:-1px;--e-n-carousel-dots-vertical-offset:-85px;--e-n-carousel-swiper-pagination-spacing:0px;}.elementor-17 .elementor-element.elementor-element-3aea1d7 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:9px;--swiper-pagination-bullet-vertical-gap:9px;}}/* Start custom CSS for container, class: .elementor-element-cb0a448 *//* === Overlay container === */
#my-overlay {
  position: relative;
  overflow: hidden;
}

/* === First blur layer: wide soft blur === */
#my-overlay::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  /* adjust size & side */
  width: 40%;
  height: 100%;
  left: 230px;
  top: 0;

  /* translucent color + strong blur */
  background: #000;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

/* === Second blur layer: more focused darker core === */
#my-overlay::after {
  content: "";
  position: absolute;
  z-index: 2;
  pointer-events: none;

  /* same area or slightly smaller for inner focus */
  width: 50%;
  height: 100%;
  top: 5%;
  left:210px;

  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(7px);

  /* optional edge shape */
  border-radius: 0 0px 0px 0;
}

/* === keep inner content above both layers === */
#my-overlay > .elementor-widget-wrap,
#my-overlay > * {
  position: relative;
  z-index: 3;
}/* End custom CSS */