body {
  margin: 0;
  padding: 0;
  width: 100%;
  color: #3E3E3E;
  background: #ffffff;
  font-size: 16px;
  line-height: 25px;
  overflow-x: hidden;
  font-family: 'poppinsregular';
  font-weight: normal;
}
@media (max-width: 767px) {
  body {
    font-size: 15px;
    line-height: 23px;
  }
}
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
a {
  text-decoration: none;
  color: #00ae4d;
}
a:hover,
a:active {
  outline: 0;
  text-decoration: none;
  color: #426aaf;
}
a:focus {
  outline: 0;
  text-decoration: none;
  border: 0;
}
button:focus,
button:active {
  outline: none;
  text-decoration: none;
}
:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}
ul {
  list-style: none;
}
img {
  max-width: 100%;
}
strong,
b {
  font-family: 'poppinssemibold';
  font-weight: normal !important;
}
input[type="text"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  /* mobile firefox too! */
}
/*---FONT STYLE---*/
@font-face {
  font-family: 'poppinsbold';
  src: url('fonts/poppins-bold.woff2') format('woff2'), url('fonts/poppins-bold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinslight';
  src: url('fonts/poppins-light.woff2') format('woff2'), url('fonts/poppins-light.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinsmedium';
  src: url('fonts/poppins-medium.woff2') format('woff2'), url('fonts/poppins-medium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinsregular';
  src: url('fonts/poppins-regular.woff2') format('woff2'), url('fonts/poppins-regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'poppinssemibold';
  src: url('fonts/poppins-semibold.woff2') format('woff2'), url('fonts/poppins-semibold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
/*---ICON---*/
@font-face {
  font-family: 'icomoon';
  src: url('fonts/icomoon.eot?b27p4q');
  src: url('fonts/icomoon.eot?b27p4q#iefix') format('embedded-opentype'), url('fonts/icomoon.ttf?b27p4q') format('truetype'), url('fonts/icomoon.woff?b27p4q') format('woff'), url('fonts/icomoon.svg?b27p4q#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"],
[class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-risk-management01:before {
  content: "\e93c";
}
.icon-risk-management02:before {
  content: "\e93d";
}
.icon-risk-management03:before {
  content: "\e93e";
}
.icon-Materiality-Assessment-1:before {
  content: "\e910";
}
.icon-Materiality-Assessment-2:before {
  content: "\e911";
}
.icon-Materiality-Assessment-3:before {
  content: "\e912";
}
.icon-Materiality-Assessment-4:before {
  content: "\e913";
}
.icon-Materiality-Assessment-5:before {
  content: "\e914";
}
.icon-Materiality-Assessment-6:before {
  content: "\e915";
}
.icon-Intellectual-Capital-1:before {
  content: "\e916";
}
.icon-Intellectual-Capital-2:before {
  content: "\e917";
}
.icon-Intellectual-Capital-3:before {
  content: "\e918";
}
.icon-Intellectual-Capital-4:before {
  content: "\e919";
}
.icon-Human-capital-1:before {
  content: "\e91a";
}
.icon-Human-capital-2:before {
  content: "\e91b";
}
.icon-Human-capital-3:before {
  content: "\e91c";
}
.icon-Human-capital-4:before {
  content: "\e91d";
}
.icon-Human-capital-5:before {
  content: "\e91e";
}
.icon-Human-capital-6:before {
  content: "\e91f";
}
.icon-Human-capital-7:before {
  content: "\e920";
}
.icon-Human-capital-8:before {
  content: "\e921";
}
.icon-Human-capital-9:before {
  content: "\e922";
}
.icon-Human-capital-10:before {
  content: "\e923";
}
.icon-Human-capital-11:before {
  content: "\e924";
}
.icon-Human-capital-12:before {
  content: "\e925";
}
.icon-Social--Relationship-Capital-1:before {
  content: "\e926";
}
.icon-Social--Relationship-Capital-2:before {
  content: "\e927";
}
.icon-Social--Relationship-Capital-3:before {
  content: "\e928";
}
.icon-Social--Relationship-Capital-4:before {
  content: "\e929";
}
.icon-Natural-Capital-1:before {
  content: "\e92a";
}
.icon-Natural-Capital-2:before {
  content: "\e92b";
}
.icon-Natural-Capital-3:before {
  content: "\e92c";
}
.icon-Manufacturing-Capital-1:before {
  content: "\e92d";
}
.icon-Manufacturing-Capital-2:before {
  content: "\e92e";
}
.icon-Manufacturing-Capital-3:before {
  content: "\e92f";
}
.icon-Intellactual-Capital-1:before {
  content: "\e930";
}
.icon-Intellactual-Capital-2:before {
  content: "\e931";
}
.icon-Intellactual-Capital-3:before {
  content: "\e932";
}
.icon-Human-Capital-1:before {
  content: "\e933";
}
.icon-Human-Capital-2:before {
  content: "\e934";
}
.icon-Human-Capital-3:before {
  content: "\e935";
}
.icon-Financial-capital-1:before {
  content: "\e936";
}
.icon-Financial-capital-2:before {
  content: "\e937";
}
.icon-Financial-capital-3:before {
  content: "\e938";
}
.icon-CFO-1:before {
  content: "\e939";
}
.icon-CFO-2:before {
  content: "\e93a";
}
.icon-CFO-3:before {
  content: "\e93b";
}
.icon-our-strategy01:before {
  content: "\e90c";
}
.icon-our-strategy02:before {
  content: "\e90d";
}
.icon-our-strategy03:before {
  content: "\e90e";
}
.icon-our-strategy04:before {
  content: "\e90f";
}
.icon-arrow-down-home:before {
  content: "\e900";
}
.icon-arrow-right:before {
  content: "\e901";
}
.icon-key-highlights01:before {
  content: "\e902";
}
.icon-key-highlights02:before {
  content: "\e903";
}
.icon-key-highlights03:before {
  content: "\e904";
}
.icon-key-highlights04:before {
  content: "\e905";
}
.icon-key-highlights05:before {
  content: "\e906";
}
.icon-key-highlights06:before {
  content: "\e907";
}
.icon-key-highlights07:before {
  content: "\e908";
}
.icon-key-highlights08:before {
  content: "\e909";
}
.icon-shape01:before {
  content: "\e90a";
}
.icon-shape02:before {
  content: "\e90b";
}
/*---Common Classes---*/
.container {
  max-width: 1440px;
  padding: 0 15px;
  position: relative;
}
@media (max-width: 1500px) {
  .container {
    max-width: 95%;
  }
}
@media (max-width: 991px) {
  .container {
    max-width: 100%;
  }
}
h1 {
  margin: 0 0 20px 0;
  font-size: 30px;
  line-height: 40px;
  font-family: 'poppinssemibold';
  color: #ffffff;
}
h2 {
  margin: 10px 0 15px 0;
  font-size: 30px;
  line-height: 40px;
  background: var(--lupin-gradient-heading, linear-gradient(298deg, #A6CE39 0%, #00AE4D 56.96%, #416FAD 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-family: 'poppinsbold';
  display: inline-block;
}
@media (max-width: 1500px) {
  h2 {
    font-size: 24px;
    line-height: 34px;
  }
}
@media (max-width: 767px) {
  h2 {
    font-size: 20px;
    line-height: 28px;
    margin: 0 0 10px 0;
  }
}
h3 {
  margin: 0 0 15px 0;
  font-size: 21px;
  line-height: 28px;
  color: #3E3E3E;
  font-family: 'poppinssemibold';
}
@media (max-width: 767px) {
  h3 {
    font-size: 18px;
    line-height: 24px;
  }
}
h4 {
  margin: 0 0 15px 0;
  font-size: 19px;
  line-height: 24px;
  color: #3E3E3E;
  font-family: 'poppinssemibold';
}
@media (max-width: 1500px) {
  h4 {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 991px) {
  h4 {
    font-size: 15px;
    line-height: 20px;
  }
}
h5 {
  margin: 0 0 15px 0;
  font-family: 'poppinssemibold';
  font-size: 20px;
}
@media (max-width: 991px) {
  h5 {
    font-size: 17px;
  }
}
h6 {
  margin: 0 0 15px 0;
  font-family: 'poppinsmedium';
  font-size: 17px;
}
@media (max-width: 991px) {
  h6 {
    font-size: 15px;
  }
}
i.arrow-right {
  float: right;
  margin: 0 0 0 15px;
  width: 28px;
  height: 28px;
  background: url(../img/arrow-right.svg) no-repeat center;
}
.img-center {
  margin: 0 auto;
  display: table;
}
.bg-gradient {
  margin: 0 0 40px 0;
  padding: 8px 43px;
  display: inline-block;
  font-size: 22px;
  line-height: 28px;
  border-radius: 40px;
  color: #ffffff;
  background: var(--80-gradient, linear-gradient(92deg, rgba(68, 106, 175, 0.8) 0%, rgba(0, 174, 77, 0.8) 100%));
}
.bg-gradient li {
  font-size: 16px;
}
.bg-gradient .brd-divider {
  width: 70px;
  clear: both;
  height: 2px;
  background: #F1EA57;
  margin: 1.6rem auto 1.8rem;
}
.section-bg-gradient {
  margin: 0 0 20px 0;
  padding: 0;
  background: #f4f9e4;
  border-radius: 20px;
}
@media (max-width: 767px) {
  .section-bg-gradient {
    margin: 0 auto 20px;
    width: 98%;
  }
}
.section-bg-gradient h4 {
  margin: 0;
  padding: 8px 15px;
  border-radius: 20px 20px 0 0;
  color: #ffffff;
  background: var(--80-gradient, linear-gradient(92deg, rgba(68, 106, 175, 0.8) 0%, rgba(0, 174, 77, 0.8) 100%));
}
.section-bg-gradient .bg-gradient-content {
  padding: 20px;
}
@media (max-width: 767px) {
  .section-bg-gradient .bg-gradient-content .col {
    flex-basis: inherit;
    margin-bottom: 10px;
  }
}
.full-img {
  margin-top: 20px;
  margin-bottom: 35px;
}
@media (max-width: 767px) {
  .full-img {
    margin-top: 5px;
    margin-bottom: 25px;
  }
}
.highlighted {
  font-size: 20px;
  padding: 1rem 0;
  margin: 0.8rem 0;
  border-top: 1px solid #00AE4D;
  border-bottom: 1px solid #00AE4D;
}
.w-100 {
  width: 100%;
}
.list-type {
  list-style-type: none !important;
}
.line-bg {
  padding: 0 0 30px 0;
  position: relative;
}
@media (max-width: 500px) {
  .line-bg {
    padding: 0 0 8px 0;
  }
}
.line-bg:after {
  content: '';
  position: absolute;
  bottom: 5px;
  width: 50px;
  height: 4px;
  left: 0;
  background: #00ae4d;
}
@media (max-width: 500px) {
  .line-bg:after {
    height: 3px;
    width: 40px;
    bottom: -5px;
  }
}
.line-center::after {
  left: 50%;
  transform: translate(-50%);
}
@media (max-width: 500px) {
  .jarallax-img {
    height: 100% !important;
  }
}
.btn-custom {
  margin: 0;
  padding: 10px 30px;
  background: #00ae4d;
  color: #ffffff;
  font-size: 16px;
  display: inline-block;
  border-radius: 30px;
  transition: all 0.4s ease-in-out;
  font-family: 'poppinssemibold';
}
.btn-custom img {
  float: right;
  margin: 4px 0 0 8px;
}
.btn-custom:hover {
  background: #426aaf;
  color: #ffffff;
}
.btn-outline {
  padding: 12px 28px;
  background: transparent;
  color: #3E3E3E;
  font-size: 16px;
  font-family: 'poppinsmedium';
  border: 2px solid #00ae4d;
}
.btn-outline:hover {
  background: #00ae4d;
  color: #ffffff;
}
.btn-outline:focus {
  background: #00ae4d;
  color: #ffffff;
  border: 2px solid #00ae4d;
}
.bullet-list {
  padding: 0 0 0 15px;
}
.bullet-list li {
  margin: 0 0 12px 0;
  list-style-type: disc;
}
.number-list {
  padding: 0 10px 0 15px;
}
.number-list li {
  margin: 0 0 12px 0;
}
.bullet-list-min {
  padding: 0 0 0 15px;
}
.bullet-list-min li {
  margin: 0 0 2px 0;
  list-style-type: disc;
}
.wrapper-ptb {
  padding: 80px 0;
}
@media (max-width: 1500px) {
  .wrapper-ptb {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-ptb {
    padding: 30px 0;
  }
}
.wrapper-pb {
  padding: 0 0 60px;
}
@media (max-width: 1500px) {
  .wrapper-pb {
    padding: 0 0 40px;
  }
}
@media (max-width: 767px) {
  .wrapper-pb {
    padding: 0 0 30px;
  }
}
.wrapper-pt {
  padding: 60px 0 0;
}
@media (max-width: 1500px) {
  .wrapper-pt {
    padding: 40px 0 0;
  }
}
@media (max-width: 767px) {
  .wrapper-pt {
    padding: 30px 0 0;
  }
}
hr {
  margin-top: 40px;
  margin-bottom: 40px;
  border: 0;
  border-top: 2px solid #426aaf;
}
/*---Navigation---*/
.navbar {
  background: #ffffff;
  padding: 0;
  -webkit-box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 4px 5px -4px rgba(0, 0, 0, 0.1);
}
@media (max-width: 991px) {
  .navbar {
    padding: 0 15px;
  }
}
.navbar-brand .logo {
  height: 65px;
}
@media (max-width: 767px) {
  .navbar-brand .logo {
    height: 50px;
  }
}
@media (max-width: 1199px) {
  .navbar-nav {
    padding: 10px 0;
  }
}
.navbar-nav .nav-link {
  font-size: 16px;
  padding: 0 !important;
  /*&:hover{
	font-weight: 500;
  }*/
}
@media (max-width: 1500px) {
  .navbar-nav .nav-link {
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1300px) {
  .navbar-nav .nav-link {
    font-size: 15px;
  }
}
@media (max-width: 1199px) {
  .navbar-nav .nav-link {
    letter-spacing: 0px;
  }
}
.navbar-nav .nav-link.active {
  font-family: 'poppinssemibold';
}
.navbar-nav .nav-item {
  margin: 0 0 0 45px;
  padding: 32px 0;
}
@media (max-width: 1199px) {
  .navbar-nav .nav-item {
    padding: 10px 0;
    margin: 0;
  }
}
.navbar-nav .dropdown-menu {
  margin: 0 0 0 0;
  padding: 15px 30px 18px;
  min-width: 320px;
  border: 0;
  border-top: 1px solid #00ae4d;
  border-radius: 0;
  -webkit-box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 8px 14px -6px rgba(0, 0, 0, 0.4);
}
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu {
    margin-top: 16px;
    padding: 15px;
  }
}
.navbar-nav .dropdown-menu li {
  margin: 10px 0;
}
.navbar-nav .dropdown-menu a {
  text-decoration: none;
  color: #3E3E3E;
  font-size: 15px;
  display: block;
  line-height: 21px;
}
.navbar-nav .dropdown-menu a:hover {
  color: #426aaf;
}
.navbar-nav .dropdown-menu.col-02 {
  min-width: 500px;
}
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu.col-02 {
    min-width: auto;
    float: inline-start;
    width: 100%;
  }
}
.navbar-nav .dropdown-menu.col-02 ul {
  width: 45%;
  float: left;
}
.navbar-nav .dropdown-menu.col-02 ul.menu2 {
  width: 55%;
}
.navbar-nav .dropdown-menu.col-02 li {
  width: 100%;
  float: left;
  margin: 5px 0;
}
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu.col-02 li {
    width: 100%;
    float: none;
  }
}
@media (min-width: 991px) {
  .navbar-nav .dropdown-menu.col-02-right {
    right: 0;
    left: auto;
  }
}
.navbar-nav .dropdown-menu.col-03 {
  padding: 15px 0px 18px 30px;
  min-width: 500px;
  right: 0;
  left: auto;
}
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu.col-03 {
    min-width: 100%;
    width: 100%;
  }
}
.navbar-nav .dropdown-menu.col-03 strong {
  font-family: 'poppinsmedium';
  color: #00ae4d;
}
.navbar-nav .dropdown-menu.col-03 strong:hover {
  color: #426aaf;
}
.navbar-nav .dropdown-menu.col-03 li {
  width: 50%;
  float: left;
}
@media (max-width: 1199px) {
  .navbar-nav .dropdown-menu.col-03 li {
    width: 100%;
    float: none;
  }
}
.navbar-nav .dropdown-menu.col-03 li ul {
  padding: 0;
}
.navbar-nav .dropdown-menu.col-03 li ul li {
  width: 100% !important;
}
/*--Navbar Dropdown Arrow--*/
.navbar-nav .dropdown-menu {
  position: relative;
}
.navbar-nav .dropdown-menu:after,
.navbar-nav .dropdown-menu:before {
  bottom: 100%;
  left: 60px;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.navbar-nav .dropdown-menu:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #ffffff;
  border-width: 15px;
  margin-left: -30px;
}
.navbar-nav .dropdown-menu:before {
  border-color: rgba(194, 225, 245, 0);
  border-bottom-color: #00ae4d;
  border-width: 16px;
  margin-left: -31px;
}
@media (min-width: 1200px) {
  .navbar-nav .dropdown-menu.col-02-right:after,
  .navbar-nav .dropdown-menu.col-02-right:before {
    right: 80px;
    left: inherit;
  }
}
@media (min-width: 1200px) {
  .navbar-nav .dropdown-menu.col-02-right:after {
    margin-right: 1px;
  }
}
.navbar-nav .dropdown-menu.col-03:after,
.navbar-nav .dropdown-menu.col-03:before {
  right: 80px;
  left: inherit;
}
.navbar-nav .dropdown-menu.col-03:after {
  margin-right: 1px;
}
/*-----*/
/*---Footer----*/
.footer-bg {
  margin: 0;
  padding: 0;
  color: #ffffff;
  font-size: 15px;
  background: linear-gradient(269deg, #00AD4D 0.1%, #2B367D 100%);
}
.footer-bg a {
  color: #ffffff;
}
.footer-bg a:hover {
  color: #b8e1c5;
}
@media (max-width: 767px) {
  .footer-bg {
    padding: 20px 0px;
    font-size: 14px;
  }
  .footer-bg img {
    width: 50px;
  }
}
.footer-bg strong {
  font-size: 20px;
}
@media (max-width: 1500px) {
  .footer-bg strong {
    font-size: 17px;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 991px) {
  .footer-bg strong {
    display: block;
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .footer-bg strong br {
    display: none;
  }
}
.footer-bg ul {
  margin: 23px 0 0 0;
  padding: 0;
}
@media (max-width: 767px) {
  .footer-bg ul {
    margin: 10px 0 0 0;
  }
}
.footer-bg ul li {
  margin: 0 0 12px 0;
}
@media (max-width: 767px) {
  .footer-bg ul li {
    margin: 0 0 8px 0;
  }
}
.footer-bg ul li a {
  margin: 0 0 0 0;
  color: #ffffff;
  line-height: 19px;
  display: block;
}
.footer-bg ul li a:hover {
  color: #b8e1c5;
}
.footer-bg .menu-corporate {
  width: 100%;
  float: left;
}
@media (max-width: 991px) {
  .footer-bg .menu-corporate {
    padding-left: 15px;
  }
}
.footer-bg .link-assurance {
  margin: 25px 0 0 0;
  display: block;
}
.footer-bg .link-assurance img {
  margin: 0 8px 0 0;
  width: 38px;
}
.footer-bg .link-assurance strong {
  font-size: 18px;
}
@media (max-width: 1500px) {
  .footer-bg .link-assurance strong {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .footer-bg .link-assurance strong {
    font-size: 17px;
  }
}
.footer-bg .container {
  padding-top: 45px;
  padding-bottom: 45px;
  border-top: 1px solid rgba(255, 255, 255, 0.6);
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
}
footer {
  margin: 0;
  padding: 20px 0px;
  color: #ffffff;
  font-size: 14px;
  background: linear-gradient(269deg, #00AD4D 0.1%, #2B367D 100%);
}
footer a {
  margin: 0 0;
  padding: 0 5px;
  color: #ffffff;
}
footer a:hover {
  color: #b8e1c5;
}
@media (max-width: 767px) {
  footer {
    text-align: center;
  }
  footer .col-auto {
    width: 100%;
    text-align: center;
  }
}
.table01 {
  margin: 25px 0 40px;
}
.table01 .table td,
.table01 .table th {
  border-bottom: 2px solid #d2e288;
  border-top: 0;
  padding: 15px;
}
.table01 .table th {
  background: #4269ae;
  color: #ffffff;
  font-size: 17px;
}
@media (max-width: 767px) {
  .table01 .table th {
    font-size: 15px;
  }
}
.table01 .table td {
  background: #f6faeb;
}
.table01 .table td p {
  margin-bottom: 6px;
}
.color-black {
  color: #3E3E3E !important;
}
.color-white {
  color: #ffffff !important;
}
.color-green {
  color: #00ae4d !important;
}
.color-blue {
  color: #426aaf !important;
}
.bg-green {
  background: #00ae4d !important;
}
.bg-blue {
  background: #426aaf !important;
}
.bg-gray {
  background: #f2f2f2 !important;
}
.navbar-toggler span {
  width: 30px;
  height: 2px;
  background: #5b5b5b;
  display: block;
  margin: 8px 0;
}
.jarallax {
  position: relative;
  z-index: 0;
}
.jarallax > .jarallax-img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.banner-home {
  width: 100%;
  padding: 0;
  height: 100vh;
}
@media (max-width: 767px) {
  .banner-home {
    height: 60vh;
  }
}
@media (max-width: 500px) {
  .banner-home {
    height: 32vh;
  }
}
.banner-home video {
  object-fit: cover;
  width: 100%;
  margin-top: 50px;
}
@media (max-width: 767px) {
  .banner-home video {
    margin-top: 60px;
  }
}
.head-line {
  margin: 0 0 40px 0;
  font-size: 50px;
  line-height: 55px;
  font-family: 'poppinsbold';
  position: relative;
  display: inherit;
}
@media (max-width: 1500px) {
  .head-line {
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 1200px) {
  .head-line {
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width: 991px) {
  .head-line {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 767px) {
  .head-line {
    font-size: 24px;
    line-height: 32px;
  }
}
.head-line span {
  margin: 0;
  overflow: hidden;
  background: var(--lupin-gradient-heading, linear-gradient(298deg, #A6CE39 0%, #00AE4D 56.96%, #416FAD 100%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
}
.head-line span br {
  display: none;
}
.head-line:after {
  content: '';
  position: absolute;
  bottom: 18px;
  left: 49%;
  right: 0;
  height: 2px;
  background: #00AE4D;
}
@media (max-width: 1500px) {
  .head-line:after {
    left: 43%;
  }
}
@media (max-width: 991px) {
  .head-line:after {
    display: none;
  }
}
.wrapper-key-highlight {
  padding: 80px 0;
  color: #ffffff;
  background: linear-gradient(92deg, rgba(68, 106, 175, 0.7) 0%, rgba(0, 174, 77, 0.7) 100%, rgba(44, 55, 126, 0) 100%);
}
@media (max-width: 1500px) {
  .wrapper-key-highlight {
    padding: 100px 0 70px;
  }
}
@media (max-width: 991px) {
  .wrapper-key-highlight {
    padding: 95px 15px 60px;
  }
  .wrapper-key-highlight .col-lg-3 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlight {
    padding: 40px 15px;
  }
}
.wrapper-key-highlight .head-line {
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 63px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlight .head-line {
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlight .head-line {
    line-height: 32px;
  }
}
.wrapper-key-highlight .head-line::after {
  bottom: 15px;
  left: 28%;
  background: #fff;
}
@media (max-width: 1500px) {
  .wrapper-key-highlight .head-line::after {
    left: 25%;
  }
}
.wrapper-key-highlight .sec-highlights {
  padding: 22px 20px 25px;
  color: #3E3E3E;
  font-size: 16px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
  height: 100%;
}
@media (max-width: 767px) {
  .wrapper-key-highlight .sec-highlights {
    padding: 25px 15px;
  }
}
.wrapper-key-highlight .sec-highlights .sec-highlights-icon {
  text-align: right;
  margin: 0 0 25px 0;
  min-height: 75px;
  font-size: 70px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .wrapper-key-highlight .sec-highlights .sec-highlights-icon {
    margin: 0 0 20px 0;
    min-height: 65px;
    font-size: 60px;
  }
  .wrapper-key-highlight .sec-highlights .sec-highlights-icon img {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlight .sec-highlights .sec-highlights-icon {
    margin: 0 0 15px 0;
  }
  .wrapper-key-highlight .sec-highlights .sec-highlights-icon img {
    width: 70px;
  }
}
.wrapper-key-highlight .sec-highlights .sec-highlights-icon strong {
  margin: 25px 0 5px 0;
  font-family: 'poppinssemibold';
  font-size: 18px;
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .wrapper-key-highlight .sec-highlights .sec-highlights-icon strong {
    margin: 22px 0 5px 0;
  }
}
.wrapper-key-highlight .sec-highlights .sec-highlights-icon i {
  background: #caddff;
  padding: 10px;
  font-size: 23px;
  border-radius: 50%;
  float: right;
  border: 8px solid #dfebff;
  width: 64px;
  height: 64px;
  line-height: 28px;
  text-align: center;
}
.wrapper-key-highlight .sec-highlights h3 {
  margin: 15px 0 0 0;
  font-size: 28px;
  line-height: 34px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlight .sec-highlights h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.wrapper-key-highlight .highlights-color01 strong,
.wrapper-key-highlight .highlights-color01 h3 {
  color: #4A6DAA;
}
.wrapper-key-highlight .highlights-color02 strong,
.wrapper-key-highlight .highlights-color02 h3 {
  color: #4E8790;
}
.wrapper-key-highlight .highlights-color03 strong,
.wrapper-key-highlight .highlights-color03 h3 {
  color: #57A26B;
}
.wrapper-key-highlight .highlights-color04 strong,
.wrapper-key-highlight .highlights-color04 h3 {
  color: #6FB457;
}
.wrapper-key-highlight .key-highlight002 {
  margin-top: 60px;
  text-align: center;
  color: #ffffff;
}
.wrapper-key-highlight .key-highlight002 h3 {
  margin: 22px 0 8px 0;
  text-align: center;
  color: #ffffff;
  font-size: 28px;
  line-height: 34px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlight .key-highlight002 h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.wrapper-key-highlight .key-highlight002 .highlights-icon {
  margin: 0 auto;
  background: #94c159;
  padding: 10px;
  font-size: 23px;
  border-radius: 50%;
  border: 8px solid #a3c774;
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
}
@media (max-width: 767px) {
  .wrapper-key-highlight .key-highlight002 img {
    width: 100px;
  }
}
.wrapper-home-our-value {
  padding: 75px 0;
  background: url(../img/our-value-vector01.svg) no-repeat 99% -35px;
  background-size: 165px;
}
@media (max-width: 1500px) {
  .wrapper-home-our-value {
    background-size: 115px;
  }
}
@media (max-width: 767px) {
  .wrapper-home-our-value {
    padding: 40px 0;
    background-size: 70px;
    background-position: 97% -19px;
    background: transparent;
  }
}
.wrapper-home-our-value .our-value-content-bg {
  padding: 20px;
  border-radius: 20px;
  background: #F2F2F2;
  margin: 35px auto 15px;
  width: 92%;
  position: relative;
}
.wrapper-home-our-value .our-value-content-bg img {
  position: absolute;
  top: -20px;
  right: 35px;
}
.wrapper-home-our-value .our-value-content-bg h2 {
  margin: 0 0 10px 0;
  font-size: 20px;
  line-height: 26px;
  font-family: 'poppinssemibold';
}
.wrapper-home-our-value .our-value-content-bg ul {
  padding: 0 0 0 15px;
  list-style-type: disc;
  margin: 0;
}
.wrapper-home-our-value .our-value-content-bg ul li {
  margin: 0 0 3px 0;
}
.wrapper-home-our-value .wrapper-accordion .card .card-header .btn-header-link {
  font-family: 'poppinsregular';
}
.value-footer-img {
  margin: 15px 0 0 0;
}
.wrapper-accordion .card {
  margin-bottom: 25px;
  border: 0;
  background: transparent;
  border-radius: 0;
}
.wrapper-accordion .card .card-header {
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}
.wrapper-accordion .card .card-header img {
  margin: 0 12px 0 0;
}
@media (max-width: 1500px) {
  .wrapper-accordion .card .card-header img {
    margin: 0 6px 0 0;
    width: 50px;
  }
}
.wrapper-accordion .card .card-body {
  padding: 20px 0;
}
.wrapper-accordion .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  padding: 0 0 12px 0;
  font-size: 20px;
  color: #3E3E3E;
  border: 0;
  border-bottom: 1px solid #dedede;
  border-radius: 0;
  font-family: 'poppinsmedium';
}
@media (max-width: 1500px) {
  .wrapper-accordion .card .card-header .btn-header-link {
    font-size: 19px;
  }
}
@media (max-width: 1300px) {
  .wrapper-accordion .card .card-header .btn-header-link {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
  .wrapper-accordion .card .card-header .btn-header-link {
    font-size: 16px;
  }
}
.wrapper-accordion .card .card-header .btn-header-link:focus {
  box-shadow: none;
}
.wrapper-accordion .card .card-header .btn-header-link:after {
  content: "";
  background: url(../img/chevron-up.svg) no-repeat center right;
  width: 24px;
  height: 24px;
  position: absolute;
  right: 15px;
  top: 15px;
}
.wrapper-accordion .card .card-header .btn-header-link.collapsed:after {
  content: "";
  background: url(../img/chevron-down.svg) no-repeat center right;
}
.wrapper-accordion .card .collapse {
  border: 0;
}
.wrapper-value-creation {
  padding: 90px 0 0px;
  color: #ffffff;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: url(../img/our-capital-vector02.svg) no-repeat 50px top;
  /*background: url(../img/our-capital-vector01.svg) no-repeat 0 0, url(../img/our-capital-vector02.svg) no-repeat 99% 0;*/
  background-size: 150px;
  background-color: #F8F8F8;
}
@media (max-width: 1500px) {
  .wrapper-value-creation {
    background-position: left top;
    background-size: 70px;
    padding: 75px 0 0px;
  }
}
@media (max-width: 991px) {
  .wrapper-value-creation {
    padding: 40px 0 0;
    background: transparent;
    background-color: #F8F8F8;
  }
}
.wrapper-value-creation .head-line:after {
  left: 24%;
  right: 0%;
}
@media (max-width: 1500px) {
  .wrapper-value-creation .head-line:after {
    left: 22%;
  }
}
@media (max-width: 991px) {
  .wrapper-value-creation .head-line:after {
    display: none;
  }
}
@media (max-width: 1500px) {
  .wrapper-value-creation .head-line {
    margin: 0 0 30px 0;
  }
}
.wrapper-value-creation .value-creation-grid-bg {
  min-height: 485px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .value-creation-grid-bg {
    min-height: 450px;
  }
}
.wrapper-value-creation .grid-bg {
  margin: 0;
  padding: 0;
  height: 450px;
  overflow: hidden;
  position: relative;
  transition: all 0.5s ease-in-out;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-bg {
    height: 400px;
  }
}
.wrapper-value-creation .grid-bg:hover {
  height: 480px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-bg:hover {
    height: 430px;
  }
}
@media (max-width: 1200px) {
  .wrapper-value-creation .grid-bg:hover {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .wrapper-value-creation .grid-bg {
    height: 300px;
  }
}
.wrapper-value-creation .grid-manufacturing {
  height: 335px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-manufacturing {
    height: 290px;
  }
}
.wrapper-value-creation .grid-manufacturing:hover {
  height: 375px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-manufacturing:hover {
    height: 320px;
  }
}
.wrapper-value-creation .grid-manufacturing a {
  margin-left: 10px;
}
@media (max-width: 767px) {
  .wrapper-value-creation .grid-manufacturing a {
    margin-left: 0px;
  }
}
.wrapper-value-creation .grid-social {
  height: 400px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-social {
    height: 350px;
  }
}
.wrapper-value-creation .grid-social:hover {
  height: 440px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-social:hover {
    height: 380px;
  }
}
.wrapper-value-creation .grid-intellectual {
  height: 370px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-intellectual {
    height: 320px;
  }
}
.wrapper-value-creation .grid-intellectual:hover {
  height: 410px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-intellectual:hover {
    height: 350px;
  }
}
.wrapper-value-creation .grid-human {
  height: 335px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-human {
    height: 290px;
  }
}
.wrapper-value-creation .grid-human:hover {
  height: 370px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-human:hover {
    height: 310px;
  }
}
.wrapper-value-creation .grid-natural {
  height: 305px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-natural {
    height: 270px;
  }
}
.wrapper-value-creation .grid-natural:hover {
  height: 345px;
}
@media (max-width: 1400px) {
  .wrapper-value-creation .grid-natural:hover {
    height: 300px;
  }
}
.wrapper-value-creation .grid-scale {
  transition: all 0.9s ease-in-out;
  /*transform: scale(1);*/
  height: 100%;
  width: 100%;
  position: relative;
}
.wrapper-value-creation .grid-scale:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 35%;
  box-shadow: inset 0 -133px 50px -66px rgba(0, 0, 0, 0.6);
}
.wrapper-value-creation .grid-scale:hover {
  /*	transform: scale(1,1);*/
  transition: all 0.9s ease-in-out;
}
.wrapper-value-creation h4 {
  position: absolute;
  bottom: 15px;
  left: 25px;
  z-index: 9;
  color: #ffffff;
  transition: all 0.5s;
}
@media (max-width: 1500px) {
  .wrapper-value-creation h4 {
    left: 15px;
    font-size: 17px;
    line-height: 22px;
  }
}
@media (max-width: 1200px) {
  .wrapper-value-creation h4 {
    bottom: 50px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .wrapper-value-creation h4 {
    left: 30px;
  }
}
.wrapper-value-creation .grid-bg:hover h4 {
  bottom: 100px;
}
.wrapper-value-creation .manufacturing-head {
  left: 30px;
}
.wrapper-value-creation .grid-caption {
  margin: 0;
  padding: 25px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  -webkit-transform: scale(0.4);
  -ms-transform: scale(0.4);
  transform: scale(0.4);
  opacity: 0;
  visibility: hidden;
  background: var(--lupin-gradient-heading, linear-gradient(298deg, #A6CE39 0%, #00AE4D 56.96%, #416FAD 100%));
  /*i{
			margin: 0 0 25px 0;
			background: #EFEFEF;
			padding: 10px;
			font-size: 18px;
			border-radius: 50%;
			width: 56px;
			height: 56px;
			line-height: 56px;
			text-align: center;
			display: block;
		}*/
  /*h4{
			margin: 0 0 45px 0;
			color: @color-white;
			@media(max-width:991px){
		    	margin: 0 0 45px 0px;
		    }
		    @media(max-width:767px){
		    	margin: 0 0 30px 15px;
		    	font-size: 17px;
				line-height: 26px;
		    }
		}*/
}
@media (max-width: 1200px) {
  .wrapper-value-creation .grid-caption {
    padding: 25px 15px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: .7;
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .wrapper-value-creation .grid-caption {
    bottom: 0px;
  }
}
.wrapper-value-creation .grid-caption img {
  margin: 0 0 20px 0;
}
.wrapper-value-creation .grid-caption a {
  padding: 10px 0px;
  color: #ffffff;
  border-radius: 0;
  font-family: 'poppinsmedium';
  text-transform: uppercase;
  letter-spacing: 0.4px;
  position: absolute;
  bottom: 20px;
  left: 25px;
  display: inline-block;
  line-height: 28px;
}
@media (max-width: 1200px) {
  .wrapper-value-creation .grid-caption a {
    left: 15px;
  }
}
@media (max-width: 991px) {
  .wrapper-value-creation .grid-caption a {
    left: 12px;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0px;
  }
}
@media (max-width: 767px) {
  .wrapper-value-creation .grid-caption a {
    padding: 10px 15px;
    left: 15px;
    font-size: 15px;
    line-height: 20px;
  }
}
.wrapper-value-creation .grid-caption a i {
  transition: all 0.4s ease-in-out;
}
@media (max-width: 991px) {
  .wrapper-value-creation .grid-caption a i {
    margin: 0 0 0 6px;
    width: 20px;
    height: 20px;
    background-size: 20px;
  }
}
.wrapper-value-creation .grid-caption a:hover {
  color: #ffffff;
}
.wrapper-value-creation .grid-caption a:hover i {
  margin-left: 25px;
}
.wrapper-value-creation .grid-bg:hover .grid-caption {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: .9;
  visibility: visible;
}
.wrapper-value-creation .manufacturing-capital-img {
  background: url(../img/home-manufacturing-capital.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-value-creation .social-relationship-img {
  background: url(../img/home-social-relationship.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-value-creation .financial-capital-img {
  background: url(../img/home-financial-capital.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-value-creation .intellectual-capital-img {
  background: url(../img/home-intellectual-capital.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-value-creation .human-capital-img {
  background: url(../img/home-human-capital.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-value-creation .natural-capital-img {
  background: url(../img/home-natural-capital.jpg) no-repeat center;
  background-size: cover;
}
.wrapper-esg-goals {
  padding: 90px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: url(../img/esg-goals-vector.svg) no-repeat right bottom;
  background-size: 150px;
  background-color: #ffffff;
}
@media (max-width: 1500px) {
  .wrapper-esg-goals {
    background-size: 85px;
  }
}
@media (max-width: 991px) {
  .wrapper-esg-goals {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-esg-goals {
    background: transparent;
  }
}
.wrapper-esg-goals .head-line {
  margin: 0 0 30px 0;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .head-line {
    margin: 0 0 15px 0;
  }
}
.wrapper-esg-goals .head-line::after {
  left: 27%;
}
@media (max-width: 1500px) {
  .wrapper-esg-goals .head-line::after {
    left: 24%;
  }
}
.wrapper-esg-goals .btn-custom {
  margin: 25px 0 0 20px;
}
.wrapper-esg-goals .esg-accordion {
  margin: 30px 0 0 0;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link:after {
  background: url(../img/chevron-up_white.svg) no-repeat center right !important;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.collapsed:after {
  background: url(../img/chevron-down_white.svg) no-repeat center right !important;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link {
  border-radius: 16px 16px 0px 0px;
  /*background: linear-gradient(268deg, #A6CE39 0%, #00AE4D 28.22%, #416FAD 100%);*/
  background: #4D72B2;
  padding: 12px 0 12px 25px;
  color: #ffffff;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link {
    padding: 12px 25px 12px 10px;
    font-size: 16px;
  }
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.collapsed {
  background: #4D72B2;
  color: #ffffff;
  font-family: 'poppinsregular';
  border-radius: 16px;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.esg-acc-bg02 {
  background: #56959F;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.esg-acc-bg03 {
  background: #6FB457;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.esg-acc-bg04 {
  background: #7FAF41;
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link.esg-acc-bg05 {
  background: #ACC12F;
}
.wrapper-esg-goals .esg-accordion .card {
  margin: 0;
  padding: 0px 20px 18px 20px;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .card {
    padding: 0px 5px 26px 5px;
  }
}
.wrapper-esg-goals .esg-accordion .card-body {
  border-radius: 0px 0px 20px 20px;
  background: #FFF;
  padding: 35px;
  box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .card-body {
    padding: 15px 15px 0px 15px;
  }
}
.wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link::after {
  right: 40px;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .card .card-header .btn-header-link::after {
    right: 15px;
  }
}
.wrapper-esg-goals .esg-accordion .esg-goals-content {
  padding: 20px;
  border-radius: 20px;
  background: #E8F0FF;
  height: 100%;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .esg-goals-content {
    height: auto;
    margin: 0 0 20px 0;
  }
}
.wrapper-esg-goals .esg-accordion .esg-goals-content ul {
  padding: 0 0 0 15px;
  list-style-type: disc;
  margin: 0 0 6px 0;
}
.wrapper-esg-goals .esg-accordion .esg-goals-content ul li {
  margin: 0 0 3px 0;
}
.wrapper-esg-goals .esg-accordion .esg-goals-content strong {
  font-size: 17px;
}
@media (max-width: 767px) {
  .wrapper-esg-goals .esg-accordion .esg-goals-content strong {
    font-size: 16px;
  }
}
.wrapper-esg-goals .esg-accordion .esg-goals-content img {
  margin: 0 0 35px 0;
}
.wrapper-esg-goals .esg-accordion .esg-goals-content .bg-gradient {
  margin: 0 0 20px 0;
  padding: 5px 25px;
  font-size: 14px;
}
.wrapper-reflections {
  padding: 80px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: url(../img/reflections-vector.svg) no-repeat 103% 150%;
  background-color: #F8F8F8;
}
@media (max-width: 1500px) {
  .wrapper-reflections {
    background-size: 275px;
    padding: 70px 0;
  }
}
@media (max-width: 991px) {
  .wrapper-reflections {
    padding: 40px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-reflections a {
    margin-bottom: 20px;
    display: block;
  }
}
.wrapper-reflections .head-line::after {
  left: 45%;
}
@media (max-width: 1500px) {
  .wrapper-reflections .head-line::after {
    left: 40%;
  }
}
.wrapper-reflections h4 {
  margin: 20px 0 15px 0;
  font-size: 24px;
  line-height: 32px;
}
@media (max-width: 1500px) {
  .wrapper-reflections h4 {
    margin: 15px 0 15px 0;
    font-size: 21px;
    line-height: 30px;
  }
}
@media (max-width: 767px) {
  .wrapper-reflections h4 {
    margin: 0px 0 8px 0;
    font-size: 18px;
    line-height: 25px;
  }
}
.wrapper-download {
  margin: 0;
  padding: 70px 0;
  background: linear-gradient(269deg, #00AD4D 0.1%, #2B367D 100%);
}
.wrapper-download h4 {
  margin: 0 0 22px 0;
}
.wrapper-download a {
  display: inline-block;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.wrapper-download a:hover {
  color: #b8e1c5;
}
@media (max-width: 767px) {
  .wrapper-download {
    padding: 50px 0 40px;
  }
  .wrapper-download .text-right,
  .wrapper-download .text-left {
    text-align: center !important;
  }
  .wrapper-download h4 {
    margin-top: 20px;
  }
}
.our-value-business {
  position: relative;
}
.our-value-business-img {
  position: relative;
  left: 0%;
  top: 0;
  right: 0;
}
.our-value-business-img img {
  width: 100%;
}
.our-value-business-inner {
  position: absolute;
  left: 1%;
  top: 5px;
  right: 0;
}
.our-value-business-inner img {
  width: 100%;
}
.inner-banner {
  width: 100%;
  padding: 0;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .inner-banner {
    height: 65vh;
  }
}
@media (max-width: 500px) {
  .inner-banner {
    height: 50vh;
  }
}
.inner-banner .home-banner-content {
  padding: 0;
  position: absolute;
  text-align: left;
  width: 43%;
  z-index: 99;
  bottom: 0;
  left: 0;
}
@media (max-width: 1500px) {
  .inner-banner .home-banner-content {
    width: 45%;
  }
}
@media (max-width: 991px) {
  .inner-banner .home-banner-content {
    padding: 0 0 0 20px;
    text-align: left;
    width: 100%;
    bottom: 35%;
    left: 0;
  }
  .inner-banner .home-banner-content img {
    display: none;
  }
}
.inner-banner .home-banner-content h1 {
  margin: 50px 0;
  font-size: 55px;
  position: absolute;
  bottom: 47%;
  left: 35%;
  width: 520px;
  text-align: center;
  line-height: 1;
}
@media (min-width: 2500px) {
  .inner-banner .home-banner-content h1 {
    left: 32%;
  }
}
@media (min-width: 3000px) {
  .inner-banner .home-banner-content h1 {
    left: 27%;
  }
}
@media (min-width: 3500px) {
  .inner-banner .home-banner-content h1 {
    left: 24%;
  }
}
@media (min-width: 3500px) {
  .inner-banner .home-banner-content h1 {
    left: 20%;
  }
}
@media (max-width: 1500px) {
  .inner-banner .home-banner-content h1 {
    font-size: 42px;
    bottom: 42%;
    left: 38%;
    width: 340px;
  }
}
@media (max-width: 1200px) {
  .inner-banner .home-banner-content h1 {
    font-size: 30px;
    line-height: 36px;
    bottom: 42%;
    left: 39%;
    width: 250px;
  }
}
@media (max-width: 991px) {
  .inner-banner .home-banner-content h1 {
    position: static;
    text-align: left;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 767px) {
  .inner-banner .home-banner-content h1 {
    font-size: 24px;
    line-height: 30px;
  }
}
.inner-banner .home-banner-content a {
  color: #ffffff;
}
.inner-banner .home-banner-content a:hover {
  color: #00ae4d;
}
@media (max-width: 767px) {
  .inner-banner .home-banner-content a {
    display: none;
  }
}
.wrapper-about-founder .about-founder-head {
  margin: 0;
  padding: 60px 0 45px;
  position: relative;
}
@media (max-width: 991px) {
  .wrapper-about-founder .about-founder-head {
    padding: 20px 0;
  }
  .wrapper-about-founder .about-founder-head h2 {
    margin-top: 30px;
  }
}
@media (max-width: 500px) {
  .wrapper-about-founder .about-founder-head h2 {
    margin-top: 5px;
    font-size: 24px;
    line-height: 28px;
  }
  .wrapper-about-founder .about-founder-head strong {
    font-size: 14px;
    line-height: 17px;
    display: block;
  }
  .wrapper-about-founder .about-founder-head .col-8 {
    padding-left: 0;
  }
}
.wrapper-about-founder .about-founder-head h4 {
  margin: 0 0 10px 0;
}
.wrapper-about-founder .about-founder-head img {
  /*	@media(min-width:991px){
				display: none;
			}*/
}
.wrapper-about-founder .about-founder-head .shape-about-head {
  position: absolute;
  bottom: -1px;
  right: 4%;
  z-index: 1;
  display: block;
}
@media (max-width: 1500px) {
  .wrapper-about-founder .about-founder-head .shape-about-head {
    width: 260px;
  }
}
@media (max-width: 1200px) {
  .wrapper-about-founder .about-founder-head .shape-about-head {
    width: 230px;
    right: 2%;
  }
}
@media (max-width: 991px) {
  .wrapper-about-founder .about-founder-head .shape-about-head {
    display: none;
  }
}
.wrapper-about-founder .about-founder-content {
  margin: 0;
  padding: 50px 0 30px;
  background: #00ae4d;
  color: #ffffff;
  font-size: 15px;
  line-height: 22px;
  position: relative;
}
@media (max-width: 991px) {
  .wrapper-about-founder .about-founder-content {
    padding: 30px 0 25px;
  }
}
.wrapper-about-founder .about-founder-content img {
  position: absolute;
  bottom: -30px;
  width: 100%;
  z-index: 2;
}
@media (max-width: 991px) {
  .wrapper-about-founder .about-founder-content img {
    display: none;
  }
}
.wrapper-about-founder .about-founder-content .shape-about-content {
  position: absolute;
  top: -1px;
  left: 2%;
  z-index: 1;
  display: block;
  width: auto;
}
@media (max-width: 1500px) {
  .wrapper-about-founder .about-founder-content .shape-about-content {
    width: 270px;
    left: 0;
  }
}
@media (max-width: 1200px) {
  .wrapper-about-founder .about-founder-content .shape-about-content {
    width: 240px;
  }
}
@media (max-width: 991px) {
  .wrapper-about-founder .about-founder-content .shape-about-content {
    display: none;
  }
}
.wrapper-our-values {
  background: url(../img/about-our-values-bg.jpg) no-repeat center center;
  background-size: cover;
  padding-top: 2.3rem;
  padding-bottom: 2.5rem;
  color: #ffffff;
}
.wrapper-our-values h2 {
  background: none;
  background-clip: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #ffffff;
  color: #ffffff;
  padding-top: 1rem;
  margin-bottom: 35px;
}
.wrapper-our-values h3 {
  color: #ffffff;
}
.flex-containers {
  position: relative;
  height: 620px;
  width: 100%;
  display: -webkit-flex;
  /* Safari */
  display: flex;
  overflow: hidden;
}
@media (max-width: 1500px) {
  .flex-containers {
    height: 480px;
  }
}
.flex-containers h6 {
  font-size: 16px;
}
.flex-containers a {
  color: #ffffff;
}
.flex-containers a:hover {
  color: #426aaf;
}
@media screen and (max-width: 768px) {
  .flex-containers {
    flex-direction: column;
    height: auto;
  }
  .flex-containers h6 {
    font-size: 16px;
  }
}
.flex-title {
  color: #fff;
  position: relative;
  height: 240px;
  padding: 0px 20px;
  line-height: 1.1;
  margin: auto;
  text-align: left;
  transform: rotate(0deg);
  top: 15%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-title {
    transform: rotate(0deg) !important;
    top: 1%;
    margin-top: 30px;
    height: auto;
  }
}
.flex-title img {
  margin: 0 0 15px 0;
}
.flex-about {
  opacity: 0;
  color: #fff;
  position: relative;
  width: 100%;
  padding: 20px;
  top: -18%;
  border-radius: 0px;
  line-height: 1.4;
  margin: auto;
  text-align: left;
  overflow: hidden;
  font-size: 90%;
  transform: rotate(0deg);
  transition: all 0.2s ease;
  background: url(../img/about-strategy-info-bg.svg) no-repeat right bottom;
  background-attachment: fixed;
  transition-delay: 0.4s;
}
@media screen and (max-width: 768px) {
  .flex-about {
    background: none;
    border: 0px solid #f1f1f1;
    top: 16%;
    opacity: 1;
  }
}
.flex-slide {
  -webkit-flex: 1;
  /* Safari 6.1+ */
  -ms-flex: 1;
  /* IE 10 */
  flex: 1;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  transition: all 500ms ease;
}
@media screen and (max-width: 768px) {
  .flex-slide {
    overflow: auto;
    overflow-x: hidden;
  }
}
@media screen and (max-width: 768px) {
  .flex-slide p {
    font-size: 15px;
  }
}
.flex-slide:hover {
  -webkit-flex-grow: 3;
  flex-grow: 3;
}
.flex-slide:hover .flex-about {
  /*top: 27%;*/
}
.home {
  /*height: 100vh;*/
  background: #4D72B2;
  background-attachment: fixed;
}
@media screen and (min-width: 768px) {
  .home {
    animation: aboutFlexSlide $defaultSeconds 1;
    animation-delay: 0s;
  }
}
@keyframes aboutFlexSlide {
  0% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
  50% {
    -webkit-flex-grow: 3;
    flex-grow: 3;
  }
  100% {
    -webkit-flex-grow: 1;
    flex-grow: 1;
  }
}
@media screen and (min-width: 768px) {
  .flex-title-home {
    transform: rotate(270deg);
    top: 44%;
    animation: aboutFlexSlide $defaultSeconds 1;
    animation-delay: 0s;
  }
}
@keyframes homeFlextitle {
  0% {
    transform: rotate(270deg);
    top: 44%;
  }
  50% {
    transform: rotate(0deg);
    top: 44%;
  }
  100% {
    transform: rotate(270deg);
    top: 44%;
  }
}
@media screen and (min-width: 768px) {
  .flex-about-home {
    animation: aboutFlexSlide $defaultSeconds 1;
    animation-delay: 0s;
    opacity: 0;
  }
}
@keyframes flexAboutHome {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.about {
  background: #56959F;
}
.cost {
  background: #6fb457;
}
.home a {
  color: #ffffff;
}
.home a:hover {
  color: #00ae4d;
}
.work {
  background: #c5d759;
}
.work .flex-title {
  color: #282828;
}
.work .flex-about {
  color: #282828;
}
.work a {
  color: #282828;
}
.work a:hover {
  color: #426aaf;
}
.contact {
  background: #f1ea57;
}
.contact .flex-title {
  color: #282828;
}
.contact a {
  color: #282828;
}
.contact a:hover {
  color: #426aaf;
}
.contact .flex-about {
  color: #282828;
}
/*.spinner {
	position: fixed;
	top: 0;
	left: 0;
	background: #222;
	height: 100%;
	width: 100%;
	z-index: 11;
	margin-top: 0;
	color: #fff;
	font-size: 1em;
}*/
.cube1,
.cube2 {
  background-color: #fff;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
  animation: sk-cubemove 1.8s infinite ease-in-out;
}
.cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes sk-cubemove {
  25% {
    -webkit-transform: translateX(42px) rotate(-270deg) scale(0.5);
  }
  50% {
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    -webkit-transform: rotate(-360deg);
  }
}
@keyframes sk-cubemove {
  25% {
    transform: translateX(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(42px) rotate(-270deg) scale(0.5);
  }
  50% {
    transform: translateX(42px) translateY(42px) rotate(-179deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
  }
  50.1% {
    transform: translateX(42px) translateY(42px) rotate(-180deg);
    -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
  }
  75% {
    transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
  }
  100% {
    transform: rotate(-360deg);
    -webkit-transform: rotate(-360deg);
  }
}
.wrapper-our-strategy {
  padding-top: 4.3rem;
  background: url(../img/our-value-vector01.svg) no-repeat 99% -12px;
  background-size: 88px;
}
.wrapper-our-strategy h2 {
  padding-bottom: 2.2rem;
}
@media screen and (max-width: 768px) {
  .wrapper-our-strategy {
    background: none;
  }
}
.wrapper-our-strategy .strategy-cbox {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
  padding: 25px;
  margin-bottom: 30px;
}
.wrapper-awards {
  background: url(../img/about-awards-bg.jpg) no-repeat center center;
  padding-top: 1.6rem;
  padding-bottom: 2.1rem;
}
.wrapper-awards .awards {
  text-align: center;
  margin-bottom: 2.2rem;
  padding: 5px 50px;
  background: url(../img/award-pattarn-left.svg) no-repeat 2% center, url(../img/award-pattarn-right.svg) no-repeat 97% center;
}
/*---board-of-directors---*/
.dir-profile img {
  margin: 10px 0 0 0 !important;
  width: inherit !important;
}
.directors-profile-btm-area {
  display: flex;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px;
}
.directors-profile-btm-area img {
  margin: 0px 10px 0 0;
  width: 24px;
  height: 24px;
}
.directors-profile-btm-area h4 {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 18px;
  font-family: 'poppinsmedium';
}
.graphpis-btm {
  background: url(../img/chairmans-letter-vector02.svg) no-repeat 100% 65%;
  background-size: 120px;
}
@media (max-width: 1500px) {
  .graphpis-btm {
    background-position: 100% 63%;
    background-size: 100px;
  }
}
@media (max-width: 767px) {
  .graphpis-btm {
    padding: 10px 0 40px;
    background: transparent;
  }
}
.about-values {
  padding: 0 6%;
  font-size: 15px;
  line-height: 20px;
}
.about-values p {
  margin-bottom: 8px;
}
.about-values .about-values-img-bg {
  margin: 30px auto 15px;
  padding: 0;
  width: 196px;
  height: 196px;
  border: 10px solid #ffffff;
  border-radius: 50%;
  overflow: hidden;
  background: #ffffff;
  display: table;
}
.about-values .about-values-img-bg img {
  transition: transform .4s;
  transform: scale(1.4);
}
.about-values:hover img {
  transform: scale(1);
}
.about-values:hover .about-values-img-bg {
  border: 10px solid #F1EA57;
}
.about-values-right {
  margin-left: 50px;
  margin-right: -50px;
}
.about-values-left {
  margin-left: -50px;
  margin-right: 50px;
}
.wrapper-financail-cap {
  background: url("../img/financial-capital-bg.jpg") center center no-repeat;
  padding: 70px 0 60px;
  background-size: cover;
  color: #ffffff;
}
@media (max-width: 991px) {
  .wrapper-financail-cap {
    background-size: cover;
  }
}
@media (max-width: 767px) {
  .wrapper-financail-cap {
    padding: 30px 0 30px;
  }
}
.wrapper-financail-cap .head-Financials {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.3);
  padding: 5px 15px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 2.6rem;
  letter-spacing: 1.6px;
  font-family: 'poppinsbold';
}
.wrapper-financail-cap h4 {
  font-size: 35px;
  line-height: 35px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #ffffff;
}
.wrapper-financail-cap .brd-divider {
  width: 70px;
  clear: both;
  height: 2px;
  background: #F1EA57;
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
}
.wrapper-financail-overview {
  background: url("../img/financial-performance-bg.svg") center right no-repeat;
  padding: 70px 0 60px;
}
@media (max-width: 767px) {
  .wrapper-financail-overview {
    padding: 30px 0 30px;
  }
}
.wrapper-financail-productlunches .product-launches {
  padding: 5px 0 5px;
}
.counter {
  display: inline-block;
  margin: 2px 2px;
  /*min-width: 125px;*/
  animation-delay: 3s;
  animation-delay: 0s;
  animation-delay: -1500ms;
}
.redius-brd-blocks {
  border-radius: 20px;
  border: 1px solid #00AE4D;
  padding: 20px;
}
.redius-img {
  border-radius: 20px;
  overflow: hidden;
}
.redius-blocks {
  border-radius: 20px;
  padding: 20px;
}
.counter-block h4 {
  font-size: 35px;
  font-weight: 600;
  margin-bottom: 5px;
  color: #00ae4d;
}
.counter-block .brd-divider {
  width: 70px;
  clear: both;
  height: 2px;
  background: #c2c2c2;
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
}
.senior-mng-board h4 {
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 5px;
}
.rounded-circle-highlights {
  background: #00ae4d;
  color: #ffffff;
  text-align: center;
}
.large-count {
  font-size: 54px;
  font-family: 'poppinsbold';
}
.intellectual-milestones-bg {
  margin: 50px 0 0 0;
  padding: 40px 30px;
  border: 1px solid #D9D9D9;
  border-radius: 30px;
}
@media (max-width: 767px) {
  .intellectual-milestones-bg {
    padding: 25px 10px;
  }
}
.intellectual-milestones-bg .intellectual-milestones-border {
  /*border-right:1px solid #D9D9D9;*/
}
@media (max-width: 767px) {
  .intellectual-milestones-bg .intellectual-milestones-border {
    border-right: 0;
    border-bottom: 1px solid #D9D9D9;
    padding-top: 15px;
    margin-bottom: 15px;
  }
}
@media (min-width: 768px) {
  .supplier-categorization-graph-gap {
    margin-top: 3.4rem!important;
  }
}
.wrapper-letter-banner {
  margin: 80px 0 0 0;
  padding: 50px 0 0px;
  background: url(../img/chairmans-letter-vector.svg) no-repeat 100% 35px;
  background-size: 200px;
  overflow: hidden;
  /*.letter-content-top{
		width: 73%;
		margin: 12% 0 70px;
		
		@media(max-width:1500px){
			width: 85%;
			margin: 8% 0 30px;
		}
		@media(max-width:1200px){
			width: 100%;
		}
	}*/
}
@media (max-width: 1500px) {
  .wrapper-letter-banner {
    padding: 30px 0 0px;
  }
}
@media (max-width: 991px) {
  .wrapper-letter-banner {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner {
    padding: 0px 0 0px;
  }
}
.wrapper-letter-banner h2 {
  margin: 40px 0 20px 0;
  font-size: 50px;
  line-height: 55px;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner h2 {
    margin: 40px 0 20px 0;
    font-size: 40px;
    line-height: 48px;
  }
}
@media (max-width: 1200px) {
  .wrapper-letter-banner h2 {
    margin: 0px 0 15px 0;
    font-size: 30px;
    line-height: 38px;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 25px 0 15px 0;
  }
}
.wrapper-letter-banner h3 {
  color: #282828;
  font-size: 24px;
}
@media (max-width: 767px) {
  .wrapper-letter-banner h3 {
    font-size: 18px;
  }
}
.wrapper-letter-banner p {
  margin: 26px 0 80px;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner p {
    margin: 15px 0 40px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner p {
    margin: 15px 0 20px 0;
  }
}
.wrapper-letter-banner .letter-img {
  position: relative;
  z-index: 5;
  left: -15px;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner .letter-img {
    width: 95%;
  }
}
@media (max-width: 991px) {
  .wrapper-letter-banner .letter-img {
    width: 100%;
    top: 45px;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner .letter-img {
    top: 0;
  }
}
.wrapper-letter-banner .letter-quotes-img {
  position: relative;
  left: -20%;
  margin: 0 0 0 0;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner .letter-quotes-img {
    left: -23%;
    width: 78%;
  }
}
@media (max-width: 1200px) {
  .wrapper-letter-banner .letter-quotes-img {
    left: -33%;
    margin-top: -20px;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner .letter-quotes-img {
    left: -15px;
    width: 100%;
    margin-top: 0px;
  }
}
.wrapper-letter-banner .letter-content-top {
  width: 73%;
  margin: 0 0 40px;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner .letter-content-top {
    width: 96%;
  }
}
@media (max-width: 1200px) {
  .wrapper-letter-banner .letter-content-top {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner .letter-content-top {
    margin: 0 0 0px;
  }
}
.wrapper-letter-banner .letter-content-top .bg-gradient {
  width: 75%;
  margin: 15px 0 45px 0;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .wrapper-letter-banner .letter-content-top .bg-gradient {
    width: 100%;
    margin: 15px 0 30px 0;
    font-size: 18px;
    line-height: 25px;
  }
}
.wrapper-letter-banner .letter-content-top p {
  margin: 0px 0 16px;
}
.wrapper-letter-banner .letter-content-top .head-letter-top {
  font-size: 17px;
  color: #00ae4d;
  line-height: 24px;
}
.wrapper-letter-banner .cfos-letter p {
  margin: 26px 0 50px;
}
@media (max-width: 1500px) {
  .wrapper-letter-banner .cfos-letter p {
    margin: 15px 0 40px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-banner .cfos-letter p {
    margin: 15px 0 20px 0;
  }
}
.wrapper-letter-content {
  margin: 0;
  padding: 0px 0 80px;
  background: url(../img/chairmans-letter-vector02.svg) no-repeat 100% 85%;
  background-size: 140px;
}
@media (max-width: 1500px) {
  .wrapper-letter-content {
    background-position: 100% 98%;
    background-size: 100px;
  }
}
@media (max-width: 767px) {
  .wrapper-letter-content {
    padding: 0px 0 40px;
    background: transparent;
  }
}
.wrapper-letter-content h3 {
  font-size: 17px;
  color: #00ae4d;
  line-height: 24px;
}
.wrapper-letter-content .letters-name {
  font-size: 15px;
}
.wrapper-letter-content .letters-name h3 {
  margin: 0;
  font-size: 17px;
}
.wrapper-letter-content .bg-gradient {
  padding: 22px 43px;
  font-size: 22px;
  border-radius: 30px;
  line-height: 28px;
  width: 80%;
}
/*----------------Board of Directors ------------------*/
.wrapper-directors {
  padding: 35px 0 60px 0;
  color: #464f5c;
}
@media (max-width: 1500px) {
  .wrapper-directors {
    padding: 35px 0 50px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-directors {
    padding: 30px 0 30px 0;
  }
}
.wrapper-directors h4 {
  margin-bottom: 5px;
  font-size: 21px;
  display: block;
  font-weight: normal;
  color: #00ae4d;
}
@media (max-width: 1500px) {
  .wrapper-directors h4 {
    font-size: 19px;
  }
}
.wrapper-directors strong {
  font-size: 15px;
}
.wrapper-directors p {
  padding-right: 5%;
  font-size: 15px;
  line-height: 20px;
}
.wrapper-directors img {
  margin: 50px 40px 40px 10px;
  width: 84%;
  display: table;
}
@media (max-width: 767px) {
  .wrapper-directors img {
    width: 98%;
    margin: 40px 25px 25px 10px;
  }
}
.wrapper-global-footprint {
  padding: 80px 0;
}
@media (max-width: 1500px) {
  .wrapper-global-footprint {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-global-footprint {
    padding: 30px 0;
  }
}
.wrapper-global-footprint p {
  margin: 0 0 5px 0;
}
.footprint-map {
  padding: 0 15px;
}
.footprint-map img {
  margin: 50px auto 0px;
  width: 85%;
  display: table;
}
@media (max-width: 767px) {
  .footprint-map img {
    width: 100%;
    margin: 40px 0 10px;
  }
}
.wrapper-highlights {
  padding: 80px 0;
}
@media (max-width: 1500px) {
  .wrapper-highlights {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-highlights {
    padding: 30px 0;
  }
}
.wrapper-risk-management {
  padding: 80px 0;
}
@media (max-width: 1500px) {
  .wrapper-risk-management {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .wrapper-risk-management {
    padding: 30px 0;
  }
}
.wrapper-risk-management h1 {
  color: #3E3E3E;
}
@media (max-width: 767px) {
  .wrapper-risk-management h1 {
    font-size: 25px;
    line-height: 32px;
  }
}
.wrapper-risk-management .table th {
  width: 15%;
}
.wrapper-risk-management .table th i {
  font-size: 35px;
  margin-top: 15px;
  display: block;
  color: #09c85d;
}
.awards-bg000 i {
  color: #e7c55e !important;
}
.banner-risk-management h1 {
  font-size: 45px !important;
  bottom: 42% !important;
  line-height: 50px !important;
}
@media (max-width: 1500px) {
  .banner-risk-management h1 {
    font-size: 33px !important;
    bottom: 38% !important;
    line-height: 37px !important;
  }
}
.desk {
  display: block;
}
@media (max-width: 1500px) {
  .desk {
    display: none;
  }
}
.laptop {
  display: none;
}
@media (max-width: 1500px) {
  .laptop {
    display: block;
  }
}
.business-review-subbanner {
  padding: 130px 0 35px;
  color: #ffffff;
  text-align: center;
}
.business-review-subbanner .head-business-review {
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.3);
  padding: 10px 25px;
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 70px;
  font-family: 'poppinssemibold';
  font-size: 28px;
  line-height: 35px;
  letter-spacing: 3px;
}
.business-review-subbanner h3 {
  margin: 0 0 12px 0 !important;
  font-size: 60px;
  font-family: 'poppinssemibold';
}
.business-review-subbanner h4 {
  font-size: 35px;
  margin-bottom: 10px;
  color: #ffffff;
}
.business-review-subbanner .brd-divider {
  width: 70px;
  clear: both;
  height: 2px;
  background: #F1EA57;
  margin: 1.2rem auto 1.8rem;
}
.review-trends-content {
  width: 100%;
  padding-bottom: 0px;
  display: block;
  border-bottom: 1px solid #0baf4d;
  margin: 0 0 20px;
  padding: 0 0 15px 0;
}
@media (max-width: 767px) {
  .review-trends-content {
    width: 100%;
  }
}
.review-trends-content img {
  margin: 0 15px 0 0;
  display: block;
  float: left;
}
@media (max-width: 767px) {
  .review-trends-content img {
    margin: 0 15px 10px 0;
  }
}
.review-trends-content h4 {
  color: #426aaf;
}
@media (max-width: 767px) {
  .review-trends-content h4 {
    margin: 6px 0 0 0;
  }
}
.review-trends-content p {
  padding: 0px 0 0 0;
}
.india-brands-category .bg-gradient {
  margin: 15px 0 0;
  min-width: 240px;
}
@media (max-width: 767px) {
  .india-brands-category .bg-gradient {
    min-width: 100%;
    padding: 8px 18px;
    font-size: 18px;
  }
}
.country-head {
  font-family: 'poppinssemibold';
  padding: 15px 45px;
  margin: 0 0 30px 0;
}
.review-head02 {
  color: #00ae4d;
}
.review-head02 h4 {
  font-size: 35px;
  margin-bottom: 10px;
  color: #00ae4d;
}
.review-head02 .brd-divider {
  width: 70px;
  clear: both;
  height: 2px;
  background: #F1EA57;
  margin-top: 1.2rem;
  margin-bottom: 1.8rem;
}
.brands-bg {
  padding: 35px 35px 25px 38px;
  background: #00ae4d;
}
.brands-bg h5 {
  color: #ffffff;
}
.border-bottom01 {
  padding-bottom: 20px;
  border-bottom: 3px solid #dde28f;
}
.emea-highlights-text {
  padding: 25px 0px;
  border-bottom: 4px solid #dde28f;
  border-top: 4px solid #dde28f;
  font-size: 22px;
  line-height: 32px;
  color: #00ae4d;
}
/*-------------------------------ESG Section----------------------*/
.inner-esg-accordian {
  padding: 0;
  overflow: hidden;
  width: 100%;
  position: relative;
  background: transparent;
}
.vcm-esg-goals {
  background: transparent;
}
.vcm-esg-goals .esg-accordion .card .card-header .btn-header-link {
  padding: 8px 0 8px 18px;
  min-height: 62px;
  line-height: 40px;
}
@media (max-width: 767px) {
  .vcm-esg-goals .esg-accordion .card .card-header .btn-header-link {
    line-height: 24px;
    padding: 8px 20px 8px 10px;
  }
}
.vcm-esg-goals .wrapper-accordion .card .card-header img {
  width: 45px;
  display: block;
  float: left;
}
.wrapper-our-contribution-sdg .our-contribution-sdg-bg {
  margin: 0 0 20px 0;
  padding: 30px;
  border: 1px solid #D9D9D9;
  border-radius: 20px;
  font-size: 14px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .wrapper-our-contribution-sdg .our-contribution-sdg-bg {
    padding: 15px;
    border-radius: 10px;
  }
}
.wrapper-our-contribution-sdg .our-contribution-sdg-bg h4 {
  margin: 0 0 5px 0;
  font-size: 16px;
}
.wrapper-our-contribution-sdg .our-contribution-sdg-bg .bullet-list li {
  margin: 0 0 4px 0;
}
@media (max-width: 767px) {
  .wrapper-our-contribution-sdg .our-contribution-sdg-bg img {
    margin-bottom: 20px;
  }
}
.materiality-matrix {
  margin: 0 auto;
  width: 400px;
  cursor: pointer;
  border: 1px solid #d0d0d0;
  padding: 20px;
  border-radius: 15px;
  position: relative;
}
@media (max-width: 767px) {
  .materiality-matrix {
    width: 100%;
  }
}
.materiality-matrix:after {
  content: '';
  position: absolute;
  top: 38%;
  left: 47%;
  width: 50px;
  height: 50px;
  background: rgba(255, 255, 255, 0.9) url(../img/icon-zoom.png) no-repeat center;
  border-radius: 10px;
  line-height: 100px;
  text-align: center;
  z-index: 9;
  -webkit-box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.3);
}
.materiality-matrix:hover:after {
  background: #ACC12F url(../img/icon-zoom.png) no-repeat center;
}
.journey-arrow {
  float: left;
  display: block;
  margin: 0 15px 0 15px;
}
.esg-journey-bg .intellectual-milestones-bg {
  padding: 40px 0px 30px;
}
@media (max-width: 767px) {
  .esg-journey-bg h2 {
    margin: 5px 0 4px 0;
  }
}
.esg-journey-bg h3 {
  margin-left: 15px;
  font-size: 18px;
}
@media (max-width: 1500px) {
  .esg-journey-bg h3 {
    font-size: 16px;
    line-height: 20px;
    min-height: 40px;
  }
}
@media (max-width: 767px) {
  .esg-journey-bg h3 {
    min-height: auto !important;
  }
}
.esg-journey-bg .bullet-list {
  padding: 0;
}
.esg-journey-bg .bullet-list li {
  margin: 0 0 6px 0;
  padding: 10px 15px 0;
  font-size: 12px;
  line-height: 18px;
  list-style-type: none !important;
}
@media (max-width: 991px) {
  .esg-journey-bg .bullet-list li {
    min-height: auto !important;
    padding: 10px 15px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(1) {
  min-height: 95px;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(1) {
    min-height: 130px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(2) {
  min-height: 80px;
  background-color: #f0f6df;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(2) {
    min-height: 100px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(3) {
  min-height: 55px;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(3) {
    min-height: 75px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(4) {
  min-height: 60px;
  background-color: #f0f6df;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(4) {
    min-height: 80px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(5) {
  min-height: 65px;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(5) {
    min-height: 80px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(6) {
  min-height: 50px;
  background-color: #f0f6df;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(6) {
    min-height: 65px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(7) {
  min-height: 50px;
}
.esg-journey-bg .bullet-list li:nth-child(8) {
  min-height: 50px;
  background-color: #f0f6df;
}
@media (max-width: 1500px) {
  .esg-journey-bg .bullet-list li:nth-child(8) {
    min-height: 50px;
  }
}
.esg-journey-bg .bullet-list li:nth-child(9) {
  min-height: 50px;
}
.esg-journey-bg .bullet-list li.journey-blank {
  list-style-type: none !important;
}
@media (max-width: 991px) {
  .esg-journey-bg .bullet-list li.journey-blank {
    display: none !important;
  }
}
.esg-journey-bg .hide-disktop {
  display: none;
}
@media (max-width: 767px) {
  .esg-journey-bg .hide-disktop {
    display: block !important;
  }
}
.esg-journey-bg .hide-mobile {
  display: block;
}
@media (max-width: 767px) {
  .esg-journey-bg .hide-mobile {
    display: none !important;
  }
}
.esg-journey-bg .journey-assess {
  width: 115%;
  text-align: right;
}
@media (max-width: 767px) {
  .esg-journey-bg .journey-assess {
    width: 100%;
    text-align: left;
  }
}
.esg-journey-bg .journey-add {
  width: 130%;
  text-align: right;
}
@media (max-width: 767px) {
  .esg-journey-bg .journey-add {
    width: 100%;
    text-align: left;
  }
}
.materiality-assessment-bg .bg-gradient {
  border-radius: 15px;
  padding: 8px 10px;
}
.materiality-assessment-bg .assessment-process-head {
  padding: 8px 50px;
  margin: 0 auto 40px;
  display: table;
  background: var(--lupin-gradient-heading, linear-gradient(298deg, #A6CE39 0%, #00AE4D 56.96%, #416FAD 100%));
}
@media (max-width: 767px) {
  .materiality-assessment-bg .assessment-process-head {
    padding: 12px 20px;
  }
}
.materiality-assessment-bg .process-head-inner {
  margin: 0 0 16px 0;
  width: 100%;
  text-align: center;
  font-size: 17px;
}
@media (max-width: 1500px) {
  .materiality-assessment-bg .process-head-inner {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}
.materiality-assessment-bg .assessment-process-content {
  margin: 0;
  padding: 15px;
  border: 1px solid #D9D9D9;
  border-radius: 15px;
  min-height: 315px;
  font-size: 15px;
}
@media (max-width: 1500px) {
  .materiality-assessment-bg .assessment-process-content {
    min-height: 365px;
  }
}
@media (max-width: 767px) {
  .materiality-assessment-bg .assessment-process-content {
    min-height: auto;
    margin-bottom: 30px;
  }
}
.materiality-assessment-bg .col-auto {
  max-width: 20%;
}
@media (max-width: 767px) {
  .materiality-assessment-bg .col-auto {
    max-width: 100%;
  }
}
.materiality-assessment-bg .double-materiality-head {
  margin: 0 auto 40px;
  display: table;
  padding: 14px 45px;
  font-size: 22px;
  line-height: 28px;
  border-radius: 15px;
  color: #00AE4D;
  border: 1px solid #397ea0;
  font-family: 'poppinsmedium';
}
@media (max-width: 767px) {
  .materiality-assessment-bg .double-materiality-head {
    padding: 14px 22px;
    font-size: 18px;
    line-height: 25px;
  }
}
.materiality-assessment-bg .reviewed-content .process-head-inner {
  font-size: 19px;
  font-family: 'poppinsmedium';
}
@media (max-width: 767px) {
  .materiality-assessment-bg .reviewed-content .process-head-inner {
    font-size: 17px;
  }
}
.strategy-noarrow .card .card-header .btn-header-link::after {
  background: transparent !important;
}
.wrapper-esg-goals .esg-accordion.strategy-noarrow .card .card-header .btn-header-link::after {
  background: transparent !important;
}
.modal-header .close {
  border: 1px solid #e7e7e7;
  margin-right: 10px;
  margin-top: 5px;
  border-radius: 7px;
  padding: 8px 10px;
}
.accordion-databook .card .card-header .btn-header-link::after {
  top: 5px;
}
.wrapper-key-highlights-page {
  padding: 80px 0;
  background: #fff;
  color: #3E3E3E;
}
@media (max-width: 1500px) {
  .wrapper-key-highlights-page {
    padding: 100px 0 70px;
  }
}
@media (max-width: 991px) {
  .wrapper-key-highlights-page {
    padding: 95px 15px 60px;
  }
  .wrapper-key-highlights-page .col-lg-3 {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page {
    padding: 40px 15px;
  }
}
.wrapper-key-highlights-page .head-line {
  background: #ffffff;
  background: linear-gradient(to right, #ffffff 0%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 63px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlights-page .head-line {
    line-height: 45px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page .head-line {
    line-height: 32px;
  }
}
.wrapper-key-highlights-page .head-line::after {
  bottom: 15px;
  left: 21%;
  background: #fff;
}
.wrapper-key-highlights-page .sec-highlightsbox {
  padding: 22px 20px 25px;
  color: #3E3E3E;
  font-size: 16px;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.12);
  height: 100%;
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page .sec-highlightsbox {
    padding: 25px 15px;
  }
}
.wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon {
  text-align: right;
  margin: 0 0 25px 0;
  min-height: 75px;
  font-size: 70px;
  overflow: hidden;
}
@media (max-width: 1200px) {
  .wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon {
    margin: 0 0 20px 0;
    min-height: 65px;
    font-size: 60px;
  }
  .wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon img {
    width: 60px;
  }
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon {
    margin: 0 0 15px 0;
  }
  .wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon img {
    width: 70px;
  }
}
.wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon strong {
  margin: 25px 0 5px 0;
  font-family: 'poppinssemibold';
  font-size: 18px;
  float: left;
  text-transform: uppercase;
  letter-spacing: 1px;
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon strong {
    margin: 22px 0 5px 0;
  }
}
.wrapper-key-highlights-page .sec-highlightsbox .sec-highlights-icon i {
  background: #caddff;
  padding: 10px;
  font-size: 23px;
  border-radius: 50%;
  float: right;
  border: 8px solid #dfebff;
  width: 64px;
  height: 64px;
  line-height: 28px;
  text-align: center;
}
.wrapper-key-highlights-page .sec-highlightsbox h3 {
  margin: 15px 0 0 0;
  font-size: 28px;
  line-height: 34px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlights-page .sec-highlightsbox h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.wrapper-key-highlights-page .highlights-color01 {
  background: #4A6DAA;
  color: #ffffff;
}
.wrapper-key-highlights-page .highlights-color01 strong,
.wrapper-key-highlights-page .highlights-color01 h3 {
  color: #ffffff;
}
.wrapper-key-highlights-page .highlights-color02 {
  color: #ffffff;
  background: #4E8790;
}
.wrapper-key-highlights-page .highlights-color02 strong,
.wrapper-key-highlights-page .highlights-color02 h3 {
  color: #ffffff;
}
.wrapper-key-highlights-page .highlights-color03 {
  color: #ffffff;
  background: #57A26B;
}
.wrapper-key-highlights-page .highlights-color03 strong,
.wrapper-key-highlights-page .highlights-color03 h3 {
  color: #ffffff;
}
.wrapper-key-highlights-page .highlights-color04 {
  color: #ffffff;
  background: #6FB457;
}
.wrapper-key-highlights-page .highlights-color04 strong,
.wrapper-key-highlights-page .highlights-color04 h3 {
  color: #6FB457;
  color: #ffffff;
}
.wrapper-key-highlights-page .key-highlight002 {
  margin-top: 60px;
  text-align: center;
  color: #3E3E3E;
}
.wrapper-key-highlights-page .key-highlight002 h3 {
  margin: 22px 0 8px 0;
  text-align: center;
  color: #3E3E3E;
  font-size: 28px;
  line-height: 34px;
}
@media (max-width: 1200px) {
  .wrapper-key-highlights-page .key-highlight002 h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.wrapper-key-highlights-page .key-highlight002 .highlights-icon {
  margin: 0 auto;
  background: #94c159;
  padding: 10px;
  font-size: 23px;
  border-radius: 50%;
  border: 8px solid #a3c774;
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
}
@media (max-width: 767px) {
  .wrapper-key-highlights-page .key-highlight002 img {
    width: 100px;
  }
}

/*# sourceMappingURL=main.css.map */