@font-face {
  font-family: MeowScript-Regular;
  src: url(../fonts/MeowScript-Regular.ttf);
}

@font-face {
  font-family: CabinSketch-Bold;
  src: url(../fonts/CabinSketch-Bold.ttf);
}
[data-bg="true"] {
    background-image: var(--desktop-bg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.container,
.container-fluid,
.panel>.panel-collapse>.table caption,
.panel>.table caption,
.panel>.table-responsive>.table caption {
  padding-right: 15px;
  padding-left: 15px;
}

.panel-heading>.dropdown .dropdown-toggle,
.panel-title,
.panel-title>.small,
.panel-title>.small>a,
.panel-title>a,
.panel-title>small,
.panel-title>small>a {
  color: inherit;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.btn-group-vertical>.btn-group:after,
.btn-group-vertical>.btn-group:before,
.btn-toolbar:after,
.btn-toolbar:before,
.clearfix:after,
.clearfix:before,
.container-fluid:after,
.container-fluid:before,
.container:after,
.container:before,
.dl-horizontal dd:after,
.dl-horizontal dd:before,
.form-horizontal .form-group:after,
.form-horizontal .form-group:before,
.modal-footer:after,
.modal-footer:before,
.modal-header:after,
.modal-header:before,
.nav:after,
.nav:before,
.navbar-collapse:after,
.navbar-collapse:before,
.navbar-header:after,
.navbar-header:before,
.navbar:after,
.navbar:before,
.pager:after,
.pager:before,
.panel-body:after,
.panel-body:before,
.row:after,
.row:before {
  display: table;
  content: "";
}

.collapse.in,
.form-control,
.tab-content>.active,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
  clear: both;
}

video {
  display: inline-block;
  vertical-align: baseline;
}

.container,
.container-fluid {
  margin-right: auto;
  margin-left: auto;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

.col-lg-12,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-md-11,
.col-md-12,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-md-2 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

@media (min-width: 768px) {
  .container {
    width: 750px;
  }

  .col-sm-12,
  .col-sm-4,
  .col-sm-6 {
    float: left;
  }

  .col-sm-12 {
    width: 100%;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-4 {
    width: 33.33333333%;
  }
}

@media (min-width: 992px) {
  .container {
    width: 970px;
  }

  .col-md-1,
  .col-md-10,
  .col-md-11,
  .col-md-12,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9 {
    float: left;
  }

  .col-md-12 {
    width: 100%;
  }

  .col-md-11 {
    width: 91.66666667%;
  }

  .col-md-10 {
    width: 83.33333333%;
  }

  .col-md-9 {
    width: 75%;
  }

  .col-md-8 {
    width: 66.66666667%;
  }

  .col-md-7 {
    width: 58.33333333%;
  }

  .col-md-6 {
    width: 50%;
  }

  .col-md-5 {
    width: 41.66666667%;
  }

  .col-md-4 {
    width: 33.33333333%;
  }

  .col-md-3 {
    width: 25%;
  }

  .col-md-2 {
    width: 16.66666667%;
  }

  .col-md-1 {
    width: 8.33333333%;
  }

  .col-md-offset-12 {
    margin-left: 100%;
  }

  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }

  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }

  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }

  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }

  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }

  .col-lg-12,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7 {
    float: left;
  }

  .col-lg-12 {
    width: 100%;
  }

  .col-lg-7 {
    width: 58.33333333%;
  }

  .col-lg-6 {
    width: 50%;
  }

  .col-lg-5 {
    width: 41.66666667%;
  }

  .col-lg-4 {
    width: 33.33333333%;
  }
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel-title,
.panel>.list-group,
.panel>.panel-collapse>.list-group,
.panel>.panel-collapse>.table,
.panel>.table,
.panel>.table-responsive>.table,
ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0;
}

.panel-body {
  padding: 15px;
}

.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel-title {
  margin-top: 0;
  font-size: 16px;
}

.panel-group,
hr {
  margin-bottom: 20px;
}

.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.list-inline,
.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.panel>.list-group .list-group-item,
.panel>.panel-collapse>.list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}

.panel>.list-group:first-child .list-group-item:first-child,
.panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.list-group:last-child .list-group-item:last-child,
.panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.list-group+.panel-footer,
.panel-heading+.list-group .list-group-item:first-child {
  border-top-width: 0;
}

.panel>.table-responsive:first-child>.table:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.panel>.table:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:first-child {
  border-top-left-radius: 3px;
}

.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,
.panel>.table:first-child>thead:first-child>tr:first-child th:last-child {
  border-top-right-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.panel>.table:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}

.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body,
.panel>.panel-body+.table,
.panel>.panel-body+.table-responsive,
.panel>.table+.panel-body,
.panel>.table-responsive+.panel-body {
  border-top: 1px solid #ddd;
}

.panel-group .panel-footer,
.panel>.table>tbody:first-child>tr:first-child td,
.panel>.table>tbody:first-child>tr:first-child th {
  border-top: 0;
}

.panel>.table-bordered,
.panel>.table-responsive>.table-bordered {
  border: 0;
}

.panel>.table-bordered>tbody>tr>td:first-child,
.panel>.table-bordered>tbody>tr>th:first-child,
.panel>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-bordered>thead>tr>td:first-child,
.panel>.table-bordered>thead>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:first-child {
  border-left: 0;
}

.panel>.table-bordered>tbody>tr>td:last-child,
.panel>.table-bordered>tbody>tr>th:last-child,
.panel>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-bordered>thead>tr>td:last-child,
.panel>.table-bordered>thead>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,
.panel>.table-responsive>.table-bordered>thead>tr>th:last-child {
  border-right: 0;
}

.panel-group .panel-heading,
.panel>.table-bordered>tbody>tr:first-child>td,
.panel>.table-bordered>tbody>tr:first-child>th,
.panel>.table-bordered>tbody>tr:last-child>td,
.panel>.table-bordered>tbody>tr:last-child>th,
.panel>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-bordered>thead>tr:first-child>td,
.panel>.table-bordered>thead>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,
.panel>.table-responsive>.table-bordered>thead>tr:first-child>th {
  border-bottom: 0;
}

.panel>.table-responsive {
  margin-bottom: 0;
  border: 0;
}

.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}

.panel-group .panel+.panel {
  margin-top: 5px;
}

.panel-group .panel-footer+.panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}

.panel-default {
  border-color: #ddd;
}

.panel-default>.panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover,
.panel-primary>.panel-heading {
  color: #fff;
  background-color: #337ab7;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #ddd;
}

.panel-default>.panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #ddd;
}

.panel-primary,
.panel-primary>.panel-heading {
  border-color: #337ab7;
}

.panel-primary>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #337ab7;
}

.panel-primary>.panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}

.panel-primary>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #337ab7;
}

.panel-success {
  border-color: #d6e9c6;
}

.panel-success>.panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.panel-success>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #d6e9c6;
}

.panel-success>.panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}

.panel-success>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #d6e9c6;
}

.panel-info {
  border-color: #bce8f1;
}

.panel-info>.panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.panel-info>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: #bce8f1;
}

.panel-info>.panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}

.panel-info>.panel-footer+.panel-collapse>.panel-body {
  border-bottom-color: #bce8f1;
}

ol,
ul {
  margin-top: 0;
  margin-bottom: 10px;
}

.list-inline {
  margin-left: -5px;
}

.list-inline>li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

img {
  vertical-align: middle;
  max-width: 100% !important;
  overflow-clip-margin: content-box;
  overflow: clip;
}

.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}

.form-control {
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color 0.15s ease-in-out,
    -webkit-box-shadow 0.15s ease-in-out;
  -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(102, 175, 233, 0.6);
}

.visible-lg,
.visible-md,
.visible-sm,
.visible-xs {
  display: none !important;
}

.collapse,
.tab-content>.tab-pane {
  display: none;
}

.nav-pills>li {
  float: left;
}

.nav-pills>li>a {
  border-radius: 4px;
}

.nav-pills>li+li {
  margin-left: 2px;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

h2 {
  font-size: 30px;
}

hr {
  margin-top: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
    display: block !important;
  }
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}

.fade.in {
  opacity: 1;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
}



body {
  box-sizing: border-box;
  font-family: "neue-haas-grotesk-display", sans-serif;
  color: #4D4D4F;
}

html,
body {
  overflow-x: hidden;
}

a,
a:hover {
  text-decoration: none !important;
}

p {
  font-size: 16px;
  line-height: 22px;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 50px;
}

h2 {
  font-size: 45px;
}

h3 {
  font-size: 36px;
}

h6 {
  font-size: 24px;
}

.homebanner {
  height: 100vh;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.homebanner:after {
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  background: transparent linear-gradient(180deg, #00000000 0%, #000000 100%) 0% 0% no-repeat padding-box;
  opacity: 0.22;
  left: 0;
  top: 0;
}

.homebanner video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.play-button {
  left: 0;
  right: 0;
  margin: auto;
  top: 0;
  bottom: 0;
  height: fit-content;
  position: absolute;
  z-index: 2;
}

.play-button img {
  margin: auto;
}

.play-button img:hover {
  cursor: pointer;
}

.bannertxt {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 120px;
  z-index: 1;
}

.homebanner h1 {
  text-align: center;
  font-weight: 700;
  color: #fff;
}

.homebanner h1 span {
  color: #FFCE00;
}

.hmbtn {
  text-align: center;
}

.hmbtn a {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border-radius: 34px;
  padding: 5px 5px 5px 20px;
  max-width: 260px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #06B0E3;
  margin: 30px auto 0px;
}

.hmbtn a:hover {
  flex-direction: row;
  justify-content: start;
  padding: 5px;
}

.hmbtn a:hover span {
  padding-left: 15px;
  transition: ease all 0.5s;
}

.hmbusineses .swiper {
  width: 100%;
  height: 100%;
}

.autoplay-progress {
  position: absolute;
  right: 16px;
  bottom: 16px;
  z-index: 10;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #fff;
}

.autoplay-progress svg {
  --progress: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  stroke-width: 4px;
  stroke: #fff;
  fill: none;
  stroke-dasharray: 125.6;
  stroke-dashoffset: calc(125.6 * (1 - var(--progress)));
  transform: rotate(-90deg);
}

.hmbusineses .col-md-6 {
  padding: 0;
}

.thumbs-static {
  display: flex;
  flex-wrap: wrap;
}

.thumbs-static .thumb {
  width: 50%;
  cursor: pointer;
  position: relative;
}

.thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
}

.thumbs-static .thumb h6 {
  position: absolute;
  bottom: 20px;
  left: 20px;
  font-weight: 700;
  color: #fff;
  font-size: 24px;
}

.thumbs-static .thumb.active h6 {
  display: none;
}

.thumbs-static .thumb.active:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(126deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  opacity: 0.56;
}

.imgbox {
  position: absolute;
  padding: 95px 54px;
  top: 0;
  background-color: rgba(0, 0, 0, 0.2);
  bottom: 0;
  width: calc(100% - 108px);
  margin: auto;
  height: calc(100% - 78px);
  opacity: 0;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  left: 0;
  right: 0;
}

.boxcontent {
  position: relative;
}

.hminventingsec {
  padding: 76px 0px;
}

.hminventingsec h3 {
  color: #fff;
  font-weight: 700;
  padding-bottom: 15px;
}

.hminventingsec h3 span {
  display: block;
}

.hminventingsec p {
  font-size: 24px;
  color: #fff;
  padding-bottom: 25px;
}

.inventingnum {
  display: flex;
}

.inventingnum h4 {
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #fff;
}

.inventingnum div:last-child {
  padding-left: 75px;
}

.mapsec {
  background-image: url(/storage/images/map-bg.webp);
  background-size: cover;
  width: 100%;
  padding: 66px 0px 40px;
}

.mapsec .col-md-12 {
  text-align: center;
}

.mapsec img {
  margin: auto;
}

.mapsec h3 {
  color: #40D4DC;
  font-weight: 700;
  padding-bottom: 15px;
}

.mapsec p {
  padding-bottom: 50px;
  color: #fff;
  font-size: 20px;
}

.beyondbusinessec>ul {
  display: flex;
  min-height: 625px;
  max-height: 625px;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}

.beyondbusinessec ul>li {
  width: 18%;
  display: flex;
  align-items: center;
  padding: 0px;
  cursor: pointer;
  transition: all 0.5s ease;
}

.beyondbusinessec ul>li .section-title {
  display: flex;
  align-items: center;
  width: 18%;
  margin: 0;
  padding: 0;
  text-align: center;
  color: white;
  margin-left: -10px;
  /*    padding-bottom: 60px;*/
}

.section-title h2 {
  font-size: 32px;
  line-height: 50px;
  color: #fff;
  margin: 0px;
  padding: 0px;
  padding-left: 0px;
  font-weight: 700;
}

.beyondbusinessec ul>li .section-title h2 {
  margin: 0;
  transform: rotate(-90deg);
  white-space: nowrap;
  /*    width: 75px;*/
}

.beyondbusinessec ul>li .section-content {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 30px 35px;
  opacity: 0;
  transition: all 0.25s 0.1s ease-out;
}

.section-content>div {
  width: 100%;
}

.beyondbusinessec ul>li.active1 {
  flex: 5;
  cursor: default;
  align-items: start;
  position: relative;
}

.beyondbusinessec ul>li.active1 .section-title {
  display: none;
}

.beyondbusinessec ul>li.active1 .section-content {
  flex: 4;
  opacity: 1;
  transform: scaleX(1);
  color: #fff;
  padding-left: 115px;
  position: absolute;
  bottom: 0px;
}

li.bg1 {
  background-image: url(/storage/images/education-img.webp);
  background-size: cover;
  background-position: center;
}

li.bg2 {
  background-image: url(/storage/images/vocational-img.webp);
  background-size: cover;
  background-position: center;
}

li.bg3 {
  background-image: url(/storage/images/natural-resource-m-img.webp);
  background-size: cover;
  background-position: center;
}

/**/
#hotspotImg>img {
  width: 100%;
}

#hotspotImg {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  position: relative;
}

.hot-spot {
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: red;
  border-radius: 50%;
  cursor: pointer;
}

.hot-spot-info {
  display: none;
  position: absolute;
  top: 25px;
  left: 25px;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  white-space: nowrap;
  z-index: 10;
}

.hot-spot:hover .hot-spot-info {
  display: block;
}

.name-txt p {
  color: #13609b;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  text-shadow: 1px 4px 4px #fff;
}

#hotspotImg {
  background-color: #ededed;
  background-position: center center
}

#hotspotImg .hot-spot {
  width: 25px;
  height: 25px;
  top: 5px;
  left: 5px;
  background-color: transparent;
  color: #fff;
  border-radius: 100%;
  cursor: pointer;
  transition: .3s
}

#hotspotImg .hot-spot .circle {
  display: block;
  position: absolute;
  top: 45%;
  left: 45%;
  width: 2em;
  height: 2em;
  margin: -1em auto auto -1em;
  -webkit-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-radius: 50%
}

#hotspotImg .hot-spot,
#preloader,
.name-txt,
.txt-head {
  position: absolute;
}

/**/
.hover-text {
  position: absolute;
  background-color: #fff;
  padding: 0px;
  border-radius: 4px;
  top: 0;
  left: -100%;
  display: none;
  pointer-events: none;
  gap: 10px;
  white-space: wrap;
  width: 224px;
  align-items: center;
  height: 81px;
  z-index: 9999;
}

.hover-text.w2 {
  width: 328px;
}

.hover-text.w5 {
  width: 252px;
}

.hover-text h4 {
  font-size: 14px;
  line-height: 14px;
  color: #06B0E3;
  padding: 0px 8px 0 25px;
  font-weight: 700;
}

.hover-text img {
  position: absolute;
  left: -27px;
  top: 0;
}

.circle:hover .hover-text {
  display: flex;
}

.indiaMap .circle>img {
  width: 20px;
}

.iw1 {
  width: 271px;
}

.indiaMap {
  display: none;
}

#header {
  position: fixed;
  top: 0px;
  left: 0px;
  right: 0px;
  margin: 0px auto;
  z-index: 999;
  padding: 15px 0px;
}

.menuSearch ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  display: flex;
  gap: 21px;
}

.menuSearch ul li a {
  font-size: 18px;
  line-height: 20px;
  color: #000000;
  font-weight: 600;
}

.menuSearch {
  display: flex;
  gap: 30px;
  justify-content: end;
  align-items: center;
}

.globalLangHam {
  display: flex;
  gap: 32px;
}

.searchImg img {
  width: 20px;
}

.globalLangHam>div:nth-child(1) {
  border-bottom: 2px solid #000;
  display: flex;
  align-items: center;
  gap: 8px;
  padding-bottom: 3px;
}

.globalLangHam>div h4 {
  font-size: 18px;
  color: #000000;
  font-weight: 700;
}

#header .row {
  display: flex;
  align-items: center;
}

.innerLeading h6 {
  font-size: 30px;
  font-weight: 400;
  line-height: 36px;
  text-align: center;
  max-width: 900px;
  width: 100%;
 margin: 0 auto 60px;
}

.innerLeading h6.coloranimation {
  background: linear-gradient(to right, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.innerLeading {
  max-width: 960px;
  margin: 0px auto;
}

.leadingSrf {
  padding: 76px 0px 76px 0px;
}

.leadingBtns .hmbtn:nth-child(1) a {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  margin-top: 5px;
}

.leadingVideos {
  max-width: 536px;
  width: 100%;
  margin: 0px auto;
}

.leadingBtns {
  display: flex;
  gap: 49px;
}

.leadingBtns>div {
  width: 50%;
}

.videoSec {
  display: flex;
  gap: 16px;
  margin-top: 30px;
}

.innerVideo {
  position: relative;
}

.innerVideo a {
  position: absolute;
  top: 50%;
  left: calc(50% - 15px);
}

.innerVideo a img {
  width: 30px;
}

.innerVideo a {
  width: 30px;
  height: 30px;
}

.innerVideo p {
  color: #06B0E3;
  font-size: 16px;
  line-height: 34px;
  letter-spacing: 6.37px;
  text-align: center;
}

.deliveringpusec {
  padding: 70px 0px;
}

.mainTop {
  text-align: center;
  margin-bottom: 60px;
}

.mainTop h2 {
  font-size: 36px;
  line-height: 45px;
  color: #555555;
  font-weight: 700;
  margin-bottom: 5px;
}

.mainTop p {
  font-size: 20px;
  line-height: 20px;
  color: #555555;
  font-weight: 500;
}

.revenueText h4 {
  font-size: 38px;
  font-weight: 700;
  line-height: 43px;
  text-align: center;
  background: transparent linear-gradient(94deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.revenueText p {
  font-size: 18px;
  font-weight: 400;
  line-height: 23px;
  text-align: center;
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  background-clip: border-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 110px;
  width: 100%;
  margin: 0px auto;
  margin-bottom: 10px;
}

.revenueText h4 small {
  font-size: 24px;
  font-weight: 400;
}

.webView {
  max-width: 395px;
  width: 100%;
}

.webView h6 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  color: #000000;
  margin-bottom: 7px;
  margin-top: 30px;
}

.digitallinks {
  display: flex;
  gap: 58px;
  margin-top: 10px;
}

.digitallinks a:first-child {
  display: flex;
  align-items: center;
  gap: 19px;
}

.digitallinks a {
  position: relative;
  font-size: 20px;
  line-height: 20px;
  font-weight: 500;
  color: #000000;
  width: 33%;
}

.digitallinks a:nth-child(1)::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  right: -30px;
  top: 0px;
  background-color: #000;
}

.digitallinks a:hover
{
  color: #2a72b8;
}
.allQuarter ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

.gotoBtn {
  margin-top: 40px;
  float: right;
}

.gotoBtn .hmbtn a {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
}

.gotoBtn {
  margin-top: 40px;
  float: right;
  max-width: 260px;
  width: 100%;
}

.highlightsmedia {
  background: transparent linear-gradient(119deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 57px 0px;
}

.chairmantxt {
  display: flex;
  background-color: #fff;
}

.chairmantxt>div {
  width: 50%;
}

.twoChairman {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}

.twoChairman .chairmantxt {
  flex-direction: column;
}

.twoChairman>.chairmantxt {
  width: 50%;
  background-color: #fff;
}

.twoChairman>.chairmantxt>div {
  width: 100%;
}

.chairmantxt p span {
  display: block;
  color: #000;
  margin-top: 33px;
  font-size: 20px;
  line-height: 25px;
  font-weight: 500;
  letter-spacing: 0px;
}
.chairmantxt p span:nth-child(2)
{
  margin-top: 15px;
  font-size: 16px;
}
.chairmantxt p {
  font-size: 14px;
  line-height: 20px;
  color: #06B0E3;
  padding: 30px 16px;
  letter-spacing: 2.8px;
}

.highlightsmedia h6 {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  margin-bottom: 30px;
}

.mediaCover {
  margin-left: 100px;
}

.mediaCover ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

.indCont span:nth-child(1) {
  color: #fff;
  font-size: 14px;
  line-height: 14px;
  margin-bottom: 14px;
  margin-top: 0px;
}

.indCont span:last-child {
  display: block;
  font-size: 12px;
  line-height: 24px;
  color: #000000;
  margin-top: 7px;
}

.indCont {
  border-top: 1px solid #000;
  padding: 30px 0px 9px;
}

.indCont p {
  font-size: 20px;
  line-height: 24px;
  color: #000000;
  font-weight: 500;
}

.mediaCover .report-btn {
  margin: 30px 0px 0px;
}

.beyondbusinessec {
  padding: 35px 0px 0px 0px;
}

.topBeyond h2 {
  font-size: 45px;
  line-height: 45px;
  color: #000;
  font-weight: 700;
}

.topBeyond p {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 24px;
}

.afterActive h2 {
  color: #fff;
  font-size: 32px;
  line-height: 50px;
  font-weight: 700;
}

.afterActive p {
  font-size: 24px;
  line-height: 24px;
  color: #fff;
  max-width: 370px;
  width: 100%;
  margin-bottom: 25px;
}

.afterActive .hmbtn a {
  margin: 30px 0px;
}

.drivesPotential {
  background-image: url("/storage/images/homepage/where-purpose-d-p-img.webp");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 768px;
  display: flex;
  padding: 65px 0px;
}

.drivesPotential h2 {
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
  color: #fff;
  margin-bottom: 45px;
  max-width: 322px;
  width: 100%;
}

.whPurpose p {
  font-size: 24px;
  line-height: 35px;
  color: #fff;
  margin-top: 10px;
  max-width: 351px;
  margin-bottom: 50px;
}

.multiBtns {
  display: flex;
  gap: 20px;
  width: 100%;
}

.multiBtns>div {
  width: 178px;
}

footer {
  background-color: #09486C;
  padding-top: 50px;
}

.pagesftlinks {
  display: flex;
  position: relative;
}

.pagesftlinks:before {
  content: '';
  position: absolute;
  width: 1px;
  height: 100%;
  left: -70px;
  top: 0;
  background-color: #fff;
}

.pageslinks {
  max-width: 11.66%;
  width: 100%;
}

.pagesftlinks .pageslinks:nth-child(2),
.pagesftlinks .pageslinks:nth-child(4) {
  max-width: 15%;
}

.pageslinks h6 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 10px;
}

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

.pageslinks ul li a {
  color: #fff;
  padding-top: 10px;
  /* min-height: 40px; */
  font-size: 14px;
  display: block;
  padding-right: 25px;
}

.copyRights {
  padding: 19px 0px;
  background-color: #fff;
}

.copyRights ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 5px;
  color: #09486C;
  justify-content: end;
}

.copyRights ul li a {
  color: #09486C;
  font-weight: 700;
}

.copyRights p {
  color: #09486C;
  font-weight: 700;
}

.fulltext {
  background-color: #fff;
  padding: 0px 0px 10px;
  margin-bottom: 45px;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.fulltext h4 {
  font-size: 45px;
  line-height: 45px;
  color: #0095DA;
  font-weight: 700;
  text-align: center;
  padding-top: 25px;
}

.blockText {
  padding-top: 30px;
}

.blockText h5 {
  font-size: 16px;
  line-height: 16px;
  margin-bottom: 11px;
  color: #fff;
  font-weight: 300;
}

.investorFoot {
  padding-top: 50px;
}

.footLogo {
  margin-bottom: 21px;
  margin-top: 20px;
}

.blockText h5 span {
  display: block;
  line-height: 12px;
  font-size: 12px;
  padding-bottom: 5px;
}

.footerMenu ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 0px 51px;
  flex-wrap: wrap;
}

.footerMenu ul li a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.investorFoot ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  gap: 13px 51px;
  flex-wrap: wrap;
}

.investorFoot ul li a {
  color: #000;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

.investorFoot h4 {
  font-size: 16px;
  line-height: 24px;
  color: #555;
  font-weight: 700;
  margin-bottom: 12px;
}

.footerMenu {
  padding-top: 75px;
}


.blockText {
  padding-top: 8px;
}

.investorFoot {
  padding-top: 25px;
}

.sparshSocial {
  display: flex;
  gap: 0px 52px;
  margin-top: 39px;
  align-items: center;
  margin-bottom: 32px;
}

.sparshSocial h4 {
  color: #fff;
  font-weight: 700;
  position: relative;
  font-size: 16px;
}

.sparshSocial h4 a {
  color: #fff;
}

.socialLinks {
  display: flex;
  gap: 17px;
}

.socialLinks ul {
  display: flex;
  list-style: none;
  margin: 0px;
  padding: 0px;
  gap: 9px;
}

.socialLinks p {
  font-weight: 500;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}

.sparshSocial>div {
  position: relative;
}

.sparshSocial>div:nth-child(1)::after {
  content: "";
  display: block;
  position: absolute;
  right: -25px;
  top: 0px;
  width: 2px;
  height: 100%;
  background-color: #fff;
}

.multiBtns .hmbtn.withoutBg a {
  background-color: transparent;
  color: #fff;
}

.sliderCaption {
  position: absolute;
  bottom: 60px;
  left: 120px;
}

.sliderCaption h3 {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 12px;
  margin-top: 5px;
  max-width: 365px;
  width: 100%;
}

.sliderCaption p {
  font-size: 24px;
  line-height: 29px;
  color: #fff;
  max-width: 341px;
  width: 100%;
  font-weight: 500;
}

.sliderCaption .hmbtn a {
  margin: 30px 0px;
}

.sliderCaption .hmbtn a {
  margin: 0px 0px 0px 0px;
  background-color: transparent;
  padding: 9px 0px 9px 0px;
  color: #fff;
  max-width: 178px;
}

.sliderCaption .hmbtn a:hover {
  padding: 9px 0px 9px 0px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.sliderCaption .hmbtn a:hover .defaultShow {
  display: none;
}

.sliderCaption .hmbtn a:hover .onHover {
  display: block;
}

.onHover {
  display: none!important;
}

.defaultShow {
  display: block;
}

.sliderCaption .hmbtn a:hover span {
  padding-left: 0;
}

.sliderCaption .hmbtn {
  text-align: left;
}

.leadingBtns .hmbtn:nth-child(1) a:hover {
  background: #fff;
  color: #06B0E3;
}

.leadingBtns .hmbtn:nth-child(1) a:hover .defaultShow {
  display: none;
}

.leadingBtns .hmbtn:nth-child(1) a:hover .onHover {
  display: block;
}

.leadingBtns .hmbtn:nth-child(2) {
  text-align: left;
}

.leadingBtns .hmbtn:nth-child(2) a {
  padding: 5px 0px 5px 0px;
  align-items: start;
  margin-top: 5px;
}

.leadingBtns .hmbtn:nth-child(2) a span {
  margin-top: 5px;
}

.leadingBtns .hmbtn:nth-child(2) a span img {
  padding-top: 6px;
}

.leadingBtns .hmbtn:nth-child(2) a:hover {
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #000;
}

.leadingBtns .hmbtn:nth-child(2) a:hover span {
  padding-left: 0px;
}

.leadingBtns .hmbtn:nth-child(2) a:hover .defaultShow {
  display: none;
}

.leadingBtns .hmbtn:nth-child(2) a:hover .onHover {
  display: block;
}

.imgbox .hmbtn a {
  max-width: 178px;
  padding: 5px 0px 5px 0px;
  background: transparent;
  margin: 17px 0px 0px 0px;
  color: #fff;
}

.imgbox .hmbtn {
  text-align: left;
}

.imgbox .hmbtn a:hover {
  flex-direction: row-reverse;
  justify-content: space-between;
}

.imgbox .hmbtn a:hover .defaultShow {
  display: none;
}

.imgbox .hmbtn a:hover .onHover {
  display: block;
}

.imgbox .hmbtn a:hover span {
  padding-left: 0;
}

.allQuarter ul li a span {
  display: flex;
  align-items: center;
  gap: 10px;
}

.allQuarter {
  width: 100%;
  float: right;
  max-width: 532px;
}

.gotoBtn .hmbtn:nth-child(1) a:hover {
  background: #fff;
  color: #06B0E3;
}

.gotoBtn .hmbtn:nth-child(1) a:hover .defaultShow {
  display: none;
}

.gotoBtn .hmbtn:nth-child(1) a:hover .onHover {
  display: block;
}

.gotoBtn .hmbtn:nth-child(1) a {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  margin-top: 5px;
}

.twoChairman .chairmantxt p span {
  margin-top: 22px;
}

.mediaContents {
  max-width: 444px;
  width: 100%;
}

.indCont span {
  display: block;
  font-weight: 500;
}

.mediaContents .indCont:last-child {
  border-bottom: 1px solid #000;
}

.mediaCover a {
  padding: 5px 0px 5px 0px;
  align-items: start;
  margin-top: 5px;
  background-color: transparent;
  max-width: 178px;
}

.mediaCover a span {
  margin-top: 5px;
}

.mediaCover a span img {
  padding-top: 6px;
}

.mediaCover a:hover {
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #000;
}

.mediaCover a:hover span {
  padding-left: 0px;
}

.mediaCover a:hover .defaultShow {
  display: none;
}

.mediaCover a:hover .onHover {
  display: block;
}

.mediaCover a span {
  margin-top: 5px;
  color: #fff;
}

.mediaCover a:hover span {
  color: #000;
}

.mediaCover .hmbtn {
  text-align: left;
}

/**/
.afterActive .hmbtn a {
  margin: 30px 0px;
}

.afterActive .hmbtn a {
  margin: 0px 0px 30px 0px;
  background-color: transparent;
  padding: 9px 0px 9px 0px;
  color: #fff;
  max-width: 178px;
}

.afterActive .hmbtn a:hover {
  padding: 9px 0px 9px 0px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.afterActive .hmbtn a:hover .defaultShow {
  display: none;
}

.afterActive .hmbtn a:hover .onHover {
  display: block;
}

.afterActive .hmbtn a:hover span {
  padding-left: 0;
}

.afterActive .hmbtn {
  text-align: left;
}

/**/
.multiBtns .hmbtn:nth-child(2) a {
  margin: 30px 0px;
}

.multiBtns .hmbtn:nth-child(2) a {
  margin: 0px 0px 30px 0px;
  background-color: transparent;
  padding: 9px 0px 9px 0px;
  color: #fff;
  max-width: 178px;
}

.multiBtns .hmbtn:nth-child(2) a:hover {
  padding: 9px 0px 9px 0px;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.multiBtns .hmbtn:nth-child(2) a:hover .defaultShow {
  display: none;
}

.multiBtns .hmbtn:nth-child(2) a:hover .onHover {
  display: block;
}

.multiBtns .hmbtn:nth-child(2) a:hover span {
  padding-left: 0;
}

.multiBtns .hmbtn:nth-child(2) {
  text-align: left;
}

.multiBtns .hmbtn:nth-child(1) a {
  margin-top: 7px;
  max-width: 178px;
}

.accessBility {
  position: absolute;
  bottom: 32px;
  left: 0px;
  right: 0;
      display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    z-index: 9;
}

.accessBility span
{
  text-transform: uppercase;
    display: inline-block;
    color: #fff;
    font-size: 10px;
}
.crossMap {
  position: absolute;
  right: 40px;
  top: 15px;
}

.crossMap a {
  color: #000;
  font-size: 20px;
  background-color: #fff;
  width: 40px;
  height: 40px;
  display: block;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
}

.mapsec1 {
  position: relative;
}

.mapHeads {
  position: absolute;
  top: 66px;
  z-index: 9;
  text-align: center;
  left: 0px;
  right: 0px;
}

.mapHeads h2 {
  color: #40D4DC;
  font-weight: 700;
  font-size: 32px;
  line-height: 45px;
}

.mapHeads p {
  font-size: 20px;
  line-height: 20px;
  color: #FFFFFF;
  font-weight: 400;
  margin-top: 6px;
}

.thumb {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
}

/*.thumb:hover img {
  transform: scale(1.1);
}*/
.sticky {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  background-color: rgba(255, 255, 255, 0.2);
}

.beyondbusinesetion {
  height: 100vh;
  width: 100%;
  overflow: hidden;
  background: #F6CC7F 0% 0% no-repeat padding-box;
}

.beyondbusinesetion video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.beyondbusinesetion .container-fluid {
  height: 100%;
}

.beyondbusinesetion .row {
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: center;
}

.beyondbusinesetion .col-md-6,
.beyondbusinesetion .col-md-6 {
  padding: 0;
  height: 100%;
}

.beyondbusinesetion .col-md-4 {
  padding-left: 0;
}

.beyondbusinesetion .col-md-4 .col-md-6 {
  padding: 0px 15px;
}

.beyondleft {
  color: #fff;
}

.beyondleft h2 {
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 5px;
  color: #09486C;
}

.beyondleft p {
  font-size: 20px;
  font-weight: 600;
  padding-bottom: 20px;
  color: #09486C;
}

.beyondleft p:nth-child(3) {
  font-size: 24px;
  line-height: 26px;
  padding-right: 50px;
}

.beyondbusinesetion .col-md-4 .col-md-6 p {
  padding-bottom: 20px;
  font-size: 14px;
  line-height: 14px;
}

.beyondleft h3 {
  padding-bottom: 5px;
  font-size: 24px;
  font-weight: 700;
  color: #09486C;
}

.beyondleft .hmbtn {
  text-align: left;
  margin-top: 40px;
}

.beyondleft a {
  padding: 5px 0px 5px 0px;
  align-items: start;
  margin-top: 5px;
  background-color: transparent;
  max-width: 178px;
  color: #09486C;
}

.beyondleft a:hover {
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #09486C;
}

.beyondleft a span {
  margin-top: 5px;
  color: #09486C;
}

.beyondleft .hmbtn a {
  margin: 15px 0px 0px;
}

.beyondleft a:hover span {
  padding-left: 0px;
}

.beyondleft a:hover span {
  color: #06b0e3;
}

.beyondleft a span img {
  padding-top: 6px;
}

.beyondbusinesetion hr {
  margin-top: 10px;
  max-width: 85%;
  margin-left: 0;
}



.beyondleft a:hover .onHover {
  display: block;
}

.beyondleft a:hover .defaultShow {
  display: none;
}

.bbicons {
  display: flex;
  align-items: center;
  margin-top: 30px;
}

.bbicons div {
  max-width: 80px;
  width: 100%;
  margin-right: 20px;
}

.bbicons div img {
  margin: auto;
}

.abt-banner {
  background-image: var(--desktop-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 20px;
  justify-content: space-between;
  flex-direction: column;
}

.abt-banner h2 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  padding-bottom: 15px;
}

.abt-banner h2 span,
.abt-banner p span {
  color: #FFCE00;
}

.abt-banner p {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  max-width: 750px;
  width: 100%;
  margin: auto;
}

.abt-toptext {
  padding-top: 100px;
  padding-bottom: 100px;
}

.values-sec {
  background-image: var(--desktop-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 0px;
  background-attachment: fixed;
}

.values-sec h2 {
  font-size: 36px;
  color: #ffffff;
  font-weight: 700;
  padding-bottom: 30px;
  text-align: center;
}

.abt-toptext p {
  font-size: 30px;
  line-height: 36px;
  background: linear-gradient(to right, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.valtop-img {
  padding-bottom: 18px;
  text-align: center;
}

.val-cir {
  width: 260px;
  height: 260px;
  border-radius: 100%;
  background-color: #ffca61c4;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.val-cir h2 {
  color: #ffffff;
  font-size: 120px;
  font-weight: 700;
  padding-bottom: 0px;
}

.val-cntnt {
  padding: 0px 0px 0px 30px;
  text-align: center;
}

.val-cntnt h4 {
  font-size: 22px;
  color: #ffffff;
  border-top: 1px solid #ffffff;
  position: relative;
  padding: 2px 0px 5px 0px;
  font-weight: 700;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.val-cntnt h4::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.val-cntnt p {
  font-size: 18px;
  line-height: 20px;
  font-weight: 300;
  color: #ffffff;
  text-align: left;
  padding-top: 8px;
}

.val-i {
  background-color: #5acdcbd1;
}

.val-n {
  background-color: #2fa3dabd;
}

.val-e {
  background-color: #ffca61c4;
}

.val-w {
  background-color: #5acdcbd1;
}

.values-main {
  display: flex;
}

.values-wrap {
  width: 20%;
}

.aspirations {
  background-image: var(--desktop-bg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 40px;
  background-attachment: fixed;
}

.aspirations p {
  color: #ffffff;
  font-size: 30px;
  line-height: 30px;
  font-weight: 300;
  padding-top: 60px;
}

.aspirations1 {
  background-image: var(--desktop-bg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  background-attachment: fixed;
}

.vc-tabcontent.tab-content>.active,
.chem-tabcontent.tab-content>.active {
  display: block;
}

.vc-tabcontent.tab-content .fade,
.chem-tabcontent.tab-content .fade {
  opacity: 1;
}

#vc-tab {
  display: flex;
  padding-bottom: 1px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  width: 100%;
}

.vcTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 14px;
  line-height: 20px;
  color: #FFF;
  width: 100%;
  position: relative;
  border-radius: 0px;
  padding: 12px 0px 12px 0px;
  border: none !important;
  background-color: #21A2A2;
  text-align: left;
  font-weight: 600;
  padding-left: 55px;
  cursor: pointer;
  z-index: 9;
}

.vcTabs .nav-link span {
  display: block;
}

.vcTabs li {
  width: 20%;
}

.vcTabs .nav-tabs .nav-link:focus,
.vcTabs .nav-tabs .nav-link:hover {
  border-bottom: 8px solid #09486C !important;
}

.vcTabs .nav-tabs .nav-item.show .nav-link,
.vcTabs .nav-tabs .nav-link.active {
  border-bottom: 8px solid #09486C !important;
}

.l-tab-mbl {
  display: none;
}

#vc-tab-2 {
  background-color: #BD9C71;
}

#vc-tab-2:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/storage/images/values/mask-group-1.svg);
  width: 40px;
  height: 64px;
}

#vc-tab-3 {
  background-color: #89C34A;
}

#vc-tab-3:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/storage/images/values/mask-group-2.svg);
  width: 40px;
  height: 64px;
}

#vc-tab-5 {
  background-color: #BD9C71;
}

#vc-tab-4:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/storage/images/values/mask-group-3.svg);
  width: 40px;
  height: 64px;
}

#vc-tab-5:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/storage/images/values/mask-group-1.svg);
  width: 40px;
  height: 64px;
}

#vc-tab-a,
#vc-tab-d {
  background-color: #A6DADA;
  padding-top: 80px;
  margin-top: -10px;
  padding-bottom: 130px;
}

.valtab-wrap {
  display: flex;
  gap: 60px;
  align-items: center;
}

.valtab-wrap h4 {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  font-weight: 600;
}

.valtab-wrap h4 span {
  display: block;
}

.vc-tabcontent p {
  color: #555555;
  font-weight: 300;
  padding-top: 20px;
  font-size: 24px;
  line-height: 24px;
}

#vc-tab-b,
#vc-tab-e {
  background-color: #E5D7C6;
  padding-top: 80px;
  margin-top: -10px;
  padding-bottom: 130px;
}

#vc-tab-c {
  background-color: #D3E9B8;
  padding-top: 80px;
  margin-top: -10px;
  padding-bottom: 130px;
}

.nse-bse {
  background-color: #4BC3E8;
}

.nse-left h4,
.nse-right h4 {
  color: #fff;
  font-size: 24px;
  font-weight: 300;
}

.nse-left p {
  color: #fff;
  font-size: 16px;
  font-weight: 300;
}

.nse-right p {
  font-size: 16px;
  font-weight: 300;
  color: #155612;
}

.nse-wrap {
  display: flex;
  gap: 100px;
  padding: 12px 0px;
}

.nse-bse .col-md-5 {
  border-right: 1px solid #ffffff;
}

.nse-bse .bse {
  border-right: none;
  padding-left: 60px;
}

.our-story {
  background-image: var(--desktop-bg);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 120px;
}

.our-story .col-xl-12 {
  position: relative;
}

.story-text1 {
  position: absolute;
  bottom: 10%;
  right: calc(100vw / 16 * 1);
  max-width: 425px;
  width: 100%;
}

.story-text1 h2 {
  font-size: 50px;
  line-height: 50px;
  color: #7C4816;
  font-weight: 700;
  padding-bottom: 5px;
}

.story-text1 p {
  font-size: 20px;
  line-height: 25px;
  color: #7C4816;
}

.our-story .col-md-8 {
  padding-left: 0px;
}

.story-text2 {
  margin-top: -40px;
}

.story-text2 h6 {
  color: #74480C;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 6px;
  font-weight: 700;
}

.story-text2 h3 {
  font-size: 36px;
  line-height: 36px;
  color: #74480C;
  font-weight: 700;
  padding-bottom: 16px;
}

.story-text2 h3 span {
  display: block;
  font-weight: 400;
  font-size: 18px;
}

.story-text2 p {
  color: #74480C;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
}

.story-img2 {
  margin-top: -60px;
}

.read-btn-wrap {
  margin-top: 20px;
}

.read-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  transition: transform 0.4s ease;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 1px solid #74480C;
  background-color: #74480C;
  border-radius: 100px;
  padding-bottom: 5px;
  width: 280px;
  padding: 4px 4px 4px 20px;
}

.read-btn:hover {
  background-color: transparent;
  border: 1px solid #06B0E3;
}

.read-btn .banner-arrow {
  margin-left: 10px;
}

.read-btn .banner-arrow,
.read-btn .b-arrow-text {
  transition: transform 0.4s ease;
}

.read-btn:hover .banner-arrow {
  transform: translateX(-230px);
  transition: transform 0.4s ease;
}

.read-btn:hover .b-arrow-text {
  transform: translateX(40px);
  color: #06B0E3;
}

.blue-arrow {
  display: none;
}

.read-btn:hover .blue-arrow {
  display: block;
}

.read-btn:hover .white-arrow {
  display: none;
}

.story3 .col-md-7 {
  padding-left: 0px;
}

.story-text3 {
  margin-top: 30px;
}

.story3 {
  margin-top: 40px;
}

.story4 {
  position: relative;
}

.story4 .col-md-6 {
  padding-right: 0px;
}

.story-img4 {
  margin-top: -85px;
}

.flower-img {
  position: absolute;
  left: calc(100vw / 16 * 1.1);
  bottom: 0;
}

.srf-today h2 {
  font-size: 36px;
  font-weight: 700;
  background: transparent linear-gradient(97deg, #056380 38%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-bottom: 24px;
}

.srf-today p {
  font-size: 24px;
  line-height: 30px;
  background: transparent linear-gradient(97deg, #056380 15%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-bottom: 30px;
}

.srf-today h4 {
  font-size: 36px;
  font-weight: 700;
  background: transparent linear-gradient(272deg, #56C4D0 0%, #0095DA 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
}

.chem-banner {
  height: 100vh;
  position: relative;
}

.chem-banner video {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.chem-banner .swiper {
  width: 100%;
  height: 100%;
}

.chem-banner .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.chem-banner .swiper-pagination {
  bottom: 20px !important;
}

.chem-banner .swiper-pagination-bullet {
  background: transparent;
  opacity: 1;
  width: 35px;
  height: 5px;
  border: 1px solid #ffffff;
  border-radius: 10px;
}

.chem-banner .swiper-pagination-bullet-active {
  background: #ffffff;
}

.chem-banner-text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 50px;
  z-index: 12;
}

.chem-banner-text h2 {
  font-size: 50px;
  line-height: 50px;
  padding-bottom: 20px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
}

.chem-banner-text h2 span {
  color: #FFCE00;
}

.chem-banner-text p {
  font-size: 24px;
  line-height: 30px;
  color: #ffffff;
  font-weight: 700;
  width: 100%;
  text-align: center;
  max-width: 690px;
  margin: auto;
}

.chem-banner-text p span {
  color: #FFCE00;
}

.chem-stats {
  background-image: url(/storage/images/chem/high-precision-img1.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.chem-stat-inner {
  background: rgba(255 255 255 / 63%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(10px);
  padding-top: 40px;
  width: 100%;
  transform: translateY(150%);
}

.chem-wrap {
  text-align: center;
  margin-bottom: 45px;
}

.chem-wrap h5 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
  color: #555555;
  padding-top: 8px;
}

.chem-wrap p {
  color: #555555;
  font-size: 24px;
  line-height: 24px;
  font-weight: 600;
}

.chem-wrap p span {
  display: block;
}

.deep-chemical {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
}

.inner-head {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 25px;
}

.deep-chemical p {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  color: #555555;
}

.chem-products {
  padding: 60px 0px;
  position: relative;
}

.chem-products .row {
  width: 1060px;
  margin: auto;
}

.cp-wrap {
  margin-bottom: 100px;
  position: relative;
}

.cp-wraplast {
  margin-bottom: 0px;
}

.cp-box {
  position: absolute;
  right: -30px;
  bottom: -10px;
  box-shadow: -5px 0px 15px 3px rgba(0, 0, 0, 0.4);
  padding: 30px 20px 20px 30px;
  border-top-left-radius: 60px;
  border-top-right-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #fff;
  width: 250px;
  height: 230px;
}

.cp-box:before {
  content: '';
  position: absolute;
  left: -2px;
  top: 0;
  background-image: url(/storage/images/chem/products-line.svg);
  width: 137px;
  height: 132px;
  border-top-left-radius: 60px;
}

.cp-box h4 {
  font-size: 20px;
  line-height: 24px;
  color: #2A72B8;
  font-weight: 700;
}

.cp-box p {
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 50px;
  color: #2A72B8;
}

.cp-box h5 {
  font-size: 60px;
  color: #D5CEBB;
  font-weight: 300;
}

.cp-box2 {
  right: auto;
  left: -110px;
  border-top-right-radius: 60px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 0px;
  padding: 30px 30px 20px 20px;
}

.cp-box2 h4 {
  color: #89C34A;
  padding-bottom: 30px;
  text-align: right;
}

.cp-box2 h5 {
  text-align: right;
}

.cp-box2:before {
  content: '';
  position: absolute;
  right: -2px;
  top: 0px;
  background-image: url(/storage/images/chem/collaborative-research-line.svg);
  width: 137px;
  height: 132px;
  border-top-left-radius: 0px;
  left: auto;
}

.cp-box3 {
  border-top-right-radius: 0px;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 60px;
  bottom: auto;
  top: -20px;
}

.cp-box3 h4 {
  color: #21A2A2;
}

.cp-box3 h5 {
  padding-bottom: 40px;
}

.cp-box3:before {
  content: '';
  position: absolute;
  left: -2px;
  top: auto;
  bottom: 0px;
  background-image: url(/storage/images/chem/custom-synthesis-line.svg);
  width: 137px;
  height: 132px;
  border-top-left-radius: 0px;
}

.cp-box4 {
  border-top-right-radius: 20px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 0px;
  bottom: auto;
  top: -20px;
  padding: 30px 30px 20px 20px;
  right: auto;
  left: -110px;
}

.cp-box4 h4 {
  color: #09486C;
  text-align: right;
}

.cp-box4 h5 {
  padding-bottom: 40px;
  text-align: right;
}

.cp-box4:before {
  content: '';
  position: absolute;
  left: auto;
  right: -2px;
  top: auto;
  bottom: 0px;
  background-image: url(/storage/images/chem/contract-manufacturing-line.svg);
  width: 137px;
  height: 132px;
  border-top-left-radius: 0px;
}

.cp-center-img {
  position: absolute;
  left: 0px;
  right: 71px;
  top: 27%;
  margin: auto;
  text-align: center;
}

.fluorination {
  background-color: #E5F4FC;
  padding: 50px 0px;
}

.fluorination h2 {
  background: transparent linear-gradient(97deg, #056380 15%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  text-align: center;
}

.fluorination h5 {
  font-size: 24px;
  line-height: 26px;
  color: #555555;
  font-weight: 700;
  max-width: 570px;
  width: 100%;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

.fluorination-img img {
  margin: auto;
}

.synthetic {
  padding: 40px 0px;
}

.synthetic h2 {
  padding-bottom: 60px;
  text-align: center;
}

.synthetic-img {
  padding-bottom: 68px;
}

.pr-expertise h5 {
  font-size: 24px;
  line-height: 24px;
  color: #555555;
  font-weight: 700;
}

.pr-expertise {
  display: flex;
  gap: 8px;
  align-items: center;
}

.pr-expertise h5 span {
  display: block;
}

.pressure-wrap {
  display: flex;
  justify-content: space-between;
}

.molecule {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
}

.molecule h2 {
  color: #fff;
}

.molecule p {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 20px;
}

.molecule-wrap {
  margin-top: 15px;
}

.molecule-wrap h4 {
  color: #ffffff;
  font-size: 30px;
  line-height: 32px;
  font-weight: 600;
}

.molecule-wrap p {
  border-bottom: 1px solid #ffffff;
}

.bd-none {
  border: none !important;
}

.rd-process {
  background-color: #C6E6F8;
  padding: 70px 0px;
}

.rd-process-img img {
  margin: auto;
}

.pd-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.pilot-text {
  background-color: #09486C;
  padding-left: 60px;
  width: 100%;
}

.pilot-plant h2 {
  color: #fff;
  padding-bottom: 5px;
}

.pilot-plant h2 span {
  display: block;
}

.pilot-plant h5 {
  font-size: 24px;
  font-weight: 300;
  color: #ffffff;
  padding-bottom: 15px;
  border-bottom: 1px solid #ffffff;
  margin-bottom: 30px;
}

.pilot-plant p {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
}

.pilot-text-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 500px;
  height: 100vh;
}

.pilot-plant {
  height: 100vh;
}

.pilot-plant-img {
  height: 100vh;
}

.pilot-plant-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.build-scale {
  height: 100vh;
  position: relative;
}

.build-scale video {
  height: 100%;
  width: 100%;
  object-position: center;
  object-fit: cover;
}

.build-scale h2 {
  color: #ffffff;
  text-align: center;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 30px;
}

.build-scale h2 span {
  display: block;
}

.low-carbon {
  padding: 50px 0px;
}

.low-carbon p {
  font-size: 24px;
  line-height: 26px;
  color: #555555;
  font-weight: 300;
  padding-top: 40px;
}

.carbon-bg {
  background-color: #C6E6F8;
  height: 130px;
  padding: 15px;
  display: flex;
  align-items: center;
  margin-bottom: 16px;
}

.carbon-bg p {
  text-align: center;
  padding-top: 0px;
}

.low-carbon h2 {
  text-align: center;
  padding-bottom: 0px;
  margin-top: 70px;
}

.climate-left {
  height: 430px;
}

.climate-left img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.climate-right {
  background-color: #40D4DC;
  min-height: 430px;
  width: 100%;
  display: flex;
  align-items: center;
}

.climate-inner {
  max-width: 490px;
  padding-left: 94px;
}

.climate-energy ul {
  padding-left: 20px;
}

.climate-energy ul li {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 30px;
}

.climate-energy ul li span {
  font-weight: 700;
}

.climate-inner h2 {
  color: #ffffff;
}

.climate-energy ul li:last-child {
  padding-bottom: 0px;
}

.climate-right2 {
  background-color: #F8CD47;
}

.climate-right2 .climate-inner {
  padding-left: 120px;
}

.climate-right3 {
  background-color: #21A2A2;
}

.marquee-logo {
  padding-top: 100px;
}

.marquee-inner {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 8px 0px 8px 8px;
}

.marquee-container {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  width: 100%;
}

.marquee-track {
  display: flex;
  width: fit-content;
}

.marquee-left {
  animation: marquee-left 20s linear infinite;
}

.scroll-card {
  margin-right: 16px;
  min-width: 168px;
  text-align: center;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  display: flex;
  align-items: center;
}

@keyframes marquee-left {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-50%);
  }
}

.chem-products-list {
  background-image: var(--desktop-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 70px 0px;
}

.top-head-bg {
  background: transparent linear-gradient(82deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  max-width: 570px;
  width: 100%;
  padding: 10px;
  margin: 0px auto 70px;
}

.top-head-bg h2 {
  padding-bottom: 0px;
  color: #fff;
  text-align: center;
}

#chem-tab {
  display: block;
  border-bottom: none;
  height:auto;
  overflow-y: auto;
  margin-right: 20px;
}
#chem-tab::-webkit-scrollbar {
    width: 4px;          /* thickness */
}

#chem-tab::-webkit-scrollbar-track {
    background: #FFFFFF;
}

#chem-tab::-webkit-scrollbar-thumb {
    background-color: #E9BB2B; /* light blue */
    border-radius: 10px;
}

.chemTabs .nav-link {
  display: block;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  color: #555555;
  max-width: 240px;
  width: 100%;
  position: relative;
  background-color: transparent;
  border-radius: 0px;
  padding: 0px 0px 15px 0px;
  margin-bottom: 15px;
  border: none !important;
  text-align: left;
  border-bottom: 2px solid #555555 !important;
  cursor: pointer;
}

/*.chemTabs .nav-tabs .nav-link:focus,
.chemTabs .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #000000 !important;
}*/
.chemTabs .nav-tabs .nav-item.show .nav-link,
.chemTabs .nav-tabs .nav-link.active {
  color: #06B0E3;
  border-bottom: 2px solid #06B0E3 !important;
  background-color: transparent;
}

.chem-tabcontent p {
  font-size: 24px;
  line-height: 26px;
  color: #555555;
  font-weight: 300;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #555555;
}

.m-height {
  min-height: 64px;
}

.brochure-btn .read-btn {
  background-color: transparent;
  border: 1px solid #06B0E3;
  width: 220px;
}

.brochure-btn .read-btn:hover .banner-arrow {
  transform: translateX(-170px);
}

.brochure-btn .read-btn .b-arrow-text {
  color: #06B0E3;
}

.chem-btn .read-btn {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #06B0E3;
  width: 250px;
}

.chem-btn .read-btn:hover .b-arrow-text {
  color: #fff;
}

.chem-btn .read-btn:hover .banner-arrow {
  transform: translateX(-200px);
}

.chem-btn1 .read-btn {
  width: 180px;
}

.chem-btn1 .read-btn:hover .banner-arrow {
  transform: translateX(-130px);
}

.chem-btns {
  display: flex;
  gap: 20px;
  margin-top: 80px;
  justify-content: center;
}

.hero-zoom-out {
  animation: bgZoomOut 3s ease forwards;
}

@keyframes bgZoomOut {
  0% {
    background-size: 120% auto;
    /* scale 1.2 */
  }

  100% {
    background-size: 100% auto;
    /* scale 1 */
  }
}

.award-banner {
  background-image: var(--desktop-bg);
}

.award-banner p span {
  display: block;
}

.award-select {
  margin-bottom: 50px;
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-start;
}

.award-select p {
  color: #555555;
  font-size: 18px;
}

#awardSelector {
  border: 1px solid #707070;
  border-radius: 10px;
  width: 135px;
  display: block;
  color: #555555;
  font-size: 18px;
  padding: 12px 15px;
  appearance: none;
  background: url(/storage/images/award/arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 90% 50% !important;
  margin-top: 0px;
  display: inline-block;
}

select:focus-visible {
  outline: none;
  box-shadow: none;
}

.hidden {
  display: none;
}

.award-box {
  position: relative;
  margin-bottom: 30px;
}

.award-leave {
  position: absolute;
  left: 0;
  right: 0;
  top: 170px;
  width: 280px;
  margin: auto;
}

.award-leave p {
  width: 210px;
  text-align: center;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  margin: auto;
  font-size: 18px;
  line-height: 24px;
  color: #ffffff;
  padding-bottom: 10px;
}

.award-leave h5 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 0;
  text-align: center;
}

.award-box h6 {
  color: #ffffff;
  font-weight: 600;
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  bottom: 30px;
  padding: 0px 20px;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  opacity: 0;
}

.award-leave img {
  filter: brightness(0) invert(1);
}

.award-box:hover p,
.award-box:hover h5 {
  color: #FFD834;
}

.award-box:hover .award-leave img {
  filter: none;
}

.award-box:hover h6 {
  opacity: 1;
}

.bod-banner {
  background-image: var(--desktop-bg);
  background-position: center;
}

.bod {
  background-image: var(--desktop-bg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
}

.bod h2 {
  background: transparent linear-gradient(97deg, #056380 15%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}

.bod h5 {
  color: #555555;
  font-size: 25px;
  line-height: 35px;
  font-weight: 600;
  padding-bottom: 20px;
}

.bod h4 {
  font-size: 35px;
  color: #555555;
  font-weight: 700;
}

.bod p {
  color: #555555;
  padding-bottom: 40px;
}

.bod-bg {
  background-color: #FDF2DC;
  padding-top: 110px;
}

.bod-bg h2 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 18%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  padding-bottom: 55px;
}

.bod-box {
  background-color: #ffffff;
  border-bottom: 3px solid bod-box;
  padding: 25px 28px;
  margin-bottom: 35px;
  min-height: 390px;
}

.light-bluebg {
  background-color: #67bce41c;
  position: relative;
}

.light-bluebg:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background: transparent linear-gradient(77deg, #0095DA 0%, #09ABDC 47%, #56C4D0 100%) 0% 0% no-repeat padding-box;
  width: 100%;
  height: 76px;
  transition: all .3s ease-out;
}

.bod-img img {
  margin: auto;
  position: relative;
  z-index: 9;
}

.bod-text {
  margin-top: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.bod-text h4 {
  font-size: 18px;
  line-height: 20px;
  color: #555555;
  font-weight: 700;
}

.bod-text h4 span {
  font-size: 14px;
  display: block;
  font-weight: 400;
}

.bod-box:hover .light-bluebg:after {
  height: 100%;
  transition: all .3s ease-out;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 0px !important;
}

.modal.show {
  display: block;
}

.modal.fade {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.modal.fade.show {
  opacity: 1;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 1.75rem auto;
  max-width: 500px;
  pointer-events: none;
  transform: translateY(-20px);
  transition: transform .3s ease-in-out;
}

.modal.show .modal-dialog {
  transform: translateY(0);
  pointer-events: auto;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .5rem;
  outline: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, .15);
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  margin-right: calc(100vw / 16 * 1);
  margin-top: 40px;
}

html.modal-open {
  overflow: hidden !important;
  height: 100% !important;
}

.btn-close {
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-fullscreen {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

.scl-icons img {
  display: block;
  padding-bottom: 20px;
  filter: grayscale(1);
}

.scl-icons img:hover {
  filter: none;
}

.bodpop-text h4 {
  font-size: 35px;
  font-weight: 700;
  padding-bottom: 5px;
}

.bodpop-text h6 {
  font-size: 16px;
  font-weight: 400;
  padding-bottom: 20px;
}

.bodpop-text h5 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 600;
  color: #555555;
  padding-bottom: 20px;
}

.bodpop-text p {
  color: #555555;
  font-size: 18px;
  line-height: 25px;
  font-weight: 300;
  padding-top: 0px;
  padding-bottom: 20px;
}

.bodpop-text p span {
  display: block;
  padding-top: 20px;
}

.bodpop-text .col-md-6 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 490px;
}

.leader-banner {
  background-image: var(--desktop-bg);
}

.leader-banner p span {
  display: block;
}

.leadership-text .col-md-6 {
  height: auto;
}

.leadership-text p {
  padding-top: 0px;
  padding-bottom: 20px;
}

.leadership-text h5 {
  padding-bottom: 20px;
}

.leadership-text .pop-img {
  padding-bottom: 50px;
}

.leadership-text h6 span {
  display: block;
}

.scl-icons {
  display: none;
}

.sitemap {
  padding-top: 130px;
}

.sitemap a {
  font-size: 14px;
  font-weight: 300;
  color: #000;
}

.sitemap a.b-active {
  font-weight: 700;
}

.story-img1 {
  margin-top: -120px;
}

.sitemap-chem {
  position: relative;
}

.sitemap-chem .sitemap {
  position: absolute;
  top: 0px;
  left: 15px;
}

.fluorination-img {
  max-width: 750px;
  width: 100%;
  margin: auto;
}

.nse-right p img {
  vertical-align: text-bottom;
}

.nse-bse .container {
  position: relative;
}

.backTop {
  position: absolute;
  top: 12px;
  right: 0;
  text-align: center;
  cursor: pointer;
}

.backTop p {
  font-size: 12px;
  color: #fff;
  font-weight: 600;
}

.press-wrap {
  background-color: #FDF2DC;
  padding-top: 110px;
}

.press-wrap h2 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 21%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 5px;
  font-weight: 700;
  font-size: 36px;
}

.press-wrap h5 {
  font-size: 24px;
  background: transparent linear-gradient(91deg, #056380 0%, #06B0E3 10%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 60px;
}

.news-text {
  padding: 55px 55px 35px 55px;
  background-color: #ffffff;
  min-height: 393px;
  box-shadow: 0px 3px 6px #00000029;
}

.news-img {
  box-shadow: 0px 3px 6px #00000029;
}

.news-text h6 {
  font-size: 10px;
  line-height: 14px;
  padding-bottom: 5px;
}

.news-text h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 5px;
}

.news-footer {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.news-footer h6 {
  font-size: 14px;
  line-height: 24px;
  color: #555555;
}

.news-wrap {
  display: inline-block;
  margin-bottom: 20px;
}

.news-wrap .col-md-5 {
  padding-right: 0px;
}

.news-wrap .col-md-7 {
  padding-left: 0px;
}

.newsroom-banner {
  background-image: var(--desktop-bg);
}

.newsroom-banner p span {
  display: block;
}

.news-img img {
  width: 100%;
}

.news-wrap1 {
  margin-bottom: 20px;
  display: inline-block;
}

.news-wrap1 .news-text {
  min-height: 390px;
}

.news-wrap2 .col-md-10 {
  padding-right: 0px;
}

.news-wrap2 .news-text {
  min-height: auto;
}

.news-wrap2 {
  display: flex;
  align-items: center;
}

.media-icons {
  background: transparent linear-gradient(93deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 80px 0px;
  margin-top: 110px;
  margin-bottom: 90px;
}

.media-icons .col-md-4 {
  text-align: center;
}

.media-icons h4 {
  color: #FFCE00;
  font-size: 25px;
  font-weight: 700;
  padding-top: 12px;
}

.news-pdf-wrap {
  box-shadow: 0px 3px 6px #00000029;
  padding: 65px 120px 40px 160px;
  background-color: #ffffff;
  display: inline-block;
  width: 100%;
  margin-bottom:30px;
}

.news-pdf {
  display: flex;
  justify-content: space-between;
}

.news-pdf h4 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}

.news-head {
  padding-bottom: 50px !important;
  font-size: 30px;
}

.news-pdf-wrap h6 {
  font-size: 14px;
  line-height: 18px;
  border-bottom: 1px solid #55555536;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

.news-pdf-wrap .read-btn-wrap {
  float: right;
}

.inside-top {
  background-color: #FDF2DC;
}

.press-select select {
  border: 1px solid #707070;
  border-radius: 10px;
  width: 135px;
  display: block;
  color: #555555;
  font-size: 18px;
  padding: 12px 15px;
  appearance: none;
  background: url(/storage/images/award/arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 90% 50% !important;
  margin-top: 0px;
  display: inline-block;
  background-color: #FBF3DF !important;
}

.press-wrap1 h5 {
  padding-bottom: 0px;
}

.press-select {
  justify-content: flex-end;
}

.news-wrap1 .news-text p {
  min-height: 155px;
}

.news-wrap4 .col-md-7 {
  padding-right: 0px;
  padding-left: 15px;
}

/* .news-wrap4
{
  margin-bottom: 80px;
} */
.news-wrap4 .col-md-5 {
  padding-right: 15px;
  padding-left: 0px;
}

.newsroom-inner h2 {
  font-size: 36px;
  line-height: 40px;
  color: #555555;
  font-weight: 700;
  padding-top: 50px;
  padding-bottom: 65px;
}

.newsroom-inner h2 span {
  display: block;
}

.news-date {
  display: flex;
  justify-content: space-between;
  margin-bottom: 70px;
}

.news-date p {
  font-size: 14px;
}

.news-date p span {
  padding-left: 10px;
  padding-right: 10px;
  font-size: 16px;
}

.press-inner p {
  padding-bottom: 15px;
}

.press-inner h5 {
  color: #06B0E3;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 10px;
}

.p-mt {
  margin-top: 20px;
  margin-bottom: 45px;
}

.press-inner h4 {
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 12px;
}

.press-wrap2 {
  padding-top: 45px;
  margin-top: 40px;
}

.press-wrap2 h4 {
  font-size: 35px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 15px;
  padding-left: 15px;
}

.investor-banner {
  background-image: var(--desktop-bg);
}

.investor-banner p span {
  display: block;
}

.investor-toptext p {
  text-align: left;
  background: linear-gradient(to left, #42d6e7, #007fae);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.investor-toptext h4 {
  color: #2A72B8;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 28px;
}

.q-wrap h6 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
}

.q-wrap {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #55555536;
  padding-bottom: 10px;
  margin-bottom: 15px;
  color: #555555;
}

.globe-icon {
  padding-right: 20px;
}

.investors-img {
  height: 100vh;
}

.investors-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.investor-tab {
  background-image: url(/storage/images/investors/bg-img.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 35px;
}

#in-tab {
  display: flex;
  padding-bottom: 1px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  width: 100%;
  background-color: #1A63A3;
  border-radius: 23px;
  padding: 15px 20px;
  gap: 30px;
  margin-bottom: 30px;
}

.inTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #ffffff;
  width: 100%;
  position: relative;
  border-radius: 0px;
  padding: 0px;
  border: none !important;
  text-align: left;
  font-weight: 300;
  cursor: pointer;
  background-color: transparent;
  text-align: center;
}

.inTabs .nav-link span {
  display: block;
}

/*.inTabs .nav-tabs .nav-link:focus,
.inTabs .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #FFCE00 !important;
}*/
.inTabs .nav-tabs .nav-item.show .nav-link,
.inTabs .nav-tabs .nav-link.active {
  font-size: 18px;
  font-weight: 700;
  color: #FFCE00;
}

.in-tabcontent.tab-content .fade {
  opacity: 1;
}

.in-tabcontent.tab-content>.active {
  display: block;
}

.invest-bg {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 50px;
  margin: 0px 30px;
}

.invest-bg h4 {
  font-size: 24px;
  font-weight: 700;
  color: #2A72B8;
  padding-bottom: 30px;
}

.in-tabcontent {
  padding-bottom: 120px;
}

.ar-text h4 {
  font-size: 36px;
  color: #2A72B8;
  font-weight: 700;
  padding-bottom: 20px;
  line-height: 28px;
}

.ar-text p {
  font-size: 24px;
  line-height: 24px;
  color: #555555;
  padding-bottom: 15px;
}

.ar-text h5 {
  color: #000;
  font-size: 20px;
  line-height: 20px;
  padding-bottom: 10px;
  font-weight: 600;
}

.ar-links a {
  color: #000000;
  padding-left: 20px;
}

.ar-links a:first-child {
  padding-left: 0px;
}

.ar-links a img {
  padding-left: 10px;
  margin-right: 20px;
}

.ar-wrap {
  display: flex;
  padding-bottom: 60px;
}

.in-report {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 27px 27px 37px 50px;
  min-height: 362px;
  margin-bottom: 30px;
}

.in-report1 {
  background-image: url(/storage/images/investors/card1.webp);
}

.rep-icon {
  display: flex;
  justify-content: flex-end;
}

.in-report h4,
.in-report-btm h4 {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 8px;
  line-height: 36px;
}

.in-report p,
.in-report-btm p {
  font-size: 24px;
  line-height: 24px;
  padding-bottom: 30px;
  color: #fff;
}

.in-report p span,
.in-report-btm p span,
.in-report-btm h4 span {
  display: block;
}

.report-btn a {
  color: #fff;
  font-size: 16px;
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
}

.report-btn a ::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.report-btn a img {
  padding-left: 20px;
  filter: brightness(0) invert(1);
  transition: all .3s ease-out;
}

.report-btn a:hover img {
  filter: none;
  transition: all .3s ease-out;
}

.in-reportsSec {
  margin-top: 45px;
  margin-bottom: 87px;
}

.in-report2 {
  background-image: url(/storage/images/investors/card2.webp);
}

.in-report3 {
  background-image: url(/storage/images/investors/card3.webp);
}

.in-report-btm {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 30px 16px 30px 34px;
  min-height: 525px;
}

.rep-icon1 {
  padding-bottom: 80px;
  display: flex;
  justify-content: flex-end;
}

.in-report4 {
  background-image: url(/storage/images/investors/card4.webp);
}

.in-report5 {
  background-image: url(/storage/images/investors/card5.webp);
}

.in-report-btm p {
  min-height: 127px;
}

.ourlegacyPG .vcTabs {
  position: absolute;
  bottom: 15px;
  left: 25px;
  right: 0;
  margin: auto;
  z-index: 2;

}

.ourlegacyPG .vcTabs .nav-link {
  background-color: transparent;
}

.ourlegacyPG #vc-tab-2,
.ourlegacyPG #vc-tab-3,
.ourlegacyPG #vc-tab-5 {
  background-color: transparent;
}

.ourlegacyPG #vc-tab-3:after,
.ourlegacyPG #vc-tab-2:after,
.ourlegacyPG #vc-tab-4:after,
.ourlegacyPG #vc-tab-5:after {
  display: none;
}

.ourlegacyPG .vcTabs .nav-link {
  padding-left: 0;
  color: #fff;
  font-weight: 300;
}

.ourlegacyPG .vcTabs .nav-tabs .nav-link.active,
.ourlegacyPG .vcTabs .nav-tabs .nav-link:focus,
.ourlegacyPG .vcTabs .nav-tabs .nav-link:hover {
  color: #0095DA;
  border-bottom: 0px solid #0095DA !important;
  font-weight: 600;

}

.ourlegacyPG .vcTabs .nav-link span {
  text-decoration: underline !important;
}

.ourlegacyPG {
  height: 100vh;
  position: relative;
  width: 100%;
  overflow: hidden;
}

.ourlegacyPG #vc-tab-a,
.ourlegacyPG #vc-tab-d,
.ourlegacyPG #vc-tab-c,
.ourlegacyPG #vc-tab-b,
.ourlegacyPG #vc-tab-e,
.ourlegacyPG #vc-tab-f {
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.ourlegacyPG div#vcTabContent {
  position: absolute;
  top: 0;
  width: 100%;
}

#vc-tab-a {
  position: relative;
}

.slider__col {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 0;
  margin: auto;
  z-index: 9;
}

.swiper-container {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.slider__col {
  display: flex;
  flex-direction: column;
  height: fit-content;
}

.yearsname {
  color: #fff;
  font-size: 18px;
  position: relative;
}

.yearsname:hover {
  cursor: pointer;
}

.yearsname:before {
  content: '';
  position: absolute;
  left: 15px;
  top: 25px;
  margin: auto;
  width: 1px;
  height: 30px;
  background-color: #fff;
}

.slider__prev,
.slider__next {
  color: #fff;
}

.slider__prev,
.slider__prev1,
.slider__prev2,
.slider__prev3,
.slider__prev4,
.slider__prev5 {
  padding-bottom: 20px;
  position: relative;
}

.slider__prev img,
.slider__prev1 img,
.slider__prev2 img,
.slider__prev3 img,
.slider__prev4 img,
.slider__prev5 img {
  margin-bottom: 10px;
}

.slider__next img,
.slider__next1 img,
.slider__next2 img,
.slider__next3 img,
.slider__next4 img,
.slider__next5 img {
  margin-top: 10px;
}

.slider__prev:before,
.slider__prev1:before,
.slider__prev2:before,
.slider__prev3:before,
.slider__prev4:before,
.slider__prev5:before {
  content: '';
  position: absolute;
  left: 16px;
  top: 20px;
  margin: auto;
  width: 1px;
  height: 15px;
  background-color: #fff;
}

.slider__prev,
.slider__next,
.slider__prev1,
.slider__next1,
.slider__prev2,
.slider__next2,
.slider__prev3,
.slider__next3,
.slider__prev4,
.slider__next4,
.slider__prev5,
.slider__next5 {
  cursor: pointer;
  text-align: left;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-left: 5px;
  max-width: 50px;
}

.slider__thumbs,
.slider__thumbs1,
.slider__thumbs2,
.slider__thumbs3,
.slider__thumbs4,
.slider__thumbs5 {
  height: calc(320px - 80px);
  max-width: 50px;
}

.slider__images,
.slider__images1,
.slider__images2,
.slider__images3,
.slider__images4,
.slider__images5 {
  height: 100vh;
  width: 100%;
}

.slider__thumbs .swiper-slide-thumb-active .yearsname,
.slider__thumbs1 .swiper-slide-thumb-active .yearsname,
.slider__thumbs2 .swiper-slide-thumb-active .yearsname,
.slider__thumbs3 .swiper-slide-thumb-active .yearsname,
.slider__thumbs4 .swiper-slide-thumb-active .yearsname,
.slider__thumbs5 .swiper-slide-thumb-active .yearsname {
  color: #0095DA;
  font-weight: 700;
}

.slider__image .container {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 0;
  right: 0;
  height: fit-content;
  padding-left: 100px;
}

.slider__image .container p {
  max-width: 69%;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  padding-top: 5px;
}

.slider__image .container h6 {
  font-size: 24px;
  color: #FFCE00;
  font-weight: 700;
  padding-top: 15px;
}

.slider__image .container h2 {
  font-size: 60px;
  color: #0095DA;
  font-weight: 700;
}

.slider__image .container h2 span {
  font-size: 24px;
}

.progress-bars {
  display: flex;
  margin: 10px auto 5px !important;
}

.progress-bar {
  flex: 1;
  height: 8px;
  background: #fff;
  margin: 0 5px;
  border-radius: 3px;
  overflow: hidden;
  max-width: 129px;
}

.progress-fill {
  width: 0;
  height: 100%;
  background: #888888;
  transition: width 0.1s linear;
}

.counter1 {
  font-weight: bold;
  font-size: 1rem;
  min-width: 50px;
  text-align: right;
}

.slider__imageinner {
  height: 100vh;
  position: absolute;
  overflow: hidden;
  width: 100%;
}

.slider__image img {
  transform: scale(1.2);
  transition: ease all 2s;
}

.slider__image {
  width: 100%;
  overflow: hidden;
}

.swiper-slide-active .slider__image img {
  transform: scale(1);
  transition: ease all 2s;
}

.swiper-slide-active .swiper-container img {
  transform: scale(1.2);
  transition: ease all 2s;
}

.swiper-slide-active .swiper-slide-active img {
  transform: scale(1);
  transition: ease all 2s;
}

.investors-contact {
  background-color: #FDF2DC;
  padding: 60px 0px;
}

.investors-contact h2 {
  background: transparent linear-gradient(93deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  font-size: 30px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 16px;
}

.investors-contact h5 {
  font-size: 16px;
  line-height: 18px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 10px;
}

.investors-contact p {
  font-size: 16px;
  line-height: 18px;
  color: #555555;
  font-weight: 300;
  padding-bottom: 10px;
}

.investors-contact p span {
  display: block;
}

.investors-contact h3 {
  font-size: 24px;
  line-height: 30px;
  color: #06B0E3;
  font-weight: 700;
  margin-top: 20px;
  margin-bottom: 16px;
}

.investors-contact h6 {
  font-size: 16px;
  line-height: 18px;
  color: #06B0E3;
  font-weight: 700;
  text-align: center;
  padding-top: 40px;
}
.specchemhight{
  background-image: var(--desktop-bg);
}
.chem-stats {
  background-image: url(/storage/images/investors/investors-img1.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.chem-stats.investorStats {
  background-image: var(--desktop-bg);
}

.investor-num p span {
  display: block;
}

.srfway-banner {
  background-image: var(--desktop-bg);
}

.way-time {
  padding-top: 0px;
}

.way-time a {
  color: #555555;
}

.way-time h2 {
  font-size: 36px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 30px;
  text-align: center;
}

.time-text h4 {
  color: #555555;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 8px;
}

.time-text h4 span {
  display: block;
}

.time-text p {
  font-size: 16px;
  line-height: 20px;
}

.timeline-img1 img {
  box-shadow: 0px 3px 6px #00000029;
  width: 100%;
}

.time-wrap {
  display: flex;
  flex-shrink: 0;
  box-shadow: 0px 3px 6px #00000029;
  align-items: center;
  gap: 30px;
}

.time-img {
  width: 51%;
}

.time-text {
  padding-right: 35px;
  width: 40%;
}

.t-arrow {
  float: right;
}

.timeline-img1 {
  position: relative;
}

.time-text1 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 33px;
  width: 75%;
  padding-right: 0px;
}

.time-text1 h4,
.time-text1 p {
  color: #ffffff;
}

.mb-25 {
  margin-bottom: 25px;
}

.time-wrap1 {
  box-shadow: 0px 3px 6px #00000029;
}

.time-wrap1 .time-text,
.time-wrap1 .time-img,
.time-wrap1 .time-img img {
  width: 100%;
}

.time-wrap1 .time-text {
  min-height: 315px;
  padding: 45px 60px 0px 30px;
}

.time-wrap3 .time-text {
  padding-left: 35px;
  width: 50%;
}

.time-wrap3 .time-img,
.time-wrap2 .time-img {
  width: 50%;
}

.time-img img {
  width: 100%;
}

.time-wrap2 {
  margin-bottom: 15px;
}

.time-wrap3 p span {
  padding-bottom: 15px;
  display: block;
}

/* Prevent outer swiper from forcing vertical layout on inner */
.slider__imageinner .swiper-container.mySwiper {
  position: relative !important;
}

.nested-isolated {
  overflow: visible !important;
}

.mySwiper {
  direction: ltr !important;
}

.mySwiper.swiper-vertical {
  overflow: visible !important;
}

.progress-wrapper {
  position: absolute;
  z-index: 1;
  left: 0;
  bottom: 120px !important;
  right: 0;
  margin: auto;
}

.slider__images1 .swiper-container,
.slider__images .swiper-container,
.slider__images2 .swiper-container {
  inset: 0%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  height: 100vh;
}

.slider__images1 .swiper-container .swiper-slide,
.slider__images2 .swiper-container .swiper-slide {
  width: auto;
}

.progress-wrapper .container {
  position: relative;
}

.progress-wrapper {
  color: #fff;
}

.investor-tab.modTab {
  padding-top: 146px;
  background-image: none;
}

.investor-tab.modTab .in-tabcontent.tab-content .fade {
  opacity: 1;
}

.investor-tab.modTab .in-tabcontent.tab-content>.active {
  display: block;
}

.investor-tab.modTab #in-tab {
  background-color: #fff;
}

.investor-tab.modTab .inTabs ul li {
  background: #D9D7D7;
  border-radius: 50px;
  color: #555555;
}

.investor-tab.modTab .inTabs .nav-tabs .nav-link.active {
  border-bottom: none !important;
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border-radius: 34px;
  color: #fff;
  border-bottom: none;
}

.investor-tab.modTab .inTabs .nav-link {
  padding: 10px 20px;
}

.invest-bg.newBg {
  padding-left: 22px;
}

.leftData {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #5555555c;
  padding-bottom: 21px;
  min-height: 100px;
}

.investor-tab.modTab .form-group {
  margin-bottom: 0px;
}

.investor-tab.modTab .leftData p {
  min-height: 44px;
  max-width: 209px;
}

.investor-tab.modTab .form-control {
  height: auto;
  padding: 10px 12px;
  border-radius: 10px;
}

.twoBtn .firstBtn button:hover {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border-radius: 34px;
  color: #fff;
}

.twoBtn .firstBtn button {
  color: #06B0E3;
  border-radius: 34px;
  border: 1px solid #06B0E3;
  background-color: #fff;
  font-size: 14px;
  line-height: 25px;
  padding: 2px 30px;
}

.twoBtn {
  display: flex;
  gap: 20px;
}

.pdfImg {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 50px;
  flex-direction: column;
}

.pdfImg img {
  margin-bottom: 30px;
}

.addresStock h3 {
  background-color: #06B0E3;
  font-size: 20px;
  line-height: 25px;
  padding: 8px 25px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #fff;
}

.addresStock {
  padding-bottom: 15px;
  border-bottom: 1px solid #555555;
  min-height: 150px;
}

.mainBrown h3 {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 10px;
}

.mainBrown {
  background: #ECECEC;
  padding: 30px;
}

.mainBrown .diffe {
  padding-bottom: 20px;
  border-bottom: 1px solid #555555;
  margin-bottom: 30px;
}

.firstCol h3 {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 10px;
}

.firstCol {
  border-right: 1px solid #555555;
}

.firstCol p {
  padding-bottom: 5px;
}

.firstCol.noBrdr {
  border: none;
}

.tech h3 {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 10px;
}

.fax h3 {
  font-size: 16px;
  line-height: 20px;
  color: #555555;
}

.subAudit .iconImg {
  padding-bottom: 5px;
}

.mainAudit {
  padding-top: 40px;
}

.subAudit {
  max-width: 172px;
  width: 100%;
}

.mainAudit {
  display: flex;
  padding-top: 40px;
  justify-content: space-between;
  margin-bottom: 30px;
}

.bodSec h2 {
  font-size: 25px;
  line-height: 28px;
  color: #555555;
  padding-bottom: 20px;
  font-weight: 700;
}



.brandStoriesSlider {
  position: relative;
  min-height: 100vh;
  color: #fff;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.brandStoriesSlider .swiper {
  width: 100%;
  height: 100vh;
  position: relative;
}

.brandStoriesSlider .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #F3FAFD;
  height: 298px;
  max-width: 337px;
  padding: 0px 9px;
  padding-top: 10px;
  position: relative;
}

.brandStoriesSlider .swiper-slide .btmDiv {
  background: transparent linear-gradient(77deg, #0095DA 0%, #09ABDC 47%, #56C4D0 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  min-height: 67px;
  bottom: 0;
}

.brandStoriesSlider .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brandStoriesSlider .swiper-pagination-bullet {
  background: #888;
  opacity: 1;
}

.brandStoriesSlider .swiper-pagination-bullet-active {
  background: #fff;
}

.brandStoriesSlider .swiper-slide .btmDiv {
  background: transparent linear-gradient(77deg, #0095DA 0%, #09ABDC 47%, #56C4D0 100%) 0% 0% no-repeat padding-box;
  position: absolute;
  min-height: 67px;
  bottom: 0;
  width: 100%;
  z-index: -1;
  left: 0;
}

.brandStoriesSlider {
  --swiper-navigation-color: #0f7fa8;
}

.brandStoriesSlider .swiper-button-prev,
.brandStoriesSlider .swiper-button-next {
  width: 44px;
  height: 44px;
}

.brandStoriesSlider .swiper-button-prev::after,
.brandStoriesSlider .swiper-button-next::after {
  font-size: 18px;
}

.brandStoriesSlider .swiper-button-prev,
.brandStoriesSlider .swiper-button-next {
  position: absolute;
  top: 68%;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 999px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
  color: #0f7fa8;
}

.brandStoriesSlider .swiper-button-prev {
  position: absolute;
  left: 89%;
}

.brandStoriesSlider .swiper-button-next {
  position: absolute;
  right: 1%;
}

.brandStoriesSlider .swiper-button-prev:hover,
.brandStoriesSlider .swiper-button-next:hover {
  background: #fff;
}

.about-banner {
  background-image: url(/storage/images/about/srf-about-us-banner-img.webp);
}
.whoWeAre {
  background-image: var(--desktop-bg);
}

.about-banner p span {
  display: block;
}

.about-innertoptext p {
  background: linear-gradient(to left, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-stats {
  background-image: var(--desktop-bg);
}

.abtstat-wrap {
  display: flex;
  justify-content: space-between;
}

.about-stats .chem-stat-inner {
  opacity: 1;
  background: rgba(255 255 255 / 63%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(10px);
}

.abtstat-wrap .chem-wrap h5 {
  font-size: 24px;
  padding-top: 18px;
  padding-bottom: 5px;
  font-weight: 600;
}

.abtstat-wrap .chem-wrap p {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
}

.abtstat-wrap .chem-wrap p span {
  display: block;
}

.apart {
  background-image: var(--desktop-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 70px 0px 100px 0px;
}

.apart h2 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 15%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
}

.apart-text {
  background-color: #1A63A3;
  padding: 0px 60px;
}

.apart-text h4 {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 8px;
}

.apart-text h4 span {
  display: block;
}

.apart-text p {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
}

.apart-wrap {
  display: flex;
  align-items: stretch;
  background: #e9f1f7;
  overflow: hidden;
  min-height: 388px;
}

.apart-img,
.apart-text {
  flex: 1 1 50%;
}

.apart-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.apart-text {
  background: #0066b2;
  color: #fff;
  padding: 60px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.apart-slider.owl-carousel .owl-item img.icon {
  width: 60px !important;
  margin-bottom: 25px;
}

.apart-slider.owl-carousel .owl-stage {
  padding-left: 0px !important;
}

.abt-innerlinks {
  background-color: #FDF2DC;
  padding: 50px 0px;
}

.eva {
  position: relative;
  overflow: hidden;
  transition: all .8s ease-out;
}

.eva-img {
  transition: all .8s ease-out;
}

.eva:hover .eva-img {
  transform: scale(1.2);
  transition: all .8s ease-out;
}

.eaa-text {
  position: absolute;
  left: 40px;
  bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 85%;
}

.eaa-text h4 {
  color: #FFFFFF;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

.eaa-text h4 span {
  display: block;
}

.eva1 {
  padding-top: 14px;
}

.eva-wrap {
  max-width: 920px;
  width: 100%;
  margin: auto;
  display: flex;
  gap: 15px;
}

.abt-tabwrap {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
}

.abt-tabwrap1 {
  background-image: url(/storage/images/about/business-img1.webp);
}

.abt-tabwrap2 {
  background-image: url(/storage/images/about/business-img2.webp);
}

.abt-tabwrap3 {
  background-image: url(/storage/images/about/business-img3.webp);
}

.abt-tabwrap4 {
  background-image: url(/storage/images/about/business-img4.webp);
}

.abt-tabwrap5 {
  background-image: url(/storage/images/about/business-img5.webp);
}

.abt-tabwrap6 {
  background-image: url(/storage/images/about/business-img6.webp);
}

.about-tab {
  position: relative;
}

.about-tab .in-tabcontent {
  padding: 0px;
}

.about-tab #in-tab {
  gap: 30px;
  margin-bottom: 0px;
  padding: 15px 0px 15px 15px;
}

.about-tab .inTabs {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 12px;
}

.abt-tabwrap h3,
.sterwship h3 {
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 700;
  padding-bottom: 18px;
}

.abt-tabwrap p,
.sterwship p {
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  padding-bottom: 30px;
}

.sterwship {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  background-image: var(--desktop-bg);
}

.science-scale .climate-left {
  height: 100vh;
}

.science-scale .climate-right {
  height: 100vh;
  background-color: #21A2A2;
}

.science-scale p {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
  padding-bottom: 13px;
}

.science-scale .climate-inner {
  max-width: 520px;
}

.science-num {
  border-bottom: 1px solid #ffffff8a;
  margin-bottom: 20px;
  min-height: 130px;
}

.science-num h3 {
  font-size: 24px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 700;
}

.science-num h6 {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  font-weight: 300;
  padding-bottom: 8px;
}

.sn1 {
  min-height: auto;
  border-bottom: none;
}

.growth-inner {
  max-width: 980px;
  width: 100%;
  margin: auto;
  position: relative;
  box-shadow: 0px 3px 6px #00000029;
}

.growth-account {
  padding: 60px 0px;
}

.growth-inner-text {
  background-color: #ffffff;
  padding: 60px;
  position: absolute;
  right: 40px;
  bottom: 0px;
  max-width: 520px;
  width: 100%;
}

.growth-inner-text h3 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #0E5898;
  padding-bottom: 13px;
}

.growth-inner-text p {
  font-size: 24px;
  line-height: 26px;
  color: #0E5898;
  padding-bottom: 30px;
}

.promotors {
  background-color: #FDF2DC;
  padding: 70px 0px;
}

.promotors h2 {
  background: transparent linear-gradient(97deg, #056380 30%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.promotors h3 {
  color: #1A63A3;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 18px;
  font-weight: 700;
  text-align: center;
}

.lsr {
  position: relative;
  margin-bottom: 30px;
}

.lsr img {
  width: 100%;
}

.lsr-text {
  background-color: #2972B8;
  padding: 34px 42px 23px 65px;
  position: absolute;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

.lsr-text h4 {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 10px;
}

.lsr-text p {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  max-height: 0;
  transition: all .3s ease-in-out;
  opacity: 0;
}

.lsr:hover .lsr-text p {
  max-height: 190px;
  opacity: 1;
  transition: all .3s ease-in-out;
}

.award-inner {
  position: relative;
}

.award-inner-text {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 30px;
  margin: auto;
  max-width: 660px;
  width: 100%;
  text-align: center;
}

.award-inner-text h4 {
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 700;
  padding-bottom: 5px;
}

.award-inner-text p {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  padding-bottom: 22px;
  position: relative;
}

.award-inner-text:before {
  content: '';
  position: absolute;
  left: -30px;
  top: -30px;
  background-image: url(/storage/images/about/left-life.webp);
  width: 70px;
  height: 126px;
}

.award-inner-text:after {
  content: '';
  position: absolute;
  right: -30px;
  top: -30px;
  background-image: url(/storage/images/about/left-right.webp);
  width: 70px;
  height: 126px;
}

.award-inner .read-btn {
  width: 135px;
  margin: auto;
}

.award-inner .read-btn:hover .banner-arrow {
  transform: translateX(-86px);
}

.ap2 {
  background-color: #0285C3;
}

.ap3 {
  background-color: #4BAAB4;
}

.ap4 {
  background-color: #6CB49D;
}

.ap5 {
  background-color: #028342;
}

.nameData h3 {
  font-size: 14px;
  line-height: 16px;
  color: #555555;
  font-weight: 700;
}

.nameData p {
  color: #555555;
}

.nameData {
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
  border-bottom: 2px solid #0095DA;
}

.bod-banner.rechUs {
  background-image: url(/storage/images/reach-us-banner-img.webp);
  background-position: center;
}

.chem-products-list.reachTab {
  background-image: none;
}

.reachTab .row {
  padding: 40px 20px 40px 20px;
  background: transparent linear-gradient(90deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.reachTab .stakeTabBody .row {
  background: #fff !important;
  padding: 10px;
}

.reachTab .chemTabs .nav-link {
  color: #fff;
  font-weight: normal;
  border-bottom: none !important;
  padding: 0 20px 10px 10px;
}

.reachTab .nav-tabs .nav-link.active {
  border-bottom: none !important;
  color: #fff;
  font-weight: 700;
  border-left: 4px solid #fff !important;
  padding-bottom: 4px;
}

.contact-form {
  background: #fff;
  padding: 25px 30px;
}

.contact-form h3 {
  color: #00a0d2;
  font-size: 18px;
  margin-bottom: 20px;
}

.contact-form select,
.contact-form input,
.contact-form textarea {
  width: 100%;
  padding: 10px;
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  outline: none;
  transition: 0.3s;
}

.contact-form select:focus,
.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #00a0d2;
  box-shadow: 0 0 5px rgba(0, 160, 210, 0.2);
}

.read-btn-wrap.reachBtn {
  /* margin-left: 26px; */
  margin-top: 0;
}
.read-btn-wrap.reachBtn button{
  cursor: pointer;
}
.recaptchaDiv{
  padding-bottom: 10px;
}

.bod-banner.ourLoc {
  background-image: var(--desktop-bg);
  background-position: center;
}

.office-section {
  display: none;
  /* Hide all sections by default */
}

.office-section.active {
  display: block;
  /* Show the active section */
}

.office-box {
  background-color: #3cc8d7;
  color: white;
  padding: 25px;
  margin-bottom: 20px;
  height: 100%;
  min-height: 293px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.office-box p {
  max-width: 475px;
}

.office-box h5 {
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 17px;
}

.view-btn {
  background: #0e8bc1;
  color: #fff;
  border: none;
  padding: 8px 20px;
  border-radius: 30px;
  font-weight: 500;
  display: inline-flex;
  align-items: center;
  margin-top: 15px;
  text-decoration: none;
}

.view-btn i {
  margin-left: 10px;
}

section.locDrop {
  margin-top: 40px;
}

#officeSelect {
  max-width: 482px;
  font-size: 16px;
  padding: 12px;
  padding-right: 45px;
}

.mainSelect {
  text-align: center;
  margin-bottom: 20px;
}

.loca {
  text-align: center;
}

.loca h3 {
  font-size: 36px;
  font-weight: 700;
  padding: 10px 15px;
  max-width: fit-content;
  margin: auto;
  background: #fff;
  z-index: 9;
  position: relative;
}

.locarow {
  padding: 40px;
  border: 1px solid;
  margin-top: -30px;
  margin-bottom: 30px;
  padding-top: 60px;
}

.heaData.first {
  max-width: 464px;
  border-right: 1px solid #707070;
}

.sec {
  padding-left: 15px;
}

.heaData {
  max-width: 400px;
  min-height: auto;
  padding-bottom: 40px;
  margin-bottom: 30px;
}

.heaData p span {
  display: block;
}

.heaData.limited {
  max-width: 100%;
  border: none;
  min-width: auto;
}

.office-box.sec-office {
  background-color: #E9BB2B;
}

.office-box.third-off {
  background-color: #21A2A2;
}

.office-box.four-off {
  background-color: #89C34A;
}

.office-box.five-off {
  background-color: #09486C;
}

.office-box.six-off {
  background-color: #BD9C71;
}

.office-section {
  display: none;
  width: 100%;
}

.office-section.active {
  display: block;
}

section.awards-wrap.locOur {
  background: none;
}

.loca h4 {
  font-weight: 700;
  color: #06B0E3;
  font-size: 25px;
  padding-bottom: 30px;
  background: #fff;
  position: relative;
  max-width: 249px;
  margin: auto;
  margin-bottom: -45px;
}

.form-group.msg input {
  min-height: 100px;
}

.form-group.msg {
  margin-bottom: 20px !important;
}

.pdfImg.exBtn {
  margin-top: 0px;
  align-items: start;
  margin-bottom: 20px;
}

.fax p {
  font-weight: 600;
  padding-bottom: 15px;
  color: #555555;
}

.tech {
  padding-bottom: 10px;
}

.select-pill {
  appearance: none;
  /* Removes default arrow */
  -webkit-appearance: none;
  -moz-appearance: none;

  background-image: url(/storage/images/noun-arrow.svg);
  /* your arrow */
  background-repeat: no-repeat;
  background-position: right 15px center;
  /* move arrow inside */
  background-size: 16px;
  /* adjust arrow size */

  padding: 12px 45px 12px 20px;
  /* space for arrow */
  border: 1px solid #ccc;
  border-radius: 12px;
  font-size: 16px;
  color: #333;
  width: 100%;
  cursor: pointer;
}

.modTab #in-tab {
  padding-left: 0;
}

.modTab .invest-bg.newBg {
  padding-left: 0;
}

.custom-select-wrapper {
  position: relative;
  display: inline-block;
  max-width: 100%;
  width: 100%;
  margin-bottom: 20px;
}

.custom-select {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 100%;
  padding: 13px 40px 13px 15px;
  font-size: 15px;
  color: #444;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  outline: none;
  cursor: pointer;
  transition: all 0.2s ease;
}

#officeSelect {
  max-width: 100%;
}

/* Custom arrow */
.custom-select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  pointer-events: none;
}

.custom-select:hover,
.custom-select:focus {
  border-color: #888;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

.invest-bg.newBg.inst {
  padding: 0;
}

.eaa-text a {
  transition: all .3s ease-out;
}

.eaa-text a:hover {
  transition: all .3s ease-out;
  transform: translateX(10px);
}

.reachTab .nav-tabs .nav-link {
  margin-bottom: 40px;
}

.chemTabs li {
  display: flex;
  align-items: start;
}

.arrImg {
  display: none;
  text-align: center;
}

.nav-item .nav-link.active+.arrImg {
  display: block;
}

.apart .col-md-11 {
  padding-right: 0px;
}

.apart-slider .owl-nav button.owl-next {
  position: absolute;
  width: 44px;
  height: 44px;
  bottom: -60px;
  right: 60px;
  background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain !important;
}

.apart-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 44px;
  height: 44px;
  bottom: -60px;
  right: 110px;
  background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain !important;
  transform: rotate(180deg);
}

.apart-slider.owl-theme .owl-nav .owl-prev:hover,
.apart-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}

.apart-slider.owl-theme .owl-nav .disabled {
  opacity: .8;
  cursor: default;
}

.stock-section {
  display: none;
}

.stock-section.active {
  display: block;
}

.credit-rating {
  text-align: center;
  background-color: #fff;
}

.credit-rating .credit-title {
  font-size: 48px;
  font-weight: 700;
  color: #008bd2;
  margin-bottom: 10px;
}

.credit-rating .credit-subtitle {
  font-size: 18px;
  color: #555;
  margin-bottom: 40px;
}

.credit-rating .credit-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 16px;
  text-align: left;
}

.credit-rating .credit-table thead th {
  color: #008bd2;
  font-weight: 600;
  border-bottom: 2px solid #008ad3;
  border-top: 2px solid #008ad3;
  padding: 12px 16px;
  font-size: 18px;
}

.credit-rating .credit-table tbody td {
  padding: 16px;
  color: #222;
  vertical-align: top;
  border-bottom: 1px solid #e6e6e6;
}

.credit-rating .credit-table tbody tr:last-child td {
  border-bottom: none;
}

.credit-rating .table-responsive {
  overflow-x: auto;
}

.office-content p {
  padding-bottom: 15px;
}

.about-stats .chem-wrap img {
  height: 72px;
}

.earning {
  margin-bottom: 20px;
}

.myBod .bod-box {
  border: 1px solid #0095DA;
  min-height: 410px;
}

.myBod .bod-text h4 {
  color: #555;
  padding-bottom: 10px;
}


.pause-play-btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100px;
  z-index: 1;
  padding-left: 100px;
}

.pause-play-btn button {
  border: 0;
  background-color: transparent;
}

.swiper-button-disabled img {
  opacity: 0.5;
}

#pausePlayBtn:hover {
  cursor: pointer;
}

.dot-wrapper {
  display: flex;
  align-items: center;
  gap: 12px;
}

.dot {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  display: inline-block;
}

.dot.blue {
  background-color: #084C6E;
  /* dark blue */
}

.dot.yellow {
  background-color: #F7C948;
  /* bright yellow */
}

.dot.green {
  background-color: #89C34B;
}

.dot.Ltblue {
  background-color: #20A2A2;
}

.dot.Litblue {
  background-color: #40D4DC;
}

.new {
  display: inline-block;
  width: 100%;
}

.committee-box {
  border: 1px solid #dcdcdc;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 4px;
}

.committee-title {
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: -18px;
  background: #fff;
  max-width: fit-content;
  padding: 0 5px;
}

.committee-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  align-items: center;
  font-size: 14px;
  padding-top: 10px;
}

.committee-item {
  display: flex;
  align-items: center;
  gap: 6px;
}

.dot.audit {
  background-color: #40D4DC;
}

.dot.stakeholder {
  background-color: #F8CD47;
}

.dot.nomination {
  background-color: #20A2A2;
}

.dot.csr {
  background-color: #89C34B;
}

.dot.risk {
  background-color: #09486C;
}

.vertical-accordion {
  display: flex;
  height: 100vh;
  overflow: hidden;
  /* position: relative; */
}

/* .vertical-accordion h2
{
  position: absolute;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  font-size:36px;
  margin-bottom: 20px;
  font-weight: 700;
  color: #fff;
  text-align: center;
} */
.accordion-item {
  flex: 1;
  position: relative;
  background-image: var(--bg);
  background-size: cover;
  background-position: center;
  color: #fff;
  transition: flex 0.6s ease;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.accordion-item::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  transition: background 0.5s ease;
}

.accordion-item.active::after {
  background: rgba(0, 0, 0, 0.3);
}

.accordion-label {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translateX(-50%) rotate(180deg);
  writing-mode: vertical-rl;
  font-size: 35px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  z-index: 2;
  text-transform: uppercase;
  opacity: 1;
  transition: opacity 0.5s ease;
}

.accordion-item.active .accordion-label {
  opacity: 0;
  pointer-events: none;
}

.accordion-headin {
  position: absolute;
  left: 60px;
  top: 60px;
  z-index: 2;
  max-width: 420px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
  text-align: left;
}

.accordion-item.active .accordion-headin {
  opacity: 1;
  transform: translateY(0);
}

.accordion-content {
  position: absolute;
  left: 60px;
  bottom: 60px;
  z-index: 2;
  max-width: 420px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
  text-align: left;
}

.accordion-item.active .accordion-content {
  opacity: 1;
  transform: translateY(0);
}

.accordion-item h2 {
  font-size: 36px;
  margin-bottom: 20px;
  font-weight: 700;
}

.accordion-item h3 {
  font-size: 24px;
  color: #FFCE00;
  margin-bottom: 5px;
  font-weight: 700;
}

.accordion-item p {
  font-size: 24px;
  line-height: 25px;
  margin-bottom: 30px;
}

.accordion-item.active {
  flex: 4;
}

/* Responsive */
@media (max-width: 991px) {
  .vertical-accordion {
    flex-direction: column;
    height: auto;
  }

  .accordion-item {
    flex: unset;
    height: 60vh;
  }

  .accordion-item.active {
    height: 80vh;
  }

  .accordion-label {
    writing-mode: horizontal-tb;
    transform: none;
    right: auto;
    left: 40px;
    top: 30px;
  }
}

.esg-banner {
  background-image: var(--desktop-bg);
}

.esg-banner p span {
  display: block;
}

.esg-msg .climate-right {
  position: relative;
}

.esg-msg .climate-inner {
  padding-left: calc(100vw / 16 * 1.4);
  max-width: 550px;
}

.esg-msg .climate-inner p {
  position: relative;
  padding-bottom: 30px;
}

.esg-msg .climate-inner p:before {
  content: '';
  position: absolute;
  left: -20px;
  top: -73px;
  background-image: url(/storage/images/esg/comma1.svg);
  width: 125px;
  height: 105px;
  background-size: contain;
}

.esg-msg .climate-inner p:after {
  content: '';
  position: absolute;
  right: -57px;
  top: -73px;
  background-image: url(/storage/images/esg/energy-icon.svg);
  width: 100px;
  height: 118px;
  background-size: contain;
}

.esg-msg h5 {
  font-size: 35px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 700;
}

.esg-msg h5 span {
  display: block;
  font-size: 20px;
  font-weight: 300;
}

.esg-icon3 {
  position: absolute;
  right: 15%;
  bottom: 14%;
}

.esg-icon4 {
  position: absolute;
  left: 0;
  bottom: 25%;
}

.accordion-item1 {
  background-image: url(/storage/images/esg/environment-img.webp);
}

.accordion-item2 {
  background-image: url(/storage/images/esg/social-img.webp);
}

.accordion-item3 {
  background-image: url(/storage/images/esg/governance-img.webp);
}

.esg-stats {
  background-image: url(/storage/images/esg/esgstats-img.webp);
}

.esg-stats p span {
  display: block;
}

.aspiration {
  padding-top: 75px;
  padding-bottom: 30px;
}

.aspiration h2 {
  padding-bottom: 30px;
}

.aspiration-wrap {
  border-right: 1px solid #70707052;
  min-height: 186px;
  margin-bottom: 40px;
}

.aspiration-wrap h4 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-top: 10px;
}

.aspiration-wrap p {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

.aspiration-wrap p span {
  display: block;
}

.bd-none {
  border: none !important;
}

.ncap-box {
  border: 1px solid #D3D3D3;
  transition: all .3s ease-in-out;
  min-height: 620px;
  margin-bottom: 40px;
}

.ncap-img img {
  width: 100%;
  transition: all .3s ease-in-out;
}

.ncap-text {
  padding: 30px 30px 10px 30px;
}

.ncap-text h4 {
  font-size: 24px;
  line-height: 30px;
  padding-bottom: 20px;
  font-weight: 700;
}

.ncap-text ul {
  padding-left: 20px;
}

.ncap-text ul li {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  padding-bottom: 20px;
}

.ncap-text ul li span {
  font-weight: 700;
}

.ncap-box:hover {
  transition: all .3s ease-in-out;
  background-color: #89C34A;
}

.ncap-box:hover img {
  transform: scale(.95);
  transition: all .3s ease-in-out;
  padding-top: 3px;
}

.ncap-box:hover .ncap-text h4,
.ncap-box:hover .ncap-text ul li {
  color: #ffffff;
}

.esg-sclcap {
  background: url('/storage/images/esg/safety-wellbeing-img.webp');
  transition: background-image 0.6s ease-in-out;
  height: 100vh;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  align-items: center;
}

.social-overlay {
  backdrop-filter: blur(15px);
  -webkit-backdrop-filter: blur(15px);
  color: #fff;
  padding: 30px 30px 15px 30px;
  max-width: 500px;
  border: 1px solid #ffffff8c;
}

.social-accordion .social-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  background: transparent;
  margin-bottom: 5px;
}

.social-header {
  cursor: pointer;
  padding: 12px 0;
  font-weight: 700;
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: transparent;
  border: none;
  width: 100%;
  text-align: left;
  font-size: 18px;
}

.social-header.active {
  color: #FFCE00;
  text-decoration: underline;
}

.social-body {
  display: none;
  color: #fff;
  padding: 0 0 12px 0;
}

.social-body ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0;
}

.social-body li {
  margin-bottom: 15px;
  font-size: 20px;
  line-height: 28px;
}

.social-overlay h3 {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 30px;
}

.govr {
  padding: 60px 0px 20px 0px;
}

.govr .ncap-box:hover {
  background-color: #06B0E3;
}

.govr-box {
  display: flex;
  min-height: auto;
  align-items: center;
}

.esgcase-study {
  padding-bottom: 80px;
}

.esgcase-study h2 {
  background: transparent linear-gradient(97deg, #056380 40%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 38px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.cabg1 {
  background-color: #2A607E;
}

.case-text {
  padding: 20px;
  min-height: 210px;
}

.case-text h4 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  padding-bottom: 10px;
  color: #fff;
}

.case-text p {
  color: #ffffff;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}

.case-wrap img {
  width: 100%;
}

.cabg2 {
  background-color: #89C34A;
}

.cabg3 {
  background-color: #06B0E3;
}

.esgcase-study .read-btn {
  width: 135px;
  margin: auto;
}

.esgcase-study .read-btn:hover .banner-arrow {
  transform: translateX(-86px);
}

.esgsdg {
  background-color: #FDF2DC;
  padding-top: 35px;
}

.esgsdg h2 {
  padding-bottom: 15px;
}

.esgsdg p {
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.esgsdg-box {
  background-color: #ffffff;
  border: 1px solid #7070706b;
  padding: 30px;
  margin-bottom: 30px;
  transition: all .3s ease-out;
}

.esgd-wrap {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 15px;
}

.esgd-wrap img {
  border: 1px solid #ffffff;
}

.esgd-wrap h5 {
  font-size: 24px;
  font-weight: 700;
}

.esgsdg-box p {
  font-size: 20px;
  line-height: 25px;
  padding-bottom: 0px;
}

.esgsdg-box p span {
  display: block;
}

.esgsdg-box:hover p,
.esgsdg-box:hover h5 {
  color: #ffffff;
}

.esgsdg-box1:hover {
  background-color: #48783E;
  transition: all .3s ease-out;
}

.esgsdg-box2:hover {
  background-color: #CB8D2A;
  transition: all .3s ease-out;
}

.esgsdg-box3:hover {
  background-color: #00ADD8;
  transition: all .3s ease-out;
}

.esgsdg-box4:hover {
  background-color: #C22234;
  transition: all .3s ease-out;
}

.esg-certificate {
  padding: 50px 0px;
  padding-bottom: 15px;
}

.esg-certificate h2 {
  font-size: 24px;
  font-weight: 700;
  /* padding-bottom: 20px; */
}

.certificates-bg {
  background: transparent linear-gradient(103deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 20px;
  display: flex;
  justify-content: space-between;
}

.bb-banner {
  background-image: url(/storage/images/beyond-business/beyond-b-o-banner-img.webp);
}

.bb-banner p span {
  display: block;
}

.eduonly {
  background-image: var(--desktop-bg);
  padding-top: 150px;
  padding-bottom: 70px;
}

.edumainhead {
  text-align: center;
  padding-bottom: 50px;
  position: relative;
}

.comma1edu {
  position: absolute;
  top: -58px;
  left: 23px;
}

.comma2edu {
  position: absolute;
  bottom: 50px;
  right: -55px;
}

.edumainhead h2 {
  font-size: 85px;
  line-height: 85px;
  color: #09486C;
  font-weight: 700;
}

.edumainhead h2 span {
  display: block;
}

.edumainhead h3 {
  font-size: 106px;
  line-height: 106px;
  color: #09486C;
  font-family: MeowScript-Regular;
  transform: rotate(-3deg);
  margin-top: -10px;
}

.edumainhead p {
  font-size: 24px;
  line-height: 24px;
  color: #09486C;
  padding-top: 20px;
}

.inspfound p {
  font-size: 24px;
  line-height: 30px;
  color: #555555;
}

.inspfound p span {
  display: block;
}

.inspfound h6 {
  font-size: 30px;
  line-height: 30px;
  color: #555555;
  font-weight: 600;
  padding-top: 5px;
}

.bb-stats {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.bb-stat-inner {
  opacity: 0.9;
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(0px);
  -webkit-backdrop-filter: blur(10px);
  padding-top: 40px;
  width: 100%;
  transform: translateY(150%);
}

.bbstrt-wrap {
  display: flex;
  justify-content: space-around;
}

.bb-stats .bb-stat-inner {
  opacity: 1;
  background: rgba(255 255 255 / 63%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(10px);
}

.bb-stats .bb-wrap img {
  height: 72px;
  display: block;
  margin: auto;
}

.bb-wrap {
  text-align: center;
  margin-bottom: 45px;
}

.bb-wrap h5 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  color: #555555;
  padding-top: 8px;
}

.bb-wrap p {
  color: #555555;
  font-size: 24px;
  line-height: 24px;
  padding-top: 8px;
  font-weight: 600;
  padding: 8px 25px 0px;
}

.bb-wrap p span {
  display: block;
}

.bb-wrap p strong {
  font-weight: 600;
}

.drivntxt {
  text-align: center;
  padding-top: 100px;
}

.drivntxt h5 {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  padding-bottom: 15px;
  font-weight: 700;
}

.drivntxt p {
  font-size: 24px;
  line-height: 30px;
  color: #555555;
}

.educationsec {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 100px;
  padding-bottom: 95px;
}

.educationsec .row.edurowflx {
  display: flex;
  align-items: center;
  justify-content: center;
}

.edusectxt {
  max-width: 370px;
  position: relative;
}

.edutxticon2 {
  position: absolute;
  top: -108px;
  right: 0;
}

.edutxticon3 {
  position: absolute;
  bottom: -180px;
  left: -95px;
}

.edusectxt h5 {
  font-size: 36px;
  line-height: 50px;
  color: #F8CD47;
  font-weight: 700;
}

.edusectxt p {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  padding-bottom: 15px;
}

.edusectxt a {
  font-size: 16px;
  line-height: 14px;
  color: #09486C;
  position: relative;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 25px;
  max-width: 145px;
}

.edusectxt a:hover {
  color: #06B0E3;
}

.edusectxt a img.onhv {
  display: none;
}

.edusectxt a:hover img.defimg {
  display: none;
}

.edusectxt a:hover img.onhv {
  display: block;
}

.edusectxt a:hover .ln1 {
  background-color: #06B0E3;
}

.edusectxt a:hover .ln2 {
  background-color: #06B0E3;
}

.edusectxt .ln1 {
  position: absolute;
  bottom: 10px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.edusectxt .ln2 {
  position: absolute;
  bottom: 15px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.vocationsec {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding-top: 50px;
}

.vocationsec .row {
  display: flex;
  align-items: center;
  height: 100vh;
}

.vocsectxt {
  max-width: 350px;
}

.vocsectxt h5 {
  font-size: 36px;
  line-height: 40px;
  color: #06B0E3;
  font-weight: 700;
}

.vocsectxt p {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  padding-bottom: 15px;
}

.vocsectxt a {
  font-size: 16px;
  line-height: 14px;
  color: #09486C;
  position: relative;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 25px;
  max-width: 145px
}

.vocsectxt a:hover {
  color: #06B0E3;
}

.vocsectxt a img.onhv {
  display: none;
}

.vocsectxt a:hover img.defimg {
  display: none;
}

.vocsectxt a:hover img.onhv {
  display: block;
}

.vocsectxt a:hover .ln1 {
  background-color: #06B0E3;
}

.vocsectxt a:hover .ln2 {
  background-color: #06B0E3;
}

.vocsectxt .ln1 {
  position: absolute;
  bottom: 10px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.vocsectxt .ln2 {
  position: absolute;
  bottom: 15px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.naturalsect {
  padding-bottom: 60px;
  padding-top: 75px;
}

.naturaldivtxt {
  text-align: center;
  position: relative;
  margin-top: -25px;
}

.lefimg {
  position: absolute;
  right: 150px;
  top: 8px;
}

.naturaldivtxt h5 {
  font-size: 36px;
  line-height: 28px;
  color: #89C34B;
  padding-bottom: 7px;
  font-weight: 700;
}

.naturaldivtxt p {
  font-size: 20px;
  line-height: 25px;
  color: #555555;
  padding-bottom: 7px;
}

.naturaldivtxt p span {
  display: block;
}

.atagnat {
  display: flex;
  align-items: center;
  justify-content: center;
}

.naturaldivtxt a {
  font-size: 16px;
  line-height: 14px;
  color: #09486C;
  position: relative;
  padding-bottom: 9px;
  display: flex;
  align-items: center;
  text-decoration: none;
  gap: 25px;
}

.naturaldivtxt a:hover {
  color: #06B0E3;
}

.naturaldivtxt a img.onhv {
  display: none;
}

.naturaldivtxt a:hover img.defimg {
  display: none;
}

.naturaldivtxt a:hover img.onhv {
  display: block;
}

.naturaldivtxt a:hover .ln1 {
  background-color: #06B0E3;
}

.naturaldivtxt a:hover .ln2 {
  background-color: #06B0E3;
}

.naturaldivtxt .ln1 {
  position: absolute;
  bottom: 10px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.naturaldivtxt .ln2 {
  position: absolute;
  bottom: 15px;
  height: 1.5px;
  width: 86px;
  background-color: #09486C;
}

.partnershiosec {
  background-color: #89C34B;
}

.partnershiosec .col-md-6 {
  padding: 0;
}

.partnershiosec .row {
  display: flex;
  align-items: center;
  justify-content: center;
}

.partnershiosec .greendiv {
  max-width: 515px;
  padding-left: 80px;
}

.greendiv h5 {
  font-size: 36px;
  line-height: 40px;
  color: #FFFFFF;
  padding-bottom: 10px;
  font-weight: 700;
}

.greendiv h5 span {
  display: block;
}

.greendiv p {
  font-size: 20px;
  line-height: 25px;
  color: #FFFFFF;
  padding-bottom: 25px;
}

.allforone {
  padding: 75px 0px 55px 0px;
  background-color: #FDF2DC;
}

.allforimg {
  position: relative;
}

.allforheadin {
  position: absolute;
  bottom: 42px;
  left: 30%;
}

.allforheadin h2 {
  font-size: 40px;
  line-height: 45px;
  color: #FFFFFF;
  font-weight: 600;
}

.allforheadin h2 span {
  color: #FFCE00;
}

.allforicon1 {
  position: absolute;
  top: -55px;
  right: 50px;
}

.allforicon2 {
  position: absolute;
  bottom: -85px;
  left: -50px;
}

.allfortxt {
  text-align: center;
  padding: 50px 50px 0px 50px;
}

.allfortxt p {
  font-size: 30px;
  line-height: 35px;
  background: linear-gradient(91deg, #056380 0%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.corpsec {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: end;
  text-align: center;
  background-image: url(/storage/images/beyond-business/last-img.webp);
  padding-bottom: 68px;
  position: relative;
}

.paybtn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.corfesc-text {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 30px;
  text-align: center;
}

.corpsec h3 {
  font-size: 24px;
  line-height: 36px;
  color: #FFFFFF;
  font-weight: 500;
}

.corpsec h2 {
  font-size: 36px;
  line-height: 40px;
  color: #FFFFFF;
  font-weight: 600;
}

.belowcorpsec {
  padding: 30px 0px 50px;
}

.belowcorpflx {
  display: flex;
  align-items: center;
  justify-content: center;
}

.belowcorpsec .read-btn-wrap {
  margin-top: 20px;
}

.belowcorpsec .read-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  transition: transform 0.4s ease;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 1px solid #74480C;
  background-color: #74480C;
  border-radius: 100px;
  padding-bottom: 5px;
  width: 330px;
  padding: 4px 4px 4px 20px;
}

.belowcorpsec .read-btn:hover {
  background-color: transparent;
  border: 1px solid #06B0E3;
}

.belowcorpsec .read-btn .banner-arrow {
  margin-left: 10px;
}

.belowcorpsec .read-btn .banner-arrow,
.read-btn .b-arrow-text {
  transition: transform 0.4s ease;
}

.belowcorpsec .read-btn:hover .banner-arrow {
  transform: translateX(-230px);
  transition: transform 0.4s ease;
}

.belowcorpsec .read-btn:hover .b-arrow-text {
  transform: translateX(40px);
  color: #06B0E3;
}

.belowcorpsec .blue-arrow {
  display: none;
}

.belowcorpsec .read-btn:hover .blue-arrow {
  display: block;
}

.belowcorpsec .read-btn:hover .white-arrow {
  display: none;
}

.belowcorpsec .chem-btn .read-btn {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #06B0E3;
}

.belowcorpsec .chem-btn .read-btn:hover .b-arrow-text {
  color: #fff;
}

.belowcorpsec .chem-btn .read-btn:hover .banner-arrow {
  transform: translateX(-280px);
}

.lastbtnsec {
  padding: 0px 0px 50px;
}

.lastbtnsec .chem-btns {
  display: flex;
  gap: 20px;
  margin-top: 0px;
  justify-content: center;
}

.lastbtnsec .read-btn-wrap {
  margin-top: 0px;
}

.lastbtnsec .read-btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  overflow: hidden;
  position: relative;
  transition: background 0.3s ease;
  transition: transform 0.4s ease;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  border: 1px solid #74480C;
  background-color: #74480C;
  border-radius: 100px;
  padding-bottom: 5px;
  width: 280px;
  padding: 4px 4px 4px 20px;
}

.lastbtnsec .read-btn:hover {
  background-color: transparent;
  border: 1px solid #06B0E3;
}

.lastbtnsec .read-btn .banner-arrow {
  margin-left: 10px;
}

.lastbtnsec .read-btn .banner-arrow,
.read-btn .b-arrow-text {
  transition: transform 0.4s ease;
}

.lastbtnsec .read-btn:hover .banner-arrow {
  transform: translateX(-178px);
  transition: transform 0.4s ease;
}

.lastbtnsec .read-btn:hover .b-arrow-text {
  transform: translateX(40px);
  color: #06B0E3;
}

.lastbtnsec .blue-arrow {
  display: none;
}

.lastbtnsec .read-btn:hover .blue-arrow {
  display: block;
}

.lastbtnsec .read-btn:hover .white-arrow {
  display: none;
}

.lastbtnsec .brochure-btn .read-btn {
  background-color: transparent;
  border: 1px solid #06B0E3;
  /* width: 220px; */
}

/* .lastbtnsec .brochure-btn .read-btn:hover .banner-arrow {
    transform: translateX(-170px);
  } */
.lastbtnsec .brochure-btn .read-btn .b-arrow-text {
  color: #06B0E3;
}

.lastbtnsec .chem-btn .read-btn {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #06B0E3;
  /* width: 250px; */
}

.lastbtnsec .chem-btn .read-btn:hover .b-arrow-text {
  color: #fff;
}

/* .lastbtnsec .chem-btn .read-btn:hover .banner-arrow {
    transform: translateX(-200px);
  }
.lastbtnsec .chem-btn1 .read-btn
{
width: 180px;
}
.lastbtnsec .chem-btn1 .read-btn:hover .banner-arrow {
    transform: translateX(-130px);
  } */


.env-banner {
  background-image: var(--desktop-bg);
}

.env-banner p span {
  display: block;
}

.env-stats {
  background-image: url(/storage/images/env/highlights-img.webp);
}

.env-stats h5 {
  max-width: 270px;
  text-align: center;
  margin: auto;
}

.energy-emmision {
  background-color: #FDF2DC;
  padding: 90px 0px;
}

.energy-emmision h2 {
  padding-bottom: 40px;
}

.energy-emmision .apart-text {
  padding: 0px 40px;
}

.energy-emmision .ap1 {
  background-color: #89C34A;
}

.energy-emmision .ap2 {
  background-color: #74C9E3;
}

.energy-emmision .ap3 {
  background-color: #1A63A3;
}

.env-item1 {
  background-image: url(/storage/images/env/zld-implementation-img.webp);
}

.env-item2 {
  background-image: url(/storage/images/env/recycling-reuse-img.webp);
}

.env-item3 {
  background-image: url(/storage/images/env/conservation-measures-img.webp);
}

.env-accord .accordion-item h3 {
  font-size: 24px;
}

.env-waste {
  padding: 60px 0px;
}

.env-waste h2 {
  text-align: center;
  padding-bottom: 40px;
}

.env-waste .case-text {
  min-height: 232px;
}

.env-waste .cabg3 {
  background-color: #1A63A3;
}

.env-stewr .climate-right {
  background-color: #09486C;
}

.env-stewr h3 {
  font-size: 36px;
  line-height: 36px;
  color: #ffffff;
  font-weight: 700;
  padding-bottom: 20px;
}

.env-stewr h5 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  color: #fff;
  padding-bottom: 13px;
}

.env-stewr p {
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 35px;
}

.p-last {
  padding-bottom: 0px !important;
}

.env-sdg .esgsdg-box {
  min-height: 253px;
}

.roadmap {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.roadmap-inner {
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
  transform: translateY(150%);
  display: inline-block;
  padding: 30px 30px 0px 30px;
}

.roadmap h2 {
  color: #ffffff;
}

.rd-wrap {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  margin-bottom: 15px;
}

.roadmap-inner h4 {
  font-size: 24px;
  font-weight: 600;
  color: #ffffff;
}

.roadmap-inner p {
  font-size: 20px;
  line-height: 25px;
  color: #fff;
  font-weight: 300;
  text-align: left;
}

.roadmap .chem-wrap {
  min-height: 120px;
}

.env-btmlinks .chem-btns {
  margin-top: 40px;
  margin-bottom: 40px;
}

.scl-banner {
  background-image: var(--desktop-bg);
}

.scl-banner p span {
  display: block;
}

.scl-stats {
  background-image: var(--desktop-bg);
}

.scl-msg .climate-right {
  background-color: #89C34A;
}

.scl-msg h4 {
  color: #ffffff;
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 25px;
}

.scl-msg h5 {
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 10px;
  padding-top: 10px;
}

.scl-msg .climate-inner {
  padding-left: calc(100vw / 16 * 1.4);
  max-width: 595px;
}

.scl-building .cabg1 {
  background-color: #06B0E3;
}

.scl-building .cabg3 {
  background-color: #2A607E;
}

.scl-building .case-text {
  min-height: 205px;
}

.scl-item1 {
  background-image: url(/storage/images/scl/gender-diversity-img.webp);
}

.scl-item2 {
  background-image: url(/storage/images/scl/inclusive-culture-img.webp);
}

.scl-item3 {
  background-image: url(/storage/images/scl/career-pathways-img.webp);
}

.community-impact {
  padding: 60px 0px 30px 0px;
}

.community-impact p {
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
}

.community-impact .ncap-box {
  min-height: 490px;
}

.community-impact .ncap-box:hover {
  background-color: #E9BB2B;
}

.community-impact .ncap-text h4 {
  padding-bottom: 10px;
}

.community-impact .ncap-box:hover .ncap-text p {
  color: #ffffff;
}

.sclsdg-box1:hover {
  background-color: #B30426;
  transition: all .3s ease-out;
}

.sclsdg-box2:hover {
  background-color: #E8261D;
  transition: all .3s ease-out;
}

.sclsdg-box3:hover {
  background-color: #7A082A;
  transition: all .3s ease-out;
}

.sclsdg-box4:hover {
  background-color: #358B34;
  transition: all .3s ease-out;
}

.sclsdg .esgsdg-box {
  padding: 30px 40px 30px 30px;
  min-height: 230px;
}

.susGov {
  background-image: var(--desktop-bg);
}

.bb-stats.gover {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.gover .bb-wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.headh1 h1 {
  font-size: 36px;
  line-height: 26px;
  padding-bottom: 45px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 40px;
}

.headh1 {
  text-align: center;
}

.bol {
  padding: 50px 0px;
  background-color: #FDF2DC;
  margin-bottom: 40px;
}

.commitment h2 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 20px;
  color: #fff;
}

.commitment p {
  color: #fff;
  max-width: 411px;
  font-size: 24px;
  line-height: 26px;
}

.commitment {
  background-color: #09486C;
  padding: 56px 0 0 50px;
  padding-left: 30px;
  min-height: 297px;
  margin-bottom: 35px;
}

.commitment.yellow {
  background-color: #E9BB2B;
}

.blueLine {
  max-width: 157px;
  min-height: 8px;
  background: transparent linear-gradient(270deg, #FDF2DC 0%, #06B0E3 51%, #056380 100%) 0% 0% no-repeat padding-box;
  border-top-left-radius: 10px;
}

.nameDiv h4 {
  font-size: 18px;
  line-height: 20px;
  color: #555555;
  font-weight: 700;
}

.nameDiv p {
  margin-bottom: 11px;
  min-height: 40px;
}

.smallLetter h5.red {
  background-color: #EE322D;
}

.smallLetter h5.blue {
  background-color: #0094D9;
}

.smallLetter h5.yellow {
  background-color: #FFD569;
}

.smallLetter h5.grey {
  background-color: #555555;
}

.smallLetter h5.green {
  background-color: #6BAF55;
}

.smallLetter h5.orange {
  background-color: #EB803B;
}

.smallLetter h5 {
  color: #fff;
  padding: 3px;
  line-height: 1;
  width: 20px;
  text-align: center;
}

.risk p,
.circ p {
  line-height: 16px;
}

.smallLetter {
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
  min-height: 20px;
}

.bol .row.mb20 {
  margin-bottom: 40px;
}

.box.blue {
  background-color: #0094D9;
}

.box.red {
  background-color: #EE322D;
}

.box.green {
  background-color: #6BAF55;
}

.box.orange {
  background-color: #EB803B;
}

.box.grey {
  background-color: #555555;
}

.box.yellow {
  background-color: #FFD569;
}

.risk {
  display: flex;
  align-items: start;
  gap: 10px;
}

.risk .box {
  width: 17px;
  height: 17px;
}

.circ h5 {
  background-color: #fff;
  color: #000;
  border-radius: 50%;
  padding: 2px 5px;
}

.circ {
  display: flex;
  align-items: start;
  gap: 10px;
  padding-bottom: 10px;
}

.logo {
  padding-bottom: 15px;
}

.commitment.blue {
  background-color: #06B0E3;
}

.commitment.min {
  min-height: 314px;
}

.codes {
  position: relative;
  margin-bottom: 35px;
}

.codes h1 {
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
  padding-bottom: 20px;
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translateX(-50%);
}

.codes h1 span {
  color: #FFCE00;
}

.poliData p {
  padding-bottom: 15px;
  font-size: 18px;
}

.srfpolicy {
  display: flex;
  flex-direction: column;
  align-items: center;
  border-right: 1px solid #555555;
  min-height: 150px;
}

.srfpolicy.nobrdr {
  border: none;
}

.envImg {
  padding-bottom: 15px;
}

.srfpolicy p span {
  display: block;
}

.srfpolicy p {
  text-align: center;
  font-size: 18px;
}

.integrated .row.mb40 {
  margin-bottom: 40px;
}

.integrated .row.br {
  padding-bottom: 50px;
  border-bottom: 1px solid #555;
}

.integrated {
  margin-bottom: 50px;
}

.codes.newCodes {
  margin-bottom: 0;
}

.newInt .commitment p {
  max-width: 100%;
}

.newInt .commitment {
  min-height: 314px;
}

.integrated.newInt .col-md-6.pl0 {
  padding-left: 0;
}

.integrated.newInt .col-md-6.pr0 {
  padding-right: 0;
}

.poliData h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
  color: #555555;
  padding-bottom: 30px;
}

.newInt {
  margin-bottom: 40px;
}

.impactData h1 {
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 15px;
  font-weight: 600;
}

.impactData h4 {
  font-size: 24px;
  padding-bottom: 30px;
}

.sixData {
  display: flex;
  gap: 5px;
  align-items: end;
  padding-bottom: 13px;
}

.sixData h3 {
  font-weight: 700;
  font-size: 24px;
  line-height: 26px;
}

.newSdg p {
  font-size: 24px;
  line-height: 26px;
}

.impact {
  background-color: #FDF2DC;
  padding: 65px 0px;
  margin-bottom: 50px;
}

.newSdg {
  background: #fff;
  padding: 20px 0 20px 30px;
  max-width: 540px;
}

.sdImg img {
  border: 1px solid #fff;
}

.newSdg:hover {
  background-color: #004478;
}

.newSdg.brown:hover {
  background-color: #CB8D2A;
}

.newSdg:hover p {
  color: #fff;
}

.newSdg:hover h3 {
  color: #fff;
}

.responImg {
  padding-bottom: 30px;
}

.vs-banner {
  background-image: url(/storage/images/vsl/banner-img.webp);
}

.vs-banner p span {
  display: block;
}

.impactskillsec {
  background-color: #FAEFD9;
  padding-top: 80px;
  padding-bottom: 280px;
}

.vocimpactdiv {
  padding-bottom: 90px;
}

.vocimpactdiv .vocrowflx {
  display: flex;
  align-items: center;
  justify-content: center;
}

.impactskillsec h2 {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  padding-bottom: 10px;
  font-weight: 700;
}

.impactskillsec p {
  font-size: 20px;
  line-height: 20px;
  color: #555555;
  padding-bottom: 20px;
}

.impicon {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 20px;
}

.impimg {
  min-height: 100px;
}

.impimg img {
  display: block;
  margin: auto;
}

.impicon p span {
  display: block;
}

.ourskilldiv {
  text-align: center;
  padding-bottom: 50px;
}

.electdiv {
  padding-bottom: 70px;
}

.schneiderimg {
  margin-top: -25px;
}

.scheidertxt {
  position: relative;
  padding-top: 60px;
  max-width: 465px;
}

.scheitxtImg {
  position: absolute;
  bottom: -230px;
  right: -114px;
}

.scheitxtImg {
  text-align: end;
}

.scheidertxt h2 {
  color: #06B0E3;
}

.scheidertxt p {
  font-size: 24px;
  line-height: 26px;
  color: #555555;
}

.srfspeaking {
  padding-bottom: 70px;
}

.speakingtxt .speakingtxtImg {
  margin-bottom: 60px;
}

.speakingtxt h2 {
  color: #89C34B;
}

.speakingtxt h2 span {
  display: block;
}

.speakingtxt p {
  font-size: 24px;
  line-height: 26px;
  color: #555555;
}

.comptrainingdiv {
  padding-bottom: 70px;
}

.trainingtxt {
  position: relative;
  padding-top: 60px;
}

.tainingtxtImg {
  position: absolute;
  bottom: -200px;
  right: -230px;
  z-index: 1;
}

.trainingimg {
  position: relative;
}

.trainingtopPc {
  position: absolute;
  top: -200px;
  right: 50px;
}

.trainingtxt h2 {
  color: #E9BB2B;
}

.trainingtxt p {
  color: #09486C;
  font-size: 24px;
  line-height: 26px;
}

.vcprogram {
  padding-top: 50px;
  padding-bottom: 70px;
}

.programtxtImg {
  margin-top: -85px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.capimg {
  padding-top: 30px;
}

.capimg img {
  display: block;
  margin: auto;
}

.programtxt {
  max-width: 402px;
}

.programtxt h2 {
  color: #09486C;
}

.programtxt h2 span {
  display: block;
}

.programtxt p {
  font-size: 24px;
  line-height: 26px;
}

.ibmtxt {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ibmtxtimg {
  display: flex;
  justify-content: end;
  align-items: center;
}

.ibmimg {
  margin-top: -150px;
}

.ibmtxt h2 {
  color: #40D4DC;
}

.ibmtxt p {
  font-size: 24px;
  line-height: 26px;
}

.shellskilltxt {
  margin-left: 0px;
  max-width: 462px;
}

.shellskilltxt h2 {
  color: #89C34B;
}

.shellskilltxt p {
  font-size: 24px;
  line-height: 26px;
}

.shellmindImg {
  display: flex;
  justify-content: end;
  align-items: center;
}

.shellhandimg {
  padding-top: 10px;
  margin-left: 30px;
}



.bttslcontent {
  text-align: center;
  margin-top: -300px;
}

.bttslcontent img {
  display: block;
  margin: auto;
  margin-bottom: 70px;
}

.bttslcontent h2 {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  padding-bottom: 15px;
  font-weight: 700;
}

.bttslcontent p {
  font-size: 24px;
  line-height: 33px;
  color: #555555;
  padding-bottom: 10px;
}

.vclastdiv {
  text-align: center;
  padding-top: 60px;
  padding-bottom: 80px;
  position: relative;
}

.vclastdiv::before {
  position: absolute;
  top: 12px;
  left: 42px;
  content: "";
  width: 134px;
  height: 112px;
  background-image: url(/storage/images/vsl/comma1.svg);
}

.vclastdiv::after {
  position: absolute;
  bottom: 0px;
  right: 154px;
  content: "";
  width: 134px;
  height: 112px;
  background-image: url(/storage/images/vsl/comma.svg);
}

.vclastImg {
  position: absolute;
  right: 0;
  top: 33px;
}

.vclastdiv h2 {
  font-size: 60px;
  line-height: 60px;
  background: linear-gradient(91deg, #056380 0%, #06B0E3 53%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-weight: 700;
}

.vclastdiv h3 {
  font-size: 81px;
  line-height: 68px;
  color: #09486C;
  font-family: MeowScript-Regular;
  text-align: center;
  transform: rotate(-3deg);
  margin-top: -10px;
}

.nrm-banner {
  background-image: url(/storage/images/nrm/natural-resource-management-banner-img.webp);
}

.nrm-banner p {
  max-width: 780px;
}

.nrm-banner p span {
  display: block;
}

.nrm-wrap {
  background-image: url(/storage/images/nrm/bg.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.nrm-wrap .container {
  position: relative;
}

.imt-img {
  padding-top: 30px;
}

.imt-glance h2 {
  padding-top: 21%;
}

.imt-wrap {
  text-align: center;
  min-height: 200px;
  margin-bottom: 30px;
}

.imt-wrap h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  padding-top: 6px;
  padding-bottom: 3px;
}

.imt-wrap h4 span,
.imt-wrap p span {
  display: block;
}

.imt-wrap p {
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
}

.imt-cloud1 {
  position: absolute;
  top: 0;
  left: 70px;
}

.imt-cloud2 {
  position: absolute;
  top: -15px;
  right: 100px;
}

.imt-kryfocus h2 {
  text-align: center;
  padding: 50px 0px;
}

.wrd {
  padding-top: 34px;
}

.wrd h2 {
  color: #0AAFE2;
  text-align: center;
  padding-bottom: 8px;
}

.wrd h6 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  max-width: 650px;
  margin: auto;
  text-align: center;
  padding-bottom: 35px;
}

.wrd h3 {
  font-size: 36px;
  font-weight: 700;
  color: #89C34B;
  padding-bottom: 8px;
}

.wrd p {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
}

.soil-text {
  width: 100%;
  max-width: 470px;
}

.soil-icon {
  text-align: right;
  padding-right: 60px;
}

.line1 {
  position: absolute;
  top: -25px;
  left: -10px;
}

.sap {
  padding-top: 20px;
}

.line2 {
  position: absolute;
  top: -25px;
  right: -10px;
}

.sap .soil-text {
  padding-top: 25%;
}

.sap .soil-text h3 {
  color: #E9BB2B;
}

.sap .soil-text p {
  color: #09486C;
}

.agri-icon {
  position: absolute;
  bottom: -140px;
  right: 0px;
}

.regi .soil-text {
  padding-top: 30%;
}

.line3 {
  position: absolute;
  top: 0px;
  left: 60px;
}

.regi .soil-text h3 {
  color: #09486C;
}

.ren-icon {
  position: absolute;
  top: 160px;
  right: 60px;
}

.ren-icon1 {
  padding-top: 10px;
}

.line4 {
  position: absolute;
  bottom: -155px;
  right: 18%;
}

.regi-btmimg img {
  text-align: center;
  margin: auto;
}

.regi-btmimg {
  padding-top: 62px;
  padding-bottom: 60px;
}

.wrd-approach h2 {
  text-align: center;
}

.wrd-approach h6 {
  font-size: 24px;
  line-height: 33px;
  font-weight: 300;
  text-align: center;
  max-width: 1040px;
  margin: auto;
  margin-bottom: 80px;
}

.wrd-approach {
  position: relative;
  padding-bottom: 60px;
}

.aproch-icon {
  position: absolute;
  left: 0;
  top: -65px;
}

.wrd-approach h3 {
  font-size: 60px;
  text-align: center;
  font-weight: 700;
  -webkit-text-fill-color: transparent;
  background: linear-gradient(97deg, rgb(5, 99, 128) 15%, rgb(6, 176, 227) 47%, rgb(64, 212, 220) 100%) text transparent;
}

.wrd-approach h5 {
  font-size: 80px;
  color: #09486C;
  font-family: MeowScript-Regular;
  text-align: center;
  transform: rotate(-3deg);
  margin-top: -10px;
}

.conx-wrap {
  position: relative;
}

.conx-wrap:before {
  content: '';
  position: absolute;
  left: 76px;
  top: -52px;
  background-image: url(/storage/images/nrm/comma1.svg);
  width: 133px;
  height: 112px;
}

.conx-wrap:after {
  content: '';
  position: absolute;
  right: 40px;
  bottom: -41px;
  background-image: url(/storage/images/nrm/comma2.svg);
  width: 133px;
  height: 112px;
}

.tree-icon {
  position: absolute;
  right: 0;
  bottom: 37%;
}

.nrm-links .nrm-btn .read-btn {
  width: 275px;
}

.nrm-links .nrm-btn .read-btn:hover .banner-arrow {
  transform: translateX(-223px);
}

.bedu-banner {
  background-image: url(/storage/images/edu/beyond-b-education-banner-img.webp);
}

.bedu-banner p span {
  display: block;
}

.bol .row.mb20 {
  margin-bottom: 20px;
}

.bol .row.mb40 {
  margin-bottom: 40px;
}

.bol .row.mb50 {
  margin-bottom: 50px;
}

.integrated .commitment {
  min-height: 386px;
  padding-left: 60px;
  padding-right: 30px;
}

.vendor h3 {
  font-size: 24px;
  line-height: 36px;
  color: #555555;
  font-weight: 700;
}

.vendor {
  border: 5px solid #FFCE00;
  border-radius: 10px;
  padding: 50px;
  padding-top: 100px;
  min-height: 330px;
  /* max-width: 500px; */
}

.vendor.asse {
  border: 5px solid #40D4DC;
}

.resImg {
  max-width: 570px;
  margin: auto;
  margin-bottom: -88px;
  background: #fff;
  position: relative;
  z-index: 9;
}

section.resp {
  margin-bottom: 40px;
}

.quickborder {
  padding: 2px;
  position: relative;
  background: linear-gradient(to right, #42d6e7, #007fae);
  box-shadow: rgba(1, 1, 1, 0.5) 0px 2px 7px;
}

.quickborder-module {
  background: #fff;
  padding: 15px;
}

.heaData h3 {
  font-size: 24px;
  line-height: 25px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 10px;
}

.heaData p {
  font-size: 18px;
  padding-bottom: 16px;
}

.flexP {
  display: flex;
  gap: 30px;
}

.beyondedu-wrap {
  background-image: var(--desktop-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.beyondedu-wrap .container {
  position: relative;
}

.beyondedu-wrap .imt-wrap {
  min-height: 155px;
}

.gl-icon1 {
  position: absolute;
  right: 90px;
  top: 30px;
}

.gl-icon3 {
  text-align: center;
}

.geo-reach {
  position: relative;
  margin-top: 30px;
  margin-bottom: 70px;
}

.geo-bg img {
  margin: auto;
}

.geo-text {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0px 120px;
}

.geo-text .row {
  display: flex;
  align-items: center;
}

.geo-text h3 {
  color: #fff;
  font-size: 44px;
  padding-bottom: 15px;
  font-family: CabinSketch-Bold;
}

.geo-text p {
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

.edu-program {
  position: relative;
}

.edu-program h2 {
  text-align: center;
  padding-bottom: 10px;
}

.edu-program h6 {
  text-align: center;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  padding-bottom: 35px;
}

.edu-program h3 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #40D4DC;
  padding-bottom: 15px;
}

.edu-program p {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 23px;
}

.edu-program .row {
  display: flex;
  align-items: center;
}

.edu-btn a {
  color: #09486C;
}

.edu-btn a ::after {
  border-top: 1px solid #09486C;
  border-bottom: 1px solid #09486C;
}

.edu-btn a img {
  filter: none;
}

.edu-icon1 {
  position: absolute;
  right: 7%;
  top: 11%;
}

.dep {
  margin-top: 20px;
}

.edu-icon2 {
  position: absolute;
  top: -140px;
  right: 75px;
}

.edu-icon3 {
  position: absolute;
  top: -50px;
  right: 38%;
}

.dep-left {
  padding-left: 60px;
}

.dep-left h3 {
  color: #E9BB2B;
}

.dep-left p {
  color: #09486C;
}

.dep-img1 img {
  margin: auto;
}

.dep-icon {
  position: absolute;
  left: 15px;
  top: -95px;
}

.dep-img1 {
  padding-bottom: 35px;
}

.eep-wrap h6 {
  max-width: 570px;
  width: 100%;
  margin: auto;
}

.eep-wrap h2 {
  color: #89C34B;
  text-align: center;
}

.eep-wrap .edu-btn {
  text-align: center;
}

.skil-icon1 {
  position: absolute;
  left: 0;
  top: -50px;
}

.skil-img {
  padding-top: 60px;
}

.skil-icon2 {
  position: absolute;
  right: 80px;
  top: -115px;
}

.skil h3 {
  color: #20A2A2;
}

.stem-icon1 {
  position: absolute;
  left: 80px;
  top: -180px;
}

.skil {
  padding-bottom: 50px;
}

.stem h3 {
  color: #09486C;
}

.eep-wrap1 h2 {
  color: #06B0E3;
  padding-bottom: 12px;
  text-align: center;
}

.eep-wrap1 h6 {
  text-align: center;
  max-width: 730px;
  margin: auto;
}

.dep-icon1 {
  position: absolute;
  top: -120px;
  left: 14%;
}

.dep-icon2 {
  position: absolute;
  top: 0px;
  left: 0px;
}

.dep-img2 {
  margin-top: -100px;
}

.edu-btn1 {
  text-align: center;
  margin-top: -30px;
}

.dep-icon3 {
  position: absolute;
  right: 130px;
  top: 0;
}

.srf-vid {
  padding-top: 80px;
}

.srf-vid h2 {
  color: #E9BB2B;
}

.dep-img3 {
  margin-top: -60px;
}

.srf-vid .edu-btn {
  text-align: center;
}

.dep-icon4 {
  position: absolute;
  right: 30px;
  top: 20%;
}

.nrm-links .dep-btn .read-btn {
  width: 280px;
}

.nrm-links .dep-btn .read-btn:hover .banner-arrow {
  transform: translateX(-230px);
}

.scl-msg {
  height: 100vh;
  overflow: hidden;
}

.scl-health {
  background-color: #06B0E3 !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
  transform: translateY(100%);
}

.scl-health1 {
  background-color: #2A607E !important;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 6;
  transform: translateY(100%);
}

.energy-emmision .apart-slider .owl-nav button.owl-next {
  background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
}

.energy-emmision .apart-slider .owl-nav button.owl-prev {
  background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
}

.energy-emmision .col-md-11 {
  padding-right: 0px;
}

/********menu***********/
.nav-icon3 {
  width: 25px;
  height: 20px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -moz-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
  cursor: pointer;
}

.nav-icon3 span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #2d2e2e;
  /* Old browsers */
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.nav-icon3 span:nth-child(1) {
  top: 0px;
}

.nav-icon3 span:nth-child(2),
.nav-icon3 span:nth-child(3) {
  top: 6px;
}

.nav-icon3 span:nth-child(4) {
  top: 12px;
}

.my-sidenav1 {
  display: block;
  position: fixed;
  top: 0px;
  right: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 9999;
  max-width: 100%;
  width: 100%;
  background: rgba(255, 255, 255, .5);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  height: 100vh;
  transform: translateY(-100%);
  transition: transform 1s ease;
  /* important */
}

.menuhide {
  width: 80px;
  height: 80px;
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  display: flex;
  align-items: center;
}

.menuhide:hover {
  cursor: pointer;
}

.menuhide p {
  text-align: center;
  margin: auto;
}

.bluebg {
  background-color: #ffffff;
  opacity: 0;
}

.menu-wrap {
  width: 100%;
  background-color: #09486C;
  height: 100vh;
  float: right;
  overflow: hidden;
}

.my-sidenav1 .col-md-5 {
  padding-right: 0px;
}

.menu-top {
  padding-top: 15px;
  padding-left: 60px;
  max-width: 360px;
  width: 100%;
}

.menulogo {
  padding-bottom: 60px;
}

.menulogo img {
  width: 110px;
}

.menuhide {
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 80px;
  background-color: #fff;
  z-index: 999;
}

.inner-nav1>li {
  padding-bottom: 20px;
  position: relative;
}

.inner-nav1>li>a {
  font-size: 18px;
  color: #fff;
  display: block;
  position: relative;
  z-index: 99;
  font-weight: 600;
  transition: all .3s ease-out;
}

.inner-nav1>li>a:hover {
  transition: all .3s ease-out;
  color: #56C5D0;
}

.inner-nav1 li.menu-drop:after {
  position: absolute;
  content: "";
  background: url(/storage/images/blue-right.svg) no-repeat;
  width: 6px;
  height: 9px;
  right: 15px;
  background-position: right;
  top: 8px;
  filter: brightness(0) invert(1);
}

.inner-nav1 li.menu-drop:hover:after {
  filter: none;
}

.inner-nav1 li.menu-drop:nth-child(3):after {
  display: none;
}

.opn-slide-patch {
  animation: slideInLeft 1s 1;
}

.opn-slide-patch-right {
  animation: slideInRight 1s 1;
}

.my-sidenav1 ul {
  list-style-type: none;
  padding-left: 0;
}

.back-div a {
  font-size: 16px;
  color: #ffffff;
  font-weight: 600;
  transition: all .3s ease-out;
  display: flex;
}

.back-div a:hover {
  transition: all .3s ease-out;
  color: #56C5D0;
}

.back-div a img {
  filter: brightness(0) invert(1);
  padding-right: 20px;
}

.back-div a:hover img {
  filter: none;
}

.menu-top h4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  padding-bottom: 20px;
  padding-left: 24px;
  padding-top: 40px;
}

.inner-text {
  padding-left: 24px;
}

.inner-text li {
  padding-bottom: 20px;
  padding-left: 24px;
  position: relative;
}

.inner-text li a {
  color: #ffffff;
  font-weight: 300;
  font-size: 16px;
  position: relative;
  transition: all .3s ease-out;
  display: block;
}

.inner-text li a:hover {
  color: #56C5D0;
  transition: all .3s ease-out;
}

.innernav2 li.innerli:after {
  position: absolute;
  content: "";
  background: url(/storage/images/blue-right.svg) no-repeat;
  width: 6px;
  height: 9px;
  right: 15px;
  background-position: right;
  top: 0;
  filter: brightness(0) invert(1);
}

.innernav2 li.innerli:hover:after {
  filter: none;
}

.menu-scroll {
  overflow-y: auto;
  padding-right: 15px;
  height: 300px;
}

/*.menu-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #ffffff;
}

.menu-scroll::-webkit-scrollbar {
  width: 3px;
  background-color: #ffffff;
  border-radius: 5px;
}
.menu-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #56C5D0;
}*/
.abt-banner.case {
  background-image: var(--desktop-bg);
}

.abt-toptext.demonstrate {
  padding-top: 80px;
  padding-bottom: 80px;
}

.caseTab .vcTabs li {
  width: 33.4%;
}

.caseTab .vcTabs #vc-tab-1 {
  background-color: #67BCE4;
}

.caseTab #vc-tab-3 {
  background-color: #FFD98C;
}

.caseTab #vc-tab-a {
  background-color: #fff;
}

.caseTab .vcTabs .nav-tabs .nav-link.active {
  border-bottom: 8px solid #09486C !important;
}

.circulat {
  background-color: #67BCE4;
  padding-top: 83px;
  padding-left: 43px;
  min-height: 383px;
}

.circulat h4 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 13px;
  color: #fff;
}

.circulat p {
  color: #fff;
  padding-bottom: 20px;
  padding-top: 0;
  font-size: 20px;
  line-height: 26px;
}

.recy {
  display: flex;
  gap: 31px;
}

.recy h2 {
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  color: #fff;
}

.recy .leftRec {
  border-right: 1px solid #fff;
  padding-right: 26px;
}

.recy .leftRec p span {
  display: block;
}

.recy .leftRec.nobrdr {
  border: none;
}

.recy .leftRec p {
  padding-top: 0;
  max-width: 214px;
}

.caseStake .col-md-6.rightr {
  padding-right: 0 !important;
}

.caseStake .col-md-6.leftl {
  padding-left: 0;
}

.caseStake .row.mb22 {
  margin-bottom: 22px;
}

.circulat.scale {
  background-color: #09486C;
}

.circulat.other p {
  max-width: 424px;
}

.circulat.other {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 0;
}

.circulat.dahej {
  min-height: 384px;
  padding-right: 20px;
  padding-left: 30px;
}

.caseTab #vc-tab-a,
.caseTab #vc-tab-d {
  padding-bottom: 0;
}

.lastbtnsec.setW .chem-btn .read-btn {
  width: 230px;
}

.lastbtnsec.setW .brochure-btn .read-btn {
  width: 230px;
}

.caseTab #vc-tab-b {
  background-color: #fff;
}

.recy.imp p {
  max-width: 100%;
}

.recy.imp {
  padding-bottom: 10px;
}

.circulat.trans {
  background-color: #39CBD3;
}

.circulat strong {
  font-weight: 600;
}

.circulat.wome {
  background-color: #21A2A2;
}

.caseTab #vc-tab-b {
  padding-bottom: 0;
}

.caseTab .vcTabs .nav-link {
  padding: 22px 0px 23px 55px;
}

.circulat.gov {
  background-color: #FFD98C;
}

.circulat.gov h4 {
  color: #555555;
}

.circulat.gov p {
  color: #555555;
}

.caseTab #vc-tab-c {
  background-color: #fff;
}

.caseTab #vc-tab-c {
  padding-bottom: 0;
}

.circulat.gov p span {
  display: block;
}

.forposition {
  position: relative;
}

.forposition .story-text1 {
  position: absolute;
  bottom: 0;
  right: calc(100vw / 16 * 1);
  max-width: 425px;
  top: 0;
  margin: auto;
  height: fit-content
}

.vendor p {
  font-size: 24px;
  line-height: 26px;
  max-width: 411px;
}

section.lastbtnsec.setW {
  margin-top: 49px;
}

.caseTab #vc-tab-c,
.caseTab #vc-tab-b,
.caseTab #vc-tab-a {
  padding-top: 50px;
}

.caseTab #vc-tab-2:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(/storage/images/values/professional-reputation-img-new.webp);
  width: 40px;
  height: 64px;
}

.investor-toptext .row {
  align-items: center;
  display: flex;
}

.vocationsec .container,
.naturalsect .container {
  position: relative;
}

.bulb-icon {
  position: absolute;
  right: 75px;
  top: -65px;
}

.ncloud-icon1 {
  position: absolute;
  left: 10px;
  top: -60px;
  z-index: 1;
}

.ncloud-icon2 {
  position: absolute;
  right: 35px;
  top: -75px;
}

.impn-con1 {
  position: absolute;
  top: -75px;
  right: 30px;
}

.impn-con2 {
  position: absolute;
  bottom: -75px;
  left: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.rd-banner {
  background-image: var(--desktop-bg);
}

.rd-stats {
  background-image: url(/storage/images/rd/highlights-img.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
}

.ctg .climate-right {
  background-color: #1A63A3;
}

.ctg .climate-inner {
  max-width: 531px;
}

.ctg-text {
  padding: 50px 0px 30px 0px;
}

.ctg-text p {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px;
  font-weight: 300;
}

.ctg-img {
  margin-top: 30px;
  margin-bottom: 50px;
}

.ctg-img img {
  margin: auto;
}

.bopet .climate-right {
  background-color: #73B130;

}

.bopet .climate-inner {
  padding-left: calc(100vw / 16 * 1.2);
}

.bppet-wrap {
  display: flex;
  margin-bottom: 60px;
}

.bppet-inner {
  text-align: center;
  border-right: 1px solid #00000033;
  width: 20%;
}

.bppet-inner p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 300;
  padding: 5px 15px 0px 15px;
}

.bppet-inner p span {
  display: block;
}

.bpet-icon {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 73px;
}

.bpet-center {
  text-align: center;
  padding-bottom: 30px;
}

.ttb .climate-right {
  background-color: #21A2A2;
}

.ttb-img-wrap {
  padding: 80px 0px;
}

.ttb-img img {
  margin: auto;
}

.sustain-future {
  background-color: #FDF2DC;
  padding: 60px 0px;
}

.sustain-future h2 {
  text-align: center;
  padding-bottom: 30px;
}

.sustain-img {
  padding-bottom: 50px;
}

.sustain-future p {
  max-width: 980px;
  width: 100%;
  background: linear-gradient(to left, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 30px;
  line-height: 36px;
  margin: auto;
  text-align: center;
}

.busines-banner {
  background-image: var(--desktop-bg);
}

.busines-banner p span {
  display: block;
}

.bus-segment h2 {
  text-align: center;
  padding-bottom: 35px;
}

.bus-segment1 {
  background-image: url(/storage/images/bus/specialty-chemicals-img.webp);
}

.bus-segment p {
  font-size: 20px;
  line-height: 26px;
}

.bus-icon {
  padding-bottom: 20px;
}

.fluro-bg .climate-inner,
.fluro-bg1 .climate-inner,
.fluro-bg2 .climate-inner {
  max-width: 455px;
  padding-left: calc(100vw / 16 * 1.2);
}

.bus-segment2 {
  background-image: url(/storage/images/bus/performance-films-and-foil-img.webp);
}

.fluro-bg1 .climate-right {
  background-color: #20A2A2;
}

.bus-segment3 {
  background-image: url(/storage/images/bus/coated-fabrics-img.webp);
}

.fluro-bg2 .climate-right {
  background-color: #79B43B;
}

.commitement {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.com-top {
  position: absolute;
  left: 0;
  top: 0;
}

.commite-exe {
  background-color: transparent;
}

.commite-exe p {
  max-width: 100%;
}

.beyondbustoptxt {
  padding-bottom: 0;
}

/* refrigerants css */
.refribanner {
  background-image: var(--desktop-bg);
}

.refribanner p span {
  display: block;
}

.refri-stats {
 background-image: var(--desktop-bg);
}

.refri-stats .chem-stat-inner {
  opacity: 1;
  background: rgba(255 255 255 / 63%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(10px);
}

.refri-stats .chem-wrap img {
  height: 72px;
}

.refritoptxt p {
  padding-bottom: 20px;
}

.refriwraptxt .chem-wrap p {
  font-weight: 600;
  padding-top: 10px;
}

.refriwraptxt .chem-wrap p strong {
  font-weight: 600;
}

.refri-tabwrap1 {
  background-image: url(/storage/images/Refrigerants/ozone-friendly-refrigerants-img.webp)
}

.refri-tabwrap2 {
  background-image: url(/storage/images/Refrigerants/hfc-blends-img.webp);
}

.refri-tabwrap3 {
  background-image: url(/storage/images/Refrigerants/legacy-hcfc-img.webp);
}

.refri-tabwrap4 {
  background-image: url(/storage/images/Refrigerants/smart-packaging-img.webp);
}

.refritabwrap h3 {
  color: #555555;
}

.refritabheadinwht h3 {
  color: #555555;
}

.refritabwrap p {
  color: #555555;
}

.refritabwrap p span {
  font-weight: 700;
}

.refritabheadinwht p {
  color: #555555;
}

.refritabwrap .col-md-5 {
  padding-right: 0;
}

.refritabwrap .colpd110refritab {
  padding-left: 110px;
}

.refritab #in-tab {
  gap: 99px;
  margin-bottom: 40px;
}

.refri-scale {
  margin-bottom: 50px;
}

.refri-scale .climate-left {
  height: 100vh;
}

.refri-scale .climate-right {
  height: 100vh;
  background-color: #40D4DC;
}

.refri-scale h2 {
  font-size: 36px;
  line-height: 36px;
  color: #FFFFFF;
  font-weight: 700;
  padding-bottom: 25px;
}

.refri-scale .climate-inner {
  max-width: 520px;
}

.refriscale-list ul {
  padding-left: 20px;
}

.refriscale-list ul li {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 30px;
}

.refriscale-list ul li span {
  font-weight: 700;
}

/* .refri-scale .climate-left img  
{
  object-fit: initial;
} */

/* fluorochemical-business css */
.fluorobanner {
  background-image: var(--desktop-bg);
}

.fluorobanner p span {
  display: block;
}

.fluoro-stats {
  background-image: var(--desktop-bg);
}

.fluoro-stats .chem-stat-inner {
  opacity: 1;
  background: rgba(255 255 255 / 63%);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(10px);
}

.fluoro-stats .chem-wrap img {
  height: 72px;
}

.fluorowraptxt .chem-wrap p {
  font-weight: 600;
  padding-top: 10px;
  font-size: 24px;
  line-height: 24px;
}

.fluorowraptxt .chem-wrap h5 {
  font-size: 24px;
  padding-top: 18px;
  padding-bottom: 8px;
}

.fluorowraptxt .chem-wrap p span {
  display: block;
}

.fluroRelDiv h2 {
  font-size: 32px;
  line-height: 32px;
  padding-bottom: 16px;
  font-weight: 700;
  color: #FFFFFF;
}

.fluroRelDiv p {
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 25px;
  color: #FFFFFF;
}

.fluroRelDiv {
  position: relative;
}

.flurocontbtmDiv {
  position: absolute;
  bottom: 70px;
  left: 150px;
  max-width: 430px;
}

.flurocontbtmDiv-right {
  position: absolute;
  bottom: 70px;
  left: 76px;
  max-width: 370px;
}


.fluro-scale .climate-left {
  height: 100vh;
}

.fluro-scale .climate-right {
  height: 100vh;
  background-color: #09486C;
}

.fluro-scale h2 {
  font-size: 36px;
  line-height: 36px;
  color: #FFFFFF;
  font-weight: 700;
  padding-bottom: 25px;
}

.fluro-scale .climate-inner {
  max-width: 540px;
}

.fluroscale-list ul {
  padding-left: 20px;
}

.fluroscale-list ul li {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 20px;
}

.fluroscale-list ul li span {
  font-weight: 700;
}

.fluro-scale .climate-left img {
  object-fit: cover;
}


.fluroSecond-scale .climate-left {
  height: 100vh;
}

.fluroSecond-scale .climate-right {
  height: 100vh;
  background-color: #C39A6B;
}

.fluroSecond-scale h2 {
  font-size: 36px;
  line-height: 36px;
  color: #FFFFFF;
  font-weight: 700;
  padding-bottom: 25px;
}

.fluroSecond-scale .climate-inner {
  max-width: 610px;
  /* padding-left: 140px; */
}

.fluroSecond-scale .fluroscale-list ul {
  padding-left: 20px;
}

.fluroSecond-scale .fluroscale-list ul li {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-bottom: 30px;
}

.fluroSecond-scale .fluroscale-list ul li span {
  font-weight: 700;
  padding-bottom: 5px;
  display: block;
}

.fluroSecond-scale .fluroscale-list ul li p {
  font-size: 24px;
  line-height: 26px;
  color: #FFFFFF;
}

.flurfluroSecond-scaleoSecond .fluro-scale .climate-left img {
  object-fit: cover;
}

.fluroThird-scale {
  margin-bottom: 25px;
}

.fluro-scale .fluroBg-right {
  background-color: #21A2A2;
}

.fluro-scale .fluroBg-right .climate-inner {
  max-width: 540px;
}

.abt-banner.indus p span {
  display: block;
}

.row.firstChlo {
  display: flex;
  justify-content: center;
  margin-bottom: 20px;
}

.abt-banner.indus {
  background-image: var(--desktop-bg);
}

.bb-stats.goverN {
  background-image: var(--desktop-bg);
}

.productP {
  background-color: #FDF2DC;
  padding-top: 60px;
}

.manH h2 {
  color: #555;
  font-size: 36px;
  line-height: 26px;
  margin-bottom: 50px;
  text-align: center;
  font-weight: 700;
}

.anhyData {
  background-color: #40D4DC;
  padding: 53px 20px 32px 38px;
  max-width: 980px;
  margin: auto;
  margin-top: -13%;
  position: relative;
  margin-bottom: 31px;
}

.anhyData h3 {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
}

.anhyData .firstSec {
  display: flex;
  gap: 10px;
  align-items: center;
  margin-bottom: 20px;
}

.anhyData p {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  max-width: 885px;
  padding-bottom: 18px;
}

.anhyData.yellow {
  background-color: #E9BB2B;
}

.anhyData.green {
  background-color: #21A2A2;
}

.anhyData.brown {
  background-color: #BD9C71;
}

.anhyData.blue {
  background-color: #285E7C;
}

.anhyData.bluelt {
  background-color: #26B5DF;
}

.anhyData.blueltN {
  background-color: #21A2A2;
}

.mainEtch ul li {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 10px;
}

.mainEtch ul {
  padding-left: 19px;
}

.mainEtch {
  display: flex;
  gap: 50px;
}

.anhyData.ltGreen {
  background-color: #89C34A;
}

.package {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.package .meth {
  padding: 56px 22px 29px 39px;
  background-color: #40D4DC;
  min-height: 287px;
}

.package .meth h4 {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
}

.package .meth h4 span {
  display: block;
}

.package .meth.yellow {
  background-color: #F8CD47;
}

.package .meth.darkG {
  background-color: #21A2A2;
}

.package .meth.green {
  background-color: #89C34A;
}

.ind .chem-btn1 .read-btn {
  width: 100%;
}

.abt-banner.pharma {
  background-image: var(--desktop-bg);
}

.abt-banner.pharma p span {
  display: block;
}

.bb-stats.goverP {
  background-image: var(--desktop-bg);
}

.crpList ul li {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 20px;
}

.crpList ul {
  padding-left: 16px;
}

.science-scale.parma .climate-right {
  background-color: #40D4DC;
}

.science-scale.parma h4 {
  font-size: 24px;
  line-height: 30px;
  color: #fff;
}

.science-scale.parma .bro {
  background-color: #C39A6B;
}

.physiq {
  padding: 74px 0 50px 0;
  background-color: #FDF2DC;
}

.phyhHead h2 {
  font-size: 30px;
  line-height: 32px;
  background: linear-gradient(92deg, #056380 0%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
  max-width: fit-content;
  padding-bottom: 30px;
}

table.chemTable {
  background: #fff;
}

.chemTable td {
  border-bottom: 4px solid transparent;
  border-image: linear-gradient(90deg, #056380 0%, #06B0E3 50%, #40D4DC 100%);
  border-image-slice: 1;
  font-size: 18px;
  line-height: 26px;
  padding: 12px 0;

}

table.chemTable {
  background: #fff;
  max-width: 1110px;
  width: 100%;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-image: linear-gradient(90deg, #056380 0%, #06B0E3 50%, #40D4DC 100%);
  border-image-slice: 1;
  padding: 0 30px;
}

.chemTable tr td:nth-of-type(1) {
  width: 31%;
  color: #06B0E3;
  font-weight: 600;
}

.chemTable tr td:nth-of-type(2) {
  width: 37%;
  color: #555555;
  font-weight: 600;
}

.chemTable tr:last-child td {
  border-bottom: none;
}

table.chemTable {
  border-collapse: separate;
  border-spacing: 40px 0;
  margin-bottom: 50px;
}

.parma .darG {
  background-color: #21A2A2 !important;
}

.abt-banner.ttile p span.yel {
  display: inline;
}

.abt-banner.ttile p span.break {
  color: #fff;
}

.abt-banner.ttile {
  background-image: url(/storage/images/technical/industrial-fabrics-banner-img.webp);
}

.bb-stats.text {
  background-image: var(--desktop-bg);
}

.straight {
  background-image: url(/storage/images/technical/belting-background.webp);
  padding: 30px 0 40px 0;
}

.stData {
  background-color: #58D6DB;
  padding: 50px 0 30px 50px;
  min-height: 293px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.stData h3 {
  color: #fff;
  font-weight: 600;
  padding-bottom: 15px;
  font-size: 36px;
  line-height: 36px;
}

.stData p {
  color: #fff;
  font-weight: 600;
  padding-bottom: 30px;
  font-size: 24px;
  line-height: 26px;
  max-width: 460px;
}

.straight .row .col-md-6.rt0 {
  padding-right: 0;
}

.straight .row .col-md-6.lt0 {
  padding-left: 0;
}

.straight .stData.one {
  background-image: url(/storage/images/technical/product-text-img1.webp);
}

.straight .stData.two {
  background-image: url(/storage/images/technical/product-text-img2.webp);
}

.straight .stData.three {
  background-image: url(/storage/images/technical/product-text-img3.webp);
}

.straight .stData.four {
  background-image: url(/storage/images/technical/product-text-img4.webp);
}

.straight .stData.five {
  background-image: url(/storage/images/technical/product-text-img5.webp);
}

.straight .stData.six {
  background-image: url(/storage/images/technical/product-text-img6.webp);
}

.straight .stData.seven {
  background-image: url(/storage/images/technical/product-img7-bg.webp);
}

.straight .stData.eight {
  background-image: url(/storage/images/technical/product-text-img8.webp);
}

.straight .stData.nine {
  background-image: url(/storage/images/technical/product-text-img9.webp);
}

.straight .stData.ten {
  background-image: url(/storage/images/technical/product-text-img10.webp);
}

.straight .stData.elev {
  background-image: url(/storage/images/technical/product-text-img11.webp);
}

.manuSec {
  background-color: #FDF2DC;
  padding: 30px 0 30px 0;
}

.manuSec .polyImg {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 70px;
}

.manuSec .polyImg h3 {
  background: transparent linear-gradient(93deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 375px;
  font-weight: 700;
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 32px;
}

.weave {
  background: transparent linear-gradient(95deg, #21A2A2 0%, #E5F4FC 100%) 0% 0% no-repeat padding-box;
  display: flex;
  align-items: center;
  padding: 8px 0;
  padding-left: 50px;
  max-width: 536px;
  min-height: 70px;
  margin-bottom: 20px;
}

.weave h3 {
  color: #555555;
  font-weight: 600;
  font-size: 24px;
  line-height: 24px;
}

.weave h3 span {
  display: block;
}

.virmData h3 {
  font-size: 30px;
  line-height: 30px;
  color: #fff;
  padding-bottom: 15px;
  border-bottom: 1px solid #fff;
  max-width: 530px;
  margin-bottom: 30px;
  font-weight: normal;
}

.virmData h3:last-child {
  border: none;
}

.climate-right.blueT {
  background-color: #09486c !important;
  flex-direction: column;
  padding-top: 35px;
  align-items: start;
  padding-left: 46px;
}

.climate-right.blueT h2 span {
  display: block;
}

.climate-right.blueT .climate-inner {
  padding-left: 0px;
}

.ecoSec {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  min-height: 180px;
  padding: 20px 0;
}

.rList ul li {
  color: #09486C;
  padding-bottom: 16px;
  font-size: 24px;
  line-height: 26px;
}

.rList ul {
  padding-left: 16px;
}

.newP {
  background-color: #FDF2DC;
  padding: 50px 0;
}

.newP h3 {
  background: transparent linear-gradient(93deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 543px;
  font-weight: 700;
  padding-bottom: 30px;

}

.dev {
  display: flex;
  justify-content: center;
}

.newP .row .col-md-3.pl0 {
  padding-left: 0;
}

.newP .row .col-md-3.rt0 {
  padding-right: 0;
}

.meImg {
  padding-bottom: 40px;
}

.package.txt .meth {
  min-height: 355px;
  max-width: 260px;
}

.package.txt .meth.blue {
  background-color: #09486C;
}

.package.txt .meth.lgreen {
  background-color: #2A72B8;
}

.package.txt .meth {
  padding: 56px 22px 29px 31px;
}

.package.txt .meImg {
  padding-bottom: 40px;
  display: flex;
  justify-content: center;
}

.package.txt .meth h4 {
  text-align: center;
}

.package.txt {
  background-image: var(--desktop-bg);
}

.fluroscale-list ul li:last-child {
  padding-bottom: 0;
}

.annual-web {
  margin: 5px;
  padding-bottom: 0px;
  transition:
    ease all .5s;
  -webkit-box-shadow: 0 0 8px 0 rgb(0 0 0 / 23%);
  -moz-box-shadow: 0 0 8px 0 rgb(0 0 0 / .23);
  box-shadow: 0 0 8px 0 rgb(0 0 0 / 23%);
  border: 1px solid #a29e9e;
  max-width: 350px;
  width: 100%;
}

.web-pdf a:hover {
  background: #4bc3e8;
  color: #fff;
  transition: all ease .3s;
  text-decoration: none;
}

.annual-web img {
  width: 100%;
  height: auto;
}

.annual-web h6 {
  font-weight: 700;
  font-size: 15px;
  padding: 15px;
  background: #fff;
  text-transform: uppercase;
}

.web-pdf {
  display: flex;
  padding: 0 5px;
}

.web-pdf a {
  color: #4bc3e8;
  border: 1px solid;
  display: inline-block;
  width: 50%;
  padding: 6px;
  text-align: center;
  text-decoration: none;
  margin: 0 10px;
}

.investH h2 {
  font-size: 35px;
  line-height: 40px;
  padding-bottom: 40px;
  font-weight: 700;
}

.investfaq {
  padding-top: 150px;
}

.pagesvideos {
  max-width: 902px;
  margin-left: 120px;
  padding-top: 78px;
  position: relative;
}

.pagesvideos video {
  transform: matrix(1, 0.03, -0.03, 1, 0, 0);
  position: relative;
  z-index: 1;
}

.grassimg {
  position: absolute;
  bottom: 52px;
  right: -116px;
}

.headphoneimg {
  position: absolute;
  left: 0px;
  bottom: 80px;
}

.srfvhimg {
  margin: auto;
  transform: matrix(1, -0.02, 0.02, 1, 0, 0);
}

.eduinnervideo {
  max-width: 884px;
  margin-bottom: 30px;
}

.srfvidyaladiv {
  margin-bottom: 40px;
}

.bttslsec .pagesvideos video {
  transform: matrix(1, 0.03, -0.03, 1, 0, 0);
}

.bttslsec .pagesvideos {
  margin-bottom: 100px;
}

.bttslsec .bttslcontent .pagesvideos img {
  margin-bottom: 0;
  left: -90px;
  bottom: -25px;
  z-index: 3;
}

.eduonlylastpara {
  padding-top: 20px;
  font-size: 18px;
}

.investfaq .fq h4 {
  font-size: 20px;
  line-height: 26px;
  color: #555555;
  font-weight: 700;
}

.fq {
  padding-bottom: 19px;
  border-bottom: 1px solid #707070;
  margin-bottom: 46px;
}

.flur {
  display: flex;
  justify-content: space-between;
  padding-bottom: 27px;
}

.fq p {
  font-size: 20px;
  line-height: 26px;
}

.fq p span {
  display: block;
}

.flur .rtBox {
  border: 1px solid #707070;
  padding: 16px 12px;
  border-radius: 5px;
}

.flur .rtBox:hover {
  background-color: #E9BB2B;
}

.investfaq #in-tab {
  background: none;
  padding-left: 0;
  gap: 10px;
  padding: 0;
  margin-bottom: 70px;
}

.investfaq #in-tab .nav-link.active {
  color: #fff;
  border-bottom: none !important;
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.investfaq #in-tab .nav-link {
  padding: 6px 48px;
  border-radius: 31px;
  background: #D9D7D7;
  color: #555555;
}

.investfaq #in-tab .nav-link span {
  display: block;
}

.investfaq .in-tabcontent {
  padding-bottom: 0;
}
.abt-banner.fluor {
  background-image: var(--desktop-bg);
}
.abt-banner.fluor.ttile p span.break {
  display: block;
}

.bb-stats.flr {
  background-image: var(--desktop-bg);
  margin-bottom: 44px;
}

.prodH h2 {
  font-size: 36px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 44px;
  text-align: center;
}

.granular h3 {
  font-size: 30px;
  line-height: 36px;
  font-weight: 700;
  max-width: 392px;
  color: #fff;
  text-align: center;
}

.granular {
  background-color: #40D4DC;
  border-radius: 22px;
  padding: 20px 50px;
  max-width: 494px;
}

.mainGrain {
  display: flex;
  align-items: center;
  justify-content: center;
}

.choice h3 {
  font-size: 20px;
  line-height: 36px;
  font-weight: 700;
  padding-bottom: 13px;
  color: #fff;
}

.character {
  background-color: #89C34A;
  border-radius: 22px;
  padding-left: 66px;
  padding-top: 90px;
  min-height: 562px;
}

.character ul li {
  color: #fff;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 24px;
  font-weight: normal;
}

.character ul {
  padding-left: 16px;
}

.choice {
  padding-bottom: 18px;
}

.character.blue {
  background-color: #265C7A;
  padding-left: 42px;
  padding-right: 30px;
}

.character ul li span {
  display: block;
}

.bothCard {
  display: flex;
  gap: 70px;
  margin-bottom: -40px;
  justify-content: center;
}

.bothCard .carrd {
  border-radius: 22px;
  padding: 25px 33px;
  max-width: 266px;
  border: 2px solid #FDF2DC;
}

.bothCard .carrd h3 {
  font-size: 20px;
  font-weight: 600;
  color: #fff;
}

.bothCard .carrd.yelCard {
  background-color: #F8CD47;
}

.bothCard .carrd.dar {
  background-color: #21A2A2;
}

.bothCard .carrd.blu {
  background-color: #24B4DF;
}

.dotImg {
  display: flex;
  justify-content: center;
}

.productOff {
  margin-bottom: 80px;
}

.apph h2 {
  font-size: 36px;
  line-height: 26px;
  color: #555555;
  font-weight: 700;
  text-align: center;
  padding-bottom: 38px;
}

.appli {
  background-color: #FDF2DC;
  padding: 45px 0 64px 0;
}

.autoData h3 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
}

.autoData h3 span {
  display: block;
  font-weight: normal;
  padding-top: 6px;
}

.autoData.clr1 {
  background-color: #40D4DC;
}

.autoData {
  padding: 18px 38px 42px 42px;
  margin-top: -144px;
  z-index: 9;
  position: relative;
  min-height: 164px;
}

.autoData h3 {
  color: #fff;
}

.autoData.clr2 {
  background-color: #E9BB2B;
}

.autoData.clr3 {
  background-color: #21A2A2;
}

.autoData.clr4 {
  background-color: #89C34A;
}

.autoData.clr5 {
  background-color: #2A607E;
}

.autoData.clr6 {
  background-color: #26B5DF;
}

.auto {
  margin-bottom: 32px;
}

.footnt {
  text-align: right;
  padding-bottom: 20px;
  font-weight: 600;
  font-size: 16px;
  font-style: italic;
}

/* .phirZ .listing-table {
    padding: 30px 0;
    margin-top: 11px;
}
.phirZ .table-bordered {
    border: 1px solid #ddd;
}
.phirZ .listing-table table thead {
    background: #949699;
    color: #fff;
}
.phirZ .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
}
.phirZ .table td{
  border-bottom: 1px solid #ddd;
      padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
} */
.phirZ .listing-table {
  padding: 30px 0;
  margin-top: 11px;
}

.phirZ .table-bordered {
  border: 1px solid #ddd;
}

.phirZ .table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
  background-color: transparent;
  border-spacing: 0;
  border-collapse: collapse;
}

.phirZ .listing-table table thead {
  background: #4bc3e8;
  color: #fff;
}

.phirZ .table>thead:first-child>tr:first-child>th {
  border-top: 0;
}

.phirZ .table-bordered>thead>tr>td,
.phirZ .table-bordered>thead>tr>th {
  border-bottom-width: 2px;
}

.phirZ .table-bordered>thead>tr>th {
  border: 1px solid #ddd;
}

.phirZ .table>thead>tr>th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}

.phirZ .table td {
  border-bottom: 1px solid #DDD;
  border-right: 1px solid #DDD;
  padding: 12px 0 12px 8px;
}

.phirZ .table>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}

.phirZ .listing-table tr th {
  width: 50%;
}

.phirZ th {
  text-align: left;
}

#regulation46 .table-responsive {
  min-height: .01%;
  overflow-x: auto;
}

#regulation46 table {
  margin: 15px 0;
  border-collapse: collapse;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  background-color: transparent;
}

#regulation46 table th {
  background: #4bc3e8;
  color: #fff;
  border: 1px solid #bebebe;
  padding: 10px;
  text-align: left;
}

#regulation46 td {
  vertical-align: top;
  padding: 15px;
  font-weight: 500;
  border: 1px solid #bebebe;
}

#regulation46 table a {
  color: #337ab7;
  text-decoration: none;
}

#regulation46 table td img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Main wrapper */
#faqAccordion.faq-accordion .faq-item {
  border: none;
  margin-bottom: 0px;
  border-radius: 8px;
  border-bottom: 1px solid;
  border-radius: 0;
}

#faqAccordion.faq-accordion .faq-item:nth-of-type(1) {
  border-top: 1px solid;
}

#faqAccordion .faq-button {
  background-color: #fff;
  font-size: 18px;
  font-weight: normal;
  padding: 15px 20px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "neue-haas-grotesk-display", sans-serif;
}

/* Remove default arrow */
#faqAccordion .faq-button::after {
  display: none !important;
}

/* PLUS icon */
#faqAccordion .faq-button.collapsed::before {
  content: "";
  width: 21px;
  height: 20px;
  background-image: url("/storage/images/col-out-icon.webp");
  background-size: contain;
  margin-right: 10px;
}

/* MINUS icon */
#faqAccordion .faq-button:not(.collapsed)::before {
  content: "";
  width: 21px;
  height: 20px;
  background-image: url("/storage/images/col-in-icon.webp");
  background-size: contain;
  margin-right: 10px;
}

#faqAccordion .faq-body {
  padding: 15px 20px;
  padding-left: 53px;
  line-height: 20px;
  border-top: none;
  font-size: 18px;
}

#faqAccordion .faq-body p {
  padding-bottom: 15px;
  font-size: 18px;
  line-height: 24px;
}
#faqAccordion .faq-body ul li {
  line-height: 24px;
  padding-bottom: 10px;
}

/* Smooth open/close */
#faqAccordion .collapse {
  display: none;
}

#faqAccordion .collapse.show {
  display: block;
}

#faqAccordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  display: block;
}

/*  */

.ldsec p {
  font-size: 16px;
  line-height: 20px;
  font-weight: 400;
}

.iepf-txt-inner {
  max-width: 332px;
  width: 100%;
  margin-bottom: 40px;
}

.iepf-txt-inner.max {
  max-width: 100%;
}

.contact-form .form-control {
  height: 55px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 15px;
  font-size: 16px;
  border-radius: 0 !important;
}

.contact-form textarea.form-control {
  height: auto;
  resize: vertical;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: #999;
  font-weight: 300;
}

.btn-survey {
  color: #4bc3e8;
  border: 1px solid #4bc3e8;
  padding: 10px 20px;
  margin: 20px 0;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  transition: all ease .3s;
  text-decoration: none;
  background: #fff;
  margin-right: 15px;
  min-width: 13%;
  cursor: pointer;
}

.btn-survey:hover {
  background: #4bc3e8;
  color: #fff;
  transition: all ease .3s;
  text-decoration: none;
}

.shareform .form-control {
  height: 55px;
  border-radius: 0;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 15px;
  font-size: 16px;
  font-weight: 300;
  border-radius: 0 !important;
}

.shareform input::placeholder {
  color: #999;
  font-weight: 300;
}

.shareform .section-title {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
}

.kind h2 {
  color: #4bc3e8;
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
}

.kind label {
  font-size: 18px;
  font-weight: normal;
}

.kind .col-md-6 {
  padding-bottom: 15px;
  margin-top: 15px;
}

.kind .row.survey-question {
  border-bottom: 1px solid;
}

.mainL {
  display: flex;
  justify-content: space-between;
}

.nrow h3 {
  font-size: 18px;
  font-weight: 600;
  padding-bottom: 20px;
}

.nrow {
  margin-top: 30px;
}

.nrow .form-control {
  border-radius: 0;
}

.gradient-line {
  height: 10px;
  background: transparent linear-gradient(91deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.custom-table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}

.custom-table th,
.custom-table td {
  text-align: center;
  padding: 0px 0px 14px 0px;
  font-size: 14px;
  font-weight: 600;
}

.custom-table th {
  font-size: 13px;
  font-weight: 300;
  color: #4f4f4f;
}

.custom-table td:first-child:after {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(to right, #056380, #056380);
  margin-top: 14px;
}

.custom-table td:nth-child(2):after {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(to right, #056380, #40D4DC);
  margin-top: 14px;
}

.custom-table td:last-child:after {
  content: "";
  display: block;
  height: 4px;
  background: linear-gradient(to right, #40D4DC, #40D4DC);
  margin-top: 14px;
}

.custom-table .cus-last td:after {
  background: none;
  height: 0px;
  margin-top: 0px;
}

.table-wrapper h6 {
  font-size: 14px;
  font-weight: 300;
  color: #555555;
  padding-bottom: 10px;
  text-align: right;
}

.chart-container {
  position: relative;
}

.bar-chart {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  height: auto;
  margin-top: 0px;
}

.bar-block {
  text-align: center;
}

.bar {
  width: 65px;
  border-radius: 10px 10px 0px 0px;
  background: linear-gradient(to bottom, #40D4DC 0%, #06B0E3 42%, #056380 100%);
  position: relative;
}

.bar-value {
  position: absolute;
  top: -30px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  color: #555555;
}

.fy-label {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 700;
  color: #555555;
}

.bar-h1 {
  height: 185px;
}

.bar-h2 {
  height: 273px;
}

.bar-h3 {
  height: 304px;
}

.bar-h4 {
  height: 288px;
}

.bar-h5 {
  height: 304px;
}

.accH H2 {
  padding: 30px 0;
  font-size: 24px;
}

.progress-bar:hover {
  cursor: pointer;
}

.performance-bar {
  transform: rotatex(90deg);
  transform-origin: left bottom;
  animation: performance-bar linear 1s forwards;
}

@keyframes performance-bar {
  0% {
    transform: rotatex(90deg);
  }

  100% {
    transform: rotatex(0deg);
  }
}

.two {
  animation-delay: .30s;
}

.three {
  animation-delay: 1s;
}

.four {
  animation-delay: 1.30s;
}

.five {
  animation-delay: 2s;
}

.bar-h1b {
  height: 185px;
}

.bar-h2b {
  height: 250px;
}

.bar-h3b {
  height: 300px;
}

.bar-h4b {
  height: 280px;
}

.bar-h5b {
  height: 290px;
}

.bar-h1c {
  height: 185px;
}

.bar-h2c {
  height: 250px;
}

.bar-h3c {
  height: 280px;
}

.bar-h4c {
  height: 240px;
}

.bar-h5c {
  height: 290px;
}

.bar-h1d {
  height: 185px;
}

.bar-h2d {
  height: 290px;
}

.bar-h3d {
  height: 240px;
}

.bar-h4d {
  height: 250px;
}

.bar-h5d {
  height: 280px;
}

.bar-h1e {
  height: 200px;
}

.bar-h2e {
  height: 185px;
}

.bar-h3e {
  height: 220px;
}

.bar-h4e {
  height: 280px;
}

.bar-h5e {
  height: 260px;
}

/* Earning call */
.earning-call-table .table {
  width: 100%;
  border-collapse: collapse;
}

.earning-call-table .table th {
  text-align: left;
  padding: 12px 10px;
  margin-bottom: 20px;
  font-weight: 600;
}

.earning-call-table .table td {
  text-align: left;
  padding: 12px 10px;
  padding-bottom: 20px;
}

.earning-call-table .table td a {
  color: #4D4D4F;
}

.earning-call-table .table thead {
  background: #f9f9f9;
}

.earning-call-table .table a.earn-link {
  display: flex;
  align-items: center;
  gap: 30px;
}

.investorsAll a {
  color: #4D4D4F;

}

.tranferForm {
  padding: 50px 32px;
}

.tranferForm {
  background: no-repeat padding-box #fff;
  box-shadow: 0 1px 6px #00000029;
  margin-top: 30px;
}

.tranferForm h4 {
  font-size: 18px;
  line-height: 21px;
  color: #221f1f;
  margin-bottom: 24px;
}

.tranferForm form {
  display: flex;
  gap: 20px;
  align-items: center;
}

.tranferForm form {
  position: relative;
}

.tranferForm form>div {
  width: 33.33%;
}

.tranferForm .form-group {
  margin-bottom: 15px;
}

.tranferForm .form-group label {
  font-size: 12px;
  line-height: 14px;
  color: #221f1f;
  display: block;
  padding-bottom: 5px;
  font-weight: 600;
}


.tranferForm .form-group .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}

.transBtns button {
  border: none;
}

.transBtns a,
.transBtns button {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  padding: 9px 25px;
  margin-top: 21px;
  font-size: 14px;
  line-height: 16px;
  display: inline-block;
}

.submitResults {
  background: no-repeat padding-box #fff;
  padding-top: 30px;
}

.submitResults h3 {
  font-size: 18px;
  line-height: 22px;
  color: #555555;
  font-weight: 600;
  margin-bottom: 18px;
}

.resultsThree {
  display: flex;
  gap: 30px;
}

.resultsThree>div:first-child,
.resultsThree>div:nth-child(2) {
  width: 30%;
}

.resultsThree p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}

.resultsThree p span {
  display: block;
}

.resultsThree>div:nth-child(3),
.whoWeAre .haldDiv>div:first-child {
  width: 40%;
}

.orangResult {
  padding: 27px 30px;
  text-align: center;
}

.orangResult {
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.orangResult p {
  color: #fff;
}

.topOrg {
  display: flex;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.topOrg,
.trvnbtn a {
  border-bottom: 1px solid #fff;
}

.topOrg,
.unThreeBtn ul {
  justify-content: space-between;
}

.folioNo {
  display: flex;
  gap: 30px;
  margin-top: 35px;
  padding-top: 35px;
  border-top: 2px solid #e6e6e6;
}

.folioNo,
.topOrg,
.unThreeBtn ul {
  justify-content: space-between;
}

.folioNo>div:first-child,
.folioNo>div:nth-child(2),
.resultsThree>div:first-child,
.resultsThree>div:nth-child(2) {
  width: 30%;
}

.folioNo p {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 22px;
  padding: 0;
}

.folioNo p,
.solutionsind .story-data p a {
  color: #221f1f;
}

.folioNo>div:nth-child(3),
.resultsThree>div:nth-child(3),
.whoWeAre .haldDiv>div:first-child {
  width: 40%;
}

.way-journey {
  margin-bottom: 90px;
}

.way-journey h2 {
  font-size: 36px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 30px;
  text-align: center;
}

.way-bg {
  background-color: #21A2A2;
  padding: 0px 40px;
  min-height: 335px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.way-bg h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  color: #ffffff;
  padding-bottom: 15px;
}

.way-bg p {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 20px;
  font-weight: 600;
}

.pr-0 {
  padding-right: 0px;
}

.pl-0 {
  padding-left: 0px;
}

.way-bg1 {
  background-color: #89C34A;
}

.way-bg3 {
  background-color: #2A72B8;
}

.way-img img {
  width: 100%;
  height: 100%;
  min-height: 335px;
}

.power-change {
  margin-top: 40px;
  margin-bottom: 70px;
}

.power-change h2 {
  font-size: 36px;
  background: transparent linear-gradient(97deg, #056380 20%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  padding-bottom: 20px;
  text-align: center;
}

.power-change p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 20px;
}

#jn-tab {
  display: flex;
  padding-bottom: 1px;
  flex-wrap: nowrap;
  border-bottom: none;
  margin-bottom: 1px;
  width: 100%;
  margin-bottom: 40px;
  gap: 40px;
  margin-top: 20px;
  max-width: 920px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.jnTabs .nav-link {
  display: block;
  padding: 0px;
  font-size: 18px;
  line-height: 20px;
  color: #555555;
  width: 100%;
  position: relative;
  padding: 14px 40px 15px 40px;
  border: none !important;
  font-weight: 300;
  cursor: pointer;
  background-color: #D9D7D7;
  border-radius: 100px;
  text-align: center;
}

.jnTabs .nav-link span {
  display: block;
}

/*.inTabs .nav-tabs .nav-link:focus,
.inTabs .nav-tabs .nav-link:hover {
  border-bottom: 2px solid #FFCE00 !important;
}*/
.jnTabs .nav-tabs .nav-item.show .nav-link,
.jnTabs .nav-tabs .nav-link.active {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.jn-tabcontent.tab-content .fade {
  opacity: 1;
}

.jn-tabcontent.tab-content>.active {
  display: block;
}

.video-wrapper {
  width: 100%;
}

.beyond-logowrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 30px;
}

#jn-tab-a .beyond-logowrap {
  margin-bottom: 60px;
}

.b-logo {
  width: 25%;
  margin: auto;
  text-align: center;
}

.beyond-logowrap1 {
  display: block;
}

.beyond-logowrap1 .b-logo {
  margin: inherit;
}

.dividendSpans {
  font-size: 14px;
  color: red;
  padding-top: 10px;
}

.phirZ .listing-table a {
  color: #42d6e7;
}

.investorMeet a {
  position: relative;
  padding-right: 50px;
}

.investorMeet a img {
  position: absolute;
  right: 0;
}

.empty-cell {
  text-align: center;
  display: block;
}

.elec {
  padding: 5px 0px 0px 15px;
}

#shareholder-services .contact-form {
  padding: 0;
}

.auth h3 {
  font-size: 20px;
  line-height: 25px;
  font-weight: 600;
  padding-bottom: 20px;
}

.invest-bg h4 span {
  display: block;
}

.invest-bg .row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}

.investors-contact h6 a {
  color: #06B0E3;
}

.csr-modal .modal-header {
  margin-top: 0px;
}

.csr-modal .btn-close {
  color: #ffffff;
}

.csr-modal .modal-content {
  background-color: transparent;
  box-shadow: none;
  border: none;
}

.csr-modal .modal-body {
  padding: 0px;
}

.iepf-txt-inner a {
  color: #42d6e7;
}

.investor-content ol {
  padding: 15px;
}

.investor-content ol li {
  padding: 5px 0px;
}

.iepf-txt-inner h4 {
  font-size: 16px;
  line-height: 21px;
  color: #4D4D4F;
}

.iepf-txt-inner p span {
  display: block;
}

.dividendYearSel {
  background-image: url("/assets/images/noun-arrow.svg") !important;
  background-size: 12px !important;
}

.committee-box .box,
.risk .box {
  flex-shrink: 0;
}

.privacy-policy {
  padding-top: 80px;
  background-color: #FDF2DC;
}

.privacy-policy h2 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 21%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
}

.privacy-policy #jn-tab {
  max-width: 100%;
  margin-top: 45px;
  margin-bottom: 45px;
  justify-content: flex-start;
  gap: 0px;
}

.privacy-policy .jnTabs .nav-link {
  font-size: 20px;
  line-height: 22px;
  padding: 20px;
  width: 210px;
  margin-right: 16px;
}

.privacy-bg {
  background-color: #ffffff;
  padding: 30px 60px 30px 30px;
  margin-bottom: 100px;
}

.privacy-bg h5,
.gdpr h5 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 700;
  padding-bottom: 12px;
}

.privacy-bg p {
  color: #555555;
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 30px;
}

.privacy-bg h4 {
  font-size: 24px;
  line-height: 30px;
  color: #06B0E3;
  padding-bottom: 15px;
  font-weight: 700;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.privacy-bg ul.roman {
  list-style: none;
  padding-left: 0px;
}

.privacy-bg ul.roman li {
  padding-bottom: 12px;
  font-size: 16px;
  line-height: 24px;
}

.privacy-bg p a {
  color: #06B0E3;
}

.gdpr p {
  color: #555555;
  max-width: 990px;
  width: 100%;
  padding-bottom: 30px;
}

.gdpr #awardSelector {
  border-radius: 0px;
  width: 540px;
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 45px;
  color: #555555;
  background-position: 97% 50% !important;
}

.ft-300 {
  font-weight: 300 !important;
}

#pp1 p {
  padding-bottom: 20px;
}

.privacy-bg p span {
  display: block;
}

.gdpi-li {
  padding-left: 15px;
}

.gdpi-li li {
  font-size: 18px;
  line-height: 24px;
  color: #555555;
  padding-bottom: 5px;
}

.gdpi-li1 li {
  padding-bottom: 12px;
}

.gdpi-li1 li span {
  font-weight: 700;
}

.gdpi-li2 li {
  color: #06B0E3;
}

.gdpi-li2 li::marker {
  color: #555555;
}

.privacy-bg .leftData {
  min-height: auto;
}

.privacy-bg .leftData p {
  padding-bottom: 0px;
  color: #555555;
  font-size: 18px;
  font-weight: 700;
}

.resource-banner {
  background-image: var(--desktop-bg);
}

.resource-banner p span {
  display: block;
}

.compliance-bg {
  background-color: #FDF2DC;
  padding-top: 60px;
  padding-bottom: 90px;
}

.compliance-bg h2 {
  padding-bottom: 10px;
  text-align: center;
}

.compliance-bg h3 {
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 40px;
  text-align: center;
}

.resource-wrap {
  background-color: #ffffff;
  box-shadow: 0px 3px 6px #00000029;
  display: flex;
  align-items: center;
}

.rpb-0 {
  padding-right: 0px;
  padding-left: 0px;
}

.resource-text {
  padding-left: 95px;
  padding-right: 15px;
  max-width: 400px;
  width: 100%;
}

.resource-text h5 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 700;
  padding-bottom: 10px;
}

.rpdf-wrap {
  border-bottom: 1px solid #70707050;
  display: flex;
  gap: 50px;
  margin-bottom: 25px;
  padding-bottom: 25px;
}

.rpdf-wrap-last {
  border-bottom: none;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.rpdf-wrap a img {
  max-width: initial !important;
}

.resource-wrap1 {
  margin-bottom: 70px;
}

.resource-wrap1 .resource-text {
  padding-left: 95px;
  padding-right: 15px;
}

.susrep-box {
  box-shadow: 0px 3px 6px #00000029;
  background-color: #ffffff;
  margin-bottom: 60px;
}

.susrep-text {
  padding: 30px 30px 30px 60px;
  max-width: 400px;
}

.susrep-text .press-select {
  padding-bottom: 30px;
}

.susrep-text h4 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: 20px;
  color: #555555;
}

.susrep-text .rpdf-wrap {
  margin-bottom: 0px;
  gap: 0px;
  justify-content: space-between;
  padding-bottom: 10px;
}

.susrep-text .rpdf-wrap p {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

.susrep-head {
  padding-bottom: 30px !important;
}

.archive-box {
  background-color: #fff;
  padding: 45px;
}

.archive-box .rpdf-wrap {
  padding-bottom: 10px;
  margin-bottom: 0px;
}

.archive-box .rpdf-wrap p {
  font-size: 20px;
  line-height: 26px;
  font-weight: 300;
}

.archive-box .press-select {
  margin-bottom: 28px;
}

.resource-hubtab {
  padding-top: 60px;
  padding-bottom: 90px;
}

.resource-hubtab #jn-tab {
  gap: 0px;
  margin-left: inherit;
  margin-right: inherit;
  max-width: 100%;
  margin-top: 0px;
}

.resource-hubtab .jnTabs .nav-link {
  padding: 10px 20px 10px 20px;
  width: 245px;
  margin-right: 25px;
}

.hub-tab1 {
  margin-bottom: 30px;
  max-width: 230px;
  width: 100%;
}

.hub-tab h6 {
  font-size: 16px;
  line-height: 24px;
  color: #06B0E3;
  padding-bottom: 20px;
  font-weight: 600;
}

.hub-img {
      border: 1px solid;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;

}

.hub-tab1 p {
  padding-bottom: 14px;
  font-weight: 300;
  color: #555555
}

.hub-link-wrap {
  display: flex;
  gap: 25px;
}

.hub-link-wrap p {
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 0px;
  color: #555555
}

.hub-link-wrap p a,
.sf-wrap h6 a {
  color: #555555
}

.hub-tab hr {
  border-top: 1px solid #55555550;
}

.sf-wrap {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #55555550;
  align-items: flex-end;
  padding-bottom: 10px;
  margin-bottom: 30px;
  min-height: 90px;
}

.sf h6 {
  font-size: 14px;
  font-weight: 300;
  padding-bottom: 0px;
  padding-top: 10px;
}

.sf-wrap img {
  max-width: initial !important;
}

.caseTab .vcTabs .nav-link {
  font-size: 18px;
}

.volachoopgbtn.lastbtnsec .read-btn:hover .banner-arrow {
  transform: translateX(-229px);
}

.impactskillsec .report-btn a {
  color: #06B0E3;
}

.impactskillsec .report-btn a img {
  filter: none;
}

.impactskillsec .report-btn a ::after {
  border-top: 1px solid #06B0E3;
  border-bottom: 1px solid #06B0E3;
}

.serach-top h2 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 7%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 40px;
}

.search-bg {
  background-color: #ffffff;
  padding: 30px;
  margin-bottom: 60px;
}

.filter-box {
  border-bottom: 1px solid #e0e0e0;
  padding: 12px 0;
}

.filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

.filter-header h4 {
  color: #06B0E3;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  margin: 0;
}

.arrow {
  /*width: 10px;
    height: 10px;
    border-right: 2px solid #008cdb;
    border-bottom: 2px solid #008cdb;
    transform: rotate(45deg);
    transition: transform 0.3s ease;*/
  background-image: url(/storage/images/serach/down-arrow-blue.svg);
  width: 12px;
  height: 9px;
}

.filter-box.filter-active .arrow {
  transform: rotate(-180deg);
}

.filter-body {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.35s ease, opacity 0.35s ease;
}

.filter-box.filter-active .filter-body {
  opacity: 1;
  padding-top: 20px;
}

.filter-body ul {
  padding-left: 0px;
}

.filter-body ul li {
  list-style: none;
  font-size: 16px;
  font-weight: 300;
  padding-bottom: 8px;
}

.filter-body ul li a {
  color: #555555;
  transition: all .3s ease-out;
}

.filter-body ul li a:hover {
  color: #06B0E3;
  transition: all .3s ease-out;
}

.search-bg h3 {
  font-size: 18px;
  color: #06B0E3;
  font-weight: 700;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 10px;
}

.search-bg h3 img,
.filter-body h6 img {
  padding-right: 8px;
}

.filter-body h6 {
  font-size: 14px;
  color: #09486C;
  text-decoration: underline;
  font-weight: 700;
}

.filter-body h5 {
  font-size: 14px;
  padding-bottom: 15px;
  display: inline-block;
}

.filter-body select,
.search-wrapper1 select {
  border: 1px solid #707070;
  border-radius: 10px;
  font-size: 14px;
  padding: 12px 14px;
  appearance: none;
  background: url(/storage/images/serach/month-arrow.svg) !important;
  background-repeat: no-repeat !important;
  background-position: 90% 50% !important;
  width: 100px;
  margin-right: 15px;
  color: #555555;
  position: relative;
}

.legend-select {
  position: relative;
  margin-bottom: 20px;
}

.legend-select .legend {
  font-size: 12px;
  position: absolute;
  left: 14px;
  top: -7px;
  background-color: #ffffff;
  display: inline-block;
  z-index: 9;
  padding: 0px 5px;
}

.legand-wrap {
  display: flex;
}

.search-bg .col-md-7 {
  border-left: 1px solid #e0e0e0;
  padding-left: 40px;
  width: 75%;
}

.search-wrapper {
  display: flex;
  align-items: center;
  gap: 50px;
  margin-bottom: 40px;
}

.search-label {
  font-size: 20px;
  font-weight: 700;
  white-space: nowrap;
}

.search-box {
  display: flex;
  width: 100%;
  height: 47px;
}

.search-box input {
  flex: 1;
  padding: 8px 12px;
  font-size: 15px;
  border: 1px solid #707070;
  border-right: none;
  border-radius: 10px 0 0 10px;
  outline: none;
}

.search-box button {
  width: 100px;
  border: none;
  border-radius: 0 6px 6px 0;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  background: transparent linear-gradient(180deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}

.search-wrapper1 {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.search-wrapper1 select {
  width: 230px;
  margin-right: 0px;
}

.serach-result hr {
  border-top: 1px solid #e0e0e0;
  margin-top: 20px;
  padding-top: 20px;
}

.serach-result {
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.serach-result h4 {
  font-size: 18px;
  line-height: 24px;
  padding-bottom: 15px;
  font-weight: 700;
}

.serach-result p {
  font-size: 20px;
  line-height: 26px;
}

.result-page select {
  width: 75px;
  cursor: pointer;
}

.pagination {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: flex-end;
}

.page-label {
  font-weight: 700;
  font-size: 18px;
  color: #555;
}

.page-number {
  text-decoration: none;
  font-size: 18px;
  color: #55555550;
  font-weight: 700;
  transition: 0.2s;
}

.page-number:hover {
  color: #06B0E3;
}

.page-number.p-active {
  color: #06B0E3;
  font-weight: 700;
}

.page-next {
  text-decoration: none;
  font-size: 18px;
  font-weight: 600;
  color: #00a5e1;
  margin-left: 5px;
  transition: 0.2s;
}

.page-next:hover {
  opacity: 0.7;
}

.result-page h5 {
  font-size: 18px;
}

.pagination-wrap {
  display: flex;
  align-items: center;
}

.sr-top h2 {
  padding-bottom: 40px;
}

.sus-report-box {
  border-bottom: 1px solid #55555550;
  padding-bottom: 13px;
  margin-bottom: 60px;
}

.sus-report-box a {
  color: #555555;
  font-size: 14px;
  text-align: center;
  display: inline-block;
  width: 100%;
}

.sus-report-box a img {
  padding-left: 5px;
}

.susr-img {
  padding-bottom: 13px;
}

.story-text2 .read-btn:hover {
  border: 1px solid #74480C;
}

.story-text2 .read-btn:hover .b-arrow-text {
  color: #74480C;
}

.specchemhight .chem-wrap p {
  padding-top: 10px;
}

.events-bg {
  background-color: #FBF3DF;
  padding: 50px 0px;
}

.events-text {
  background: transparent linear-gradient(99deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 20px;
}

.events-text h4 {
  color: #fff;
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 12px;
}

.events-text p {
  display: inline-flex;
  align-items: center;
  font-size: 18px;
  color: #ffffff;
  font-weight: 300;
  gap: 5px;
  margin-bottom: 18px;
}

.event-btn a {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
  display: inline-flex;
  gap: 10px;
  align-items: center;
}

.events-banner {
  background-image: url(/storage/images/events/banner-img.webp);
}

.events-banner p {
  max-width: 804px;
}

.events-inner {
  padding-bottom: 60px;
}

.goback-btn {
  text-align: right;
  padding-bottom: 20px;
}

.goback-btn a {
  font-size: 16px;
  color: #0AAFE2;
  font-weight: 300;
  text-decoration: underline !important;
}

.events-inner-text {
  background: transparent linear-gradient(86deg, #056380 0%, #06B0E3 49%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  padding: 0px 50px;
}

.events-inner-text h4 {
  color: #ffffff;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  padding-bottom: 30px;
}

.events-inner-text p {
  font-size: 18px;
  font-weight: 300;
  color: #ffffff;
}

.events-inner-text p span {
  font-weight: 700;
}

.events-inner-text {
  min-height: 380px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.events-inner-bg {
  background-color: #FBF3DF;
  padding: 30px;
  margin-bottom: 50px;
}

.events-inner-bg h4 {
  font-size: 24px;
  color: #0AAFE2;
  padding-bottom: 15px;
  font-weight: 700;
}

.events-inner-bg p {
  font-size: 18px;
  line-height: 26px;
  color: #555555;
  padding-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.events-inner-bg ul {
  padding-left: 0px;
}

.events-inner-bg ul li {
  font-size: 18px;
  line-height: 25px;
  color: #555555;
  position: relative;
  padding-left: 20px;
  font-weight: 300;
  list-style: none;
  border-bottom: 1px solid #55555550;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.events-inner-bg li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  background-color: #555555;
  width: 11px;
  height: 11px;
  border-radius: 50px;
}

.events-inner-bg ul li span {
  font-size: 24px;
  font-weight: 700;
  display: block;
  padding-bottom: 10px;
}

.more-events {
  padding-bottom: 60px;
}

.more-events h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 30px;
}

.events-inner-text p {
  padding-bottom: 20px;
}

.more-events1 .events-text h4 {
  min-height: 80px;
}

.blockText h5 a {
  font-weight: 700;
  color: #fff;
}

.chem-products-mbl,
.molecule-mbl {
  display: none;
}

.bodpop-text .pop-img {
  padding-bottom: 50px;
}

.marquepdinesg {
  padding-top: 0;
  padding-bottom: 100px;
}

.refritoppara {
  padding: 0 14px;
}

.buspara24 p {
  font-size: 24px;
}

.fluro-bg .climate-inner.max100wdth,
.fluro-bg1 .climate-inner.max100wdth,
.fluro-bg2 .climate-inner.max100wdth {
  max-width: 555px;
}

.chem-btn1 .read-btn:hover .banner-arrow.hov155 {
  transform: translateX(-155px);
}

.chem-btn1 .read-btn:hover .banner-arrow.hov192 {
  transform: translateX(-192px);
}

.chem-btn1 .read-btn:hover .banner-arrow.hov96 {
  transform: translateX(-96px);
}

.pfb-banner {
  background-image: var(--desktop-bg);
}

.pfb-banner p span,
.bopp-banner p span {
  display: block;
}

.pfb-stats {
  /* background-image: var(--desktop-bg); */
  background-image: url(/storage/images/pfb/pfb-overview-img1.webp);
}

.pb-icon {
  height: 112px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin-bottom: 10px;
}

.global-footprint {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
}

.global-footprint h2 {
  color: #fff;
  padding-bottom: 10px;
}

.global-footprint p {
  font-size: 24px;
  line-height: 26px;
  color: #ffffff;
  padding-bottom: 30px;
}

.pfb-num {
  border-right: 1px solid #ffffff;
}

.pfb-num h4 {
  font-size: 36px;
  color: #FBAB1E;
  font-weight: 700;
}

.pfb-num p {
  font-size: 24px;
  font-weight: 300;
  padding-bottom: 0px;
}

.pfb-num p span {
  display: block;
}

.pfb-num3 {
  padding-left: 30px;
}

.global-map {
  position: absolute;
  top: 60px;
  right: 30px;
}

.pfb-offer h3 {
  padding-top: 60px;
  text-align: center;
  padding-bottom: 40px;
}

.pfb-offer p {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 20px;
}

.pfb-offer .climate-inner {
  max-width: 510px;
}

.climate-right4 {
  background-color: #89C34A;
}

.climate-right5 {
  background-color: #09486C;
}

.pbf-btm-links {
  padding-bottom: 70px;
}

.bopp-banner {
  background-image: var(--desktop-bg);
}

.opp-stats {
  background-image: var(--desktop-bg);
}

.product-range h2 {
  padding-top: 60px;
  padding-bottom: 30px;
  text-align: center;
}

.bopp-box-wrapper {
  position: relative;
  transition: all 0.3s ease-in-out;
  margin-bottom: 30px;
}

.box-bopp {
  border: 1px solid #ccc;
  padding: 25px 25px 50px 25px;
  position: relative;
  background: #fff;
  z-index: 1;
  background: transparent linear-gradient(40deg, #056380 0%, #06B0E3 47%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  color: #fff;
  min-height: 350px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.box-bopp .bopp-plus {
  position: absolute;
  top: 15px;
  right: 20px;
}

.box-bopp h3 {
  font-size: 36px;
  font-weight: 700;
  color: #ffffff;
  padding-top: 20px;
}

.box-bopp-details {
  position: absolute;
  left: 0;
  bottom: 0;
  min-height: 350px;
  background-color: #ffffff;
  border: 1px solid #707070;
  z-index: 9;
  padding: 25px 25px 0px 25px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.box-bopp-details .bopp-minus {
  font-size: 35px;
  position: absolute;
  top: 10px;
  right: 20px;
}

.box-bopp-details h3 {
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 8px;
}

.box-bopp-details p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}

.bopp-box-wrapper:hover .box-bopp-details {
  opacity: 1;
  ttransition: all 0.3s ease-in-out;
}

.bopp-keyimg img {
  width: 100%;
}

.bopp-keyfeatures h2 {
  padding-top: 40px;
  text-align: center;
  padding-bottom: 10px;
}

.bopp-keyfeatures p {
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 40px;
  text-align: center;
}

.bopp-key {
  border-right: 1px solid #70707050;
  text-align: center;
  min-height: 165px;
  margin-bottom: 30px;
}

.bopp-key p {
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
  padding-bottom: 0px;
  padding-top: 7px;
}

.bopp-key p span {
  display: block;
}

.bopp-applications h2 {
  padding-top: 30px;
  text-align: center;
  padding-bottom: 30px;
}

.pack-box {
  min-height: 350px;
  position: relative;
  overflow: hidden;
  margin-bottom: 30px;
}

.pack-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: .3s;
}

.pobb-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px;
  background: rgba(0, 0, 0, 0.85);
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  transition: height .3s ease;
  z-index: 2;
}

.pobbcenter-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  opacity: 0;
  transition: opacity .3s ease;
}

.pobbcenter-icon img {
  width: 55px;
  height: 55px;
}

.pobb-overlay span {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 20px;
  text-align: center;
  z-index: 3;
  transition: .3s ease;
  position: absolute;
  bottom: 15px;
  left: 15px;
  right: 15px;
  margin: auto;
}

.pack-box:hover .pobb-overlay span {
  bottom: 42%;
}

.pack-box:hover .pobb-overlay {
  height: 100%;
}

.pack-box:hover img {
  opacity: 1;
}

.pack-box:hover .pobbcenter-icon {
  opacity: 1;
}

.pobb-sustainability {
  padding-bottom: 50px;
}

.pobb-sustainability h2 {
  text-align: center;
}

.pobb-sustainability h6 {
  font-size: 30px;
  line-height: 36px;
  background: linear-gradient(to left, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-bottom: 50px;
}

.pobb-sustainability h3 {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  padding-bottom: 40px;
}

.pobb-sustainability .bopp-key {
  min-height: auto;
}

.pobb-sustainability .chem-btns {
  margin-top: 50px;
}

.lastbtnsec .read-btn:hover .banner-arrow.arwoverview {
  transform: translateX(-230px);
}

.chemTable.capacityTable tr td {
  font-weight: 600;
}

.chemTable.capacityTable tr td:nth-of-type(1) {
  width: 30%;
}

.chemTable.capacityTable tr td:nth-of-type(2) {
  width: 13%;
  color: #555555;
  font-weight: 600;
}

.chemTable.capacityTable tr td:nth-of-type(6) {
  width: 20%;
}

.ctg p,
.bopet p {
  padding-bottom: 20px;
}

.ttb .climate-inner {
  max-width: 535px;
}

.award-img {
  position: relative;
}

.award-img img {
  width: 100%;
}

.award-name {
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(/storage/images/award/award-line.webp);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 90px;
  justify-content: center;
  display: flex;
  align-items: center;
  padding: 0px 30px;
  text-align: center;
}

.award-name h6 {
  color: #ffffff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
}

.award-name h6 span {
  display: block;
}

.award-wrap {
  background-image: url(/storage/images/award/card.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 231px;
  margin-bottom: 20px;
  padding: 50px 20px 20px 40px;
  position: relative;
}

.award-wrap p {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
}

.award-stars {
  position: absolute;
  left: 15px;
  top: 20px;
}

.darkblue-star {
  display: none;
}

.award-wrap:hover {
  background-image: none;
  background-color: #4BC3E8;
}

.award-wrap:hover p {
  color: #164264;
}

.award-wrap:hover .lightblue-star {
  display: none;
}

.award-wrap:hover .darkblue-star {
  display: block;
}

.awards-wrap {
  padding-bottom: 100px;
}

.petlar-banner {
  /* background-image: url(/storage/images/petlar/petlar-bopet-films-banner.webp); */
  background-image: none;
  position: relative;
  overflow: hidden;
}


.petlar-stats {
  background-image: var(--desktop-bg);
}

.petlar-banner p span,
.polymeric-banner p span {
  display: block;
}

.pobb-overlay span.h-more {
  bottom: 5px;
}

.pack-box:hover .pobb-overlay span.h-more {
  bottom: 42%;
}

.polymeric-banner {
  /* background-image: url(/storage/images/metalised/metalised-and-p-b-img.webp); */
  background-image: none;
}

.metallised-stats {
  background-image: var(--desktop-bg);
} 

.polymeric-bg {
  background-color: transparent;
}

.esgheadinh3 h3 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  color: #ffffff;
  padding-bottom: 7px;
}

.resrowwdth .row {
  max-width: 1050px;
  margin: auto;
  display: block;
}

.loca2our h4 {
  max-width: 360px;
}

.energy-emmision .apart-slider .owl-nav button.owl-prev:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

.energy-emmision .apart-slider .owl-nav button.owl-next:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

.pharah4pd10 h4 {
  padding-bottom: 10px;
}

.industopparapd10 p {
  padding-bottom: 10px;
}

/* yarn  */
.abt-banner.bod-banner.yarns {
  background-image: var(--desktop-bg);
}

.abt-banner.bod-banner.yarns p span.block {
  display: block;
}

.bb-stats.yarns p {
  font-size: 21px;
}

.bb-stats.yarns {
  background-image: var(--desktop-bg);
}

.polyster {
  padding-top: 70px;
  padding-bottom: 60px;
  background-image: url(/storage/images/yarns/bg.webp);
}

.piy h2 {
  font-size: 36px;
  line-height: 26px;
  color: #555555;
  font-weight: 600;
  padding-bottom: 40px;
}

.trialblazer ul li span {
  display: block;
}

.trialblazer .climate-right {
  min-height: 662px;
  background-color: #056380;
}

.trialblazer .climate-left {
  min-height: 662px;
}

.trialblazer ul li:last-child {
  padding-bottom: 0;
}

.trialblazer.nylon .climate-right {
  background-color: #21A2A2;
}

.trialblazer.nylon .climate-inner {
  max-width: 544px;
}

.trialblazer {
  margin-bottom: 0;
}

.trialblazer.nylon .refriscale-list h2 {
  padding-bottom: 12px;
}

.manuData h2 {
  background: linear-gradient(93deg, #056380 0%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 375px;
  margin: auto;
  font-weight: 700;
  font-size: 32px;
  padding-bottom: 10px;
}

.manuData h4 {
  text-align: center;
  font-weight: normal;
  color: #555555;
  font-size: 30px;
  padding-bottom: 27px;
}

.manuProcess {
  padding: 41px 0;
  background-color: #E5F4FC;
  padding-bottom: 85px;
}

.process-slider h4.spin {
  background-color: #89C34A;
}

.process-slider h4.take {
  background-color: #21A2A2;
}

.process-slider h4.inspect {
  background-color: #09486C;
}

.process-slider h4.test {
  background-color: #E9BB2B;
}

.process-slider h4.pack {
  background-color: #40D4DC;
}

.process-slider h4.desk {
  background-color: #008342;
}

/* slider yarn */
.process-slider .item {
  border-radius: 20px;
  padding: 10px;
  text-align: center;
  position: relative;
  z-index: 1;
      display: flex;
    flex-direction: column;
    align-items: center;
}

.arrowImg {
  position: absolute;
  top: 38%;
  left: -25px;
  z-index: 9;
}


.process-slider .owl-item {
  margin-right: 5px !important;
}

.process-slider h4 {
  font-size: 24px;
  padding: 19px 44px;
  background: #2A72B8;
  color: #fff;
  border-radius: 0 0 10px 10px;
  max-width: 184px;
  /* margin-left: 26px; */
  color: #fff;
  font-weight: 600;

}

.manuProcess .customNav {
  position: absolute;
  text-align: center;
  margin-top: 20px;
  right: 16%;
  bottom: -50px;

}

.manuProcess .customNav img {
  width: 40px;
  cursor: pointer;
  margin: 0 3px;
  transition: 0.3s;
  background:transparent;
}

.manuProcess .customNav img {
  transition: filter 0.3s ease all;
}

.manuProcess .customNav img:hover {
  filter: brightness(0) saturate(100%) invert(34%) sepia(93%) saturate(3123%) hue-rotate(177deg) brightness(95%) contrast(101%);
  transition: ease all 0.3s;
}

.highImg h2 {
  font-size: 36px;
  color: #555555;
  font-weight: 700;
  padding-bottom: 25px;
}

.highImg {
  text-align: center;
}

.perfQuality {
  background-color: #FDF2DC;
  padding: 33px 0;
}

.apart-slider .owl-nav button.owl-prev:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

.apart-slider .owl-nav button.owl-next:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

section.manuProcess .col-md-12 {
  padding-right: 0;
}

.connection .highImg h2 {
  padding-bottom: 5px;
}

.highImg p {
  font-size: 30px;
  line-height: 30px;
}

.connection {
  padding: 54px 0 37px 0;
}

.estabYarn .climate-right {
  background-color: #40D4DC;
}

.estabYarn h2 {
  font-weight: 600;
}

.trialblazer.man19 .climate-right {
  background-color: #2A72B8;
}

.ecoSec.tri {
  margin: 80px 0;
}

.package.ttb {
  background-image: var(--desktop-bg);
}

.package.txt.ttb .meth h4 {
  font-weight: normal;
}

.aluminium-banner {
  /* background-image: url(/storage/images/aluminium/aluminium-foils-b-img.webp); */
  background: none;
}

.aluminium-stats {
  background-image: var(--desktop-bg);
}

.aluminium-features .bopp-key {
  min-height: 140px;
}

.cpp-banner {
  background-image: var(--desktop-bg);
}

.cpp-banner p span {
  display: block;
}

.cpp-stats {
  background-image: var(--desktop-bg);
}

.cpp-prdctfeatures h2 {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 40px;
}

.cpp-bluebg {
  background-color: #09486C;
  padding: 60px;
  display: flex;
  justify-content: space-between;
}

.cpp-iconwrap p {
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  color: #ffffff;
  text-align: center;
  padding-top: 10px;
}

.cpp-iconwrap p span {
  display: block;
}

.cpp-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90px;
}

/* .cpp-applications {
  padding-bottom: 70px;
} */

.hub-tab .press-select select {
  width: 260px;
  margin-bottom: 30px;
}

.reachTab input::placeholder,
.reachTab textarea::placeholder {
  font-family: "neue-haas-grotesk-display", sans-serif;
}

.reachTab textarea {
  resize: none;
}

#officeSelect {
  appearance: none;
  background-image: url(/storage/images/dropdown-arrow.svg);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 30px;
}

.heaData p a {
  color: #06B0E3;
}

.abt-banner.bod-banner.tyre {
  background-image: var(--desktop-bg);
}

.abt-banner.bod-banner.tyre p span.block {
  display: block;
}

.bb-stats.cord {
  background-image: url(/storage/images/ttt/technical-textiles-img.webp);
}

.spec-wrapper {
  padding: 30px;
  padding-left: 0;
}

table.spec-table {
  border-collapse: collapse;
  margin: 0;
  color: #ffffff;
  font-size: 24px;
  min-width: 386px;
}

table.spec-table th,
table.spec-table td {
  border: 1px solid #ffffff;
  padding: 10px 18px;
  text-align: center;
}

table.spec-table th {
  font-weight: 400;
  /* lighter header */
}

table.spec-table td {
  font-weight: 700;
  /* bold values */
}

.trialblazer p {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 20px;
}

.trialblazer .fabric {
  background-color: #13BAC3;
}

.trialblazer.bicGreen .climate-right {
  background-color: #89C34A;
}

.trialblazer .ltbrown {
  background-color: #D5CEBB;
  justify-content: center;
}

.ltbrown .climate-left {
  display: flex;
  align-items: center;
  justify-content: center;
}

.ltbrown .climate-left h2 {
  max-width: 500px;
}

.trialblazer .brown {
  background-color: #BD9C71;
  justify-content: center;
}

.fabriData h2 {
  color: #555555;
  font-size: 24px;
  line-height: 30px;
  text-align: center;
}

.fabriData h2 span {
  display: block;
}

.brown .climate-right {
  align-items: center;
}

.brown .climate-left {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 460px;
}

.trialblazer.acquire .climate-right {
  background-color: #BD9C71;
}

.package.txt h2.sus {
  font-size: 36px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
  padding-bottom: 44px;
  text-align: center;
}

.package.txt.tts {
  background-image: var(--desktop-bg);
}

#bannerSection .abt-banner {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding: 120px 0;
  position: relative;
}

#bannerSection .bannerSlider .owl-dots {
  margin-top: 20px;
  text-align: center;
}

#bannerSection .bannerSlider .owl-dot span {
  width: 35px;
  height: 5px;
  background: #fff;
  display: block;
  border-radius: 50%;
  opacity: 0.6;
}

.bannerSlider .owl-dot.active span {
  opacity: 1;
}

#bannerSection .bannerSlider .owl-dot span {
  width: 39px;
  height: 3px;
  background: #FFF;
  display: block;
  border-radius: 6px;
  opacity: 0.5;
  transition: 0.3s ease;
}

#bannerSection .bannerSlider .owl-dot.active span {
  opacity: 1;
  background: #ccc;
  transform: scale(1.1);
}

#bannerSection .owl-carousel button.owl-dot {
  margin-right: 8px;
}

.bb-stats.toray {
  background-image: var(--desktop-bg);
}

.backpolyster .flurocontbtmDiv-right {
  max-width: 100%;
}

.backpolyster .flurocontbtmDiv-right p span {
  display: block;
}

.abt-banner.bod-banner.buildP {
  background-image: url(/storage/images/coated/coated-fabrics-business-b-img.webp);
}

.abt-banner.bod-banner.buildP p span {
  display: block;
}

.cord.coFab .bb-wrap p {
  /* color: #fff; */
}

.bb-stats.cord.coFab {
  background-image: var(--desktop-bg);
}

#google_translate_element .goog-te-gadget img {
  display: none;
}

.goog-te-gadget-simple {
  border: none !important;
  background-color: transparent !important;
  font-family: inherit !important;
}

.VIpgJd-ZVi9od-xl07Ob-lTBxed {
  margin-left: 0px !important;
}

.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
  border: none !important;
  color: #000 !important;
}

.testimonials-top {
  padding-bottom: 80px;
}

.testimonials-top h5 {
  font-size: 18px;
  -webkit-text-fill-color: transparent;
  padding-bottom: 60px;
  background: linear-gradient(91deg, rgb(5, 99, 128) 0%, rgb(6, 176, 227) 10%, rgb(64, 212, 220) 100%) 0% 0% no-repeat padding-box text transparent;
  padding-top: 14px;
  padding-bottom: 40px;
}

.testi-box {
  background-color: #ffffff;
  box-shadow: 0px 0px 10px #00000040;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 30px;
  min-height: 460px;
}

.testi-text {
  padding: 0px 16px;
}

.testi-text h4 {
  font-size: 20px;
  line-height: 26px;
  color: #335E78;
  font-weight: 700;
  padding-top: 20px;
  padding-bottom: 30px;
}

.testi-text h4 span {
  font-size: 18px;
  font-weight: 300;
  display: block;
  padding-top: 5px;
}

.testi-img img {
  margin: auto;
}

.testi-text p {
  font-size: 18px;
  font-weight: 300;
  padding-bottom: 25px;
  color: #335E78;
}

.testi-box .report-btn a {
  color: #555555;
}

.testi-box .report-btn a ::after {
  border-top: 1px solid #06B0E3;
  border-bottom: 1px solid #06B0E3;
}

.headmtop {
  margin-top: 4px;
}

.fabTab .col-md-4,
.fabTab .col-md-8,
.fabTab .col-md-12 {
  padding: 0;
}

.reachTab.fabTab .nav-tabs .nav-link.active {
  border-left: none !important;
  /* background: #09486C !important; */
  /* padding: 10px; */
}

.fabH h2 {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
  padding-bottom: 30px;
  /* padding-left: 60px; */
  padding-top: 80px;
  text-align: center;
}

.reachTab.fabTab .chemTabs li {
  justify-content: center;
}

.reachTab.fabTab .row {
  padding: 0;
  background: none;
}

.reachTab.fabTab .backClr {
  background-color: #21A2A2;
  min-height: 781px;
}

.inflate h3 {
  color: #fff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 600;
  padding-bottom: 14px;
}

.inflate p {
  color: #fff;
  font-size: 18px;
  line-height: 26px;
  max-width: 680px;
  margin-bottom: 0;
}

.inflate {
  background-color: #09486C;
  padding: 29px 0 23px 60px;

}

.advertise {
  background-color: #09486C;
  min-height: 781px;
}

.feature ul li {
  color: #fff;
  font-size: 18px;
  line-height: 20px;
}

.feature ul {
  display: flex;
  gap: 50px;
  border-bottom: 1px solid #fff;
  padding-bottom: 10px;
  max-width: 680px;
  padding-left: 16px;
}
.feature {
    padding-top: 20px;
}
.feature ul {
  margin-bottom: 15px;
}

.feature ul.nobrdr {
  border: none;
}

.feature ul li span {
  display: block;
}

.reachTab.fabTab .chem-tabcontent p {
  border-bottom: none;
}

.chem-products-list.reachTab.fabTab {
  padding-bottom: 0;
  padding-top: 0;
}

.reachTab.fabTab .nav-tabs .nav-link {
  margin-bottom: 25px;
      max-width: 378px;
          padding: 0 10px 10px 60px;
          font-size: 24px;
          line-height: 24px;
}

.feature ul.repair {
  padding-bottom: 20px;
  justify-content: left;
  gap: 62px;
  margin-bottom: 0px;

}

.reachTab.fabTab .chem-tabcontent p.pb20 {
  padding-bottom: 20px;
}

ul.nobrdr.repair.pb0 {
  padding-bottom: 19px;
  margin-bottom: 0;
}

.fluro-scale.inHouse p {
  color: #fff;
}

.climate-right.integer p span {
  display: block;
}

.ctg .climate-right.integer {
  background-color: #09486C;
}

.qualityData {
  margin-bottom: 50px;
}

.innovH h2 {
  font-size: 36px;
  color: #555555;
  padding-bottom: 50px;
  font-weight: 700;
  text-align: center;
}

.pthalate .bppet-inner {
  width: 25%;
}

.pthalate .bppet-inner .bpet-icon {
  padding-bottom: 7px;
  height: auto;
}

.events-inner-bg ul li strong {
  font-weight: 700 !important;
}

.testi-modal .modal-fullscreen {
  max-width: 1170px;
  margin: 30px auto;
  position: relative;
}

.testipop-bg {
  background-color: #FDF2DC;
  padding: 20px 15px 30px 15px;
  min-height: 470px;
}

.testipop-img img {
  margin: auto;
}

.testipop-bg h4 {
  color: #335E78;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  padding: 10px 0px;
}

.testipop-bg h6 {
  color: #335E78;
  font-size: 20px;
  font-weight: 300;
  padding-bottom: 35px;
  margin-bottom: 35px;
  border-bottom: 1px solid #00000030;
}

.testipop-bg h5 {
  background: transparent linear-gradient(97deg, #056380 0%, #06B0E3 21%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
  font-size: 24px;
  line-height: 30px;
  position: relative;
}

.testipop-bg h5:before {
  content: '';
  position: absolute;
  top: -12px;
  left: 0;
  background-image: url(/storage/images/testi/comma.svg);
  width: 56px;
  height: 46px;
}

.testi-modal .btn-close {
  font-size: 18px;
  font-weight: 300;
  color: #335E78;
}

.testi-modal p {
  font-size: 18px;
  line-height: 20px;
  color: #335E78;
  font-weight: 300;
  padding-bottom: 20px;
}

.testi-modal .modal-body {
  padding: 25px 10px;
}

.testi-modal .modal-header {
  margin-top: 0px;
  margin-right: 0px;
  position: absolute;
  top: 0px;
  right: 30px;
  z-index: 9;
}

.testipop-text {
  margin-top: 40px;
  margin-right: 30px;
}

.gdpi-li.gdpi-li1.spnnrmlblock span {
  font-weight: 400 !important;
  display: block;
}

.abt-banner.bod-banner.powering {
  background-image: var(--desktop-bg);
}

.bb-stats.cord.lamFab {
  background-image: var(--desktop-bg);
}

.edgeImg {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bb-stats.cord.coFab.lamFab {
  margin-bottom: 50px;
}

.ourEdge {
  margin-bottom: 50px;
}

.innovH.pb35 h2 {
  padding-bottom: 35px;
}

.abt-tabwrap.refri-tabwrap1.refritabwrap.nobgImg {
  background: none;
  display: inline;
}

.abt-tabwrap.refri-tabwrap1.refritabwrap.nobgImg .col-md-6.pd-0 {
  padding: 0;
}

.colLam {
  background-color: #0BA8B0;
  min-height: 662px;
  padding: 30px 0 100px 65px;

}

.colLam h3 {
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 36px;
  padding-bottom: 16px;
}

.colLam h3 span {
  display: block;
}

.colLam h4 {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 6px;
}

.colLam ul li {
  color: #fff;
  padding-bottom: 12px;
  font-size: 20px;
  line-height: 20px;
  max-width: 177px;

}

.colLam ul li span {
  display: block;
}

.colLam ul.pb20 {
  padding-bottom: 20px;
}

.colLam ul {
  display: flex;
  padding-left: 16px;
  justify-content: space-between;
  max-width: 437px;
}

.ozoneH {
  min-height: 662px;
}

.colLam.yell {
  background-color: #D1A417;
}

.colLam.green {
  background-color: #73B82A;
}

.colLam ul.waterp.pb20 {
  justify-content: space-between;
  gap: 0;
  max-width: 500px;
}

.colLam ul.waterp.pb20 li {
  max-width: initial;
}

.lamiTab .inTabs .nav-tabs .nav-link.active {
  border-bottom: 2px solid #ffce00 !important;
}

.lamiTab {
  margin-bottom: 50px;
}

.trialblazer.bicGreen .climate-right.darkB {
  background-color: #09486C;
}

.fabUsiness {
  margin-bottom: 50px;
}

.resProduction .pthalate .bppet-inner {
  width: 33%;
}

.bb-stats.cord.coFab .bb-stat-inner {
  background: rgba(255 255 255 / 63%);
}

p.innerdatecal {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* reach us banner */
.abt-banner.bod-banner.rechUs.reachbgnone {
  background-image: none;
}

.abt-banner.bod-banner.rechUs.hero-zoom-out.reachbgnone {
  position: relative;
  overflow: hidden;
}

.bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

/* reach us banner end */
.mtallevent .events-box {
  margin-bottom: 20px;
}

.mtallevent .events-text {
  min-height: 185px;
}

.manuData h4 span {
  display: block;
}

.Vbelt .firstV {
  position: relative;
}

.Vbelt p {
  position: absolute;
  background-color: #555555;
  color: #fff;
  font-weight: 600;
}

.hmls {
  display: flex;
  gap: 30px;
  background-color: #21A2A2;
  padding: 30px;
}

.hmls h4 {
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  line-height: 26px;
}

.induYarns .item {
  width: 90%;
}

.events-text.eventpdlft {
  padding: 20px 0px 20px 20px;
}


.hmls-slider .slide-wrapper {
  display: inline-flex;
  gap: 30px;
}


.mainSlider {
  background: #21A2A2;
  padding: 20px;
  width: auto;
  display: inline-block;
}


.slide-box {
  width: 260px;
  background: #4f4f4f;
  overflow: hidden;
}

.slide-box img {
  width: 100%;
  display: block;
}

.slide-box span {
  display: block;
  padding: 10px;
  background: #5a5a5a;
  font-weight: bold;
  color: #fff;
}



.hmls-nav {
  margin-top: 12px;
  text-align: right;
}

.hmls-nav button {
  border: none;
  color: #fff;
  font-size: 22px;
  border-radius: 50%;
  cursor: pointer;
  background: none;
}

.mainSlider h4 {
  font-weight: 600;
  color: #fff;
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 26px;
}

.mainSlider.greenSli {
  background-color: #89C34A;
}

.mainSlider.brownSli {
  background-color: #BD9C71;
}

.mainSlider.bluSli {
  background-color: #056380;
}

.polyImg {
  margin-bottom: 40px;
}

.events-banner {
  background-image: none;
}

.events-banner {
  position: relative;
  overflow: hidden;
}

.eventbg-video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.esgOverviewVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.polyster .row .col-md-11 {
  padding-right: 0;
}

.mickImg {
  width: 100%;
  height: 336px;
}

.mickImg img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.pop-scroll {
  overflow-y: auto;
  padding-right: 15px;
  height: 440px;
}

.pop-scroll::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: #00000040;
}

.pop-scroll::-webkit-scrollbar {
  width: 3px;
  background-color: #00000040;
  border-radius: 5px;
}

.pop-scroll::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #056380;
}

/* Thin, elegant scrollbar for the sidebar */
.custom-scroll::-webkit-scrollbar {
  width: 6px;
}

.custom-scroll::-webkit-scrollbar-track {
  background: #0f172a;
}

.custom-scroll::-webkit-scrollbar-thumb {
  background-color: #334155;
  border-radius: 20px;
}

.para20product p {
  font-size: 20px;
  padding-bottom: 20px;
}

.esgkeyhightbgnone {
  background-image: none;
  position: relative;
}

.highlight-mbl {
  display: none;
}

.stockFilings span {
  display: block;
  padding-top: 5px;
  font-size: 14px;
}

.annualAGMNotice {
  padding-top: 30px;
  /* padding-left: 30px; */
}

.annualAGMNotice h4 {
  color: #707070;
}

.annualAGMNotice a {
  color: #4D4D4F;
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.annualAGMNotice .leftData {
  min-height: 70px;
  padding-bottom: 0;
}


#root h2 {
  font-size: 32px !important;
}

#root h3 {
  font-size: 24px !important;
}

.stockFilings span {
  display: block;
  padding-top: 5px;
  font-size: 14px;
}

.notfoundpage {
  padding: 170px 0px 50px;
}

.data404 {
  text-align: center;
  margin: auto;
  max-width: 632px;
}

.data404 img {
  margin: auto;
}

.data404 h2 {
  font-size: 32px;
  color: #2A607E;
  font-weight: 700;
  padding: 20px 0px 30px;
}

.data404 h6 {
  font-size: 24px;
  font-weight: 300;
}

.data404 h6 span {
  font-weight: 700;
}

.data404 p {
  padding: 20px 0px 35px;
  font-size: 18px;
}

.data404 p span {
  display: block;
}

.findwyback {
  border: 0.5px solid rgba(112, 112, 112, 0.7);
  border-radius: 10px;
  padding: 15px 60px 20px;
}

.findwyback h2 {
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 20px;
}

.findwyback a {
  font-size: 24px;
  font-weight: 700;
  color: #555555;
  text-align: center;
  display: flex;
  justify-content: center;
  padding-bottom: 10px;
  position: relative;
  transition: ease all 0.5s;
}

.findwyback a:hover {
  color: #21A2A2;
  transition: ease all 0.5s;
}

.findwyback a:hover img {
  transform: scale(1.3);
  transition: ease all 0.5s;
}

.findwyback p {
  font-size: 18px;
  text-align: center;
}

.findwyback .col-md-4 {
  border-right: 0.5px solid rgba(112, 112, 112, 0.7);
}

.findwyback .row .col-md-4:last-child {
  border: 0;
}

.findwyback h3 {
  background: transparent linear-gradient(90deg, #056380 0%, #06B0E3 51%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 24px;
  font-weight: 700;
  text-align: center;
  padding-bottom: 5px;
}

.findwyback hr {
  border-top: 0.5px solid rgba(112, 112, 112, 0.7);
}

.thankyoupg .findwyback p span {
  display: block;
}

.thankyoupg .findwyback {
  border: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 0px 10px #00000040;
}

.thankyoupg h1 {
  font-size: 100px;
  font-weight: 700;
  background: transparent linear-gradient(89deg, #056380 0%, #06B0E3 51%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.thankyoupg h6 {
  color: #2A607E;
  font-weight: 700;
}

.thankyoupg .data404 {
  max-width: 910px;
}

.thankyoupg .data404 hr {
  max-width: 300px;
  border-top: 0.5px solid rgba(112, 112, 112, 0.7);
  margin: 10px auto 0px;
}

.ham-icon1,
.sclcap-mblimg {
  display: none;
}

.our-story .read-btn {
  width: 190px;
}

.our-story .read-btn:hover .banner-arrow {
  transform: translateX(-142px);
}

.yearmob-link {
  display: none;
}

.career-banner {
  background-image: var(--desktop-bg);
}

.career-banner p span {
  display: block;
}

.equity {
  background-color: #056380;
  padding: 45px 0px;
}

.equity h2 {
  color: #fff;
  text-align: center;
  padding-bottom: 43px;
}

.equity-text {
  padding-left: 30px;
  padding-right: 30px;
}

.equity-text p {
  font-size: 35px;
  line-height: 40px;
  color: #ffffff;
  font-weight: 300;
  position: relative;
  padding-bottom: 15px;
}

.equity-text p:before {
  content: '';
  position: absolute;
  left: -60px;
  top: -46px;
  background-image: url(/storage/images/career/comma-1.svg);
  width: 94px;
  height: 78px;
}

.equity-text h4 {
  font-size: 35px;
  color: #ffffff;
  font-weight: 700;
}

.equity-text h5 {
  color: #fff;
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
}

.equity-text h5 span {
  display: block;
}

.equity-text p span img {
  padding-top: 20px;
}

.inclusion {
  background-image: var(--desktop-bg);
}

.inclusion .roadmap-inner {
  background: rgb(186 186 186 / 50%);
  padding: 100px 60px;
}

.inclusion h2 {
  text-align: center;
}

.inclusion p {
  padding-bottom: 20px;
  text-align: center;
}

.val-cr .climate-right {
  background-color: #21A2A2;
}

.val-cr .climate-inner {
  max-width: 525px;
}

.empowerment {
  background-image: url(/storage/images/career/empowerment-well‑being-img.webp);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.empowerment-inner {
  background: rgba(255, 255, 255, .7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
  transform: translateY(150%);
  display: inline-block;
  padding: 100px 60px;
}

.career-pop-text h4 {
  font-size: 24px;
  line-height: 28px;
  padding-bottom: 20px;
  font-weight: 600;
}

.career-pop-text p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
}

.empr-wrap {
  background-image: url(/storage/images/career/gradient-bg-img.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding: 60px 0px 70px 0px;
}

.empr-box {
  background-color: #ffffff;
  padding: 55px 20px 20px 20px;
  min-height: 282px;
}

.empr-box h5 {
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-top: 20px;
}

.empr-box h5 span {
  font-weight: 700;
}

.empr-slider.owl-carousel .owl-stage {
  padding-left: 0px !important;
}

.empr-slider.owl-carousel .owl-item img,
.empr1-slider.owl-carousel .owl-item img {
  width: auto;
}

.empr-wrap .col-md-11 {
  padding-right: 0px;
}

.empr-slider.owl-theme .owl-dots,
.empr1-slider.owl-theme .owl-dots {
  text-align: left;
}

.empr-slider.owl-theme .owl-dots .owl-dot span,
.empr1-slider.owl-theme .owl-dots .owl-dot span {
  background: #ffffff50;
}

.empr-slider.owl-theme .owl-dots .owl-dot.active span,
.empr-slider.owl-theme .owl-dots .owl-dot:hover span,
.empr1-slider.owl-theme .owl-dots .owl-dot.active span,
.empr1-slider.owl-theme .owl-dots .owl-dot:hover span {
  background: #ffffff;
}

.empr-slider .owl-nav button.owl-next,
.empr1-slider .owl-nav button.owl-next {
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: -50px;
  margin: auto;
  right: 60px;
  background-image: url(/storage/images/career/right-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.empr-slider .owl-nav button.owl-prev,
.empr1-slider .owl-nav button.owl-prev {
  position: absolute;
  width: 36px;
  height: 36px;
  bottom: -50px;
  margin: auto;
  right: 100px;
  background-image: url(/storage/images/career/left-arrow.svg) !important;
  background-repeat: no-repeat;
  background-size: contain;
}

.empr-slider.owl-theme .owl-nav .owl-prev:hover,
.empr-slider.owl-theme .owl-nav .owl-next:hover,
.empr1-slider.owl-theme .owl-nav .owl-prev:hover,
.empr1-slider.owl-theme .owl-nav .owl-next:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
  background-repeat: no-repeat;
  background-size: cover;
}

.p-analytics {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.l-dev {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.f-ready {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  overflow: hidden;
}

.p-analytics-inner,
.l-dev-inner,
.f-ready-inner {
  background: rgba(255, 255, 255, .7);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  width: 100%;
  transform: translateY(150%);
  display: inline-block;
  padding: 100px 60px;
}

.empr-wrap1 h3 {
  font-size: 24px;
  line-height: 28px;
  color: #ffffff;
  font-weight: 700;
  text-align: center;
  padding-bottom: 30px;
}

.evp {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100vh;
  display: flex;
  align-items: center;
  background-position: center;
}

.evp h2 {
  text-align: center;
  color: #ffffff;
  padding-bottom: 16px;
}

.evp h6 {
  text-align: center;
  color: #ffffff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  padding-bottom: 50px;
}

.evp h6 span {
  display: block;
}

.evp #jn-tab {
  display: block;
  margin-top: 0px;
}

.evp .jnTabs .nav-link {
  font-size: 20px;
  line-height: 24px;
  background-color: transparent;
  border: 1px solid #ffffff !important;
  margin-bottom: 28px;
  color: #ffffff;
  text-align: left;
}

.evp .jnTabs .nav-tabs .nav-item.show .nav-link,
.evp .jnTabs .nav-tabs .nav-link.active {
  font-size: 20px;
  line-height: 24px;
  font-weight: 700;
  border: none !important;
}

.evp p {
  color: #ffffff;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
  font-weight: 300;
}

.evp #jn-tab-3 {
  margin-bottom: 0px;
}

.evp-img img {
  width: 100%;
}

.wep {
  padding: 70px 0px
}

.wep h2 {
  padding-bottom: 10px;
  text-align: center;
}

.wep p {
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  font-weight: 300;
  padding-bottom: 20px;
}

.wep-img {
  margin-bottom: 30px;
}

.wep-box {
  background-color: #056380;
  padding: 47px 40px;
  transition: all .3s ease-out;
}

.wep-box h6 {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  font-weight: 300;
  padding-top: 10px;
}

.wep-box:hover {
  background-color: #06B0E3;
  transition: all .3s ease-out;
}

.wep-box:hover img {
  filter: brightness(0) invert(1);
}

.campus-hiring {
  background-color: #FDF2DC;
  padding-top: 40px;
  padding-bottom: 80px;
}

.campus-hiring h2 {
  background: transparent linear-gradient(97deg, #056380 4%, #06B0E3 40%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 30px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.campus-text {
  background-color: #20A2A2;
  padding: 30px 60px;
  margin-top: -13%;
}

.campus-text h4 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
  padding-bottom: 12px;
  color: #fff;
}

.campus-text p {
  font-size: 20px;
  line-height: 24px;
  font-weight: 300;
  color: #fff;
  padding-bottom: 40px;
}

.campus-text ul {
  padding-left: 15px;
}

.campus-text ul li {
  color: #fff;
  font-size: 20px;
  line-height: 24px;
  padding-bottom: 15px;
}

.campus-text1 {
  background-color: #056380;
}

.campus-text1 p {
  padding-bottom: 20px;
}

.campus-text h5 {
  font-size: 20px;
  line-height: 24px;
  color: #ffffff;
  font-weight: 700;
}

.campus-hiring h2.powp-txt {
  background: transparent linear-gradient(97deg, #056380 30%, #06B0E3 60%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-top: 80px;
}

.campus-join {
  background-image: var(--desktop-bg);
  background-repeat: no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  padding-bottom: 60px;
  margin-bottom: 100px;
}

.campus-join h2 {
  color: #ffffff;
  padding-bottom: 10px;
}

.campus-join p {
  color: #ffffff;
  font-size: 24px;
  line-height: 26px;
  padding-bottom: 25px;
  font-weight: 300;
}

.career-humanwrap {
  position: relative;
}

.career-humanwrap-text {
  max-width: 390px;
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 55px;
  margin: auto;
}

.career-humanwrap-text h2 {
  color: #ffffff;
  padding-bottom: 10px;
}

.career-humanwrap-text p {
  font-size: 24px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 300;
}

.hpolices {
  height: 128px;
  width: 25%;
  background-color: #7EBA3E;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.hpolices img {
  position: absolute;
  top: 10px;
  right: 10px;
}

.hpolices h4 {
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  font-weight: 700;
  text-align: center;
}

.hpolices h4 span {
  display: block;
}

.hpolices-wrap {
  display: flex;
  justify-content: center;
}

.aluminium-banner {
  position: relative;
}

.alumVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.alumbg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.mrwlogoaluminium {
  padding-bottom: 70px;
  padding-top: 70px;
}

.career-human-img img {
  width: 100%;
}

.hp2 {
  background-color: #20A2A2;
}

.hp3 {
  background-color: #06B0E3;
}

.hp4 {
  background-color: #09486C;
}

.voice-srf h6 {
  font-size: 30px;
  line-height: 36px;
  background: linear-gradient(to left, #42d6e7, #007fae);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  padding-bottom: 80px;
  padding-top: 80px;
  font-weight: 400;
}

.voice-srf h2 {
  background: transparent linear-gradient(97deg, #056380 40%, #06B0E3 50%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 30px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.voice-srf {
  padding-bottom: 100px;
}

.voice-srf .read-btn {
  margin: auto;
}

#news-details {
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

#news-details p {
  padding: 10px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

#news-details strong {
  font-weight: 700;
}

#news-details ul,
#news-details ol {
  padding-left: 15px;
}

#news-details ul li,
#news-details ol li {
  padding: 5px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
}

#news-details h3 {
     padding: 20px 0px 10px 0;
  font-size: 24px;
  font-weight: 700;
}

#news-details h1 {
  font-size: 35px;
  line-height: 40px;
}

#news-details h2 {
  font-size: 32px;
  line-height: 35px;
}

#news-details h5 {
  font-size: 18px;
  line-height: 24px;
}

#news-details h4 {
  font-size: 20px;
  line-height: 26px;
}

#news-details h6 {
  font-size: 16px;
}

#news-details h1,
#news-details h2,
#news-details h4,
#news-details h5,
#news-details h6 {
  font-weight: 700;
  padding: 10px 0px;
}

.newsroomPagination {
  text-align: center;
  margin-bottom: 20px;
}

.newsroomPagination a {
  padding: 0 10px;
  text-decoration: none;
  font-weight: 500;
}

.newsroomPagination .current,
.newsroomPagination span.pagination-current {
  font-weight: bold;
  color: #007bff;
  padding: 0 10px;
}

.newsroomPagination a,
.newsroomPagination a:visited,
.newsroomPagination a:active {
  color: #007bff !important;
}

/*----------WorldMapp Csss------------*/
.wdmap {
  background-color: #09486C;
  /* Brand Background */
  color: #ffffff;
  /* White Text */
  overflow-x: hidden;
  display: flex;
  align-items: center;
  width: 100%;

}

.wdmap .row {
  display: flex;
  align-items: center;
}

/* Smooth text transitions */
.location-item {
  position: relative;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
}

.location-item:hover,
.location-item.active {
  color: #ffffff;
  padding-left: 1rem;
}

/* Active indicator line */
.location-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background-color: #06B0E3;
}

/* Canvas Container */
#canvas-container {
  width: 100%;
  height: 570px;
  cursor: grab;
  position: relative;
  /* Needed for tooltips */
}

#canvas-container:active {
  cursor: grabbing;
}

canvas {
  outline: none;
  user-select: none;
}

/* Popup Styling */
.globe-popup {
  pointer-events: none;
  /* Let clicks pass through */
  transform: translate(-50%, -100%);
  /* Center above point */
  padding-bottom: 10px;
  /* Space for arrow */
}

/* Rounded circular image container */
.popup-img-wrapper {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #ffffff;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  position: relative;
}

/* The image stays circular and covers fit */
.popup-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Label styling */
.popup-label {
  color: #09486C !important;
}

/* Small arrow */
.popup-arrow {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 8px solid white;
  margin-top: 2px;
}

/* Optional entrance animation */
.popup-animate {
  animation: bounceIn 0.4s ease-out;
}

@keyframes bounceIn {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }

  70% {
    transform: scale(1.1);
    opacity: 1;
  }

  100% {
    transform: scale(1);
  }
}

/* POPUP CONTAINER */
.popup-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-bottom: 90px;
}

/* ROUND IMAGE */
.popup-img-wrapper {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  overflow: hidden;
  border: 4px solid #ffffff;
  background: #fff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
  position: relative;
  z-index: 10;
}

/* IMAGE SCALE */
.popup-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* COUNTRY LABEL */
.popup-label {
  background: #ffffff;
  color: #09486C;
  font-weight: 600;
  font-size: 14px;
  padding: 4px 12px;
  border-radius: 20px;
  margin-top: -12px;
  /* FIX visibility */
  z-index: 11;
  /* Keep above globe */
  position: relative;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

/* DOWN ARROW FIX */
.popup-arrow {
  width: 0;
  height: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 10px solid white;
  margin-top: -2px;
  /* Closer to label */
  z-index: 5;
}

/* POSITIONING FIX FOR GLOBE */
.globe-popup {
  transform: translate(-50%, -110%);
  pointer-events: none;
}

.wdmap ul {
  width: 18rem;
  border-top: 1px solid rgb(255 255 255 / 0.1);
  border-top-width: 1px;
  list-style: none;
  padding: 0;
}

.location-item:hover,
.location-item.active {
  color: #ffffff;
  padding-left: 1rem;
}

.wdmap ul li {
  font-size: 1.25rem;
  line-height: 1.75rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  font-weight: 500;
}

.location-item.active::before {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 24px;
  background-color: #06B0E3;
}

.location-item {
  position: relative;
  transition: all 0.3s ease;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.6);
}

.location-item:hover,
.location-item.active {
  color: #ffffff;
  padding-left: 1rem;
}

.countrynumber {
  display: flex;
  flex-direction: row;
  gap: 4rem;
  margin-bottom: 2.5rem;
}

.countrynumber span {
  font-size: 36px;
  line-height: 40px;
  font-weight: 700;
  color: rgb(6, 176, 227);
}

.countrynumber .flex span:nth-child(2) {
  display: block;
  font-size: 24px;
  font-weight: 500;
  color: rgb(255 255 255 / 0.9);
  text-transform: capitalize;
}

.wdmap h2 {
  margin-bottom: 2.5rem;
  font-size: 36px;
  line-height: 45px;
  font-weight: 700;
}

/*----------WorldMapp Css End------------*/

.newsroomPagination a {
  color: #4d4d4f;
  padding-right: 10px;
}

.laminatedmanufacsec {
  padding-left: 128px;
  padding-right: 148px;
}

.refri-scale .climate-inner.laminatedmanufacsec {
  max-width: 100%;
}

.chem-btn1 .read-btn:hover .banner-arrow.hov125 {
  transform: translateX(-125px);
}

.hotlaminated-carousel {
  z-index: 0 !important;
}

.hotlaminated-carousel .owl-dots {
  position: absolute;
  bottom: 115px;
  left: 50%;
}

.hotlaminated-carousel .owl-dot span {
  width: 10px;
  height: 10px;
  background: #666;
  display: block;
  border-radius: 50%;
  margin: 3px;
}

.hotlaminated-carousel .owl-dot.active span {
  background: #FFFFFF;
}

.investBtn {
  text-align: center;
  margin-top: 40px;
  background-color: #EACB51;
  max-width: fit-content;
  margin: auto;
  margin-top: 30px;
  padding: 8px 25px;
  border-radius: 50px;
}

.info-accorduin .accordion-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
}

.info-accorduin .acc-arrow {
  transition: transform 0.3s ease;
}

/* Open state */
.info-accorduin .accordion-toggle.active .acc-arrow {
  transform: rotate(180deg);
}


/* Main wrapper */
#bodAccordion.faq-accordion .faq-item {
  border: none;
  margin-bottom: 0px;
  border-radius: 8px;
  border-bottom: 1px solid;
  border-radius: 0;
}

#bodAccordion.faq-accordion .faq-item:nth-of-type(1) {
  border-top: 1px solid;
}

#bodAccordion .faq-button {
  background-color: #fff;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 20px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-family: "neue-haas-grotesk-display", sans-serif;
  position: relative;
}

/* Remove default arrow */
#bodAccordion .faq-button::after {
  display: none !important;
}

/* PLUS icon */
#bodAccordion .faq-button.collapsed::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/faq-down-arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: absolute;
  right: 20px;
  top: 23px;
}

/* MINUS icon */
#bodAccordion .faq-button:not(.collapsed)::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/faq-down-arrow.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%) rotate(180deg);
  margin-right: 10px;
  position: absolute;
  right: 20px;
  top: 23px;
}

#bodAccordion .faq-body {
  padding: 15px 20px;
  padding-left: 53px;
  line-height: 20px;
  border-top: none;
}

#bodAccordion .faq-body p {
  padding-bottom: 15px;
}

/* Smooth open/close */
#bodAccordion .collapse {
  display: none;
}

#bodAccordion .collapse.show {
  display: block;
}

#bodAccordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  display: block;
}

/* Heading Styling */
.section-heading {
  background-color: #68BCE4;
  font-size: 19px;
  color: #fff;
  font-weight: bold;
  padding: 20px 0 20px 10px;
  color: #fff;
}

/* Table Styling */
.director-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
}

.director-table th {
  background-color: #003399;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
}

.director-table td {
  padding: 10px;
  border: 1px solid #ccc;
}

.director-table tr:hover {
  background-color: #fafafa;
}

.readmoreblck a {
  max-width: 120px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #06B0E3;
  text-align: left;
  margin: 20px 0px;
}

.readmoreblck a:hover .defaultShow {
  display: none;
}

.readmoreblck a:hover .onHover {
  display: block!important;
}

.readmoreblck a:hover span {
  color: #000;
}

.readmoreblck a span img {
  padding-top: 6px;
}

.readmoreblck a .arrwimg img {
  margin-left: 10px;
}

.auditC p {
  color: #008bd2;
  padding-bottom: 10px !important;
}

.auditC p span {
  color: #000;
}

.faq-header.blueBtn {
  background-color: #61c2d0;
}

#financial-information h1 {
  color: #008bd2;
  font-size: 40px;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 35px;
}

.finTab .custom-tabs {
  border-bottom: none;
  margin-bottom: 40px;
}

.finTab .custom-tabs>li>.nav-link {
  color: #0091D5;
  font-size: 20px;
  font-weight: 500;
  border: none;
  background: none;
  cursor: pointer;
}

.finTab .custom-tabs>li>.nav-link:hover {
  color: #007bb8;
  background: none;
  border: none;
}

.finTab .custom-tabs>li.active>.nav-link {
  color: #61c2c0;
  border: none;
  background: transparent;
  border-bottom: 3px solid #4DB6E2;
}

.finTab ul {
  display: flex;
  justify-content: space-between;
}

.finInfoContent {
  margin-top: 20px;
}

.trendTable {
  width: 100%;
  border-collapse: collapse;
  font-size: 18px;
  color: #333;
  margin: 10px 0 10px 0;
  border: 1px solid #e6e6e6;
  border-top: none;
}

.trendTable tr:last-child {
  border-bottom: 2px solid #007fc4;
}

.trendTable thead th {
  background: #E4F3FD;
  color: #007FC4;
  padding: 14px;
  text-align: center;
  font-weight: 600;
  border-bottom: 2px solid #007fc4;
  border-top: 2px solid #007fc4;
}

.trendTable thead th:first-child {
  border-top: none;
}

.trendTable td {
  padding: 15px 10px;
  border-bottom: 1px solid #E6E6E6;
  text-align: center;
  /* font-size: 16px; */
}

.trendTable tbody tr td:first-child {
  text-align: left;
}

.trendTable .section-row td {
  font-size: 16px;
  text-align: left;
  padding: 14px;
  border-top: 2px solid #DDEAF7;
  border-bottom: 2px solid #DDEAF7;
}

#finInfoContent .tab-pane {
  display: none;
}

#finInfoContent .tab-pane.active {
  display: block;
}

#finInfoContent .tab-pane.fade {
  opacity: 0;
  transition: opacity 0.3s ease;
}

#finInfoContent .tab-pane.fade.show {
  opacity: 1;
}

.btmP p {
  color: #666666;
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 18px;
}

/* newAcc */
#bodnewAccordion.faq-accordion .faq-item {
  border: none;
  margin-bottom: 0px;
  border-radius: 8px;
  border-bottom: none;
  border-top: none;
  border-radius: 0;
}

/* #bodnewAccordion.faq-accordion .faq-item:nth-of-type(1) {
  border-top: none;
} */

#bodnewAccordion .faq-button {
  background-color: #cfedf1;
  color: #666666;
  font-size: 16px;
  font-weight: normal;
  padding: 20px;
  margin-bottom: 20px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
}

/* Remove default arrow */
#bodnewAccordion .faq-button::after {
  display: none !important;
}

/* PLUS icon */
#bodnewAccordion .faq-button.collapsed::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/col-out-icon.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: absolute;
  right: 0;
}

/* MINUS icon */
#bodnewAccordion .faq-button:not(.collapsed)::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/col-in-icon.webp");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  position: absolute;
  right: 0;
}

#bodnewAccordion .faq-body {
  padding: 20px 0 0 0;
  line-height: 20px;
  border-top: none;
}

#bodnewAccordion .faq-body p {
  padding-bottom: 15px;
}

/* Smooth open/close */
#bodnewAccordion .collapse {
  display: none;
}

#bodnewAccordion .collapse.show {
  display: block;
}

#bodnewAccordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  display: block;
}

#bodsubAccordion .faq-button1 {
  background-color: #f0f0f0;
  color: #333;
  font-size: 18px;
  font-weight: normal;
  padding: 20px;
  border: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 40px;
}

/* Remove default arrow */
#bodsubAccordion .faq-button1::after {
  display: none !important;
}

/* PLUS icon */
#bodsubAccordion .faq-button1.collapsed::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/col-out-icon.webp");
  background-size: contain;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: absolute;
  right: 0;
}

/* MINUS icon */
#bodsubAccordion .faq-button1:not(.collapsed)::before {
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("/storage/images/col-in-icon.webp");
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
  position: absolute;
  right: 0;
}

#bodsubAccordion .faq-body {
  padding: 20px 0 0 0;
  line-height: 20px;
  border-top: none;
}

#bodsubAccordion .faq-body p {
  padding-bottom: 15px;
}

/* Smooth open/close */
#bodsubAccordion .collapse {
  display: none;
}

#bodsubAccordion .collapse.show {
  display: block;
}

#bodsubAccordion .collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
  display: block;
}

.annualAGMNotice h4 {
  padding-bottom: 0px;
}

.trendTable.newTable {
  border: 1px solid #e6e6e6;
  margin-bottom: 40px;
}

.trendTable.newTable th {
  border-top: 2px solid #007fc4;
  border-bottom: 2px solid #007fc4;
  padding: 15px 10px;
  font-size: 18px;
  font-weight: 700;
}

.trendTable thead th:first-child {
  border-top: 2px solid #007fc4;
}

.chem-btn.inv .read-btn:hover .banner-arrow {
  transform: translateX(-125px);
}

.chem-btn.inv .read-btn {
  width: 179px;
}

.inv .read-btn:hover .b-arrow-text {
  transform: translateX(72px);
}

.stakeTabBody #selCategory {
  margin-bottom: 25px;
}

select#selYear,
#quarterBox {
  margin-bottom: 25px;
}

.quickborder-module a {
  color: #555555;
}

.quickborder-module a:hover {
  color: #2a72b8;
}

#bod .bod-box {
  min-height: 350px;
}

#bod .bod-box .smallLetter {
  min-height: 0;
}

.refri-scale .climate-inner.yarnpiymax {
  max-width: 577px;
}

.process-slider h4.pdmin {
  padding: 5px 2px;
}

.process-slider h4.desp {
  background-color: #008342;
}

.roadpara24 p {
  font-size: 24px;
  line-height: 26px;
}

.careerempowerment {
  background-image: none;
  position: relative;
}

.careerbg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.carrerVideo video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

select#finInfoSelect {
  max-width: 412px;
  margin-bottom: 20px;
}

.ttbelting {
  background-image: none;
}

.ttbelting {
  position: relative;
  overflow: hidden;
}

.ttbF video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.beltingbg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}

.mrqpdbtm0 {
  padding-bottom: 0;
}

.ttpackage {
  margin-bottom: 60px;
  display: inherit;
  padding: 40px 0px 60px 0px;
  height: auto;
}

.ttpackage h2 {
  font-size: 36px;
  line-height: 36px;
  color: #555555;
  padding-bottom: 56px;
  text-align: center;
  font-weight: 700;
}

.ttcta a {
  max-width: 205px;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  color: #fff;
  text-align: left;
  font-size: 16px;
  font-weight: 600;
}

.ttcta a span img {
  padding-top: 6px;
}

.ttcta a .arrwimg img {
  margin-left: 10px;
}

.engi-excellence {
  background-image: var(--desktop-bg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /* height: 100vh; */
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 44px;
  /* overflow: hidden; */
}

.engi-excellence h2 {
  background: transparent linear-gradient(99deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-bottom: 40px;
  font-size: 36px;
  line-height: 36px;
  font-weight: 700;
  text-align: center;
}

.engi-excellence h2 span {
  display: block;
}

.straight .stData.basalt {
  background-image: url(/storage/images/technical/basalt-fabric-bg.webp);
}

.straight .stData.airsliderfab {
  background-image: url(/storage/images/technical/air-slider-fabric-bg.webp);
}

.straight .stData.conduc {
  background-image: url(/storage/images/technical/conductive-yarn-based-bg.webp);
}

.straight .stData.jacket {
  background-image: url(/storage/images/technical/Jacketing-fabric-bg.webp);
}

.straight .stData.stretc {
  background-image: url(/storage/images/technical/stretchable-fabric-bg.webp);
}


/* clrbox scroll css */

.belting-list {
  width: 100%;
  max-height: 515px;
  overflow-y: auto;
  /* overflow: hidden; */
}

.belting-list::-webkit-scrollbar {
  width: 0;
}

.belting-list {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.beltbox {
  padding: 20px;
  text-align: center;
  margin-bottom: 30px;
  border-radius: 10px;
  max-width: 350px;
  min-height: 175px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.beltbox.beltbox1 {
  background-image: url(/storage/images/technical/01.webp);
}

.beltbox.beltbox2 {
  background-image: url(/storage/images/technical/02.webp);
}

.beltbox.beltbox3 {
  background-image: url(/storage/images/technical/03.webp);
}

.beltbox.beltbox4 {
  background-image: url(/storage/images/technical/04.webp);
}

.beltbox.beltbox5 {
  background-image: url(/storage/images/technical/05.webp);
}

.beltbox.beltbox6 {
  background-image: url(/storage/images/technical/06.webp);
}

.beltbox.beltbox7 {
  background-image: url(/storage/images/technical/07.webp);
}

.beltbox.beltbox8 {
  background-image: url(/storage/images/technical/08.webp);
}

.beltbox p {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  color: #FFFFFF;
}
.engi-excellence .col-md-5{
  position: relative;
}
.beltboxnavbutton{
  position: absolute;
  bottom: 0;
  right: 35px;
}
.beltboxnavbutton .owl-nav {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat !important;
    background-position: center;
    background-size: contain;
    border: none;
    cursor: pointer;
    display: block;
    margin: 10px auto; 
}
.beltboxnavbutton button{
  background: none;
}
.beltboxnavbutton .owl-prev {
    background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
    transform: rotate(270deg); 
}

.beltboxnavbutton .owl-next {
    background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
    transform: rotate(90deg); 
}
.beltboxnavbutton .owl-prev:hover{
  
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}
.beltboxnavbutton .owl-next:hover{
  
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}



/* clrbox scroll css */
.estabYarn .climate-right.polyesterindus {
  background-color: #21A2A2;
}

.abovefeautreslider .owl-stage {
  padding-left: 0 !important;
}

.abovefeautreslider .owl-dots {
  position: absolute;
  bottom: 10px;
  left: 46%;
}

.abovefeautreslider .owl-dot span {
  width: 10px;
  height: 10px;
  background: #666;
  display: block;
  border-radius: 50%;
  margin: 3px;
}

.abovefeautreslider .owl-dot.active span {
  background: #007bff;
}

.package.ttb {
  height: 90vh;
}

.ttb .row.forcolcenter {
  display: flex;
  justify-content: center;
  align-items: center;
}


.newsheadin {
  text-align: center;
}

.newsNew {
  box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #fff;
  margin-bottom: 30px;
  min-height: 550px;
}
.newsNewArrow a {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #4d4d4f;
}

.newsNewArrow img.hover-arrow {
    display: none;
}

.newsNewArrow a:hover img.default-arrow {
    display: none;
}

.newsNewArrow a:hover img.hover-arrow {
    display: block;
}

.newsNew .newsNewImg img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.newsNew .newsNewInner {
  padding: 30px 20px 20px 20px;
  min-height: 284px;
}
h2.news-head-new {
    padding-bottom: 24px;
}
.newsNew .newsNewInner h6 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 700;
  padding-bottom: 5px;
}

.newsNew .newsNewInner p {
  padding-bottom: 10px;
      font-size: 18px;
    line-height: 24px;
}

.newsNewArrow {
  display: flex;
  gap: 30px;
  padding: 0px 20px 20px 20px;
}
.newsNewArrow p{
  padding-bottom: 0px!important;
}

.newsNewViewAll {
  display: flex;
  justify-content: center;
}
.itemimgdata{
  position: relative;
}
.itemdatatxt1{
  max-width: 370px;
  position: absolute;
  top: 10%;
  left: 60px;
}
.itemdatatxt2{
  max-width: 330px;
  position: absolute;
  top: 10%;
  right: 60px;
}
.itemdatatxt3{
  max-width: 330px;
  position: absolute;
  top: 10%;
  right: 60px;
}
.itemdatatxt4{
  max-width: 330px;
  position: absolute;
  top: 40%;
  left: 60px;
}

.itemimgdata p{
  text-align: left;
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  font-weight: 500;
}
.chem-btn1 .read-btn:hover .banner-arrow.hov119 {
  transform: translateX(-119px);
}

/* popup table ttb */

.ttbmodal .spec-table-wrapper {
    width: 100%;
    overflow-x: auto;
}

.ttbmodal .spec-title {
    background-color: #06B0E3;
    color: #ffffff;
    text-align: center;
    padding: 15px 10px;
    font-size: 24px;
    line-height: 26px;
    font-weight: 700;
}

.ttbmodal .spec-table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
    font-size: 14px;
}

.ttbmodal .spec-table thead th {
    background-color: #06B0E3;
    color: #ffffff;
    padding: 12px 8px;
    border: 1px solid #ffffff;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
}

.ttbmodal .spec-table tbody td {
    padding: 12px 8px;
    border: 1px solid #c5dbe5;
    color: #555555;
    font-size: 18px;
    line-height: 20px;
    color: #555555;
    font-weight: 400;
}

.ttbmodal .spec-table .uom-row td {
    background-color: #dff3fb;
    font-weight: 600;
}

.ttbmodal .spec-table .tolerance-row td {
    background-color: #06B0E3;
    color: #ffffff;
    font-weight: 600;
}

.ttbmodal .spec-table .tolerance-row td:empty {
    background-color: #06B0E3;
}

.ttbmodal .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  outline: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding-right: 0px !important;
}

.ttbmodal .modal.show {
  display: block;
}

.ttbmodal .modal.fade {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

.ttbmodal .modal.fade.show {
  opacity: 1;
}

.ttbmodal .modal-dialog {
  position: relative;
  width: auto;
  margin: 165px auto;
  max-width: 1170px;
  width: 100%;
  pointer-events: none;
  transform: translateY(-20px);
  transition: transform .3s ease-in-out;
}

.ttbmodal .modal.show .modal-dialog {
  transform: translateY(0);
  pointer-events: auto;
}

.ttbmodal .modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  border-radius: 0;
  border: none;
  outline: 0;
  box-shadow: 0px 0px 10px #0000004D;
}

.ttbmodal .modal-header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
  margin-right: 0px;
  margin-top: 0px;
}

html .ttbmodal .modal-open {
  overflow: hidden !important;
  height: 100% !important;
}

.btn-close {
  border: 0;
  cursor: pointer;
  background-color: transparent;
}

.ttbmodal .modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 0px 30px 30px 30px;
}

.ttbmodal .modal-fullscreen {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.ttbmodal .modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}



/*  NON-BELTING TABLE REFINEMENTS  */

.spec-nonbelt-title {
    padding: 18px 10px;
}

.spec-nonbelt-table thead th {
    padding: 16px 5px;
}

.spec-uom-spacing td {
    padding: 14px 10px;
    font-size: 14px;
}

.spec-data-row td {
    padding: 18px 10px;
    line-height: 1.4;
}

.spec-tolerance-spacing td {
    padding: 16px 10px;
    font-size: 14px;
}

.spec-nonbelt-table th:nth-child(1),
.spec-nonbelt-table td:nth-child(1) {
    width: 10%;
}

.spec-nonbelt-table th:nth-child(2),
.spec-nonbelt-table td:nth-child(2),
.spec-nonbelt-table th:nth-child(3),
.spec-nonbelt-table td:nth-child(3) {
    width: 15%;
}

.spec-nonbelt-table th:nth-child(4),
.spec-nonbelt-table td:nth-child(4) {
    width: 9%;
}

.spec-nonbelt-table th:nth-child(5),
.spec-nonbelt-table td:nth-child(5) {
    width: 9%;
}

.spec-nonbelt-table th:nth-child(6),
.spec-nonbelt-table td:nth-child(6){
    width: 15%;
}

.spec-nonbelt-table th:nth-child(7),
.spec-nonbelt-table td:nth-child(7) {
    width: 20%;
}

.spec-nonbelt-table td,
.spec-nonbelt-table th {
    vertical-align: middle;
}

.srfoverview-banner {
    background-image: var(--desktop-bg);
}
.overview-top-img img 
{
  margin: auto;
  margin-bottom: -5px;
}
.core-strngth
{
 background-image: var(--desktop-bg);
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 height: 100vh;
 display: flex;
 align-items: center;
}
.core-strngth p 
{
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 300;
  padding-bottom: 10px;
}

.hm-guiding
{
 background-color: #FDF2DC;
 height: 662px;
 overflow: hidden;
 padding-top:100px;
 position: relative;
}

.core-text-wrap
{
  max-width: 450px;
  width: 100%;
  margin-top: 25%;
}
.core-text-wrap h3 
{
    display: inline-block;
    background: transparent linear-gradient(97deg, #056380 15%, #06B0E3 53%, #40D4DC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-bottom: 15px;
    font-size: 36px;
    font-weight: 700;
}
.core-text-wrap p
{
    font-size: 20px;
    line-height: 24px;
    font-weight: 300;
}
.guiding-box
{
    min-height: 460px;
    max-width: 530px;
    margin-bottom: 30px;
    background-color: #ffffff;
    box-shadow: 0px 0px 10px #00000040;
    padding: 10px;
    transition: all .3s ease-out;
}
.guiding-box:hover
{
  background-color:#79AC43;
  transition: all .3s ease-out;
}
.g-box2:hover 
{
 background-color:#09486C; 
}
.g-box3:hover 
{
 background-color:#20A2A2; 
}
.g-box4:hover 
{
 background-color:#20A2A2; 
}
.g-box5:hover 
{
 background-color:#20A2A2; 
}
.g-box6:hover 
{
 background-color:#09486C; 
}

.core-icon1
{
  position: absolute;
  left: 20%;
  top:0px;
}
.core-icon2
{
  position: absolute;
  bottom: -50%;
  left: 50px;
}
.core-icon3
{
  position: absolute;
    right: 20px;
    bottom: auto;
}
.guiding-box h4 
{
  font-size: 24px;
  font-weight: 600;
  padding-top: 20px;
  padding-bottom: 8px;
  padding-left: 30px;
}
.guiding-box h6 
{
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  padding-left: 30px;
}
.guiding-box:hover h4, .guiding-box:hover h6
{
color: #ffffff;
}
.our-maxim .campus-text
{
background-color: #21A2A2;
}
.our-maxim h5 
{
  font-size: 24px;
  color: #ffffff;
  font-weight: 600;
  text-align: center;
  padding-bottom: 15px;
}
.our-maxim .campus-text h4 
{
font-size: 36px;
line-height: 36px;
text-align: center;
}
.our-maxim .campus-text p
{
  font-size: 24px;
  line-height: 28px;
  text-align:center;
}
.excelence
{
  background-color: #09486C;
  padding: 100px 0px;
  margin-top: 80px;
}
.excelence h2 
{
  color: #ffffff;
  padding-bottom: 20px;
}
.excelence p 
{
  font-size: 24px;
  line-height: 32px;
  color: #ffffff;
  font-weight: 300;
}
.excelence h6 
{
  font-size: 18px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 300;
  padding-top: 40px;
}
.unrelting
{
  padding: 100px 0px;
}
.unrelting P 
{
  font-size: 24px;
  line-height: 28px;
  font-weight: 300;
  text-align: center;
  padding-bottom: 67px;
}
.unrelting h4 
{
  font-size: 36px;
    background: transparent linear-gradient(97deg, #056380 15%, #06B0E3 53%, #40D4DC 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    text-align: center;
    position: relative;
}
.unrelting h4 span 
{
  display: block;
}
.unrelting h4:before 
{
  content: '';
  position: absolute;
  left: -40px;
  top:0;
  background-image: url(/storage/images/overview/comma-left.svg);
  width: 132px;
  height: 110px;
}
.unrelting h4:after 
{
  content: '';
  position: absolute;
  right:-40px;
  bottom:-20px;
  background-image: url(/storage/images/overview/comma-right.svg);
  width: 132px;
  height: 110px;
}
.corporate-video
{
background-color: #FDF2DC;
padding: 80px 0px;
}
.corporate-video h3 
{
  font-size: 24px;
  line-height: 32px;
  color: #555555;
  padding-bottom: 15px;
  font-weight: 700;
}
.c-video
{
  position: relative;
}
.oplay-icon
{
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.o-brocure
{
  background-color: #21A2A2;
  padding: 15px 30px;
  margin-bottom: 30px;
}
.o-brocure p 
{
  font-size: 20px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 300;
  padding-bottom: 20px;
}
.o-pdf
{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.o-brocure .row 
{
  display: flex;
  align-items: center;
}
.o-link a
{
  color: #ffffff;
}
.o-link p 
{
  padding-bottom: 0px;
}
.o-brocure1 
{
  background-color: #09486C;
  min-height: 220px;
  display: flex;
}

/* popuptable ttb end */


.ttm-accordion {
  display: flex;
  height: 100vh;
  overflow: hidden;
}

.ttmheadpara .accordion-content {
  position: absolute;
  left: 60px;
  bottom: 60px;
  z-index: 2;
  max-width: 590px;
  opacity: 0;
  transform: translateY(20px);
  transition: all 0.6s ease;
  text-align: left;
}

.ttmheadpara .accordion-item.active .accordion-content {
  opacity: 1;
  transform: translateY(0);
}
.ttmheadpara .accordion-label {
  text-transform: none;
}
.ttmheadpara .accordion-item h3 {
  font-size: 35px;
  line-height: 50px;
  color: #fff;
  font-weight: 700;
}

.ttmheadpara .accordion-item p {
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
}

.ttmheadpara .accordion-item.active {
  flex: 4;
}
.ttm-item1 {
  background-image: url(/storage/images/land/tyre-cord-fabrics-img.webp);
}

.ttm-item2 {
  background-image: url(/storage/images/land/industrial-yarns-img.webp);
}

.ttm-item3 {
  background-image: url(/storage/images/land/seat-belts-img.webp);
}


.chem-btn1 .read-btn:hover .banner-arrow.hov153 {
    transform: translateX(-153px);
}

.sustainFilter select:nth-of-type(2) {
  width: 358px;
}

.voc-icon2
{
  position: absolute;
  left: 14%;
  bottom: 0;
}
.newsoomUpdImage img{
  margin: 40px auto;
}
.more-events .events-box .events-text h4
{
  min-height: 80px;
}

.process-slider.tttprocesslider h4 {
    font-size: 24px;
    padding: 10px 10px;
    background: #2A72B8;
    color: #fff;
    border-radius: 0 0 15px 15px;
    max-width: 184px;
    margin-left: 26px;
    color: #fff;
    font-weight: 600;
}

.process-slider.tttprocesslider h4.spin {
  background-color: #89C34A;
}

.process-slider.tttprocesslider h4.take {
  background-color: #21A2A2;
}

.process-slider.tttprocesslider h4.inspect {
  background-color: #09486C;
}

.process-slider.tttprocesslider h4.test {
  background-color: #E9BB2B;
}

.process-slider.tttprocesslider h4.pack {
  background-color: #40D4DC;
}

.process-slider.tttprocesslider h4.desk {
  background-color: #008342;
}

.process-slider.tttprocesslider h4.desp {
  background-color: #008342;
}

.process-slider.tttprocesslider h4.dippp {
  background-color: #bd9c71;
}

.climobjectbtm img{
  object-position: bottom;
}

.esgheadinlast h2{
  font-size: 36px;
  text-align: center;
}

.empr-wrap .owl-nav button.owl-prev:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
  rotate: 180deg;
}

.empr-wrap .owl-nav button.owl-next:hover {
  background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

.headin36career h3{
  font-size: 36px;
}
.coretxt24 p{
  font-size: 24px;
}

.o-link a img,
.o-pdf a img {
    transition: transform 0.3s ease;
}

.o-link a:hover img,
.o-pdf a:hover img {
    transform: translateX(6px);
}


.polybannerslide {
    position: relative;
    overflow: hidden;
}
.polybannerslide .container-fluid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 0;
}

.abovefeautreslider,
.abovefeautreslider .item,
.abovefeautreslider .itemimgdata,
.abovefeautreslider img {
    width: 100%;
    height: 100%;
}

.abovefeautreslider img {
    object-fit: cover;
}

.polybannerslide > .container {
    position: relative;
    z-index: 2;
}


.network{
  padding: 0;
}
.network .col-md-12{
  padding: 0;
}
.backBtn a{
      font-size: 16px;
    color: #0AAFE2;
        font-size: 18px;
    background: #C4E8FE;
    max-width: 100px;
    border-radius: 20px;
       padding: 5px 17px;
}
.backBtn {
    text-align: right;
    
}
.backBtn:hover a{
  color: #fff;
   background: transparent linear-gradient(99deg, #056380 0%, #06B0E3 50%, #40D4DC 100%) 0% 0% no-repeat padding-box;
}
.press-wrap.pt80{
  padding-top: 80px;
}
.iepf-txt-inner p{
  font-size: 18px;
}
.rpdf-wrap p{
  font-size: 18px;
}
.sf p{
  font-size: 18px;
}
.blueBoxData{
  background-color: #09486C;
  border-radius: 20px;
  padding: 40px 40px 30px 30px;
  min-height: 398px;
}
.blueBoxData ul li{
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 20px;
}
.standH h3{
  font-size: 36px;
  line-height: 36px;
  text-align: center;
   background: transparent linear-gradient(89deg, #056380 0%, #06B0E3 51%, #40D4DC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-weight: 700;
  max-width: 528px;
  margin: auto;
}
.standH h3 span{
  display: block;
}
.standH{
  margin-bottom: 40px;
}

.pioneerCoated{
  background-image: var(--desktop-bg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
   padding: 75px 0;
}
.feature ul.durablelist{
  margin-bottom: 35px;
}
.expertiseData{
  padding-top: 20px;
}
.expertiseData h3{
  font-size: 24px;
  line-height: 26px;
  color: #fff;
  padding-bottom: 19px;
  font-weight: normal;
}
.expertiseData h3 span{
  font-weight: 600;
}
.climate-right.integerNew{
  background-color: #2A72B8;
}
.science-scale .hotlaminated-carousel .owl-dots{
  bottom: 14px;
}
.science-scale .hotlaminated-carousel .owl-dot.active span {
    background: #09486C;
}
.science-scale .hotlaminated-carousel .owl-dot span{
  background: #fff;
}
.qualityData .climate-right.integer p span{
  font-weight: 600;
  padding-bottom: 30px;
}
#shareholders-faq span{
  display: block;
}
.accH h3{
  font-size: 24px;
  padding: 10px 0;
}
.accH.accHSpace{
  padding: 20px 0;
}
button.faq-button h5 {
  font-size: 24px;
  font-weight: normal;
}
  .mediacontenttxt{
    background-color: #09486C;
    padding: 15px;
    margin-bottom: 70px;
    text-align: center;
  }
  .mediacontenttxt h3{
    font-size: 24px;
    line-height: 30px;
    color: #fff;
  }
  .mediacontenttxt a{
    color: #fff;
  }
  .pdfwrapmtbtm30{
    margin-bottom: 30px;
  }

  .fabTab .col-md-5{
    padding: 0;
  }
  .feature ul.luxuryulwidth710{
    max-width: 710px;
  }

  .chem-btn1 .read-btn:hover .banner-arrow.hov144 {
    transform: translateX(-144px);
}
.keyicn2wdhgt img{
  width: 82px;
  height: 82px;
}
.aestheiconwdhgt img{
  width: 96px;
  height: 96px;
}
.press-wrap1
{
  padding-bottom: 40px;
}
.fabTab #chem-tab
{
  height: 600px;
}

/*******traslate css ********/

.translated-ltr .apart-wrap
{
min-height: 437px;
}
.translated-ltr .bod-box {
    padding: 25px 22px;
  }
.translated-ltr .award-wrap
{
  height: 240px;
}
.translated-ltr .carbon-bg p
{
word-break: break-word;
}
.translated-ltr .chem-wrap p span, .translated-ltr .bb-wrap p span
{
    display: inline;
}
.translated-ltr .fluro-scale .climate-inner
{
  padding-left: 60px;
  max-width: 590px;
}
.translated-ltr .bothCard .carrd {
    padding: 25px 15px;
  }
.translated-ltr .autoData
{
  min-height: 200px;
}
.translated-ltr .pfb-num {
    min-height: 95px;
}
.translated-ltr .box-bopp, .translated-ltr .box-bopp-details
{
min-height: 390px;
}
.translated-ltr .bopp-key p span
{
  display: inline;
}
.translated-ltr .stData {
    padding: 35px 0 30px 50px
  }
.translated-ltr .bppet-inner p span {
    display: inline;
}
.translated-ltr .colLam ul.pb20 {
    padding-bottom: 0px;
}
.translated-ltr .lamiTab.refritab #in-tab {
    margin-bottom: 20px;
}
.translated-ltr .ttb .climate-inner
{
  padding-left: 60px;
 max-width: 570px;;
}
.translated-ltr .quickborder-module a img 
{
  max-width: inherit !important;
}
.translated-ltr .q-wrap > div 
{
display: flex;
}
.translated-ltr .globe-icon {
    padding-right: 12px;
}
.translated-ltr .in-report
{
  min-height: 385px;
}
.translated-ltr .aspiration-wrap p span {
    display: block;
}
.translated-ltr .ncap-box
{
min-height: 640px;
}
.translated-ltr .govr-box {
    min-height: auto;
}
.translated-ltr .case-text {
    min-height: 257px;
}
.translated-ltr .esgcase-study .read-btn {
    width: 225px;
}
.translated-ltr .esgcase-study .read-btn:hover .banner-arrow {
    transform: translateX(-175px);
}
.translated-ltr .esgsdg-box
{
  min-height: 255px;
}
.translated-ltr .env-waste .case-text {
    min-height: 282px;
}
.translated-ltr .climate-inner.para20product {
    max-width: 590px;
    padding-left: 60px;
}
.translated-ltr .env-sdg .esgsdg-box {
    min-height: 285px;
}
.translated-ltr .roadmap-inner h4
{
  text-align: left;
}

.translated-ltr .community-impact  .ncap-box {
    min-height: 540px;
}
.translated-ltr .integrated .commitment {
    min-height: 415px;
  }
.translated-ltr .srfpolicy p
{
padding-right: 15px;
}
.translated-ltr .srfpolicy p span 
{
  display:inline;
}
.translated-ltr .newSdg
{
  min-height: 235px;
}
.translated-ltr .recy .leftRec p span {
    display: inline;
}
.translated-ltr .circulat.scale {
    padding-left: 30px;
    padding-top: 20px;
}
.translated-ltr .edusectxt a, .translated-ltr .vocsectxt a
{
  max-width: 180px;
}
.translated-ltr .edusectxt .ln1,
.translated-ltr .edusectxt .ln2,
.translated-ltr .vocsectxt .ln1, .translated-ltr .vocsectxt .ln2,
.translated-ltr .naturaldivtxt .ln2, .translated-ltr .naturaldivtxt .ln1
{
  width: 105px;
}

.leadingSrf .report-btn a
{
color: #06B0E3;
}
.leadingSrf .report-btn a ::after
{
border-top: 1px solid #06B0E3;
    border-bottom: 1px solid #06B0E3;

}
.leadingSrf .report-btn a img
{
  filter: brightness(1) invert(0);
}
.leadingSrf .read-btn-wrap,.allQuarter .read-btn-wrap
{
margin-top: 0;
}
.sliderCaption .report-btn 
{
  margin-top: 10px;
}
.italicright
{
  text-align: right;
  margin-bottom: 45px;
  font-weight: 700;
    font-size: 20px;
    font-style: italic;
}

.allQuarter ul li h6
{
  font-size: 20px;
  font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    color: #555555;
}
.allQuarter ul li:hover h6
{
color: #2a72b8;
}
.allQuarter ul li
{
  border-bottom: 3px solid #555555;
    padding: 22px 30px;
}
.allQuarter .q-wrap
{
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.mediaCover  .report-btn a:hover ::after
{
border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.beyondbusinesetion .report-btn 
{
  margin-top: 40px;
}
.beyondbusinesetion .report-btn a img
{
  filter: brightness(1) invert(0);
}
.beyondbusinesetion .report-btn a ::after
{
  border-top: 1px solid #09486C;
  border-bottom: 1px solid #09486C;
}
.hoverwitharrow
{
  display: none;
}
.report-btn a:hover .defaultarrow
{
display: none;
}

.report-btn a:hover .hoverwitharrow
{
  display: inline-block;
}
.sliderCaption .report-btn a:hover,.beyondleft .report-btn a:hover,.drivesPotential .report-btn a:hover
{
color: #06b0e3;
}
.leadingSrf .report-btn:hover a
{
  color: #09486C;
}
.leadingSrf .report-btn:hover a ::after
{
border-top: 1px solid #09486C;
border-bottom: 1px solid #09486C;
}
.sliderCaption .report-btn a:hover ::after,.beyondleft .report-btn a:hover ::after,.drivesPotential .report-btn a:hover ::after
{
border-top: 1px solid #06b0e3;
border-bottom: 1px solid #06b0e3;
}
.swiper-toggle-btn
{
  position: absolute;
    bottom: 60px;
    right: 60px;
    color: #fff;
    z-index: 1;
}
.backBtn.innerBtn{
  margin-bottom: 20px;
}


.bopp-slider{
margin-bottom: 67px;
}
.bopp-slider,
.bopp-slider.owl-carousel,
.bopp-slider .owl-stage-outer {
    width: 100% !important;
}
.boppbox-icon {
    max-width: 100px;
}



/* COMMON BUTTON STYLE */
.bopp-slider .owl-nav {
    position: absolute;
    width: 100%;
    bottom: 20px;
    right: 0;
    pointer-events: none;
    display: block!important;
}

.bopp-slider .owl-nav button {
    pointer-events: all;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: none !important;
}

/* PREV */
.bopp-slider .owl-nav button.owl-prev {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 110px;
    background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
    background-repeat: no-repeat;
    background-size: contain !important;
    transform: rotate(180deg);
}

/* NEXT */
.bopp-slider .owl-nav button.owl-next {
    position: absolute;
    width: 44px;
    height: 44px;
    right: 60px;
    background-image: url(/storage/images/edu/know-more-arrow.svg) !important;
    background-repeat: no-repeat;
    background-size: contain !important;
}

/* HOVER */
.bopp-slider .owl-nav button.owl-prev:hover,
.bopp-slider .owl-nav button.owl-next:hover {
    background-image: url(/storage/images/edu/know-more-arrowblue.svg) !important;
}

.translated-ltr .vclastdiv h2
{
  font-size: 52px;
}
.translated-ltr .vclastdiv h3 {
    font-size: 62px;
  }
.translated-ltr .wrd-approach h5
{
margin-top: 15px;
transform: rotate(-2deg);
}
.translated-ltr .empr-box
{
  min-height: 340px;
}
.translated-ltr .wep-box
{
  min-height: 265px;
}
.translated-ltr .testi-box
{
  min-height: 532px;
}
.translated-ltr .investor-tab.modTab .inTabs .nav-tabs .nav-link.active
{
height: 60px;
display: flex;
align-items: center;
}
.impactskillsec .report-btn a img {
    transition: filter 0.3s ease;
}

.impactskillsec .report-btn a:hover img {
  filter: brightness(0) saturate(100%)
  invert(26%) sepia(39%)
  saturate(682%) hue-rotate(165deg)
  brightness(90%) contrast(92%);
}
.cookie-bg{
  background-color: #fff;
  margin-top: 30px;
  margin-bottom: 70px;
  padding: 25px 0 25px 30px;
}
.cookie-bg h3{
  color: #555555;
  font-size: 24px;
  line-height: 24px;
  font-weight: 700;
  padding-bottom: 12px;
}
.cookie-bg p{
  font-size: 18px;
  padding-bottom: 20px;
}
.firstCook{
  padding-bottom: 30px;
}
.cookie-bg ul{
  display: flex;
  align-items: center;
  gap: 40px;
  padding-left: 16px;
}
.cookie-body h3{
  font-size: 16px;
  line-height: 20px;
  color: #06B0E3;
  font-weight: 600;
}
.cookie-body{
      text-align: center;
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 42px 50px;
}
.cookie-body p{
  font-size: 16px;
  line-height: 20px;
  color: #555555;
}
.cookie-body p span{
  color: #06B0E3;
}
.cookiesmodal-dialog{
  max-width: 730px;
  width: 100%;
}
.cookie-pref .dot{
  width: 14px;
  height: 14px;
  border-radius: 50%;
  border: 2px solid #b6b6b6;
}
.cookie-pref {
    align-items: center;
    display: flex;
    justify-content: center;
    gap: 16px;
}
.cookie-actions{
  display: flex;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
}
.cookie-close{
  font-weight: 700;
  font-size: 30px;
}
.cookBtn .read-btn-wrap{
  margin-top: 0;
}
.cookBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.cookBtn .chem-btn.inv .read-btn {
    width: 120px;
    padding: 10px 30px;
    display: inline-block;
}
.cookBtn .chem-btn.inv .read-btn:hover .banner-arrow {
    transform: translateX(-92px);
   filter: brightness(0) saturate(100%)
        invert(56%) sepia(92%)
        saturate(749%) hue-rotate(164deg)
        brightness(96%) contrast(98%);
}
.cookBtn .inv .read-btn:hover .b-arrow-text {
    transform: translateX(66px);
}
.cookBtn .chem-btn .read-btn:hover{
  background: #fff;
  color: #06B0E3;
}
#cookieModal .modal-header {
    margin-right: 0;
    margin-top: 0;
}
#cookieModal .modal-dialog {
  display: flex;
  align-items: flex-end;
  min-height: calc(100% - 1rem);
  margin: auto;
}

#cookieModal.modal.fade .modal-dialog {
  transform: none !important;
}

.modal-content.sb-csr-content{
  background-color: transparent;
}
.modal-header.sb-csr-header{
  padding-bottom: 0;
}
button.btn-close.sb-csr-close{
  color: #fff;
}
.modal-body.sb-csr-body{
  padding-top: 10px;
}
.img100percent img{
  width: 100%;
}
.firstCook ul li{
  font-size: 18px;
}
.sb-video-wrapper{
  margin: 0 auto;
  text-align: center;
}
video#sb-csr-video{
  width: 80%;
}

.contxtFont18 p{
  font-size: 18px;
}
.asw-footer{
  display: none;
}
.m-img
{
 display: none;   
}
.search-wrapper form{
  width: 100%;
}
.serach-result{
  display: flex;
  justify-content: space-between;
}
.serach-result a{
  color: #007bff
}

.greenbadge
{
  position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 9;
}
.pagesName{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.pagesName a{
  color: #0095DA;
  font-size: 18px;
}
.pagesName a:hover{
  font-weight: 600;
}
.pagesName a span{
  display: block;
}
.allBop{
  padding: 30px 0 30px 0;
  margin-top: 60px;
  border-top: 1px solid #00000029;
  box-shadow: 0 1px 4px #3A3635;
  margin-bottom: 20px
}
.allBopN{
  background-color: #7D4939;
  padding: 30px 0;
  margin-bottom: 40px;
}
.allBopN h2{
  color: #fff;
  font-weight: 700;
  font-size: 36px;
  line-height: 38px;
}
.allBopN h2 span{
  display: block;
}
.allBopN h5{
  color: #fff;
  font-size: 24px;
  line-height: 26px;
}
/* table */
.bopp-table-wrap{
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    padding: 8px;
  }

  table.bopp-table{
    width: 100%;
    border-collapse: collapse;
    min-width: 980px;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
    margin-bottom: 15px;
  }


  .bopp-table td{
    border: 2px solid #b88a7e; /* brownish border */
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }
  .bopp-table th{
      border-top: 2px solid #b88a7e;
     border-bottom: 2px solid #b88a7e;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }
  .bopp-table thead th{
    background: #ECE0D9;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
/* .bopp-table th{
  border-right: 0 !important;
} */
  .bopp-table .section{
    background: #6a1c14; /* dark maroon */
    color: #fff;
    text-align: center;
      font-weight: 600;
    font-size: 18px;
    letter-spacing: .2px;
    padding: 8px 10px;
  }
.bopp-table td span{
  display: block;
}
  /* Column sizing (close to screenshot proportions) */
  .col-code{
    width: 12%;
      border-left: 2px solid #b88a7e;
  }
  .col-desc{
    width: 28%;
  }
  .col-thk {
    width: 16%;
  }
  .col-mod {
    width: 14%;
  }
  .col-range{
    width: 12%;
  }
  .col-app {
    width: 18%;
     border-right: 2px solid #b88a7e;
  }

  .center { text-align:center; }
  .mid { vertical-align: middle !important; }
  .muted { color:#555; }
  .oplarApp .pack-box{
min-height: auto;
  }
  .allBopN.grey{
    background-color: #A7A9AC;
  }
  .privacy-policy.dataPrivacy h2{
    padding-bottom: 20px;
  }
  .fulfil{
    padding-left: 17px;
  }
  .fulfil li{
    padding-bottom: 5px;
        font-size: 18px !important;

  }
  .privacy-policy.dataPrivacy p.pb10{
    padding-bottom: 10px;
  }
  .fulfil.pb20{
    padding-bottom: 20px;
  }
  .oplarApp h2{
    color: #7D4939;
  }
  /* barrier-table */
   .met-bopp-wrap{
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
    background: #fff;
    padding: 8px;
  }

  /* Table base */
  table.met-bopp{
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color: #2b2b2b;
    margin-bottom: 20px;
  }

 
  table.met-bopp td{
    border: 2px solid #b9b9b9;
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }

  table.met-bopp thead th{
    background: #e6e6e6;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
 table.met-bopp th{
      border-top: 2px solid #b9b9b9;
      border-bottom: 2px solid #b9b9b9;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
 }

  table.met-bopp .section{
    background: #565656;
    color: #fff;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2px;
    padding: 8px 10px;
    font-size: 18px;
  }

  table.met-bopp .center{ text-align:center; }
  table.met-bopp .mid{ vertical-align: middle; }
  table.met-bopp .tight{ padding-top: 8px; padding-bottom: 8px; }
  table.met-bopp .subhead{
    background:#efefef;
    font-weight:700;
    text-align:center;
  }

  table.met-bopp .col-code{ 
    width: 12%;
    border-left: 2px solid #b9b9b9;
   }
  table.met-bopp .col-desc{ width: 30%; }
  table.met-bopp .col-thk { width: 16%; }
  table.met-bopp .col-mod { width: 14%; }
  table.met-bopp .col-range{ width: 12%; }
  table.met-bopp .col-app {
     width: 16%;
     border-right: 2px solid #b9b9b9;
   }
table.met-bopp td span {
    display: block;
}
.oplarApp h2.normal{
  color: #58585A;
}
.allBopN .row{
  display: flex;
  align-items: center;
}
.allBopN.red{
  background-color: #D93F31;
}
/* lable table */
.label-table-wrap{
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    padding: 8px;
  }

  table.labels-grid{
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
    margin-bottom: 15px;
  }

 
  table.labels-grid td{
    border: 2px solid #e18a82;   
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }

  table.labels-grid thead th{
    background: #f6d7d2;        
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
 table.labels-grid th{
 border-top: 2px solid #e18a82;
 border-bottom: 2px solid #e18a82;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
 }
  table.labels-grid .section{
    background: #D93F31;       
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 9px 10px;
  }

  table.labels-grid .center{ text-align:center; }
  table.labels-grid .mid{ vertical-align: middle; }

  table.labels-grid .col-code{ 
    width: 14%; 
    border-left: 2px solid #e18a82;
  }
  table.labels-grid .col-desc{ width: 34%; }
  table.labels-grid .col-thk { width: 14%; }
  table.labels-grid .col-mod { width: 14%; }
  table.labels-grid .col-range{ width: 10%; }
  table.labels-grid .col-app { 
    width: 14%;
    border-right: 2px solid #e18a82;
   }
   .oplarApp h2.red{
    color: #D93F31;
   }
   .allBopN.light{
    background-color: #83D1F2;
   }
   .allBopN.petlarprotc{
    background-color: #895D3E;
   }
   /* aesesthic table */
    .matte-table-wrap{
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    padding: 8px;
  }

  table.matte-grid{
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }


  table.matte-grid td{
    border: 2px solid #8fd0ff; 
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }
  table.matte-grid th{
  border-top: 2px solid #8fd0ff; 
  border-bottom: 2px solid #8fd0ff; 
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }
  table.matte-grid thead th{
    background: #dff2ff; /* very light blue */
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }

  table.matte-grid .section{
    background: #79c7f1; /* blue bar */
    color: #083247;
    text-align: center;
    font-weight: 600;
    padding: 8px 10px;
  }

  table.matte-grid .center{ text-align:center; }
  table.matte-grid .mid{ vertical-align: middle; }
  table.matte-grid .subrow{
    border-top: 2px solid #8fd0ff;
    padding-top: 8px;
    margin-top: 8px;
  }

  /* Column sizing */
  table.matte-grid .col-code{ width: 14%;
  border-left: 2px solid #8fd0ff; }
  table.matte-grid .col-desc{ width: 24%; }
  table.matte-grid .col-thk { width: 16%; }
  table.matte-grid .col-mod { width: 16%; }
  table.matte-grid .col-range{ width: 10%; }
  table.matte-grid .col-app { width: 30%;
  border-right: 2px solid #8fd0ff; }
  .oplarApp h2.light{
    color: #83D1F2;
  }
  .allBopN.blu{
    background-color: #1D94D2;
  }
  /* industrytable */
   .tape-bag-wrap{
    max-width: 1100px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    padding: 8px;
  }

  table.tape-bag-grid{
    width: 100%;
    min-width: 900px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }


  table.tape-bag-grid td{
    border: 2px solid #6bb7e6; 
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }

  table.tape-bag-grid thead th{
    background: #d9f0ff;        
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
  table.tape-bag-grid th{
  border-top: 2px solid #6bb7e6;   
  border-bottom: 2px solid #6bb7e6;  
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }
  table.tape-bag-grid .section{
    background: #1f93d1;        
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    padding: 8px 10px;
  }

  table.tape-bag-grid .center{ text-align:center; }
  table.tape-bag-grid .mid{ vertical-align: middle; }

  table.tape-bag-grid .col-code{ width: 14%;
  border-left: 2px solid #6bb7e6; }
  table.tape-bag-grid .col-desc{ width: 26%; }
  table.tape-bag-grid .col-thk { width: 16%; }
  table.tape-bag-grid .col-mod { width: 16%; }
  table.tape-bag-grid .col-range{ width: 10%; }
  table.tape-bag-grid .col-app { width: 28%;
  border-right: 2px solid #6bb7e6; }

  .oplarApp h2.skyb{
    color: #1D94D2;
  }
  .allBopN.purple{
    background-color: #C78184;
  }

  .allBopN.purple{
    background-color: #C78184;
  }
  /* functional table */
  .spec-bopp-wrap{
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    padding: 8px;
  }

  table.spec-bopp{
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }

 
  table.spec-bopp td{
    border: 2px solid #d8a2a2;   
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }

  table.spec-bopp thead th{
    background: #efd6d6;         
    text-align: center;
    font-weight: 600;
    font-size: 18px;
  }
 table.spec-bopp th{
     border-top: 2px solid #d8a2a2;   
     border-bottom: 2px solid #d8a2a2;   
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
 }
  table.spec-bopp .section{
    background: #c78282;         
    color: #fff;
    text-align: center;
    font-weight: 600;
    padding: 8px 10px;
  }

  table.spec-bopp .center{ text-align:center; }
  table.spec-bopp .mid{ vertical-align: middle; }

  table.spec-bopp .col-code{ width: 12%;
  border-left: 2px solid #d8a2a2; }
  table.spec-bopp .col-desc{ width: 24%; }
  table.spec-bopp .col-thk { width: 16%; }
  table.spec-bopp .col-mod { width: 16%; }
  table.spec-bopp .col-range{ width: 10%; }
  table.spec-bopp .col-app { width: 22%; 
  border-right: 2px solid #d8a2a2;}

.oplarApp h2.bringClr{
color: #C78184;
}

.wdmap p
{
  font-size: 16px;
  font-style: italic;
  color: #fff;
  text-align: right;
  padding-bottom: 30px;
}

.prdct-range
{
  background-color: #09486C;
}
.matte-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
  }

  .matte-table thead th {
    background-color: #00a3d9;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    border: 1px solid #00a3d9;
    font-size: 18px;
  }

  .matte-table thead th:first-child {
    text-align: left;
  }

  .matte-table tbody td {
    padding: 8px 10px;
    border-bottom: 1px solid #00a3d9;
    text-align: center;
    color: #333;
    font-size: 18px;
  }

  .matte-table tbody td:first-child {
    text-align: left;
    background-color: #eaf7fd;
    font-weight: 600;
  }
  .matte-table .table-title {
    background-color: #00a3d9;
    color: #fff;
    text-align: center !important;
    font-weight:600;
    padding: 10px;
    border-bottom: 1px solid #ffffff;
  }
.osmg-table-wrap
{
  padding-top: 60px;
  padding-bottom: 60px;
}
.osmg-table-wrap .matte-table thead th {
    background-color: #6fb043;
    border: 1px solid #6fb043;
}
.osmg-table-wrap .matte-table tbody td {
    border-bottom: 1px solid #6fb043;
  }
 .osmg-table-wrap .matte-table tbody td:first-child {
    background-color: #f3faee;
  }
   .osmg-table-wrap .matte-table .table-title {
    border-bottom: 1px solid #ffffff;
  }
.p-active
{
  font-weight: 700;
}
.prdct-btm-img
{
  padding-bottom: 80px;
} 
.soft-touch
{
  background-color: #1AA89E;
}
.prdct-btm-img img 
{
  width: 100%;
}
.soft-matte
{
  background-color: #895D3E;
}
.matte
{
  background-color: #EF4537;
}
.p-digital
{
  background-color: #C78184;
}
.pr-digital-btm
{
padding-top: 60px;
}
.artwork-paper
{
  background-color: #89C34A;
}
.allBopN.lightGreen{
  background-color: #1AA89E;
}
.feature h3{
  color: #1AA89E;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  padding-bottom: 20px;
}
.feature-table-wrap {
    width: 100%;
    margin-bottom: 40px;    
}

.feature-table {
    width: 100%;
    border-collapse: collapse;
}

.feature-table td {
    border: 1px solid #8DBE8A; 
    border-left: none;
    padding: 16px 20px;
    font-size: 18px;
    color: #7a7a7a;
    vertical-align: middle;
    
}
.feature-table td:first-child{
    padding-left: 0;
}
.feature-table td:last-child{
  border-right: none;
}
.feature-table tr:first-child td {
    border-top-width: 1px;
}

.feature-table tr:last-child td {
    border-bottom-width: 1px;
}
/* bopet table */
  .bopet-wrap{
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    margin-bottom: 40px;
  }

  /* Shared table styling */
  table.bopet-table{
    width: 100%;
    min-width: 980px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }

  table.bopet-table th,
  table.bopet-table td{
    border: 2px solid #7bd1c8;  
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }
  table.bopet-table th{
    border-top: 2px solid #7bd1c8;  
    border-bottom: 2px solid #7bd1c8;  
    border-left: none;
    border-right: none;
    padding: 10px 10px;
    vertical-align: top;
  }
 table.bopet-table th:first-child{
  border-left: 2px solid #7bd1c8;
 }
 table.bopet-table th:last-child{
  border-right: none;
 }
table.bopet-table td:last-child{
  background-color: #19a79b;
  color: #fff;
  font-weight: 600;
  border: none;
}
table.bopet-table.compat td:last-child{
  background-color: #fff;
  color: #000;
  font-weight: normal;
   border: 2px solid #7bd1c8;
}
  table.bopet-table thead th{
    background:#19a79b;         
    color:#fff;
    text-transform: uppercase;
    letter-spacing: .3px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
  }

 table.bopet-table.compat th:last-child{
  border-right: 2px solid #7bd1c8;
 }
  table.bopet-table .center{ text-align:center; }
  table.bopet-table .mid{ vertical-align: middle; }

  .bopet-notes{
    border: 2px solid #7bd1c8;
    border-top: 0;
    padding: 8px 10px;
    font-size: 16px;
    color:#4a4a4a;
  }
  .bopet-notes .pipe{ padding: 0 10px; color:#7a7a7a; }
  .bopet-notes b,.legend b{ color:#0f8f84; }

  table.compat thead th{ text-align: center; }
  table.compat thead th:first-child{ text-align: left; }

  .cat{
    color:#19a79b;
    font-weight: 700;
    width: 16%;
    white-space: nowrap;
    vertical-align: middle !important;
  }
  table.bopet-table .item{
    width: 24%;
    font-weight: 600;
    color:#5a5a5a;
  }

  table.bopet-table .legend{
    border: 2px solid #7bd1c8;
    border-top: 0;
    padding: 8px 10px;
    font-size: 13px;
    color:#4a4a4a;
  }
  table.bopet-table .legend b{ color:#19a79b; }
  /* perfortable */
  .oplar-bopet-wrap{
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    margin-bottom: 40px;
  }

  table.oplar-bopet{
    width: 100%;
    min-width: 1100px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }

  table.oplar-bopet th,
  table.oplar-bopet td{
    border: none;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
  }
  table.oplar-bopet td:first-child{
    border-left: 1px solid #8fc7dc;
  }
  table.oplar-bopet td:last-child{
    border-right: 1px solid #8fc7dc;
  }
  table.oplar-bopet th:first-child{
    border-left: 1px solid #8fc7dc;
    text-align: center;
  }
  table.oplar-bopet th:last-child{
    border-right: 1px solid #8fc7dc;
  }
  table.oplar-bopet thead th{
    background:#6fb4ce;
    color:#fff;
    text-transform: uppercase;
    letter-spacing: .2px;
    font-weight: 700;
    text-align: left;
    white-space: nowrap;
  }

  table.oplar-bopet .center{ text-align:center; }
  table.oplar-bopet .mid{ vertical-align: middle; }

  /* Product type cell with leaf */
  .ptype{
    display: flex;
    align-items: flex-start;
    gap: 8px;
  }
  .ptype img{
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex: 0 0 16px;
  }
 

  /* Small header hint for codes */
  .code-head{
    font-size: 11px;
    opacity: .95;
    font-weight: 700;
    display: block;
    margin-top: 2px;
    letter-spacing: .25px;
  }


  .codes .sub{
    display:block;
  }

  /* Footer legend */
  .oplar-legend{
    border: 1px solid #8fc7dc;
    border-top: 0;
    padding: 8px 10px;
    font-size: 16px;
    color:#4a4a4a;
    display:flex;
    align-items:center;
    gap: 14px;
    flex-wrap: wrap;
  }
  .oplar-legend .leaf{
    display:inline-flex;
    align-items:center;
    gap:6px;
  }
  .oplar-legend img{
    width: 14px;
    height: 14px;
  }
  /* protectiontable */
   .barrier-wrap{
    max-width: 1200px;
    margin: 0 auto;
    overflow-x: auto;
    background:#fff;
    border: 2px solid #895D3E;
    margin-bottom: 10px;
  }

  table.barrier-table{
    width: 100%;
    min-width: 1050px;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
  }

  table.barrier-table th,
  table.barrier-table td{
    border: none;      
    padding: 10px 10px;
    vertical-align: top;
    line-height: 1.25;
    font-size: 18px;
  }

  .barrier-title{
    background: #ffffff;
    font-weight: 600;
    text-transform: uppercase;
    color:#895D3E;
    letter-spacing: .3px;
  }

  table.barrier-table thead th{
    background:#895D3E;            
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    white-space: nowrap;
  }
  table.barrier-table thead th:first-child,table.barrier-table thead td:first-child,table.barrier-table tbody td:first-child{
    padding-left: 30px;
  }
  table.barrier-table tbody tr.last td:first-child{
    padding-left: 0;
  }
  table.barrier-table tbody tr.pd10fortrtd td{
    padding-left: 10px;
  }
table.barrier-table tr{
  border-bottom: 1px solid #707070;
}
table.barrier-table tr.last{
  border-bottom: none;
}
  .center{ text-align:center; }
  .mid{ vertical-align: middle !important; }

  .row-label{
    font-weight: 600;
    color:#3d2a24;
    white-space: nowrap;
  }

  .ptype{
    display:flex;
    gap:8px;
    align-items:flex-start;
  }
  .ptype img{
    width: 16px;
    height: 16px;
    margin-top: 2px;
    flex: 0 0 16px;
  }
  .ptype .txt{
    font-weight: normal;
  }

  .subhead th{
    background:#8b5d43;
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
  }

  .w-code{ width: 14%; }
  .w-pcode{ width: 18%; }
  .w-thk{ width: 10%; }
  .w-otr, .w-wvtr{ width: 7%; }
  .w-key{ width: 26%; }
  .w-app{ width: 25%; }

  .muted{ color:#6b5a55; }

  .spacer{ height: 10px; }
  .otrData p{
    padding-bottom: 6px;
  }
/* premiumtable */
.special-bopet-wrap{
    max-width: 1200px;
    margin: 0 auto;
    background:#fff;
    margin-bottom: 30px;
  }

  table.special-bopet{
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
    border: 1px solid #707070;
  }

  table.special-bopet th,
  table.special-bopet td{
    border: none;
    padding: 12px 10px;
    vertical-align: top;
    text-align: left;
    font-size: 18px;
  }

  table.special-bopet thead th{
    background:#9fa3a6;
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
  }
  table.special-bopet thead th:first-child,table.special-bopet tbody td:first-child{
    padding-left: 20px;
  }
  table.special-bopet tbody tr.tdpdleft0 td:first-child{
    padding-left: 0;
  }

  table.special-bopet tbody tr{
    border-bottom: 1px solid #707070;
  }

  table.special-bopet tbody tr:last-child{
    border-bottom: 0;
  }

  .center{ text-align:center; }

  .codes{
       font-weight: normal;
    display: flex;
        gap: 40px;
  }
  .premiumImg{
    margin-bottom: 30px;
  }
  .feature.red h3{
    color: #EF4537;
  }
  /* newindus table */
   .industrial-bopet-wrap{
    max-width: 1200px;
    margin: 0 auto;
    background:#fff;
    margin-bottom: 40px;
  }

  table.industrial-bopet{
    width: 100%;
    border-collapse: collapse;
    font-size: 16px;
    line-height: 18px;
    color:#2b2b2b;
    border: 1px solid #895D3E;
  }

  /* REMOVE all cell borders */
  table.industrial-bopet th,
  table.industrial-bopet td{
    border: none;
    padding: 12px 10px;
    vertical-align: top;
    font-size: 18px;
    
  }

  /* Header styling */
  table.industrial-bopet thead th{
    background:#ef4a3a; 
    color:#fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
  }


  table.industrial-bopet tbody tr{
    border-bottom: 1px solid #707070;
  }

  table.industrial-bopet tbody tr:last-child{
    border-bottom: 0;
  }

 table.industrial-bopet .center{ text-align:left; }
.center span{
  display: block;
}
  /* Product code stacking */
   table.industrial-bopet .codes{
    font-weight: normal;
  }



.allBopN.casalrdarkblue{
  background-color: #1E3A8A;
}
.allBopN.casalrdarkblue h5{
  font-weight: 400;
}
.product-table {
    width: 100%;
    border-collapse: collapse;
}
.product-table th{
  border: 1px solid #FFFFFF;
  border-top: none;
  border-bottom: none;
}
.product-table th,
.product-table td {
    padding: 17px 15px;
    vertical-align: top;
    font-size: 18px;
    line-height: 22px;
    text-align: left;
}
.product-table td{
  color: #555555;
  border: 1px solid #555555;
  font-weight: 400;
}
.product-table td:first-child{
  border-left: none;
  font-weight: 700;
}
.product-table td:first-child span{
  display: block;
}
.product-table td:last-child{
  border-right: none;
}

.product-table thead th {
    background-color: #1E3A8A;
    color: #FFFFFF;
    font-weight: 600;
}

.product-table .table-title th {
    background-color: rgba(30, 58, 138, 0.7);
    font-size: 24px;
    line-height: 20px;
    padding: 16px;
    font-weight: 600;
    text-align: center ;
}
.product-table th:nth-child(1){
  width: 22%;
}
.product-table th:nth-child(2){
  width: 25%;
}
.product-table th:nth-child(3){
  width: 15%;
}
.product-table th:nth-child(4){
  width: 10%;
}
.product-table th:nth-child(5){
  width: 5%;
}

.product-table th:nth-child(6){
  width: 15%;
}
.product-table th:nth-child(7){
  width: 5%;
}
.product-table th:nth-child(8){
  width: 5%;
}
.product-table th:nth-child(9){
  width: 3%;
  padding-right: 0;
  padding-left: 15px;
}
.oplarApp{
  padding-top: 30px;
  padding-bottom: 50px;
}
.oplarApp.caslarbarrierapplication h2.light{
  color: #1E3A8A;
}
.pagesName a.active{
  font-weight: 600;
}
table.met-bopp tr.vertmidalgn td{
  vertical-align: middle;
}
.poboverhgt75{
  height: 75px;
}

/* caslar sealing css */
.mrgnbtmsealing60{
  margin-bottom: 60px;
}

.allBopN.casalrsealing{
  background-color: #1AA89E;
}
.allBopN.casalrsealing h5{
  font-weight: 400;
}
.product-table.sealingtable th,
.product-table.sealingtable td {
    padding: 17px 14px;
}

.product-table.sealingtable thead th {
    background-color: #1AA89E;
    color: #FFFFFF;
    font-weight: 600;
}

.product-table.sealingtable .table-title th {
    background-color: rgba(26, 168, 158, 0.7);
    font-size: 24px;
    line-height: 20px;
    padding: 16px;
    font-weight: 600;
    text-align: center ;
}
.product-table.sealingtable th:nth-child(1){
  width: 12%;
}
.product-table.sealingtable th:nth-child(2){
  width: 16%;
}
.product-table.sealingtable th:nth-child(3){
  width: 5%;
}
.product-table.sealingtable th:nth-child(4){
  width: 12%;
}
.product-table.sealingtable th:nth-child(6){
  width: 12%;
}
.product-table.sealingtable th:nth-child(9){
  width: 7%;
  padding-right: 10px;
  padding-left: 15px;
}
.oplarApp.caslarsealingapplication h2.light{
  color: #1AA89E;
}
.applications-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    max-width: 900px;
    margin: 0 auto;        
}

.caslarsealingapplication .pack-box{
  margin-bottom: 0;
}

/* caslarfunctional */

.mrgnbtmsealing60{
  margin-bottom: 60px;
}

.allBopN.casalrfunctional{
  background-color: #D93F31;
}
.allBopN.casalrfunctional h5{
  font-weight: 400;
}

.product-table.functionaltable thead th {
    background-color: #D93F31;
}

.product-table.functionaltable .table-title th {
    background-color: rgba(217, 63, 49, 0.7);
}

.allPetpg{
  display: flex;
  align-items: center;
  justify-content: space-between;
      max-width: 1040px;
    margin: auto;
}
.allPetpg a{
  font-size: 16px;
  line-height: 18px;
      font-size: 18px !important;
  color: #0095DA;
}
.allPetpg a.active {
    font-weight: 600;
}
.allPetpg a:hover{
  font-weight: 600;
}
.allPetpg a span{
  display: block;
}
.petlarPages{
    padding: 30px 0 30px 0;
    border-top: 1px solid #00000029;
    box-shadow: 0 1px 4px #3A3635;
}
.etData h2{
  font-size: 36px;
  line-height: 40px;
  color: #555555;
  padding-bottom: 10px;
  font-weight: 700;
}
.etData p{
  padding-bottom: 20px;
  font-size: 24px;
  line-height: 26px;
}
.etdbw{
  margin: 37px 0;
}
.innovRes{
  padding: 32px;
    backdrop-filter: blur(25px);
    -webkit-backdrop-filter: blur(25px);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);
max-width: 1170px;
margin: auto;
}
.innovSec{
  padding: 60px;
  /* background-image: var(--desktop-bg); */
  background-image: url(/storage/images/pfbover/intervention-bg.webp);
}
.innovRes h2{
  color: #fff;
  font-weight: 600;
  font-size: 36px;
  list-style: 40px;
}
.innovRes h2 span{
  display: block;
}
/* GREEN BLUR BACKGROUND (apply to your existing section) */
.green-blur-bg {
  position: relative;
  overflow: hidden;
}
.green-blur-bg::before,
.green-blur-bg::after {
  content:"";
  position:absolute;
  inset:-20%;
}
.green-blur-bg > * { position: relative; z-index: 1; }

/* TABS */
  .sr-tabs-section{
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    padding: 22px 18px 18px 0;
    color: #fff;
    margin-top: -35px;
    z-index: 99;
  }
  .sr-tabs-section::before,
  .sr-tabs-section::after{
    content:"";
    position:absolute;
    inset:-20%;

  }

  .sr-tabs-inner{
    position: relative;
    z-index: 1;
  }

  /* Top tabs */
  .sr-tabs{
    display: flex;
    gap: 30px;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,.22);
    padding-bottom: 10px;
    margin-bottom: 18px;
   max-width: fit-content;
  }
  .sr-tabs::-webkit-scrollbar{ display:none; }

  .sr-tab-btn{
    appearance: none;
    border: 0;
    background: transparent;
    color: rgba(255,255,255,.75);
    font-size: 20px;
    font-weight: normal;
    padding: 10px 2px 0 0;
    cursor: pointer;
    position: relative;
    white-space: nowrap;
  }
  .sr-tab-btn.is-active{
    color: #fff;
    font-weight: 600;
  }
  .sr-tab-btn.is-active::after{
    content:"";
    position:absolute;
    left:0;
    bottom:-11px;
    width: 100%;
    height: 3px;
    background: #f1b431; /* yellow underline like screenshot */
    border-radius: 2px;
  }

  /* Tab panels */
  .sr-panel{ display:none; }
  .sr-panel.is-active{ display:block; }

  /* Glass table */
  .sr-table-wrap{
    border-radius: 6px;
  }
  table.sr-table{
    width: 100%;
    border-collapse: collapse;
    font-size: 18px;
  }
  table.sr-table th,
  table.sr-table td{
    padding: 14px 16px;
    border-bottom: 1px solid #408C40;
    border-right: 1px solid #408C40;
    vertical-align: middle;
  }
  table.sr-table th:last-child,
  table.sr-table td:last-child{ border-right: 0; }
  table.sr-table tr:last-child td{ border-bottom: 1px solid #408C40; }

  table.sr-table thead th{
    text-align: left;
    font-weight: 600;
    letter-spacing: .4px;
    color: rgba(255,255,255,.92);
    text-transform: uppercase;
    border-right: none;
    font-size: 20px !important;
  }

  /* Column widths close to screenshot */
  .col-solution{ width: 26%; color: rgba(255,255,255,.88); font-weight: normal; }
  .col-product{ width: 40%; color: #fff; font-weight: 500; }
  .col-feat{ width: 34%; color: rgba(255,255,255,.85); }
.sr-glass-table .table.sr-table td{
border-right: 1px solid #408C40;
}
.sr-glass-table .table.sr-table td:last-child{
border-right: none;
}
.sr-glass-table .table.sr-table td.brdr{
border-right: 1px solid #408C40;
}
.sr-glass-table table.sr-table tr:last-child td{ 
border-bottom: 1px solid #408C40;

}
.sr-glass-table .table.sr-table th:first-child{
width: 24%;
}
.etdbw .row{
  display: flex;
  align-items: center;
}
.pfbAcc .ttm-item1 {
  background-image: url(/storage/images/pfbover/oplar.webp);
}
.pfbAcc .ttm-item2 {
  background-image: url(/storage/images/pfbover/petlar.webp);
}
.pfbAcc .ttm-item3 {
  background-image: url(/storage/images/pfbover/raflar.webp);
}
.pfbAcc .ttm-item4 {
  background-image: url(/storage/images/pfbover/paplar.webp);
}
.pfbAcc .ttm-item5 {
  background-image: url(/storage/images/pfbover/caslar.webp);
}
.pfbAcc .ttm-item6 {
  background-image: url(/storage/images/pfbover/kaplar.webp);
}
.firstInnov{
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.firstInnov .bueerfly {
    top: 22%;
    position: absolute;
    left: 23%;
}
.firstInnov .bueerfly2 {
    top: 53%;
    position: absolute;
    right: 36%;
}
.globalMap{
  /* background-color: #09486C; */
  background-image: url(/storage/images/pfbover/map-bg.webp);
  padding: 40px 0;
}
.bottomBtn{
  max-width: 560px;
  margin: auto;
  background-color: #1A63A3;
  padding: 24px 40px;
  border-radius: 23px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 40px;
  margin-bottom: 30px;
}
.bottomBtn a{
  color: #fff;
  font-size: 18px;
}
.bottomBtn a.active{
  color: #FFCE00;
  font-weight: 600;
  border-bottom: 2px solid #FFCE00;
}
.bottomBtn a:hover{
  cursor: pointer;
}
.globalData h2{
  font-size: 36px;
  line-height: 40px;
  font-weight: 600;
  padding-bottom: 22px;
  text-align: center;
  color: #fff;
}
.globalData p{
  font-size: 24px;
  line-height: 26px;
  text-align: center;
  color: #fff;
}
.globalData{
  padding-bottom: 30px;
}
.firstNum h2{
  color: #FBAB1E;
  font-weight: 600;
    font-size: 36px;
  line-height: 40px;
  padding-bottom: 7px;
}
.firstNum p{
  color: #fff;
  font-size: 24px;
  line-height: 26px;
}
.firstNum p span{
  display: block;
}
.manuNum{
  display: flex;
  justify-content: space-between;
  max-width: 680px;
    margin: auto;
    padding-bottom: 20px;
}
.firstNum{
  border-right: 1px solid #fff;
  padding-right: 60px;
}
.firstNum.nobrdr{
  border: none;
}
/* capacitytable */
 .capacity-table-wrap{
    padding: 12px;
    max-width: 1200px;
    margin: 0 auto;
  }

  table.capacity-table{
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    color: #ffffff;
    table-layout: fixed;
  }

  table.capacity-table td{
    border-right: 1px solid rgba(255,255,255,.4);
    border-bottom: 1px solid rgba(255,255,255,.4);
    padding: 18px 16px;
    vertical-align: top;
    height: 120px;
  }

  table.capacity-table tr:first-child td{
    border-top: 1px solid rgba(255,255,255,.4);
  }

  table.capacity-table td:first-child{
    border-left: 1px solid rgba(255,255,255,.4);
  }

  /* Highlight numbers */
  .cap-number{
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    color: #ffb300; /* yellow */
    margin-bottom: 6px;
  }

  /* Titles */
  .cap-title{
        font-size: 24px;
    line-height: 26px;
    font-weight: 500;
    margin-bottom: 8px;
  }

  /* Footnotes */
  .cap-note{
    font-size: 14px;
    line-height: 16px;
    opacity: .9;
  }

  /* Empty cell */
  .empty{
    background: transparent;
  }


/* --- GRAPH STYLING --- */
.chart-container { 
position: relative; 
height: 360px; 
margin-top: 10px;
}

.unit-label { 
text-align: right; 
font-size: 11px; 
color: #888; 
margin-bottom: 15px; 
font-weight: 600;
}

/* Legend */
.chart-legend {
display: flex;
justify-content: flex-end;
gap: 20px;
margin-bottom: 15px;
font-size: 12px;
font-weight: 600;
color: #555;
}
.legend-item { display: flex; align-items: center; gap: 6px; }
.legend-color { width: 10px; height: 10px; border-radius: 50%; } 

/* GRADIENT UPDATES FOR LEGEND */
.legend-rev { background: linear-gradient(to bottom, #00c6ff 0%, #003a70 100%); } 
.legend-ebit { background: linear-gradient(to bottom, #9be878 0%, #4a9e32 100%); } 

/* Bar Chart Layout */
.bar-chart {
display: flex;
justify-content: space-between;
align-items: flex-end;
height: 260px; 
padding-bottom: 40px; 
border-bottom: 1px solid #ddd;
position: relative;
}

.bar-block {
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-end;
height: 100%;
width: 16%; 
position: relative;
}

/* Group for Side-by-Side Bars */
.bars-group {
display: flex;
align-items: flex-end;
justify-content: center;
gap: 2px;
height: 100%;
width: 100%;
}

/* GRADIENT UPDATES FOR BARS */
.bar {
width: 42%; 
/* Gradient: Cyan top to Dark Blue bottom */
background: linear-gradient(to bottom, #00c6ff 0%, #003a70 100%);
transition: height 0.8s ease-out;
position: relative;
border-radius: 2px 2px 0 0;
min-height: 1px;
}

.bar-ebit {
/* Gradient: Light Green top to Dark Green bottom */
background: linear-gradient(to bottom, #9be878 0%, #4a9e32 100%);
}

/* Hover Value */
.bar-value {
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
font-size: 10px;
color: #555;
font-weight: 600;
white-space: nowrap;
opacity: 0; 
transition: opacity 0.2s;
}

.bar-block:hover .bar-value {
opacity: 1; 
}

.fy-label {
position: absolute;
bottom: -35px;
width: 100%;
text-align: center;
font-size: 13px;
color: #666;
font-weight: 600;
}

/* raflartmtop css */

.allBopN.raflartmtop{
  background-color: #E3641F;
  padding: 50px 0;
  margin-bottom: 40px;
}

.raflartmtable-container {
  margin-bottom: 60px;
}

.raflartm-table {
    width: 100%;
    border-collapse: collapse;
}

.raflartm-table thead th {
    background-color: #E3641F;
    color: #ffffff;
    font-size: 18px;
    line-height: 30px;
    padding: 16px 0px;
    text-align: center;
    font-weight: 700;
    border: 1px solid #E3641F;
}

.raflartm-table tbody td {
    border: 1px solid #E3641F;
    padding: 20px 0px;
    font-size: 18px;
    line-height: 22px;
    color: #555555;
    text-align: center;
}

.raflartmfeatures {
    background-color: #E3641F;
    color: #ffffff;
    padding: 47px 60px 27px 60px;
}
.raflartmfeatures h2 {
  font-size: 24px;
  line-height: 30px;
  color: #FFFFFF;
  font-weight: 700;
  padding-top: 35px;
}

ul.raflartmfeatures-list{
  list-style: none;
  padding-left: 0px;
}

.raflartmfeatures-list li {
    font-size: 18px;
    line-height: 22px;
    color: #FFFFFF;
    padding-bottom: 20px;
    font-weight: 400;
    position: relative;
    padding-left: 18px;
}
.raflartmfeatures-list li::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #FFFFFF;
  position: absolute;
  top: 8px;
  left: 0;
}

.oplarApp.raflartmconvertapplication h2.light{
  color: #E3641F;
}

.allBopN.raflartmpharma{
  background-color: #5A7226;
  padding: 50px 0;
  margin-bottom: 40px;
}

.raflartm-table.raflartmpharmatable thead th {
    background-color: #5A7226;
    border: 1px solid #5A7226;
}

.raflartm-table.raflartmpharmatable tbody td {
    border: 1px solid #5A7226;
}

.raflartmfeatures.refpharmafeat {
    background-color: #5A7226;
}
.oplarApp.rafpharmaapplication h2.light{
  color: #5A7226;
}

.allBopN.raflartmconsumer{
  background-color: #6D213C;
  padding: 50px 0;
  margin-bottom: 40px;
}

.raflartm-table.raflartmconsumertable thead th {
    background-color: #6D213C;
    border: 1px solid #6D213C;
}

.raflartm-table.raflartmconsumertable tbody td {
    border: 1px solid #6D213C;
}

.raflartmfeatures.refconsumerfeat {
    background-color: #6D213C;
}
.oplarApp.raflartmconsumerapplication h2.light{
  color: #6D213C;
}
.applications-grid.appgrid2 {
    grid-template-columns: repeat(2, 1fr);
    max-width: 600px;
    margin: 0 auto;        
}

.pfbAcc .accordion-item.active::after {
  background: rgba(0, 0, 0, 0);
}
.cap-note span{
  display: block;
}
g.st9.newb {
    fill: #000;
    stroke: #fff;
    stroke-width: 1;
    stroke-linejoin: round;
    stroke-linecap: round;
    paint-order: stroke fill;
}

.label-table-wrap p,.met-bopp-wrap p,.bopp-table-wrap p{
  font-size: 18px;
}

tr.tminthead{
  padding-bottom: 20px;
}
tr.tminthead th{
  text-align: center !important;
  padding-top: 0;
  border: none !important;
  padding-bottom: 0;
}

tr.tminthead th:first-child{
  border-right: 1px solid #fff !important;
}
tr.tminthead th:last-child{
  text-align: left !important;
  padding-left: 20px;
}
table.oplar-bopet th{
  vertical-align: middle;
}
.oplar-bopet tr td span{
  display: block;
}
.ptypyepdl25{
  padding-left: 25px;
}
.brdbtmtrtd td{
  border-bottom: 1px solid #00000029 !important;
}
tr.brdrgtprotectiontable td:nth-child(2),tr.brdrgtprotectiontable td:nth-child(3){
  border-right: 1px solid #707070;
}

.trasbarriertable tbody tr{
  border: none;
}
.trasbarriertable tr.last{
  border-top: 1px solid #707070;
}
.special-bopet tr td span{
  display: block;
}


.petlarPages.sub-header{
  position: fixed;
  /* top: 0; */
  opacity: 0;
  background-color: #fff;
  width: 100%;
  z-index: 9;
}
.chem-btns.mt50{
  margin-top: 50px;
}

.oplarApp h2.brnhead{
  color: #895D3E;
}
.disclaimerpetlar{
  background-color: #D93F31;
  padding: 20px 20px 40px 20px;
}
.disclaimerpetlar h6{
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}

.disclaimerpetlar p{
  font-size: 18px;
  line-height: 22px;
  color: #ffffff;
}
table.industrial-bopet td:nth-child(2){
  text-align: center;
}

table.special-bopet td:nth-child(2){
  text-align: center;
}

table.oplar-bopet td:nth-child(2){
  text-align: center;
}
.reduceImg img {
    width: 365px;
}

.sub-header.top-130 {
    top: 130px;
}
.myselectBox{
    display: none;
}
.top-desktop {
    top: 130px;
}

.top-tablet {
    top: 100px;
}

.top-mobile {
    top: 66px;
}
.sr-dropdown
{
  display: none;
}
.highImg.newHigh{
  max-width: 904px;
  margin: auto;
}