/*
	Theme Name: Clean Poly Package
	Theme URI: https://weblankan.com
	Author: Dilini
	Author URI: https://weblankan.com
	Description: Clean Poly Package Online 
	Version: 1.0
	Text Domain: Clean Poly Package
*/
#wpcf7-f61-o1 .wpcf7-response-output{
	color:#fff;
}
#footer .col-sm-6{
	width:50%;
	align-items: flex-start !important;
}

.career-section,.vission-mission{
	overflow: hidden;
}

.file-input,.file-input label{
	display: flex;
    align-items: center;
	margin:0;
}
.news-img img{
	border-radius: 15px 0 0 15px;
}

@media (min-width: 991px) and (max-width: 1400px) {
/* 	.why-choose-us h6{
		left: 10%;
	} */
	.welcome-content {
    width:80% !important;
}
	.why-choose-content {
    padding: 0 50px !important;
}
	.why-choose-grid::before{
		margin-bottom: -1px;
	}
	.button-head, .button-tail {
    font-size: 14px !important;
}
	.home-banner h1 {
    font-size: 45px !important;
}
	.product-heading {
    font-size: 25px !important; 
}
	.banner-content h1 {
    font-size: 45px !important;
}
}
@media only screen and (max-width: 991px) {
	.arrow{
		display:none;
	}
}
.arrow-scrolled{
	display:none;
}
.arrow {
    position: absolute;
    bottom: -7vh;
    left: 50%;
    margin-left: -20px;
    width: 40px;
    height: 60px;
    z-index: 99;
}
.arrow .fa{
	color:var(--forth-color);
}
.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}
@-webkit-keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}
body{
	overflow-x: hidden;
}
.carousel-item{
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
     :root {
        --main-color: #3F7A3F;
        --secondary-color: #ABCB54;
        --third-color: #6D6E70;
        --forth-color: #188641;
        --gray-para: #A1A1A1;
        --bg-color: #272E2A;
        --csr-bg: #F0F7F3;
        --contact-bg: #F8F8F8;
        --main-font: 'Roboto', sans-serif;
        --secondary-font: 'Lato', sans-serif;
        --sub-font: 'Playfair Display', serif;
    }

.logo-wrap img{
	width:25%;
}

.safety-ul{
	list-style:none;
	padding:0;
}

.saftey-btn{
	color: #238534;
}    text-decoration: underline;

.safety-ul li p:first-letter{
	font-weight:bold;
	font-size:30px;
}

    .carousel-fade .carousel-item {
        opacity: 0;
        transition-duration: .6s;
        transition-property: opacity;
    }
    
    .carousel-fade .carousel-item.active,
    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right {
        opacity: 1;
    }
    
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-right {
        opacity: 0;
    }
    
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item.active,
    .carousel-fade .active.carousel-item-left,
    .carousel-fade .active.carousel-item-prev {
        transform: translateX(0);
        transform: translate3d(0, 0, 0);
    }
    
    body {
        font-family: var(--secondary-font);
    }
    
    p {
        font-family: var(--secondary-font);
    }

    .carousel-item::before{
        content: "";
        position: absolute;
        background: rgb(0 0 0 / 50%);;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
    }

.vission-mission UL{
	list-style:none;
	padding:0;
}

.border-special-none::before{
	display:none;
}

.values-col p{
	margin:0;
}
    
    .pagination span {
        color: #fff;
        font-size: 20px;
        border: 1px solid var(--forth-color);
        height: 30px;
        width: 30px;
        background: var(--forth-color);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .pagination a {
        color: var(--third-color);
        border-left: 1px solid var(--third-color);
		border-right: 1px solid var(--third-color);
        font-size: 20px;
        height: 30px;
        width: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .pagination a:last-child {
		border-right: 0 !important;
    }

 .pagination a:first-child {
		border-left: 0 !important;
    }
    
    .pagination a:hover {
        text-decoration: none;
    }
    
    .bottom-padding {
        padding-bottom: 50px;
    }
    
    .inner-page-content,
    .inner-page-content-short {
        position: relative;
    }
    
    .inner-page-content::after,
    .inner-page-content-short::after,
    .home-banner::after {
        position: absolute;
        content: "";
        background: #000;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        opacity: 0.4;
    }
    
    .inner-page-content .dark-green-box {
        width: 20%;
        height: 80%;
    }
    
    .inner-page-content .green-box {
        height: 60%;
    }
    
    .inner-page-content .ash-box {
        height: 40%;
    }
    
    .inner-page-content-short .dark-green-box {
        width: 10%;
        height: 100%;
    }
    
    .inner-page-content-short .green-box {
        height: 60%;
        width: 10%;
    }
    
    .inner-page-content-short .ash-box {
        height: 40%;
        width: 10%;
    }
    
    .inner-page-container {
        height: 205px !important;
        position: relative;
        z-index: 99;
    }
    
    .italic-para {
        font-family: var(--sub-font);
        font-style: italic;
    }
    
    .green-underline::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100px;
        background: var(--secondary-color);
        display: flex;
        text-align: center;
        margin-top: 10px;
    }
    
    .banner .inner-container {
        height: 510px;
        width: 100%;
        position: relative;
        z-index: 99;
    }
    
    .banner-content {
        width: 40%;
    }
    
    .inner-container .banner-content {
        padding-bottom: 100px;
    }
    
    .banner-content h1 {
        font-size: 55px;
    }
    
    .banner-content p {
        font-size: 20px;
    }
    
    .section-content {
        padding: 50px 0;
    }
    
    .para-opacity {
        opacity: 0.8;
    }
    
    .dark-green-box {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 25%;
        height: 50%;
        z-index: 99;
        opacity: 0.6;
        clip-path: polygon(100% 100%, 0 100%, 0 0);
        background: var(--main-color);
    }
    
    .green-box {
        position: absolute;
        width: 15%;
        height: 40%;
        top: 0;
        right: 0;
        z-index: 99;
        opacity: 0.6;
        clip-path: polygon(100% 100%, 100% 0, 0 0);
        background: var(--secondary-color);
    }
    
    .ash-box {
        position: absolute;
        width: 10%;
        height: 20%;
        bottom: 0;
        right: 0;
        z-index: 99;
        opacity: 0.6;
        clip-path: polygon(100% 100%, 100% 0, 0 100%);
        background: var(--third-color);
    }
    
    .carousel-indicators li {
        border-radius: 50%;
        width: 12px;
        height: 12px;
        margin-left: 15px;
    }
    
    .carousel-indicators {
        z-index: 999;
    }
    
    .main-heading {
        font-size: 40px;
        font-family: var(--main-font);
        font-weight: bold;
    }
    
    .main-heading__white {
        color: #fff;
    }
    
    .sub-heading {
        font-size: 18px;
        font-weight: bold;
    }
    
    .sub-heading__yellow {
        color: var(--secondary-color);
    }
    
    .subheading-green {
        color: var(--forth-color);
    }
    
    .main-heading__green,
    .sub-heading__green {
        color: var(--forth-color);
    }
    
    .sub-heading__gray {
        color: var(--third-color);
    }
    
    .white-para {
        color: #fff;
    }
    
    .gray-para {
        color: var(--gray-para);
    }
    
    .button-tail {
        padding: 10px;
        width: 50px;
        border-radius: 0 5px 5px 0;
    }
    
    .button-tail .fa {
        font-size: 30px;
    }
    
    .button-head,
    .button-tail {
        height: 40px;
        font-size: 15px;
        letter-spacing: 1.8px;
        text-transform: uppercase;
        text-align: center;
    }
    
    .button-head {
        padding: 0 30px;
        border-radius: 5px 0 0 5px;
    }
    
    .prev-btn .button-head {
        border-radius: 0 5px 5px 0 !important;
    }
    
    .prev-btn .button-tail {
        border-radius: 5px 0 0 5px !important;
    }
    
    .next-btn-green,
    .next-btn-white {
        margin-top: 30px;
        text-decoration: none;
    }
    
    .next-btn-white:hover .button-head {
        background: var(--main-color);
        color: #fff;
    }
    
    .next-btn-green:hover .button-head {
        background: #fff;
        color: #000;
        -webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
    }
    
    .next-btn-white:hover .button-tail {
        background: #fff;
        -webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
    }
    
    .next-btn-white:hover .button-tail .fa {
        color: var(--main-color);
    }
    
    .next-btn-green:hover .button-tail {
        background: var(--main-color);
    }
    
    .next-btn-green:hover .button-tail .fa {
        color: #fff;
    }
    
    .next-btn-green:hover,
    .next-btn-white:hover {
        text-decoration: none;
    }
    
    .next-btn-green .button-head {
        background: var(--main-color);
        color: #fff;
    }
    
    .next-btn-white .button-head {
        background: #fff;
        color: #000;
    }
    
    .next-btn-green .button-tail,
    .next-btn-white .button-tail {
        -webkit-box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
        box-shadow: -1px 1px 3px 1px rgba(0, 0, 0, 0.25);
    }
    
    .next-btn-green .button-tail .fa {
        color: var(--main-color);
    }
    
    .next-btn-white .button-tail {
        background: var(--main-color);
    }
    
    .next-btn-white .button-tail .fa {
        color: #fff;
    }
    /************ TOPNAV *************/
    
    .topbar {
        font-size: 15px;
        transition: all 0.5s;
        background: transparent;
        color: #fff;
        z-index: 9999;
        width: 100%;
        padding: 10px 100px;
        transition: all 0.5s;
        height: 50px;
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/top-bar.png');
        background-repeat: no-repeat;
        background-size: cover;
		 display: flex;
    align-items: center;
    justify-content: center;
    }
    
    .topbar .info,
    .topbar .social {
        list-style: none;
        display: flex;
        padding: 0;
    }
    
    .topbar .info {
        color: #fff;
    }
    
    .topbar .info .fa {
        opacity: 0.5;
    }
    
    .social-div .fa {
        color: var(--main-color);
    }
    
    .topbar .social {
        color: #000 !important;
    }
    
    .social-div {
        background: #fff;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 5px;
    }
    
    .topbar .fa {
        padding: 5px;
    }
    
    .topbar-scrolled {
        top: -50px;
    }
    
    .topbar a {
        color: #fff;
        text-decoration: none;
    }
    
    .topbar a:hover {
        text-decoration: none;
        color: var(--secondary-color);
    }
    /************ TOPNAV *************/
    /*************** HEADER *******************/
    
    .navbar-collapse {
        z-index: 99999;
    }
    
    #primary .nav-link {
        font-family: var(--main-font);
        font-weight: 600;
    }
    
    #primary .active a {
        color: var(--main-color) !important;
        position: relative;
    }
    
    #primary .active a::after {
        position: absolute;
        content: "\f0d7";
        font-family: FontAwesome;
        display: block;
        left: 50%;
    }
    
    .header {
        transition: all 0.5s;
        background: transparent;
        z-index: 9999;
        width: 100%;
        top: 80px;
        height: 100px;
    }
    
    .header-scrolled {
        background-color: #000;
        opacity: 0.9;
    }
    
    .header .navbar {
        background: transparent;
        padding: 0px !important;
    }
    
    .header .navbar-brand .img-fluid {
        width: 140px;
        height: auto;
    }
    
    .header .navbar-nav {
        margin-left: auto !important;
    }
    
    .header .nav-link {
        color: #000;
        text-decoration: none;
    }
    
    .header .nav-link:hover {
        color: var(--main-color);
        position: relative;
    }
    
    .header .nav-link:hover::after {
        position: absolute;
        content: "\f0d7";
        font-family: FontAwesome;
        display: block;
        left: 50%;
    }
    
    .menu-main-menu-container {
        margin-left: auto !important;
    }
    
    .header .nav-item {
        margin-left: 30px;
    }
    
    .logo-scrolled {
        height: auto !important;
        width: 80px !important;
    }
    /*************** HEADER *******************/
    /***********************Footer **************************/
    
    .copyright-section {
        background: #343434;
        color: #B5B5B5;
    }
    
    .copyright-section p {
        margin: 0;
        padding: 10px;
    }
    
    .footer {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/footer-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        color: var(--gray-para);
    }
    
    .footer h6 {
        color: #fff;
        position: relative;
        padding-bottom: 20px;
    }
    
    .footer .fa {
        padding-right: 10px;
        font-size: 24px;
    }
    
    .footer h6::after {
        position: absolute;
        content: "";
        height: 2px;
        width: 100px;
        background: var(--secondary-color);
        display: flex;
        text-align: center;
        margin-top: 10px;
    }
    
    .footer a {
        color: var(--gray-para);
        text-decoration: none;
    }
    
    .footer a:hover {
        color: var(--secondary-color);
        text-decoration: none;
    }
    /*********************Footer END**************************/
    /******************Home Page*******************************/
    
    .home-banner .carousel-container {
        height: 75vh;
        width: 100%;
        position: relative;
        z-index: 99;
    }
    
    .home-banner {
        position: relative;
    }
    
    .home-banner h1 {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-bottom: 20px;
        font-size: 55px;
    }
    
    .home-banner h1::after {
        position: absolute;
        content: "";
        height: 3px;
        width: 100px;
        background: var(--secondary-color);
        display: flex;
        text-align: center;
        bottom: 0;
    }
    
    .slider1 {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/home-banner.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .slider2 {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/home-banner.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .slider3 {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/home-banner.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .slider-content {
        width: 40%;
    }
    
    .banner-para {
        font-size: 20px;
    }
    
    .welcome-content {
        width: 60%;
    }
    
    .product-list {
        background: var(--forth-color);
        border-radius: 15px;
        padding: 20px;
        color: #fff;
        text-align: center;
    }
    
    .product-list img {
        margin-top: -50px;
        height: 334px;
        object-fit: cover;
    }
    
    .product-list p {
        opacity: 0.8;
    }
    
    .product-heading {
        font-size: 30px;
    }
    
    .product-next-card .product-heading {
        font-size: 30px;
        color: #fff;
        text-align: center;
    }
    
    .product-next-card {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/prod-back.png');
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: 100%;
        width: 100%;
        padding: 10px;
    }
    
    .product-list-section {
        padding: 50px 130px;
    }
    
    .product-list-section .button-head {
        padding: 0 10px;
    }
    
    .quick-inquiry {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/quick-inquiry.jpg');
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .quick-inquiry h1::after {
        position: absolute;
        content: "";
        height: 3px;
        width: 100px;
        background: var(--secondary-color);
        display: flex;
        text-align: center;
    }
    
    .quick-inquiry button {
        background: transparent;
        border: 0;
        outline: 0;
        margin-top: 0;
    }
    
    #wpcf7-f17-o1 textarea,
    #wpcf7-f17-o1 input {
        width: 100%;
        border: 0;
        outline: 0;
        border-radius: 5px;
        margin: 5px 0;
        padding: 10px 10px;
    }
    
    .testimonials {
        background: var(--forth-color);
    }

    .testimonials .client-image{
        height: 200px;
        object-fit: cover;
    }
    
    .testimonials .white-para {
        font-family: var(--sub-font);
    }
    
    .testimonial-image {
        width: 30%;
    }
    .testimonial-image {
    width: 18%;
    margin-right: 25px;
}
    .testimonial-image img {
        /*border: 10px inset #188641;*/
        border-radius: 50%;
    }
    
    .testimonial-content {
        width: 70%;
    }
    
    .testimonials h1::after {
        position: absolute;
        content: "";
        height: 3px;
        width: 100px;
        background: var(--secondary-color);
        display: flex;
        text-align: center;
    }
    
    .testimonial-image p {
        color: var(--secondary-color);
    }
    
    .testimonials .owl-dots {
        position: absolute;
        left: 30%;
        bottom: 0%;
    }
    
    .testimonials .owl-dots button {
        border: 0;
        outline: 0;
    }
    
    .testimonial-content p {
        font-style: italic;
    }
    
    .partners-section .sub-heading__gray {
        text-transform: uppercase;
        letter-spacing: 3.06px;
    }
    
/*     .partners-slider img {
        height: 100px !important;
    } */
    
    .why-choose-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 0px;
        position: relative;
		margin-bottom: -1px;
    }
    
    .why-choose-grid::before {
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
        background: var(--bg-color);
        clip-path: polygon(100% 100%, 0 100%, 0 0);
    }
    
    .div1 {
        grid-area: 1 / 1 / 2 / 2;
    }
    
    .div2 {
        grid-area: 2 / 2 / 3 / 3;
    }
    
    .div3 {
        grid-area: 3 / 3 / 4 / 4;
    }
    
    .div4 {
        grid-area: 4 / 4 / 5 / 5;
		z-index:99;
    }
    
    .green-bg {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgb(53, 101, 41);
        background: linear-gradient(90deg, rgba(53, 101, 41, 1) 0%, rgba(171, 203, 84, 1) 69%);
        clip-path: polygon(0 0, 15% 0, 100% 85%, 100% 100%);
        z-index: -1;
    }
    
    .welcome-section {
        position: relative;
    }
    .welcome-section a{
        display: flex;
        justify-content: center;
    }
    
    
    .green-bg-second {
        position: absolute;
        bottom: 100%;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background: rgb(53, 101, 41);
        background: linear-gradient(90deg, rgba(53, 101, 41, 1) 0%, rgba(171, 203, 84, 1) 69%);
        clip-path: polygon(0 85%, 0% 100%, 15% 100%);
        z-index: -1;
		margin-bottom: -1px;
    }
    
    .why-choose-us {
        position: relative;
    }
.why-img{
	width: auto !important;
}

.why-choose-grid .div3 div,.why-choose-grid .div1 div,.why-choose-grid .div2 div,.why-choose-grid .div4 div{
	display: flex;
    flex-direction: column;
	align-items:center;
}
    
    .why-choose-us h6 {
        color: #fff;
        font-size: 22px;
        text-align: center;
        font-weight: bold;
/*         position: absolute; */
        z-index: 99;
    }
    
    .why-choose-us-second {
        background: var(--bg-color);
        position: relative;
        z-index: 1;
    }
    
    .why-choose-content {
        position: absolute;
        right: 0;
        top: 10%;
        padding: 0 100px;
    }
    
    .why-choose-us .sub-heading__green {
        color: var(--forth-color) !important;
        font-size: 18px !important;
        position: relative !important;
    }
    /* 
.map-img {
    position: absolute;
    left: -40%;
    top: -60%;
    width: 130%;
} */
    
    @media only screen and (min-width: 1600px) {
        .map-img {
            position: absolute;
            left: -40%;
            top: -125%;
            width: 130%;
        }

    }
    @media only screen and (max-width: 1600px) {
        .product-list img {
            height: 260px;
        }
        .product-list-section .button-head,
        .product-list-section .button-tail{
            height: 50px;
        }
    }
    @media only screen and (max-width: 1400px) {
        .product-list img {
            height: 210px;
        }
        footer .logo{
            max-width: 100%;
        }
        .core-values .back-image{
            display: flex;
            align-items: center;
        }
    }
    @media only screen and (max-width: 1200px) {
        .product-list img {
            height: 161px;
        }
        .product-list-section .button-head {
            font-size: 10px !important;
        }
        .header .nav-item {
            margin-left: 19px !important;
        }
        .testimonials .client-image {
            height: 167px;
        }
    }
    @media only screen and (max-width: 1100px) {
        .product-list img {
            height: 138px;
        }
    }
    @media only screen and (max-width: 991px) {
        .product-list img {
            height: 396px;
        }
        .testimonials .client-image {
            height: 329px;
        }
        .who-we-are-main-heading{
            padding-top: 30px;
        }
        .pro-inner-back-image{
            display: flex;
            justify-content: center;
        }
        .pro-inner-back-image img{
            width: 60% !important;
        }
        .section-content .gallery-box{
            width: 50%;
        }
        .news-inner img {
            height: 558px !important;
            width: 100% !important;
            object-fit: cover !important;
        }
    }
    @media only screen and (max-width: 767px) {
        .product-list img {
            height: 644px;
        }
        .news-img img {
            border-radius: 15px 15px 0 0px;
        }
        .news-inner img {
            height: 419px !important;
            width: 100% !important;
            object-fit: cover !important;
        }
    }
    @media only screen and (max-width: 600px) {
        .product-list img {
            height: 480px;
        }
        /* .news-inner img {
            height: 246px;
            object-fit: cover;
        } */
    }
    @media only screen and (max-width: 500px) {
        .product-list img {
            height: 383px;
        }
        .news-inner img {
            height: 358px !important;
            width: 100% !important;
            object-fit: cover !important;
        }
    }
    @media only screen and (max-width: 400px) {
        .product-list img {
            height: 283px;
        }
        .testimonials .client-image {
            height: 303px;
        }
        .news-inner img {
            height: 277px !important;
            width: 100% !important;
            object-fit: cover !important;
        }
    }
    
    @media(min-width: 1400px) and (max-width: 1600px) {
        .map-img {
            position: absolute;
            left: -20%;
            top: -95%;
            width: 110%;
        }       
    }
    
    @media(min-width: 1200px) and (max-width: 1400px) {
        .map-img {
            position: absolute;
            left: -00%;
            top: -70%;
            width: 100%;
        }
    }
    
    @media(min-width: 991px) and (max-width: 1200px) {
        .map-img {
            position: absolute;
            left: 0%;
            top: -70%;
            width: 100%;
        }
    }
    /* clip-path: polygon(0 15%,
0 0,
100% 85%,
100% 100%); */
    /********************Home Page end***************************/
    /**********************************About us page*****************************************/
    
    /*.about-banner {
        background-image: url('/wp-content/uploads/2021/08/About-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }*/
    .about-banner {
        background-image: url('/wp-content/uploads/2022/01/Location.png');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    .breadcumb {
        padding: 20px 0;
    }
    
    .breadcumb p {
        margin: 0;
        color: var(--gray-para);
        font-family: var(--main-font);
        font-weight: 700;
    }
    .breadcumb p a{
        margin: 0;
        color: var(--gray-para);
        font-family: var(--main-font);
        font-weight: 700;
        text-decoration: none;
    }
    .breadcumb p a:hover{
        color: var(--gray-para);
    }
    
    .breadcumb span {
        color: var(--forth-color);
    }
    
    .ceo-msg {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/ceo-bg.png'), url('/wp-content/themes/cleanpolypackage/assets/img/bgceo.jpg');
        background-repeat: no-repeat, no-repeat;
        background-size: 50% 100%, cover;
        background-position: top right, top left;
    }
    
    .ceo-msg h6 {
        color: #fff;
    }
    
    .ceo-msg .white-para {
        font-style: italic;
        font-family: var(--sub-font);
    }
    
    .yellow-para {
        color: var(--secondary-color);
    }
    
    .core-values .sub-heading__green {
        font-weight: bold;
        text-transform: uppercase;
    }
    
    .value-img {
        width: 150px;
    }
    
    .value-box {
        position: relative;
    }
    
    .value-box::before {
        position: absolute;
        content: "";
        background: var(--third-color);
        width: 2px;
        height: 60%;
        opacity: 0.2;
    }
    
    .value-box p,
    .value-box h6 {
        padding-left: 20px;
    }
    
    .core-values {
        padding-top: 50px;
    }
    
    .vission-mission {
        background-color: var(--bg-color);
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/bg2.png'), url('/wp-content/themes/cleanpolypackage/assets/img/bg1.png');
        background-repeat: no-repeat, no-repeat;
        background-size: contain, contain;
        background-position: bottom right, bottom left;
    }
    
    .border-special {
        position: relative;
    }
    
    .border-special::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background: var(--secondary-color);
        left: 0;
        -ms-transform: rotate(20deg);
        transform: rotate(10deg);
    }
    
    .vission-mission-box {
        padding: 30px;
    }
    /************************************About Us end***************************************/
    /************************************Product page********************************************/
    
    .product-banner {
        background-image: url('/wp-content/uploads/2021/08/product.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    
    .product-section .product-list-wrap {
        width: 25%;
        padding: 30px 10px;
    }
    
    .product-section .product-list {
        display: flex;
        flex-direction: column;
    }
    
    .product-section {
        padding: 30px 50px;
    }
    
    .product-section .product-list:hover {
        
        color: var(--forth-color) !important;
        -webkit-box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
        box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
    }

    .product-section .product-list{
        position: relative;
    }

    .product-section .product-list::after{
        content: "";
        bottom: 0;
        left: 0;
        z-index: 1;
        height: 0%;
        border-radius: 15px;
        width: 100%;
        position: absolute;
        background: #fff !important;
        transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    }
    .product-section .product-list:hover::after{
        height: 100%;
        transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    }

    .product-list img,.product-list div{
        z-index: 2;
    }
    
    .product-inner-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/product-inner-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .gallery-box {
        width: 25%;
        padding: 20px;
        position: relative;
    }
    
    .gallery-box img {
        -webkit-box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
        box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
        border-radius: 15px;
        position: relative;
    }
    
    .gallery-box:hover::after {
        background: var(--forth-color);
        opacity: 0.7;
        position: absolute;
        content: "\f067";
        font-family: FontAwesome;
        top: 20px;
        bottom: 20px;
        left: 20px;
        right: 20px;
        border-radius: 15px;
        color: #fff;
        font-size: 55px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    /********************************Product page END******************************************/
    /**********************************News page********************************************/
    
    .news-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/product-inner-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    .news-inner img {
        height: 600px;
        width: 100%;
        padding-bottom: 20px;
    }
    
    .news-wrapper {
        width: 50%;
        padding: 10px;
    }
    
    .news-box {
        border-radius: 15px;
        border: 1px solid var(--forth-color);
    }
    
    .news-img,
    .news-content {
        width: 50%;
    }
    
    .news-content {
        background: var(--forth-color);
        border-radius: 0 15px 15px 0;
        padding: 10px;
    }
    
    .news-img {
        border-radius: 15px 0 0 15px;
    }
    
    .news-section {
        color: #fff;
    }
    
    .news-content .button-head {
        padding: 0 20px !important;
    }
    
    .news-box:hover .news-content {
        color: var(--forth-color) !important;
        -webkit-box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
        box-shadow: -1px 1px 3px 1px rgb(0 0 0 / 25%);
    }

    .news-box .news-content{
        position: relative;
        z-index: 2;
    }
    
    .news-box .news-content::after{
        content: "";
        bottom: 0;
        left: 0;
        z-index: 1;
        border-radius: 0 15px 15px 0;
        height: 0%;
        width: 100%;
        position: absolute;
        background: #fff !important;
        transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    }
    .news-box:hover .news-content::after{
        height: 100%;
        transition: all .5s cubic-bezier(1.000, 0.005, 0.000, 1.000);
    }
    .news-content div{
        z-index: 11;
    }
    /***********************************News page end*******************************************/
    /*******************************CSR page*****************************************/
    
    .csr-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/csr-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    
    .csr-item .gray-heading {
        color: var(--third-color);
        font-weight: bold;
        font-size: 30px;
    }
    
    .csr-item .green-heading {
        color: var(--forth-color);
        font-weight: bold;
        font-size: 30px;
    }
    
    .csr-item img {
        border-radius: 15px;
    }
    
    .share-btn ul {
        list-style-type: none;
        margin: 0;
        padding: 10px;
    }
    
    .share-btn ul li {
        padding-top: 5px;
    }
    
    .share-btn ul .fa {
        color: #fff;
        font-size: 25px;
    }
    
    .share-btn {
        background: var(--secondary-color);
        position: absolute;
        top: 0;
        z-index: 99;
        right: 20px;
        border-radius: 0 0 15px 0;
    }
    
    .slider-section {
        position: relative;
    }
    
    .csr-green-bg {
        background: var(--csr-bg);
    }
    
    .csr-white-bg {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/csr-icon.png');
        background-repeat: no-repeat;
        background-size: 15%;
        position: relative;
        background-position: 0 50%;
    }
    
    .csr-white-bg-first {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/child-bg-flip.png'), url('/wp-content/themes/cleanpolypackage/assets/img/child-bg-1.png') !important;
        background-repeat: no-repeat;
        background-size: 5%, 8%;
        background-position: top right, top left;
    }
    
    .csr-green-bg {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/csr-icon-flip.png');
        background-repeat: no-repeat;
        background-size: 15%;
        position: relative;
        background-position: 100% 50%;
    }
    /*******************************CSR page END********************************************/
    /***********************************Sustainability*******************************************/
    
    .sustainability-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/sustainability-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    
    .sustainability-section h6,
    .sustainability-section-green h6 {
        font-size: 30px;
        padding: 15px 0;
    }
    
    .sustainability-section .sub-heading__yellow {
        font-size: 17px;
    }
    
    .sustainability-section-green {
        background: var(--forth-color);
        color: #fff;
    }
    .sustainability-section-green img{
        border-radius: 22px;
    }
    /***********************************Sustainability END******************************************/
    /***********************************Contact Page********************************************/
    
    .contact-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/contact-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    
    #wpcf7-f57-o1 textarea,
    #wpcf7-f57-o1 input {
        width: 100%;
        border: 1px solid #e2e2e2;
        outline: 0;
        border-radius: 5px;
        margin: 5px 0;
        padding: 10px 10px;
/*         -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1); */
    }
    
    #wpcf7-f57-o1 button {
        background: transparent;
        border: 0;
        outline: 0;
        margin-top: 0;
    }
    
    .contact-form .sub-heading__gray {
        font-size: 25px;
        letter-spacing: 3px;
        text-transform: uppercase;
    }
    
    .contact-info a,
    .contact-info p {
        color: var(--gray-para);
    }
    
    .contact-info a:hover {
        text-decoration: none;
        color: var(--forth-color);
    }
    
    .contact-info .sub-heading__green {
        text-transform: uppercase;
        letter-spacing: 3.2px;
    }
    
    .contact-form {
        background: var(--contact-bg);
    }
    
    .contact-info .fa {
        background-color: #f3ec78;
        background-image: linear-gradient(90deg, rgba(53, 101, 41, 1) 0%, rgba(171, 203, 84, 1) 69%);
        background-size: 100%;
        -webkit-background-clip: text;
        -moz-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        font-size: 25px;
    }
    
    .info-item {
        border-right: 2px solid var(--gray-para);
    }
    
    .info-item:last-child {
        border-right: 0 !important;
    }
    /***********************************Contact Page END***********************************************/
    /*********************************Careers page********************************************************/
    
    .careers-banner {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/carrer-banner.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: 50% 100%;
    }
    
    #wpcf7-f61-o1 textarea,
    #wpcf7-f61-o1 input {
        width: 100%;
        border: 0;
        outline: 0;
        border-radius: 5px;
        margin: 5px 0;
        padding: 10px 10px;
        -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }
    
    .file-input {
        width: 100%;
        margin: 5px 0;
        border: 0;
        outline: 0;
        border-radius: 5px;
        background: #fff;
        padding: 0px 10px;
        color: var(--third-color);
        -webkit-box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);
        box-shadow: -1px 1px 1px 1px rgba(0, 0, 0, 0.1);
    }
    
    #wpcf7-f61-o1 button {
        background: transparent;
        border: 0;
        outline: 0;
        margin-top: 0;
    }
    
    #wpcf7-f61-o1 {
        width: 70%;
    }
    
    .career-form {
        background-image: url('/wp-content/themes/cleanpolypackage/assets/img/careers-bg.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding: 30px 50px 30px;
    }
    
    .career-form h6 {
        color: #fff;
    }
    
    .career-form img {
        height: 40px;
    }
    
    .career-section .next-btn-green {
        margin-top: 0px;
    }
    
    .career-section .button-head {
        padding: 0 20px !important;
        font-size: 14px;
    }
    
    .view-more-btn {
        font-size: 14px;
        color: var(--forth-color);
        margin-left: 20px;
    }
    
    .career-head {
        width: 30%;
        color: var(--gray-para);
    }
    
    .career-item {
        border-top: 1px solid var(--gray-para);
        padding: 10px 0;
    }
    
    .modal-body {
        padding: 0;
    }
    /**********************************Careers page END**********************************************************/
    /*****************************Media Query************************************/
    
    @media only screen and (max-width: 767px) {
		.ceo-img{
			padding: 30px 0 0 0;
		}
        .footer-menu-div {
            justify-content: flex-start !important;
            padding-top: 15px;
            padding-left: 30px;
        }
        #footer img {
            width: 200px;
        }
        .view-more-btn {
            padding: 20px 0;
        }
        .career-head {
            text-align: center;
        }
        .career-item {
            flex-direction: column;
            align-items: center;
        }
        .career-head {
            width: 100%;
        }
        .career-form {
            padding: 20px;
        }
        .news-img {
            border-radius: 15px 15px 0 0;
        }
        .news-content {
            border-radius: 0 0px 15px 15px;
        }
        .news-img,
        .news-content {
            width: 100%;
        }
        .news-box {
            flex-direction: column;
            width: 100%;
        }
        .news-wrapper {
            width: 100%;
        }
        .product-section .product-list-wrap {
            width: 100%;
            padding: 20px 10px;
        }
        .value-wrap {
            flex-direction: column;
        }
        .main-heading {
            font-size: 30px;
        }
        .home-banner h1 {
            font-size: 30px !important;
        }
        .banner-para {
            font-size: 16px;
        }
        .button-head,
        .button-tail {
            font-size: 14px;
        }
        .button-head {
            padding: 0 20px;
        }
        .dark-green-box {
            height: 20%;
        }
        .green-box {
            width: 25%;
            height: 20%;
        }
        .ash-box {
            width: 25%;
            height: 20%;
        }
        .header .navbar-brand .img-fluid {
            width: auto;
            height: 10vh;
        }
        .inner-page-content-short .dark-green-box {
            width: 20%;
            height: 80%;
        }
        .inner-page-content-short .green-box {
            height: 60%;
            width: 25%;
        }
        .inner-page-content-short .ash-box {
            height: 40%;
            width: 25%;
        }
    }
    
    @media only screen and (min-width: 991px) {
		.carousel-item {
    background-size: 100% 100% !important;
}
		.product-list {
		height: 100%;
    }
		.why-choose-us-second{
			    display: flex;
    			height: 720px;
		}
        .green-bg-second-why {
            display: none;
        }
        .socil-nav {
            display: none;
        }
    }
    
    @media only screen and (max-width: 991px) {
		.why-choose-us h6 {;
    font-size: 18px !important;
}
		.why-img {
    width: 150px !important;
}
		.contact-form .col-lg-4{
			padding-top:50px;
		}
		.career-head{
			padding: 10px 0;
		}
		.banner-content p{
			line-height: 17px !important;
		}
        .navbar-brand {
            padding-left: 30px;
        }
        .navbar-toggler {
            padding-right: 30px;
        }
        .socil-nav {
            list-style-type: none;
            display: flex;
            padding: 20px 0 0 0;
            margin: 0;
        }
        .socil-nav .fa {
            font-size: 25px;
        }
        #primary .nav-link {
            padding: 10px 0;
        }
        .header .show {
            -webkit-transform: scaleY(1);
            transform: scaleY(1);
            -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
            transition-timing-function: cubic-bezier(0.52, 1.64, .37, .66);
        }
        .header .nav-item {
            margin: 0 !important;
        }
        #primary {
            text-align: center;
        }
        .menu-main-menu-container {
            margin: 0 !important;
        }
        .navbar-collapse {
            background: #fff;
            position: absolute;
            top: 0px;
            width: 100%;
            height: 100vh;
            z-index: 9999;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            -webkit-transform: scaleY(0);
            transform: scaleY(0);
            -webkit-transform-origin: 50% 0;
            transform-origin: 50% 0;
            -webkit-transition-property: transform;
            transition-property: transform;
            -webkit-transition-duration: .2s;
            transition-duration: .2s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out;
        }
        .navbar-toggler {
            z-index: 99999;
            border: 0;
            outline: 0;
        }
        .navbar-toggler:focus {
            z-index: 99999;
            border: 0;
            outline: 0;
        }
        .bottom-padding {
            padding-bottom: 10px;
        }
        .ceo-msg {
            background-size: contain, cover;
            background-position: bottom left, top left;
            padding: 30px 20px 0 20px;
        }
        #wpcf7-f61-o1 {
            width: 100%;
        }
        .info-item {
            padding: 30px 0;
            border: 0;
        }
        .sustainability-section h6,
        .sustainability-section-green h6 {
            font-size: 20px;
        }
        .csr-white-bg-first {
            background-size: 15% !important;
        }
        .csr-green-bg,
        .csr-white-bg {
            background-size: 85%;
        }
        .csr-item .gray-heading {
            font-size: 25px;
        }
        .inner-container {
            align-items: center !important;
        }
        .border-special::before {
            display: none;
        }
        .core-value-reverse {
            flex-direction: column-reverse;
        }
        .banner-content h1 {
            font-size: 30px;
        }
        .banner-content p {
            font-size: 14px;
        }
        .banner-content {
            width: 80%;
        }
        .inner-container .banner-content {
            padding-bottom: 0px;
        }
        .banner .inner-container {
            height: 30vh;
        }
        .partners-slider img {
            height: 150px;
        }
        .map-img {
            padding: 20px 0;
        }
        .green-bg {
            clip-path: polygon(0 0, 109% 0, 100% 85%, 100% 100%);
        }
        .green-bg-second-why {
            display: none;
        }
        .why-choose-grid {
            display: flex;
            flex-direction: column;
        }
        .why-choose-us h6 {
            position: relative;
        }
        .section-content {
            padding: 25px 20px;
        }
        .navbar-toggler .fa {
            color: var(--forth-color) !important;
        }
        .home-banner .carousel-container {
            height: 88vh;
        }
        .header {
            height: 12vh;
        }
        .topbar {
            display: none;
        }
        .slider-content {
            width: 80%;
        }
        .testimonials .owl-dots {
            position: relative;
            left: 0;
        }
        .testimonial-box {
            flex-direction: column-reverse;
        }
        .testimonial-image,
        .testimonial-content {
            width: 100%;
        }
        /* .why-choose-us-second,
        .product-list-section,
        .quick-inquiry {
            padding: 20px;
        } */
        .why-choose-content {
            padding: 0 20px;
        }
        .product-next-card {
            padding: 20px;
        }
        .product-list {
            margin-bottom: 60px;
        }
        /* .section-content {
        padding: 30px;
    } */
        .green-bg-second-why {
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            right: 0;
            width: 100%;
            height: 100%;
            background: rgb(53, 101, 41);
            background: linear-gradient(90deg, rgba(53, 101, 41, 1) 0%, rgba(171, 203, 84, 1) 69%);
            clip-path: polygon(0 85%, 0% 100%, 15% 100%);
            z-index: -1;
        }
        .why-choose-reverse {
            flex-direction: column-reverse;
        }
        .green-bg-second {
            display: none;
        }
        .why-choose-content {
            position: relative;
        }
        .map-img {
            width: 100%;
        }
        .welcome-content {
            width: 100%;
            padding: 20px 0px;
        }
    }
    
    @media(min-width: 991px) and (max-width: 1400px) {
        .product-section .product-list {
            height: 500px;
            display: flex;
            flex-direction: column;
        }
        .product-section .product-list-wrap {
            width: 33.33%;
            padding: 30px 10px;
        }
    }
    
    @media(min-width: 767px) and (max-width: 991px) {
        .product-next-card {
            height: 90%;
        }
        .product-section .product-list-wrap {
            width: 50%;
        }
        .news-wrapper {
            width: 100%;
        }
    }
    
    @media only screen and (min-width: 1400px) {
        .product-section .product-list {
            height: 550px;
            display: flex;
            flex-direction: column;
        }
    }
    /******************************Media Query END************************************/