/* .navbar>ul { flex: 1; --logo-padding: 9rem;} 
.navbar>ul:nth-child(1) { padding-right: var(--logo-padding); } 
.navbar>ul:nth-child(3) { padding-left: var(--logo-padding); }
.header_logo img { width: 16.5rem; }
.header_logo { display: flex; }
.main-bg-img{background-size: cover; background-position: center 40%;}
.banner-img img{margin-top: 0;}
.bg-img-solution img { max-width: 100%; }
.bottom-img img { max-width: 100%; }
.banner-text { padding-bottom: 13rem; }
.inner-content .content img{width: 28.3rem;}
.banner_anim2 {
    font-size: 2rem;
    padding: 1.5rem 0 0rem 2rem;
    margin-bottom: 0;
}
.banner_anim1, .banner_anim2>div { overflow: hidden; }
.line { display: block;}
@media screen and (max-width:1400px){
    html { font-size: 8px; }
}
@media screen and (max-width:1300px){
    .main-bg-img { background-position: center top; }
    .banner-img img{width: 41rem;}
} */
.banner_anim2 {
  font-size: 2rem;
  padding: 1.5rem 0 0rem 0rem;
  margin-bottom: 0;
}
.banner_anim1, .banner_anim2>div ,
.about-text h3, .about-text h4, .text_anim1>div{ overflow: hidden; }
.line { display: block;}
.topswiper .swiper-slide, 
.bottomswiper .swiper-slide{
  width: auto;
}

.about-image img {
  clip-path: path('M 229.5 2.754 C 314.5 -5.967 374.085 3.672 414 42 C 452.574 81.243 462.213 148.716 458.082 218.943 C 455.328 254.745 446.148 290.088 431.919 324.054 C 417.69 357.561 398.871 389.232 378.216 413.559 C 357.561 437.886 335.529 453.951 313.956 458.082 C 292.383 462.213 271.269 453.492 248.319 434.214 C 224.91 416.313 203.796 387.855 180.387 363.987 A 459 441.099 0 0 0 106.947 301.104 C 56.457 266.679 9.18 242.811 1.836 187.272 C -2.295 161.109 0.918 134.487 9.639 112.455 C 17.901 90.423 32.13 72.981 51.408 58.752 C 71.145 44.523 95.931 33.507 126.225 23.868 A 459 459 90 0 1 229.5 2.754');
  aspect-ratio: 541 / 567;
  object-fit: cover;
  object-position: center 8%;
  z-index: 1;
  position: relative;
  animation: animatecurve1 10s infinite linear alternate;
}

@keyframes animatecurve1 {
0%{
  clip-path: path('M 229.5 2.754 C 314.5 -5.967 374.085 3.672 414 42 C 452.574 81.243 462.213 148.716 458.082 218.943 C 455.328 254.745 446.148 290.088 431.919 324.054 C 417.69 357.561 398.871 389.232 378.216 413.559 C 357.561 437.886 335.529 453.951 313.956 458.082 C 292.383 462.213 271.269 453.492 248.319 434.214 C 224.91 416.313 203.796 387.855 180.387 363.987 A 459 441.099 0 0 0 106.947 301.104 C 56.457 266.679 9.18 242.811 1.836 187.272 C -2.295 161.109 0.918 134.487 9.639 112.455 C 17.901 90.423 32.13 72.981 51.408 58.752 C 71.145 44.523 95.931 33.507 126.225 23.868 A 459 459 90 0 1 229.5 2.754')
}
10%{
  clip-path: path('M 229.5 2.754 C 314.5 -5.967 365 -6 361 94 C 361 179 462.213 148.716 458.082 218.943 C 455.328 254.745 446.148 290.088 431.919 324.054 C 417.69 357.561 390 340 370 380 C 354 413 335.529 453.951 313.956 458.082 C 292.383 462.213 259 452 233 425 C 205 405 178 403 140 366 A 459 441.099 0 0 0 62 316 C -10 257 9.18 242.811 1.836 187.272 C -2.295 161.109 0.918 134.487 9.639 112.455 C 17.901 90.423 32.13 72.981 51.408 58.752 C 71.145 44.523 95.931 33.507 126.225 23.868 A 459 459 90 0 1 229.5 2.754')
}
}

.about-us .about-image {
  position: relative;
  width: calc(100% - 89rem);
}

.watersplash {
  position: absolute!important;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  clip-path: none!important;
  z-index: 0!important;
}


.marquee {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 15rem;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
}

.marquee--inner {
  display: block;
  width: 454rem;
  position: absolute;
  /* animation: marquee 40s linear infinite; */
}
.marque-rev .marquee--inner{
  /* animation: marqueeReverse 40s linear infinite; */
}

.marquee--inner span {
  float: left;
  width: 50%;
  overflow: hidden;
}
.marquee--inner img { padding: 0 4rem;  transform: scale(0.8); }
@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -227rem;
  }
}
@keyframes marqueeReverse {
  0% {
    right: 0;
  }
  100% {
    right: -227rem;
  }
}
.full_blob {
    aspect-ratio: 1;
    width: 100%;
    position: relative;
    z-index: 5;
}
.full_blob .bubble_rotating_block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

img.bottle_bg {
  aspect-ratio: 530/608;
  object-fit: contain;
  object-position: bottom center;
  padding-bottom: 4rem;
}

img.bottle_img {
width: 63%;
position: absolute;
top: 0;
height: 100%;
object-fit: contain;
object-position: bottom center;
z-index: 2;
}

.bottle_section {
position: relative;
width: fit-content;
margin: auto;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}

.full_blob_new {
  position: absolute;
  width: 52rem;
  z-index: 1;
}

div#bubble_rotating_0 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.bubble_rotating_block1 path {fill:#1b81c1}
.pos-font .text-1,
.pos-font .text-2{
z-index: 3;
}
.pos-font .text-1 h4, .pos-font .text-1 p, .pos-font .text-2 h4, .pos-font .text-2 p {
  overflow: hidden;
}
.pos-font span{
  display: inline-block;
}

.bubble_rotating_block1 { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; }
.bg-image .bg-img-tree{
  left: 0;
}
.bg-image .bg-img-fish{
  right: 0;
}

.image_bg_fish_box {
  position: absolute;
  left: 0;
}

img.left-img-fish {
  position: absolute;
  left: 0;
}

img.left-img-tree {
  position: relative;
  z-index: 1;
}
.contact_wrapper{overflow: hidden;}

.impact_heading, .why_heading, .sol_heading, .ct_heading { overflow: hidden; }
.impact_heading span, .why_heading span, .sol_heading span, .ct_heading span{ display: inline-block; }
.mdl_bottle{
  width: 26.3rem;
}
.inner-content .content:last-child p::before {
  content: "";
  background-image: url(../images/coma1.png);
  background-size: contain;
}

.inner-content .content:last-child p::after {
  content: "";
  background-image: url(../images/coma2.png);
  background-size: contain;
}
.bg_quatation {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.quatation-bg {
  position: relative;
  background: none;
  background-color: #e5f2f5;
  padding-bottom: 9%;
  height: 116vh;
}

.quatation-bg .container {
  position: relative;
}

.qtn_left_img {
  position: absolute;
  left: 0;
  bottom: calc(100% - 6rem);
  width: 13.2rem;
  pointer-events: none;
}

.qtn_right_img {
  position: absolute;
  right: 0;
  bottom: calc(100% - 10rem);
  width: 20.5rem;
  pointer-events: none;
}

.qtn_bg_full {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: relative;
  display: none;
  pointer-events: none;
}
#svg_ocean_bg {
  width: auto;
  min-height: 100%;
  position: absolute;
  left: 50%;
  min-width: calc(100% + 1rem);
  transform: translateX(-50%);
  background-image: linear-gradient(transparent 50%, #fff 20%);
}
.svg_box_wrapper{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/*.why_pbp .inner-text+p {
  opacity: 0;
  display: none;
}*/

.why_pbp .text-overlay {
  width: 100%;
  justify-content: center;
}
/*#banner_home { min-height: 79rem; height: 109vh; display: flex; align-items: center; }*/
@media screen and (max-width:1370px){
  html{
    font-size: 8px;
  }
}