@font-face {
    font-family: 'Alfabet';
    src: url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.eot');
    src: url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.woff2') format('woff2'),
        url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.woff') format('woff'),
        url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.ttf') format('truetype'),
        url('../assets/fonts/FONTSPRINGDEMO-AlfabetSemiBoldRegular.svg#FONTSPRINGDEMO-AlfabetSemiBoldRegular') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quatra';
    src: url('../assets/fonts/Quatro-Regular.eot');
    src: url('../assets/fonts/Quatro-Regular.eot?#iefix') format('embedded-opentype'),
        url('../assets/fonts/Quatro-Regular.woff2') format('woff2'),
        url('../assets/fonts/Quatro-Regular.woff') format('woff'),
        url('../assets/fonts/Quatro-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body,p,li,a,h5{font-family: 'Quatra';color: #636466;font-size: 16px}
h1,h2,h3,h4{font-family: 'Alfabet';}
.menuFlex{display: flex;flex-direction: column;align-items: flex-end;padding-top: 20px}
.topHeader{text-align: right;display: flex;align-items: center;}
.topHeader a{margin-left: 40px;position: relative;}
.topHeader a:first-child:after{content: "";position: absolute;width: 1px; height: 100%;background: #636466;right: -20px;top: 3px;height: 20px}
.contactCta{width: 175px;display: flex;align-items: center;justify-content: center;
height: 40px;
border-radius: 21px;
background-color: #6fb944;color: #fff}
#navbar{display: flex;align-items: center;margin-top: 20px;border-top: 1px solid #c9c9c9;}
#navbar > ul > li{margin-left: 30px;}
.searchIco{margin-left: 80px}
#header{padding-bottom: 0px;padding-top: 0px;height: 135px}
#navbar ul li a{padding: 15px 8px}
.navbar-brand img {height: 90px;mix-blend-mode: multiply;}  
.bannerText > img{width: 100%;height: calc(100vh - 135px);object-fit: cover;}
#main{margin-top: 0px}
#bannerSection{height: calc(100vh - 135px);min-height: 700px;position: relative;}
.bannerTextContent{position: absolute;width: 100%;height: 100%;z-index: 99;display: flex;align-items: flex-end;bottom: 150px}
.bannerTextContent .container{display: flex;align-items: flex-end;justify-content: space-between;}
h5{color: #6fb944;font-weight: normal;font-size: 18px}
#bannerSection h2{font-size: 48px;color: #ffffff}
.bannerCta{width: 200px;display: flex;align-items: center;justify-content: center;
height: 60px;border-radius: 35px;background-color: #6fb944;color: #fff;margin-bottom: 20px}
.swiper-pagination-progressbar {background: rgba(0, 0, 0, 0.1);height: 4px;}
.swiper-pagination-progressbar-fill {background: #ff5733;}
.bottomNav{position: absolute;width: 100%;left: 0px;bottom: 20px;height: 80px}
.bottomNav .container{display: flex;align-items: center;justify-content: space-between;position: relative;}
.bottomNav .swiper-pagination-progressbar{width: 25%!important;position: static!important;background: #ffffff!important;height: 2px!important}
.bannerNav{display: flex;align-items: center;justify-content: center;z-index: 99}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{height: 1.5px!important;background: #6fb944!important}
.bannerNav img{width: 20px;height: 20px}
.bannerNav > div{height: 40px;width: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 100%;margin-left: 20px;cursor: pointer;transition: all 0.3s;}
.bannerNav > div:hover{background: #221e53;border: 1px solid #221e53}
.bannerNavc > div{border: 1px solid #221e53}
.bannerNavc > div:hover{background: #221e53;border: 1px solid #221e53}
.bannerNavc > div:hover img{filter: brightness(0) invert(1);}
.scrolltoBottom{width: 80px;z-index: 99;position: absolute;left: 50%;margin-left: -40px;cursor: pointer;}
.scrolltoBottom img{width: 80px;height: 80px}
.bannerLeft{position: relative;}
.made{/*position: absolute;top: -50px;right: -100px;*/width: 75px;margin-bottom: 30px}  
#welcome{padding: 100px 0}
#welcome p{padding-right: 60px}
img{max-width: 100%}
.emptyCta{width: 200px;display: flex;align-items: center;justify-content: center;
height: 60px;border-radius: 35px;background:transparent;color: #6fb944;margin-bottom: 20px;color: #6fb944;transition: all 0.3s;border: 1px solid #6fb944}
.emptyCta:hover{transition: all 0.3s;background:#6fb944;color: #fff}
#welcome h2{color: #221e53;margin-bottom: 30px}
.emptyCta{margin-top: 50px}
h2{font-size: 38px;color: #221e53}
h3{color: #221e53}
h2 span{font-family: 'Quatra'}
h5{margin-bottom: 20px}
.welcomeAbout{position: relative;margin-left: 50px}
.welcomeAbout img{position: relative;z-index: 2}
.welcomeAbout:before{width: 100%;height: 100%;background: #f6f5ff;border-radius: 0 0 60px 0;content: "";position: absolute;z-index: 0;top: 60px;left: 60px}
#counterSection{margin-top: 80px;position: relative;}
#counterSection .container{padding: 100px 0;background: #f6f5ff;position: relative;}
.bg{position: absolute;content:"";background: #f9fff5;width: 100%;height: 50%;bottom: 0px;left: 0px;z-index: -1}
.counter-value{font-size: 38px;color: #221e53;margin-bottom: 10px;font-weight: bold;;font-family: 'Alfabet';text-align: center;justify-content: space-between;}
.counter-value span{font-family: 'Quatra'}
#counter{display: flex;align-items: flex-start;justify-content: space-between;}
.countWrap{width: 18%;text-align: center;border-right: 1px solid #6fb944}
#counterSection h5{text-align: center;margin-bottom: 50px}
.countWrap:last-child{border-right: none;}
#counterSection .container{position: relative;}
#counterSection .container:before{position: absolute;width: 60px;height: 100%;background: #f6f5ff;left: -60px;content: "";border-radius: 40px 0 0 0;top: 0px}
#counterSection .container:after{position: absolute;width: 60px;height: 100%;background: #f6f5ff;right: -60px;content: "";top: 0px}
#chairmanSection{padding: 100px 0;background: #f9fff5}
.msg{display: flex;align-items: flex-start;}
.msg img{margin-right: 25px}
.sing{display: flex;align-items: center;margin-top: 30px}
.sing h3{margin-bottom: 0px}
.msg p{padding-right: 50px}
#chairmanSection h2{margin-bottom: 40px}
#packaging{padding: 100px 0}
.headerFlex{display: flex;align-items: flex-end;justify-content: space-between;margin-bottom: 30px}
.prodCard{position: relative;}
/*.prodCard:before{position: absolute;content:"";height: 50%;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);width: 100%;left: 0px;bottom: 0px}*/
/*.productHover{position: absolute;left: 0px;bottom: 0px;display: flex;flex-direction: column;justify-content: space-between;z-index: 99;transition: all 0.3s;padding: 30px}*/
.productHover h3{color: #221e53;transition: all 0.3s;overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;margin-top: 20px}
.productHover h3 a{color: #221e53;transition: all 0.3s;font-size: 28px;font-weight: bold;font-family: 'Alfabet'}
/*.prodCard:hover .productHoverHidden{display: block!important;transition: all 0.3s;}
.prodCard:hover .productHover h3{color: #6fb944;transition: all 0.3s;}
.prodCard:hover .productHover{height: 100%;transition: all 0.3s;}
.prodCard:hover:before{height: 100%;background: rgba(0,0,0,0.8);transition: all 0.3;}*/
.productHoverHidden p{color: #fff;margin-bottom: 30px}
.prodCard{background: #e6e5f6;padding: 30px}
.productHoverHidden a{color: #6fb944}
.prodCard img{object-fit: contain;height: 300px}
#product{padding: 100px 0;background: #f6f5ff}
#productSwiper .swiper-slide-active .prodCard {border-radius: 40px 0 0 0}
#productSwiper .swiper-slide-active .prodCard:hover{border-radius: 40px 0 0 0}
#sustainability{padding: 100px 0;background: #f9fff5}
#sustainability p{padding-right: 60px}
#partners{padding: 100px 0;background: #fff;}
.partnerCard{border: 1px solid #c3d3ec;border-radius: 10px;text-align: center;padding: 15px 0}
#partners .headerFlex{margin-bottom: 30px}
.buttonCta{text-align: center;margin-top: 40px}
.buttonCta a{margin: auto;}
#news{padding: 100px 0;background: #f6f5ff}
#news .container{position: relative;}
#news .headerFlex{position: absolute;right: 0px;top: 90px}
#news .swiper-slide { width: 25%!important;}
#news .swiper-slide-active {width: 50% !important; }
.newsHover{display: flex;align-items: flex-end;justify-content: space-between;position: absolute;bottom: 0px;padding: 30px;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}
.newsCard{position: relative;}
/*.newsCard:after{position: absolute;content: "";width: 100%;height: 50%;background: rgb(0,0,0);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);}*/
.newsCard > img{height: 390px;width: 100%;object-fit: cover;}
.newsCard h3{font-size: 20px;color: #fff!important;}
.newsHover a{display: none;}
#news .swiper-slide-active .newsHover a{display: flex;width:160px;align-items: center;justify-content: space-between;color: #6fb944}
#news .text-center{margin-bottom: 40px}
.testiCard h4{color: #221e53;font-size: 24px}
.testiCard{background: #f9fff5;padding: 40px;border-radius: 50px 0 0 0;position: relative;}
.testiCard > img{position: absolute;top: -30px}
.testiCard h4 span{color: #6fb944;font-size: 16px;font-weight: normal!important;font-family: Quatra!important}
.testiCard p{margin-top: 20px;margin-bottom: 20px}
#testimonial{padding: 100px 0;background: #fff}
#testimonial .swiper-wrapper{padding-top: 50px}
#newsletter h2{color: #fff!important}
#newsletter{position: relative;}
#newsletter:after{position: absolute;content: "";width: 100%;height: 50%;background: #f6f5ff;bottom: 0px;z-index: -1}
#newsletter .container{background: #221e53;padding: 80px;border-radius: 60px 0 0 0;display: flex;align-items: center;justify-content: space-between;}
#newsletter input[type="email"]{width: 100%;display: flex;align-items: center;justify-content: center;
height: 60px;border-radius: 35px;background:transparent;color: #6fb944;color: #6fb944;transition: all 0.3s;border: 1px solid #fff;padding-left: 20px}
#newsletter input[type="submit"]{width: 150px;display: flex;align-items: center;justify-content: center;
height: 60px;border-radius: 35px;background:#6fb944;color: #ffff;transition: all 0.3s;border: 1px solid #6fb944;position: absolute;right: 0px;top: 0px}
.newsletterRight{width: 50%;position: relative;}
#footer{padding: 100px 0 0 0;background: #f6f5ff}
#footer h4{font-size: 18px;color: #221e53!important;margin-top: 30px}
#footer h4 span{font-family: 'Quatra'}
.widgetFoot ul li{list-style: none;line-height: 2}
.widgetFoot ul {padding-left: 0px}
.widgetFoot h5{margin-bottom: 30px}
.col-md-3.jc{display: flex;justify-content: center;}
.lastWidget{display: flex;justify-content: flex-end;flex-direction: column;}
.isoBadge{display: flex;column-gap: 4px}
.copyRight{padding-top: 20px;margin-top: 60px;padding-bottom: 20px;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #c9c9c9}
.social{display: flex;align-items: center;justify-content: center;}
.social p{margin-bottom: 0px;margin-right: 20px}
.social a{margin:0 10px;}
.text-right p{text-align: right;}
#counterSection{margin-bottom: 80px}
.productHover h3 span{font-family: 'Quatra'}
h1 span{font-family: 'Quatra'}

#partners h2{width: 100%;text-align: center;}
#partners .headerFlex{width: 100%;display: block;}
#innerbannerSection{position: relative;}
.innerBannerFLex{position: absolute;width: 100%;height: 100%;top: 0px;left: 0px;z-index: 22;display: flex;align-items: flex-end;}
#innerbannerSection h1{margin-bottom: 15vh;color: #fff}
.flexRow{display: flex;align-items: center;justify-content: center;}
#aboutImages{display: flex;align-items: center;justify-content: space-between;}
#aboutImages img{width: 32%}
#aboutImages img:nth-child(2){margin-top: 80px}
.fact-stats{display: flex;align-items: center;justify-content: center;}
.fact-stats{border-radius: 30px;
filter: drop-shadow(-6.018px 7.986px 30px rgba(0,0,0,0.16));
background-color: #ffffff;padding: 30px;max-width:400px}
.fact-stats img{width: 60px;margin-right: 30px}
#factorySection .row{display: flex;align-items:center;}
#factorySection .row .col-md-6:last-child{display: flex;align-items: center;justify-content: center;}
#factorySection{padding: 100px 0}
#factorySection p{margin-bottom: 0px}
.videoSection{margin-top: 30px}
.videoSection img{    max-height: 500px;
    object-fit: cover;
    object-position: center;}
.certiImages{display: flex;align-items: center;justify-content: center;}
.certiSection{margin-top: 80px}
.certiImages div{width: 33.33%}
.certiImages{display: flex;align-items: center;justify-content: center;margin-top: 30px;border-bottom: 1px solid #ccc;padding-bottom: 80px}
.certiImages div{border-right: 1px solid #ccc}
.certiImages div:last-child{border:none;}
.valuesBottom .col-md-4{width: 32.33%;background: #7fcc52}
.valuesBottom .col-md-4.darkg{background: #589b31}
.valuesBottom .col-md-3{width: 24%;background: #7fcc52}
.valuesBottom .col-md-3.darkg{background: #589b31}
.valuesBottom {justify-content: space-between;margin-bottom: 20px}
.valuesBottom > div{border-radius: 30px;padding: 30px}
.valuesBottom > div h4{font-weight: normal!important;color: #fff!important;font-size: 20px!important;font-family: 'Quatra'!important;margin-top: 20px}
.valuesBottom > div img{height: 45px;}
.valuesTop{margin-bottom: 30px}
#ourValues,.plasticpage-bottom{margin-bottom: 100px}
#circularitySection{padding: 0 0 100px 0}
#circularitySection .container{background: #6fb944;border-radius: 50px;padding: 50px}
#circularitySection h2,#circularitySection p{color: #fff}
#circularitySection h2{margin-bottom: 30px}
#circularitySection p{padding-right: 50px}
#circularitySection .row{display: flex;align-items: center;}
.green1{background: #f3f8f0!important}
.green2{background: #e7f0e1!important}
.green3{background: #d6e5ce!important}
#strategy{margin-bottom: 100px}
#strategy h4{color: #221e53!important}
#strategy h2{margin-bottom: 30px}
.valuesBottom .col-md-6{width: 49%;}
.missionList h4{
    font-weight: normal !important;
    color: #fff !important;
    font-size: 20px !important;
    font-family: 'Quatra' !important;
    margin-top: 20px;}
.missionList {justify-content: space-between;align-items: stretch;gap:15px;}
.missionList > div{width: 24%;background: #7fcc52;border-radius: 30px;
    padding: 30px;justify-content: space-between; flex: 1;  }
.missionList > div img{height: 45px;margin-bottom: 20px}
.missionList > .col-md-3.darkg{background: #589b31}
#visionMission{padding-top: 100px}
#visionMission .flexRow{margin-bottom: 80px}
#visionMission .flexRow h2{margin-bottom: 20px}
.pl50{padding-left: 50px}
.pr50{padding-right: 50px}
#teamSection{padding: 100px 0}
.teamCard{position: relative;}
.teamCard:after{background: #303030;
background: linear-gradient(0deg,rgba(48, 48, 48, 0.78) 0%, rgba(253, 187, 45, 0) 100%);position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;content: "";}
.teamText{position: absolute;bottom: 0px;left: 0px;z-index: 2;width:100%;padding:30px;}
.teamText h3{color: #fff}
.teamText p{color: #fff}
.teamText a{display: none;color: #6fb944;}
.teamText a img{margin-left: 20px}
.teamCard:hover .teamText a{display: flex;}
.teamTop{margin-bottom: 40px}
.prodTop{margin-bottom: 40px}
.product-item{background: #f6f5ff;border-radius: 30px;align-items: center;margin-bottom: 30px}
.product-image{background: #e6e5f6;border-radius: 30px;min-height: 450px;max-height: 450px;text-align: center;display: flex;align-items: center;justify-content: center;overflow: hidden;}
.product-image img{object-fit: contain;}  
#productsList{padding: 100px 0}
.product-title a{font-size: 38px;color: #221e53!important;font-family: 'Alfabet'}
.product-item .col-md-6{padding: 0px!important}
.product-item .productText{padding: 0px 50px!important}
.productMain{padding: 100px 0}
.productMain h1{color: #221e53!important;margin-bottom: 30px}
.full-description{color: #636466}
.productMainText{padding-left: 50px}
.single #header{background-color: #fff!important}
.product-features{display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.product-features > div{width: 33.33%;padding: 30px;text-align: center;font-family: "Quatra";color: #636466;font-weight: bold;}
.product-features > div img{margin-bottom: 20px;width: 35px}
.product-features{margin-bottom: 100px}
#relatedProducts{margin-bottom: 100px}
.newsText{display: flex;align-items: flex-end;justify-content: space-between;position: absolute;bottom: 0px;padding: 30px}
.newsText > div{width: 70%}
.newsText h4 a{font-weight: bold!important;color: #fff;font-size: 24px;font-family: 'Alfabet'}
.newscard{position: relative;}
.newsText > a{display: flex;align-items: center;justify-content: space-between;color: #6fb944;min-width: 130px}
.newsText > a img{margin-left: 10px}
.newscard-image img{height: 350px;object-fit: cover;}
.newscard-image{position: relative;}
.newscard-image:after{position: absolute;content: "";width: 100%;height: 100%;background: #303030;
background: linear-gradient(0deg,rgba(0, 0, 0, 0.90) 0%, rgba(253, 187, 45, 0) 100%);left: 0px;bottom: 0px}
#postImage {margin:80px 0;}
#postImage img{height: 600px;object-fit: cover;width: 100%}
.blogFlex{display: flex;align-items: stretch;justify-content: space-between;}
.blogFlex .col-md-3{background:#f6f5ff;padding: 30px}
#postContainer h1{color: #221e53;margin-bottom: 40px}
#postContainer .col-md-9{padding-right: 50px}
#postContainer{margin-bottom: 100px}
.relatedNews h4{overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}

.relatedNews .newsText{padding: 20px}
.relatedNews .newsText > div{width: 100%}
.relatedNews .newsText h4 a{font-size: 20px}
.sharePost{display: flex;align-items: center;}
.sharePost label{margin-bottom: 0px}
.sharePost a{margin-left: 15px;display: inline-block;}
.sharePostWrap{padding: 60px 0;margin-top: 60px;border-top: 1px solid #ccc}

#part .container{padding: 100px 0;border-top:1px solid #ccc;}
#part .valuesBottom h4{color: #221e53!important}
#part .valuesBottom{padding: 30px 0 0px 0}
.openTop{display: flex;align-items: flex-start;}
#opening{background:#f6f5ff;padding: 100px 0;}
#careerCont{padding: 100px 0}
.openTop a{color: #221e53!important}

.job-accordion .job-item {
    padding: 30px;
    border-radius: 30px;
    background-color: #fff;
    margin-bottom: 10px;
}

.accordion-header {
    width: 100%;
    background:transparent;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: none;
    outline: none;
}

.accordion-header:hover {
   
}


.job-location {
    
    margin-left: auto;
    padding-right: 10px;
}

.accordion-toggle {
    font-size: 18px;
    transition: transform 0.3s ease;
    padding-left: 20px;
}

.accordion-header.active .accordion-toggle img{
    transform: rotate(180deg);
}

.accordion-content {
    display: none;
    padding: 15px;
    background: #fff;
}
.jobTitle p{text-align: left;margin-bottom: 0px!important}
.jobTitle h4{font-weight: normal!important;color: #221e53;font-size: 24px;font-family: 'Quatra'}
.accordion-header.active > p{color:#221e53!important;}
.accordion-content p strong{color:#221e53!important;}
.jobListing{margin-top: 40px}
#contactTop{padding: 100px 0}
.mt60{margin-top: 60px}
.contactDetails{display: flex;align-items: stretch;justify-content: space-between;}
.contactDetails > div{width: 32%;background-color: #f6f5ff;border-radius: 30px;padding: 40px}
.contactDetails > div img{height: 35px;max-width: 35px;}
.contactDetails > div span{    border-bottom: 1px solid #ccc;
    padding-bottom: 30px;
    display: block;
    width: 40px;
    text-align: center;
    margin: auto;
    margin-bottom: 30px;}
#contactForm{padding: 100px 0;background-color:#f6f5ff}
#contactForm input[type="text"],#contactForm input[type="email"],#contactForm select{height: 80px;border:none;background:#fff;border-radius: 20px;width: 100%;padding: 30px}  
#contactForm input.wpcf7-phonetext {padding-left: 100px} 
#contactForm textarea{height: 120px;border:none;background:#fff;border-radius: 20px;width: 100%;padding: 30px}
input:focus,select:focus,textarea:focus{outline: 0!important}
.col2 p{display: flex;align-items: center;justify-content: space-between;}
.col2 p span{width: 49%}
.col1 p{display: flex;align-items: center;justify-content: space-between;}
.col1 p span{width: 100%}
.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag,.intl-tel-input.separate-dial-code .selected-dial-code,.intl-tel-input.separate-dial-code .selected-flag{background-color: transparent!important;}
.subDiv {text-align: center;}
.subDiv .wpcf7-submit{width: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    border-radius: 35px;
    background-color: #6fb944;
    color: #fff;
    margin-bottom: 20px;border: none!important;margin: auto;margin-top: 30px;/*margin-bottom: 50px*/}
.wpcf7-spinner{position: absolute;}
#contactForm form{max-width: 80%;
    margin: auto;
    margin-top: 40px;}
/*#mapSection iframe{margin-top: -100px}*/
#mapSection{margin-bottom: 100px;}
#contactForm{border-bottom: 1px solid #ccc!important}
#relatedProducts .container{padding-top: 100px;border-top:1px solid #ccc;}
.dropdown-item.active, .dropdown-item:active{background-color: transparent!important;color: #000!important}
.dropdown-toggle:after{background-image: url(../assets/images/menu-ar.svg);border: none!important;    width: 12px;
    height: 12px;background-repeat: no-repeat;background-position: center;    top: 21px;
    position: absolute;
    margin-left: 9px;}
#contactForm .wpcf7-not-valid{border:1px solid red!important;}
.wpcf7-not-valid-tip{display: none!important;}
.is-form-style button.is-search-submit{display: none;}
.is-form-style input.is-search-input{border: none!important;border-radius: 20px}
.is-form-style.is-form-style-3 label{border:1px solid #ccc!important;border-radius: 20px}
.searchContainer{position: relative;}
.is-form-style{position: absolute;right: 0px;width: 250px;top: -8px}
div.is-ajax-search-details, div.is-ajax-search-result{left: inherit!important;right: 10%!important} 
.searchIco{position: relative;z-index: 99;cursor: pointer;}
.is-ajax-search-details a, .is-ajax-search-result a{color: #221e53!important}
.single-opening .blogFlex .col-md-3{display: none!important;}
body:not(.home) #welcome p{padding-right: 0px}
.footerLogo{mix-blend-mode: multiply;height: 90px}
.product-image img{max-width: 400px;height: auto;}



@media only screen and (max-width: 1450px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1200px;
    }

}
@media only screen and (max-width: 1350px) {
#counterSection .container:before,#counterSection .container:after{display: none;}
.welcomeAbout{margin-right: 50px}

}

@media only screen and (max-width: 1200px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1100px
    }
#navbar ul li {
    margin-left: 20px;
}
.copyRight p{font-size: 14px}

}

@media only screen and (max-width: 1100px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 980px}
#navbar ul li {margin-left: 6px;}
.searchIco {margin-left: 50px;}
h2 br{display: none;}
#news .headerFlex{top: 0px}
#news .swiper-slide-active .newsHover a{display: none;}
.copyRight p {font-size: 12px;}

}

@media only screen and (min-width: 767px) {
    #partnerSwiper .swiper-wrapper{display: flex;align-items: center;justify-content: center;}
}

@media only screen and (max-width: 980px) {
.dropdown-toggle:after{top: 19px;    margin-left: 3px;}
h2{font-size: 30px}
body, p, li, a, h5{font-size: 14px}
#navbar ul li a,.topHeader a,.widgetFoot ul li a{font-size: 12px}
#bannerSection h2{font-size: 40px}
#newsletter .container{padding: 80px 20px}
.col-md-6.col-md-offset-3 {width: 70%;}
#welcome p {padding-right: 0px;}
.certiImages img{        max-height: 90px;max-width: 140px;}
.valuesBottom{padding: 0 12px}
.valuesBottom > div h4{font-size: 16px!important}
#footer h4{font-size: 14px}
.copyRight .col-md-4{text-align: center;width: 100%}
.text-right p{text-align: center!important;margin-top: 22px!important}
.copyRight{flex-direction: column;}
.social p{margin-top: 0px!important}
.navbar-brand img {height: 70px;}
#innerbannerSection h1{margin-bottom: 50px}
}

@media only screen and (max-width: 767px) {
.navbar-brand img {height: 50px;}
.topHeader a:first-child,.topHeader a:nth-child(2){font-size: 0px;margin-left: 20px;}
.contactCta{display: none;}
.collapse:not(.show) {display: none!important;}
.mobsearchToggle{display: block!important;}
#navbar{position: absolute;
    width: 100%;
    z-index: 99;
    background: #fff;
    left: 0px;
    top: 40px;    flex-direction: column;}
#menu-main-menu{width: 100%}
.is-form-style {
    position: absolute;
    right: 140px;
    width: 150px;
    top: 13px;
}
div.is-ajax-search-result {
        max-width: 98%;
        left: 0px !important;
        top: 60px !important;
}
.is-form-style.is-form-style-3 label{width: 150px!important}
.searchContainer{width: 100%}
.searchIco{display: none;}
.searchToggle{display: none!important;}
.navbar-toggler{order:3;}
#header{height: auto;}
.menuFlex{padding-top: 0px;margin-left: auto;}
.menuFlex img{width: 22px}
.topHeader a:first-child:after{display: none;}
.navbar-toggler{border: none;padding: 0px!important;margin-left: 15px;}
h2,.counter-value{font-size: 26px!important}
.bannerTextContent .container{flex-direction: column;align-items: flex-start;}
.scrolltoBottom img {width: 50px;height: 50px;}
.scrolltoBottom{width: 50px;margin-left: -25px}
.made{width: 50px;position: static;margin-bottom: 20px}
.bannerText > img,#bannerSection{height: 600px;min-height: inherit;}
#welcome {padding: 40px 0;}
#welcome p {padding-right: 0px;}
.container{padding-left: 15px;padding-right: 15px}
.bannerCta,.emptyCta{height: 50px}
.emptyCta{margin-top: 20px}
.welcomeAbout{margin-left: 0px;margin-right: 50px}
.welcomeAbout:before{left: 50px}
#counter{flex-wrap: wrap;}
.countWrap{width: 50%;margin-bottom: 20px}
#counter > *:last-child {
    margin-left: auto;
    margin-right: auto;
}
#counterSection .container,#chairmanSection,#packaging,#product,#sustainability,#partners,#news,#testimonial{padding: 40px 0}
.msg p {padding-right: 0px;}
.sing,.msg{flex-direction: column;}
.headerFlex{align-items: flex-start;flex-direction: column;}
.bannerNavc > div{margin-left: 8px;margin-right: 8px}
#partners .headerFlex{text-align: center;}
.bannerNavc{width: 100%}
.headerFlex{text-align: center;}
#welcome h2,#welcome h5{text-align: center;}
#welcome p,.msg p,#sustainability p{text-align: justify;padding-right: 0px}
.emptyCta{margin: auto;margin-bottom: 30px}
#chairmanSection h5,#chairmanSection h2,#sustainability h5,#sustainability h2{text-align: center;}
#news .swiper-slide-active,#news .swiper-slide{width: inherit!important}
#news .headerFlex{position: static;}
#news .text-center{margin-bottom: 0px}
.newsHover{width: 100%!important}
h5,p,body, p, li, a, h5,#footer h4{font-size: 14px}
.testiCard h4{font-size: 20px}
#newsletter .container{padding: 40px 20px;flex-direction: column;}
.newsletterLeft{text-align: center;}
.newsletterRight{flex-direction: column;}
.newsletterRight{width: 100%;margin-top: 30px}
#newsletter input[type="email"],#newsletter input[type="submit"]{height: 50px}
#footer .col-md-3{text-align: center;}
#footer{padding-top: 40px}
.footerLogo{height: 50px}
.widgetFoot h5{margin-bottom: 10px;margin-top: 30px}
.lastWidget{justify-content: center;}
.copyRight{margin-top: 20px}
.copyRight .col-md-4{text-align: center;}
#footer p{text-align: center;}
.social{flex-wrap: wrap;margin-bottom: 15px}
.social p{width: 100%;margin-right: 0px;margin-bottom: 15px;}
#counterSection{margin-bottom: 40px}
.navbar-toggler:focus{outline: 0!important;box-shadow: none!important}
.dropdown-menu.show{border: none;;width: 98%;background:#f6f6f6;}
#innerbannerSection h1 {margin-bottom: 30px;font-size: 25px;}
.col-md-6.col-md-offset-3 {width: 100%;}
#aboutImages img:nth-child(2) {margin-top: 20px;}
#factorySection {padding:40px 0;}
#factorySection .col-md-6 > br{display: none;}
#factorySection .col-md-6 h2{margin-bottom: 20px}
.fact-stats{margin-top: 20px}
.certiSection {margin-top: 40px;}
.certiImages img {max-height: 40px;max-width:140px;}
.certiImages {margin-top: 10px;margin-bottom: 40px}
.valuesBottom .col-md-4,.valuesBottom .col-md-3,.valuesBottom .col-md-6{width: 100%;margin-bottom: 10px}
.valuesBottom{margin-bottom: 0px}
#ourValues, .plasticpage-bottom {margin-bottom: 40px;}
.certiImages{padding-bottom: 40px}
#factorySection{padding-bottom: 0px!important}
.valuesTop {margin-bottom: 20px;}
#visionMission {padding-top: 40px;}
.col-md-6.pr50{padding-right: 12px}
.col-md-6.pl50{padding-left: 12px}
#visionMission .container .row.flexRow:nth-child(2){flex-direction: column-reverse;}
#visionMission .flexRow {margin-bottom: 40px;}
.missionList > div{width: 100%}
.missionList{flex-direction: column;padding: 0 12px}
.missionList h4{font-size: 16px}
h2, .counter-value {font-size: 24px !important;}
#teamSection {padding: 40px 0;}
.teamCard{margin-bottom: 15px}
.productMain,#productsList{padding: 40px 0;}
.productMainText {padding-left: 12px;margin-top: 40px;}
.full-description{margin-bottom: 30px}
.product-features > div{width: 100%;padding: 0px;margin-bottom: 25px}
.product-features,#relatedProducts{margin-bottom: 40px}
#relatedProducts .headerFlex > div{width: 100%}
#relatedProducts .headerFlex h5,#relatedProducts .headerFlex h2{text-align: center;}
.productHover h3 a{font-size: 24px}
.product-item .productText {padding: 0px 12px !important;}
.product-title {margin-top: 20px}
.product-title a,.productMain h1{font-size: 24px!important;}
.product-item .col-md-6 {padding: 0px 12px !important;}
.product-image{margin-top: 12px}
#circularitySection p {padding-right: 0px;text-align: justify;}
#circularitySection .container{padding: 30px}
#circularitySection{padding-bottom: 40px}
#strategy,#postContainer{margin-bottom: 40px}
#part .container{padding: 40px 15px}
#part .valuesBottom {padding: 30px 15px 0px 15px;}
#opening,#careerCont,#contactTop,#contactForm{padding: 40px 0}
.accordion-header{flex-direction: column;align-items: flex-start;}
.job-accordion .job-item{padding: 20px}
.jobTitle h4{font-size: 22px}
.accordion-header > p{margin-bottom: 0px;margin-top: 20px;width: 100%;text-align: left;}
.accordion-content{margin-top: 30px}
.newsText{flex-direction: column;align-items: flex-start;padding: 20px}
.newsText > div{width: 100%}
.newscard {margin-bottom: 15px}
#postImage img{height: 160px;}
#postImage {margin: 40px 0;}
#postContainer h1{font-size: 24px}
#postContainer .col-md-9 {padding-right: 12px;}
.sharePostWrap {padding: 40px 0;margin-top: 40px;}
.contactDetails{margin: 0px!important}
.contactDetails > div{width: 100%!important;padding: 20px}
.contactDetails > div:nth-child(2){margin-top: 15px;margin-bottom: 15px}
.col2 p span {width: 100%;margin-bottom: 10px}
.col2 p{flex-direction: column;margin-bottom: 0px!important}
#contactForm input[type="text"], #contactForm input[type="email"], #contactForm select{height: 60px;padding: 10px}
#contactForm textarea{height: 80px;padding: 10px}
#contactForm form{max-width: 100%}
#mapSection iframe{height: 250px}
#mapSection{margin-bottom: 40px}
#contactForm input.wpcf7-phonetext{padding-left: 100px!important}
#relatedProducts .container{padding-top: 40px;}
.lastWidget{align-items: center;}
}