/*Default-CSS*/
input[type="file"]::-webkit-file-upload-button {
  cursor: pointer;
}
input[type="file"]::-moz-file-upload-button {
  cursor: pointer;
}
input[type="file"]::-ms-file-upload-button {
  cursor: pointer;
}
input[type="file"]::-o-file-upload-button {
  cursor: pointer;
}
input[type="file"] {
  cursor: pointer;
}
html body {
  font-family: "Saira", sans-serif;
  margin: 0;
}
*::-moz-selection {
  color: var(--black);
  background: var(--white);
}
*::-webkit-selection {
  color: var(--black);
  background: var(--white);
}
*::-webkit-input-placeholder {
  color: var(--black);
  opacity: 1;
  font-family: "Saira", sans-serif;
}
*:-moz-placeholder {
  color: var(--black);
  opacity: 1;
  font-family: "Saira", sans-serif;
}
*::-moz-placeholder {
  color: var(--black);
  opacity: 1;
  font-family: "Saira", sans-serif;
}
*:-ms-input-placeholder {
  color: var(--black);
  opacity: 1;
  font-family: "Saira", sans-serif;
}
a,
div a:hover,
div a:active,
div a:focus,
button {
  text-decoration: none;
  -webkit-transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -ms-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
  transition: all 0.5s ease 0s;
}
a,
span,
div a:hover,
div a:active,
button {
  text-decoration: none;
}
*::after,
*::before,
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

ul,
ul li,
ol,
li {
  list-style: outside none none;
  font-family: "Saira", sans-serif;
  color: var(--black);
}
body ul {
  margin: 0;
  padding: 0;
}

body a {
  outline: none;
  color: var(--text-color);
  display: block;
}
body a:hover {
  color: var(--hover);
}
body .clearfix,
body .clear {
  clear: both;
  line-height: 100%;
}
body .clearfix {
  height: auto;
}
* {
  outline: none !important;
}
* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clr::after,
ul::after,
.clearfix::after,
li::after {
  clear: both;
  display: block;
  content: "";
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: "Baloo";
  color: var(--black);
  margin: 0 0 15px;
  font-weight: 400;
}

body h1:last-child,
body h2:last-child,
body h3:last-child,
body h4:last-child,
body h5:last-child,
body h6:last-child {
  margin-bottom: 0;
}
div select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
div select option {
  font-size: 13px;
  color: var(--text-color);
  padding: 2px 5px;
}
img {
  margin: 0 auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}
body p {
  color: var(--black);
  font-family: "Montserrat", sans-serif;
  font-size: 24px;
  line-height: 38px;
  margin: 0 0 15px;
  padding: 0;
  font-weight: 300;
}
body p:empty {
  margin: 0;
  line-height: 0;
}
body p:last-child {
  margin-bottom: 0;
}
p strong {
  font-weight: bold;
}

label em {
  color: var(--red);
  display: inline-block;
  font-style: normal;
  vertical-align: top;
  margin-left: 5px;
}

.hidden {
  display: none !important;
}
iframe {
  display: block;
  width: 100%;
}
.container::after {
  content: "";
  display: block;
  clear: both;
}

.container {
  width: 100%;
  max-width: 1460px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
  position: relative;
  float: none;
  z-index: 1;
}
body .container .container {
  padding-left: 0;
  padding-right: 0;
}
/*scroll Hide*/
html.no-scroll {
  overflow: hidden;
}
html.no-scroll body {
  overflow: hidden;
  height: 100%;
}

/*button*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

/* Buttons styles start */
.btn-brown,
button {
  border: none;
}
.btn-brown:hover,
.btn-brown:focus,
button:hover,
button:focus {
  background: var(--lightblue);
  color: var(--white);
}

.round-coner {
  border-radius: 5px;
}

/* Button styles end */

svg {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  color: var(--lightgray);
  transition: 0.5s ease;
}
ul .sos__link {
  margin-right: 15px;
  padding: 10px;
  box-shadow: -3px -3px 2px rgb(255 255 255 / 60%), 3px 3px 2px rgb(0 0 0 / 5%);
  border-radius: 5px;
}
ul .sos__link:last-child {
  margin-right: 0;
}
ul .sos__link a {
  display: block;
  width: 30px;
  height: 30px;
}
.oxy-social-icons-facebook:hover svg {
  color: #3b5999;
}
.oxy-social-icons-twitter:hover svg {
  color: #55acee;
}
.oxy-social-icons-instagram:hover svg {
  color: #bc2a8d;
}
.google:hover svg {
  color: #dd4b39;
}
.fp-watermark {
  display: none;
}
/*Default-CSS close*/

input {
  color: var(--black);
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
  border-radius: 10px;
  border: 1px solid #aaced6;
  background: #e9f7fa;
  padding: 21px 30px;
  position: relative;
  width: 100%;
}

/* START COMMON CSS */

@font-face {
  font-family: "Baloo";
  src: url("../fonts/Baloo-Regular.woff2") format("woff2"),
    url("../fonts/Baloo-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body h1 {
  font-size: 64px;
  line-height: 82px;
}
body h2 {
  font-size: 54px;
  line-height: 66px;
}
body h3 {
  font-size: 32px;
  line-height: normal;
}
body h4 {
  font-size: 28px;
}
body h5 {
  font-size: 24px;
}
body h6 {
  font-family: "Baloo 2", cursive;
  color: var(--black);
  font-size: 24px;
  line-height: 32px;
}

:root {
  --gray: #393939;
  --lightblue: #44c2dd;
  --white: #fff;
  --text-color: #333232;
  --black: #1b1b1b;
  --hover: #000;
}
.btn {
  font-family: "Baloo";
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 7px;
  color: #fff;
  background: #000;
  padding: 10px 24px 6px;
  display: inline-block;
  vertical-align: top;
}
.btn:hover {
  background-color: var(--lightblue);
  color: var(--white);
}
.cta_link {
  font-family: "Baloo";
  color: var(--lightblue);
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: inline-flex;
  align-items: center;
}
.cta_link:after {
  content: "";
  display: block;
  height: 30px;
  width: 30px;
  background-image: url(../images/icons/arrow-right.svg);
  background-repeat: no-repeat;
  margin-left: 15px;
}
.inner_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.content_col_left,
.content_col_right {
  width: 50%;
}
.col_7 {
  width: 70%;
}
.col_5 {
  width: 50%;
}
.col_6 {
  width: 60%;
}
.col_4 {
  width: 40%;
}
.col_3 {
  width: 30%;
}
.align-center {
  align-items: center;
}

/* END COMMON CSS */

.bg_round_shape_anim:before {
  position: absolute;
  content: "";
  height: 100%;
  width: 100%;
  background-color: #e9f7fa;
  border-radius: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

/*START HEADER PAGE CODE*/

/*END HEADER PAGE CODE*/
.site-header {
  position: fixed;
  z-index: 9;
  width: 100%;
}
.header-inner {
  padding: 30px 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.header-inner .logo {
  position: relative;
  width: 100%;
  text-align: left;
  max-width: 168px;
}
.main-menu {
  position: relative;
  margin-left: 25px;
  padding-left: 25px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: calc(100% - 193px);
  width: 100%;
}
.header-inner .main-menu:before {
  position: absolute;
  content: "";
  top: 6px;
  height: 35px;
  width: 1px;
  background-color: #b3b3b3;
  left: 0;
  right: auto;
}
.header-inner .logo a > img {
  display: block;
  margin: unset;
}
.main-menu > ul {
  display: inline-block;
  vertical-align: top;
}
.main-menu ul > li:not(:last-child) {
  margin-right: 75px;
}
.main-menu ul > li {
  display: inline-block;
  vertical-align: top;
}
.main-menu ul > li > a {
  color: var(--black);
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  position: relative;
}
.main-menu ul > li.active > a:before {
    position: absolute;
    content: "";
    width: 5px;
    height: 5px;
    background: #D02D4E;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    border-radius: 100%;
}
.main-menu ul > li > a:hover {
  color: var(--lightblue);
}
section {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}
.section {
  background-color: #f4fdff;
}
.hero_sec_text {
  max-width: 654px;
}
.hero_sec_text .cta_btn {
  margin: 45px 0 0;
}
.hero_sec_text p:last-child {
  margin-bottom: 0;
}
.hero_sec_image img {
  max-width: 810px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
.hero_sec_image {
  position: relative;
  padding: 0 0 60px;
}
.hero_sec_shape {
  position: absolute;
  top: 100px;
  right: auto;
  left: 100px;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .hero_sec_shape{left: 0;}
.hero_sec_image:before {
  position: absolute;
  content: "";
  background-image: url(../images/hero_image_shadow.png);
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 462px;
  width: 100%;
  height: 37px;
}

.vdo_frame_wrap {
	width: 100%;
	max-width: calc(100% - 15px);
	margin-left: auto;
}
.vdo_frame_wrap .vdo_frame {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	border-radius: 12px;
	box-shadow: 0 7px 10px -5px rgba(0, 0, 0, 0.18);
	overflow: hidden;
}
.vdo_frame_wrap .vdo_frame video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.bg_round_shape_anim {
  position: absolute;
  height: 100vw;
  width: calc(100vw - 120px);
  left: 0;
  right: 0;
  border-radius: 50%;
  background: #e9f7fa;
  margin: 0 auto;
  top: -50%;
}
.bg_round_shape {
  position: absolute;
  height: 100vw;
  width: calc(100vw - 120px);
  left: 0;
  right: 0;
  border-radius: 50%;
  background: #e9f7fa;
  margin: 0 auto;
  top: -50%;
}
.bg_half_round_shape_anim {
  position: absolute;
  height: 100vw;
  width: calc(50vw + 520px);
  left: -100px;
  right: auto;
  border-radius: 50%;
  background: #e9f7fa;
  margin: 0 auto;
  top: -50%;
}
.bg_round_shape_anim:before {
  position: absolute;
  content: "";
  height: 62%;
  width: 62%;
  background-color: #def1f5;
  border-radius: 100%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.site-footer {
  overflow: hidden;
  justify-content: flex-end;
}
.contact_info {
  margin: 0 0 30px;
}
.contact_info a,
.social_links a {
  color: var(--black);
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}
.contact_info a:hover,
.social_links a:hover {
  color: var(--lightblue);
}
.social_links a,
.contact_info a {
  display: inline-block;
  vertical-align: top;
}
.contact_info a:not(:last-child),
.social_links a:not(:last-child) {
  margin-right: 35px;
}
svg {
  transition: all 0.5s ease 0s;
}
.contact_info a:hover svg path,
.social_links a:hover svg path {
  transition: all 0.5s ease 0s;
  fill: var(--lightblue);
}
.contact_us_txt {
  max-width: 650px;
}
.contact_us_right {
  border-left: 1px solid #000;
  padding-left: 35px;
  height: 100%;
}
.footer-logo {
  margin: 0 0 25px;
}
.contact_info a > img,
.social_links a > img,
.contact_info a > svg,
.social_links a > svg {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.newsletter_box {
  padding: 135px 0 0;
}
.form-subscribe {
  margin: 35px 0 0;
}
.form-subscribe .input-group {
  position: relative;
}
.form-subscribe span.success {
    position: absolute;
    bottom: -50px;
    width: 100%;
    left: 0;
    color: #198754;
    font-size: 22px;
}
.form-subscribe .submit-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}
.copyrightbar {
  margin: 150px 0 0;
}
.copyrightbar .container {
  max-width: 1630px;
}
.copyright_inner {
  border-top: 1px solid #c0dde3;
  padding: 15px 40px;
}
.copyright_link {
  text-align: right;
}
.copyright_link a,
.copyright_txt p {
  font-family: "Saira", sans-serif;
  color: var(--black);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
}
.copyright_link a:hover {
  color: var(--lightblue);
}
.copyright_link a:not(:last-child) {
  margin-right: 60px;
}

.footer-left-circle {
  position: absolute;
  top: 50px;
  left: -50%;
  transform: rotate(45deg);
  filter: blur(1px);
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.footer-right-circle {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 105px;
  right: -50%;
  filter: blur(1px);
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .footer-left-circle{left: -50px;}
.active .footer-right-circle{right: -50px;}
.cultivation_process_sec {
  background-color: #f7fdfe;
}
.cultivation_process_title {
  text-align: center;
  margin: 0 0 100px;
}
.cultivation_process_title p {
  font-weight: 400;
}
.cultivation_text_box {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center;
}

.optimized_success_wrapper {
  text-align: center;
}
.optimized_success_textpart {
  max-width: 1087px;
  margin: 0 auto;
}
.image_slide_wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.text_image_vertical_slider.fp-is-overflow > .fp-overflow {
  overflow: visible;
  height: 100%;
  display: flex;
  align-items: center;
}
.slider_text_box {
  width: 60%;
  z-index: 9;
  position: relative;
}
.slider_text_box_inner {
  max-width: 650px;
}
.slider_img {
  width: 40%;
  position: relative;
}
.slider_right_circle {
  position: absolute;
  bottom: 9%;
  z-index: 999;
  right: 9%;
  width: 10%;
  left: auto;
}

.experience_slider_item {
  text-align: center;
  position: relative;
  z-index: 1;
}
.experience_heading {
    max-width: 970px;
    margin: 0 auto 80px;
    z-index: 1;
    position: relative;
    text-align: center;
}
.experience_heading p {
  line-height: 32px;
  font-weight: 400;
}
.experience_slider_wrapper .image img {
  border-radius: 16px;
  overflow: hidden;
  position: relative;
  margin: 0 auto 35px;
  box-shadow: 0px 65px 90px 0px #cde4e9;
}
.experience_slider_bottom {
  padding: 0 0 40px;
  position: relative;
}
.experience_slider_bottom p {
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
}
.experience_big_txt {
  font-family: "Syncopate", sans-serif;
  font-size: 350px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  background: linear-gradient(180deg, #C5DDE2 0%, rgba(220, 239, 243, 0.06) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: capitalize;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  opacity: 0;
  visibility: hidden;
  transition: 0.5s all;
}
.slick-current.slick-active .experience_big_txt{visibility: visible;opacity: 1;transition-delay: 0.4s;}
.experience_slider_wrapper {
  padding: 120px 0 50px;
}
.slick-dots {
  display: flex;
  justify-content: center;
  margin: 0;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
}
.slick-dots li {
  margin: 0 10px;
  position: relative;
  z-index: 1;
}
.slick-dots li.slick-active button:before {
  position: absolute;
  content: "";
  background-color: #d9f0f4;
  height: 20px;
  width: 20px;
  top: 50%;
  transform: translateY(-50%);
  left: -6px;
  right: 0;
  margin: 0 auto;
  border-radius: 100%;
  z-index: -1;
}
.slick-dots button {
  display: block;
  width: 6px;
  height: 6px;
  padding: 0;
  border: none;
  border-radius: 100%;
  background-color: var(--lightblue);
  text-indent: -9999px;
  position: relative;
}

.experience_shape_1 {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 7%;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .experience_shape_1{
  position: absolute;
  top: 22%;
  left: 10%;
  width: 7%;
  z-index: 1;
}

.experience_shape_2 {
  position: absolute;
  left: auto;
  right: 0;
  top: 0;
  width: 12%;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.active .experience_shape_2{
  left: auto;
  right: 8%;
  top: 16%;
}


.experience_shape_3 {
  position: absolute;
  bottom:0;
  top: auto;
  left: -50%;
  right: auto;
  width: 15%;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.active .experience_shape_3{
  bottom: 0%;
  top: auto;
  left: 6%;
  right: auto;
}


.active [data-slick-index="1"] .experience_shape_1{top: 16%;left: 20%;}
.active [data-slick-index="1"] .experience_shape_2{right: 16%;}
.active [data-slick-index="1"] .experience_shape_3{bottom: -10%;}

.active .slick-current[data-slick-index="1"] .experience_shape_1 {top: 2%;left: 6%;}
.active .slick-current[data-slick-index="1"] .experience_shape_2{right: 20%;}
.active .slick-current[data-slick-index="1"] .experience_shape_3{bottom: 2%;}

.active [data-slick-index="2"] .experience_shape_1{top: 2%;left: 6%;}
.active [data-slick-index="2"] .experience_shape_2{right: 20%;}
.active [data-slick-index="2"] .experience_shape_3{bottom: 2%;}

.active .slick-current[data-slick-index="2"] .experience_shape_1{top: 16%;left: 20%;}
.active .slick-current[data-slick-index="2"] .experience_shape_2{right: 18%;}
.active .slick-current[data-slick-index="2"] .experience_shape_3{bottom: -10%;}


.active [data-slick-index="3"] .experience_shape_1{top: 16%;left: 20%;}
.active [data-slick-index="3"] .experience_shape_2{right: 16%;}
.active [data-slick-index="3"] .experience_shape_3{bottom: -10%;}

.active .slick-current[data-slick-index="3"] .experience_shape_1{top: 2%;left: 6%;}
.active .slick-current[data-slick-index="3"] .experience_shape_2{right: 20%;}
.active .slick-current[data-slick-index="3"] .experience_shape_3{bottom: 2%;}

.active [data-slick-index="4"] .experience_shape_1{top: 2%;left: 6%;}
.active [data-slick-index="4"] .experience_shape_2{right: 20%;}
.active [data-slick-index="4"] .experience_shape_3{bottom: 2%;}

.active .slick-current[data-slick-index="4"] .experience_shape_1{top: 16%;left: 20%;}
.active .slick-current[data-slick-index="4"] .experience_shape_2{right: 18%;}
.active .slick-current[data-slick-index="4"] .experience_shape_3{bottom: -10%;}




.cultivation_shape_1 {
  position: absolute;
  top: 18%;
  left: -50%;
  width: 11%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .cultivation_shape_1{left: 15%;}
.cultivation_shape_2 {
  position: absolute;
  bottom: -50%;
  right: -50%;
  left: auto;
  width: 11%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .cultivation_shape_2{right: 6%;bottom: 12%;}
.cultivation_shape_3 {
  position: absolute;
  right: -50%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .cultivation_shape_3{right: 0;}
.cultivation_shape_4 {
  position: absolute;
  bottom: -50%;
  left:-50%;
}
.active .cultivation_shape_4{
	left: 0;
	transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
	bottom: 140px;
}

.optimized_success_shape_1,
.optimized_success_shape_2,
.optimized_success_shape_3,
.optimized_success_shape_4 {
  position: absolute;
}

.optimized_success_shape_1 {
  left: -50%;
  top: 18%;
  width: 10%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .optimized_success_shape_1{left: 6%;}
.optimized_success_shape_2 {
  right: -50%;
  left: auto;
  bottom: -50%;
  top: auto;
  width: 10%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .optimized_success_shape_2{bottom: 10%;right: 6%;}
.optimized_success_shape_3 {
  right: 0;
  top: 10%;
}
.optimized_success_shape_4 {
  bottom: -10%;
  left: -10%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.active .optimized_success_shape_4{left: 0;bottom: 10%;}

.slider_shape_1 {
  position: absolute;
  top: 5%;
  left: -50%;
  width: 10%;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .slider_shape_1{left: 10%;}
.slider_shape_2 {
  position: absolute;
  bottom: -100px;
  left: -100px;
  z-index: 1;
   transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .slider_shape_2{bottom: 0;left: 0;}
.slider_shape_3 {
  position: absolute;
  top: -100px;
  right: -100px;
  left: auto;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .slider_shape_3{top: 0;right: 0;}
.floating-anim {
  animation-name: floating;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 40px);
  }
  to {
    transform: translate(0, -0px);
  }
}

.bg_round_shape_anim {
  animation-name: change-background;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.89, -0.04, 0.09, 0.96);
}
@keyframes change-background {
  0% {
    background: #e9f7fa;
  }
  100% {
    background: #def1f5;
  }
}

.bg_round_shape_anim:before {
  animation-name: change-background1;
  animation-duration: 1s;
  transition-delay: 1s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: cubic-bezier(0.89, -0.04, 0.09, 0.96);
  background: #e9f7fa;
}

@keyframes change-background1 {
  0% {
    background: #def1f5;
  }
  100% {
    background: #e9f7fa;
  }
}

.rotate_wrap {
  text-align: center;
}
.rotate_wrap .words_rotate_icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  max-width: 100px;
}
.words_rotate > img {
  -webkit-animation: infinite-spinning 15s linear infinite;
  animation: infinite-spinning 15s linear infinite;
}

@keyframes infinite-spinning {
  from {
    transform: rotate(360deg);
  }

  to {
    transform: rotate(0deg);
  }
}

.text_image_vertical_slider .fp-slidesContainer {
  transform: unset !important;
  position: relative;
  height: 100vh;
}
.text_image_vertical_slider .fp-slidesContainer .slide {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
.text_image_vertical_slider .fp-slidesContainer .slide.active {
  opacity: 1;
  visibility: visible;
}

.slider_img {
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  height: 100%;
  display: flex;
  align-content: center;
  justify-content: end;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.slide:not(.active) .slider_img {
  transform-origin: left center;
  transform: rotate(90deg);
}
.slider_img_wrap {
  width: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.experience_slider_item .image {
    transform-origin: right bottom;
    transform: translate(50%,100%);
    visibility: hidden;
    opacity: 0;
     transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .experience_slider_item .image{transform-origin: center center;transform:unset;opacity: 1;visibility: visible;}

.one_stop_solution_inner {
  margin: 40px auto;
  text-align: center;
  padding: 135px 145px;
  border-radius: 396px;
  background-color: #def1f5;
  max-width: 1190px;
  position: relative;
}
.product_header .one_stop_solution_inner{
  transform: translateY(-100%);
 transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.product_header.sec-active .one_stop_solution_inner{
	transform: unset;}
.one_stop_solution_inner:before,
.solution_inner_round {
  position: absolute;
  content: "";
  height: 100%;
  width: 72%;
  background-color: #c7e5ec;
  left: 0;
  right: 0;
  z-index: -1;
  top: 0;
  border-radius: 100%;
  margin: 0 auto;
}
.product_header .one_stop_solution_inner:before{display: none;}
.one_stop_solution_inner:before{height: calc(100% + 40px);top: -20px;}
.one_stop_solution_inner .right_circle.rotate_wrap {
  position: absolute;
  top: 18%;
  left: -50%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .one_stop_solution_inner .right_circle.rotate_wrap{left: -6%;}

.our_process_header .one_stop_solution_inner:before {
    top: -115%;
    transition: all 1s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.sec-active.our_process_header .one_stop_solution_inner:before {
    top: -20px;
}

.our_future_sec .fp-overflow{height: 100vh;display: flex;justify-content: center;align-items: center;}
.our_future_sec .one_stop_solution_inner .right_circle.rotate_wrap{right: -50%;left: auto;top: 110px;}
.active.our_future_sec .one_stop_solution_inner .right_circle.rotate_wrap {right: -60px;}

.our_future_sec .one_stop_solution_inner .left_circle.rotate_wrap{top: auto;bottom: 0px;left: -50%;right: auto;transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);}
.active.our_future_sec .one_stop_solution_inner .left_circle.rotate_wrap {left: 60px;}

.our_future_sec .left_circle .words_rotate_icon{transform: translateY(-50%) scaleX(-1);}

.one_stop_solution_inner .left_circle.rotate_wrap{
	position: absolute;
	top: auto;
	bottom: 0;
}

.solution_shape_bottom {
  position: absolute;
  bottom: -50%;
  left: -50%;
  right: auto;
  max-width: 350px;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .solution_shape_bottom {left: -110px;bottom: -170px;}
.solution_shape_top {
  position: absolute;
  right: -50%;
  left: auto;
  max-width: 350px;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .solution_shape_top{right: -115px;}
.swich-col .inner_wrap {
  flex-direction: row-reverse;
}
.swich-col .two_col_text_part {
  margin-right: unset;
  margin-left: auto;
}
.solution_left_round,
.solution_right_round {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
  right: auto;
}
.solution_left_round{
	left: -100%;
	transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.sec-active .solution_left_round{left: 0;}
 
.sec-active.white .solution_left_round{left: -100%;}
.sec-active.white.active .solution_left_round{left:0;}

.sec-active.white .solution_right_round{right: -100%;}
.sec-active.white.active .solution_right_round{right:0;}

.specialty_text_sec.active .solution_left_round{left: 0;}
.two_col_image_box {
  position: relative;
  z-index: 1;
  /* padding: 0 0 30px; */
}
.two_col_image_box:before {
  position: absolute;
  content: "";
  background-image: url(../images/hero_image_shadow.png);
  background-repeat: no-repeat;
  background-position: center;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
  max-width: 462px;
  width: 100%;
  height: 37px;
}
.custom-blended_sec .two_col_image_box{padding: 0 0 70px;}
.two_col_text_top_shape {
    position: absolute;
    top: -50px;
    right: -50%;
    left: auto;
    z-index: 9;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .two_col_text_top_shape{right: 0;}
.two_col_text_bottom_shape {
  position: absolute;
  bottom: -50%;
  right: auto;
  left: -50%;
  z-index: 1;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .two_col_text_bottom_shape{bottom: -50px;left: 0;}

.two_col_text_sec .fp-slidesContainer .fp-overflow{overflow: visible;}

.two_col_text_sec .right_circle.rotate_wrap {
  position: absolute;
  right: auto;
  left: -50%;
  top: 10%;
  z-index: 2;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}


.two_col_text_sec.active .right_circle.rotate_wrap {
    left: 55%;
    right: auto;
}

.two_col_text_sec .swich-col .right_circle.rotate_wrap{right: 36%;left: auto;}
.two_col_text_sec .swich-col.active .right_circle.rotate_wrap {
 	right:66% ;
}

.two_col_text_sec .fp-slidesContainer .slide:nth-child(3) .right_circle.rotate_wrap{
	 transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
	left: 0;
	right: auto;
	top: 240px;
}
.two_col_text_sec .fp-slidesContainer .slide.active:nth-child(3) .right_circle.rotate_wrap{
	left: 60%;
	right: auto;

}

.one_stop_solution .fp-overflow{height: 100vh;display: flex;align-items: center;justify-content: center;padding: 75px 0 0;}
.solution_right_round {
  right: -50%;
  left: auto;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.sec-active .solution_right_round{right: 0;}
.solution_left_round img,
.solution_right_round img {
  height: 100%;
}

.two_half_right_round img,
.two_half_left_round img {
  position: absolute;
  height: 100%;
  right: -100%;
  top: 0;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.active .two_half_right_round img{right: 0;}

.specialty_text_sec .solution_right_round{right: 50%;opacity: 0;transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);}
.active.specialty_text_sec .solution_right_round{right:0;opacity: 1;}

.two_half_left_round img {
  left: -100%;
  right: auto;
}

.active .two_half_left_round img{left: 0;}
.two_half_right_round .half_small_round,
.two_half_left_round .half_small_round {
  z-index: 1;
}

.two_col_text_sec .fp-slides .two_half_left_round img{left: 0;}

.two_col_text_part {
  position: relative;
  z-index: 9;
  max-width: 950px;
}
.two_col_text_sec .slide {
  position: relative;
  overflow: hidden;
}

.our_process_sec .fp-slidesContainer {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our_process_slider_wrap {
    transform: rotate(90deg);
}
.our_process_sec .fp-slidesContainer .slide {
    transform: rotate(-90deg);
}
.our_process_sec .our_process_slider_wrap .slide:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 1px;
    top: 0;
    z-index: 11;
    display: block;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-image: url(../images/icons/process_down_line.svg);

}
.our_process_sec .our_process_slider_wrap .slide:after {
    position: absolute;
    content: "";
    background-image: url(../images/icons/process_arrow_down.png);
    height: 40px;
    width: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 30px;
}
.process_items {
    text-align: center;
    max-width: 680px;
    margin: 0 auto;
    position: relative;
    z-index: 999;
    background-color: #F7FDFE;
    padding: 50px 0;
}
.process_no {
  font-family: "Syncopate", sans-serif;
  font-size: 54px;
  font-style: normal;
  font-weight: 700;
  line-height: 122.222%;
  width: 120px;
  height: 120px;
  background-color: #d02d4e;
  color: #fff;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 50px;
}
.our_process_sec .left_circle,
.our_process_sec .right_circle {
  position: absolute;
  top: 150px;
  left: -50%;
  transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.our_process_sec .left_circle .words_rotate_icon{transform: translateY(-50%) scaleX(-1);}
.active.our_process_sec .left_circle{left:20px;}

.our_process_sec .right_circle {
  right: -50%;
  left: auto;
  top: auto;
  bottom: 150px;
}
.active.our_process_sec .right_circle{right: 20px;}
.process_header_doodle {
    position: absolute;
    right: -50px;
    bottom: 0;
}
.our_process_header .solution_shape_top {
    position: absolute;
    right: -90px;
    left: auto;
    max-width: 350px;
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
}
/*.fp-scroll-mac .site-header{opacity: 0;visibility: hidden;}
.fp-scroll-mac.fp-viewing-0 .site-header{opacity: 1;visibility: visible;}*/

.product_slider_bg {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    height: 100%;
}
.product_slider_bg img{height: 100%;}
.our_product_slider .right_circle.rotate_wrap{position: absolute;}
.our_product_slider .fp-slidesContainer {
  height: 100vh;
  display: flex;
  align-items: center;
  transform: unset !important;
}
.our_product_slider .fp-slidesContainer .fp-overflow {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.our_product_slider .product_img {
  text-align: center;
  position: relative;
}
.our_product_slider .product_img img{width: 100%;}
.product_img .caption-txt {
  font-family: "Baloo 2", cursive;
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 42px;
  position: absolute;
  bottom: -110px;
  left: -25px;
  text-align: left;
}
.product_img .caption-txt:before {
  position: absolute;
  content: "";
  background-image: url(../images/icons/caption-txt_arrow.svg);
  display: block;
  height: 65px;
  width: 65px;
  right: -80px;
  background-repeat: no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
.our_product_slider .product_img img {
  position: relative;
  border-radius: 16px;
  overflow: hidden;
}

.our_product_slider .fp-slidesContainer .slide {
  position: absolute;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s all;
}
.our_product_slider .fp-slidesContainer .slide.active {
  opacity: 1;
  visibility: visible;
}

.our_product_bottom_shape {
    position: absolute;
    bottom: -50%;
    left: -50%;
    right: auto;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .our_product_bottom_shape{bottom: -70px;left: 0;}
.product_img_wrap{position: relative;}
.product_text_part {
    padding-right: 50px;
}
.product_img_wrap .right_circle {
    position: absolute;
    z-index: 1;
    top: -140px;
    left: -90px;
}

.our_product_slider .right_circle.rotate_wrap {
    position: absolute;
    left: 40%;
    top: -50%;
    z-index: 9;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active.our_product_slider .right_circle.rotate_wrap{top: 160px;}

.custom-blended_sec .two_col_image_box img {
    width: 100%;
    border-radius: 16px;
}
.custom-blended_sec .two_col_text_part{padding-right: 50px;}
.custom-blended_img{position: relative;}
.two_col_text_sec.custom-blended_sec .fp-overflow{overflow: visible;}
.two_col_text_sec.custom-blended_sec .right_circle.rotate_wrap{
    top: -50%;
    left: -90px;
    right: auto;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active.two_col_text_sec.custom-blended_sec .right_circle.rotate_wrap{top: -140px;}
.specialty_text_sec .one_stop_solution_inner .right_circle.rotate_wrap {
    position: absolute;
    top: 6%;
    left: -50%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active.specialty_text_sec .one_stop_solution_inner .right_circle.rotate_wrap{left: -6%;}
.specialty_text_sec .one_stop_solution_inner{
	border: 1px solid #BCD9DF;
}
.specialty_text_sec .one_stop_solution_inner:before{display: none;}

.mushroom_grow .fp-overflow{overflow: visible;}
.mushroom_grow.two_col_text_sec .right_circle.rotate_wrap {
    right: -100px;
    left: auto;
    top: -50%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active.mushroom_grow.two_col_text_sec .right_circle.rotate_wrap{top: -130px;}
.mushroom_grow .two_col_image_box:before{display: none;}

.mushroom_grow .two_col_text_top_shape{
	top: 0;
    right: -50%;
    left: auto;
    max-width: 350px;
    z-index: 1;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active.mushroom_grow .two_col_text_top_shape{right: -115px;}

.process_recycling_sec .left_circle {
    position: absolute;
    left: 15%;
    right: auto;
    z-index: 9;
    top: 140px;
}
.process_recycling_sec {
    padding: 90px 0 0;
}
.process_recycling_sec .right_circle {
    position: absolute;
    bottom: 100px;
    right: -80px;
    left: auto;
}

.growing_towards_text_box h3{
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 52px
}
.recycling-box-text p{font-size: 22px;font-weight: 300;line-height: 42px;}
.recycling-box {
    text-align: center;
    padding: 10%;
    border-radius: 100%;
    width: 750px;
    height: 750px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    position: relative;
}
.recycling-box:before{
	position: absolute;
	content: "";
	background: #DEF1F5;
	border-radius: inherit;
	height: 100%;
	width: 100%;
	right: 0;
	left: 0;
	margin: 0 auto;
	top: 0;
    transform: translate(-70%,20%) scale(0.5);
	transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
	z-index: -1;
}
.active .recycling-box:before{transform: unset;}

.growing_towards_right_bg {
    position: absolute;
    right: -100%;
    left: auto;
    height: 100%;
    width: auto;
    top: 0;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .growing_towards_right_bg{right: 0;}
.growing_towards_right_bg img{height: 100%;}
.recycling_process_icon .process_icon {
    width: 60px;
    height: 60px;
    background-color: #CCE7ED;
    display: flex;
    align-items: center;
    border-radius: 100%;
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
}
.recycling_process_icon .process_icon > a {
    display: flex;
    height: inherit;
    width: inherit;
    align-items: center;
    justify-content: center;
}
.recycling_process_icon .process_icon img {
    max-width: 26px;
}
.recycling_process_icon .process_icon > a.active{background-color: #fff;border-radius: inherit;}
.recycling_process_icon .process_icon > a.active img{filter: brightness(0);}
.recycling_process_icon .process_icon.process_icon_1 {
    top: 70px;
    left: auto;
    right: 90px;
}
.recycling_process_icon .process_icon.process_icon_2 {
    top: 180px;
    left: auto;
    right: 10px;
}
.recycling_process_icon .process_icon.process_icon_3 {
    top: 302px;
    left: auto;
    right: -25px;
}
.recycling_process_icon .process_icon.process_icon_4 {
    top: 420px;
    left: auto;
    right: -20px;
}
.recycling_process_icon .process_icon.process_icon_5 {
    top: 530px;
    left: auto;
    right: 20px;
}
.recycling_process_icon .process_icon.process_icon_6 {
    top: 630px;
    right: 110px;
}

.our_journey_inner {
    background-image: url(../images/our_journey_bg.svg);
    background-size: 100%;
    padding: 120px 0 300px;
    background-repeat: no-repeat;
    position: relative;
}
.our_journey_line{
	position: absolute;
	bottom: 60px;
	width: 100%;
	left: -100%;
	right: 0;
	transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .our_journey_line{left: 0}
.our_journey_text_box {
    padding: 0 200px;
}

.our_approach_inner {
    background-image: url(../images/our_approach_right_bg.svg);
    background-size: 100%;
    padding: 140px 0;
    background-repeat: no-repeat;
    position: relative;
}
.our_journey_sec .fp-overflow {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}
.our_journey_inner .rotate_wrap{position: absolute;}
.our_journey_inner .right_circle {
    top: -20px;
    left: -50%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .our_journey_inner .right_circle{left: 40%;}
.our_journey_inner .left_circle{
	right: -50%;
	left: auto;
	bottom: -40px;
	transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .our_journey_inner .left_circle{right: 175px;}

.experience_slider .slick-list{margin: 0 -15px;}
.experience_slider .slick-slide{padding: 0 15px;}


.tab-box {
    display: none;
}

.approach_img_box {
    position: relative;
    z-index: 9;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
    left: -100%;
}
.active .approach_img_box{left: -15px;}
.approach_img_box .right_circle {
    position: absolute;
    right: 40px;
    top: -90px;
    z-index: -1;
}
.approach_img_box .rotate_wrap .words_rotate_icon{transform: translateY(-50%) scaleX(-1);}
.our_approach_text_box {
    max-width: 800px;
    margin-left: auto;
    right: -100%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
    position: relative;
    padding: 0 30px;
}
.active .our_approach_text_box{right: 0;}
.our_approach .fp-overflow {
    height: 100vh;
    display: flex;
    align-items: center;
}
.our_approach_text_box .right_circle {
    position: absolute;
    right: 115px;
    bottom: -260px;
}

.about_us_sec{padding: 100px 0 0;}
.about_us_sec .fp-overflow{height: 100vh;display: flex;align-items: center;justify-content: center;}
.mushroom_company {
    background-color: #3A7C8A;
    padding: 135px 50px;
    text-align: center;
    border-radius: 300px;
    transform: translateY(100%);
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
    position: relative;
}
.active .mushroom_company{transform: unset;}
.mushroom_company_inner{max-width: 1080px;margin: 0 auto;}
.mushroom_company_inner h2,
.mushroom_company_inner p{color: #fff}
.our_core_box {
    border-radius: 105px 105px 0px 0px;
    background: #DEF1F5;
    padding: 65px;
    max-width: 87%;
    margin: 0 auto -20px;
    transform: translateY(50%);
    opacity: 0;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
    transition-delay: .5s;
}
.active .our_core_box{transform: unset;opacity: 1;}
.our_core_box_inner {
    display: flex;
    flex-wrap: wrap;
}
.our_core_left {
    max-width: 120px;
}
.our_core_right {
    max-width: calc(100% - 120px);
    padding-left: 40px;
}
.our_core_txt p{
	font-size: 18px;
	font-style: normal;
	font-weight: 300;
	line-height: 32px;
}
.our_future_sec .one_stop_solution_inner{border: 1px solid #BCD9DF;}
.our_future_sec .one_stop_solution_inner:before{display: none;}


.accordion_sec .rotate_wrap{position: absolute;transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);}

.accordion_sec .right_circle{right: -100%;left: auto;top: 100px;}
.accordion_sec .left_circle{bottom: 100px;left: -100%;right: auto;}

.active.accordion_sec .right_circle{right: 0;}
.active.accordion_sec .left_circle{left: 0;}

body .accordion_sec{justify-content: unset;padding: 120px 0 0;}
.accordion_sec_heading{padding: 0 0 50px;}
.accordion_sec_heading h3{
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 52px;
    margin: 0 0 5px;
}
.accrodion-item:not(:last-child){margin: 0 0 20px;}

.accrodion-title{cursor: pointer;border-bottom: 1px solid transparent;}
.accrodion-item.active .accrodion-title{border-bottom:1px solid #fff; }
.accrodion-title h6{font-size: 22px;line-height:34px;font-weight:400;}
.accrodion-item.active .accrodion-title h6{margin: 0 0 10px;}
.accrodion-content{display: none;}
.accrodion-content {
    border-radius: 6px;
    background: #fff;
    box-shadow: 0px 25px 35px 0px #D9EEF2;
    padding: 25px;
    margin: 20px -25px 0 ;
}
.accrodion-content h6{font-size: 22px;line-height:34px;font-weight:400;margin: 0 0 5px;}
.accrodion-content p{font-size: 18px;line-height: 28px;font-weight: 300;}

.benefit_tabbed_sec {
    padding: 90px 0 0;
}
.benefit_tabbed_sec .fp-overflow {
    padding: 0 0 50px;
}
.benefit_tabbed_bg {
    position: absolute;
    top: 0;
    left: -50%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .benefit_tabbed_bg{left: 0;}
.benefit_tabbed_bg img{height: 100%;}
.benefit_head_text h2{
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 52px
}
.benefit_head_text{margin: 0 0 50px;}
.benefit_head_text h3{
	font-size: 42px;
	font-style: normal;
	font-weight: 400;
	line-height: 52px;
}
.benefit_tab_menu ul li a {
	font-family: "Baloo 2", cursive;
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	border-radius: 6px;
	background-color: #DCF0F4;
	margin: 0 0 5px;
	padding: 14px 25px;
}
.benefit_tab_menu ul{width: max-content;}
.benefit_tab_menu ul li a.active{background-color: var(--lightblue);color: #fff;width: calc(100% + 60px);}
.benefit-icon{margin: 0 0 20px;}
.benefit_tabbed_sec .tab-main-box {
    width: 840px;
    height: 840px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 100%;
    padding: 120px;
    position: relative;
}
.benefit_tabbed_sec .right_circle {position: absolute;bottom: 0;right: 100px;}
.benefit-box-text p{font-size: 22px;}


.benefit_tabbed_sec .tab-main-box:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: #DEF1F5;
    margin: 0 auto;
    border-radius: inherit;
    z-index: -1;
    transform: translateX(100%) scale(0.5);
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.active.benefit_tabbed_sec .tab-main-box:before{transform: translateX(0) scale(1);}

.privacy_policy_bg {
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
}
.privacy_policy_bg > img{height: 100%;}
.privacy_policy_inner .sec_heading{padding: 0 0 70px;}
.inner_text h5{
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	margin: 0 0 2px;
}
.inner_text p{
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 32px
}

.privacy_policy_inner .inner_text {
    height: 31vh;
    overflow: auto;
}


 .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
 	background-color: #BADADE !important;
 	width: 15px;
 	border-radius: 12.5px;
 }
.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar:before {
    position: absolute;
    content: "";
    background-image: url(../images/icons/custom_scrollbar_img.svg);
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    height: 100%;
    width: 10px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin: 0 auto;
}

 .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{
	border-radius: 8px;
	background: #E6F7FA;
	width: 5px;
	height: 100vh;
}
.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #BADADE;}

@keyframes bounce {
50% {
    transform: translateY(-15px);
  }
}


.fp-overflow::-webkit-scrollbar {
  display: none;
}


.about_head_left_doodle {
    position: absolute;
    left:-50%;
    z-index: 9;
    max-width: 12%;
    bottom: 24%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}

.sec-active .about_head_left_doodle{ left: 16%;}

.about_head_right_doodle {
    position: absolute;
    right: -50%;
    max-width: 12%;
    z-index: 9;
    top: 40%;
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.sec-active .about_head_right_doodle{ right: 12%;}

.about_us_header .one_stop_solution_inner:before{top: -115%;transition: all 1s cubic-bezier(0, 0.84, 0.71, 0.99);}
.sec-active.about_us_header .one_stop_solution_inner:before{top: -20px;}

.sec-active.our_future_sec .solution_left_round{left: -100%}
.sec-active.active.our_future_sec .solution_left_round{left: 0;}

.sec-active.our_future_sec .solution_right_round{right: -100%;transition: all 1s cubic-bezier(0, 0.84, 0.71, 0.99);}
.sec-active.active.our_future_sec .solution_right_round{right: 0;}

.our_future_sec .one_stop_solution_inner {
    transform: translateY(100%);
    transition: all 1.5s cubic-bezier(0, 0.84, 0.71, 0.99);
}
.active .one_stop_solution_inner {
    transform: unset;
}

.mushroom_company .right_circle {
    position: absolute;
    right: 0;
    top: -30px;
}
.mushroom_company .left_circle{
	position: absolute;
	left: 0;
	right: auto;
	bottom: 0;
}
.mushroom_company .left_circle .words_rotate_icon{
	transform: translateY(-50%) scaleX(-1);
}

.list_subscribe_wrap table{width: 100%;}
.list_subscribe_wrap table tbody th {
    text-align: left;
    font-size: 18px;
    margin: 0 0 15px;
    display: block;
}

.list_subscribe_wrap table tbody td{padding: 10px;}
.list_subscribe_wrap table tr:nth-child(even):not(:first-child) {
  background-color: #E9F7FA; 
}
.list_subscribe_wrap table tr:nth-child(odd):not(:first-child) {
  background-color: #DEF1F5; 
}
.subscribe_list_content {
    height: 28vw;
}

.process_recycling_sec .inner_wrap{justify-content: center;}
.growing_towards_text_box {
    text-align: center;
    max-width: 895px;
    margin: 0 auto 30px;
    width: 100%;
}


video{width: 100%;height: 100%;}


.btn.icon_btn {
	display: inline-flex;
	align-items: center;
	width: auto;
}
.icon_btn .icon {
	margin-left: 10px;
}
.icon_btn .icon, .icon_btn .icon svg {
	width: 25px;
	height: 25px;
}
.btn_wrap {
	margin-top: 25px;
}
.content_col_full .modal_content_wrappper {
	max-width: 67.4%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 60px;
  margin-top: 50px;
}



/* START MODAL CODE */
.modalOverlay {
	display: flex;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 9999;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease-in;
}
.show_modal {
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease-out;
}
.show_modal .modal_body {
	top: 0;
	opacity: 1;
	visibility: visible;
	transition-delay: 0.2s;
}
.modal_body {
	position: relative;
	top: 50%;
	transition: all 0.3s ease-out;
	opacity: 0;
	visibility: hidden;
}
.modal_body {
	max-height: 96vh;
	width: 100%;
	padding: 25px;
	overflow-y: auto;
}
.inner_modal_wrap {
  width: 100%;
	max-width: 59.8%;
	background-color: #161616;
	padding: 40px;
	border-radius: 10px;
	margin: 0 auto;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
}
.close_modal_wrap {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
}
.clode_modal {
	font-size: 28px;
	color: #161616;
	display: flex;
	border-radius: 50%;
	transition: all 0.3s cubic-bezier(.68, -0.55, .27, 1.55);
	width: 28px;
	height: 28px;
}
.clode_modal:hover {
	transform: rotate(90deg);
}
.caption {
	margin-top: 40px;
	text-align: center;
	width: 100%;
}
.caption .title {
	font-size: 28px;
  color: #fff;
}
/* END MODAL CODE */