/******** about-us-turn-clean-page gloabl css  ******/
.turn-clean-page.turn-clean-our-process-page-main-container .inner-container .flex-container .col-2 {  margin-left: 35px}
.turn-clean-page .inner-container { max-width: 1360px; width: 100%; margin: auto; text-align: center}
.turn-clean-page .inner-container .flex-container { display: flex; justify-content: space-between; align-items: center}

.turn-clean-page .inner-container .flex-container .col-1 { flex-basis: 42%;}
.turn-clean-page .inner-container .flex-container .col-2 { flex-basis: 46%;}
.turn-clean-page .inner-container .flex-container .col-2 video{ width: 100%; border-radius: 58px;}
.turn-clean-page .inner-container .rectangle { max-width: 1345px;  width: 100%;  /* height: 1492px; */  height: 100%;  flex-shrink: 0; border-radius: 50px; background: #E5EEEB; padding-top: 80px; padding-bottom: 70px;}
.turn-clean-page .inner-container .rectangle .heading h2 {  color: #000;  font-family: Modelista Regular;  font-size: 64px;  font-style: normal;  font-weight: 700;  line-height: 100px;}
.turn-clean-page .inner-container .rectangle .inner-content {  width: 871px;  /* height: 143px; */  flex-shrink: 0;  margin: auto;  margin-top: auto;  margin-top: 30px;}
.turn-clean-page .inner-container .rectangle .inner-content .para p {  color: #000;  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 500;  line-height: 40px;}


/* sustainablity-container  */

.turn-clean-page-main-container .inner-container h1 { font-family: Modelista Regular; font-size: 96px; font-style: normal; font-weight: 100; line-height: 116px; }
.turn-clean-page-main-container .inner-container h1 span{display: block;}
.turn-clean-page-main-container .inner-container .para-container {  width: 848px;  /* height: 302px; */  flex-shrink: 0;  margin: 50px auto; }
.turn-clean-page.turn-clean-page-main-container{padding: 100px 0;}
.turn-clean-page-main-container .inner-container .para-container p {  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 500;  line-height: 48px; display: block;}

.turn-clean-page-main-container .inner-container .para-container p.para-1 { margin-bottom: 40px;}


/* our services container */
.turn-clean-our-services-page-main-container {  margin: 50px 0;}
.turn-clean-page .inner-container .rectangle .inner-content .heading { margin-bottom: 15px;}
.turn-clean-page .inner-container .rectangle .inner-content .heading h4 { color: #000; font-family: Neue Haas Grotesk Display Pro; font-size: 32px; font-style: normal; font-weight: 500; line-height: 48px;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .image-collection {  margin: 90px 0;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .list-container {   display: flex;  align-items: center;   justify-content: center;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .list-container .list-col-1 { flex-basis: 40%;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .list-container .list-col-2 { flex-basis: 40%;}
.turn-clean-our-services-page-main-container .rectangle .list-container ul,
.turn-clean-our-services-page-main-container .rectangle .list-container ul { width: 442px;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .list-container li {  color: #000;  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 500;  cursor: pointer;  line-height: 60px;}
.turn-clean-our-services-page-main-container .inner-container .rectangle .list-container li:not(:last-child) { border-bottom: 2px solid #000;}
/*float images section  */
.turn-clean-page .image-collection .image-inner-section{position:relative;display: flex; flex-wrap: wrap; align-items: center;justify-content:center;}
.turn-clean-page .image-collection .fixed-section{position: relative;transition:transform 0.35s linear;}
.turn-clean-page .image-collection .fixed-section img{width: 100%; }
.turn-clean-page .image-collection .organic-section,
.turn-clean-page .image-collection .cruelty-section{width:20%;}
.turn-clean-page .image-collection .middle-images{display: flex; flex-direction: column; align-items: center;width:60%;position:relative;margin: 0 -50px;}
.turn-clean-page .image-collection .fixed-section.vegan-section{margin-right: auto; margin-left: 50px;}
.turn-clean-page .image-collection .fixed-section.clean-section{margin-left:auto;}
.turn-clean-page .image-collection .fixed-section.bunny-section{margin:-250px 0px -80px;}

/* for mobile  */
@media screen and (max-width: 767px){
    .turn-clean-page-main-container .inner-container .para-container p.para-1{margin-bottom: 20px;}
    .turn-clean-our-services-page-main-container .inner-container .rectangle .image-collection{margin: 150px 0 0 0 ;}
    .turn-clean-page .image-inner-section.hidden-desktop{display: flex; flex-wrap: wrap; align-items: center; position: relative; justify-content: start;}
    .turn-clean-page .image-inner-section.hidden-desktop .fixed-section{ max-width: 134px; width: 100%; position: relative;}
    .turn-clean-page .image-inner-section.hidden-desktop .organic-section.fixed-section{left: 8px; bottom: -104px; margin: 0;}
    .turn-clean-page .image-inner-section.hidden-desktop .vegan-section.fixed-section{ position: absolute;  top: 0; right: 0; margin: 0;}
    .turn-clean-page .image-inner-section.hidden-desktop .bunny-section.fixed-section{ max-width: 294px; width: 100%; margin: auto; margin: 0;}
    .turn-clean-page .image-inner-section.hidden-desktop .cruelty-section.fixed-section{ bottom: 60px; margin: 0;}
}
/* .turn-clean-page .image-collection .bunny-section.fixed-section{max-width: 60%;}
.turn-clean-page .image-collection .fixed-section:not(.bunny-section){max-width: 20%;}
.turn-clean-page .image-collection .organic-section{left: 9%; top: 22%;}
.turn-clean-page .image-collection .vegan-section{left: 36%; top: 8%;}
.turn-clean-page .image-collection .bunny-section{left: 20%; top: 2%;}
.turn-clean-page .image-collection .clean-section {right: 26%;bottom: 37%;}
.turn-clean-page .image-collection .cruelty-section {right: 9%; top: 3%;} */




/* our-approach container  */
.turn-clean-page.turn-clean-our-approach-container h2, .turn-clean-page.turn-clean-our-approach-container p{ margin-bottom: 50px;}
.turn-clean-page.turn-clean-our-approach-container .inner-container { text-align: start}
.turn-clean-page .inner-container .flex-container h2 {margin-bottom: 40px;   color: #000;   font-family: Modelista Regular; font-size: 64px;  font-style: normal;   font-weight: 700;   line-height: 100px;}

.turn-clean-page .inner-container .flex-container p {  color: #000;  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 500;  line-height: 40px;}

.turn-clean-page .inner-container .flex-container li { list-style: initial; color: #000; font-family: Neue Haas Grotesk Display Pro; font-size: 24px; font-style: normal; font-weight: 500; line-height: 50px;}

/* our process container  */
.turn-clean-page.turn-clean-our-process-page-main-container { margin: 150px 0;}
.turn-clean-page.turn-clean-our-process-page-main-container .flex-container { margin-top: 50px;}
.turn-clean-page.turn-clean-our-process-page-main-container .col-1 { flex-basis: 47% !important; order: 2; text-align: start;}
.turn-clean-page.turn-clean-our-process-page-main-container .col-2 {flex-basis: 40% !important;}
.turn-clean-page.turn-clean-our-process-page-main-container .col-1 ul {  margin: 0;  padding: 0;  max-width: 500px;  width: 100%}
.turn-clean-page.turn-clean-our-process-page-main-container .col-1 ul li {  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 700;  text-transform: uppercase;  padding: 10px 0;  list-style: none;  cursor: pointer; }


/* turn-key-container  */
.turn-clean-page.turn-clean-turn-key-container {  padding: 100px 0;}

.col-1.turn-key-text-container { text-align: start;}

/* display para on hover section  */
.turn-clean-our-process-page-main-container .col-1 p.display-para {display: none; text-transform: capitalize; padding: 20px 0;}
.turn-clean-our-process-page-main-container .col-1 .our-process-links { color: #000;text-decoration: none; display: block; width: 100%; position: relative; border-bottom: 2px solid #000;}
.turn-clean-our-process-page-main-container .col-1 .our-process-links::after {position: absolute;  content: "+";  right: 2%; font-size: 28px; font-weight: 400; top: 0;}
.turn-clean-our-process-page-main-container .col-1 .our-process-list-items.active .our-process-links::after {content: "-";}
.turn-clean-our-process-page-main-container .col-1 .our-process-links .display-para{padding: 15px 0;}
/***** turn clean page close  *****/

/****** our process-page  *******/
/* global css  */
.our-process-page .inner-container {  max-width: 1360px;  width: 100%;  margin: auto;}
.our-process-page .inner-container .flex-container { display: flex; justify-content: space-between; align-items: center;}
.our-process-page .inner-container .flex-container .col-1 {  width: 100%;  flex-basis: 45%;}
.our-process-page .inner-container .flex-container .col-2 { width: 100%; flex-basis: 45%;}
.our-process-page .inner-container .flex-container .col-2 h2 { color: #000; font-family: Modelista Regular; font-size: 64px; font-style: normal; font-weight: 500; line-height: 100px; margin-bottom: 60px; display: block;}
.our-process-page .inner-container .flex-container .col-2 h4 {  color: #000;  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px; font-style: normal; font-weight: 700; line-height: 40px; text-transform: uppercase; margin-top: 43px;}
.our-process-page .inner-container .flex-container .col-2 p {  color: #000;  font-family: Neue Haas Grotesk Display Pro;  font-size: 24px;  font-style: normal;  font-weight: 500;  line-height: 40px; display: block;}

/* banner-container  */
.our-process-page.our-process-page-main-container .banner { position: relative; height: 100vh; overflow: hidden;}
.our-process-page.our-process-page-main-container .image-banner{ overflow: hidden;}
.our-process-page.our-process-page-main-container .image-banner img { width: 100%; display: block; filter: brightness(0.6);}
.our-process-page.our-process-page-main-container .image-banner img.zoom-in{  transition: transform 1s ease-in-out;  animation: zoomIn 1s ease-out;}
@keyframes zoomIn { 0% { opacity: 1;transform: scale(1);} 100% {opacity: 1;transform: scale(1.4);}}
.our-process-page.our-process-page-main-container .banner .content {position: absolute; max-width: 1300px; width: 100%; top: 22%; left: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; margin: auto;}
.our-process-page.our-process-page-main-container .banner .content h1 { color: #FFF; text-align: center; font-family: Modelista Regular; font-size: 96px; font-style: normal; font-weight: 500; line-height: 116px; display: block;}
.our-process-page.our-process-page-main-container .banner .content h1 span{
    display: block;
}
/* the dps difference container  */ 
.our-process-page.dps-difference-container {  margin: 80px 0;}

/* our-approach-container  */
.our-process-page.our-approach-container { margin: 80px 0;}
.our-process-page.our-approach-container .col-1 { order: 2;}
.our-process-page .col-1 video{ width: 100%;border-radius: 60px;}

/* our process page our-process-container-slider  */
.our-process-page .inner-container .rectangle { max-width: 1267px; width: 100%; /* height: 1270px; */ height: 100%; flex-shrink: 0; border-radius: 50px; background: #E7F1F7; padding-top: 80px; padding-bottom: 70px;}
.our-process-page .inner-container .rectangle .content-container {  text-align: center; padding-bottom: 4px;}
.our-process-page .inner-container .rectangle .content-container h2 { color: #000; text-align: center;font-family: Modelista Regular;font-size: 64px;font-style: normal;font-weight: 500;line-height: 100px;}
.our-process-page .inner-container .rectangle .content-container .para-content { width: 100%; margin: auto; max-width: 739px;}
.our-process-page .inner-container .rectangle .content-container .para-content p {color: #000; text-align: center;font-family: Neue Haas Grotesk Display Pro;font-size: 24px;font-style: normal;font-weight: 500; line-height: 40px;}
.our-process-page .inner-container .rectangle .content-container .para-content p.para-1 { margin-bottom: 30px;}

/* our-process-page  swiper css  */
.our-process-swiper-slider .our-process-swiper .swiper-wrapper img { width: 100%; height:auto!important;}
.our-process-swiper-slider { overflow: hidden; margin: auto; display: flex; justify-content: center; align-items: center; margin-bottom: 65px; position: relative;}
.our-process-swiper-slider .our-process-swiper { width: 100%; height: 100%; max-width: 1169px; overflow: hidden; padding-top: 80px; padding-bottom: 80px;}
.our-process-swiper-slider .our-process-swiper .swiper-wrapper { flex-direction: row !important; cursor: auto !important; height: 100% !important;}
.our-process-swiper-slider .our-process-swiper .swiper-slide {  transition: transform 1s ease;cursor: auto;}
.our-process-swiper-slider .our-process-swiper .swiper-slide-active { transform: scale(1.2);}
.our-process-swiper-slider .our-process-swiper .swiper-slide-prev { z-index: -1;}
.our-process-swiper-slider .our-process-swiper .swiper-slide-next {z-index: -1;}
.our-process-swiper-slider .our-process-swiper .swiper-button-prev, .our-process-swiper-slider .our-process-swiper .swiper-button-next{ color: #000 !important; display: none;}
.our-process-swiper-slider .our-process-swiper .swiper-pagination {position: absolute; left: 50%; display: flex; justify-content: center; align-content: center; align-items: center; transform: translate(-50%); bottom: 4px;top: auto;}
.our-process-swiper-slider .our-process-swiper .swiper-pagination-bullet{ background-color: #fff ; width: 10px; height: 10px; opacity: 1;}
.our-process-swiper-slider .our-process-swiper .swiper-pagination-bullet-active{  background-color: #000 ;}
.our-process-page.our-approach-container .inner-container .flex-container .col-1 { margin-bottom: 100px;}


.turn-clean-page ul{padding-left: 2rem;}
.turn-clean-page.turn-clean-turn-key-container ul{margin-top: 25px;}
@media screen and (max-width:767px) {
        
    .our-process-swiper-slider .our-process-swiper {
        padding-bottom: 40px;
        padding-top: 0 !important;
    }
    
    .our-process-swiper-slider .our-process-swiper .swiper-slide {

        padding: 0 20px !important;

    }

    .our-process-swiper-slider .our-process-swiper .swiper-slide-active{
        transform: scale(1);
    }
	.our-process-page.our-process-page-main-container .image-banner{overflow:hidden;}
	.our-process-page.our-process-page-main-container .image-banner img{position: relative; width: 1300px; margin-left: -450px; max-width: inherit;}
    .our-process-page:not(.our-process-page-main-container){padding: 0 17px;overflow:hidden}
    .our-process-page.dps-difference-container{margin-bottom: 40px; margin-top: 40px;}

    .our-process-page.our-process-page-main-container .banner .content{top: 0;bottom: 0;left: auto;width:100%;}

    .turn-clean-page{
		padding: 20px 0 !important;
        margin: 0 20px !important;
    }
    .turn-clean-page-main-container h1{
        margin-top: 50px;
    }
    .turn-clean-page .inner-container {
        text-align: start;
    }
    .turn-clean-page-main-container .inner-container h1 {
        padding: 0px 5px;
        text-align: center;
        font-size: 54px;
        line-height: 64px;
    }

    .turn-clean-page-main-container .inner-container .para-container {
        width: 100%;
        max-width: 284px !important;
        margin-bottom: 0;
    }

    .turn-clean-page-main-container .inner-container .para-container p {
        text-align: center;
        font-family: Neue Haas Grotesk Display Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
    }

    .turn-clean-page .inner-container .rectangle .heading h2 {
        text-align: center;
        font-family: Modelista Regular;
        font-size: 54px;
        font-style: normal;
        font-weight: 500;
        line-height: 64px;
    }

    .turn-clean-our-services-page-main-container .inner-container {
        padding-left: 0 !important;
    }

    .turn-clean-page .inner-container .rectangle {
        height: 100%;
        padding: 80px 20px 30px 20px;

    }

    .turn-clean-our-services-page-main-container .inner-container .rectangle .list-container {
       display: block;
    }
    
    .turn-clean-our-services-page-main-container .rectangle .list-container ul,
    .turn-clean-our-services-page-main-container .rectangle .list-container ul {
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .turn-clean-our-services-page-main-container .rectangle .list-container .list-col-1 li:last-child{
        border-bottom: 2px solid;
    }


    .turn-clean-page .inner-container .rectangle .inner-content {
        width: 100%;
        padding: 0px 10px;
    }

    .turn-clean-page .inner-container .rectangle .inner-content .heading h4 {
        padding: 0px 5px;
        text-align: center;
        font-family: Neue Haas Grotesk Display Pro;
        font-size: 22px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
    }

    .turn-clean-page .inner-container .rectangle .inner-content .para p {
        padding: 0px 5px;
        font-family: Neue Haas Grotesk Display Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
        text-align: center;
    }

    .turn-clean-our-services-page-main-container .inner-container .rectangle .list-container li {
        font-size: 18px;
        padding: 0px 5px ;
        text-align: center;
    }

    .turn-clean-page .inner-container .flex-container {
        flex-direction: column;
    }

    .turn-clean-page .col-1 {
        width: 100%;
        flex-basis: 100%;
    }

    .turn-clean-page .col-2 {
        width: 100%;
        flex-basis: 100%;
    }

    .turn-clean-page .inner-container .flex-container h2 {
     
        font-family: "Modelista Regular";
        font-size: 52px;
        font-style: normal;
        font-weight: 700;
        line-height: 64px;
    }

    .turn-clean-page .inner-container .flex-container p {
        font-family: Neue Haas Grotesk Display Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
    }

    .turn-clean-page .inner-container .flex-container li {
        font-family: Neue Haas Grotesk Display Pro;
        font-size: 16px;
        font-style: normal;
        font-weight: 450;
        line-height: 24px;
    }
    .turn-clean-page.turn-clean-our-process-page-main-container .col-1 ul{
        margin-top: 28px;
    }
  

    .turn-clean-page.turn-clean-our-process-page-main-container .col-1 ul li {
        font-size: 18px;
        padding: 0px 5px ;
        margin: 13px 0;
    }
    .turn-clean-page.turn-clean-our-approach-container .col-1{
        order: 1;
        margin-top: 45px;
    }
    .turn-clean-page.turn-clean-our-process-page-main-container{
        margin: 0px 20px !important;
    }
    .turn-clean-page.turn-clean-our-process-page-main-container .inner-container .flex-container .col-2 {margin: 0;}
    .turn-clean-page.turn-clean-turn-key-container .col-1{
        order: 2;
    }
    .turn-clean-page.turn-clean-turn-key-container{
        margin-bottom: 40px !important;
    }
    .turn-clean-our-process-page-main-container .col-1 .our-process-links{
        padding: 10px 0;
    }
    .turn-clean-our-process-page-main-container .col-1 .our-process-links::after{
        top: 9px;
    }


    /* our process page  */
 
    .our-process-page.our-process-page-main-container .banner .content h1{
        font-size: 50px;
        line-height: 64px;
        max-width: 359px;
        width: 100%;
        margin: auto;
    }
    .our-process-page .inner-container .rectangle {
        height: 100%;
      
        padding-bottom: 40px;
    }
    .our-process-page .inner-container .flex-container{
        flex-direction: column;
    }

    .our-process-page .inner-container .flex-container .col-1 {
        flex-basis: 100%;
        margin-bottom: 0 !important;
    }
    .our-process-page .inner-container .flex-container .col-2{
        flex-basis: 100%;
        margin-top: 30px;
    }
    .our-process-page .inner-container .flex-container .col-2 h2{
        font-size: 51px;
        padding: 0 7px 0 0 ;
        line-height: 64px;
        margin-bottom: 20px;
    }
    .our-process-page.our-approach-container .inner-container .flex-container .col-2 h2{
        padding: 0 !important;
    }
    .our-process-page.our-approach-container{margin: 45px 0;}
    .our-process-page .inner-container .flex-container .col-2 h4{
        font-size: 16px;
        line-height: 24px;
        padding: 0px 7px ;
    }
    .our-process-page .inner-container .flex-container .col-2 p{
        font-size: 15px;
        line-height: 24px;
        padding: 0px 7px ;
    }
    .our-process-page .inner-container .rectangle .content-container h2{
        padding: 0px 7px;
        font-size: 54px;
        line-height: 100px;
    }



    .our-process-page .inner-container .rectangle .content-container .para-content p{
        font-size: 16px;
        line-height: 27px;
        text-align: center;
        padding: 0px 20px ;  
    }
    .our-process-swiper-slider{
        margin-bottom: 50px;
    }

    .our-process-page.our-approach-container .col-1 {order: 1; }
    .our-process-page.our-approach-container .col-2 {order: 2; }
    .our-process-page.our-approach-container .col-2 p.para-2{margin-top: 25px;}
    .turn-clean-page.turn-clean-our-approach-container h2, .turn-clean-page.turn-clean-our-approach-container p{margin-bottom: 25px;}

    
}