@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;}

.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);}

.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;}


.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}


@media (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;}
}

@media (max-width:576px){
    .carousel-caption h4{font-size:18px;font-weight:500!important}
    .carousel-caption h1{font-size:30px;font-weight:600!important}
}