/*-------------max-width:1920px---------- */
/*---------------------------------------*/

.mobile_view .mob_click  { height: 20px; width: 20px; background-color: transparent; color: #fff; display:  grid; place-items: center;
        position: absolute;
        right: 7px;
        top: 15px; }

    .mobile_view .navbar>ul { padding-top: 11rem; }
    .mobile_view .navbar>ul a i { display: none;}
    .mobile_view .dropdown {  pointer-events: all;     width:100%;
        border-radius: 0;
        margin-left: 2rem;}

    .mobile_view   .has-droapdown a {    margin-right: 20px;}
    .mob_click { display: none;}
    .mobile_view .mob_click { display: grid;} 
    /* .mobile_view .has-droapdown.active { pointer-events: none;}  */


@media screen and (max-width:1920px){
.middle-line .grey-line {height:150rem;}
.founder-info .founder-txt{left: 72rem;}
}

/*-------------max-width:1500px---------- */
/*---------------------------------------*/

@media screen and (max-width:1500px){
.bg-image .bg-img-fish {top: 5rem; right: 0; width: 31rem;}
.bg-image .bg-img-tree{left: 0;top: 0rem;}
.banner-img img{margin-top: 23rem;}
.banner .banner-text p{margin-bottom: 17rem;}
.logo-slider{padding: 15rem 0 0 0;}
.left-arrow img{left: 1.2rem;}
.right-arrow img{right: 3rem;}
.map:after{bottom: -6rem;}
.mobile-view-swiper{display:none;}
.table-bg-img img{top: -23%;}
.bg-bottom img{top:56rem;}
.middle-line .grey-line{height: 151rem;}
.tes-img .testi-logo {top: 26rem;}
.tes-img .testi-logo img {width: 14rem;}
.contact_dtl .left_icns img{width:8em;}
/* .main-footer .main-footer-text p{padding-top: 10rem;} */
.founder-info .founder-txt{left: 72rem;}


/* ---------------about us------------ */
/*--------------------------------------*/

.bottom-video-sec .bottom-sec-1 {width: 100%; padding: 2rem 0 0 0;}
.bottom-video-sec .bottom-sec-1 .sec-1-img {padding-left:0;}
.bottom-video-sec .bottom-sec-1 .sec-1-text{width: 48rem;}
.bottom-video-sec .bottom-sec-2 {width: 100%; padding: 10rem 0 5rem 0.5rem;}
.inner-content-header .inner-text2{padding-top:0;}*/
}

/*-------------max-width:1300px---------- */
/*---------------------------------------*/

@media screen and (max-width:1300px){
.bg-img-solution>img {width: 100%;}
.bottom-img>img{width:100%; top: 22rem; left: -9.7rem;}
.navbar>ul {flex-wrap:nowrap;}
.navbar>ul>li:nth-child(4){width: 24rem;}
.banner-img img {width: 34rem; margin-top: 23rem;}
.banner-text {padding-bottom: 0rem;}
.bg-image .bg-img-fish {position: absolute;}
.bg-image .bg-img-tree {position: absolute;left: -9rem;top: 0rem;}
.about-us .about-text p{font-size: 2rem;}
.about-us .about-text p br{display:none;}
.pos-font .text-1 h4 .arrow::before{width: 20rem;}
.pos-font .text-2 h4 .arrow::before {width: 19rem;margin-left: 7rem;}
.hotel-swiper img {width:18rem;} 
.bg-img{height: 88rem;}
.right-arrow img{right: 0rem;}
.bg-img-solution>img {margin-top:10rem;}
.inner-solution .inner-text p:nth-child(2){font-size: 2rem;}
.inner-solution .inner-text p:nth-child(3){font-size: 2rem;}
.inner-solution .inner-img img{width: 52rem;}
.inner-content .content img{width: 26rem;}
.footer-img img {    width: 2rem;}
.pbp-text .inner-text{margin: 2.3rem 0 0 0rem;}
.replace-plastic-sec .replace-text br{display:none;}
.inner-content .content br{display:none;}
.hotel-swiper {margin-left:1.3rem; margin-right:0;}
.main-footer-text ul{margin-bottom:5rem;}
.middle-line .grey-line{height:175rem;}
.tes-img .testi-logo img {width: 17rem;}
.tes-img .testi-logo {top: 29rem;}
.connect-us img{width: 140rem;}
/* .main-footer .main-footer-text p{padding-top: 6rem;} */
.founder-info .founder-txt{left: 77rem;}
.inner-img-header{left: 36rem;}
.full-banner .full-banner-text{top:30rem;}


/* ---------------about us------------ */
/*--------------------------------------*/
.about-us-info .info-text{padding: 12rem 0 0 5rem;}
.replace-plastic-text{padding: 0 10rem}
.inner-content-header .inner-text2{padding-top:0;}



/* ---------------contact us------------ */
/*--------------------------------------*/
.map:after{bottom: 0;}
.contact_dtl .left_icns img{width:10rem;}
.contact_right .custom_form textarea{min-width: 129rem;}

}

/* ---------------max-width:1370px------------ */
/*--------------------------------------------*/
@media screen and (max-width:1370px){
html{font-size: 8px;}
.banner-img img  {   transform-origin: 79% 110%;}
}

/* ---------------max-width:1024px------------ */
/*--------------------------------------------*/

@media screen and (max-width:1024px){
.mobile-navbar{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mobile-logo img{width:18rem; padding:1rem;}
.openbtn {position: relative; background: #10568f;   cursor: pointer; width: 50px; height: 50px;border-radius: 5px;}
.openbtn span {display: inline-block;background: #fff; position: absolute; left: 14px; height: 3px;border-radius: 2px; width: 45%;transition: all .4s;}
.openbtn span:nth-child(1) {top:1.5rem;}
.openbtn span:nth-child(2) {top:2.4rem;}
.openbtn span:nth-child(3) {top:3.2rem;}
.bg-image .bg-img-fish{right: -4rem; width: 24rem; top: 3rem;}
.bg-image .bg-img-tree{left: -4rem;}
.pos-font .text-2 h4 .arrow::before {width: 9rem; margin-left: 17rem;}
.pos-font .text-1 h4 .arrow::before{width: 10rem;}
.right-arrow img {right: 1rem;}
.inner-solution .inner-text{padding-left:0rem;}
.quatation-bg{background-size: cover;}
.inner-content .content img{margin-left: 3rem;}
.replace-plastic-sec .replace-text h4{font-size: 4.8rem;}
.replace-plastic-sec .replace-text br{display:none;}
.inner-content .content br{display:none;}
.main-footer-text ul{margin-bottom:8rem;padding: 0;}
.footer-form .footer-text h5 {padding-right: 3rem;}
.swiper-slide img{margin-left: 1rem;}  
.backdrop {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000000d4;opacity: 0;transition: 0.5s;z-index: 1; pointer-events: none;}
body.sidemenu-opened .toggle-btn span{background-color: #ffffff;}
.navbar>ul {flex-direction:column;         width: 100%;}
body.sidemenu-opened .navbar{transform:translatey(0);transition:0.5s ease-in-out;}
body.sidemenu-opened .toggle-btn{z-index:9999;position:relative;}
.navbar ul li{width:100%;border-bottom:1px solid white;padding:2rem 4rem 2rem 0;}
.mobile_view .dropdown {
    background-color: #0b497c;
    width: 105%;
    margin-left: 0rem;
}
.dropdown ul li:before {display: none;}
.inner-sub-text1, .inner-sub-text1.lg_text { position: static;}
/* .navbar>ul li:nth-child(4){display:none;} */
.navbar{position:fixed;right:0;top:0;background-color:#10568f;
    z-index:9999;width:100%;text-align:right; margin-bottom: 0; padding-bottom: 0; transform:translatey(-100%); transition:0.5s ease-in-out;}
.navbar ul li a{color:#fff;}
/* .navbar ul li:first-child{padding-top:15rem;} */
body.sidemenu-opened .backdrop{opacity: 1;}
.mobile-view-swiper{display:none;}

.navbar>ul>li>a:hover {color: #fff !important;}
.dropdown ul { padding-bottom: 0 !important; padding-top: 0 !important;}
/* ------------about us------------ */
/*-----------------------------------*/

.inner-content-header{padding-top: 3rem;}
.inner-content-header .inner-text2 h3{padding: 7rem 0 3rem 3rem;}
.inner-content-founder .inner-content-text p br{display:none;}
.bottom-video-sec .bottom-sec-1 {padding: 2rem 8rem 0 8rem;}
.bottom-video-sec .bottom-sec-1 .sec-1-img img{width: 35rem; margin-left: 5rem;}
.bottom-sec{padding: 8rem 9rem; column-gap: 2rem;}
.bottom-video-sec .bottom-sec-2 .sec-1-img img{margin-left: 2rem; width: 40rem;}
.bg-founder-sec{height: auto;}
.wrw-sec .wrw-img{width: 50%;}
.connect-us img {width: 118rem;}
.mob_logo {display: none;} 
}

/* ---------------max-width:992px------------ */
/*--------------------------------------------*/

@media screen and (max-width:992px){
.inner-banner{height: auto;}
.full_blob_new { width: 30rem; }
.banner_anim2 div, .banner_anim2 div span {display: inline;}
.banner_anim2{padding: 1.5rem 0 0rem 0rem;}
.inner-sub-text1 { position: static;}

/* -------------menubar---------- */
/*---------------------------------*/
.hiw-images {margin-top: 5rem;}
.navbar{display:block; }
.navbar>ul{margin-left: 0;}
.mobile-navbar{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.mobile-logo img{width:12rem; padding:1rem; z-index:9999; position:relative;}
body.sidemenu-opened .toggle-btn span{background-color: #ffffff;}
.navbar>ul {flex-direction:column;}
body.sidemenu-opened .navbar{transform:translatey(0);transition:0.5s ease-in-out;}
body.sidemenu-opened .toggle-btn{z-index:9999;position:relative;}
.navbar ul li{width:100%;    border-bottom: 1px solid #ffffff3d;
padding:2rem 2.2rem 2rem 0;}
/* .navbar>ul li:nth-child(4){display:none;} */
.navbar{position:fixed;right:0;top:0;background-color:#10568f;z-index:9999; text-align:right;transform:translatey(-100%); transition:0.5s ease-in-out; width:100%;}
.navbar ul li a{color:#fff;}
/* .navbar ul li:first-child{padding-top:15rem;} */
body.sidemenu-opened .backdrop{opacity: 1; pointer-events: all;}
.dropdown ul li {padding-block: 1rem; }

.sidemenu-opened .toggle-btn span:last-child {     width: 26px;
    left: 1rem; transform: rotate(48deg) translateY(5px) translateX(2px);}
    .sidemenu-opened .toggle-btn span {    transform: rotate(319deg) translateY(-4px) translateX(3px);}

/* -----------------home page------------- */
/*-------------------------------------------*/
     
.banner-content {top: 15rem;padding: 0 1rem;text-align: center; position: static; transform: translateY(0);}
.banner{flex-wrap: wrap;}
.banner-text{padding-bottom: 8rem;padding-left: 2rem;}
.banner .banner-text h2 {font-size: 6.5rem; margin-top: 16rem;}
.main-bg-img{background-size:cover;}
.about-us .about-image { width: 42rem; max-width: 100%; }
 #banner_home { margin-bottom: -6rem; }
.banner-img img {margin:7rem 0 0 10rem; width: 29rem;}
.bg-image .bg-img-fish { left: auto; right: 0;width: 15rem;}
.bg-image .bg-img-tree{left: -1rem; top: 16rem; width: 10rem;}
.about-us{flex-wrap: wrap; }
.about-us .about-image img{width: 38rem; padding-top: 10rem;}
.about-us .about-text{padding: 6rem 2rem; text-align: center;}
.about-us .about-text h4{font-size: 2rem;}
.about-us .about-text p{line-height: 3rem;}
.logo-slider{padding:0;}
.about-us .about-text h3 {font-size: 5rem;}
.heading h3{padding-top: 6rem; font-size: 5rem;}
.our-impact-sec img{width: 31rem;}
.bg-img{height: 88rem;}
.pos-font .text-2{right: -2rem;}
.pos-font .text-1 h4 .arrow::after {display:none;}
.pos-font .text-1 h4 .arrow::before{display:none;}
.pos-font .text-2 h4 .arrow::before{display:none;}
.pos-font .text-2 h4 .arrow::after{display:none;}
.pos-font {position: absolute; top: 23rem; display:flex; flex-wrap: wrap; width:100%; right: 1.5rem;}
.pos-font .text-1{position:static; margin-top:18rem;}
.pos-font .text-1 h4{font-size:2.5rem;text-align:center;}
.pos-font .text-1 p{font-size:1.8rem;padding-left:2rem;text-align:center;}
.pos-font .text-1 p:last-child{padding-left: 2rem;text-align:center;}
.pos-font .text-2 {top: 18rem;}
.pos-font .text-2 h4{font-size: 2.5rem;}
.pos-font .text-2 p{font-size: 1.8rem;text-align: center;margin-left: 6rem;}
.why-php-text h3 {font-size:5rem;}
.why-php-text p {font-size: 1.6rem;padding-bottom:0;}
.pbp-text .inner-text{margin: 2.3rem 0 0 0rem;}
.left-arrow img {top: 16rem;}
.right-arrow img{top: 16rem;right: 0rem;}
.left-arrow {top:45rem; left:16rem;}
.right-arrow {top:45rem; right:16rem;}
.bg-img-solution>img {margin-top:6rem;}
.solution-text h3{font-size: 5rem;}
.solution-text p{font-size: 1.6rem;}
.solution-text p br{display:none;}
.inner-solution{flex-wrap:wrap;padding:0 2rem 0 1.2rem;}
.inner-solution .inner-img img{width: 35rem;}
.inner-solution .inner-text{text-align: center; width: 70rem;}
.inner-content {display:block; margin:0rem 0 5rem 0;text-align:center;}
.inner-content .content{width:100%;}
.inner-content .content img{width: 20rem;}
.inner-content .content p:nth-child(3){padding-bottom: 3rem;}
.inner-content .content p{padding-bottom: 3rem;}
.inner-content .content h5 {font-size: 3rem;}
.inner-content .content:last-child p{font-size: 2.5rem;padding-bottom: 7rem;}
.quatation-bg {background-size: cover;}
.replace-plastic-sec {flex-wrap: wrap;margin-top: 2rem;justify-content: center;}
.replace-plastic-sec .replace-text{text-align: center;}
.replace-plastic-sec .replace-text h4{font-size:5rem;}
.replace-plastic-sec .replace-text p{line-height: 1.3;}
.replace-img img{width: 38rem;}
.sub-heading p{font-size: 2rem;margin-top: 1rem;padding-bottom: 2rem;}
.testimonial-inner {flex-wrap: wrap;text-align: center;margin-top: 4rem;}
.testimonial-inner .tes-text h5:last-child{padding-bottom:5rem;}
.testimonial-header h4 {padding-top: 5rem;}
.bottom-img>img {top: 9rem; left: -0.7rem;}
.footer-form {flex-wrap: wrap;text-align: center;     padding: 5rem;}
.footer-form .footer-text h5{font-size: 2.5rem; padding-right:0;}
.footer-form .footer-bar input{width: 39rem;}
.footer-text{padding:1rem;}
.contact-button{margin-top:2rem;}
.main-footer {flex-wrap:wrap;padding: 2rem 0 10rem 0;         justify-content: space-between;}
.main-footer .main-footer-text{width: 33%;}
.bg-footer{padding-top: 5rem; padding-inline: 2rem;}
.main-footer .main-footer-text p {padding: 2.6rem 0;}
.main-footer-text img{width:35%;}
.footer-img img{width:2rem;padding-left:0;}
.swiper-slide img{margin: auto;}
.hotel-swiper{margin-left:0;}
.why-php-text br{display:none;}
.mobile-view-swiper{display:block;}
.icon-replace-plastic .icon img{display:none;}
.mobile-view-swiper .icn img{width:49rem;} 
.icon-replace-plastic {padding: 1rem 0 4rem 0;}
.sub-heading p br {display: none;}
.bg-testimonial{min-height: 100rem;}
.contact_right{text-align: center;}
.bubble-sizing svg{width: 27rem;}
.replace-plastic-sec .replace-text p{padding:0;}




/* ------about us responsive------------ */
/*----------------------------------------*/
.inner-banner img{height: auto; width: 100%;}
.inner-content-header .inner-text1{width: 100%; padding-left:0;     margin-top: 1rem;}
.inner-content-header{flex-wrap:wrap; text-align: center; padding: 0rem 1.5rem;}
.inner-content-header .inner-text2{width: 100%;}
.aim{justify-content: center; padding:0;}
.aim .aim-text p br{display:none;}
.aim .aim-text{text-align: center; padding: 0 1.5rem;}
.inner-content-founder{flex-wrap: wrap;}
.inner-content-founder{padding: 22rem 1rem 0 1rem;}
.inner-content-founder .inner-content-text {text-align: center;}
.inner-content-founder .inner-content-text p br{display:none;}
.bottom-sec{flex-wrap:wrap; row-gap: 2rem; padding:4rem 1rem; column-gap:0;}
.bottom-video-sec .bottom-sec-1{justify-content:none;padding:0 1rem; display:block; text-align: center;}
.bottom-video-sec .bottom-sec-2{display: block; justify-content:none; padding:0 1rem; }
.bottom-video-sec .bottom-sec-1 .sec-1-img{padding:0; padding-top: 2rem;}
.bottom-video-sec .bottom-sec-2 .sec-1-img img{margin:6rem 0;     width: 100%; }
.bottom-video-sec .bottom-sec-2 .sec-1-text {text-align: center; padding:0;}
.bottom-video-sec .bottom-sec-2 .sec-1-img{padding-bottom: 2.2rem;}
.bottom-video-sec .bottom-sec-1{width:100%;}
.bottom-video-sec .bottom-sec-1 .sec-1-img{width:100%;}
.bottom-video-sec .bottom-sec-2{width:100%;}
.bottom-video-sec .bottom-sec-2 .sec-1-img{width: 100%;}
.bottom-video-sec .bottom-sec-2 .sec-1-text{width:100%;}
.bottom-video-sec .bottom-sec-1 .sec-1-img img {width: 100%; margin-left: 0rem;}
.bottom-video-sec .bottom-sec-1 .sec-1-text{width:100%;}
.replace-plastic-text{padding: 0 1.5rem 2rem 1.5rem; text-align:center;}
.replace-plastic-text h4{padding-bottom: 2rem;}
.inner-content-founder .inner-content-text h4{padding-top:2rem;}
.qtn_left_img{bottom:calc(100% - 16rem)}
.inner-content .content img{width:15rem}
.testimonial-header h4{font-size:4rem}
.testimonial-inner .tes-img{width:37rem}
.pos-font .text-1 p{margin-bottom: 0;}
.pos-font .text-2 p{margin-bottom: 0;}
.arrow { display: none; }
.about-us-content {flex-wrap:wrap; padding:0 2rem;}
.about-us-content .about-us-text{width:100%; text-align:center;}
.about-us-content .about-us-img{width:100%;}
.about-us-content .about-us-img img{width: 100%;}
.aim-comp-sec{flex-wrap:wrap; margin: 0;}
.aim-comp-sec .inner-text2{width:100%;padding-top:6rem;}
.bg-founder-sec{background-size:cover; background-image: none;}
.founder-info{padding-top: 10rem;}
.founder-info .founder-img img{width:47rem;}
.founder-para p {column-count:1;text-align:center;padding: 2rem 2rem 2rem 2rem;}
.founder-title{margin-left:0rem;text-align:center;}
.wrw-sec{flex-wrap:wrap;margin-top: 6rem;}
.wrw-sec .wrw-img{width:100%;text-align:center;    margin-bottom: 5rem;}
.wrw-sec .wrw-img img{width: 46rem;}
.wrw-sec .wrw-txt{width:100%;text-align:center;}
.about-us-info {flex-wrap:wrap;}
.about-us-info .info-image{padding-top:5rem;}
.about-us-info .info-image img{width:100%;}
.about-us-info .info-text{width:100%;text-align:center;padding:2rem 0 0 0;}
.aim .aim-img img {width: 100%;}
.founder-info .founder-txt {top: 60rem;left:57%;padding: 0; width:16rem;}
.founder-info .founder-txt h3::before{height: 20%; left: -5.5%; width: 9%;}
.founder-info .founder-txt h3{font-size: 2.2rem;}
.founder-info .founder-txt h3::after {top: 9rem;width: 8%;height: 19%;z-index: 999;}
/* .sub-inner .sub-content:last-child .sub-text:nth-child(2) {padding-left: 2rem;} */
/* .sub-inner .sub-content:last-child{padding-left: 3rem;} */


/*----------------How it works--------------*/
/*--------------------------------------------*/

.vertical-slider{}
.final-sec-htw{padding: 7rem 1rem; margin:0; flex-wrap: wrap; text-align:center;}
.final-sec-htw .final-sec-text {width: 100%;}
.final-sec-htw .final-sec-img {    width: 100%; padding-bottom: 3rem;}
.middle-line .grey-line {left: 10%; top: 16rem;}
.vertical-slider {}
.vertical-slider .vrt-img{width:40%;}
.vertical-slider .vrt-txt{width:60%;}
.vertical-slider-reserve{    flex-direction: row-reverse;text-align:center;}
.vertical-slider-reserve .vrt-img-reverse{width:40%;margin-left:0rem; position: relative;}
.vertical-slider-reserve .vrt-txt-reverse{width:60%;text-align:left; padding-top: 2rem; position: relative;}
.vertical-slider-reserve .vrt-txt-reverse .circle{margin:0;}
.middle-line .grey-line{height: 272rem;}
.mobile-view-swiper{display:block;}
.inner-banner .banner-content p br {display:none;}
.table-bg-img img{ top: -7%; }
.bg-bottom img {top:65rem;}
.hiw-images img {width: 100%;         height: 30rem;
    object-fit: cover;}
.inner-img-header h3{font-size: 3rem;     margin-bottom: 2rem;}
.inner-img-header .inner-img-text{padding: 2rem 0 2rem 0;}
.inner-img-header .inner-img-text .inner-sub-text h4{font-size: 3rem;}
.inner-img-header .inner-img-text .inner-sub-text1 {line-height: 1;}
.inner-img-header .inner-img-text .inner-sub-text1 p{font-size: 1.5rem; line-height: 1;}
.inner-img-header .inner-img-text .inner-sub-text1 p br{display:none;}
.inner-img-header{left: 5rem;  display: flex; flex-direction: column; justify-content: center; top: 0;   height: 100%;}
.hiw-images { padding: 0;}
.inner-img-header .inner-img-text:nth-child(3) {padding-bottom: 0;}
.inner-img-header .inner-img-text .inner-sub-text {width: 25%;         padding-right: 0;}
.inner-sub-text1.lg_text, .inner-sub-text1 { position: static; }


/*------------our clients-------------------*/
/*--------------------------------------------*/

.hotel-sec1, .hotel-sec2, .hotel-sec3, .hotel-sec4{flex-wrap:wrap; padding-bottom:0;}
.hotel-sec1 .image-hotel-sec{width:100%; padding: 3rem 0;}
.hotel-sec2 .image-hotel-sec{width:100%; padding: 3rem 0;}
.hotel-sec3 .image-hotel-sec{width:100%; padding: 3rem 0;}
.hotel-sec4 .image-hotel-sec{width:100%; padding: 3rem 0;}
.image-hotel-sec {width:50%; padding-left:1rem; }
.hotel-sec .image-hotel-sec img{width:18rem;}
.hotel-sec .image-hotel-sec:last-child {margin-top: 4rem;}
.hotel-sec .image-hotel-sec:nth-child(6){padding-top:12rem;}
.hotel-sec .image-hotel-sec:nth-child(8){padding-top:17rem;}
.hotel-sec .image-hotel-sec:nth-child(9){padding-top:15rem;}
.hotel-sec .image-hotel-sec:nth-child(10){padding-top:14rem;}
.hotel-sec .image-hotel-sec:nth-child(14){padding-top:9rem;}
.hotel-sec .image-hotel-sec:nth-child(15){padding-top:16rem;}
.hotel-sec .image-hotel-sec:nth-child(16){padding-top:13rem;}
.hotel-sec .image-hotel-sec:nth-child(17){padding-top:13rem;}
.hotel-sec .image-hotel-sec:last-child {padding-top:8rem;}



/*------------contact us--------------------*/
/*--------------------------------------------*/
.contact_dtl .left_icns img{width:11rem;}
.contact_right .custom_form textarea {min-width: 40rem;}
.contact_right .btn-book-space {text-align: center;}

   

/*----------our solution---------------------*/
/*---------------------------------------------*/

.solution-content {flex-wrap:wrap;padding-left:.5rem;}
.solution-content .sol-text{width:100%;text-align:center;padding:0;}
.solution-content .sol-img{width:100%;}
.solution-content .sol-img img{max-width:100%;}
.sol-para-txt{flex-wrap:wrap;padding-bottom: 8rem;}
.sol-para-txt .sol-sub-img{width:100%;text-align:center;padding-top:3rem;}
.sol-para-txt .sol-sub-txt{width:100%;text-align:center;padding:2rem 2rem 0 ;}
.sol-para-txt1{flex-wrap:wrap;padding-bottom: 8rem;}
.sol-para-txt1 .sol-sub-img{width:100%;text-align:center;padding-top:3rem;}
.sol-para-txt1 .sol-sub-txt{width:100%;text-align:center;padding:2rem 2rem 0;}
.sol-para-txt2{flex-wrap:wrap;    padding-block: 5rem;}
.sol-para-txt2 .sol-sub-img{width:100%;text-align:center;padding-top:3rem;     padding-top: 0;
    padding-right: 0;}
.sol-para-txt2 .sol-sub-txt{width:100%;text-align:center;padding:2rem 2rem 0;}
.connect-us {position:static;background-color:#1571aa;border-radius:2rem;padding:2rem;}
.connet-info {flex-wrap:wrap;position:static;top:0;padding:0;}
.connect-us img{display:none;}
.connet-info .info-2 img{display:block;width:18rem;padding:1rem;}
.connet-info .info-1 h3{font-size:2.5rem;text-align:center;}
.connet-info .info-2{width:100%;display:inline-flex;padding-left:7.5rem;}
.connet-info .info-1:first-child {width: 100%;min-height: 12rem;border-right: none;}
.full-banner img{width: 50rem;border-radius: 1rem;}
.full-banner .full-banner-text h3 {font-size: 2.3rem;}
.full-banner .full-banner-text{    top: auto;
    bottom: 1rem;}
    .om-reasoning .icon {margin-right: 2rem;}


/*----------why pbp dropdown-------------*/
/*-----------------------------------------*/

.pbp-reasoning {flex-wrap:wrap;    padding: 0 0rem 0rem 0;
    margin-bottom: 0;}
.pbp-reasoning .reasoning-prt1{width: 100%;     margin-bottom: 3rem; text-align: center;    flex-direction: column;}
.pbp-reasoning .reasoning-prt2 {width: 100%;    margin-bottom: 3rem;  text-align: center; flex-direction: column; }
.our-reach{flex-wrap:wrap;text-align:center}
.our-reach .our-reach-img{width:100%;}
.our-reach .our-reach-txt{width:100%;padding-top:4rem;}



/*---------------PBP Journey---------------*/
/*-----------------------------------------*/

.pbp-text {flex-wrap:wrap;text-align:center;margin:0;}
.pbp-text .pbp-journey-text p{padding:1.5rem 0;}
.pbp-part-1 {flex-wrap:wrap;margin-top:5rem;text-align:center;margin:2rem;}
.pbp-part-1 .pbp-part-img{width:100%}
.pbp-part-1 .pbp-part-txt {width:100%;    padding-left: 0rem; }
.pbp-part-1 .pbp-part-img img{max-width: 100%; padding-bottom:4rem;}
.pbp-part-2 {flex-wrap:wrap;text-align:center;flex-direction:column-reverse;display:flex;}
.pbp-part-2 .pbp-part-img-1{width:100%}
.pbp-part-2 .pbp-part-img-1 img{max-width:100%;padding-bottom:4rem;}
.pbp-part-1 .pbp-part-txt-1{width:100%;      padding-right: 0rem;}
.pbp-part-2 .pbp-part-txt-1{width:100%;  padding-right: 0rem;}



/*----------turnkey-solution----------------*/
/*------------------------------------------*/
.quote img{width:47rem;}
.global-act .global-act-header p{padding: 0 .5rem;}
.global-act .global-act-img img{width: 48rem; padding-top: 4rem;}
.benefits-global{flex-wrap: wrap; row-gap:4rem;}
.benefits-global .list-benefits{width:100%;    padding: 4rem 4rem 4rem 3rem; }
.global-img{top: 174rem; left: 26%; display: none;}
.benefits-global{    margin: 8rem 0 5rem 0;}
.quote {    padding: 4rem 4rem;width: 100%;}
.quote img{width:5rem;}
.quote .quote-text p{font-size:1.5rem;}
.turnkey-sol-txt{flex-wrap:wrap; margin-top: 0rem;}
.turnkey-sol-txt .sol-sub-img {width: 100%;text-align: center;    padding-right: 0;}
.turnkey-sol-txt .sol-sub-txt {width: 100%;text-align: center;padding-top: 4rem;}
.inverted-coma{position: absolute; z-index: -1; opacity: 0.2;}

.om-reasoning .icon img {display: block; max-height: 100%;}
.om-reasoning .icon {    padding: 12px;}
/*------------Testimonial---------------*/
/*----------------------------------------*/
.test-cont {flex-wrap:wrap;}
.test-cont .text-sub-cont{width:100%;}
.test-cont .text-sub-cont .sub-cont-img{padding-bottom:2rem;}
.test-cont-1 {flex-wrap:wrap; padding: 5rem 0;}
.test-cont-1 .text-sub-cont{width:100%;margin:15rem 0 0 0;}
.test-cont-1 .text-sub-cont .sub-cont-img{padding-bottom:2rem;}
}

/* ---------------max-width:850px------------ */
/*--------------------------------------------*/

@media screen and (max-width:850px){
.banner .banner-text h2{font-size: 4rem;}
.banner_anim2{padding:1.5rem 1.7rem 0rem 0rem;}
.banner-img img{margin: 0;
        width: 100%;
        aspect-ratio: 806 / 597;
        object-fit: cover;
        object-position: bottom right;
        transform: none;}
.left-arrow{top:44rem;}
.right-arrow{top:44rem;}
.quatation-bg{height: 145rem;}
.quote-header h3{font-size: 5.4rem;}
.mobile-view-swiper .icn img{width: 46rem;}


/*--------operation and maintanance--------------*/
/*-------------------------------------------------*/
.om-reasoning {flex-wrap:wrap; padding:0;}
.om-reasoning .om-prt1 {width: 100%; padding: 2rem;    background: #fff;     border-radius: 4px;    }
.om-reasoning .om-prt2 {width: 100%;border-radius: 4px;background: #f2f8f1; padding: 2rem;}
.om-bg-color {padding: 0rem 0rem; background-color: transparent;     margin-block: 4rem;}
/* .bg-founder-sec{min-height: 213rem;} */
.connet-info .info-2{padding-left:3.3rem;}
.full-banner{margin-top: 5rem;} 



/*-------------contact us----------------------*/
/*-----------------------------------------------*/
.contact-details {flex-wrap:wrap;}
.contact-details .contact-right {margin-left:-10rem;}
.banner-content h4 br{display:none;}
.contact_right .custom_form textarea {min-width: 35.5rem;}


}

/* ---------------max-width:767px------------ */
/*--------------------------------------------*/
@media screen and (max-width:767px){
.contact_left{width: 100%;}
.contact_right{width: 100%;}
.map:before{top: -1rem;width: 100%;height: 54px;}
.map:after{height: 48px;}
.contact_dtl .right_txt a{font-size: 1.7rem;}
.contact_flex{padding: 0;}
.contact_dtl .right_txt{font-size: 1.7rem;}
.contact_dtl .left_icns {margin-right: 1.8rem;}
.contact_right{padding-bottom: 2rem;}
.banner-content h4{font-size: 1.5rem;}
.header-sty{font-size:5rem;}
.footer-form .footer-bar input{width: 100%;}
.main-footer{padding: 2rem 0 0rem 0;}
.main-footer-text ul{margin-bottom: 0;}
.main-footer-text.footer-img a{margin-bottom: 1.5rem;}
.main-footer .main-footer-text:first-child {order: 3;margin-top: 4rem;}
.main-footer .main-footer-text:nth-child(2) {order: 1;}
.main-footer .main-footer-text:nth-child(3) {order: 2;}
.main-footer .main-footer-text:last-child {order: 4;}

.flogo > img {display: none;}
.main-footer .main-footer-text{width: 100%;}

.footer-bar {position: relative;width: 100%;}
.footer-bar .contact-button {position: absolute;top: 0;right: 0;margin-top: 0;width: 10.5rem;}
.text-overlay{padding: 0;justify-content: center;}
.client_logo_box img {width: 75%;}

.contact_wrap {flex-wrap: wrap;    flex-direction: column-reverse;}
.contact_wrap .contact_right, .contact_wrap .contact_left { width: 100%;}
.contact_wrap .contact_right { margin-top: 1rem;}
.email_area { margin-left: 0;}
.theme_arrow_wrap { position: static;     justify-content: center;}

.mob_logo {display: none;}
.grid-item {width: 100%; margin: 0;}
/* .sub-cont-img {top: 14rem;} */
/* .test-cont { padding-top: 0;} */
.wave_blue1 { position: relative; top: 7px;} 
.vertical-slider .vrt-txt { position: relative;}
.vertical-slider .vrt-txt .circle, .vertical-slider-reserve .vrt-txt-reverse .circle { position: absolute;
     z-index: -1; opacity: 0.3; top: 0; height: 5rem;width: 5rem;         background: transparent;
     color: #61a45f;
     font-size: 12rem;
     font-weight: 600;}
.vrt_img_box { margin:0 auto;     height: 13.8rem;
    width: 13.8rem;}
.vertical-slider { text-align: left; border-bottom: solid 1px #cccccc5c;     padding-inline: 0;    padding-block: 4rem;}
.vertical-slider-reserve{border-bottom: solid 1px #cccccc5c;     background: #f1f1f13d;     padding-inline: 0;   padding-block: 4rem;}
.vertical-slider-reserve.border_none { padding-bottom: 0; border: none;}
.middle-line .grey-line { display: none;}
.how_work_wrap {overflow: hidden;}
.inner-img-header .inner-img-text:nth-child(3) {padding-top: 2rem;}

.pbp-bg-color {    padding:6rem 3rem; }
#dialog-content2 video {width: 100%;}
#dialog-content video {width: 100%;}
.connet-info .info-2 { border-left: 0;}
.solution-content { margin-bottom: 0; padding-bottom: 0;}
.founder_img_wrap {align-items: center;} 
.founder_img_wrap .founder_data { aspect-ratio: 1/1; }
.om-reasoning {    margin-bottom: 0; }
.contact-details { padding-left: 1rem;}
.mobile_view .dropdown { background-color: #0b497c;     width: 105%;   margin-left: 0rem; }
.mobile_view  .dropdown ul li a {    font-size: 1.6rem; font-weight: 300;}
.mobile_view .dropdown ul li:before { display: none;}

.inner-banner {     margin-bottom: 4rem;}
.banner-content .header-sty { margin-bottom: 1.5rem;} 
.aim_inner_box {    padding: 9rem 5rem 5rem 5rem; text-align: center;}
.aim-img-img {    left: 50%;transform: translateX(-50%);}
.aim_left {width: 100%;}
.aim-comp-sec {    margin: 15rem 0 0 0;}
.aim-img-img img { width: 60%;}
.sub-content {flex-direction: column;}
.aim-comp-sec .inner-text2 { text-align: center;}
.sub-content .sub-img {    margin-right: 0;
    margin-bottom: 1rem;}
.sec-header-sty { margin-bottom: 4rem;}
.pbp-reasoning .icon {min-width: auto; margin-right: 0;} 
.reasoning-prt1 .sub-reasoning-prt1 { margin-bottom: 2rem;}
.reasoning-prt2 .sub-reasoning-prt1 { margin-bottom: 2rem;}
.vertical-slider .vrt-txt h4, .vertical-slider-reserve .vrt-txt-reverse h4{margin-bottom: 0;}
.client_logo_sec {grid-template-columns: repeat(2, 1fr);}
.testimonial_card {}
.grid-item { margin-bottom: 5rem;}
.contact_wrap .contact_right p {     margin-left: 4rem;   text-align: left;}
.map:after {display: none;}
.map { padding-top: 4rem;}
.inner-solution .inner-img {width: 100%; margin-bottom: 2rem;}


.moretext {display: none;}
.moretext.active {display: inline;}
.moreless-button {    font-weight: 600;
    cursor: pointer;
    color: #599f57;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 2rem;}
.pbp-reasoning .icon {}
.reasoning-prt2 .sub-reasoning-prt2, .reasoning-prt1 .sub-reasoning-prt2 {width: 100%; }
.comapny-name {flex-wrap: wrap;}

.btn_mob {display: block;}

} 

/*--------------safari----------------
-----------------------------------*/

@supports (hanging-punctuation: first) and (font: -apple-system-body) and (-webkit-appearance: none) {
    .inner-content{margin-bottom:9rem;}
    .mdl_bottle{width: 17.3rem;}
    
}