.elementor-456 .elementor-element.elementor-element-9dfb88e{--display:flex;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-456 .elementor-element.elementor-element-8cf9d5c{--display:flex;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-456 .elementor-element.elementor-element-8cf9d5c:not(.elementor-motion-effects-element-type-background), .elementor-456 .elementor-element.elementor-element-8cf9d5c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C7C7C7;}.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-menu-toggle{margin:0 auto;}.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-nav-menu--main .elementor-item{color:#000000;fill:#000000;}.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-nav-menu--main .elementor-item:hover,
					.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-456 .elementor-element.elementor-element-a3e4afb .elementor-nav-menu--main .elementor-item:focus{color:#fff;}.elementor-456 .elementor-element.elementor-element-a3e4afb{--e-nav-menu-divider-content:"";--e-nav-menu-divider-style:solid;--e-nav-menu-divider-color:#000000;}.elementor-456 .elementor-element.elementor-element-95caa17{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-456 .elementor-element.elementor-element-0ae9fe7{--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-456 .elementor-element.elementor-element-46446fb img{width:60%;}.elementor-456 .elementor-element.elementor-element-a2c20dd{--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-456 .elementor-element.elementor-element-a2c20dd.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-456 .elementor-element.elementor-element-303a15a{width:var( --container-widget-width, 137.463% );max-width:137.463%;--container-widget-width:137.463%;--container-widget-flex-grow:0;}.elementor-456 .elementor-element.elementor-element-303a15a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-456 .elementor-element.elementor-element-303a15a .elementor-menu-toggle{margin:0 auto;}.elementor-456 .elementor-element.elementor-element-303a15a .elementor-nav-menu--dropdown{background-color:#DEDEDE;}.elementor-456 .elementor-element.elementor-element-55c1ef3{--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-456 .elementor-element.elementor-element-6bac2ac .elementor-repeater-item-db80fd0 .swiper-slide-bg{background-color:#833ca3;background-image:url(https://metaprompetroleum.com/wp-content/uploads/2025/04/IMG-20250402-WA0043.jpg);background-size:cover;}.elementor-456 .elementor-element.elementor-element-6bac2ac .elementor-repeater-item-0f8bf42 .swiper-slide-bg{background-color:#bbbbbb;background-image:url(https://metaprompetroleum.com/wp-content/uploads/2025/04/IMG-20250402-WA0047.jpg);background-size:cover;}.elementor-456 .elementor-element.elementor-element-6bac2ac .swiper-slide{transition-duration:calc(5000ms*1.2);height:400px;}.elementor-456 .elementor-element.elementor-element-6bac2ac .swiper-slide-contents{max-width:66%;}.elementor-456 .elementor-element.elementor-element-6bac2ac .swiper-slide-inner{text-align:center;}.elementor-456 .elementor-element.elementor-element-a825143{--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-456 .elementor-element.elementor-element-90fb26e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-456 .elementor-element.elementor-element-efa76ca{--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-456 .elementor-element.elementor-element-d8dc4f1 > .elementor-widget-container{border-style:groove;border-color:#FFA404;border-radius:0px 0px 0px 0px;}.elementor-456 .elementor-element.elementor-element-d8dc4f1 img{width:100%;max-width:100%;height:394px;opacity:1;}.elementor-456 .elementor-element.elementor-element-6b7606f{--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-456 .elementor-element.elementor-element-4bbaabc{width:var( --container-widget-width, 109.46% );max-width:109.46%;--container-widget-width:109.46%;--container-widget-flex-grow:0;}.elementor-456 .elementor-element.elementor-element-4bbaabc.elementor-element{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-456 .elementor-element.elementor-element-0ae9fe7{--width:33.3333%;}.elementor-456 .elementor-element.elementor-element-a2c20dd{--width:66.6666%;}.elementor-456 .elementor-element.elementor-element-efa76ca{--width:33.3333%;}.elementor-456 .elementor-element.elementor-element-6b7606f{--width:66.6666%;}}@media(max-width:1024px){.elementor-456 .elementor-element.elementor-element-46446fb img{width:100%;max-width:100%;height:71px;}.elementor-456 .elementor-element.elementor-element-303a15a{width:var( --container-widget-width, 698.458px );max-width:698.458px;--container-widget-width:698.458px;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-456 .elementor-element.elementor-element-46446fb img{width:82%;max-width:100%;height:81px;}}/* Start custom CSS for nav-menu, class: .elementor-element-303a15a *//* === Main Barrel Glow Menu (from earlier) === */
.oil-barrel-menu .elementor-nav-menu a {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  color: #ffaa00;
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px solid #ffaa00;
  border-radius: 40px;
  background-color: #0d0d0d;
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 170, 0, 0.4);
  transition: 0.4s ease-in-out;
  overflow: hidden;
  z-index: 1;
}

.oil-barrel-menu .elementor-nav-menu a:hover {
  color: #fff;
  background-color: #1a1a1a;
  box-shadow: 0 0 30px #ffaa00, 0 0 60px #ffcc00, 0 0 100px #ff9900;
}

.oil-barrel-menu .elementor-nav-menu a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 170, 0, 0.25);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  z-index: 0;
  opacity: 0;
}
.oil-barrel-menu .elementor-nav-menu a:hover::before {
  width: 300%;
  height: 300%;
  opacity: 0.2;
  box-shadow: 0 0 50px #ffaa00, 0 0 80px #ffcc00, 0 0 120px #ff9900;
}

/* === Drip Effect === */
.oil-barrel-menu .elementor-nav-menu a::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: #ffaa00;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  opacity: 0;
  animation: none;
  transition: all 0.3s ease;
}
.oil-barrel-menu .elementor-nav-menu a:hover::after {
  animation: drip 0.8s ease forwards;
}
@keyframes drip {
  0%   { transform: translateX(-50%) scale(0); opacity: 0.6; }
  40%  { transform: translate(-50%, 10px) scale(1); opacity: 1; }
  100% { transform: translate(-50%, 30px) scale(0.6); opacity: 0; }
}

/* === Submenu Glow === */
.oil-barrel-menu .elementor-nav-menu--dropdown a {
  background: #0d0d0d;
  border: 2px solid #ffaa00;
  border-radius: 30px;
  color: #ffaa00;
  margin: 8px 0;
  padding: 10px 20px;
  box-shadow: 0 0 10px rgba(255, 170, 0, 0.4);
  transition: 0.3s ease-in-out;
  position: relative;
}
.oil-barrel-menu .elementor-nav-menu--dropdown a:hover {
  color: #fff;
  box-shadow: 0 0 20px #ffaa00, 0 0 40px #ffcc00;
  background: #1a1a1a;
}

/* === Slide-In Submenu Animation === */
.oil-barrel-menu .elementor-nav-menu--dropdown {
  animation: slideFade 0.4s ease forwards;
}
@keyframes slideFade {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* === Mobile Toggle === */
.oil-barrel-menu .elementor-menu-toggle {
  background: #0d0d0d;
  border: 2px solid #ffaa00;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(255, 170, 0, 0.4);
  transition: all 0.3s ease-in-out;
}
.oil-barrel-menu .elementor-menu-toggle:hover {
  box-shadow: 0 0 25px #ffaa00, 0 0 50px #ffcc00, 0 0 80px #ff9900;
  background-color: #1a1a1a;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a2c20dd *//* === Main Barrel Glow Menu (from earlier) === */
.oil-barrel-menu .elementor-nav-menu a {
  position: relative;
  display: inline-block;
  padding: 12px 24px;
  color: #ffaa00;
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  border: 2px solid #ffaa00;
  border-radius: 40px;
  background-color: #0d0d0d;
  text-decoration: none;
  box-shadow: 0 0 15px rgba(255, 170, 0, 0.4);
  transition: 0.4s ease-in-out;
  overflow: hidden;
  z-index: 1;
}

.oil-barrel-menu .elementor-nav-menu a:hover {
  color: #fff;
  background-color: #1a1a1a;
  box-shadow: 0 0 30px #ffaa00, 0 0 60px #ffcc00, 0 0 100px #ff9900;
}

.oil-barrel-menu .elementor-nav-menu a::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  background: rgba(255, 170, 0, 0.25);
  border-radius: 50%;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
  z-index: 0;
  opacity: 0;
}
.oil-barrel-menu .elementor-nav-menu a:hover::before {
  width: 300%;
  height: 300%;
  opacity: 0.2;
  box-shadow: 0 0 50px #ffaa00, 0 0 80px #ffcc00, 0 0 120px #ff9900;
}

/* === Drip Effect === */
.oil-barrel-menu .elementor-nav-menu a::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  width: 6px;
  height: 6px;
  background: #ffaa00;
  border-radius: 50%;
  transform: translateX(-50%) scale(0);
  opacity: 0;
  animation: none;
  transition: all 0.3s ease;
}
.oil-barrel-menu .elementor-nav-menu a:hover::after {
  animation: drip 0.8s ease forwards;
}
@keyframes drip {
  0%   { transform: translateX(-50%) scale(0); opacity: 0.6; }
  40%  { transform: translate(-50%, 10px) scale(1); opacity: 1; }
  100% { transform: translate(-50%, 30px) scale(0.6); opacity: 0; }
}

/* === Submenu Glow === */
.oil-barrel-menu .elementor-nav-menu--dropdown a {
  background: #0d0d0d;
  border: 2px solid #ffaa00;
  border-radius: 30px;
  color: #ffaa00;
  margin: 8px 0;
  padding: 10px 20px;
  box-shadow: 0 0 10px rgba(255, 170, 0, 0.4);
  transition: 0.3s ease-in-out;
  position: relative;
}
.oil-barrel-menu .elementor-nav-menu--dropdown a:hover {
  color: #fff;
  box-shadow: 0 0 20px #ffaa00, 0 0 40px #ffcc00;
  background: #1a1a1a;
}

/* === Slide-In Submenu Animation === */
.oil-barrel-menu .elementor-nav-menu--dropdown {
  animation: slideFade 0.4s ease forwards;
}
@keyframes slideFade {
  from { transform: translateY(10px); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* === Mobile Toggle === */
.oil-barrel-menu .elementor-menu-toggle {
  background: #0d0d0d;
  border: 2px solid #ffaa00;
  padding: 12px;
  border-radius: 50%;
  box-shadow: 0 0 15px rgba(255, 170, 0, 0.4);
  transition: all 0.3s ease-in-out;
}
.oil-barrel-menu .elementor-menu-toggle:hover {
  box-shadow: 0 0 25px #ffaa00, 0 0 50px #ffcc00, 0 0 80px #ff9900;
  background-color: #1a1a1a;
}/* End custom CSS */