/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Aug 17 2023 | 13:27:13 */
.media-menu ul li a { line-height: 19px !important; margin-top: 30px; }

.sb_youtube.sby_layout_grid { height:unset; }
.sby_video_thumbnail.sby_item_video_thumbnail { height: 175px !important; }
.slicker-instagram-placeholder.fts-instagram-wrapper { height: 175px !important; }


.mobile-menu-cust .english-tab,
.mobile-menu-cust .arabic-tab{ float:left; width:50%; color:#333; padding: 0 !important; }
.mobile-menu-cust .english-tab a.active, .mobile-menu-cust .arabic-tab a.active { 
  color:#fff !important; 
}
.mobile-menu-cust .english-tab a, .mobile-menu-cust .arabic-tab a { 
  text-align:center; z-index: 99; display: inline-block !important; text-align:center !important; width:100%;
}
.mobile-menu-cust .english-tab { background:#022069 !important; }
.mobile-menu-cust .arabic-tab a { 
  font-family:'GE SS Regular' !important; font-size: 22px !important; padding: 0 0 8px 0 !important; }

.mobile-menu-cust .elementskit-menu-toggler { padding: 8px 8px 2px 8px !important; }
.mobile-menu-cust .elementskit-nav-logo img { max-height: 72px !important; }
.mobile-menu-cust .elementskit-nav-identity-panel { padding:0 !important; }
.mobile-menu-cust .elementskit-menu-close { margin:29px 12px 12px 12px !important; color:#333 !important; }
.mobile-menu-cust .elementskit-menu-close:hover { background-color:unset !important; }
.mobile-menu-cust #menu-mobile-menu li { border-bottom: 1px solid rgba(255,255,255,.3); padding: 3px 0; }
.mobile-menu-cust #menu-mobile-menu li ul { background:unset; padding: 0; }
.mobile-menu-cust #menu-mobile-menu li ul li { padding:0 0 0 15px; }
.mobile-menu-cust #menu-mobile-menu li ul li:last-child { border-bottom:0px; }
.mobile-menu-cust a[href='#products'] i { color:#fff !important; border:0px; font-size: 13px !important;}
.mobile-menu-cust .elementskit-menu-overlay { display:none; }

.elementor-widget-image a img[src$=".svg"] {
  width: auto;
}

.footer-hide p:empty { display:none; }
.home-carousel figure.swiper-slide-inner:hover::after {
  transition: 0.3s;
    content: "";
    width: 172px;
    height: 172px;
    position: absolute;
    bottom: 78px;
    border-radius: 50vw 0;
    left: 10px;
    z-index: -1;
    transform: scale(1.1);
    background: rgba(174,205,61,1);
    background: -moz-linear-gradient(top,rgba(174,205,61,1) 0%,rgba(174,205,61,1) 0%,rgba(92,184,86,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(174,205,61,1)),color-stop(0%,rgba(174,205,61,1)),color-stop(100%,rgba(92,184,86,1)));
    background: -webkit-linear-gradient(top,rgba(174,205,61,1) 0%,rgba(174,205,61,1) 0%,rgba(92,184,86,1) 100%);
    background: -o-linear-gradient(top,rgba(174,205,61,1) 0%,rgba(174,205,61,1) 0%,rgba(92,184,86,1) 100%);
    background: -ms-linear-gradient(top,rgba(174,205,61,1) 0%,rgba(174,205,61,1) 0%,rgba(92,184,86,1) 100%);
    background: linear-gradient(to bottom,rgba(174,205,61,1) 0%,rgba(174,205,61,1) 0%,rgba(92,184,86,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aecd3d',endColorstr='#5cb856',GradientType=0);
}
.home-carousel figure.swiper-slide-inner::after {
    content: "";
    width: 100px;
    height: 100px;
    transition: 0.3s;
}



.round-circle { background: #fff; border-radius: 50%; width: 450px; height: 450px; position:relative; }
.round-circle img { display:none; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 52%; margin: auto; }

.round-circle img.active { display:block }
.round-circle picture.active img { display:block }

.round-circle div.option-con { position: absolute; bottom: -25px; width: 100%; text-align: center; margin-top:15px;  }
.round-circle div.option-con .info {
  background: #fff; border: 1px solid #16358b; width: 65px; height: 65px;  vertical-align: middle; border-radius: 50%; 
  padding: 23px 3px 0 3px; font-size: 14px; margin: 0 4px 0 0;
}
.round-circle div.option-con .info a { color:#16358b; display:block; }
.round-circle div.option-con .info.active { background:#16358b; }
.round-circle div.option-con .info.active a { color:#fff; }

.round-circle  .side { bottom:-191px;  display: block; max-width: 200px; left: 108px; }


.breadcrumbs { text-align: right; right: -100%; font-size: 13px; }
.breadcrumbs a { color:#fff; }



@media only screen and (max-width: 1024px) {
  .round-circle { width: 300px; height: 300px; }
}

.force-mb-0 { margin-bottom:0 !important; }
.force-mb-7 { margin-bottom:7px !important; }

.add-leaf h2:before{
  content: "";
    width: 50px;
    height: 50px;
    background: url(/wp-content/uploads/2021/11/leaf.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: -30px;
    left: 0;
    background-size: 42px;
}

/*Brands Carousel*/
.brands-flip .eael-elements-flip-box-rear-container .flipbox-button{ 
	content:url(/wp-content/uploads/2021/11/product_link.png);
}

.brands-flip .eael-elements-flip-box-rear-container {
    opacity: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    transition: 0.5s;
    text-align: center;
    border-left: 5px solid #5bb656;
    border-right: 5px solid #152849;
    border-radius: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: 0 0,0 100%;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 5px;
    -moz-background-size: 100% 5px;
    background-size: 100% 5px;
    background-image: -webkit-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%),-webkit-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%);
    background-image: -moz-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%),-moz-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%);
    background-image: -o-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%),-o-linear-gradient(left,#3EC8AC 0%,#4E90A4 100%);
    background-image: linear-gradient(to right,#5ab556 0%,#162849 100%),linear-gradient(to right,#5ab455 0%,#152748 100%);
}

.brands-flip .eael-elements-flip-box-front-container { 
   background: #1e5799;
    background: -moz-linear-gradient(top,#1e5799 0%,#5cb856 0%,#132348 100%) !important;
    background: -webkit-linear-gradient(top,#1e5799 0%,#5cb856 0%,#132348 100%) !important;
    background: linear-gradient(to bottom,#1e5799 0%,#5cb856 0%,#132348 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799',endColorstr='#132348',GradientType=0) !important;
    width: 100% !important;
    height: 100% !important;
    text-align: center !important;
}



.elementor-346 .elementor-element.elementor-element-dd483e2 {     z-index: 999; }

.home-carousel figcaption.elementor-image-carousel-caption{ margin-top:16px }
.home-carousel .swiper-slide-image { 
  min-height: 260px; object-position:bottom;  height:auto; max-width:100%; width:120px;  max-height:260px; object-fit:contain;
}


.home-carousel figure.swiper-slide-inner {
	-webkit-animation-duration: 1s; animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both;
}


.who-we-are { z-index: 1;  transform: rotate(-90deg); white-space: nowrap;margin-top: 290px; }
.video-abt video { max-width:unset; width: 162%; margin-left:-180px;}
@media only screen and (max-width: 1024px) {
 .video-abt video { max-width:unset; width: 162%; margin-left:-119px;}
}

@media only screen and (max-width: 500px) {
	.who-we-are {transform: unset; margin-top: 0; }
}


.green-button a{ background-image: linear-gradient(to right,#5cb856 0%,#adcd3d 51%,#5cb856 100%); background-size: 200% auto; }
.green-button:hover a{ background-position: right center; }

.rev-banner { z-index: 1; }

.media-menu { border:0px solid #f00; }
.media-menu ul { border-left:3px solid #ccc }
.gallery-control .gallery-item-buttons { text-align:center; }
.gallery-control .gallery-item-buttons .fg-item-icon-inner { content: url(/wp-content/uploads/2021/11/img_view.png); }

.circle-image-css { }
.circle-image-css .elementor-image-box-img img { background:#17368b; border-radius:50%; width:65px; height:65px  }

@media only screen and (max-width: 1024px) {
 .drum-size img { width: 150px !important; margin-top:-61px !important; }
  .food-service-section .elementor-widget-wrap>.elementor-element.elementor-absolute { position:relative; }
}