/*@import url('https://fonts.googleapis.com/css2?family=Montserrat');*/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');

/*================================= hover style =============================*/
.footer-one .col-md-3{
    border-right: 2px solid #fff;
    height: 51px;
}
.section-tittle h2 {
    text-transform: uppercase;
    color: #333745;
    font-weight: 600;
}

.section-tittle h2 span {
    color: #ff3546;
}

.section-heading {
    position: relative;
}

.section-heading::after {
    content: "";
    position: absolute;
    width: 40%;
    height: 2px;
    bottom: -10px;
    left: 30%;
    background: #ddd;
    transform: translate(0%);
}
.product-box {
    position: relative;
    box-shadow: 0px 2px 10px -4px #333745;
    cursor: pointer;
    padding: 10px 10px;
    margin-bottom: 20px;
    /*margin-top: 15px;*/
}

.cap-bg-black {
    background: #333745;
}

.cap-bg-red {
    background: red;
}

.cap-bg-theme {
    background: #ff3546;
}

.product-cap {
    position: absolute;
    height: 50px;
    width: 50px;
    color: #fff;
    top: 0;
    text-align: center;
    font-weight: 600;
    line-height: 50px;
    font-size: 12px;
    border-radius: 100%;
}

.product-title {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 600;
    color: #f82e56;
    line-height: 45px;
    transition: all .4s ease-in;
}

.product-title:hover {
    color: #333745;
    transition: all .4s ease-in;
}

.product-price {
    font-size: 17px;
    font-weight: 600;
    line-height: 15px;
    color: #333745;
}

.product-drisc {
    line-height: 18px;
    margin-top: 10px;
}

.hoverly-item {
    /* border-radius: 10px; */
    -webkit-animation: circle .50s;
    /* animation: circle .50s; */
    position: relative;
    /* top: 7%; */
    opacity: 0;
    background-color: rgba(0, 100, 100, 0.5);
    /* width: 100%; */
    /* height: 100%; */
    /* left: 8%; */
    transition: all .4s ease-in;
}

.product-box:hover .hoverly-item {
    opacity: 1;
    transition: all .4s ease-in;
}

.hoverly-item a {
    /* line-height: 200px; */
}

.hoverly-item a i {
    font-size: 20px;
    background: #f82e56;
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 35px;
    border: 3px solid transparent;
    transition: all .4s ease-in;
}

.hoverly-item a i:hover {
    border: 3px solid #f82e56;
    background: #fff;
    color: #f82e56;
    transition: all .4s ease-in;
}
.view-details-btn {
    text-transform: uppercase;
    line-height: 20px !important;
    margin-top: -50%;
    padding: 8px 25px;
    background: #f82e56;
    color: #fff;
    border-color: transparent;
    border-radius: 0px;
}
.view-details-btn:hover {
    color: #f82e56!important;
    border: 1px solid #f82e56!important;
    background: #fff!important;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.buy-now {
    margin-top: 10px;
    margin-bottom: 15px;
    color: #f82e56;
    border-radius: 0px;
    padding: 8px 25px;
    border: 1px solid #f82e56;
    background: none;
    white-space: nowrap;
    letter-spacing: 0px;
    display: inline-block;
    text-transform: capitalize;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.buy-now:hover {
    color: #ffffff!important;
    border: 1px solid #ffffff!important;
    background: #f82e56!important;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.product-box iframe{
    width:100%;
    height:180px;
}

/*--------------------------------- Hover style end --------------------------*/
.mt-4{
    margin-top: 4rem!important;
}
#collapsibleNavbar{
    margin-left: 11%;
}
.icon_img {
    width: 65%;
    margin: 0 15%;
}
.navbar-nav{
    /* margin-left: 20%; */
}



/*Rajiv */


.hide {
  display: none;
}
    
.myDIV:hover + .hide {
  display: block;
  
}


/*Rajiv End*/
.fa-file-pdf-o:before{
    background-image: url('../img/icons/PDF_Link_Icon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 60px;
    height: 60px;
    content:
    "";
    /*content: url('../img/icons/PDF_Link_Icon.png');
    width: 50px;
    height: 50px;*/
}
.fa-play-circle:before{
    background-image: url('../img/icons/Video_Link_Icon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 60px;
    height: 60px;
    content:
    "";
    /*content: url('../img/icons/PDF_Link_Icon.png');
    width: 50px;
    height: 50px;*/
}
.fa-book:before{
    background-image: url('../img/icons/Brochure_Icon.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: inline-block;
    width: 60px;
    height: 60px;
    content:
    "";
    /*content: url('../img/icons/PDF_Link_Icon.png');
    width: 50px;
    height: 50px;*/
}
.plpr15{
    padding: 0 15px;
}
.boxShadow2{
    border: 1px solid #ccc;
    box-shadow: 2px 5px 8px #00000059;
}
.boxShadow{
    box-shadow: 3px 10px 12px 0px #27262659;
}
.alert-success {
    color: #000;
    background-color: #EEFAFF;
    /* border-color: #c3e6cb; */
}
#product_section2 .table td, .table th {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 0px solid #6a6a6b;
}
body, p{
   font-family: 'Montserrat', sans-serif!important;
   /* font-weight: 500; */
}
.IconBox2{
    margin: -11px 19px;
    width: 11%;
}
.IconBoxImage{
    width: 20%;
    background-color: #48b5ea;
    padding: 21px;
}
.IconBoxImage1{
    width: 20%;
    background-color: #e8741f;
    padding: 19px;
}

.IconName{
    padding: 10px 0;
    color: #291670;
    font-size: 11px;
    font-weight: 900;
}
#about2{
    padding: 4rem 0;
}
#about{
    /*background-image: url(../img/section_2_bg.png);*/
    background-image: url("../img/section_2_bg.png");
    background-position: -50px bottom;
    background-size: 100%;
    background-repeat: repeat-x;
        margin-bottom: -11px;
}
#industry{
    background-color: #fff;
}
.icon_text{
    color: #330499;
    font-weight: bold;
}
.img-responsive{
    width: 100%;
}
.section_heading{
    color: #330499;
    font-size: 24px;
    font-weight: bold;
}
.bg-gray{
    background-color: #dcf5ff;
}
.navbar {
position: sticky;
    top: 0;
    z-index: 1020;
    border-bottom: 1px solid #ccc;
}
.nav-item{
    width: 116px;
}
.bg-blue{
background-color: #332177;
} 
.navbar-blue{
background-color: #270279;
}
.navbar-blue .nav-link{
    color: #fff;
}
.navbar{
    background: #eeefefc2;padding: 0;
}
.nav-item:hover{
    background-color:#332177 ;

}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    font-size: 11px;
    text-align: center;
    font-weight: 600;
    padding: 30px 11px 25px 11px;
    color: #330499;
    text-transform: uppercase;
}
.menu_icon{
    width: 65%;
    vertical-align: top;
}
.navbar-light .navbar-toggler{
    position: sticky;
}
/*------------------------- Box overlay effect------------------------*/
.para{
    line-height: 25px;
    color: #000;
    font-weight: 500;
}
.box-content{
    padding: 14% 0;
}
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #48b5eac9;
    color: white;
    width: 92%;
    margin-left: 4%;
}
.pad-lr80{
    padding: 0 80px;
}
.box_title{
    font-size: 21px;
    margin: 0;
}
/*============================== ======================*/
.bg-image{
    background-image: url(../img/section_bg.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 60% 100%;
    height: auto;
    color: #000;
}
.map_section{
    background-image: linear-gradient(to right, #03a9f4 , #fff);
}
/*======================= Footer ==============================*/


/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
    list-style: none;
    display: inline;
    padding: 0;
}
ul.social-network li {
    display: inline;
    margin: 0 5px;
}
a.icoFacebook{
    background-color: #3B5998;
}
a.icoTwitter{
    background-color:#33ccff;
}
a.icoYouTube{
    background-color:#F70000;
}
a.icoLinkedin{
    background-color:#007bb7;
}
/* footer social icons */
.social-network a.icoRss:hover {
    background-color: #F56505;
}
.social-network a.icoFacebook:hover {
    background-color:#305095;
}
.social-network a.icoTwitter:hover {
    background-color:#27b9ea;
}
.social-network a.icoGoogle:hover {
    background-color:#BD3518;
}
.social-network a.icoYouTube:hover {
    background-color:#df0505;
}
a.icoInstagram{
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}

.social-network a.icoInstagram:hover {
    /*background-color:#BD3518;*/
    background: #f09433; 
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.social-network a.icoVimeo:hover {
    background-color:#0590B8;
}
.social-network a.icoLinkedin:hover {
    background-color:#02699c;
}
.social-network a.icoRss:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoVimeo:hover i, .social-network a.icoLinkedin:hover i {
    color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}

.social-circle li a {
    display:inline-block;
    position:relative;
    margin:0 auto 0 auto;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius: 0;
    text-align:center;
    width: 30px;
    height: 30px;
    font-size:20px;
}
.social-circle li i {
    margin:0;
    line-height: 30px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}


.copyright p{
    color: #ffffff9e;
    font-size: 13px;
}

.footer_section{
    padding-top: 35px;
    padding-bottom: 0;
     background-color: #332177;
}
.footer{
    background-color: #332177;
    color: #fff;
}
.footer-one p i{
    color: #17a2b8;
    font-size: 15px;
}
.footer-one p{
    /*min-height: 48px;*/
    /*border-right: 2px solid #fff;*/
    font-size: 13px;
}
.footer-one p:nth-child(4) {
    border: 0;

}
.footer-two ul li:before {
  /*content: '\2014';*/
  content:'-';
  position: absolute;
  margin-left: -15px;
}
ul.social-network li:before {
    content:none;
}
    
.ml-20{
    margin-left:20px;
}
.ml-3{
    margin-left: 3px;
}
.text-black{
    /*font-weight: 600;*/
    color: #000;
}
.font900{
    font-weight: 900;
}
.font600{
    font-weight: 900;
}
.font10{
    font-size: 10px;
}
.font11{
    font-size: 11px;
}
.font12{
    font-size: 12px;
}
.font13{
    font-size: 13px;
}
.font14{
    font-size: 14px;
    /* font-weight: 600; */
}
.font15{
    font-size: 15px;
}
.font16{
    font-size: 16px;
}
.font17{
    font-size: 17px;
}
.font18{
    font-size: 18px;
}
.font19{
    font-size: 19px;
}
.font20{
    font-size: 20px;
}
.font30{
    font-size: 30px;
}
.font40{
    font-size: 40px;
}
.bold_font{
    font-weight: 600;
}
.colored_font{
color: #330499;
}
.list-unstyled li a{
    font-size: 12px;
}


/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
    color: #000;
    font-size: 14px;
}
h1, h2, h3, h4, h5 {
    font-family: 'Montserrat', sans-serif;
}
/*Rajiv*/
.maha img
{
    box-shadow: 0px 2px 11px 5px #27262624;
    
    /*box-shadow: 1px 1px 1px 1px !important;*/
    border: 1px solid #fff !important;
    width: 100%;
}
.maha h6
{
    font-size: 11px !important;
    padding: 11px 0px !important;
}
.clientele div div {
    padding: 0px;
}

.clientele .grow1 {
    box-shadow: 0px 0px 0px 1px #ccc;
    background-color: transparent;
}

.card-inner {
    position: relative;
    width: 100%;
    height: 185px;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.grow img {
    width: 168px;
    max-height: 161px;
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.75s;
    margin: auto;
    margin-top: 20%;
}

/*.grow {
    width: 100%;
    height: 100%;
    justify-content: center;
    backface-visibility: hidden;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
    position: absolute;
}
*/
/*End Rajiv*/
.parallax-section {
    background-attachment: fixed!important;
}
.btn-capsul {
    border-radius: 30px;
}
.btn-aqua {
    background: #0297FF;
    color: #fff;
}
.btn-aqua:hover {
    background: #10629b;
    color: #fff;
}
.btn-dark-blue {
    background: #0C242E;
    color: #fff;
}
.btn-dark-blue:hover {
    background: #063d28;
    color: #fff;
}
.btn-transparent-white {
    border: 2px solid #fff;
    color: #fff;
}
.btn-transparent-white:hover, .btn-transparent-white:focus {
    background: #fff;
    color: #0297FF
}
.relative-box {
    position: relative
}
section {
    float: left;
    width: 100%;
    padding: 35px 0;
}


/* TOP HEADER
-------------------------------------------------- */


.navbar.top-bar {
    border-radius: 0;
    padding: 16px 0;
    z-index: 16;
}
.navbar-toggler {
    border: 1px solid #fff;
    color: #fff;
    position: absolute;
    right: 21px;
}
.sps {
    padding: 1em .5em;
    position: fixed;
    top: 0;
    left: 0;
    transition: all 0.25s ease;
    width: 100%;
}
.sps--abv {
    background-color: transparent;
    color: #000;
}
.sps--blw {
    background-color: #fff;
    color: #fff;
}
.top-bar a.navbar-brand {
    color: #fff;
    font-size: 26px;
    font-weight: 800;
    padding: 5px 0 0 10px;
    text-transform: uppercase;
}
.sps--blw.top-bar a.navbar-brand {
    color: #000;
}
.top-bar a.navbar-brand span {
    color: #0297ff;
}
.top-bar .nav-link {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 18px!important;
}
.sps--blw.top-bar .nav-link {
    color: #000
}
.top-bar .navbar-nav .nav-item {
    margin: 0
}
.top-bar .nav-link:hover, .top-bar .nav-item.active a {
    color: #fff;
    border-bottom: 2px solid #fff;
    border-radius: 0;
}
.sps--blw.top-bar .nav-link:hover, .sps--blw.top-bar .nav-item.active a {
    color: #0297ff;
    border-bottom: none;
    border-radius: 0;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/*Swiper*/
.swiper-container {
    width: 100%;
    height: 100vh;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main-slider .slider-bg-position {
    background-size: contain!important;
    background-size: 100% 100%;
    background-position: center center!important;
    background-repeat: no-repeat!important;
    /*background-size: cover!important;
    background-position: center center!important;*/
}
.main-slider .swiper-button-prev, .main-slider .swiper-button-next {
    opacity: 0;
    background-image: none!important;
    color: #fff;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
}
.main-slider h2 {
    color: #fff;
    font-size: 54px;
    line-height: 59px;
    padding: 0 19%;
    text-transform: uppercase;
}
.main-slider .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    background: rgba(255,255,255,0.9)
}
.main-slider .swiper-pagination-bullet-active {
    background: #fff;}
    
    /*----------------------------- Single Slider CSS----------------------------------------*/
    .fa-chevron-left, .fa-chevron-right{
        color:#646161;
        font-size:20px;
        display: none;
    }
    @import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300&display=swap');body{background:#fff;font-family: 'Roboto Condensed', sans-serif}.carousel-item{width: 100%}.price span{font-size: 18px}.cut{text-decoration: line-through;color: red}.icons i{font-size: 17px;color: green;margin-right: 2px}.offers i{color: green}.delivery i{color: blue}label.radio{cursor: pointer}label.radio input{position: absolute;top: 0;left: 0;visibility: hidden;pointer-events: none}label.radio span{padding: 2px 11px;margin-right: 3px;border: 1px solid #8f37aa;display: inline-block;color: #8f37aa;border-radius: 3px;text-transform: uppercase}label.radio input:checked + span{border-color: #8f37aa;background-color: #8f37aa;color: #fff}
/* SERVICE SECTION
-------------------------------------------------- */

.service-sec .heading {
    float: left;
    width: 100%;
    margin-bottom: 70px;
    text-align:center;
}
.service-sec h2 {
    display: block;
    text-transform: capitalize;
    font-weight: 600;
    color: #0297FF;
    font-size: 32px;
}
.service-sec h2 small {
    color: #222;
    display: block;
    font-size: 22px;
    margin-bottom: 18px;
}
.service-sec i {
    border: 1px solid #0297FF;
    border-radius: 2px;
    font-size: 25px;
    padding: 12px 0;
    width: 52px;
    color: #0297FF;
    margin-bottom: 20px
}
.service-sec h3 {
    font-size: 23px;
    font-weight: 600;
}
.service-sec p {
    line-height: 22px;
    margin-top: 13px;
    padding: 0 21px;
}
.service-sec .service-block {
    margin-top: 30px;
}

/* ABOUT SECTION
-------------------------------------------------- */
.about-sec {
    background: url('http://grafreez.com/wp-content/temp_demos/burnout/img/para-01.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
    position: relative;
}
.about-sec:before {
    content: ' ';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(22,122,192,0.8);
    top: 0;
    left: 0
}
.about-sec h2 {
    font-size: 55px;
    font-weight: 800;
    margin-top: 25%;
}
.about-sec h2 small {
    display: block;
    font-size: 24px;
    margin-bottom: 15px;
    padding-left: 10px;
}
.about-sec p {
    font-size: 16px;
}


.action-sec{width:100%; float:left; background:#222}
.action-box{float:left; width:100%; text-align:center;}
.action-box h2{color:#fff; font-size:20px;}
/**
 * Swiper 3.4.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: October 16, 2016
 */
.swiper-container {
   margin-left: auto;
   margin-right: auto;
   position: relative;
   overflow: hidden;
   z-index: 1;
   height: 500px;

}
.swiper-container-no-flexbox .swiper-slide {
   float: left
}
.swiper-container-vertical>.swiper-wrapper {
   -webkit-box-orient: vertical;
   -moz-box-orient: vertical;
   -ms-flex-direction: column;
   -webkit-flex-direction: column;
   flex-direction: column
}
.swiper-wrapper {
   position: relative;
   width: 100%;
   height: 100%;
   z-index: 1;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-transition-property: -webkit-transform;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
   -webkit-transform: translate3d(0, 0, 0);
   -moz-transform: translate3d(0, 0, 0);
   -o-transform: translate(0, 0);
   -ms-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
   -webkit-box-lines: multiple;
   -moz-box-lines: multiple;
   -ms-flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out;
   margin: 0 auto
}
.swiper-slide {
   -webkit-flex-shrink: 0;
   -ms-flex: 0 0 auto;
   flex-shrink: 0;
   width: 100%;
   height: 100%;
   position: relative
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
   height: auto
}
.swiper-container-autoheight .swiper-wrapper {
   -webkit-box-align: start;
   -ms-flex-align: start;
   -webkit-align-items: flex-start;
   align-items: flex-start;
   -webkit-transition-property: -webkit-transform, height;
   -moz-transition-property: -moz-transform;
   -o-transition-property: -o-transform;
   -ms-transition-property: -ms-transform;
   transition-property: transform, height
}
.swiper-container .swiper-notification {
   position: absolute;
   left: 0;
   top: 0;
   pointer-events: none;
   opacity: 0;
   z-index: -1000
}
.swiper-wp8-horizontal {
   -ms-touch-action: pan-y;
   touch-action: pan-y
}
.swiper-wp8-vertical {
   -ms-touch-action: pan-x;
   touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
   position: absolute;
   top: 50%;
   width: 27px;
   height: 44px;
   margin-top: -22px;
   z-index: 10;
   cursor: pointer;
   -moz-background-size: 27px 44px;
   -webkit-background-size: 27px 44px;
   background-size: 27px 44px;
   background-position: center;
   background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
   opacity: .35;
   cursor: auto;
   pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   left: 10px;
   right: auto
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
   right: 10px;
   left: auto
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-pagination {
   position: absolute;
   text-align: center;
   -webkit-transition: .3s;
   -moz-transition: .3s;
   -o-transition: .3s;
   transition: .3s;
   -webkit-transform: translate3d(0, 0, 0);
   -ms-transform: translate3d(0, 0, 0);
   -o-transform: translate3d(0, 0, 0);
   transform: translate3d(0, 0, 0);
   z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
   opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
   bottom: 10px;
   left: 0;
   width: 100%
}
.swiper-pagination-bullet {
   width: 8px;
   height: 8px;
   display: inline-block;
    border-radius: 0%; 
   background: #000;
   opacity: .2
}
button.swiper-pagination-bullet {
   border: none;
   margin: 0;
   padding: 0;
   box-shadow: none;
   -moz-appearance: none;
   -ms-appearance: none;
   -webkit-appearance: none;
   appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
   cursor: pointer
}
.swiper-pagination-white .swiper-pagination-bullet {
   background: #fff
}
.swiper-pagination-bullet-active {
   opacity: 1;
   background: #007aff
}
.swiper-pagination-white .swiper-pagination-bullet-active {
   background: #fff
}
.swiper-pagination-black .swiper-pagination-bullet-active {
   background: #000
}
.swiper-container-vertical>.swiper-pagination-bullets {
   right: 10px;
   top: 50%;
   -webkit-transform: translate3d(0, -50%, 0);
   -moz-transform: translate3d(0, -50%, 0);
   -o-transform: translate(0, -50%);
   -ms-transform: translate3d(0, -50%, 0);
   transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 5px 0;
   display: block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
   margin: 0 5px
}
.swiper-pagination-progress {
   background: rgba(0, 0, 0, .25);
   position: absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar {
   background: #007aff;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: scale(0);
   -ms-transform: scale(0);
   -o-transform: scale(0);
   transform: scale(0);
   -webkit-transform-origin: left top;
   -moz-transform-origin: left top;
   -ms-transform-origin: left top;
   -o-transform-origin: left top;
   transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
   -webkit-transform-origin: right top;
   -moz-transform-origin: right top;
   -ms-transform-origin: right top;
   -o-transform-origin: right top;
   transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progress {
   width: 100%;
   height: 4px;
   left: 0;
   top: 0
}
.swiper-container-vertical>.swiper-pagination-progress {
   width: 4px;
   height: 100%;
   left: 0;
   top: 0
}
.swiper-pagination-progress.swiper-pagination-white {
   background: rgba(255, 255, 255, .5)
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
   background: #fff
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
   background: #000
}
.swiper-container-3d {
   -webkit-perspective: 1200px;
   -moz-perspective: 1200px;
   -o-perspective: 1200px;
   perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
   -webkit-transform-style: preserve-3d;
   -moz-transform-style: preserve-3d;
   -ms-transform-style: preserve-3d;
   transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   pointer-events: none;
   z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
   background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-right {
   background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-top {
   background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-3d .swiper-slide-shadow-bottom {
   background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));
   background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -moz-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
   background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}
.swiper-container-coverflow .swiper-wrapper, .swiper-container-flip .swiper-wrapper {
   -ms-perspective: 1200px
}
.swiper-container-cube, .swiper-container-flip {
   overflow: visible
}
.swiper-container-cube .swiper-slide, .swiper-container-flip .swiper-slide {
   pointer-events: none;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden;
   z-index: 1
}
.swiper-container-cube .swiper-slide .swiper-slide, .swiper-container-flip .swiper-slide .swiper-slide {
   pointer-events: none
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active, .swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top, .swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
   z-index: 0;
   -webkit-backface-visibility: hidden;
   -moz-backface-visibility: hidden;
   -ms-backface-visibility: hidden;
   backface-visibility: hidden
}
.swiper-container-cube .swiper-slide {
   visibility: hidden;
   -webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
   -ms-transform-origin: 0 0;
   transform-origin: 0 0;
   width: 100%;
   height: 100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
   -webkit-transform-origin: 100% 0;
   -moz-transform-origin: 100% 0;
   -ms-transform-origin: 100% 0;
   transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
   pointer-events: auto;
   visibility: visible
}
.swiper-container-cube .swiper-cube-shadow {
   position: absolute;
   left: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   background: #000;
   opacity: .6;
   -webkit-filter: blur(50px);
   filter: blur(50px);
   z-index: 0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
   -webkit-transition-timing-function: ease-out;
   -moz-transition-timing-function: ease-out;
   -ms-transition-timing-function: ease-out;
   -o-transition-timing-function: ease-out;
   transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
   pointer-events: none;
   -webkit-transition-property: opacity;
   -moz-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
   pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
   pointer-events: auto
}
.swiper-zoom-container {
   width: 100%;
   height: 100%;
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -webkit-box-pack: center;
   -moz-box-pack: center;
   -ms-flex-pack: center;
   -webkit-justify-content: center;
   justify-content: center;
   -webkit-box-align: center;
   -moz-box-align: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   align-items: center;
   text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
   max-width: 100%;
   max-height: 100%;
   object-fit: contain
}
.swiper-scrollbar {
   border-radius: 10px;
   position: relative;
   -ms-touch-action: none;
   background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
   position: absolute;
   left: 1%;
   bottom: 3px;
   z-index: 50;
   height: 5px;
   width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
   position: absolute;
   right: 3px;
   top: 1%;
   z-index: 50;
   width: 5px;
   height: 98%
}
.swiper-scrollbar-drag {
   height: 100%;
   width: 100%;
   position: relative;
   background: rgba(0, 0, 0, .5);
   border-radius: 10px;
   left: 0;
   top: 0
}
.swiper-scrollbar-cursor-drag {
   cursor: move
}
.swiper-lazy-preloader {
   width: 42px;
   height: 42px;
   position: absolute;
   left: 50%;
   top: 50%;
   margin-left: -21px;
   margin-top: -21px;
   z-index: 10;
   -webkit-transform-origin: 50%;
   -moz-transform-origin: 50%;
   transform-origin: 50%;
   -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
   animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
   display: block;
   content: "";
   width: 100%;
   height: 100%;
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
   background-position: 50%;
   -webkit-background-size: 100%;
   background-size: 100%;
   background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
   background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
@-webkit-keyframes swiper-preloader-spin {
   100% {
      -webkit-transform: rotate(360deg)
   }
}
@keyframes swiper-preloader-spin {
   100% {
      transform: rotate(360deg)
   }
}
.pt50{
    padding-top: 50px;
}
.pt100{
    padding-top: 100px!important;
}

.icon_box img{
    background: #e3e3e37a;
}
.contact-area-form {
    background-color: #eee;
    padding: 10px;
}
.mb75 {
    margin-bottom: 75px;
}
.BoxContent{
    padding:10px 0;
}
.BoxContent i{
    font-size:5em;
}
#page_banner{
    height: 170px;
    /* padding: 5% 0; */0; */
}
#contact_page_banner{
   background: linear-gradient(to bottom, #291670ba, #291670ba), url('../img/contactus.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
#about_page_banner{
   height: 450px;/* padding: 5% 0; */
}

.processing{
    background: linear-gradient(to bottom, #291670ba, #291670ba), url(../img/Banner-02.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
    border-left: 2px solid;
    border-right: 2px solid;
}
.food{
    background: linear-gradient(to bottom, #291670ba, #291670ba), url(../img/Banner-01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
.industry{
    background: linear-gradient(to bottom, #291670ba, #29167094), url(../img/Banner-03.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}



.processing1{
    background: linear-gradient(to bottom, #291670ba, #291670ba), url(../img/Product_Banner2.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
    border-left: 2px solid;
    border-right: 2px solid;
}
.food1{
    background: linear-gradient(to bottom, #291670ba, #291670ba), url(../img/Product_Banner1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
.industry1{
    background: linear-gradient(to bottom, #291670ba, #29167094), url(../img/Product_Banner3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}

.bg-overlay {
    background: linear-gradient(to bottom, #29167000, #29167000), url(../img/about_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
.bg-overlay1 {
    background: linear-gradient(to bottom, rgb(10 10 10 / 67%), rgb(7 7 7 / 71%)), url(../img/about_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
.bg-overlay2 {
    background: linear-gradient(to bottom, rgb(10 10 10 / 67%), rgb(7 7 7 / 71%)), url(../img/about_banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 265px;
    padding-top: 50px;
}
.banner_box img{
    box-shadow: 3px 10px 12px 0px #27262659;margin-top: -40%;
    border: 5px solid #fff;
    padding: 0;
}
#about_banner_box h1{
    font-size: 20px;
    color: #330499;
    font-weight: bolder;
    text-transform: uppercase;
}
#about_box{
padding: 20px 0!important;
}
#company_profile{
    padding: 5px 0;
    background-image: linear-gradient(to bottom, #e4e4e4 , #bbb);
}
.about_images{
    box-shadow:0px 2px 11px 5px #27262659;
}
.about_para p{
    color: #000;
    line-height: 17px;
    /*font-weight: 600;*/
    }
.about_para ul li{
    color: #000;
    font-weight: 400;
    text-align: justify;
    margin-left: -8%;
}
.about_para ul li::marker {
    content: "-";
    font-weight: 900;
    font-size: 20px;
    margin-right: 10px;
}

/*====================== Product Page slide single ==============================*/


/*=================== Product page CSS ====================*/
.vertical {
            border-left: 2px solid #fff;
            height: 120px;
            position:absolute;
            left: 42%;
        }
#product_section2{
    padding: 0;
}
.divider{
    border-right: 5px solid #fff;
    height: 100px;
}
.border_right div{
    border-right:2px solid #ccc;
    padding:0 5px;
    vertical-align: bottom;
}
.border_right div:last-child {
    border-right:none;
}
.page_heading{
    font-size: 21px;
    color: #fff;
    font-weight: 900;
    line-height: 29px;
padding:  0;height: 51px;/* vertical-align: unset; */}
.list li {
    display:inline-block;
    border-right:2px solid;
    padding:10px;
}
.list li:last-child {
    vertical-align: top;border-right:none;
    
font-size: 20px;}
.list_1 li {
    display:inline-block;
    padding:10px;
}
.list_1 li:last-child {
    border-right:none;
}
.productBannerBox .container{
    padding-right: 0;
    padding-left: 0;
} 
.productBannerBox{
    /* margin-top: 29px; */
    padding: 23px 10px;
    margin-top: 0%;
    background-color: #48b4e9;
    /*margin-left: -1%;*/
}
.productBannerBox .heading{
    font-size: 20px;
}
.productBannerBox p{
    margin-top: 20px;
    padding: 0px 0;
    color: #fff;
    font-size: 13px;
}
#product_section1{
    padding: 25px 0;
}
.product_section1 h1{
    font-size: 20px;
    color: #330499;
    font-weight: 900;
    text-transform: uppercase;
}


/*=================== Cleints Section =======================*/
#clients{
    padding: 5px 0;
    background-image: linear-gradient(to bottom, #e4e4e4 , #bbb);
}

/*======================== Company Profile Slider ==================*/
h2{
  text-align:center;
  padding: 20px;
}
/* Slider */
#food_industry img{
    padding: 0 20px;
}
#food_industry .slick-prev{
    z-index: 9999;
    left: 30px;
}
#food_industry .slick-next {
    /* right: 40px; */
}
#food_industry .slick-track{
padding: 20px 0;
}

.slick-slide {
    margin: 0px 20px;
}

.slick-slide img {
    width: 100%;
}

.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;
    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}
.slick-slide h3{
    margin-top: -60px;
    text-align: center;
    color: #291670;
    font-weight: 600;
}
.slick-slide p{
    position: absolute;
    width: 335px;
    text-align: center;
    color: #291670;
    font-size: 15px;
    margin-top: -6.7%;
    font-weight: 600;
    padding: 0px 40px;
    /* padding: 0 20px; */
    margin-left: -60px;
    }
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
#company_profile .slick-slide img
{
    opacity: 0.6;
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
/*================================= product page effect  ===================================*/
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}

body {
  background: #f6f9fa;
  color: #536d76;
  font-weight: 400;
  font-size: 1em;
  font-family: "Raleway", Arial, sans-serif;
}

a {
  color: #4f7f90;
  text-decoration: none;
  outline: none;
}

a:hover,
a:focus {
  color: #39545e;
}

section {
  /*padding: 1em;*/
  /*text-align: center;*/
}

/* Header */
.codrops-header {
  margin: 0 auto;
  padding: 4em 1em;
  text-align: center;
}

.codrops-header h1 {
  margin: 0;
  font-weight: 800;
  font-size: 4em;
  line-height: 1.3;
}

.codrops-header h1 span {
  display: block;
  padding: 0 0 0.6em 0.1em;
  font-size: 45%;
  font-weight: 300;
  color: #7e959d;
}

/* To Navigation Style */
.codrops-top {
  width: 100%;
  text-transform: uppercase;
  font-size: 0.69em;
  line-height: 2.2;
}

.codrops-top a {
  display: inline-block;
  padding: 0 1em;
  text-decoration: none;
  letter-spacing: 1px;
}

.codrops-top span.right {
  float: right;
}

.codrops-top span.right a {
  display: block;
  float: left;
}

.codrops-icon:before {
  margin: 0 4px;
  text-transform: none;
  font-weight: normal;
  font-style: normal;
  font-variant: normal;
  font-family: "codropsicons";
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
}

.codrops-icon-drop:before {
  content: "\e001";
}

.codrops-icon-prev:before {
  content: "\e004";
}

/* Related demos */
.related {
  padding: 6em 1em;
  font-size: 120%;
}

.related > a {
  border: 1px solid #4f7f90;
  display: inline-block;
  text-align: center;
  margin: 20px 10px;
  padding: 25px;
}

.related a:hover {
  border-color: #39545e;
}

.related a img {
  max-width: 100%;
  opacity: 0.8;
}

.related a:hover img,
.related a:active img {
  opacity: 1;
}

.related a h3 {
  margin: 0;
  padding: 0.5em 0 0.3em;
  max-width: 300px;
  text-align: left;
}
/* Galaxy 8+ */
@media only screen and (-webkit-min-device-pixel-ratio: 4) {
   .star_products_info_div .pro_img{
       max-height:max-content!important;
   }
   #page_banner{
       height:auto!important;
   }
    .navbar-brand img{
        width:275px!important;
    }
    #about .para{
        height: auto!important;
    }
    #about img{
        width: 20%!important;
        margin-top: 0px!important;
    }
    .icon_box{
        width:100%!important;
    }
    .bg-image{
        background:none;
    }
    .bg-image .para{
        margin-top:0!important;
    }
    .footer-one{
        margin-bottom:0!important;
    }
    .footer-one .col-md-3{
        height:auto;
    }
    .slick-slide p{
        margin-left:0;
    }
}
/* IPhone SE */
@media screen and (device-aspect-ratio: 375/667) {
    .star_products_info_div .pro_img{
        max-height:max-content!important;
    }
    #page_banner{
        height:auto!important;
    }
    .navbar-brand img{
        width:290px!important;
    }
    #about .para{
        height: auto!important;
    }
    #about img{
        width: 20%!important;
        margin-top: 0px!important;
    }
    .icon_box{
        width:100%!important;
    }
    .bg-image{
        background:none;
    }
    .bg-image .para{
        margin-top:0!important;
    }
    .footer-one{
        margin-bottom:0!important;
    }
    .footer-one .col-md-3{
        height:auto;
    }
    .slick-slide p{
        margin-left:0;
    }
}
@media only screen 
    and (device-width : 414px) 
    and (device-height : 896px) 
    and (-webkit-device-pixel-ratio : 2) {
         #about .para{
        height: auto!important;
    }
    .star_products_info_div .pro_img{
       max-height:max-content!important;
    }
    #page_banner{
        height:auto!important;
    }
    #about img{
        width: 20%!important;
        margin-top: 0px!important;
    }
    .icon_box{
        width:100%!important;
    }
    .bg-image{
        background:none;
    }
    .bg-image .para{
        margin-top:0!important;
    }
    .footer-one{
        margin-bottom:0!important;
    }
    .footer-one .col-md-3{
        height:auto;
    }
    .slick-slide p{
        margin-left:0;
    }
        
}
/* Apple iPhone 12 Pro */
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
    .star_products_info_div .pro_img{
        max-height:max-content!important;
    }
     #page_banner{
         height:auto!important;
     }
     .navbar-brand img{
        width:290px!important;
    }
    #about .para{
        height: auto!important;
    }
    #about img{
        width: 20%!important;
        margin-top: 0px!important;
    }
    .icon_box{
        width:100%!important;
    }
    .bg-image{
        background:none;
    }
    .bg-image .para{
        margin-top:0!important;
    }
    .footer-one{
        margin-bottom:0!important;
    }
    .footer-one .col-md-3{
        height:auto;
    }
    .slick-slide p{
        margin-left:0;
    }
}
/* Google Pixel 5  */
@media only screen and (-webkit-min-device-pixel-ratio: 2.75) {
    /* CSS */
    .star_products_info_div .pro_img{
        max-height:max-content!important;
    }
    #page_banner{
        height:auto!important;
    }
    .navbar-brand img{
        width:275px!important;
    }
    #about .para{
        height: auto!important;
    }
    #about img{
        width: 20%!important;
        margin-top: 0px!important;
    }
    .icon_box{
        width:100%!important;
    }
    .bg-image{
        background:none;
    }
    .bg-image .para{
        margin-top:0!important;
    }
    .footer-one{
        margin-bottom:0!important;
    }
    .footer-one .col-md-3{
        height:auto;
    }
    .slick-slide p{
        margin-left:0;
    }
}

@media screen and (max-width: 25em) {
  .codrops-header {
    font-size: 75%;
  }

  .codrops-icon span {
    display: none;
  }
}

.grid {
  overflow: hidden;
  margin: 0;
  /* padding: 3em 0 0 0; */
  width: 100%;
  list-style: none;
  text-align: center;
}

/* Common style */
.grid figure {
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: hidden;
  margin: -0.135em;
  width: 33.333%;
  /*height: 550px;*/
  background: linear-gradient(to bottom, #2d1782d4, #291670ba);
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;

  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/* Individual effects */

/*---------------*/
/***** Lily *****/
/*---------------*/

figure.effect-lily img {
  width: -webkit-calc(100% + 50px);
  width: calc(100% + 50px);
  opacity: 0.2;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0);
}

figure.effect-lily figcaption {
  top: auto;
  bottom: 0;
  height: 50%;
  text-align: left;
}

figure.effect-lily h2,
figure.effect-lily p {
  -webkit-transform: translate3d(0, 40px, 0);
  transform: translate3d(0, 40px, 0);
}

figure.effect-lily h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}

figure.effect-lily p {
  color: #fff;
  text-align: center;
  opacity: 0;
  -webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
  transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img,
figure.effect-lily:hover p {
  opacity: 0.7;
}

figure.effect-lily:hover img,
figure.effect-lily:hover h2,
figure.effect-lily:hover p {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

figure.effect-lily:hover p {
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
}



@media screen and (max-width: 69.5em) {
  .grid figure {
    width: 50%;
  }

  .grid figure figcaption {
    font-size: 90%;
  }
}

@media screen and (max-width: 41.5em) {
  .grid figure {
    width: 100%;
  }
}



@media (min-width: 576px){
    .main-slider .slider-bg-position{
        background-size: 100%!important;
    }
    .swiper-container{
        height: 409px;

    }
}
@media (max-width: 575.98px){
    .main-slider .slider-bg-position{
        height: 90px;
        padding: 10px 0;
        background-size: 100%!important;
    }
    .swiper-container{
        height: 90px;
    }
    .slick-slide p{
        margin-top: -6%;
        width: 300px;
    }
    .swiper-container{
        height: 90px;
    }
    .main-slider h2{
        font-size: 30px;
        line-height: normal;
    }
    /*.box-content{
        padding: 0;
    }*/
    .box-content h2{
       /* font-size: 15px;*/
    }
    .pad-lr80{
        padding: 0;
    }
}
@media screen and (min-width: 1229px) {
    .main-slider .slider-bg-position{
        background-size: cover;!important;
    }
    .swiper-container{
        height: 450px;

    }
  
}
@media screen and (max-width: 1920px) {
    .main-slider .slider-bg-position{
        background-size: 100%!important;
    }
    .swiper-container{
        height: 90px;
    }
  
}
@media screen and (min-width: 1400px) {
  .swiper-container{
        height: 504px;

    }
  
}
@media screen and (min-width: 1600px) {
  .swiper-container{
        /*height: 630px;*/

    }
}
@media screen and (min-width: 1900px) {
  .swiper-container{
        height: 630px;

    }
}



/*----Slider--*/
#food_industry .slick-prev, .slick-next{
    opacity: 0;
}

.star_products_info_div .about_para{
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 11px;
    padding-right: 11px;
}

.star_products_info_div .about_para .info-item h4{
    font-size: 16px;
    font-weight: 800;
    padding-bottom: 0;
    margin: 0;
    color: #060686;
    
}
.star_products_info_div .about_para .info-item span{
    color: #444343;
    font-weight: 400;
}
.star_products_info_div .alert-info{
    background-color: #EEFAFF;
}
.star_products_info_div .pro_img img{
    padding: 15px;
    width: 100%;
}
.star_products_info_div .pro_img{
    min-height: 283px;
    max-height: 388px;
    margin-bottom: 40px;
    padding:25px;
}
.star_products_info_div .pro_name h6{
    text-transform: uppercase;
    color: #060686;
    font-weight: 800;
    font-size: 15px;
    text-align: center;
}
.footer .col-sm-3 p{
    padding-left: 18px;
    padding-right: 13px;
}

.footer .col-md-3 p{
    padding-left: 6px;
    padding-right: 5px;
    text-align:justify;
}

#myModal .form-group label:after{
    content:"*";color:red;
}