.elementor-1090 .elementor-element.elementor-element-e88a201:not(.elementor-motion-effects-element-type-background), .elementor-1090 .elementor-element.elementor-element-e88a201 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://obaro.co.za/wp-content/uploads/2026/01/koedoeskop-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1090 .elementor-element.elementor-element-e88a201 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #00000000 0%, #000000 100%);opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1090 .elementor-element.elementor-element-e88a201 > .elementor-container{max-width:1500px;min-height:20vh;}.elementor-1090 .elementor-element.elementor-element-e88a201{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-27px;margin-bottom:0px;padding:230px 0px 207px 0px;}.elementor-bc-flex-widget .elementor-1090 .elementor-element.elementor-element-58bf8a6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1090 .elementor-element.elementor-element-58bf8a6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.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-1090 .elementor-element.elementor-element-e085c5e > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1090 .elementor-element.elementor-element-e085c5e{text-align:center;}.elementor-1090 .elementor-element.elementor-element-e085c5e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:50px;font-weight:600;text-transform:uppercase;letter-spacing:4.1px;color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-1588a62 > .elementor-container{max-width:1500px;}.elementor-1090 .elementor-element.elementor-element-1588a62{margin-top:-120px;margin-bottom:0px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-1090 .elementor-element.elementor-element-30c6625 > .elementor-widget-container{background-color:#FFFFFF;padding:16px 15px 10px 15px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-1090 .elementor-element.elementor-element-30c6625 .elementor-icon-box-wrapper{text-align:center;gap:16px;}.elementor-1090 .elementor-element.elementor-element-30c6625 .elementor-icon{font-size:120px;}.elementor-1090 .elementor-element.elementor-element-30c6625 .elementor-icon-box-title, .elementor-1090 .elementor-element.elementor-element-30c6625 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-1090 .elementor-element.elementor-element-30c6625 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-1090 .elementor-element.elementor-element-bef35e4 > .elementor-widget-container{background-color:#FFFFFF;padding:11px 15px 19px 15px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-1090 .elementor-element.elementor-element-bef35e4 .elementor-icon-box-wrapper{text-align:center;gap:4px;}.elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-bef35e4.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-bef35e4 .elementor-icon{font-size:128px;}.elementor-1090 .elementor-element.elementor-element-bef35e4 .elementor-icon-box-title, .elementor-1090 .elementor-element.elementor-element-bef35e4 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-1090 .elementor-element.elementor-element-bef35e4 .elementor-icon-box-title{color:#606062;}.elementor-1090 .elementor-element.elementor-element-024e092 > .elementor-widget-container{background-color:#FFFFFF;padding:28px 15px 16px 15px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-1090 .elementor-element.elementor-element-024e092 .elementor-icon-box-wrapper{text-align:center;gap:28px;}.elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-stacked .elementor-icon{background-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-framed .elementor-icon, .elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-default .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-024e092.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-024e092 .elementor-icon{font-size:90px;}.elementor-1090 .elementor-element.elementor-element-024e092 .elementor-icon-box-title, .elementor-1090 .elementor-element.elementor-element-024e092 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-1090 .elementor-element.elementor-element-024e092 .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-1090 .elementor-element.elementor-element-5f72842 > .elementor-widget-container{background-color:#1BA94A;padding:29px 15px 21px 15px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-1090 .elementor-element.elementor-element-5f72842 .elementor-icon-box-wrapper{text-align:center;gap:22px;}.elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-stacked:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-stacked:has(:focus) .elementor-icon{background-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-framed:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-default:has(:hover) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-framed:has(:focus) .elementor-icon,
					 .elementor-1090 .elementor-element.elementor-element-5f72842.elementor-view-default:has(:focus) .elementor-icon{fill:#FFFFFF;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-5f72842 .elementor-icon{font-size:90px;}.elementor-1090 .elementor-element.elementor-element-5f72842 .elementor-icon-box-title, .elementor-1090 .elementor-element.elementor-element-5f72842 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;}.elementor-1090 .elementor-element.elementor-element-5f72842 .elementor-icon-box-title{color:#FFFFFF;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-1090 .elementor-element.elementor-element-ea855a4 > .elementor-widget-container{background-color:#0E1E3B;padding:27px 15px 18px 15px;border-radius:15px 15px 15px 15px;box-shadow:0px 0px 20px 0px rgba(0,0,0,0.5);}.elementor-1090 .elementor-element.elementor-element-ea855a4:hover .elementor-widget-container{background-color:#935E28;}.elementor-1090 .elementor-element.elementor-element-ea855a4 .elementor-image-box-wrapper{text-align:center;}.elementor-1090 .elementor-element.elementor-element-ea855a4.elementor-position-right .elementor-image-box-img{margin-left:14px;}.elementor-1090 .elementor-element.elementor-element-ea855a4.elementor-position-left .elementor-image-box-img{margin-right:14px;}.elementor-1090 .elementor-element.elementor-element-ea855a4.elementor-position-top .elementor-image-box-img{margin-bottom:14px;}.elementor-1090 .elementor-element.elementor-element-ea855a4 .elementor-image-box-wrapper .elementor-image-box-img{width:69%;}.elementor-1090 .elementor-element.elementor-element-ea855a4 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-1090 .elementor-element.elementor-element-ea855a4 .elementor-image-box-title{font-family:"Roboto", Sans-serif;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-ea855a4:has(:hover) .elementor-image-box-title,
					 .elementor-1090 .elementor-element.elementor-element-ea855a4:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-e0c7233{margin-top:0px;margin-bottom:0px;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before,
					.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before,
					.elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown  .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu .elementor-item{font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-1090 .elementor-element.elementor-element-6cb0c23{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:60px 0px 60px 0px;}.elementor-1090 .elementor-element.elementor-element-6cb0c23 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.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-1090 .elementor-element.elementor-element-ec6e052{text-align:center;font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;color:#606062;}.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-1090 .elementor-element.elementor-element-0512edb .elementor-button{fill:#FFFFFF;color:#FFFFFF;}.elementor-1090 .elementor-element.elementor-element-2aa9ccf{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1090 .elementor-element.elementor-element-120b766 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.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-1090 .elementor-element.elementor-element-1f73982 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1090 .elementor-element.elementor-element-1f73982 img{width:80%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1090 .elementor-element.elementor-element-87a4290 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu--main .elementor-item{padding-top:0px;padding-bottom:0px;}.elementor-1090 .elementor-element.elementor-element-87a4290{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}}@media(max-width:767px){.elementor-1090 .elementor-element.elementor-element-e88a201 > .elementor-container{min-height:35vh;}.elementor-1090 .elementor-element.elementor-element-e88a201{padding:110px 0px 0px 0px;}.elementor-1090 .elementor-element.elementor-element-e085c5e .elementor-heading-title{font-size:20px;}.elementor-1090 .elementor-element.elementor-element-ea855a4 .elementor-image-box-img{margin-bottom:14px;}.elementor-1090 .elementor-element.elementor-element-87a4290 > .elementor-widget-container{margin:10px 0px 10px 0px;padding:0px 0px 0px 0px;}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu .elementor-item{font-size:13px;}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu--main .elementor-item{padding-left:5px;padding-right:5px;}.elementor-1090 .elementor-element.elementor-element-87a4290{--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-1090 .elementor-element.elementor-element-87a4290 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:0px;}.elementor-1090 .elementor-element.elementor-element-6cb0c23{padding:20px 20px 20px 20px;}}/* Start custom CSS for nav-menu, class: .elementor-element-87a4290 */.overflowmenu .elementor-item {
background: white;
padding: 0px;
margin: 10px;
border-radius: 30px;
}

@media screen and (max-width: 768px) { .overflowmenu .elementor-nav-menu--layout-horizontal .elementor-nav-menu {
display: flex;
flex-wrap: nowrap;
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
}

.overflowmenu ::-webkit-scrollbar {
width: 0; /* Remove scrollbar space / background: transparent; / Optional: just make scrollbar invisible */
}

.overflowmenu li.menu-item.menu-item-type-taxonomy.menu-item-object-product_cat {
    display: table-column;
}

#menu-1-cf60078 {
    padding-left: 0px;
}

.overflowmenu .elementor-nav-menu--dropdown {
    display: none;
}

.overflowmenu li {
    border: 1px solid #333;
    padding: 5px;
    margin-right: 5px;
    margin-left: 5px;
    font-size: 13px;
    border-radius: 20px
}



/* Show arrows only on small screens */
@media (max-width: 768px) {
  .overflowmenu::before,
  .overflowmenu::after {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1rem;
    color: #ef4537a8;
    z-index: 10;
    pointer-events: none; /* So clicks pass through */
  }

  .overflowmenu::before {
    content: '\25C0'; /* ◀ Triangle left */
    left: 2px;
  }

  .overflowmenu::after {
    content: '\25B6'; /* ▶ Triangle right */
    right: 2px;
    color: #ef4537a8;
  }
}/* End custom CSS */