:root{
    --main-color:#000;
    --bg-color:#000;
    --sec-color:#C22830;
}
@font-face{
    font-family: 'OpenSans-Bold';
    src:url('../fonts/OpenSans-Bold.ttf') ;
    }
    @font-face{
        font-family: 'bold';
        src: url('../fonts/PlayfairDisplay-Bold.ttf');
    }
    @font-face{
        font-family: 'Montserrat-Bold';
        src: url('../fonts/Montserrat-Bold.ttf');
    }
    @font-face{
        font-family: 'PlayfairDisplay-Regular';
        src: url('../fonts/PlayfairDisplay-Regular.ttf');
    }
    @font-face{
        font-family: 'PlayfairDisplay-Black';
        src: url('../fonts/PlayfairDisplay-Black.ttf');
    }
    @font-face{
        font-family: 'Neo-Sans-Arabic';
        src:url('../fonts/Neo-Sans-Arabic-Regular.ttf') ;
        }
 @font-face{
    font-family: 'Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
}   
@font-face{
    font-family: 'Montserrat-Regular';
    src: url('../fonts/Montserrat-Regular.ttf');
}  
@font-face{
    font-family: 'Montserrat-SemiBold';
    src: url('../fonts/Montserrat-SemiBold.ttf');
} 
@font-face{
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat-Black.ttf');
} 
@font-face{
    font-family: 'cairo';
    src: url('../fonts/Cairo-Regular.ttf');
} 
@font-face{
    font-family: 'OpenSans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
} 
@font-face{
    font-family: 'b-font';
    src: url('../fonts/Bahij_TheSansArabic-SemiBold.ttf');
} 
@font-face{
    font-family: 'almarai';
    src: url('../fonts/Almarai-Bold.ttf');
} 
    body {
        direction: ltr;
        text-align: start;
        font-family: 'Regular';
        overflow-x: hidden;

    }
    /* nice select */
.nice-select {
    width: 100%;
    /* margin-bottom: 15px; */
    text-align: left;
    /* padding-left: 30px; */
    /* padding-right: 18px; */
    background: transparent;
    border-radius: 0;
}
.nice-select::after{
    right: 12px;
    left: auto;
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
}
.nice-select .option{
    text-align: left;
color: #000;
}
.nice-select .list{
    width: 100%;
}
.nice-select:after{
    width: 8px;
    height: 8px;
}
   

.owl-carousel{
    direction: ltr;
}
.carousel-info button{
    border: none;
    outline: none;
    background: none;
}
button:focus,button{
    border: none;
    outline: none;
}
.mynav button{
    background: none;
}
input:focus{
    outline: none;
}
ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
a,a:hover{
    text-decoration: none;
}

span.mob-num{
    display: inline-block;
    direction: ltr;
}

 .logo{
  height: 91px;
}
.logo img{
    width: 100%;
}


.lang a{
    text-transform: uppercase;
   transition: all 0.3s;
   font-family: 'Neo-Sans-Arabic';
   color: #000;
   font-size: 18px;
}
.lang a:hover , .lang a:hover i, .topbar a:hover {
    color: var(--sec-color);
}
.topbar li.more a:hover{
    color: #fff;
}
.logo img{
max-height: 100%;
max-width: 100%;
object-fit: contain;
}
i.fa-search{
    transition: 0.5s;
}

.navbar-toggler-icon {
    background-color: var(--sec-color);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
/* Start header */
header {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
}
header.pages{
    position: relative;
}
.mynav .row{
    align-items: center;
}
.mynav .row{
    padding: 14px 0 0;
}
.mynavbar  .navbar-menu{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mynavbar .navbar-menu li{
    margin-inline: 16px;
}
.mynavbar .nav-link {
    position: relative;
    padding: 0px 0px 4px;
    color: var(--main-color);
    transition: all 0.3s;
    text-transform: capitalize;
    font-family: 'Montserrat-Regular';
    font-weight:600;
}
.mynavbar .nav-link:hover{
    color:var(--sec-color);
}
.mynavbar .nav-link::after{
position: absolute;
content: '';
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background-color: var(--sec-color);
opacity: 0;
transform: scale(0);
transition: all 0.3s;
}
.mynavbar li.current-menu-item  .nav-link::after,.mynavbar .nav-link:hover::after{
    transform: scale(1);
    opacity: 1;
}
.mynavbar   .nav-link:hover,.mynavbar li.current-menu-item .nav-link{
    /*color: var(--sec-color);*/

}


 li.menu-item-has-children{
    position: relative;
}
 .sub-menu {
    display: block;
    opacity: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 146px;
    box-shadow: 0px 0px 6px #00000029;
    border-radius: 3px;
    padding: 5px 10px;
    background: #fff;
    z-index: 999999;
    margin-top: 10px;
    transform: translateY(-20px);
    transition: all 0.4s;
    visibility: hidden;
  }
 li.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    height: auto;
    transform: translateY(0);
    visibility: visible;
    z-index: 99999999;
  }
 .sub-menu a {
    color: var(--main-color);
    padding: 3px 0;
    display: inline-block;
    text-transform: capitalize;
    font-size: 16px;
  }
 .mynav li.menu-item-has-children a {
    position: relative;
    margin-inline-end: 16px;
    
  }

li.menu-item-has-children > a::before{
    position: absolute;
    content: "\f107";
    font-family: "font awesome 5 pro";
    top: 0px;
    right: -15px;
    color: #234249;
  }
  li.menu-item-has-children a{
      position: relative;
      display: inline-block;
     
  }

  .sidebar li.menu-item-has-children > a::before{
      color: #fff;
      top: 12px;
    right: 0px;
  }
 .sidebar li.menu-item-has-children a{
      padding-inline-end: 10px;
  }
  .sidebar .sub-menu{
      background-color: #fff;
  }

  .sidebar .side-content ul li.has-child  .sub-menu a{
      color: #000;
  }
/* responsive menu */
.responsive-menu .mobile-mnue{
    display: flex;
    align-items: center;
    justify-content: space-between;
    }
    .mobile-mnue .lang-search{
        display: flex;
        align-items: center;
    }
    .responsive-menu .logo{
    height: 110px;
    }
    .responsive-menu{
        padding: 20px 14px 20px ;
    }
    .responsive-menu .btnSearch {
        padding-inline-end: 0px;
    }
.responsive-menu .lang{
    margin-inline: 18px;
}
/* Sidebar */

.sidebar{
    position: fixed;
    top: 0px;
    bottom: 0;
    left: -350px;
    height: 100%;
    width: 350px;
    background-color: var(--bg-color);
    z-index: 999;
    padding: 20px 0;
     z-index: 999999;
   transition: all 0.7s;
   box-shadow: 0px 0px 20px #00000029;
   padding:20px 0;
}
.sidebar-width{
    left: 0px;
}
.sidebar .close-side i{
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    width: 38px;
    height: 38px;
    color: #fff;
    font-size: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 60px;
}
.sidebar .side-content{
    padding-top: 10px;
    margin-top: 30px;
}
.side-content a i{
    margin: 0 8px;
}
.side-content a{
    text-transform: capitalize;
}
 .close-overlay{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: var(--bg-color);
    opacity: 0.6;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: none;
}
.close-overlay.open-overlay{
    display: block;
}

.sidebar .side-content ul li{
position: relative;
width: 100%;
transition: all .5s;
border-bottom: 1px solid rgb(255 255 255 / 30%);;
}


.sidebar .side-content ul li a{
    color: #fff;
    display: inline-block;
    padding: 10px 6px;
    position: relative;
    /* text-align: center; */
    transition:all 0.6s;
}
.side-content ul li.has-child a{
 padding-inline-end: 20px;   
}

.sidebar .contact-buttons{
justify-content: center;
    margin-top: 60px;
}
.search-menu{
    display: flex;
    align-items: center;
    justify-content: flex-end;
}  

/* Start Search */

.site-search {
    display: table;
    width: 100%;
    height: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: 0;
    padding: 12px;
    transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
    -webkit-transition: opacity .5s ease 0.25s, z-index 0s ease 0.75s;
}

.site-search .close-side i {
    position: absolute;
    width: 30px;
    height: 30px;
    border: 1px solid #000;
    border-radius: 50%;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    top: 20px;
    right: 20px;
}

.site-search.open {
    z-index: 99999999;
    opacity: 1;
    transition: opacity .5s, z-index 0s;
    -webkit-transition: opacity .5s, z-index 0s;
}

.site-search.open .woocommerce-product-search,
.site-search.open .search-form {
    margin-top: -40px;
    opacity: 1;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
}

.site-search .widget_product_search,
.site-search .widget_search {
    position: relative;
    padding-top: 0;
}

.site-search .woocommerce-product-search,
.site-search .widget_search .search-form {
    border: none;
    width: 50%;
    margin-top: 300px;
    position: fixed;
    top: 50%;
    left: 50%;
    display: block;
    padding-top: 0;
    opacity: 0;
    transition: margin-top .5s, opacity .5s;
    -webkit-transition: margin-top .5s, opacity .5s;
    transform: translateX(-50%);
    z-index: 9;
}

.site-search .woocommerce-product-search label,
.site-search .widget_search .search-form label {
    display: none;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
    transform: translateX(10%);
}

.site-search .woocommerce-product-search .search-field,
.site-search .widget_search .search-form .search-field {
    color: var(--main-color);
    background: none;
    border: none;
    border-bottom: 3px solid var(--main-color);
    font-size: 20px;
    /*  	font-weight: 900;*/
    padding: 15px 0;
    height: auto;
    margin: 0;
    outline: none !important;
    display: block;
    width: 100%;
    box-sizing: border-box;
    transition: all 0.15s linear;
    -webkit-appearance: none;
    border-radius: 0px;
    box-shadow: inset 0 0 0 transparent;
    color: var(--main-color);
    padding-inline-end: 50px;
}

.site-search .woocommerce-product-search input[type="submit"],
.site-search .widget_search .search-form input[type="submit"] {
    top: 10px;
    right: 15px;
    padding-top: 0 !important;
    background: none !important;
    font-size: 0;
    min-width: 0;
    padding: 0 !important;
    z-index: 4;
    position: absolute;
    font-weight: normal;
    text-transform: uppercase;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    cursor: pointer;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.site-search .woocommerce-product-search button {
    position: absolute;
    right: 0;
    top: 15px;
    font-size: 20px;
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    color: var(--main-color);
    padding: 0;
}

.site-search .woocommerce-product-search .search-field::placeholder {
    color: var(--main-color);
}

.searchForm .btnSearch {
    box-shadow: none !important;
    margin: 0 25px;
    color: #101010;
    padding: 0;
    text-align: center;
    line-height: 30px;
    border: none !important;
    font-size: 20px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #fff;
    cursor: pointer;
}

.searchForm .btnSearch i {
    transition: all 0.6s;
    color: var(--main-color);
}

.searchForm .btnSearch i:hover {
    color: var(--hover-color);
}

.site-search-close {
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
}


/* End Search */
/* Start home slider */
.slider-home .slider-img
{
    height: 412px;
    width: 60%;
    margin: auto;
    padding-bottom: 24px;
}
.slider-home .slider-img img{
    height: 460px;
    transition: all 0.4s;
}

.home-slider  .item{
    position: relative;
    overflow: hidden;
}

.home-slider{
    width: 100%;
    z-index: 1;
    overflow: hidden;
    position: relative;
    padding-top: 192px;
    height: 750px;
}
.slider-home .slider-img{
    position: relative;
    overflow: hidden;
    /* -webkit-mask-box-image: url('../images/red-mask.png');
    mask-image: url('../images/red-mask.png');
    -webkit-mask-size: contain;
    mask-size: cover; */
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url('../images/red-mask.png');
    background-size: contain;
}
.slider-home .slider-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slider-home .slider-img::after,.industries::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /* background-color: transparent; */
    opacity: 0.25;
    bottom: 0;
    top: 0;
    right: 0;
    z-index: 1;
}
.slider-home .item{
    z-index: 2;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 560px;
}
.home-slider{
    position: relative;
}
.home-slider .img{
    position: absolute;
    max-height: 140px;
    z-index: 2;
}

.home-slider .img img{
width: 100%;
height: 100%;

}
.home-slider .img3{

    bottom: 20px;
    
    right: 63px;
    animation: move-1 10s infinite;
    }
    .home-slider .img4{
        top: 250px;
        left: -64px;
        animation: move-1 20s infinite linear;
    }
    .home-slider .img1{
        bottom: 100px;
        left: 0;
        animation: move-2 30s infinite linear;
    }
    .home-slider .img2{
        top: 197px;
        right: 0;
         animation: updown 4s infinite linear;
    }



  @keyframes move-1 {
    0% {
      transform: translate3d(0, 0, 0) ;
    }
    50% {
      transform: translate3d(70px, -30px, -30px) ;
    }
    100% {
      transform: translate3d(0, 0, 0) ;
    }
  }
  @keyframes move-2 {
    0% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
    50% {
      transform: translate3d(100px, 30px, 30px) rotate(360deg);
    }
    100% {
      transform: translate3d(0, 0, 0) rotate(0);
    }
  }
  @keyframes updown {
    0%,100% {
      transform: translateY(-12px);
    }
    50% {
      transform: translateY(12px);
    }

  }
  @keyframes rotate {
    0% {
      transform: rotateZ(0);
    }
    100% {
      transform: rotateZ(3600deg);
    }
  }
  

.more a,a.btn-more{
    color: #fff;
    position: relative;
    transition: all 0.3s;
    border-radius: 50px;
    padding: 12px 10px;
    min-width: 155px;
    display: inline-block;
    background-color: #131313;
    text-align: center;
    font-family: 'bold';
    font-size: 12px;
    z-index: 1;
    text-transform: capitalize;
    text-align: center;
    font-family: Montserrat-Regular;
    /* overflow: hidden; */
}
.more a::after,a.btn-more::after{
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: var(--sec-color);
    border-radius: 50px;
z-index: -1;
transition: all 0.3s;
transform: scale(0);
}

.more a:hover::after,a.btn-more:hover::after{
    transform: scale(1);
}
.carousel-info{
    /* position: absolute; */
    /* z-index: 2; */
    /* color: #fff; */
    transition: all 1s ease-in;
    /* top: 50%;
    left: 50%;
    transform: translate(-50%,-50%); */
    width: 39%;
    margin: auto;
    text-align: center;
    margin-bottom: 64px;
}
.carousel-info h2{
    font-size: 40px;
    font-family: 'bold';
    line-height: 51px;
}
.slider .owl-item.active .carousel-info h2{
   /*animation: 2s slideInUp;*/
   opacity: 1;
  }

.carousel-info p{
    line-height: 26px;
    color: rgb(17 17 17 / 60%);
    overflow: hidden;
    font-size: 14px;
    margin-bottom: 0;
}
 .owl-item.active .carousel-info p{
    /*animation: 2s slideInUp;*/
    opacity: 1;
    visibility: visible;

   }
   .carousel-info .more{
       opacity: 0;
   }
   .owl-item.active .carousel-info .more{
       opacity: 1;
       /*animation: 6s fadeInRight;*/
   }
.home-slider .owl-carousel,.event-slider{
    direction: ltr;
}

.slider-home .owl-item .slider-img img{
    width: 100%;
    object-fit: contain;
}
.home-slider .owl-theme .owl-nav .owl-prev ,
.home-slider .owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-next,
.card-slider.owl-theme .owl-nav .owl-prev,
.event-slider.owl-theme .owl-nav .owl-prev,
.event-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-prev {
    margin-top: 0;
    position: absolute;
    top: 34%;
    transform: translateY(-50%);
    width: 35px;
    height: 35px;
    font-size: 19px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: transparent;
    border: none;
    /* opacity: 51%; */
    color: rgb(17 17 17 / 60%);
    font-size: 44px;
}
.home-slider .owl-theme .owl-nav .owl-prev:hover ,
.home-slider .owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-next:hover,
.card-slider.owl-theme .owl-nav .owl-prev:hover,
.about-slider.owl-theme .owl-nav .owl-next:hover,
.about-slider.owl-theme .owl-nav .owl-prev:hover,
.event-slider.owl-theme .owl-nav .owl-prev:hover,
.event-slider.owl-theme .owl-nav .owl-next:hover{
opacity: 1;
}
.home-slider .owl-theme .owl-nav .owl-prev{
    left: 232px;
}
.home-slider  .owl-theme .owl-nav .owl-next
{
    right: 232px;
}
.card-slider.owl-theme .owl-nav .owl-prev,
.blog-slider.owl-theme .owl-nav .owl-prev{
    left: -60px;
}
.card-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-next{
    right: -60px;
}
.about-slider.owl-theme .owl-nav .owl-next,
.about-slider.owl-theme .owl-nav .owl-prev{
    background: transparent;
    margin-inline: 43px;
    position: relative;
    bottom: -38px;
    font-size: 26px;
}

.event-slider.owl-theme .owl-nav .owl-next{
    right: -70px;
}
.event-slider.owl-theme .owl-nav .owl-prev{
    left: -70px;
}
.event-slider.owl-theme .owl-nav .owl-next,
.event-slider.owl-theme .owl-nav .owl-prev,
.blog-slider.owl-theme .owl-nav .owl-next,
.blog-slider.owl-theme .owl-nav .owl-prev{
  background: transparent;
  color: #292D32;
  font-size: 38px;
  top: 48%;
}



.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: transparent;
    transition: all 0.3s;
    border: 1px solid #fff;
}
.owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.owl-theme .owl-dots .owl-dot {
    background: transparent;
    padding: 0;
}
/* ********************************* */

/* End sponser slider */

/* Start about-sec section */
section{
    padding: 70px 0;
    overflow: hidden;
}
.section-title{
    margin-bottom: 100px;
    text-transform: capitalize;
    text-align: center;
}
.section-title h4{
    font-family: 'bold';
    font-size: 36px;
    margin-bottom: 0;
    position: relative;
    display: inline-block;
    padding-bottom: 24px;
    color: #111111;
}
.section-title h4::after{
    position: absolute;
    content: '';
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../images/bg-title.png');
    background-size: cover;
    width: 70px;
    height: 10px;
}
.about-sec .section-title h4,.partner .section-title h4{
    color: #fff;
    font-size: 28px;
    padding-bottom: 14px;
}
.about-sec .section-title{
    margin-bottom: 30px;
}
.about-sec{
    background-image: url('../images/bg-img.png');
    /* background-color:  #c22830; */
    background-size: cover;
    position: relative;
    margin-top: 0px;
}
.owl-theme.about-slider .owl-nav {
    margin-top: -32px;
}
.about-slider p{
    color: #fff;
    line-height: 31px;
    font-size: 20px;
}
.about-slider p span{
    font-family: 'OpenSans-Bold';
}


.about-sec::before,.Fish-SeaFood::before,section.partner::before
,.address-sec::before,.contact-sec::before{
    content: '';
    position: absolute;
    right: 0px;
    top: -5px;
    width: 113%;
    /* transform: scaleY(-1); */
    height: 5px;
    background-image: url('../images/top-mask.png');
    z-index: 9;
    /* background-repeat: no-repeat; */
    margin: 0 auto;
    background-size: cover;
    filter: brightness(0) invert(1);
    filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%);
}
.about-sec::before {
    top: -1px;
    transform: scaleY(-1);
    height: 7px;
    filter: brightness(0) invert(1);
}
.about-sec::after,.Fish-SeaFood::after,section.partner::after,.contact-sec::after
{
    content: '';
    position: absolute;
    right: 0px;
    bottom: -10px;
    width: 100%;
    /* transform: scaleY(-1); */
    height: 10px;
    background-image: url('../images/top-mask.png');
    z-index: 9;
    margin: 0 auto;
    background-size: cover;
    filter: brightness(0) invert(1);
    filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%);
}
.cer-item img{
    max-width: 100%;
    height: 113px;
}
.certificate{
    margin-top: 76px;
}
.all-items h6{
    color: #fff;
    text-align: center;
    margin-top: 42px;
    font-size: 18px;
}

/* --------------------------------------------------------- */
/* Start quality-products section */

.about-sec .section-title h4::after{
    filter: brightness(0);
    width: 35px;height: 4px;
}
.prod-img{
    width: 100%;
    height: 430px;
    position: relative;
}
.prod-img::after,.prod-img::before{
    position: absolute;
    content: '';
    width: 210px;
    height: 210px;
    background-size: contain;
    z-index: 1;
}
.prod-img::after{
    background-image: url('../images/img-aft.png');
    top: 58px;
    right: 13px;
}
.prod-img::before{
    background-image: url('../images/img-bef.png');
    bottom: 42px;
    left: -18px;
}
.Processed-Products .prod-img::after,
.Coffee-Beverages .prod-img::after,
.groceries .prod-img::after{
    background-image: url('../images/img-bef.png');
    top: 133px;
    right: 20px;
}
.Processed-Products .prod-img::before,
.Coffee-Beverages .prod-img::before,
.groceries .prod-img::before{
    background-image: url('../images/img-aft.png');
    bottom: 136px;
    left: 66px;
}
.Processed-Products .prod-img::before{

bottom: 120px;

left: 0;

width: 190px;

height: 190px;
}
.Processed-Products .prod-img::after{
    
top: 84px;
    
width: 190px;
    
height: 190px;
    
right: 32px;
}
.Processed-Products .prod-img {
    height: 300px;
    padding-top: 26px;
}

section.Processed-Products {
    padding: 100px 0;
}

section.Processed-Products .row ,.bakary .row{
    align-items: center;
}
.prod-img img{
    width: 100%;
    max-height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 2;
}
h4.title{
    font-family: 'PlayfairDisplay-Black';
    margin-bottom: 30px;
    font-size: 36px;
    color: #111111;
}
.section-info  p{
    font-size: 18px;
    color: rgb(23 23 23 / 60%);
    margin-inline-end: 44px;
}
/*  Start Fish-SeaFood section */
.Fish-SeaFood{
    position: relative;
    background-color: #F3F3F3;
}
.Fish-SeaFood .row{
    align-items: center;
}
.Fish-SeaFood::before,.Fish-SeaFood::after{
    /* filter: invert(98%) sepia(11%) saturate(190%) hue-rotate(236deg) brightness(113%) contrast(91%); */
    filter: brightness(0) invert(1);
}
.Fish-SeaFood::after {
    /* transform: scaleY(-1); */
    bottom: -6px;
    height: 20px;
}
.Fish-SeaFood::before {
    top: 0px;
    width: 100%;
    height: 12px;
    transform: scaleY(-1);
}
/* ---------------------------------------- */
/* Start partner section */
section.partner{
    position: relative;
    background-color: #1C1C1C;
}
section.partner::after,
section.partner::before{
    filter: none;
}
section.partner::after{    bottom: 0px;
    /* transform: scaleY(-1); */
    height: 10px;
    filter: brightness(0) invert(1);}
section.partner::before{
    top: -2px;
    transform: scaleY(-1);
}
section.partner::before{
    display: none;
}
.Fish-SeaFood.groceries::after {
    filter: brightness(0);
    bottom: -6px;
    height: 20px;
}
section.partner .section-title h4{
    font-size: 36px;
    padding-bottom: 20px;
}
.partner .section-title h4::after{
    filter: brightness(0) invert(1);
    
}
section.partner .section-title{
    margin-bottom: 40px;
}
.partner .partner-img img{
    width: 100%;
}
.part-img{
     margin-bottom: 20px;
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    background: #fff;
}
.part-img img{
    max-width: 100%;
    max-height:100%;
}
.partner-img .col-md-2.col-6{
    padding: 0 10px;
}
/* ---------------------------------------------------- */
/* Start team section */
.team-block .team-img{
    width: 220px;
    height: 220px;
    border-radius: 50%;
    background: #E2E2E2 0% 0% no-repeat padding-box;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 23px;
}
.team-block .team-img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.team-block .team-img h4{
    color: rgb(17 17 17 / 10%);
    font-size: 37px;
    text-transform: uppercase;
    font-family: 'Montserrat-Black';
}
.team-block h5{
    font-family: 'Montserrat-SemiBold';
    font-size: 20px;
}
.team-block h6{
    color: var(--sec-color);
    font-size: 18px;
}
.team-block .item-1{
    margin-bottom: 50px;
    text-align: center;
}
/* ---------------------------- */
/* Start address-sec section */
.address-sec{
    position: relative;
    /*background-image: linear-gradient(to right, rgb(194 40 48 /88%) 100%, white 0),url('../images/bg-addresses.png');*/
    background-size: cover;
    color: #fff;
    /*background-image: linear-gradient(to right, rgb(177 25 23 /80%) 100%, white 0),url(../images/bg-addresses.png);*/
    /*background-image: linear-gradient(to right, rgb(194 40 48 /68%) 100%, white 0),url(../images/bg-addresses.png);*/
 background-image: url(../images/map-bg.png);
}

.address-sec::before{
    top: 0px;
    height: 15px;
    transform: scaleY(-1);
    filter: brightness(0) invert(1);
}
.address-sec::after{
    
/*bottom: -10px;*/
    
/*height: 11px;*/
    
/*transform: scaleY(-1);*/
}
.address-sec .container{
    position: relative;
    z-index: 2;
}
.address-img img{
    width: 100%;
}
.adress-data {margin-bottom: 50px;width: 65%;}
.adress-data h4,.other-info h4{

font-size: 36px;
line-height: 50px;
font-family: 'bold';
}
.adress-data p,.other-info p{
line-height: 29px;
font-size: 18px;
}
.other-info{
    margin-top: 50px;
}
.other-adress{
    display: flex;
    flex-wrap: wrap;
    padding-top: 36px;
}
.adress-item{

text-align: center;

width: 30%;

margin-bottom: 40px;
}
.adress-item .name{
    color: #fff;
    font-size: 20px;
    font-family: 'bold';
}
.address-sec .row{
    align-items: center;
}
/* ----------------------------- */

/* Start contact-sec section */
.contact-sec{
    background-color: #1C1C1C;
    color: #fff;
    position: relative;
}
.contact-sec::after {
    /* transform: scaleY(-1); */
    filter: brightness(0) invert(1);
    bottom: 0;
    height: 12px;
}
.contact-sec a{
    color: #fff;
}
.contact-form {
    position: relative;
}

.contact-form .more{
    display: flex;
    justify-content: end;
    margin-top: 23px;
}
.contact-form form input,.contact-form form textarea
,.contact-form form select{
    width: 100%;
    padding: 10px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #fff;
    border: 1px solid #fff;
}
.contact-form .nice-select {
    border-color: #fff;

}
.contact-form form input::placeholder,
.contact-form form textarea::placeholder,
.contact-form form select::placeholder{
    color: #fff;
    font-size: 14px;
}
.contact-sec h4{

font-size: 36px;

font-family: 'bold';

margin-bottom: 80px;
}

.location-info ul li i{

color: #C22830;

font-size: 40px;

width: 35px;

margin-inline-end: 20px;
}
.location-info ul li{

display: flex;

margin-bottom: 16px;
}
.location-info ul li a{
    font-size: 20px;
display: flex;
margin-inline-end: 30px;
font-family: 'Montserrat-Regular';
}
.more button{
    background-color: #fff;
    padding: 10px 14px;
    color: #131313;
    font-size: 13px;
    font-family: 'Montserrat-Regular';
    text-transform:capitalize;
}
.more button i{
    padding-inline-end: 6px;
}
/* *************Start footer section*********** */
.footer-soch-icon{
    text-align: end;
}
.footer-soch-icon a{
    width: 39px;
    height: 39px;
border: 2px solid #3D3D3D;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
color: #232323;
margin-inline-end: 5px;
transition: all 0.3s;
}
.footer-soch-icon a:hover{
    transform: translateY(-8px);
}
.footer-soch-icon a:hover i.fab.fa-facebook-f {
    color: #1877f2 ;
}
.footer-soch-icon a:hover  i.fab.fa-youtube {
    color: #ff0000 ;
}
.footer-soch-icon a:hover i.fab.fa-twitter{
    color: #1da1f2 ;

}
.footer-soch-icon a:hover i.fab.fa-instagram{
    color: #405de6;
}
.comp-rights {
   display: flex;
   align-items: center;
}
.copy-right p{
    margin-bottom: 0;
    font-size: 13px;
    color: #131313;
    margin-inline: 8px;
}
.comp-rights img{
    height: 22px;
}
.ryad-logo {
    height: 65px;
    margin-top: -32px;
    position: relative;
    top: 5px;
    margin-left: -20px;
}

.comp-rights {
    text-align: end;
}
.bottom-footer{
    padding: 40px 0;
}

.contact-sec::before {
    top: -2px;
    height: 14px;
    filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%);
    transform: scaleY(-1);
}
.rights{
    display: flex;
}
/* ********************************************************************************************* */
/* Start about page */
.breadcrumb-section{
background-color: #C22830;
    padding: 60px  0px;
    position: relative;
    z-index: 2;
    margin-top: 28px;
}

.breadcrumb{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:transparent;
    padding-inline-start: 0;
    margin-bottom: 0;
}
.breadcrumb-section h2{
    color: #fff;
    font-size: 28px;
    margin-bottom: 14px;
    font-family: 'bold';
}
.breadcrumb-section p{
    color: rgb(255 255 255 / 60%);
    font-size: 14px;
    width: 47%;
    line-height: 25px;
}
.quality-products{
    position: relative;
}
.quality-products::after{
    content: '';
    position: absolute;
    right: 0px;
    top: 0px;
    width: 100%;
    transform: scaleY(-1);
    height: 12px;
    background-image: url(../images/top-mask.png);
    z-index: 999;
    margin: 0 auto;
    background-size: cover;
    filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%);

}
.fish .prod-img img {
    width: 88%;
}
.fish .prod-img::before {
    bottom: 67px;
    left: 58px;
}
.groceries .prod-img::before {
    background-image: url(../images/img-aft.png);
    bottom: 224px;
    left: 109px;
}
/* ---------------------------------------------------------------------- */
/* Start product page */
.product-page{
    padding-top: 30px;
}
.product-page .product-img{
    position: relative;
    height: 360px;
}
.product-info h4{
    font-size: 36px;
    font-family: 'bold';
    margin-bottom: 21px;
}
.product-page .product-info{
    position: relative;
    padding-inline-start: 139px;
    padding-bottom: 90px;
    padding-top: 30px;
}
.product-page .product-info::after{
    position: absolute;
    content: '';
       width: 102%;
    height: 95px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-image: url('../images/dashed-curve.png');
    background-size: cover;
    z-index:-1;
}
.product-info p{font-size: 14px;color: rgb(17 17 17 / 60%);margin-bottom: 29px;line-height: 25px;}
.download a{
    border: 2px solid var(--sec-color);
    font-size: 12px;
    color: var(--sec-color);
    padding: 10px 16px;
    font-family: 'Montserrat-Regular';
    display: inline-flex;
    align-items: center;
    gap: 7px;
    transition: all 0.3s;
}
.download a:hover{
    background-color: var(--sec-color);
    color: #fff;
}
.product-page .product-img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.product-page .product-img::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 248px;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--sec-color);
    right: 0;
    z-index: -1;
}

.download a i {
    font-size: 20px;
}
.show-more{
    text-align: center;
}
.show-more a{
    position: relative;
    padding-bottom: 10px;
    border-bottom: 2px solid var(--sec-color);
    color: #111111;
    font-family: 'Montserrat-Regular';
}

/* ------------------- */
.product-block{
    padding: 26px 28px;
    text-align: center;
    margin-bottom: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #0000000F;
}
.product-block img{
    height: 145px;
    max-width:100%;
object-fit: contain;
}
.newsletter{
    background-color: var(--sec-color);
}
.newsletter-data{
    color: #fff;
}
.newsletter-data h5{
    font-size: 36px;
    margin-bottom: 14px;
    font-family: 'bold';
}
.newsletter-data p{
    color: rgb(255 255 255 / 75%);
}
.newsletter-form button{
    background-color: #F97A18;
    color: #fff;
    border-radius: 50px;
    width: 164px;
  padding: 12px;
  height: 62px;
  font-size: 14px;
  font-family: 'Montserrat-Bold';
}
.wpcf7-form-control-wrap {
    position: relative;
    width: calc(100% - 187px);
}
.newsletter-form input{
    background: #fff;
    color: #191919;
    border-radius: 50px;
    padding: 10px 30px ;
    /*width: calc(100% - 187px);*/
    width:100%;
    border: 1px solid #fff;
    height: 62px;
    font-family: 'OpenSans-Regular';
}
.newsletter-form form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.newsletter-form .wpcf7-not-valid-tip {
    color: #fff;
}
section.newsletter .row {
    align-items: center;
}

.Browse-Products .section-title h4::after {
    display: none;
}

.Browse-Products .section-title h4 {
    font-size: 20px;
    font-family: 'Montserrat-Regular';
    font-weight: 600;
}

.Browse-Products .section-title {
    margin-bottom: 60px;
}

.product-block h5 {
    color: #111111;
    font-size: 22px;
    line-height:34px;
    margin-top: 28px;
    font-family: 'PlayfairDisplay-Regular';
    text-transform:capitalize;
    min-height:101px;
}

section.Browse-Products {
    padding-top: 0;
    padding-bottom: 86px;
}
/* -------------------  single product --------------------------- */
.single-p.product-page .product-img{
    height: 400px;
    text-align: center;
}
.single-p.product-page .product-img::after {
    height: 100%;
    width: 96%;
}
.single-p.product-page .product-img img{
    width: 76%;
    margin: auto;
}
.starts i{
    color: #EFC90C;
    font-size: 14px;
}
.discount{
    width: 117px;
    height: 117px;
    background: #FFC506 0% 0% no-repeat padding-box;
    border-radius: 50%;
    position: absolute;
    top: 43px;
    right: 96px;
    z-index: 2;
    color: #161515;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Montserrat-Bold';
}
.discount span{
font-size: 24px;
}
.discount h6{
    
font-size: 14px;
}
/* ---------------------- */
.similar-prod .section-title{
    margin-bottom: 53px;
}
.product-item{
    text-align: center;
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 7px 15px #00000012;
padding: 26px 12px;
margin: 12px;
}
.product-item .img{
    height: 145px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-item img{
    max-width: 100%;
    max-height: 140px;
    object-fit: contain;
}
.product-item h5{
    color: #101010;
    font-size: 16px;
    font-family: 'Montserrat-Regular';
    margin-top: 28px;
  
}
.section-title h5{
    color: #101010;
    font-size: 20px;
    font-family: 'Montserrat-Regular';
    font-weight: 600;
}
.card-slider.owl-theme .owl-nav .owl-next,
 .card-slider.owl-theme .owl-nav .owl-prev{
    top: 50%;
}
.single-p.product-page{
    padding-top: 60px;
}
/* ------------------------------------ */
.quality-products.product-p::after,
.Fish-SeaFood.groceries.product-p::after{
    display: none;
}
.partner.partner-page{
    background-color: #F6F6F6;
}
.partner.partner-page::after,
.partner.partner-page::before{
    display: none;
}
.partner-page .part-img {
    border: 1px solid #dddddd;
}
/* --------------------------- About page-------------------------- */
.about-page,.warehouse{
    background-color: #F6F6F6;
}
.about-page .section-title,.warehouse .section-title{
    text-align: start;
    margin-bottom: 0px;
}
.section-title h6{
    position: relative;
    margin-bottom: 58px;
    color: #111111;
    font-size: 28px;
    font-family: 'bold';
    display: inline-block;
    padding-bottom: 12px;
}
.section-title h6::after,.certificate-sec .all-items h4::after{
    position: absolute;
    content: '';
    width: 65px;
    height: 2px;
    background-color: var(--sec-color);
    bottom: 0;
    left: 0;
}
.warehouse-item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 15px #00000017;
    padding: 37px 38px;
}
.warehouse-item h4{
color: #171717;
font-size: 24px;
margin-bottom: 17px;
font-family: 'Montserrat-Regular';
}
.warehouse-item p{
color: #171717;
opacity: 75%;
    min-height: 140px;
    line-height: 28px;
    margin-bottom: 0;

}
.certificate-sec .cer-item img{
    filter: brightness(0);
}
.all-items h4{
    text-align: center;
    position: relative;
}
.certificate-sec{
    background-color: #fff;
    padding-top: 58px;
}
.about-page .item p{
    font-size: 20px;
    line-height:32px;
}
.certificate-sec .all-items h4{
    position: relative;
    color: #191919;
    font-size: 28px;
    font-family: 'bold';
    margin-bottom: 48px;
    padding-bottom: 10px;
    /* display: inline-block; */
}
.certificate-sec .all-items h4::after{
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
}
.certificate-sec .certificate {
    margin-top: 0;
}

/* ---------------------------- media page ----------------------- */
.media-page .product-info{
    padding-inline-start: 140px;
    padding-top: 40px;
    padding-bottom: 0;
}
.product-page.media-page .product-info::after {
    bottom: 90px;
}
.media-page .product-info p{
    margin-bottom: 158px;
}
.discover a{
    color: #000000;
    font-size: 18px;
    font-family: 'Montserrat-Regular';
    font-weight:600;
}
.discover a i{
    font-size: 20px;
    padding-inline-start: 12px;
}
.about-video {
    height: 457px;
    position: relative;
}

.about-video::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--sec-color);
    opacity: 95%;
}

.about-video img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-icone {
    width: 53px;
    height: 53px;
    /* background-color: #fff; */
    border-radius: 50%;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 999;
}

.video-icone::after {
    position: absolute;
    content: '\f04b';
    font-family: 'Font Awesome 5 Pro';
    /* font-weight: bold; */
    color: #fff;
    font-size: 36px;
    width: 117px;
    height: 117px;
    border-radius: 50%;
    border: 4px solid #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    /* background-color: var(--sec-color); */
}

.video-icone::before {
    position: absolute;
    content: '';
    width: 117px;
    height: 117px;
    margin: auto;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background-color: #fff; */
    /* opacity: 0.7; */
    animation: movecir 1s infinite linear;
}

@keyframes movecir {
    0% {
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}
/* -------------------------------- */
.Catalogues-item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 8px 20px #0000000F;
padding: 50px 18px;
text-align: center;
transition: all 0.3s;
}
.Catalogues-item a{
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
    transition: all 0.3s;
}
.Catalogues-item a::after{
    position: absolute;
    content: "\f0ed";
    font-family: 'Font Awesome 5 Pro';
    top: 32%;
    left: 50%;
    transform: translate(-50%,-50%);
    background-color: var(--sec-color);
    color: #fff;
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 28px;
    transition: all 0.5s;
    opacity: 0;
}
.Catalogues-item:hover a::after{
    opacity: 1;
}
.Catalogues-item .img{
    height: 160px;
   margin-bottom: 32px;
}
.Catalogues-item .img img{
    max-width: 100%;
    max-height: 100%;
}
.Catalogues-item h6{
    font-size: 26px;
    color: #111111;
    font-family: 'PlayfairDisplay-Regular';
}
.title h4{
    color: #0F0F0F;
    font-size: 28px;
    margin-bottom: 42px;
    font-family: 'Montserrat-Regular';
    font-weight: 600;
}
/* ------------------------ */
.event-item{
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 4px 20px #00000012;
    margin: 22px 4px;
}
.item-detail{
    
padding: 24px 29px;
}
.item-detail h5{

color: #0F0F0F;

font-size: 18px;

font-family: 'Montserrat-Regular';
}
.item-detail h6{

color: #C22830;

font-size: 14px;

margin-bottom: 0;

font-family: 'Montserrat-Regular';
}
.item-detail h6 i{

padding-inline-end: 8px;
}
.event-item .img{
    width: 100%;
    height: 238px;
}
.event-item .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
section.Events{
    background-color: #F3F3F3;
}
/* --------------------------------------- */
.blog-slider .img{
    width: 217px;
    height: 210px;
}
.blog-slider .img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.blog-item .blog-detail{
    width: calc(100% - 210px);
    margin-inline-start: 7px;
    padding: 12px;
}
.blog-item{

background: #FFFFFF 0% 0% no-repeat padding-box;

box-shadow: 0px 4px 20px #00000012;

margin: 14px 10px;
}
.blog-item a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #111111;
}
.blog-item a h6 {
    color: #C22830;
    font-size: 12px;
    margin-bottom: 14px;
    font-family: 'Montserrat-Regular';
}

.blog-item a h6 i {
    margin-inline-end: 10px;
}

.blog-item a h5 {
    font-size: 16px;
    line-height: 27px;
    font-family: 'Montserrat-Regular';
}

.blog-item a p {
    font-size: 13px;
    color: rgb(17 17 17 / 80%);
    line-height: 23px;
}
.our-blog .title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
}
.our-blog .title h4{
    font-family: 'bold';
    margin-bottom: 0px;
    font-size: 36px;
}
.our-blog .more-news a{
    min-width: 143px;
    text-align: center;
    display: inline-block;
    padding: 12px;
    border-radius: 50px;
    border: 1px solid var(--sec-color);
    color: var(--sec-color);
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    font-weight: 600;
}
/* ---------------------------  contact page  ---------------------------------------- */
.input-group.upload span.uplod
{
    position: absolute;
    right: 0px;
    top: 2px;
    padding: 3px 20px;
    color: rgb(0 0 0 / 38%);
    font-size: 26px;
    width: 100%;
    text-align: end;
    display: inline-block;
}

.input-group.upload{
    position: relative;
    }
    
    .form-group.name input{
    width: 100%;
    padding: 7px 0;
    }
    .form-control:disabled, .form-control[readonly] {
    background-color: transparent;
    width: 100%;
    padding-block: 21px;
    }
    label.input-group-btn{
        height: 0;
    }
    .contact-sec.contact-page {
        background-color: #fff;
        color: #202020;
        position: relative;
    }
    .contact-sec.contact-page::before,.contact-sec.contact-page::after{
        display: none;
    }
    .contact-page  .contact-form form input,
    .contact-page .contact-form form textarea,
    .contact-page  .contact-form form select,
        .contact-page  .contact-form .nice-select:active, .contact-page  .contact-form .nice-select.open,
        .contact-page  .contact-form .nice-select:focus , .contact-page  .contact-form .nice-select{
        color: #1E1E1E;
        border-color: #202020;
    }
    .contact-page  .contact-form form input::placeholder,
    .contact-page .contact-form form textarea::placeholder,
    .contact-page .contact-form form select::placeholder{
        color: #1E1E1E;
    }
    .contact-page.contact-sec a{
        color: #202020;
    }

    .contact-page.contact-sec .nav-pills .nav-link {
        border-radius: 0;
        font-size: 36px;
        color: rgb(32 32 32 / 40%);
        padding: 0;
    }
    .contact-page.contact-sec .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
        color: #202020;
        background-color: transparent;
    }
.nav.nav-pills li:first-of-type{
    position: relative;
    margin-inline-end: 20px;
    padding-inline-end: 27px;
}
.nav.nav-pills li:first-of-type::after{
    position: absolute;
    content: '';
    width: 2px;
    height: 30px;
    background-color: rgb(32 32 32 / 10%);
    top: 14px;
    right: 0;
}
.contact-page .more button {
    background-color: var(--sec-color);
    color: #fff;
}
.nav.nav-pills{
    margin-bottom: 80px;
}
.contact-map{
    padding: 0;
}
.contact-map iframe{
    height: 380px;
    width:100%;
}
/* -------------------------------  single-event   ------------------------- */
.single-event.product-page .product-img::after {
    height: 457px;
    top: 42%;
}
.single-event.product-page .product-img img {
    object-fit: cover;
}
.product-page.single-event .product-img {
    padding-inline-start: 30px;
    height: 457px;
}
.single-event.product-page .product-info {
    padding-inline-end: 40px;
    padding-bottom: 0px;
}

.single-event.product-page .product-info p{
    margin-bottom: 140px;
}
.single-event.product-page .product-info::after{
    bottom: 75px;
}
.event-data h6{

    color: #202020;
    font-size: 18px;
}
.event-data h6 i{
    padding-inline-end: 10px;
    color: var(--sec-color);
}
.eve-deatils p,.article__announce-text{
    padding: 40px 39px;
    padding-inline-end: 59px;
    color: #404040;
    font-family: 'Montserrat-Regular';
    background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 8px 20px #0000000F;
    margin-bottom: 49px;
    line-height: 32px;
}
.eve-deatils button{
    background: transparent;
    color: var(--sec-color);
    border-radius: 50px;
    border: 2px solid var(--sec-color);
    padding: 12px;
    width: 164px;
    text-align: center;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
    transition:all 0.3s;
}
.eve-deatils button:hover{
    background: var(--sec-color);
    color:#fff ;  
}

/* ---------------------------  article page  ------------------ */
.article{
   position: relative;
   padding-bottom: 0;
}
.article::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 457px;
    background-color: var(--sec-color);
    top: 30px;
    left: 0;
    z-index: -1;
}
.article .article-img {
    width: 94%;
    height: 457px;
    margin-inline-start: auto;
}
.article .article-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.single-art-p{
    padding-top: 40px;
}
.article-details h4{
    font-size: 35px;
    font-family: 'bold';
}
.article-details ul li{
    color: #1E1E1E;
    font-size: 14px;
}
.article-details ul li i{
    padding-inline-end: 8px;
}
.all-comments{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.comment-block{
    width: 49%;
    display: flex;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 20px #0000000F;
    padding: 24px 25px;
    margin-bottom: 23px;
}
.comment-block .img{
    width: 51px;
height: 51px;
border-radius: 50%;
}
.comment-block .img img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}
.comment-block .details{
    width: calc(100% - 80px);
    margin-inline-start: 17px;
}
.comment-block .details .name{
    display: flex;
    align-items: center;
    margin-bottom: 8px;
}
.comment-block .details .name h6{

font-size: 12px;

color: #1E1E1E;

margin-bottom: 0;

margin-inline-end: 11px;
}
.comment-block .details .name span{
    
font-size: 10px;
    
color: rgb(30 30 30 / 50%);
    
font-style: italic;
}
.comment-block .details p{
    
font-size: 10px;
    
color: rgb(30 30 30 / 80%);
}
.article-details ul{
    display: flex;
    margin-bottom: 29px;
    margin-top: 20px;
}
.article-details ul li{
    margin-inline-end: 12px;
    font-size: 14px;
    font-family: 'Montserrat-Regular';
}
.leave-comment{
    width: 75%;
    margin-top: 30px;
}
.leave-comment h6,.comments h6{
    color: #1E1E1E;
    font-size: 20px;
    margin-bottom: 37px;
    font-family: 'PlayfairDisplay-Regular';
}
.leave-comment h6 i,.comments h6 i{
    margin-inline-end: 8px;
}
.leave-comment textarea,.leave-comment input{
    width: 100%;
    padding: 10px;
    font-size: 14px;
    border: 1px solid #C9C9C9;
}
.leave-comment button{
    width: 109px;
    text-align: center;
    padding: 10px;
    color: var(--sec-color);
    border: 1px solid var(--sec-color);
    background: transparent;
    font-size: 12px;
    font-family: 'Montserrat-Regular';
    margin-top: 24px;
    transition:all 0.3s;
  }
  .leave-comment button:hover{
      color: #fff;
    background-color:var(--sec-color); 
  }
form{
    direction:ltr;
}
.all-items .section-title {
    margin-bottom: 10px;
}
.products-page.quality-products::after,
.products-page.Fish-SeaFood.groceries::after{
    display:none;
}

@media (max-width: 768px) {
    .discount {
        right: 37px;
    }
}


.contact-page .nice-select::after {
    border-bottom: 2px solid #202020;
    border-right: 2px solid #202020;
}
.wpcf7 form.invalid .wpcf7-response-output {
    
    color: #fff;
}
.Coffee-Beverages.Fish-SeaFood .prod-img {
    width: 93%;
}


.mynav li.current-menu-item a{
    color:var(--sec-color);
}
.contact-page .wpcf7 form.invalid .wpcf7-response-output {
    color: #000;
}

.about-sec::before {
    top: -6px;
    transform: scaleY(1);
    height: 6px;
    filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%);
}
.about-sec {
    overflow: visible;
}
.about-sec::after{
    display:none;
}

.product-page.single-event {
    padding-top: 70px;
}
section.warehouse{
    padding-bottom:111px;
}

.table td, .table th {
    padding: 10px 5px;
    text-align: center;
}
.table td {
    border-inline-end: 1px solid #000;
}
.table{
border: 1px solid #000;

}
@media (min-width: 576px){
.modal-dialog {
    max-width: 70%;
    margin: 1.75rem auto;
}
}
.popup-img img{
    width:100%;
}

.product-page.single-p .product-info::after{
    width: 100%;
    height: 145px;
    bottom: -14px;
}

 .section-info p {
    margin-bottom: 29px;
}

.center-fish-food.Fish-SeaFood::before,
.center-fish-food.Fish-SeaFood.groceries::after{
    display:none;
}
.center-fish-food.Fish-SeaFood {
    background-color: #fff;
}
.Fish-SeaFood.groceries::after {
    filter: brightness(0) invert(1);
}
.product-page .product-img::after {
    height: 380px;
    width: 93%;
}
.product-box .img img{
    max-width:100%;
    height:280px;
    margin-bottom:10px;
}
.product-box {
    margin-bottom:28px;
}

.Fish-SeaFood.groceries.end-fish-food::after {
    filter: none;
}

.address-sec::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    /*background-color: #C22830;*/
    top: 0;
    left: 0;
    /*z-index:-1;*/
    opacity: 82%;
}
.address-sec::after{
    display: none;
}
.tab-content form {
    min-height: 380px;
}



.about-sec {
    overflow: hidden;
}

.about-sec::before {
    top: -7px;
     transform: scaleY(-1); 
    height: 11px;
    /* filter: invert(19%) sepia(99%) saturate(2811%) hue-rotate(345deg) brightness(80%) contrast(87%); */
    filter: brightness(0) invert(1);
}

.pagi_navi{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
a.page-link {
    color: #000;
}
.Browse-Products a.page-link {
    margin:0 4px;
    border-radius: 0 !important;
}
.page-link:hover {
    z-index: 2;
    color: #fff;
    text-decoration: none;
    background-color: var(--sec-color);
    border-color: var(--sec-color);
}
.page-link:focus {
    z-index: 3;
    outline: 0;
    box-shadow: none;
}

a.page-link[aria-current="page"]{
    color: #fff;
    background-color: var(--sec-color);
    border-color: var(--sec-color);
}
a.page-link[aria-label="Last Page"],
a.page-link[aria-label="First Page"]{
display: none;
}
.other-info {
    width: 80%;
}



.Fish-SeaFood.fish .prod-img::after {
    background-image: url(../images/img-aft.png);
    top: 76px;
    right: -50px;
}
.fish .prod-img img {
    width: 100%;
}

.bakary .prod-img::after {
    right: 10px;
}
.adress-data h4 {
    margin-bottom: 28px;
}

.contact-sec {
    margin-top: -16px;
}