@import url(../fonts/fonts.css);
:root{
    --green:#fec46b;
    --secondary:#12355d;
    --light:#12355d;
    --dark:#12355d;
    --theme-font: "D-DIN Exp",sans-serif;
    --primary:#fcb03d;
    --light-blue:#7acfff;
     --black:#000000;
}

body {
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #8D9AA8;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: "D-DIN Exp",sans-serif !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "D-DIN Exp",sans-serif !important;}
.bg-primary {background-color: #1e8dcc !important;}
.bg-secondary {background-color: #fec46b !important;}
.bg-light {background-color: #12355d !important;}
.text-black {color: var(--black) !important;}
.service-item h4 {color: #aab9c9 !important;}
.service-item:hover h4 { color: #12355d !important;}


.navbar-brand img {max-width: 300px}

.text-blue {color: #1e8dcc !important;}
.btn-secondary {background-color: var(--dark) !important; border-color: var(--dark) !important;}
.text-secondary {color:var(--light-blue) !important;}
.top_info {background-color: #e4f9ff; color:#e4f9ff; font-size: 1.5rem !important;}
.top_info h2 {font-size: 1.5rem !important;}
.btn{font-family:"D-DIN Exp",sans-serif !important;letter-spacing:1px;font-weight:700;transition:.5s}
.btn-primary,.btn-secondary{color:#fff}
.btn-primary {background-color: var(--primary) !important; border-color: var(--primary);}
.btn-square{width:36px;height:36px}
.btn-sm-square{width:28px;height:28px}
.btn-lg-square{width:46px;height:46px}
.btn-lg-square,.btn-sm-square,.btn-square{padding-left:0;padding-right:0;text-align:center}
.back-to-top{position:fixed;display:none;right:30px;bottom:0;border-radius:0;z-index:99}
.navbar-dark .navbar-nav .nav-link{padding:20px 40px;font-size:16px;font-weight:600;color:#fff;text-transform:uppercase;transition:.5s}
.sticky-top.navbar-dark .navbar-nav .nav-link{padding:20px 15px}
.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link:hover{background:var(--secondary)}
.enquiry_btn {background-color: #34AD54 !important; border-color: #34AD54 !important;}
.enquiry_btn:hover,.enquiry_btn:focus {background-color: #fec46b !important; border-color: #fec46b !important;}
.mx100 {max-width: 100px; filter: grayscale(100%) invert(1);}


.error-page{text-align:center;background:#fff;border-top:1px solid #eee}
.error-page .error-inner{display:inline-block}
.error-page .error-inner h1{font-size:140px;text-shadow:3px 5px 2px #3333;color:var(--theme-blue);font-weight:700}
.error-page .error-inner h1 span{display:block;font-size:25px;color:#333;font-weight:600;text-shadow:none}
.error-page .error-inner p{padding:20px 15px}
.error-page .search-form{width:100%;position:relative}
.error-page .search-form input{width:400px;height:50px;padding:0 78px 0 30px;border:none;background:#f6f6f6;border-radius:5px;display:inline-block;margin-right:10px;font-weight:400;font-size:14px}
.error-page .search-form input:hover{padding-left:35px}
.error-page .search-form .btn{width:80px;height:50px;border-radius:5px;cursor:pointer;background:var(--theme-blue);display:inline-block;position:relative;top:-2px}
.error-page .search-form .btn i{font-size:16px}


.ComingSoonPopup{padding-right:0!important}
.ComingSoonPopup .modal-dialog {max-width: 600px;}
.ComingSoonPopup .modal-content {background-image: url(../images/popup_wave.png); background-position: top center; background-repeat: no-repeat; background-size: contain;}
.ComingSoonPopup .modal-body {padding-top: 220px;}
.modal-content{background-color:#fff}
.ComingSoonPopup .comingsoon-content{padding:65px 15px 15px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff}
.ComingSoonPopup .comingsoon-content h5{font-size:30px;font-weight:600;position:relative;margin-bottom:10px;text-align:center; color: var(--theme-blue);}
/* .ComingSoonPopup .comingsoon-content h5::before{content:"";background-color:var(--primary);position:absolute;height:6px;width:40px;border-radius:5px;-webkit-border-radius:5px;left:0;right:0;bottom:-10px;margin:auto} */
.ComingSoonPopup .comingsoon-content p{margin-bottom:20px;font-size:20px;text-align:justify; color: rgba(0, 0, 0, 0.40)}
.ComingSoonPopup .modal-header{padding:0;border:0}
.ComingSoonPopup .modal-header .btn-close{margin:.5rem .5rem -.5rem auto; opacity: 0.5; filter: invert(1);}
.ComingSoonPopup .modal-header .btn-close:hover,
.ComingSoonPopup .modal-header .btn-close:focus {opacity: 1; box-shadow: none;}

.carousel-control-next,.carousel-control-prev{width:10%}
.carousel-control-next-icon,.carousel-control-prev-icon{width:3rem;height:3rem}
.bg-hero{background:url(../images/carousel-1.jpg) top right no-repeat;background-size:cover; position: relative;}
.bg-hero::before { position: absolute; content: ""; width: 100%; height: 100%; display: block; left: 0; top: 0; background-color: rgba(18, 53, 93, 66%); z-index: 1;}
.hero-content {position: relative; z-index: 99;}

.facts .rounded-circle {border: 2px solid #fff !important;}
.carousel-item::after { position: absolute; content: ""; width: 100%; height: 100%; display: block; left: 0; top: 0; background-color: rgba(18, 53, 93, 66%); z-index: 1;}
.carousel-caption {z-index: 2;}
.bg-vegetable{background:linear-gradient(rgba(52,173,84,.2),rgba(52,173,84,.2)),url(../images/product-1.png) bottom right no-repeat;background-size:contain}
.bg-fruit{background:linear-gradient(rgba(255,153,51,.2),rgba(255,153,51,.2)),url(../images/product-2.png) bottom right no-repeat;background-size:contain}
.service-item{box-shadow:0 0 45px #ededed;transition:.5s}
.about i,.service-item i{background-image:linear-gradient(#fec46b,#fec46b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;transition:.5s}
.service-item:hover{color:var(--light);background:var(--primary)!important}
.service-item:hover i{background-image:linear-gradient(var(--light),var(--secondary))}
.service-item:hover h4{transition:.5s}
.service-item:hover h4{color:var(--light)}
.product-item{padding:0 30px 30px 30px}
/* .product-item .btn-action{position:absolute;width:100%;bottom:-40px;left:0;opacity:0;transition:.5s}
.product-item:hover .btn-action{bottom:0;opacity:1}
.product-item h5{transition:.5s}
.product-item:hover h5{opacity:0} */

.product-carousel::after{position:absolute;content:"";width:100%;height:55%;bottom:0;left:0;/*background:url(../images/bg-product-1.png) left bottom no-repeat,url(../images/bg-product-2.png) right bottom no-repeat;*/background-size:contain;background-color:var(--dark);z-index:-1}
.product-carousel .owl-nav{width:100%;text-align:center;display:flex;justify-content:center}
.product-carousel .owl-nav .owl-next,.product-carousel .owl-nav .owl-prev{position:relative;width:55px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--light-blue);background:#fff;font-size:22px;transition:.5s}
.product-carousel .owl-nav .owl-next:hover,.product-carousel .owl-nav .owl-prev:hover{color:var(--secondary)}

.partner-carousel::after{position:absolute;content:"";width:100%;height:55%;bottom:0;left:0;/*background:url(../images/bg-product-1.png) left bottom no-repeat,url(../images/bg-product-2.png) right bottom no-repeat;*/background-size:contain;background-color:var(--dark);z-index:-1}
.partner-carousel .owl-nav{width:100%;text-align:center;display:flex;justify-content:center}
.partner-carousel .owl-nav .owl-next,.partner-carousel .owl-nav .owl-prev{position:relative;width:55px;height:45px;display:flex;align-items:center;justify-content:center;color:var(--light-blue);background:#fff;font-size:22px;transition:.5s}
.partner-carousel .owl-nav .owl-next:hover,.partner-carousel .owl-nav .owl-prev:hover{color:var(--secondary)}



.bg-testimonial{background:url(../images/testimonial.jpg) top center no-repeat;background-size:cover}
.testimonial-carousel{background:rgba(18, 53, 93,1)}
.testimonial-carousel .owl-nav{position:absolute;width:calc(100% + 46px);height:46px;top:calc(50% - 23px);left:-23px;display:flex;justify-content:space-between;z-index:1}
.testimonial-carousel .owl-nav .owl-next,.testimonial-carousel .owl-nav .owl-prev{position:relative;width:46px;height:46px;display:flex;align-items:center;justify-content:center;color:var(--primary);background:#fff;font-size:22px;transition:.5s}
.testimonial-carousel .owl-nav .owl-next:hover,.testimonial-carousel .owl-nav .owl-prev:hover{color:var(--secondary)}
.testimonial-carousel .owl-item img{width:120px;height:120px}
.blog-item img{transition:.5s}
.blog-item:hover img{transform:scale(1.2)}
.blog-overlay{position:absolute;padding:30px;width:100%;height:100%;top:0;left:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;background:linear-gradient(rgba(52,173,84,0),rgba(52,173,84,1));z-index:1}
.footer-section .bg-dark {background-color: #12355d !important;}
.contact_icon {width: 60px!important; height: 60px !important; max-width: 70px;}
.contact_text { position: relative; width: 80%;}



input[type="number"] {
  height: 55px;
}
/*
#whatsapp-button {
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 9999;
    animation: blinki 2s infinite;
    background-color:#43c754;
    padding: 1rem;
    margin-top:2rem;
    border-radius: 50%;
}
#whatsapp-button a img {
    width: 60px;
    height: 60px;



}


@keyframes blinki {
  0% {
    box-shadow: 0 0 1px 10px rgba(255,255,255,0.2);
  }

  50% {
    box-shadow: 0px 0px 1px 0 transparent;
  }

  100% {
    box-shadow: 0 0 1px 10px rgba(255,255,255,0.2);

  }
}*/




.floating_btn {
  position: fixed;
    bottom: 70px;
    right: 0;
    width: 120px;
    height: 100px;
  display: flex;
  flex-direction: column;
  align-items:center;
  justify-content:center;
  z-index: 1000;
}

@keyframes pulsing {
  to {
    box-shadow: 0 0 0 30px rgba(232, 76, 61, 0);
  }
}

.contact_icon {
  background-color: #42db87;
  color: #fff;
  width: 60px;
  height: 60px;
  font-size:30px;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translatey(0px);
  animation: pulse 1.5s infinite;
  box-shadow: 0 0 0 0 #42db87;
  -webkit-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -moz-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  -ms-animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
  font-weight: normal;
 font-family: "Open Sans", serif;
  text-decoration: none !important;
  transition: all 300ms ease-in-out;
}


.text_icon {
  margin-top: 8px;
  color: #707070;
  font-size: 13px;
}



.bg-footer{background:linear-gradient(rgba(55, 178, 255,.7),rgba(119, 207, 255,.7)),url(../images/footer.png) center bottom no-repeat;background-size:cover}
.form-control:focus {
    color: #000000;
    font-weight: bold;
    background-color: #fff;
    border-color: #fccc86 !important;
    outline: 0;
    box-shadow: 0 0 0 .25rem hsla(252, 176, 61, 0.25) !important;
}
.btn-primary:hover {
    color: #000;
    background-color: #fcb03d;
    border-color: #fcb03d;
}


.form-control:read-only {
    background-color: #ffffff !important;
}
.display-1   {font-size: calc(1.625rem + 3.5vw) !important;}

@media (max-width:1280px){
    .navbar-brand img {max-width: 200px}
    .enquiry_btn {padding:1rem !important; }
    .top_info h2 {font-size: 1.2rem !important;}
   
    .carousel-item img {min-height: 500px !important}

}


@media (min-width:992px){
    .for-mobile {display: none !important;}
}




@media screen and (max-width:991.98px){
    .navbar-dark .navbar-nav .nav-link{padding:10px}
    .banner{position:relative;margin-top:-90px;z-index:1}
    .bg-footer{margin-top:90px!important}
    .navbar-brand .w-100 {max-width: 200px;}
    .navbar.bg-primary {background-color: #e4f9ff !important;}
    .navbar-collapse.collapse.show {background-color: #1e8dcc !important;}
    .navbar-dark .navbar-toggler-icon {filter: invert(1) !important;}
    /*.navbar-brand img {max-width: 200px}*/
    .navbar.py-3 {padding-top:0 !important; padding-bottom:0 !important }
}
    

@media screen and (max-width: 576px) {
    .carousel-caption h4{font-size:18px;font-weight:500!important}
    .carousel-caption h1{font-size:30px;font-weight:600!important}
    .navbar-brand img {max-width:120px !important}
    .bg-secondary.p-5, .bg-primary.p-5 {padding: 1rem !important}

    #whatsapp-button {padding: 0.5rem;}
    #whatsapp-button a img {width: 30px;height: 30px;}
}