.elementor-309 .elementor-element.elementor-element-442e213e{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-309 .elementor-element.elementor-element-442e213e:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-442e213e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onoir.com/wp-content/uploads/2025/07/Onoir_Food_020c.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-309 .elementor-element.elementor-element-152eb735{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-309 .elementor-element.elementor-element-474a54bd .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:3px 3px 39px #BEB48C;}.elementor-309 .elementor-element.elementor-element-474a54bd .elementor-button:hover, .elementor-309 .elementor-element.elementor-element-474a54bd .elementor-button:focus{color:#C8A97E;}.elementor-309 .elementor-element.elementor-element-474a54bd .elementor-button:hover svg, .elementor-309 .elementor-element.elementor-element-474a54bd .elementor-button:focus svg{fill:#C8A97E;}.elementor-309 .elementor-element.elementor-element-300b635a .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:3px 3px 39px #BEB48C;}.elementor-309 .elementor-element.elementor-element-300b635a .elementor-button:hover, .elementor-309 .elementor-element.elementor-element-300b635a .elementor-button:focus{background-color:#FAF7F738;color:#FF0000;box-shadow:1px 1px 61px 14px rgba(249.99999999999991, 246.99999999999991, 246.99999999999991, 0.39);}.elementor-309 .elementor-element.elementor-element-300b635a .elementor-button:hover svg, .elementor-309 .elementor-element.elementor-element-300b635a .elementor-button:focus svg{fill:#FF0000;}.elementor-309 .elementor-element.elementor-element-2423a272 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:3px 3px 39px #BEB48C;}.elementor-309 .elementor-element.elementor-element-2423a272 .elementor-button:hover, .elementor-309 .elementor-element.elementor-element-2423a272 .elementor-button:focus{background-color:#FAF7F738;color:#FF0000;box-shadow:1px 1px 61px 14px rgba(249.99999999999991, 246.99999999999991, 246.99999999999991, 0.39);}.elementor-309 .elementor-element.elementor-element-2423a272 .elementor-button:hover svg, .elementor-309 .elementor-element.elementor-element-2423a272 .elementor-button:focus svg{fill:#FF0000;}.elementor-309 .elementor-element.elementor-element-baa3e8d .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:3px 3px 39px #BEB48C;}.elementor-309 .elementor-element.elementor-element-baa3e8d .elementor-button:hover, .elementor-309 .elementor-element.elementor-element-baa3e8d .elementor-button:focus{color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-baa3e8d .elementor-button:hover svg, .elementor-309 .elementor-element.elementor-element-baa3e8d .elementor-button:focus svg{fill:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-23a67ce{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-309 .elementor-element.elementor-element-43503a7c{width:auto;max-width:auto;top:865px;}.elementor-309 .elementor-element.elementor-element-43503a7c.elementor-element{--align-self:center;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-43503a7c{left:24px;}body.rtl .elementor-309 .elementor-element.elementor-element-43503a7c{right:24px;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-51092fcd{left:24px;}body.rtl .elementor-309 .elementor-element.elementor-element-51092fcd{right:24px;}.elementor-309 .elementor-element.elementor-element-51092fcd{top:864px;}.elementor-309 .elementor-element.elementor-element-5e592b0{--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;--background-transition:3s;--overlay-opacity:0.5;}.elementor-309 .elementor-element.elementor-element-5e592b0:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-309 .elementor-element.elementor-element-5e592b0::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-5e592b0:hover::before, .elementor-309 .elementor-element.elementor-element-5e592b0:hover > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-5e592b0:hover > .e-con-inner > .elementor-background-video-container::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-background-slideshow:hover::before, .elementor-309 .elementor-element.elementor-element-5e592b0 > .e-con-inner > .elementor-background-slideshow:hover::before{--background-overlay:'';}.elementor-309 .elementor-element.elementor-element-5e592b0:hover{--overlay-opacity:0.5;}.elementor-309 .elementor-element.elementor-element-5e592b0, .elementor-309 .elementor-element.elementor-element-5e592b0::before{--overlay-transition:3s;}.elementor-309 .elementor-element.elementor-element-5e592b0:hover::before{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-309 .elementor-element.elementor-element-3040de0{--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;}.elementor-309 .elementor-element.elementor-element-3040de0:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-3040de0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-309 .elementor-element.elementor-element-9d339bf .elementor-repeater-item-f9de5c6 .swiper-slide-bg{background-color:#111111;background-image:url(https://onoir.com/wp-content/uploads/2025/07/Onoir-white-trans-scaled.webp);background-size:contain;}.elementor-309 .elementor-element.elementor-element-9d339bf .elementor-repeater-item-bfeaf5d .swiper-slide-bg{background-color:#111111;background-image:url(https://onoir.com/wp-content/uploads/2025/07/Onoir-Black-trans-scaled.webp);background-size:contain;}.elementor-309 .elementor-element.elementor-element-9d339bf .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-309 .elementor-element.elementor-element-9d339bf .swiper-slide-contents{max-width:66%;}.elementor-309 .elementor-element.elementor-element-9d339bf .swiper-slide-inner{text-align:center;}.elementor-309 .elementor-element.elementor-element-7610efa{--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;}.elementor-309 .elementor-element.elementor-element-7610efa:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-7610efa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111111;}.elementor-309 .elementor-element.elementor-element-ab556f4{--display:flex;}.elementor-309 .elementor-element.elementor-element-d8f693a .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:2px 0px 10px #BEB48C;}.elementor-309 .elementor-element.elementor-element-73cbb76 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:2px 0px 10px #BEB48C;}.elementor-309 .elementor-element.elementor-element-c3486ec .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:2px 0px 10px #BEB48C;}.elementor-309 .elementor-element.elementor-element-4c86585 .elementor-button{background-color:#61CE7000;font-family:"Montserrat", Sans-serif;font-size:32px;font-weight:200;text-shadow:2px 0px 10px #BEB48C;}.elementor-309 .elementor-element.elementor-element-a331596{--display:flex;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-cc88460.elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-cc88460.elementor-social-icon i{color:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-cc88460.elementor-social-icon svg{fill:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-357e879.elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-357e879.elementor-social-icon i{color:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-357e879.elementor-social-icon svg{fill:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-2f44499.elementor-social-icon{background-color:var( --e-global-color-primary );}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-2f44499.elementor-social-icon i{color:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-repeater-item-2f44499.elementor-social-icon svg{fill:#000000;}.elementor-309 .elementor-element.elementor-element-ee1651c{--grid-template-columns:repeat(0, auto);--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-309 .elementor-element.elementor-element-ee1651c .elementor-widget-container{text-align:center;}.elementor-309 .elementor-element.elementor-element-6675649{--spacer-size:50px;}@media(max-width:1024px){.elementor-309 .elementor-element.elementor-element-5e592b0:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onoir.com/wp-content/uploads/2025/07/Onoir_Food_020c.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-309 .elementor-element.elementor-element-5e592b0:hover{background-image:url("https://onoir.com/wp-content/uploads/2025/07/Onoir_Food_020a.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-309 .elementor-element.elementor-element-5e592b0{--min-height:341px;}.elementor-309 .elementor-element.elementor-element-9d339bf .swiper-slide{height:10vh;}.elementor-309 .elementor-element.elementor-element-7610efa{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-309 .elementor-element.elementor-element-ab556f4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(min-width:1025px){.elementor-309 .elementor-element.elementor-element-442e213e:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-442e213e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:767px){.elementor-309 .elementor-element.elementor-element-43503a7c.elementor-element{--align-self:center;}body:not(.rtl) .elementor-309 .elementor-element.elementor-element-51092fcd{left:24px;}body.rtl .elementor-309 .elementor-element.elementor-element-51092fcd{right:24px;}.elementor-309 .elementor-element.elementor-element-51092fcd{top:864px;}.elementor-309 .elementor-element.elementor-element-5e592b0:not(.elementor-motion-effects-element-type-background), .elementor-309 .elementor-element.elementor-element-5e592b0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://onoir.com/wp-content/uploads/2025/07/Onoir_Food_020a.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-309 .elementor-element.elementor-element-5e592b0:hover{background-image:url("https://onoir.com/wp-content/uploads/2025/07/Onoir_Food_020c.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;--overlay-opacity:1;}.elementor-309 .elementor-element.elementor-element-5e592b0{--width:500px;--min-height:25vh;}.elementor-309 .elementor-element.elementor-element-9d339bf .swiper-slide{height:10vh;}.elementor-309 .elementor-element.elementor-element-ab556f4{--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;--justify-content:center;}.elementor-309 .elementor-element.elementor-element-d8f693a .elementor-button{font-size:25px;}.elementor-309 .elementor-element.elementor-element-73cbb76 .elementor-button{font-size:25px;}.elementor-309 .elementor-element.elementor-element-c3486ec .elementor-button{font-size:25px;}.elementor-309 .elementor-element.elementor-element-4c86585 .elementor-button{font-size:25px;}.elementor-309 .elementor-element.elementor-element-6675649{--spacer-size:80px;}}/* Start custom CSS for button, class: .elementor-element-474a54bd */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-300b635a */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-2423a272 */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-baa3e8d */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-43503a7c */.elementor-309 .elementor-element.elementor-element-43503a7c {
  position: absolute;
  top: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-51092fcd */.elementor-309 .elementor-element.elementor-element-51092fcd {
  position: absolute;
  top: 0;
  left: 0;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23a67ce *//* --- Proportional Scaling for All Desktops --- */
.elementor-309 .elementor-element.elementor-element-23a67ce {
  position: absolute !important;

  /* POSITION using percentages of the screen size */
  bottom: 10vh; /* Distance from bottom is 5% of the screen's HEIGHT */
  left: 3vw;   /* Distance from left is 3% of the screen's WIDTH */

  /* SIZE using a percentage of the screen's width */
  width: 15vw; /* The logo's width is 15% of the screen's WIDTH */

  /* Set safety limits for very large or very small screens */
  max-width: 250px;
  min-width: 150px; 
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-442e213e */.elementor-309 .elementor-element.elementor-element-442e213e {
  /* This keeps the section as the positioning anchor */
  position: relative !important;

  /* This is the new line that clips anything sticking out */
  overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d8f693a */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-73cbb76 */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c3486ec */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4c86585 */.hero-button {
  position: relative;
  background: transparent !important;
  color: white !important;
  border: none !important;
  font-size: 20px;
  text-transform: uppercase;
  padding: 10px 20px;
  display: inline-block;
}

.hero-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 2px;
  background: #C9A13B;
  transition: width 0.3s ease;
}

.hero-button:hover::after {
  width: 100%;
}/* End custom CSS */